/* ============================================================
   Sistema de Fichaje — SendingBay
   Estilos globales compartidos por el panel admin y el portal
   de empleado.
   ============================================================ */

/* --- Bootstrap: sobreescribir primary con el teal de SendingBay --- */
:root {
    --bs-primary:          #008773;
    --bs-primary-rgb:      0, 135, 115;
    --bs-success:          #16a34a;
    --bs-success-rgb:      22, 163, 74;
    --bs-link-color:       #008773;
    --bs-link-hover-color: #006b5c;
}

/* --- Base -------------------------------------------------- */
body {
    background-color: var(--color-bg-secondary, #f8f9fa);
    font-family: var(--font-sans, system-ui, sans-serif);
    color: var(--color-text-primary, #101828);
}

/* Login standalone */
body.login-page {
    background-color: #f0f2f5;
}

/* --- Navbar ------------------------------------------------ */
.navbar-brand {
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* --- Fichajes ---------------------------------------------- */
.badge-punch {
    font-size: 0.75rem;
    font-weight: 500;
}

.punch-missing {
    color: var(--color-text-disabled, #adb5bd);
    font-style: italic;
}

/* --- Card helpers ------------------------------------------ */
/* Compatibilidad Bootstrap .h-100 dentro de sendingbay card */
.card.h-100 {
    height: 100% !important;
}

/* --- Fix: sendingbay-ui .modal conflicta con Bootstrap Modal --- */
/* sendingbay-ui pone display:flex, z-index:2000 y animation,   */
/* lo que tapa el modal con el backdrop y lo muestra al cargar. */
.modal {
    display: none;
    animation: none;
    flex-direction: unset;
    max-height: unset;
    border-radius: unset;
    box-shadow: unset;
    z-index: 1055; /* Bootstrap value */
}

.modal.show {
    display: block;
}

.modal-backdrop {
    display: block;
    align-items: unset;
    justify-content: unset;
    padding: unset;
    border-radius: unset;
    animation: none;
    z-index: 1050; /* Bootstrap value — evita que tape el modal */
}

/* --- Punch cards (portal empleado) ------------------------- */
.punch-card {
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-secondary);
    background-color: var(--color-bg-secondary);
}

.punch-card--done {
    border-color: var(--color-brand-200);
    background-color: var(--color-brand-50);
}

.punch-card__label {
    font-size: var(--text-sm);
    color: var(--color-text-tertiary);
    margin-bottom: 6px;
}

.punch-card__icon--done  { color: var(--color-brand-600); }
.punch-card__icon--pending { color: var(--color-text-disabled); }
.punch-card__time--done  { color: var(--color-brand-700); }
.punch-card__time--pending { color: var(--color-text-disabled); }