/* Painel de Provisionamento - reaproveita os mesmos tokens visuais do
   AtendenteIA (assets/css/admin.css) pra ficar com a cara do resto do
   sistema, em vez de parecer uma ferramenta à parte. */
html {
    font-size: 87.5%;
}

:root {
    --brand: #0f6e56;
    --brand-dark: #0b2b24;
    --brand-light: #e1f5ee;
    --brand-mid: #5dcaa5;
    --page-bg: #f4f7f6;
    --border-soft: #e1e7e4;
    --card-bg: #ffffff;
    --border: #e1e7e4;
    --text-primary: #182521;
    --text-secondary: #5c6b66;
    --text-muted: #8b9793;
    --table-head-color: #7a8985;
    --code-bg: var(--brand-light);
    --code-color: var(--brand-dark);
    --card-header-color: var(--brand-dark);

    --bs-primary: var(--brand);
    --bs-primary-rgb: 15, 110, 86;
    --bs-link-color: var(--brand);
    --bs-link-color-rgb: 15, 110, 86;
    --bs-link-hover-color: var(--brand-dark);
    --bs-body-font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --bs-border-radius: 10px;
    --bs-border-radius-sm: 8px;
    --bs-border-radius-lg: 12px;
}

/* Modo escuro - alternado pelo botão na navbar (ver assets/painel.js),
   guardado em localStorage (mesmo padrão do admin do AtendenteIA). Redefine
   só os TOKENS; os componentes abaixo já leem essas variáveis. */
[data-bs-theme="dark"] {
    --page-bg: #141a18;
    --border-soft: #2b3532;
    --card-bg: #1c2422;
    --border: #2b3532;
    --text-primary: #eef3f1;
    --text-secondary: #a7b3af;
    --text-muted: #78857f;
    --brand-light: #123a30;
    --table-head-color: #78857f;
    --code-bg: #16332b;
    --code-color: #8fd9bb;
    --card-header-color: var(--text-primary);
}

body {
    background: var(--page-bg);
    color: var(--text-primary);
    letter-spacing: -0.1px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
    letter-spacing: -0.3px;
}

.card {
    background-color: var(--card-bg);
    border-color: var(--border);
    color: var(--text-primary);
}
.card-header {
    background-color: var(--brand-light);
    border-color: var(--border);
    font-weight: 600;
    color: var(--card-header-color);
}
.card-header.bg-warning-subtle,
.card-header.bg-danger-subtle {
    color: var(--card-header-color) !important;
}

.btn-primary {
    background-color: var(--brand);
    border-color: var(--brand);
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
}
.btn-outline-primary {
    color: var(--brand);
    border-color: var(--brand);
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}
.btn {
    font-weight: 500;
}

.navbar {
    background: var(--brand-dark) !important;
}
.navbar .navbar-brand {
    font-weight: 600;
    font-size: 15px;
}

.table {
    color: var(--text-primary);
}
.table-light {
    --bs-table-bg: var(--card-bg);
    --bs-table-color: var(--text-primary);
    --bs-table-border-color: var(--border);
}
.table thead th {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .05em;
    color: var(--table-head-color);
    font-weight: 600;
    border-bottom-width: 1px;
}
.table td, .table th {
    vertical-align: middle;
}

code {
    color: var(--code-color);
    background: var(--code-bg);
    padding: .1em .4em;
    border-radius: 4px;
    font-size: .9em;
}