/* Estilos generales */
.navbar {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    margin-bottom: 1rem;
}

/* Estado de conexión */
#connectionStatus {
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    background-color: rgba(255,255,255,0.2);
}

#connectionStatus.offline {
    background-color: #dc3545;
}

/* QR Scanner */
#qrReader {
    width: 100%;
    min-height: 300px;
    background-color: #f8f9fa;
}

/* Formulario */
.form-label {
    font-weight: 500;
}

.input-group {
    margin-bottom: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .container {
        padding: 1rem;
    }
    
    .btn {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .d-flex {
        flex-direction: column;
    }
    
    .gap-2 > * {
        margin-bottom: 0.5rem;
    }
}