/* Casa Offices (sistema) — tema escuro. Ligado por <html data-tema="escuro"> (js/tema.js). */
html[data-tema="escuro"] {
  color-scheme: dark;
  --creme: #121213; --papel: #1e1e20; --tinta: #f1eee9; --linha: rgba(255, 255, 255, .13); --suave: #a9a6a0;
  --vermelho-claro: #3b1e1d; --verde-claro: #12301f; --ambar-claro: #3a2c0f; --verde: #43c07f; --ambar: #e0a84a;
}
html[data-tema="escuro"] .lateral { background: #19191b; border-right: 1.5px solid var(--linha); }
html[data-tema="escuro"] .barra { background: rgba(18, 18, 19, .94); }
html[data-tema="escuro"] .barra-logo img, html[data-tema="escuro"] .portal-topo img { background: #fff; padding: 4px 10px; border-radius: 10px; }
html[data-tema="escuro"] .sino, html[data-tema="escuro"] .campo, html[data-tema="escuro"] .botao-contorno { color: var(--tinta); }
html[data-tema="escuro"] .botao-contorno { border-color: var(--tinta); }
html[data-tema="escuro"] .botao-contorno:hover { background: var(--tinta); color: var(--creme); }
html[data-tema="escuro"] .abas button.ativo { background: var(--tinta); color: var(--creme); }
html[data-tema="escuro"] .chip { background: #2b2b2e; color: var(--tinta); }
html[data-tema="escuro"] .chip.novo, html[data-tema="escuro"] .chip.atrasado, html[data-tema="escuro"] .chip.recusado, html[data-tema="escuro"] .chip.reserva { background: var(--vermelho-claro); color: #ff8f86; }
html[data-tema="escuro"] .chip.pago, html[data-tema="escuro"] .chip.confirmado, html[data-tema="escuro"] .chip.ativo { background: var(--verde-claro); color: var(--verde); }
html[data-tema="escuro"] .chip.pendente, html[data-tema="escuro"] .chip.avencer { background: var(--ambar-claro); color: var(--ambar); }
html[data-tema="escuro"] .hora { color: #ff8f86; }
html[data-tema="escuro"] .janela { background: var(--papel); color: var(--tinta); }
html[data-tema="escuro"] .fechar { background: var(--creme); color: var(--tinta); }
html[data-tema="escuro"] .toast { background: #2c2c2f; }
html[data-tema="escuro"] .evento.visita { background: #55555b; }
html[data-tema="escuro"] .evento.pendente { color: #ff8f86; }
html[data-tema="escuro"] .evento.pendente.visita { background: #2b2b2e; color: var(--tinta); border-color: #8a8a90; }
html[data-tema="escuro"] .barras i.d { background: #8a8a90; }
html[data-tema="escuro"] .legenda span + span::before { background: #8a8a90; }
html[data-tema="escuro"] .kpi.destaque small, html[data-tema="escuro"] .kpi.destaque span { color: #ffd6d2; }
html[data-tema="escuro"] .pedido.novo { box-shadow: 5px 5px 0 var(--vermelho-claro); }
html[data-tema="escuro"] .perfil-menu a:hover { background: var(--creme); }
html[data-tema="escuro"] .horarios button:disabled { background: #2b2b2e; color: #77757a; }
html[data-tema="escuro"] .escolha label:has(input:checked) { background: var(--tinta); color: var(--creme); }
html[data-tema="escuro"] .entrada-arte { background: #19191b; }
html[data-tema="escuro"] .telhado-fundo path { stroke: #2b2b2e; }
html[data-tema="escuro"] .erro-login { color: #ff8f86; }