/* Tema X-Adm para apps server-render (Bootstrap 5 + Thymeleaf).
 * FONTE-DA-VERDADE no repo central; copie para
 * src/main/resources/public/css/custom-theme.css. NÃO edite por app —
 * se a identidade mudar, mude no central e re-derive via /xadm-docs.
 *
 * A paleta é a MESMA do xadm.css (docs) — derivada das cores REAIS do logo
 * (amostrado 2026-07-01): royal #064490 (marca), accent #2a5b97 (links/hover),
 * navy escuro #042c5e (header), prata #939495 (neutro). Uma paleta, dois
 * consumidores (MkDocs Material no portal, Bootstrap nos apps). */

:root {
    --xadm-royal: #064490;
    --xadm-royal-dark: #042c5e;
    --xadm-royal-light: #7092bb;
    --xadm-accent: #2a5b97;
    --xadm-silver: #939495;
    --xadm-silver-light: #e2e6eb;

    /* Sobrescreve o azul default do Bootstrap pela marca. */
    --bs-primary: #064490;
    --bs-primary-rgb: 6, 68, 144;
    --bs-link-color: #2a5b97;
    --bs-link-color-rgb: 42, 91, 151;
    --bs-link-hover-color: #042c5e;
}

/* Botões/realces primários na cor da marca (Bootstrap 5.3 usa RGB vars). */
.btn-primary {
    --bs-btn-bg: var(--xadm-royal);
    --bs-btn-border-color: var(--xadm-royal);
    --bs-btn-hover-bg: var(--xadm-royal-dark);
    --bs-btn-hover-border-color: var(--xadm-royal-dark);
    --bs-btn-active-bg: var(--xadm-royal-dark);
    --bs-btn-active-border-color: var(--xadm-royal-dark);
}
.btn-outline-primary {
    --bs-btn-color: var(--xadm-royal);
    --bs-btn-border-color: var(--xadm-royal);
    --bs-btn-hover-bg: var(--xadm-royal);
    --bs-btn-hover-border-color: var(--xadm-royal);
    --bs-btn-active-bg: var(--xadm-royal);
}
.badge.bg-primary { background-color: var(--xadm-royal) !important; }

.form-control:focus,
.form-select:focus {
    border-color: var(--xadm-royal-light);
    box-shadow: 0 0 0 0.2rem rgba(6, 68, 144, 0.2);
}

/* Cabeçalho da casa (fragments `navbar`/`navbarComMenu` do layout.html). */
.xadm-header { background: var(--xadm-royal-dark); }
.xadm-header .navbar-brand { color: #fff; font-weight: 500; }
.xadm-header .navbar-brand small { opacity: .7; font-weight: 400; }
.xadm-header .nav-link { color: rgba(255, 255, 255, .78); padding: .25rem .65rem; font-size: .9rem; }
.xadm-header .nav-link:hover,
.xadm-header .nav-link.active { color: #fff; }
.xadm-header .dropdown-menu { font-size: .9rem; min-width: 11rem; }
.xadm-header .navbar-toggler { border-color: rgba(255, 255, 255, .3); }
.xadm-header .navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(6, 68, 144, .5); }
.xadm-header .user-chip {
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .35rem .65rem; border-radius: 999px;
    background: rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .92);
    font-size: .85rem;
}
.xadm-header .user-chip .logout-btn {
    background: none; border: none; color: rgba(255, 255, 255, .7);
    padding: 0; font-size: .85rem; text-decoration: underline;
}
.xadm-header .user-chip .logout-btn:hover { color: #fff; }
.xadm-header .btn-login {
    background: var(--xadm-royal); border: none; color: #fff;
    padding: .35rem .9rem; font-size: .85rem; border-radius: .25rem;
}
.xadm-header .btn-login:hover { background: var(--xadm-accent); color: #fff; }

/* Idiomas visuais da casa — tabelas de dado, cards, alertas. */
.table thead th {
    background-color: var(--xadm-royal);
    color: #fff;
    border-color: var(--xadm-royal-dark);
    font-weight: 600;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: var(--xadm-silver-light);
}
.card { border-color: var(--xadm-silver-light); }
.alert-info {
    --bs-alert-color: var(--xadm-royal-dark);
    --bs-alert-border-color: var(--xadm-royal-light);
}