/* quiron.css — Estilos customizados do QUÍRON
 * Design System QUÍRON (@ux *design-system) — ver docs/ux/design-system.md */

:root {
    /* Identidade QUÍRON */
    --quiron-navy:      #14315c;   /* wordmark, navbar, primária escura */
    --quiron-blue:      #2c5aa0;   /* centauro — acentos/links/hover */
    --quiron-blue-050:  #eaf0f8;
    --quiron-ink:       #1b2430;
    --quiron-bg:        #f5f7fb;
    --quiron-surface:   #ffffff;
    --quiron-border:    #dbe2ec;

    /* Compat: token legado aponta para a marca QUÍRON */
    --quiron-primary: var(--quiron-blue);
    --quiron-sidebar-width: 240px;

    /* Override do Bootstrap: primária = azul QUÍRON */
    --bs-primary: #2c5aa0;
    --bs-primary-rgb: 44, 90, 160;
    --bs-link-color: #2c5aa0;
    --bs-link-hover-color: #14315c;
}

body {
    font-size: 0.9rem;
    background-color: var(--quiron-bg);
    color: var(--quiron-ink);
}

/* ---- Marca QUÍRON: navbar em azul-marinho ---- */
.navbar.bg-primary {
    background-color: var(--quiron-navy) !important;
}

/* Botões primários seguem o azul QUÍRON, com hover no marinho */
.btn-primary {
    --bs-btn-bg: var(--quiron-blue);
    --bs-btn-border-color: var(--quiron-blue);
    --bs-btn-hover-bg: var(--quiron-navy);
    --bs-btn-hover-border-color: var(--quiron-navy);
    --bs-btn-active-bg: var(--quiron-navy);
    --bs-btn-active-border-color: var(--quiron-navy);
}

.text-primary { color: var(--quiron-blue) !important; }
.bg-primary   { background-color: var(--quiron-navy) !important; }
a { color: var(--quiron-blue); }
a:hover { color: var(--quiron-navy); }

/* Cards de módulo com hover */
.card-modulo {
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.card-modulo:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
}

/* Navbar */
.navbar-brand {
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

/* Wordmark QUÍRON (identidade — @ux design-system) */
.quiron-wordmark {
    letter-spacing: 1.5px;
    font-weight: 700;
}

/* Logotipo do centauro na navbar — versão BRANCA (SVG transparente), sem chip:
   contrasta direto com a navbar azul-marinho. */
.quiron-logo {
    height: 34px;
    width: auto;
}

/* Logo grande na tela de login (card claro — sem chip). */
.quiron-logo-login {
    height: 96px;
    width: auto;
}

/* Fundo da tela de login: arte QUÍRON com overlay azul-marinho para legibilidade
   do card por cima. cover + center para preencher a viewport sem distorcer. */
.quiron-login-bg {
    background:
        linear-gradient(180deg, rgba(20,49,92,0.35), rgba(20,49,92,0.45)),
        url("../img/Quiron.jpeg") center center / cover no-repeat fixed;
    padding: 1rem;
}

/* Footer fixo na base */
.footer {
    font-size: 0.8rem;
}

/* Tabelas hospitalares — mais compactas */
.table-hospitalar {
    font-size: 0.85rem;
}

.table-hospitalar th {
    background-color: #f8f9fa;
    font-weight: 600;
}

/* Badge de status de leito */
.badge-leito-livre    { background-color: #198754; }
.badge-leito-ocupado  { background-color: #dc3545; }
.badge-leito-reservado{ background-color: #ffc107; color: #000; }
.badge-leito-limpeza  { background-color: #6c757d; }

/* Classificação de risco Manchester */
.risco-vermelho    { border-left: 5px solid #dc3545 !important; }
.risco-laranja     { border-left: 5px solid #fd7e14 !important; }
.risco-amarelo     { border-left: 5px solid #ffc107 !important; }
.risco-verde       { border-left: 5px solid #198754 !important; }
.risco-azul        { border-left: 5px solid #0dcaf0 !important; }

/* Indicador de certificado digital */
.cert-valido   { color: #198754; }
.cert-invalido { color: #dc3545; }
.cert-ausente  { color: #6c757d; }

/* Impressão — ocultar navbar e controles */
@media print {
    .navbar, .footer, .btn, .alert, .no-print {
        display: none !important;
    }
    body { font-size: 11pt; }
}