/* Tema das telas de formulário e tabela da Central (E7): Caixa, Diárias e as telas que ainda não tinham tema (Painel, Financeiro, Lançar tíquete, Avaliações, Restrições, Usuários, Cadastro de chamados, Login, Primeiro acesso, Solicitar acesso, Minha senha).
   O escuro vale com html[data-tema="escuro"] (design/tema.js). Escopo: só as telas listadas em body:is(...): cada tela nova entra na lista, nenhuma outra muda.
   Claro = as regras de sempre (central.css + <style> da página, que ficam como estão); a única regra do claro é a abaixo, que segura o título numa linha porque o botão novo "Tema" estreita a coluna do título.
   Escuro: só variáveis --tm-* (design/tokens.css).
   O que o central.css fixa em claro (com !important) é refeito aqui, com mais especificidade. */

/* Cabeçalho: o botão #tema alarga o grupo de ações e a coluna do título encolhia; o título (logo + nome) fica numa linha, como antes. */
body:is(.sgx-caixa,.sgx-diarias) .sgx-page-title>span{white-space:nowrap}
@media(min-width:601px){body:is(.sgx-painel,.sgx-finance,.sgx-chamados-cadastro) .sgx-page-title>span{white-space:nowrap}}

/* As variáveis do <style> da página (--panel, --text, --muted, --green...) apontam para o tema: o que usa var() segue sozinho. */
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password){--bg:var(--tm-fundo);--panel:var(--tm-painel);--panel-2:var(--tm-painel2);--panel2:var(--tm-painel2);--border:var(--tm-borda);--line:var(--tm-borda);--text:var(--tm-texto);--muted:var(--tm-suave);--green:var(--tm-v-texto);--blue:var(--tm-link);--yellow:var(--tm-a-texto);--red:var(--tm-r-texto);--shadow:none}

/* Cabeçalho, cartões, painéis */
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.topbar,.head){color:var(--tm-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.card,.panel,.metric,.item,details,.notice,.box,.summary,.controls){background:var(--tm-painel)!important;color:var(--tm-texto)!important;border-color:var(--tm-borda)!important;box-shadow:none!important}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.eyebrow,.subtitle,.sub,.dt,.tl,.ts,.camlbl,.metric-detail){color:var(--tm-suave)!important}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.metric-value,.value,.tn){color:var(--tm-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.difference,.adjustment-total,.adjustment-item,.preview,.worker-row){background:var(--tm-painel2);color:var(--tm-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .difference.good .value{color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .difference.bad .value{color:var(--tm-r-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .field label{color:var(--tm-cab-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.reason-box,.policy){background:var(--tm-aviso-fundo);border-color:var(--tm-aviso-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.reason-box label,.policy strong,.policy-rate,.preview-note.alert){color:var(--tm-aviso-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) #coverage{color:var(--tm-aviso-texto)!important}

/* Mensagens e avisos */
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .message.info{background:var(--tm-n-fundo);color:var(--tm-n-texto);border-color:var(--tm-n-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .message.success{background:var(--tm-v-fundo);color:var(--tm-v-texto);border-color:var(--tm-v-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.message.error,.seal,.bad,.notice.error,#erro:not(:empty)){background:var(--tm-r-fundo)!important;color:var(--tm-r-texto)!important;border-color:var(--tm-r-borda)!important}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.positive,.ok){color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .negative{color:var(--tm-r-texto)}

/* Selos de situação */
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.status,.pill,.chip,.tag){background:var(--tm-n-fundo);border-color:var(--tm-n-borda);color:var(--tm-n-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.status.approved,.status.paid,.status.ready,.chip.impresso,.chip.resolvido,.chip.feito,.pill.v,.tag.ok,.tag.v){background:var(--tm-v-fundo);border-color:var(--tm-v-borda);color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.status.draft,.status.pending,.chip.pendente,.chip.executando,.pill.y,.pill.l,.tag.al,.tag.a,.tag.l){background:var(--tm-a-fundo);border-color:var(--tm-a-borda);color:var(--tm-a-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(.status.cancelled,.status.divergence,.chip.erro,.chip.desconhecido,.chip.cancelado,.tag.b){background:var(--tm-r-fundo);border-color:var(--tm-r-borda);color:var(--tm-r-texto)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) .status.submitted{background:var(--tm-n-fundo);border-color:var(--tm-link);color:var(--tm-link)}

/* Campos e botões */
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(input,select,textarea){background:var(--tm-btn-fundo)!important;color:var(--tm-texto)!important;border-color:var(--tm-btn-borda)!important;color-scheme:dark!important}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(input,textarea)::placeholder{color:var(--tm-suave);opacity:1}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) main button:not(.primary):not(.danger):not(.foto){background:var(--tm-btn-fundo)!important;color:var(--tm-btn-texto)!important;border-color:var(--tm-btn-borda)!important}

/* Tabelas */
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) :is(table,.tablewrap,.table-wrap){background:transparent;color:var(--tm-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) th{background:var(--tm-cab-fundo);color:var(--tm-cab-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) td{color:var(--tm-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-caixa,.sgx-diarias,.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) tbody tr:nth-child(even){background:var(--tm-painel2)}

/* ===== Telas que entraram depois (Painel, Financeiro, Lançar, Avaliações, Restrições, Usuários, Cadastro de chamados, Login, Primeiro acesso, Solicitar acesso, Minha senha) ===== */

/* Paletas próprias dos <style> das páginas (--texto, --sub, --verde, --card...) apontam para o tema: o que usa var() segue sozinho (Painel: cartões, linhas, números, "Próximos navios"). */
html[data-tema="escuro"] body:is(.sgx-painel,.sgx-finance,.sgx-launch,.sgx-avaliacoes,.sgx-restrictions,.sgx-usuarios,.sgx-chamados-cadastro,.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password){--texto:var(--tm-texto);--sub:var(--tm-suave);--ink:var(--tm-texto);--card:var(--tm-painel);--ok:var(--tm-v-texto);--verde:var(--tm-v-texto);--amarelo:var(--tm-a-texto);--laranja:var(--tm-laranja);--azul:var(--tm-link);--vermelho:var(--tm-r-texto);--teal:var(--tm-link)}

/* Painel e Avaliações: nomes, placas, faixas, barras */
html[data-tema="escuro"] body:is(.sgx-painel,.sgx-avaliacoes) :is(.nm,.row .rn,.av .placa){color:var(--tm-texto)}
html[data-tema="escuro"] body:is(.sgx-painel) .banner.ok{background:var(--tm-v-fundo);border-color:var(--tm-v-borda);color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-painel) .banner.warn{background:var(--tm-aviso-fundo)!important;border-color:var(--tm-aviso-borda)!important;color:var(--tm-aviso-texto)!important}
html[data-tema="escuro"] body:is(.sgx-painel) .row{border-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-painel) .prox-linha{border-bottom-color:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-painel) .prox-linha.prox-7d{border-left-color:var(--tm-a-texto);background:var(--tm-a-fundo)}
html[data-tema="escuro"] body:is(.sgx-painel) .prox-quando{color:var(--tm-link)}
html[data-tema="escuro"] body:is(.sgx-painel) :is(.prox-7d .prox-quando,.prox-total){color:var(--tm-a-texto)}
html[data-tema="escuro"] body:is(.sgx-painel) .prox-cam{color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-painel) :is(.prox-det,.prox-resumo-txt,.sec){color:var(--tm-suave)}
html[data-tema="escuro"] body:is(.sgx-painel) .sec::after{background:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) .barra .tr{background:var(--tm-borda)}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) .barra .fl{background:var(--tm-a-texto)}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) :is(.resumo,.av){background:var(--tm-painel)!important;border-color:var(--tm-borda)!important}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) :is(.filtros,.acoes) button:not(.on):not(.alerta){background:var(--tm-btn-fundo)!important;color:var(--tm-btn-texto)!important;border-color:var(--tm-btn-borda)!important}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) .acoes button.perigo:not(.on):not(.alerta){color:var(--tm-r-texto)!important;border-color:var(--tm-r-borda)!important}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) .filtros button.on{background:var(--tm-sel-fundo)!important;color:var(--tm-sel-texto)!important;border-color:var(--tm-sel-borda)!important}
html[data-tema="escuro"] body:is(.sgx-avaliacoes) .filtros button.alerta:not(.on){background:var(--tm-r-fundo)!important;color:var(--tm-r-texto)!important;border-color:var(--tm-r-borda)!important}

/* Financeiro: avisos */
html[data-tema="escuro"] body:is(.sgx-finance) .notice.warn{background:var(--tm-aviso-fundo)!important;color:var(--tm-aviso-texto)!important;border-color:var(--tm-aviso-borda)!important}
html[data-tema="escuro"] body:is(.sgx-finance) .notice.info{background:var(--tm-n-fundo)!important;color:var(--tm-n-texto)!important;border-color:var(--tm-n-borda)!important}

/* Lançar tíquete: faixa de ensaio, botão de foto, opção escolhida, campos conferidos */
html[data-tema="escuro"] body:is(.sgx-launch) .ensaio{background:var(--tm-aviso-fundo)!important;color:var(--tm-aviso-texto)!important;border-color:var(--tm-aviso-borda)!important}
html[data-tema="escuro"] body:is(.sgx-launch) main button.foto{background:var(--tm-n-fundo);color:var(--tm-n-texto);border-color:var(--tm-link)}
html[data-tema="escuro"] body:is(.sgx-launch) main .pick button.on:not(.primary):not(.danger):not(.foto){background:var(--tm-sel-fundo)!important;color:var(--tm-sel-texto)!important;border-color:var(--tm-sel-borda)!important}
html[data-tema="escuro"] body:is(.sgx-launch) :is(input,textarea).f-verde{background:var(--tm-v-fundo)!important;border:2px solid var(--tm-v-borda)!important}
html[data-tema="escuro"] body:is(.sgx-launch) :is(input,textarea).f-amarelo{background:var(--tm-a-fundo)!important;border:2px solid var(--tm-aviso-borda)!important}

/* Restrições e Usuários: mensagens; no claro "SÓ À VISTA" é amarelo, no escuro continua */
html[data-tema="escuro"] body:is(.sgx-restrictions,.sgx-usuarios) .msg{color:var(--tm-r-texto)}
html[data-tema="escuro"] body:is(.sgx-restrictions,.sgx-usuarios) .msg.ok{color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-restrictions) .tag.v{background:var(--tm-a-fundo);border-color:var(--tm-a-borda);color:var(--tm-a-texto)}

/* Cadastro de chamados: o design/chamados-cadastro.css fixa fundo e texto claros */
html[data-tema="escuro"] body:is(.sgx-chamados-cadastro) :is(.row,.empty){background:var(--tm-painel2);border-color:var(--tm-borda);color:var(--tm-texto)}
html[data-tema="escuro"] body:is(.sgx-chamados-cadastro) :is(.row-title,details>summary){color:var(--tm-texto)}
html[data-tema="escuro"] body:is(.sgx-chamados-cadastro) #msg:not(.hidden){background:var(--tm-aviso-fundo);border-color:var(--tm-aviso-borda);color:var(--tm-aviso-texto)}
html[data-tema="escuro"] body:is(.sgx-chamados-cadastro) #msg.ok:not(.hidden){background:var(--tm-v-fundo);border-color:var(--tm-v-borda);color:var(--tm-v-texto)}

/* Telas sem menu lateral (Login, Primeiro acesso, Solicitar acesso) e Minha senha: fundo, cartão central, textos, link e botão */
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso){background:var(--tm-fundo)!important;color:var(--tm-texto)!important}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso) :is(h1,h2){color:var(--tm-texto)}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso) a{color:var(--tm-link)!important}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso) :is(.sub,.muted){color:var(--tm-suave)}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso) :is(button,a,input):focus-visible{outline:3px solid var(--tm-link)!important;outline-offset:2px}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) main{background:var(--tm-painel);color:var(--tm-texto);border-color:var(--tm-borda);box-shadow:none!important}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) #mensagem{color:var(--tm-r-texto)}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) #mensagem.ok{color:var(--tm-v-texto)}
html[data-tema="escuro"] body:is(.sgx-login,.sgx-primeiro-acesso,.sgx-solicitar-acesso,.sgx-password) main button:not(.primary):not(.danger):not(.foto){background:var(--tm-sel-fundo)!important;color:var(--tm-sel-texto)!important;border-color:var(--tm-sel-borda)!important}

/* Pátio: mesmas peças e estados do claro, com as variáveis semânticas do tema. */
html[data-tema="escuro"] body.sgx-patio :is(details,.iso-number-card,.iso-list-item,.batch,.fila-row,.rd-metrics span){background:var(--tm-painel2)!important;color:var(--tm-texto)!important;border-color:var(--tm-borda)!important;box-shadow:none!important}
html[data-tema="escuro"] body.sgx-patio .batch .crow{background:var(--tm-painel)!important}
html[data-tema="escuro"] body.sgx-patio .iso-number-card{background:var(--tm-painel)!important}
/* 30/10 (direção Semáforo): o cartão "Voltou com tíquete vencido" é vermelho nos dois temas. */
html[data-tema="escuro"] body.sgx-patio .iso-number-card[data-status="warning"]{background:var(--tm-r-fundo)!important;border-color:var(--tm-r-borda)!important}
html[data-tema="escuro"] body.sgx-patio .iso-number-card[data-status="warning"] .iso-value{color:var(--tm-r-texto)}
html[data-tema="escuro"] body.sgx-patio .iso-number-card-action{color:var(--tm-texto)!important}
html[data-tema="escuro"] body.sgx-patio .filter.active{background:var(--tm-sel-fundo)!important;color:var(--tm-sel-texto)!important;border-color:var(--tm-sel-borda)!important}
html[data-tema="escuro"] body.sgx-patio .iso-notice[data-status="info"]{background:var(--tm-n-fundo)!important;color:var(--tm-n-texto)!important;border-color:var(--tm-n-borda)!important}
html[data-tema="escuro"] body.sgx-patio .iso-notice[data-status="success"]{background:var(--tm-v-fundo)!important;color:var(--tm-v-texto)!important;border-color:var(--tm-v-borda)!important}
html[data-tema="escuro"] body.sgx-patio .iso-notice[data-status="warning"]{background:var(--tm-aviso-fundo)!important;color:var(--tm-aviso-texto)!important;border-color:var(--tm-aviso-borda)!important}
html[data-tema="escuro"] body.sgx-patio .iso-notice[data-status="error"]{background:var(--tm-r-fundo)!important;color:var(--tm-r-texto)!important;border-color:var(--tm-r-borda)!important}
html[data-tema="escuro"] body.sgx-patio :is(.iso-label,.iso-block-title,.fold,.iso-value,.iso-list-title,.rd-item strong){color:var(--tm-texto)}
html[data-tema="escuro"] body.sgx-patio :is(.iso-block-meta,.iso-card-meta,.fold-meta,.iso-list-note,.crow .plates){color:var(--tm-suave)!important}
html[data-tema="escuro"] body.sgx-patio :is(.chip,.tag){background:var(--tm-n-fundo);border-color:var(--tm-n-borda);color:var(--tm-n-texto)}
html[data-tema="escuro"] body.sgx-patio :is(.truck,.crow) .chip{background:var(--tm-v-fundo);border-color:var(--tm-v-borda);color:var(--tm-v-texto)}
html[data-tema="escuro"] body.sgx-patio :is(.truck,.crow) .chip.mid{background:var(--tm-a-fundo);border-color:var(--tm-a-borda);color:var(--tm-a-texto)}
html[data-tema="escuro"] body.sgx-patio :is(.truck,.crow) .chip.long{background:var(--tm-r-fundo);border-color:var(--tm-r-borda);color:var(--tm-r-texto)}
html[data-tema="escuro"] body.sgx-patio :is(.fold,.crow .more){background:var(--tm-btn-fundo)!important;color:var(--tm-btn-texto)!important;border-color:var(--tm-btn-borda)!important}
html[data-tema="escuro"] body.sgx-patio :is(input,select,textarea){background:var(--tm-btn-fundo)!important;color:var(--tm-texto)!important;border-color:var(--tm-btn-borda)!important;color-scheme:dark!important}
html[data-tema="escuro"] body.sgx-patio :is(input,textarea)::placeholder{color:var(--tm-suave);opacity:1}
html[data-tema="escuro"] body.sgx-patio .iso-table-wrap{border-color:var(--tm-borda)}
html[data-tema="escuro"] body.sgx-patio .iso-table{background:var(--tm-painel);color:var(--tm-texto)}
html[data-tema="escuro"] body.sgx-patio .iso-table th{background:var(--tm-cab-fundo);color:var(--tm-cab-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body.sgx-patio .iso-table td{background:transparent;color:var(--tm-texto);border-color:var(--tm-borda)}
html[data-tema="escuro"] body.sgx-patio .iso-table tbody tr:nth-child(even){background:var(--tm-painel2)}
html[data-tema="escuro"] body.sgx-patio .iso-table tbody tr:hover{background:var(--tm-cab-fundo)}
html[data-tema="escuro"] body.sgx-patio .movement-table tr.maneuver td{color:var(--tm-suave)}
html[data-tema="escuro"] body.sgx-patio #groupings .barrow{background:var(--tm-painel2);border-color:var(--tm-borda)}
html[data-tema="escuro"] body.sgx-patio #groupings .barrow>:first-child,html[data-tema="escuro"] body.sgx-patio #groupings .barrow>.bar-value{color:var(--tm-texto)}
html[data-tema="escuro"] body.sgx-patio #groupings .bar{background:var(--tm-borda)}
html[data-tema="escuro"] body.sgx-patio #groupings .bar i{background:var(--tm-link)}
html[data-tema="escuro"] body.sgx-patio .fila-img{border-color:var(--tm-borda);background:var(--tm-painel2)}
html[data-tema="escuro"] body.sgx-patio .fila-row.fila-sel{outline-color:var(--tm-link)}
html[data-tema="escuro"] body.sgx-patio .fila-row.fila-diverge,html[data-tema="escuro"] body.sgx-patio .fila-tag{border-color:var(--tm-a-borda)}
html[data-tema="escuro"] body.sgx-patio .iso-list-item.perdeu{border:2px solid var(--tm-r-borda)!important}
html[data-tema="escuro"] body.sgx-patio :is(.truck,.crow).antes-sair{border:2px solid var(--tm-a-borda)!important;background:var(--tm-a-fundo)!important}