.bookingpress-checkin-btn span,
.bookingpress-checkin-btn-mobile span {
    text-transform: uppercase;
}
.bp-checkin-success { 
    color: #27ae60;
    font-weight: bold;
    padding: 5px;
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 3px;
    display: block;
    margin-top: 5px;
    text-align: center;
}

.bp-checkin-error { 
    color: #e74c3c;
    font-weight: bold;
    padding: 5px;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 3px;
    display: block;
    margin-top: 5px;
    text-align: center;
}

.bookingpress-checkin-mobile-wrapper {
    width: 100%;
    margin-bottom: 10px;
}

.bookingpress-checkin-status {
    margin-top: 5px;
    font-size: 14px;
}

#bookingpress-checkin-status { 
    margin-top: 10px; 
    min-height: 24px; 
}

#bookingpress-checkin-video { 
    margin-top: 10px; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}

/* Mobile specific styles */
/* Make mobile camera square */
[id*="bookingpress-checkin-video-mobile"] {
    border: 2px solid #007cba;
    border-radius: 5px;
    margin-top: 10px;
    width: 100% !important;
    max-width: 350px !important;
    height: 100% !important;
    max-height: 350px !important;
    aspect-ratio: 1 / 1 !important;
    background: #000;
    object-fit: cover !important;
    display: block;
}

[id*="bookingpress-checkin-status-mobile"] {
    margin-top: 5px;
    font-size: 14px;
}

/* General video styling */
video[id*="bookingpress-checkin-video"] {
    background: #000;
    object-fit: cover;
    min-height: 200px;
}