:root {
    --fsh-primary: #2b7a78; /* Verde médico oscuro */
    --fsh-secondary: #3aafa9; /* Verde médico claro */
    --fsh-bg: #f4f7f6; /* Gris/Beige muy suave para fondo */
    --fsh-text: #17252a; /* Gris oscuro para lectura */
}
body {
    background-color: var(--fsh-bg);
    color: var(--fsh-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.btn-primary {
    background-color: var(--fsh-primary);
    border-color: var(--fsh-primary);
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--fsh-secondary);
    border-color: var(--fsh-secondary);
}
.card-login {
    border-radius: 15px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    border: none;
}

:root {
    --fsh-primary: #2b7a78;
    --fsh-secondary: #3aafa9;
    /* Oscurecemos ligeramente el fondo para que el blanco resalte más en monitores */
    --fsh-bg: #e4e9e8; 
    --fsh-text: #17252a;
}

body {
    background-color: var(--fsh-bg);
    color: var(--fsh-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Sombras y bordes más definidos para las tarjetas en PC */
.card {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}

/* Efecto interactivo al pasar el mouse sobre una orden de trabajo */
.list-group-item-action {
    transition: all 0.2s ease;
    border-bottom: 1px solid #eaeaea !important;
}

.list-group-item-action:hover {
    background-color: #fbfbfb;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    z-index: 1;
}