/* Tema administrativo com alternância clara/escura — herda a paleta do
   sistema (views/layout.php já escreve --brand-primary/--brand-secondary/
   --brand-accent a partir de cms_brand_palette(), app/SiteCms.php). Este
   arquivo só decide FUNDO e CONTRASTE de cada modo; a cor de destaque vem
   sempre das variáveis de marca, nunca de um hexadecimal fixo — é isso que
   fazia o painel (inclusive o construtor de chatbot) parecer "fora do
   sistema", com um azul genérico em vez da identidade da Criei. */
:root{
  --admin-primary:var(--brand-primary);--admin-primary-strong:var(--brand-secondary);--admin-accent:var(--brand-accent);
  --white:#fff;--shadow:0 10px 30px rgba(15,23,42,.07);
}
.authenticated{background:var(--bg);color:var(--ink)}
.authenticated .sidebar,.authenticated .topbar,.authenticated .panel,.authenticated .stats article,
.authenticated .mini-stats div,.authenticated .partner-card,.authenticated .coupon-card,
.authenticated .site-admin-tabs,.authenticated .site-settings-index,.authenticated .table-panel,
.authenticated .modal-card,.authenticated .user-dropdown,.authenticated .notification-dropdown{background:var(--white);border-color:var(--line);color:var(--ink)}
.authenticated .sidebar nav a.active{background:color-mix(in srgb,var(--brand-secondary) 12%,white);color:var(--admin-primary)}
.authenticated .btn.primary{background:linear-gradient(135deg,var(--admin-primary-strong),var(--admin-primary));box-shadow:0 8px 18px color-mix(in srgb,var(--brand-secondary) 22%,transparent)}
.authenticated .search,.authenticated .btn.secondary,.authenticated .crm-row-action{background:#f1f5f9;color:#475569;border-color:var(--line)}
.authenticated .search input,.authenticated input,.authenticated select,.authenticated textarea{color:var(--ink)}
.authenticated .crm-bar-track{background:#e8edf5}.authenticated .crm-bar-track i{background:linear-gradient(90deg,var(--brand-secondary),color-mix(in srgb,var(--brand-secondary) 60%,var(--brand-accent)),var(--brand-accent))}
.authenticated .sa-bars i{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 70%,white),var(--brand-secondary));box-shadow:0 8px 20px color-mix(in srgb,var(--brand-secondary) 18%,transparent)}
.authenticated .crm-origins li i{background:var(--brand-accent)}.authenticated .crm-status-badge{background:color-mix(in srgb,var(--brand-secondary) 12%,white);color:var(--admin-primary-strong)}
.authenticated .crm-stats article:after{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-secondary) 7%,transparent),color-mix(in srgb,var(--brand-accent) 10%,transparent))}
.authenticated .finance-bars i{background:linear-gradient(180deg,color-mix(in srgb,var(--brand-secondary) 70%,white),var(--brand-secondary));box-shadow:0 8px 20px color-mix(in srgb,var(--brand-secondary) 18%,transparent)}
.authenticated .finance-new-contract>summary>span{background:color-mix(in srgb,var(--brand-secondary) 12%,white);color:var(--admin-primary-strong)}
.authenticated .chatbot-toolbar-hint b{color:var(--admin-primary-strong)}.authenticated .chatbot-edges path.chatbot-edge:hover,
.authenticated .chatbot-edges path.chatbot-edge-preview{stroke:var(--admin-primary-strong)}.authenticated .chatbot-group.is-selected{border-color:var(--admin-primary-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-secondary) 16%,transparent),0 12px 28px rgba(15,23,42,.06)}
.authenticated .chatbot-block-row.is-selected{outline-color:var(--admin-primary-strong)}.authenticated .chatbot-node-anchor-out{background:var(--admin-primary-strong);border-color:#fff;box-shadow:0 0 0 1px var(--admin-primary-strong)}
.admin-theme-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);cursor:pointer}
.admin-theme-toggle svg{width:17px;height:17px}.theme-icon-dark{display:none}.user-menu-trigger>div,.dropdown-profile>div{text-align:left}
/* A sidebar fica escura no tema escuro (regra logo abaixo), então a logo
   também troca pra sua variante clara — mesmo padrão do ícone de sol/lua do
   botão de tema. */
.theme-logo-dark{display:none}

/* Modo escuro: fundo e contraste ficam neutros (é o esperado de um tema
   escuro — nada pintado de marca ali cegaria à noite), mas todo destaque
   interativo continua saindo das MESMAS variáveis de marca, só clareadas
   com color-mix para se destacar sobre o fundo escuro. */
[data-admin-theme="dark"]{
  color-scheme:dark;--ink:#ededed;--muted:#a3a3a3;--line:#262626;
  --bg:#000000;--white:#0d0d0d;--shadow:0 12px 34px rgba(0,0,0,.28);
  --crm-coal:#05070b;--crm-cream:#0d0d0d;
  --admin-primary:color-mix(in srgb,var(--brand-secondary) 70%,white);
  --admin-primary-strong:color-mix(in srgb,var(--brand-secondary) 55%,white);
  --admin-accent:color-mix(in srgb,var(--brand-accent) 70%,white);
}
[data-admin-theme="dark"] body,[data-admin-theme="dark"] .authenticated{background:#000000;color:var(--ink)}
[data-admin-theme="dark"] .authenticated .sidebar,[data-admin-theme="dark"] .authenticated .topbar,
[data-admin-theme="dark"] .authenticated .panel,[data-admin-theme="dark"] .authenticated .stats article,
[data-admin-theme="dark"] .authenticated .mini-stats div,[data-admin-theme="dark"] .authenticated .partner-card,
[data-admin-theme="dark"] .authenticated .coupon-card,[data-admin-theme="dark"] .authenticated .site-admin-tabs,
[data-admin-theme="dark"] .authenticated .site-settings-index,[data-admin-theme="dark"] .authenticated .table-panel,
[data-admin-theme="dark"] .authenticated .modal-card,[data-admin-theme="dark"] .authenticated .user-dropdown,
[data-admin-theme="dark"] .authenticated .notification-dropdown{background:#0d0d0d;border-color:#262626;color:#ededed}
[data-admin-theme="dark"] .authenticated .workspace,[data-admin-theme="dark"] .authenticated main{background:#000000}
[data-admin-theme="dark"] .authenticated p,[data-admin-theme="dark"] .authenticated small,[data-admin-theme="dark"] .authenticated td{color:#a3a3a3}
[data-admin-theme="dark"] .authenticated h1,[data-admin-theme="dark"] .authenticated h2,[data-admin-theme="dark"] .authenticated h3,
[data-admin-theme="dark"] .authenticated b,[data-admin-theme="dark"] .authenticated strong,[data-admin-theme="dark"] .authenticated td b{color:#ededed}
[data-admin-theme="dark"] .authenticated .search,[data-admin-theme="dark"] .authenticated .btn.secondary,
[data-admin-theme="dark"] .authenticated input,[data-admin-theme="dark"] .authenticated select,[data-admin-theme="dark"] .authenticated textarea,
[data-admin-theme="dark"] .authenticated .search-field,[data-admin-theme="dark"] .authenticated .crm-search{background:#141414;border-color:#2e2e2e;color:#ededed}
[data-admin-theme="dark"] .authenticated table th{background:#141414;color:#a3a3a3}[data-admin-theme="dark"] .authenticated td{border-color:#262626}
[data-admin-theme="dark"] .authenticated .sidebar nav a{color:#a3a3a3}[data-admin-theme="dark"] .authenticated .sidebar nav a.active{background:color-mix(in srgb,var(--brand-secondary) 32%,#0d0d0d);color:var(--admin-primary)}
[data-admin-theme="dark"] .authenticated .admin-theme-toggle{background:#141414;border-color:#2e2e2e;color:#fafafa}
[data-admin-theme="dark"] .theme-icon-light{display:none}[data-admin-theme="dark"] .theme-icon-dark{display:block}
[data-admin-theme="dark"] .theme-logo-light{display:none}[data-admin-theme="dark"] .theme-logo-dark{display:block}
[data-admin-theme="dark"] .authenticated .crm-bar-track{background:#262626}[data-admin-theme="dark"] .authenticated .site-admin-tabs a:hover,
[data-admin-theme="dark"] .authenticated .user-menu-trigger:hover,[data-admin-theme="dark"] .authenticated .notification-trigger:hover{background:#1c1c1c}
@media(max-width:760px){.admin-theme-toggle{width:36px;height:36px}.top-actions{gap:6px}}
