/*
 * CanaSoft — Cores da tela escolhidas pelo usuário (2026-10-21)
 * Carregado DEPOIS do ImagenetTema.css. Só aparência.
 * O <html> recebe data-tema="claro|suave|medio|escuro" (ImagenetHeader.phtml, a partir do cookie
 * "canasoft_tema_<id do usuário>"). "claro" = visual de sempre: nenhuma regra abaixo se aplica.
 * A escolha é feita no menu do usuário (avatar) › Cores da tela.
 */

/* ---------- Paletas ---------- */
html[data-tema="suave"] {
    --t-fundo: #DCE2D8;
    --t-borda: #CBD3C8;
    --t-borda-forte: #BAC4B7;
    --t-hover: #D8E2D1;
    --tc-sup: #EEF1EB;
    --tc-sup-2: #E5E9E1;
    --tc-campo: #F7F8F5;
    --tc-campo-ro: #E2E6DE;
    --tc-campo-borda: #BCC6B9;
    --tc-painel: #D3DFCB;
    --tc-painel-borda: #C1D0B8;
    --tc-linha-hover: #E3EADD;
}
html[data-tema="medio"] {
    --t-fundo: #CDD5C8;
    --t-borda: #BAC4B6;
    --t-borda-forte: #A7B3A3;
    --t-hover: #CAD6C2;
    --tc-sup: #E1E6DC;
    --tc-sup-2: #D6DDD0;
    --tc-campo: #EDF0E9;
    --tc-campo-ro: #D4DAD0;
    --tc-campo-borda: #A9B5A6;
    --tc-painel: #C3D2B9;
    --tc-painel-borda: #AFC1A4;
    --tc-linha-hover: #D5DECD;
}
html[data-tema="escuro"] {
    color-scheme: dark;
    --t-fundo: #161E1A;
    --t-borda: #313F37;
    --t-borda-forte: #3F4F46;
    --t-hover: #26332C;
    --t-texto: #DCE5DE;
    --t-texto-2: #A9B7AE;
    --tc-sup: #1F2924;
    --tc-sup-2: #252F2A;
    --tc-campo: #29352F;
    --tc-campo-ro: #222C27;
    --tc-campo-borda: #405048;
    --tc-painel: #1B2420;
    --tc-painel-borda: #2C3832;
    --tc-linha-hover: #26332C;
    --tc-titulo: #EAF1EC;
    --tc-rotulo: #C3CFC7;
    --cs-painel-bg: #1B2420;
    --cs-painel-borda: #2C3832;
    --cs-texto: #DCE5DE;
    --cs-texto-2: #A9B7AE;
    --input-border-color: #405048;
}

/* ---------- Superfícies (todos os temas, menos o claro) ---------- */
html[data-tema="suave"] body .imagenet-topo,
html[data-tema="medio"] body .imagenet-topo,
html[data-tema="escuro"] body .imagenet-topo { background: var(--tc-sup); }

html[data-tema="suave"] .os-card, html[data-tema="suave"] .ps-card, html[data-tema="suave"] .pr-card,
html[data-tema="medio"] .os-card, html[data-tema="medio"] .ps-card, html[data-tema="medio"] .pr-card,
html[data-tema="escuro"] .os-card, html[data-tema="escuro"] .ps-card, html[data-tema="escuro"] .pr-card { background: var(--tc-sup); }

/* Campos */
html[data-tema="suave"] body input[type="text"], html[data-tema="suave"] body input[type="password"], html[data-tema="suave"] body input[type="tel"], html[data-tema="suave"] body input[type="email"], html[data-tema="suave"] body input[type="number"], html[data-tema="suave"] body input[type="date"], html[data-tema="suave"] body input[type="search"], html[data-tema="suave"] body select, html[data-tema="suave"] body textarea, html[data-tema="suave"] body .tagsinput, html[data-tema="suave"] body .chosen-container .chosen-single, html[data-tema="suave"] body .chosen-container-multi .chosen-choices, html[data-tema="suave"] body .chosen-container .chosen-drop,
html[data-tema="medio"] body input[type="text"], html[data-tema="medio"] body input[type="password"], html[data-tema="medio"] body input[type="tel"], html[data-tema="medio"] body input[type="email"], html[data-tema="medio"] body input[type="number"], html[data-tema="medio"] body input[type="date"], html[data-tema="medio"] body input[type="search"], html[data-tema="medio"] body select, html[data-tema="medio"] body textarea, html[data-tema="medio"] body .tagsinput, html[data-tema="medio"] body .chosen-container .chosen-single, html[data-tema="medio"] body .chosen-container-multi .chosen-choices, html[data-tema="medio"] body .chosen-container .chosen-drop,
html[data-tema="escuro"] body input[type="text"], html[data-tema="escuro"] body input[type="password"], html[data-tema="escuro"] body input[type="tel"], html[data-tema="escuro"] body input[type="email"], html[data-tema="escuro"] body input[type="number"], html[data-tema="escuro"] body input[type="date"], html[data-tema="escuro"] body input[type="search"], html[data-tema="escuro"] body select, html[data-tema="escuro"] body textarea, html[data-tema="escuro"] body .tagsinput, html[data-tema="escuro"] body .chosen-container .chosen-single, html[data-tema="escuro"] body .chosen-container-multi .chosen-choices, html[data-tema="escuro"] body .chosen-container .chosen-drop {
    background-color: var(--tc-campo);
    background-image: none;
    border-color: var(--tc-campo-borda);
}
html[data-tema="suave"] body input:disabled, html[data-tema="suave"] body input[readonly], html[data-tema="suave"] body select:disabled, html[data-tema="suave"] body textarea:disabled, html[data-tema="suave"] body textarea[readonly],
html[data-tema="medio"] body input:disabled, html[data-tema="medio"] body input[readonly], html[data-tema="medio"] body select:disabled, html[data-tema="medio"] body textarea:disabled, html[data-tema="medio"] body textarea[readonly],
html[data-tema="escuro"] body input:disabled, html[data-tema="escuro"] body input[readonly], html[data-tema="escuro"] body select:disabled, html[data-tema="escuro"] body textarea:disabled, html[data-tema="escuro"] body textarea[readonly] { background-color: var(--tc-campo-ro); }

/* Botões claros (Cancelar, Exportar, Excluir…) */
html[data-tema="suave"] .imagenet-titulo-wrapper .imagenet-btn-default, html[data-tema="suave"] .imagenet-titulo-wrapper .imagenet-btn-vazio, html[data-tema="suave"] .imagenet-opcoes .imagenet-btn-default, html[data-tema="suave"] .imagenet-opcoes .imagenet-btn-cancel, html[data-tema="suave"] .imagenet-filtro-avancado .imagenet-btn-default, html[data-tema="suave"] .imagenet-btn2.imagenet-excluir-id,
html[data-tema="medio"] .imagenet-titulo-wrapper .imagenet-btn-default, html[data-tema="medio"] .imagenet-titulo-wrapper .imagenet-btn-vazio, html[data-tema="medio"] .imagenet-opcoes .imagenet-btn-default, html[data-tema="medio"] .imagenet-opcoes .imagenet-btn-cancel, html[data-tema="medio"] .imagenet-filtro-avancado .imagenet-btn-default, html[data-tema="medio"] .imagenet-btn2.imagenet-excluir-id,
html[data-tema="escuro"] .imagenet-titulo-wrapper .imagenet-btn-default, html[data-tema="escuro"] .imagenet-titulo-wrapper .imagenet-btn-vazio, html[data-tema="escuro"] .imagenet-opcoes .imagenet-btn-default, html[data-tema="escuro"] .imagenet-opcoes .imagenet-btn-cancel, html[data-tema="escuro"] .imagenet-filtro-avancado .imagenet-btn-default, html[data-tema="escuro"] .imagenet-btn2.imagenet-excluir-id { background: var(--tc-campo); }

/* Abas (pílulas) e abas internas */
html[data-tema="suave"] .imagenet-tab-topo, html[data-tema="suave"] .imagenet-sub-tab-topo,
html[data-tema="medio"] .imagenet-tab-topo, html[data-tema="medio"] .imagenet-sub-tab-topo,
html[data-tema="escuro"] .imagenet-tab-topo, html[data-tema="escuro"] .imagenet-sub-tab-topo { background: var(--tc-sup-2); }
html[data-tema="suave"] .imagenet-tab.ativo, html[data-tema="suave"] .imagenet-sub-tab.ativo,
html[data-tema="medio"] .imagenet-tab.ativo, html[data-tema="medio"] .imagenet-sub-tab.ativo,
html[data-tema="escuro"] .imagenet-tab.ativo, html[data-tema="escuro"] .imagenet-sub-tab.ativo { background: var(--tc-campo); }
html[data-tema="suave"] .imagenet-sub-tab-conteudo, html[data-tema="medio"] .imagenet-sub-tab-conteudo, html[data-tema="escuro"] .imagenet-sub-tab-conteudo { background: var(--tc-sup); }

/* Grades (AG Grid) */
html[data-tema="suave"] body .ag-theme-quartz, html[data-tema="medio"] body .ag-theme-quartz, html[data-tema="escuro"] body .ag-theme-quartz {
    --ag-background-color: var(--tc-sup);
    --ag-header-background-color: var(--tc-sup-2) !important;
    --ag-odd-row-background-color: var(--tc-sup);
    --ag-border-color: var(--t-borda);
    --ag-row-border-color: var(--t-borda);
    --ag-control-panel-background-color: var(--tc-sup);
}
html[data-tema="suave"] body .ag-theme-quartz .ag-row-even, html[data-tema="suave"] body .ag-theme-quartz .ag-row-odd,
html[data-tema="medio"] body .ag-theme-quartz .ag-row-even, html[data-tema="medio"] body .ag-theme-quartz .ag-row-odd,
html[data-tema="escuro"] body .ag-theme-quartz .ag-row-even, html[data-tema="escuro"] body .ag-theme-quartz .ag-row-odd { background-color: var(--tc-sup) !important; }
html[data-tema="suave"] body .ag-theme-quartz .ag-header-row-column-filter, html[data-tema="medio"] body .ag-theme-quartz .ag-header-row-column-filter, html[data-tema="escuro"] body .ag-theme-quartz .ag-header-row-column-filter { background: var(--tc-sup); }
html[data-tema="suave"] body .ag-theme-quartz .ag-floating-filter input[type="text"], html[data-tema="suave"] body .ag-theme-quartz .ag-floating-filter input[type="number"],
html[data-tema="medio"] body .ag-theme-quartz .ag-floating-filter input[type="text"], html[data-tema="medio"] body .ag-theme-quartz .ag-floating-filter input[type="number"],
html[data-tema="escuro"] body .ag-theme-quartz .ag-floating-filter input[type="text"], html[data-tema="escuro"] body .ag-theme-quartz .ag-floating-filter input[type="number"] { background: var(--tc-campo) !important; border-color: var(--tc-campo-borda) !important; }
html[data-tema="suave"] body .ag-theme-quartz .ag-row-hover:not(.ag-full-width-row)::before,
html[data-tema="medio"] body .ag-theme-quartz .ag-row-hover:not(.ag-full-width-row)::before,
html[data-tema="escuro"] body .ag-theme-quartz .ag-row-hover:not(.ag-full-width-row)::before { background-color: var(--tc-linha-hover); }

/* Popups */
html[data-tema="suave"] .imagenet-popup-content, html[data-tema="medio"] .imagenet-popup-content, html[data-tema="escuro"] .imagenet-popup-content { background: var(--tc-sup); }
html[data-tema="suave"] .imagenet-popup .imagenet-form, html[data-tema="medio"] .imagenet-popup .imagenet-form, html[data-tema="escuro"] .imagenet-popup .imagenet-form { background: linear-gradient(to top, var(--tc-sup-2) 68px, var(--tc-sup) 68px); }

/* Menu lateral (painel), menu do usuário e busca */
html[data-tema="suave"], html[data-tema="medio"] { --cs-painel-bg: var(--tc-painel); --cs-painel-borda: var(--tc-painel-borda); }
html[data-tema="suave"] .cs-perfil-menu, html[data-tema="medio"] .cs-perfil-menu, html[data-tema="escuro"] .cs-perfil-menu { background: var(--tc-sup); }
html[data-tema="suave"] .cs-nav a.cs-link.on, html[data-tema="medio"] .cs-nav a.cs-link.on, html[data-tema="escuro"] .cs-nav a.cs-link.on { background: var(--tc-campo); }

/* ---------- Ajustes só do escuro (textos) ---------- */
html[data-tema="escuro"] .imagenet-titulo-conteudo,
html[data-tema="escuro"] fieldset legend,
html[data-tema="escuro"] .os-resumo h1, html[data-tema="escuro"] .ps-resumo h1, html[data-tema="escuro"] .pr-resumo h1,
html[data-tema="escuro"] .os-sec-topo h2, html[data-tema="escuro"] .ps-sec-topo h2, html[data-tema="escuro"] .pr-sec-topo h2,
html[data-tema="escuro"] .os-resumo .os-atividade,
html[data-tema="escuro"] .os-passo.atual,
html[data-tema="escuro"] .cs-panel-titulo, html[data-tema="escuro"] .cs-perfil-cab strong,
html[data-tema="escuro"] .imagenet-tab.ativo, html[data-tema="escuro"] .imagenet-sub-tab.ativo,
html[data-tema="escuro"] .cs-nav a.cs-link.on { color: var(--tc-titulo) !important; }
html[data-tema="escuro"] .imagenet-tab, html[data-tema="escuro"] .imagenet-sub-tab { color: var(--t-texto-2); }
html[data-tema="escuro"] .imagenet-campo > label, html[data-tema="escuro"] .imagenet-campo label { color: var(--tc-rotulo); }
html[data-tema="escuro"] body input, html[data-tema="escuro"] body select, html[data-tema="escuro"] body textarea,
html[data-tema="escuro"] body .chosen-container .chosen-single, html[data-tema="escuro"] body .chosen-container .chosen-results li,
html[data-tema="escuro"] body .chosen-container-multi .chosen-choices li.search-choice { color: var(--t-texto); }
html[data-tema="escuro"] body input:disabled, html[data-tema="escuro"] body input[readonly], html[data-tema="escuro"] body textarea[readonly] { color: var(--t-texto-2); }
html[data-tema="escuro"] body .chosen-container-multi .chosen-choices li.search-choice { background: var(--tc-sup-2); border-color: var(--tc-campo-borda); box-shadow: none; }
html[data-tema="escuro"] body .chosen-container .chosen-results li.highlighted { background: #3F7A2C; color: #FFFFFF; }
html[data-tema="escuro"] .imagenet-titulo-wrapper .imagenet-btn-default, html[data-tema="escuro"] .imagenet-titulo-wrapper .imagenet-btn-vazio,
html[data-tema="escuro"] .imagenet-opcoes .imagenet-btn-default, html[data-tema="escuro"] .imagenet-opcoes .imagenet-btn-cancel { color: var(--t-texto) !important; border-color: var(--t-borda-forte) !important; }
html[data-tema="escuro"] .imagenet-btn2.imagenet-excluir-id { color: #F0A496 !important; border-color: #6A3A33 !important; }
html[data-tema="escuro"] body .ag-theme-quartz {
    --ag-header-foreground-color: #B7C4BB !important;
    --ag-data-color: #DCE5DE !important;
    --ag-foreground-color: #DCE5DE;
    --ag-icon-color: #9AA89F;
    --ag-header-column-separator-color: #3F4F46;
}
html[data-tema="escuro"] body .ag-theme-quartz .ag-cell[col-id="cod"] { color: #A9B7AE; }
html[data-tema="escuro"] .os-atalhos a, html[data-tema="escuro"] .ps-atalhos a, html[data-tema="escuro"] .pr-atalhos a { background: var(--tc-campo); border-color: var(--t-borda-forte); color: var(--t-texto); }
html[data-tema="escuro"] .os-atalhos a.ativo, html[data-tema="escuro"] .ps-atalhos a.ativo, html[data-tema="escuro"] .pr-atalhos a.ativo { background: #3F7A2C; border-color: #3F7A2C; color: #FFFFFF; }
html[data-tema="escuro"] .os-passo-linha { background: #3F4F46; }
html[data-tema="escuro"] .os-badge.neutro, html[data-tema="escuro"] .pr-badge.neutro { background: #2E3A33; color: #C3CFC7; }
html[data-tema="escuro"] .os-cont, html[data-tema="escuro"] .ps-cont, html[data-tema="escuro"] .pr-cont { background: #33423A; color: #DCE5DE; }
html[data-tema="escuro"] .imagenet-topo img { filter: brightness(1.5); }
html[data-tema="escuro"] .imagenet-topo, html[data-tema="escuro"] .imagenet-topo a, html[data-tema="escuro"] .imagenet-topo i { color: #C3CFC7; }
html[data-tema="escuro"] .cs-panel .cs-busca input, html[data-tema="escuro"] .cs-nav input { background: var(--tc-campo); color: var(--t-texto); border-color: var(--tc-campo-borda); }

/* ---------- Topo: submenus (engrenagem etc.) ---------- */
html[data-tema="suave"] .imagenet-topo-submenus-inner, html[data-tema="medio"] .imagenet-topo-submenus-inner, html[data-tema="escuro"] .imagenet-topo-submenus-inner { background: var(--tc-sup); }

/* ---------- Painel de gestão (usa as variáveis da própria tela) ---------- */
html[data-tema="suave"] .cs-painel, html[data-tema="medio"] .cs-painel { --cs-card: var(--tc-sup); --cs-line: var(--t-borda); --cs-soft: var(--tc-sup-2); }
html[data-tema="escuro"] .cs-painel { --cs-ink: #DCE5DE; --cs-muted: #A9B7AE; --cs-line: #313F37; --cs-soft: #2A3630; --cs-card: #1F2924; --cs-red: #F08A7E; --cs-amber: #E6B35C; }
html[data-tema="escuro"] .cs-painel h1, html[data-tema="escuro"] .cs-painel h2, html[data-tema="escuro"] .cs-painel h3 { color: var(--tc-titulo); }

/* ---------- Escuro: topo, título da tela, paginação das grades ---------- */
html[data-tema="escuro"] .imagenet-topo svg { color: #C3CFC7 !important; }
html[data-tema="escuro"] .imagenet-topo-logotipo-link img { filter: brightness(0) invert(.92); }
html[data-tema="escuro"] .imagenet-titulo-conteudo a, html[data-tema="escuro"] .imagenet-breadcrumb a { color: var(--t-texto-2) !important; }
html[data-tema="escuro"] .imagenet-titulo-conteudo a:last-child, html[data-tema="escuro"] .imagenet-breadcrumb a:last-child { color: var(--tc-titulo) !important; }
html[data-tema="escuro"] body .ag-theme-quartz .ag-paging-panel, html[data-tema="escuro"] body .ag-theme-quartz .ag-paging-panel .ag-label, html[data-tema="escuro"] body .ag-theme-quartz .ag-picker-field-display, html[data-tema="escuro"] body .ag-theme-quartz .ag-paging-number { color: var(--t-texto-2); }
html[data-tema="escuro"] body .ag-theme-quartz .ag-paging-row-summary-panel-number, html[data-tema="escuro"] body .ag-theme-quartz .ag-paging-number.ativo { color: var(--tc-titulo); }
html[data-tema="escuro"] body .ag-theme-quartz .ag-paging-panel .ag-picker-field-wrapper { background: var(--tc-campo); border-color: var(--tc-campo-borda); }
html[data-tema="escuro"] .cs-perfil-cab { border-bottom-color: var(--t-borda); }

/* ---------- Grupos de opção (Física/Jurídica, Gênero…), busca do select, barra da foto ---------- */
html[data-tema="suave"] .imagenet-radio-group input:not(:checked) + label, html[data-tema="suave"] .imagenet-checkbox-group input:not(:checked) + label, html[data-tema="suave"] .chosen-container .chosen-search, html[data-tema="suave"] .chosen-container .chosen-search input, html[data-tema="suave"] .imagenet-foto-opcoes,
html[data-tema="medio"] .imagenet-radio-group input:not(:checked) + label, html[data-tema="medio"] .imagenet-checkbox-group input:not(:checked) + label, html[data-tema="medio"] .chosen-container .chosen-search, html[data-tema="medio"] .chosen-container .chosen-search input, html[data-tema="medio"] .imagenet-foto-opcoes,
html[data-tema="escuro"] .imagenet-radio-group input:not(:checked) + label, html[data-tema="escuro"] .imagenet-checkbox-group input:not(:checked) + label, html[data-tema="escuro"] .chosen-container .chosen-search, html[data-tema="escuro"] .chosen-container .chosen-search input, html[data-tema="escuro"] .imagenet-foto-opcoes { background-color: var(--tc-campo); }
html[data-tema="escuro"] .imagenet-radio-group input:not(:checked) + label, html[data-tema="escuro"] .imagenet-checkbox-group input:not(:checked) + label { color: var(--t-texto-2); border-color: var(--tc-campo-borda); }
html[data-tema="escuro"] .chosen-container .chosen-search input { color: var(--t-texto); border-color: var(--tc-campo-borda); }
html[data-tema="escuro"] .imagenet-foto-opcoes, html[data-tema="escuro"] .imagenet-foto-opcoes * { color: #C3CFC7; }
html[data-tema="escuro"] .cs-painel { --cs-accent: #8FC27B; }

/* ---------- Escolha no menu do usuário ---------- */
.cs-tema { padding: 8px 12px 10px; border-top: 1px solid var(--t-borda, #EEF1EE); margin-top: 4px; }
.cs-tema-rotulo { display: block; font-size: 12px; font-weight: 600; color: var(--cs-texto-2, #4A6A5D); margin-bottom: 8px; }
.cs-tema-opcoes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.cs-tema-opcoes button { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 6px 2px; border: 1px solid transparent; border-radius: 8px; background: none; font: inherit; font-size: 11.5px; color: var(--cs-texto, #22352C); cursor: pointer; }
.cs-tema-opcoes button:hover { background: var(--t-hover, #EEF4EA); }
.cs-tema-opcoes button[aria-pressed="true"] { border-color: var(--cs-verde, #317302); font-weight: 600; }
.cs-tema-amostra { width: 30px; height: 22px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .18); display: flex; overflow: hidden; }
.cs-tema-amostra i { flex: 1; }