/* =========================================================================
 * tema-claro-ponto.css — TEMA CLARO (ERP · ponto.html)
 * Clínica Dr. Reges Jr. · pacote tema-claro-escuro (07/10/2026)
 * -------------------------------------------------------------------------
 * GERADO por scripts/gerar-tema-claro.mjs — NÃO EDITE À MÃO. Ajustes finos:
 * scripts/ajustes-tema-claro.mjs (valor de uma declaração) ou
 * fonte/tema-claro-manual.css (regra nova). Depois: rode o gerador de novo.
 *
 * O ESCURO É O PADRÃO e não muda: tudo abaixo do alternador vale só com
 * <html class="tema-claro">, que js/tema.js põe ou tira.
 *
 * Contrapartes de 7 folhas, na ordem do HTML: /css/style.css /css/liquid-glass.css /css/liquid-glass-erp.css /css/vidro-escuro-dourado.css /css/ponto.css /css/sessao-unica.css /css/ponto-app.css
 * 865 declarações (422 com valor novo).
 * Deve ser a ÚLTIMA folha da página.
 * ========================================================================= */

/* ======================= ALTERNADOR DE TEMA (os dois temas) =======================
   Fonte: tema-claro-escuro/fonte/tema-alternador.css — copiada para o topo de
   cada tema-claro*.css e para assets/tema-claro-site.css. Vale SEMPRE (não
   depende de html.tema-claro): o botão existe nos dois temas.

   Forma: retângulo de cantos 8 px (trilho) e 6 px (cursor) — a escala de
   raios do dono (02/10/2026: "menos orgânicas e mais quadradas"); nada de
   pílula. Cores: SÓ Dourado #FFD700 e Caramelo #D4A373 no contorno, no
   cursor e nos ícones. Sol à esquerda (claro), lua à direita (escuro); o
   cursor desliza para o lado do tema ativo.
   ================================================================================== */
.tema-alternador {
  --ta-ouro: #FFD700;
  --ta-caramelo: #D4A373;
  --ta-liga: linear-gradient(135deg, #FFD700 0%, #D4A373 100%);
  --ta-largura: 60px;
  --ta-altura: 32px;
  --ta-curso: 26px;            /* lado do cursor */
  --ta-folga: 2px;             /* folga entre cursor e contorno */
  --ta-vidro: rgba(15, 15, 15, 0.75);
  --ta-tempo: 0.34s;
  --ta-curva: cubic-bezier(0.22, 1, 0.36, 1);
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  width: var(--ta-largura);
  height: var(--ta-altura);
  border-radius: 8px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: relative;
  vertical-align: middle;
}
.tema-alternador .ta-trilho {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 1px solid transparent;
  /* contorno na liga ouro → caramelo: fundo em border-box sob a borda transparente */
  background:
    linear-gradient(var(--ta-vidro), var(--ta-vidro)) padding-box,
    var(--ta-liga) border-box;
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 215, 0, 0.10);
  transition: box-shadow 0.2s ease, background 0.2s ease;
}
.tema-alternador .ta-cursor {
  position: absolute;
  top: var(--ta-folga);
  left: var(--ta-folga);
  width: var(--ta-curso);
  height: var(--ta-curso);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.22) 0%, rgba(212, 163, 115, 0.16) 100%);
  box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 0 12px rgba(255, 215, 0, 0.28);
  transform: translateX(calc(var(--ta-largura) - var(--ta-curso) - 2 * var(--ta-folga) - 2px));
  transition: transform var(--ta-tempo) var(--ta-curva), box-shadow 0.2s ease, background 0.2s ease;
}
.tema-alternador .ta-icone {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  fill: none;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity var(--ta-tempo) var(--ta-curva), transform var(--ta-tempo) var(--ta-curva), stroke 0.2s ease;
  pointer-events: none;
}
.tema-alternador .ta-sol { left: calc(var(--ta-folga) + (var(--ta-curso) - 16px) / 2); }
.tema-alternador .ta-lua { right: calc(var(--ta-folga) + (var(--ta-curso) - 16px) / 2); }

/* escuro (padrão): cursor na lua, lua acesa em ouro, sol apagado em caramelo */
.tema-alternador .ta-lua { stroke: var(--ta-ouro); fill: rgba(255, 215, 0, 0.16); opacity: 1; transform: rotate(0deg) scale(1); }
.tema-alternador .ta-sol { stroke: var(--ta-caramelo); opacity: 0.62; transform: rotate(-45deg) scale(0.86); }

/* claro: cursor no sol */
.tema-alternador[aria-checked="true"] .ta-cursor { transform: translateX(0); }
.tema-alternador[aria-checked="true"] .ta-sol { stroke: var(--ta-ouro); opacity: 1; transform: rotate(0deg) scale(1); }
.tema-alternador[aria-checked="true"] .ta-lua { stroke: var(--ta-caramelo); fill: none; opacity: 0.62; transform: rotate(30deg) scale(0.86); }

.tema-alternador:hover .ta-trilho { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45), 0 0 0 3px rgba(255, 215, 0, 0.16); }
.tema-alternador:hover .ta-cursor { box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 0 16px rgba(255, 215, 0, 0.42); }
.tema-alternador:active .ta-cursor { transition-duration: 0.12s; }
.tema-alternador:active .ta-cursor { width: calc(var(--ta-curso) + 4px); }
.tema-alternador[aria-checked="false"]:active .ta-cursor { transform: translateX(calc(var(--ta-largura) - var(--ta-curso) - 2 * var(--ta-folga) - 6px)); }
.tema-alternador:focus-visible { outline: 2px solid var(--ta-ouro); outline-offset: 3px; }

/* ---- o botão no tema claro: vidro gelo, sombra limpa ----
   Ouro e caramelo PUROS somem no gelo (1,4:1 e 2,1:1). No claro o botão usa o
   mesmo matiz aprofundado (dono, 2ª rodada de 07/10: "adaptando tudo ao fundo
   claro"): contorno #CD9D20 → #CC9B6B (2,2:1), símbolos e anel #97720F /
   #9C6E3F (3,2:1) — os valores de scripts/lib/cor.mjs (OURO_LINHA… OURO_FORTE…). */
html.tema-claro .tema-alternador {
  --ta-vidro: rgba(250, 250, 252, 0.72);
  --ta-ouro: #97720F;
  --ta-caramelo: #9C6E3F;
  --ta-liga: linear-gradient(135deg, #CD9D20 0%, #CC9B6B 100%);
}
html.tema-claro .tema-alternador .ta-trilho {
  box-shadow: 0 4px 14px rgba(17, 17, 26, 0.12), 0 1px 3px rgba(17, 17, 26, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
html.tema-claro .tema-alternador .ta-cursor {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.42) 0%, rgba(212, 163, 115, 0.36) 100%);
  box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 2px 6px rgba(17, 17, 26, 0.16);
}
html.tema-claro .tema-alternador:hover .ta-trilho { box-shadow: 0 4px 14px rgba(17, 17, 26, 0.12), 0 0 0 3px rgba(156, 110, 63, 0.28); }
html.tema-claro .tema-alternador:hover .ta-cursor { box-shadow: inset 0 0 0 1px var(--ta-ouro), 0 2px 10px rgba(212, 163, 115, 0.5); }
html.tema-claro .tema-alternador:focus-visible { outline-color: var(--ta-caramelo); }

/* lugar do botão e versão flutuante (página sem cabeçalho) */
[data-tema-alternador] { display: inline-flex; align-items: center; }
/* !important de propósito: o tema do site e o do ERP rebaixam todo filho do
   <body> para position: relative (.lg-ambiente > *:not(.portal-overlay)…,
   0,3,0) — sem isto o botão cairia no fim da página em vez de flutuar. */
.tema-alternador-flutuante {
  position: fixed !important;
  top: calc(12px + env(safe-area-inset-top, 0px));
  right: calc(12px + env(safe-area-inset-right, 0px));
  z-index: 2147483000 !important;
}

/* menos movimento: troca seca, sem deslizar */
@media (prefers-reduced-motion: reduce) {
  .tema-alternador .ta-cursor, .tema-alternador .ta-icone, .tema-alternador .ta-trilho { transition: none; }
}
/* "reduzir transparência": trilho opaco */
@media (prefers-reduced-transparency: reduce) {
  .tema-alternador { --ta-vidro: #0F0F0F; }
  html.tema-claro .tema-alternador { --ta-vidro: #FFFFFF; }
  .tema-alternador .ta-trilho { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media print { .tema-alternador, .tema-alternador-flutuante { display: none !important; } }

/* ---- a troca de tema ----
   Com View Transitions o navegador faz o fade entre as duas fotos da tela
   (tema.js). Sem a API, `tema-em-transicao` liga por 450 ms uma transição SÓ
   de cor em tudo — a do menu lateral (largura) volta sozinha depois. */
::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.4s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
html.tema-em-transicao *, html.tema-em-transicao *::before, html.tema-em-transicao *::after {
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, fill 0.4s ease, stroke 0.4s ease, box-shadow 0.4s ease !important;
}
html.tema-claro { color-scheme: light; }

/* ---- onde o botão mora no ERP e no CRM (os dois temas) ----
   Os <span data-tema-alternador> são irmãos de peças em flex com
   justify-content: space-between; a margem automática empurra o botão para
   junto da peça da direita sem mexer na distribuição das outras. */
.landing-top > .tema-lugar { margin-left: auto; margin-right: 14px; }
.topbar > .tema-lugar-topo { margin-left: auto; margin-right: 12px; }
.pa-topo > .tema-lugar { margin-left: auto; margin-right: 10px; }
.pa-login > .tema-lugar-canto { position: absolute; top: calc(14px + env(safe-area-inset-top, 0px)); right: calc(14px + env(safe-area-inset-right, 0px)); z-index: 5; }
@media (max-width: 560px) {
  .landing-top > .tema-lugar { margin-right: 8px; }
  .topbar > .tema-lugar-topo { margin-right: 8px; }
  .tema-lugar .tema-alternador { --ta-largura: 54px; --ta-altura: 30px; --ta-curso: 24px; }
}

/* ---- celular (≤ 560 px): o cabeçalho do app não tem espaço ----
   Na base, "Gestão Financeira" + "+ Novo Lançamento" já ocupam 351 dos 390 px;
   com o botão, a página ganharia rolagem lateral. Ali o botão mora no pé do
   MENU LATERAL (o menu principal do celular), acima do Sair. O tema.js
   desenha um botão em cada lugar e os dois andam juntos. */
.app > .sidebar .sidebar-foot > .tema-lugar-menu { display: none; }
@media (max-width: 560px) {
  .topbar > .tema-lugar-topo { display: none; }
  .app > .sidebar .sidebar-foot > .tema-lugar-menu { display: flex; justify-content: center; margin: 0 0 8px; }
  /* barra RECOLHIDA (trilho de 72 px, miolo de 38): o interruptor fica EM PÉ —
     sol em cima (claro), lua embaixo (escuro), o cursor desliza na vertical.
     Compacto (28 × 44) para o Sair continuar dentro de uma tela de 844 px. */
  .app.ml-recolhido > .sidebar .sidebar-foot > .tema-lugar-menu { margin-bottom: 6px; }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .tema-alternador { --ta-largura: 28px; --ta-altura: 44px; --ta-curso: 20px; }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .ta-cursor {
    transform: translateY(calc(var(--ta-altura) - var(--ta-curso) - 2 * var(--ta-folga) - 2px));
  }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .tema-alternador[aria-checked="true"] .ta-cursor { transform: translateY(0); }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .tema-alternador:active .ta-cursor { width: var(--ta-curso); height: calc(var(--ta-curso) + 4px); }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .tema-alternador[aria-checked="false"]:active .ta-cursor {
    transform: translateY(calc(var(--ta-altura) - var(--ta-curso) - 2 * var(--ta-folga) - 6px));
  }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .ta-icone { width: 14px; height: 14px; margin-top: 0; left: calc(var(--ta-folga) + (var(--ta-curso) - 14px) / 2); right: auto; }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .ta-sol { top: calc(var(--ta-folga) + (var(--ta-curso) - 14px) / 2); }
  .app.ml-recolhido > .sidebar .tema-lugar-menu .ta-lua { top: auto; bottom: calc(var(--ta-folga) + (var(--ta-curso) - 14px) / 2); }
}

/* ======================= CONTRAPARTES GERADAS ======================= */

/* ===== /css/style.css ===== */
:root.tema-claro:is(html) {
  --azul: #CCCCCC;
  --azul--bordaforte: rgba(0, 0, 0, 0.6);
  --azul--texto: #494949;
  --azul-esc: #CCF5F4;
  --azul-esc--texto: #146060;
  --azul-claro: #DEE5E5;
  --azul-claro--bordaforte: rgba(0, 0, 0, 0.6);
  --tinta: #1F2A37;
  --tinta--fundo: #F1F6FB;
  --cinza: #464950;
  --cinza--fundo: #D4D6DC;
  --linha: rgba(0, 0, 0, 0.12);
  --linha--bordaforte: rgba(0, 0, 0, 0.6);
  --fundo: #E7EAEC;
  --branco: #F2F2F2;
  --verde: #066028;
  --verde--fundo: #16A34A;
  --vermelho: #A52B26;
  --vermelho--fundo: #DC2626;
  --ambar: #7C5020;
  --sombra: 0 6px 24px rgba(17, 17, 26, 0.05);
}
html.tema-claro body {
  color: var(--tinta);
  background: var(--fundo);
}
html.tema-claro a {
  color: var(--azul--texto);
}
html.tema-claro .btn {
  border: none;
}
html.tema-claro .btn-primary {
  background: var(--azul);
  color: #1A1A1A;
}
html.tema-claro .btn-primary:hover {
  background: var(--azul-esc);
}
html.tema-claro .btn-outline {
  background: transparent;
  color: #1A1A1A;
  border: 1.5px solid rgba(0, 0, 0, 0.52);
}
html.tema-claro .btn-outline:hover {
  background: rgba(0, 0, 0, 0.063);
}
html.tema-claro .btn-ghost {
  background: transparent;
  color: var(--cinza);
  border: 1px solid var(--linha--bordaforte);
}
html.tema-claro .btn-ghost:hover {
  background: var(--fundo);
}
html.tema-claro .btn-danger {
  background: var(--vermelho--fundo);
  color: #1A1A1A;
}
html.tema-claro .btn-success {
  background: var(--verde--fundo);
  color: #1A1A1A;
}
html.tema-claro .landing {
  background: linear-gradient(135deg, var(--azul) 0%, var(--azul-esc) 100%);
  color: #1A1A1A;
}
html.tema-claro .landing-rodape {
  color: #141415;
}
html.tema-claro .landing-rodape .assinatura-yvetech a {
  color: #715613;
}
html.tema-claro .landing-rodape .rodape-marca-nome {
  color: #715613;
}
html.tema-claro .modal-backdrop {
  background: rgba(28, 26, 24, 0.292);
}
html.tema-claro .modal {
  background: #F2F2F2;
  box-shadow: var(--sombra);
}
html.tema-claro .modal-close {
  background: none;
  border: none;
  color: var(--cinza);
}
html.tema-claro .login-head .brand-crest {
  background: #F2F2F2;
}
html.tema-claro .login-head p {
  color: var(--cinza);
}
html.tema-claro form label {
  color: var(--tinta);
}
html.tema-claro form input,
html.tema-claro form select,
html.tema-claro form textarea {
  border: 1px solid var(--linha--bordaforte);
  background: #F2F2F2;
}
html.tema-claro form input:focus,
html.tema-claro form select:focus,
html.tema-claro form textarea:focus {
  outline: 2px solid var(--azul-claro--bordaforte);
  border-color: var(--azul--bordaforte);
}
html.tema-claro .form-erro {
  color: var(--vermelho);
}
html.tema-claro .lgpd-bloco {
  border: 1px solid var(--linha);
  background: var(--fundo);
}
html.tema-claro .lgpd-bloco h4 {
  color: var(--tinta);
}
html.tema-claro .lgpd-bloco h4 .lgpd-versao {
  color: var(--cinza);
}
html.tema-claro .lgpd-termo {
  color: var(--cinza);
  background: var(--branco);
  border: 1px solid var(--linha);
}
html.tema-claro .lgpd-opcao .lgpd-rotulo {
  color: var(--tinta);
}
html.tema-claro .lgpd-opcao .lgpd-desc {
  color: var(--cinza);
}
html.tema-claro .lgpd-obrigatoria {
  color: var(--vermelho);
}
html.tema-claro .lgpd-pendente {
  background: #FEF3C7;
  color: var(--ambar);
}
html.tema-claro .lgpd-ok {
  background: #E1E7E3;
  color: var(--verde);
}
html.tema-claro .sidebar {
  background: #F2F2F2;
  color: #080F11;
}
html.tema-claro .sidebar-brand {
  color: #1A1A1A;
}
html.tema-claro .menu-item {
  background: none;
  border: none;
  color: #080F11;
}
html.tema-claro .menu-item:hover {
  background: rgba(0, 0, 0, 0.025);
}
html.tema-claro .menu-item.active {
  background: var(--azul);
  color: #1A1A1A;
}
html.tema-claro .sidebar-foot {
  border-top: 1px solid rgba(0, 0, 0, 0.044);
}
html.tema-claro .avatar {
  background: var(--azul);
  color: #1A1A1A;
}
html.tema-claro .user-nome {
  color: #1A1A1A;
}
html.tema-claro .user-perfil {
  color: #293233;
}
html.tema-claro .topbar {
  background: #F2F2F2;
  border-bottom: 1px solid var(--linha);
}
html.tema-claro .card {
  background: #F2F2F2;
  border: 1px solid var(--linha);
  box-shadow: var(--sombra);
}
html.tema-claro .card .rotulo {
  color: var(--cinza);
}
html.tema-claro .card .valor.verde {
  color: var(--verde);
}
html.tema-claro .card .valor.vermelho {
  color: var(--vermelho);
}
html.tema-claro .card .valor.ambar {
  color: var(--ambar);
}
html.tema-claro .painel {
  background: #F2F2F2;
  border: 1px solid var(--linha);
  box-shadow: var(--sombra);
}
html.tema-claro .painel-head {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro .barra-filtros input,
html.tema-claro .barra-filtros select {
  border: 1px solid var(--linha--bordaforte);
}
html.tema-claro th,
html.tema-claro td {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro th {
  background: #EBEDEE;
  color: var(--cinza);
}
html.tema-claro tbody tr:hover {
  background: #ECEEEF;
}
html.tema-claro .vazio {
  color: var(--cinza);
}
html.tema-claro .badge.verde {
  background: #E1E7E3;
  color: #166534;
}
html.tema-claro .badge.vermelho {
  background: #E2DADA;
  color: #991B1B;
}
html.tema-claro .badge.ambar {
  background: #FEF3C7;
  color: #92400E;
}
html.tema-claro .badge.cinza {
  background: #E1E5E8;
  color: #475569;
}
html.tema-claro .badge.azul {
  background: var(--azul-claro);
  color: var(--azul-esc--texto);
}
html.tema-claro .toast {
  background: var(--tinta--fundo);
  color: #1A1A1A;
  box-shadow: var(--sombra);
}
html.tema-claro .toast.ok {
  background: var(--verde--fundo);
}
html.tema-claro .toast.erro {
  background: var(--vermelho--fundo);
}
html.tema-claro .tabs {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro .tab {
  border: none;
  background: none;
  color: var(--cinza);
  border-bottom: 2px solid transparent;
}
html.tema-claro .tab.active {
  color: var(--azul--texto);
  border-bottom-color: var(--azul--bordaforte);
}
html.tema-claro .mini-item {
  border: 1px solid var(--linha);
}
html.tema-claro .mini-item .data {
  color: var(--cinza);
}
html.tema-claro .agenda-grade th,
html.tema-claro .agenda-grade td {
  border: 1px solid var(--linha);
}
html.tema-claro .agenda-grade th small {
  color: var(--cinza);
}
html.tema-claro .ag-hora {
  color: var(--cinza);
  background: #EBEDEE;
}
html.tema-claro .ag-cel:hover {
  background: var(--azul-claro);
}
html.tema-claro .ag-chip {
  color: #1A1A1A;
}
html.tema-claro .ag-chip.ag-agendado {
  background: var(--azul);
}
html.tema-claro .ag-chip.ag-confirmado {
  background: var(--verde--fundo);
}
html.tema-claro .ag-chip.ag-realizado {
  background: var(--cinza--fundo);
}
html.tema-claro .ag-chip.ag-cancelado {
  background: var(--vermelho--fundo);
}

/* ===== /css/liquid-glass.css ===== */
:root.tema-claro:is(html) {
  --lg-ciano: #0D0D0D;
  --lg-ciano--fundo: #D3D3D3;
  --lg-ciano-fundo: #D1D1D1;
  --lg-cobalto: #CCCCCC;
  --lg-cobalto-fundo: #E0E0E0;
  --lg-ametista: #4A4A4A;
  --lg-ametista-fundo: #F5F5F5;
  --lg-abismo: #ECEDF0;
  --lg-abismo-alto: #F2F2F2;
  --lg-acento: #CBA730;
  --lg-acento--borda: #CF9C2A;
  --lg-acento--texto: #715613;
  --lg-acento-claro: #F3E5AB;
  --lg-acento-claro--texto: #715613;
  --lg-tinta: #1A1A1A;
  --lg-tinta-media: #383B41;
  --lg-tinta-fraca: #464950;
  --lg-vidro-fino: linear-gradient(145deg, rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.013) 42%,
                    rgba(0, 0, 0, 0.029) 78%, rgba(0, 0, 0, 0.014));
  --lg-vidro-medio: linear-gradient(150deg, rgba(0, 0, 0, 0.067), rgba(0, 0, 0, 0.019) 38%,
                    rgba(0, 0, 0, 0.029) 62%, rgba(0, 0, 0, 0.046) 82%,
                    rgba(0, 0, 0, 0.021));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.776), rgba(250, 250, 252, 0.86) 45%,
                    rgba(250, 250, 252, 0.902)),
    linear-gradient(150deg, rgba(0, 0, 0, 0.042), rgba(0, 0, 0, 0.008) 50%,
                    rgba(0, 0, 0, 0.016));
  --lg-refracao-leve: blur(14px) saturate(165%) brightness(1.06);
  --lg-refracao: blur(26px) saturate(185%) brightness(1.08);
  --lg-refracao-densa: blur(40px) saturate(200%) brightness(1.05);
  --lg-rim: rgba(0, 0, 0, 0.121);
  --lg-rim-forte: rgba(0, 0, 0, 0.52);
  --lg-rim-forte--bordaforte: rgba(0, 0, 0, 0.52);
  --lg-rim-forte--fundo: rgba(255, 255, 255, 0.42);
  --lg-rim-fria: rgba(0, 0, 0, 0.52);
  --lg-rim-fria--fundo: rgba(0, 0, 0, 0.143);
  --lg-rim-quente: #CF9C2A;
  --lg-rim-quente--sombra: rgba(203, 167, 48, 0.19);
  --lg-sombra-1: 0 1px 2px rgba(17, 17, 26, 0.114),
    0 8px 24px -8px rgba(17, 17, 26, 0.15);
  --lg-sombra-2: 0 2px 6px rgba(17, 17, 26, 0.129),
    0 18px 48px -14px rgba(17, 17, 26, 0.12),
    0 0 60px -20px rgba(138, 138, 138, 0.35);
  --lg-sombra-3: 0 4px 10px rgba(17, 17, 26, 0.144),
    0 34px 90px -22px rgba(17, 17, 26, 0.09),
    0 0 110px -30px rgba(17, 17, 26, 0.09);
  --lg-interno: inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -24px 48px -30px rgba(17, 17, 26, 0.16);
}
html.tema-claro .lg-tema-ouro {
  --lg-ciano: #715613;
  --lg-ciano--fundo: #F3E5AB;
  --lg-ciano-fundo: #CBA730;
  --lg-cobalto: #CBA730;
  --lg-cobalto-fundo: #AA8A2A;
  --lg-ametista: #715613;
  --lg-ametista-fundo: #8A6F20;
  --lg-abismo: #F1EFF5;
  --lg-abismo-alto: #F4F2EC;
  --lg-tinta: #1A1A1A;
  --lg-tinta-media: #3B3932;
  --lg-tinta-fraca: #4C4942;
  --lg-rim-fria: #8C7541;
  --lg-rim-fria--fundo: rgba(243, 229, 171, 0.34);
  --lg-vidro-fino: linear-gradient(145deg, rgba(0, 0, 0, 0.055), rgba(0, 0, 0, 0.013) 42%,
                    rgba(203, 167, 48, 0.09) 78%, rgba(170, 138, 42, 0.1));
  --lg-vidro-medio: linear-gradient(150deg, rgba(0, 0, 0, 0.071), rgba(0, 0, 0, 0.021) 38%,
                    rgba(243, 229, 171, 0.07) 62%, rgba(203, 167, 48, 0.12) 82%,
                    rgba(170, 138, 42, 0.14));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.818), rgba(250, 250, 252, 0.902) 45%,
                    rgba(250, 250, 252, 0.94)),
    linear-gradient(150deg, rgba(0, 0, 0, 0.042), rgba(0, 0, 0, 0.008) 50%,
                    rgba(203, 167, 48, 0.11));
  --lg-interno: inset 0 1px 0 rgba(255, 250, 235, 0.38),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -24px 48px -30px rgba(203, 167, 48, 0.225);
}
html.tema-claro .lg-ambiente {
  background-color: var(--lg-abismo);
  color: var(--lg-tinta);
}
html.tema-claro .lg-ambiente::before {
  background: radial-gradient(38% 42% at 16% 20%, rgba(0, 0, 0, 0.126), transparent 62%),
    radial-gradient(40% 36% at 84% 26%, rgba(250, 250, 252, 0.39), transparent 64%),
    radial-gradient(48% 44% at 52% 86%, rgba(0, 0, 0, 0.134), transparent 66%),
    radial-gradient(30% 30% at 78% 68%, rgba(0, 0, 0, 0.076), transparent 60%);
  filter: blur(70px) saturate(150%);
}
html.tema-claro .lg-ambiente::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}
html.tema-claro .lg-vidro {
  background-image: var(--lg-vidro-medio);
  background-color: rgba(250, 250, 252, 0.409);
  border: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-2), var(--lg-interno);
  color: var(--lg-tinta);
}
html.tema-claro .lg-vidro::before {
  background: linear-gradient(142deg,
      rgba(255, 255, 255, 0.52) 0%,
      rgba(0, 0, 0, 0.059) 12%,
      transparent 32%),
    radial-gradient(72% 46% at var(--lg-luz-x) var(--lg-luz-y),
                    rgba(0, 0, 0, 0.126), transparent 60%);
}
html.tema-claro .lg-vidro::after {
  background: conic-gradient(from 210deg,
    var(--lg-rim-forte--fundo) 0deg,
    var(--lg-rim-fria--fundo) 60deg,
    rgba(0, 0, 0, 0.021) 140deg,
    rgba(250, 250, 252, 0.396) 220deg,
    rgba(0, 0, 0, 0.025) 300deg,
    var(--lg-rim-forte--fundo) 360deg);
}
html.tema-claro .lg-vidro.lg-fino {
  background-image: var(--lg-vidro-fino);
  box-shadow: var(--lg-sombra-1), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .lg-vidro.lg-denso {
  background-image: var(--lg-vidro-denso);
  background-color: transparent;
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
}
html.tema-claro .lg-plano {
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.015);
  border: 1px solid rgba(0, 0, 0, 0.055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: var(--lg-tinta);
}
html.tema-claro .lg-elevavel:hover,
html.tema-claro .lg-elevavel:focus-visible {
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
  border-color: var(--lg-rim-forte--bordaforte);
}
html.tema-claro .lg-brilho::after {
  background: linear-gradient(96deg,
    transparent, rgba(0, 0, 0, 0.143) 46%, rgba(255, 255, 255, 0.62) 50%,
    rgba(0, 0, 0, 0.143) 54%, transparent);
}
html.tema-claro .lg-titulo {
  color: var(--lg-tinta);
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.275);
}
html.tema-claro .lg-titulo-gravado {
  background: linear-gradient(150deg, var(--lg-tinta) 0%, var(--lg-ciano) 45%,
                              var(--lg-ametista) 100%);
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 2px 6px rgba(138, 138, 138, 0.35));
}
html.tema-claro .lg-rotulo {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .lg-glifo {
  background-image: var(--lg-vidro-medio);
  background-color: rgba(0, 0, 0, 0.021);
  border: 1px solid var(--lg-rim);
  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.4),
    inset 0 -6px 14px -6px rgba(17, 17, 26, 0.16),
    0 6px 18px -6px rgba(17, 17, 26, 0.15);
}
html.tema-claro .lg-glifo-gravado {
  filter: grayscale(1) brightness(1.5) contrast(0.86)
    drop-shadow(0 1px 0 rgba(255, 255, 255, 0.55))
    drop-shadow(0 -1px 0 rgba(17, 17, 26, 0.171))
    drop-shadow(0 4px 8px rgba(138, 138, 138, 0.45));
}
html.tema-claro .lg-svg-vidro {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.3))
    drop-shadow(0 6px 14px rgba(17, 17, 26, 0.209));
}
html.tema-claro .lg-botao {
  color: var(--lg-tinta);
  border: 1px solid var(--lg-rim-forte--bordaforte);
  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.084), rgba(0, 0, 0, 0.021) 45%,
                    rgba(0, 0, 0, 0.118) 78%, rgba(250, 250, 252, 0.409));
  background-color: rgba(250, 250, 252, 0.396);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -8px 16px -10px rgba(17, 17, 26, 0.16),
    var(--lg-sombra-1);
}
html.tema-claro .lg-botao:hover {
  border-color: rgba(0, 0, 0, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -10px 20px -10px rgba(17, 17, 26, 0.16),
    var(--lg-sombra-2);
}
html.tema-claro .lg-botao-acento {
  color: #0A0A0A;
  border-color: #8C7541;
  background-image: linear-gradient(150deg, var(--lg-acento-claro), var(--lg-acento) 48%,
                    var(--lg-acento-fundo));
  background-color: transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -8px 16px -10px rgba(120, 90, 10, 0.55),
    0 8px 26px -8px rgba(203, 167, 48, 0.275);
}
html.tema-claro .lg-botao-acento:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 12px 34px -8px rgba(203, 167, 48, 0.35);
}
html.tema-claro .lg-campo {
  color: var(--lg-tinta);
  background-color: rgba(250, 250, 252, 0.434);
  background-image: linear-gradient(180deg, rgba(250, 250, 252, 0.412), rgba(0, 0, 0, 0.021));
  border: 1px solid rgba(0, 0, 0, 0.52);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}
html.tema-claro .lg-campo::placeholder {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .lg-campo:focus {
  outline: none;
  border-color: var(--lg-rim-fria);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(224, 224, 224, 0.22),
    0 0 24px -4px rgba(224, 224, 224, 0.45);
}
html.tema-claro .lg-ambiente :focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(224, 224, 224, 0.3), 0 0 22px -4px rgba(224, 224, 224, 0.55);
}
html.tema-claro .lg-chip {
  color: var(--lg-tinta);
  border: 1px solid rgba(0, 0, 0, 0.52);
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.021);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .lg-chip-ciano {
  border-color: rgba(0, 0, 0, 0.52);
  color: #0F4C53;
  background-color: rgba(0, 0, 0, 0.05);
}
html.tema-claro .lg-chip-cobalto {
  border-color: rgba(0, 0, 0, 0.52);
  color: #354370;
  background-color: rgba(0, 0, 0, 0.063);
}
html.tema-claro .lg-chip-ametista {
  border-color: rgba(0, 0, 0, 0.52);
  color: #553871;
  background-color: rgba(0, 0, 0, 0.022);
}
html.tema-claro .lg-chip-acento {
  border-color: #997118;
  color: var(--lg-acento-claro--texto);
  background-color: rgba(203, 167, 48, 0.14);
}
html.tema-claro .lg-membrana {
  background: var(--lg-vidro-medio);
}
html.tema-claro .lg-refracao-svg .lg-membrana,
html.tema-claro.lg-refracao-svg .lg-membrana {
  filter: url("#lg-membrana");
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-vidro,
html.tema-claro .lg-botao {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-vidro.lg-denso {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .lg-campo {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
html.tema-claro .lg-vidro {
  border-color: var(--lg-rim-forte);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .lg-vidro,
html.tema-claro .lg-plano,
html.tema-claro .lg-botao,
html.tema-claro .lg-glifo {
  background-image: none;
  background-color: #F1F1F1;
  border-color: rgba(0, 0, 0, 0.52);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .lg-botao-acento {
  background-color: var(--lg-acento);
  color: #0A0A0A;
}
}
@media (forced-colors: active) {
html.tema-claro .lg-vidro,
html.tema-claro .lg-plano,
html.tema-claro .lg-botao,
html.tema-claro .lg-chip,
html.tema-claro .lg-glifo {
  background: Canvas;
  border: 1px solid CanvasText;
  box-shadow: none;
}
}

/* ===== /css/liquid-glass-erp.css ===== */
:root.tema-claro:is(html) {
  --azul: #D3D3D3;
  --azul--bordaforte: rgba(0, 0, 0, 0.6);
  --azul--texto: #0D0D0D;
  --azul-esc: #CCCCCC;
  --azul-esc--texto: #494949;
  --azul-claro: rgba(0, 0, 0, 0.067);
  --azul-claro--bordaforte: rgba(0, 0, 0, 0.52);
  --tinta: #1A1A1A;
  --tinta--fundo: #E4E7EC;
  --cinza: #49494A;
  --cinza--fundo: rgba(220, 220, 220, 0.6);
  --linha: rgba(0, 0, 0, 0.066);
  --linha--bordaforte: rgba(0, 0, 0, 0.52);
  --fundo: #ECEDF0;
  --branco: rgba(250, 250, 252, 0.409);
  --verde: #0D4E45;
  --verde--fundo: #2DD4BF;
  --vermelho: #900E20;
  --vermelho--fundo: #F87171;
  --ambar: #715613;
  --sombra: var(--lg-sombra-2);
}
html.tema-claro body {
  background-color: var(--lg-abismo);
  color: var(--lg-tinta);
}
html.tema-claro h1,
html.tema-claro h2,
html.tema-claro h3,
html.tema-claro h4 {
  color: var(--lg-tinta);
}
html.tema-claro a {
  color: var(--lg-ciano);
}
html.tema-claro .landing {
  background: transparent;
  color: var(--lg-tinta);
}
html.tema-claro .landing-top {
  border: 1px solid var(--lg-rim);
  background-image: var(--lg-vidro-medio);
  background-color: rgba(250, 250, 252, 0.402);
  box-shadow: var(--lg-sombra-2), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}
html.tema-claro .brand-crest {
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.28))
    drop-shadow(0 6px 16px rgba(203, 167, 48, 0.2));
}
html.tema-claro .landing-hero h1 {
  background: linear-gradient(150deg, var(--lg-tinta) 0%, var(--lg-ciano) 48%,
                              var(--lg-ametista) 100%);
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 3px 14px rgba(138, 138, 138, 0.45));
}
html.tema-claro .landing-hero p {
  color: var(--lg-tinta-media);
}
html.tema-claro .landing-rodape {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .landing-rodape .assinatura-yvetech a {
  color: #715613;
}
html.tema-claro .btn-primary {
  color: #1A1A1A;
  border: 1px solid #D4A373;
  background: linear-gradient(150deg, #FFD700 0%, #EAC04F 52%, #D4A373 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 8px 20px -10px rgba(168, 120, 40, 0.55);
}
html.tema-claro .btn-primary:hover {
  background: linear-gradient(150deg, #FFE24D 0%, #F0C95E 52%, #DDB084 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 12px 26px -10px rgba(168, 120, 40, 0.6);
}
html.tema-claro .btn-outline,
html.tema-claro .btn-ghost {
  color: var(--lg-tinta);
  border: 1px solid rgba(0, 0, 0, 0.52);
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.021);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html.tema-claro .btn-outline:hover,
html.tema-claro .btn-ghost:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.52);
  color: #1A1A1A;
}
html.tema-claro .btn-danger {
  color: #1A0808;
  border: 1px solid rgba(0, 0, 0, 0.52);
  background: linear-gradient(150deg, #FECACA, #F87171 50%, #DC2626);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
              0 10px 26px -10px rgba(248, 113, 113, 0.6);
}
html.tema-claro .btn-success {
  color: #04191A;
  border: 1px solid rgba(0, 0, 0, 0.52);
  background: linear-gradient(150deg, #99F6E4, #2DD4BF 50%, #0D9488);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
              0 10px 26px -10px rgba(45, 212, 191, 0.6);
}
html.tema-claro .modal-backdrop {
  background: radial-gradient(120% 90% at 50% 0%,
              rgba(28, 26, 24, 0.328), rgba(28, 26, 24, 0.376));
}
html.tema-claro .modal {
  background: transparent;
  background-image: var(--lg-vidro-denso);
  border: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
  color: var(--lg-tinta);
}
html.tema-claro .modal-close {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .modal-close:hover {
  color: var(--lg-tinta);
  background: rgba(0, 0, 0, 0.05);
}
html.tema-claro .login-head .brand-crest {
  background: radial-gradient(circle at 34% 26%, rgba(0, 0, 0, 0.076),
              rgba(250, 250, 252, 0.629) 60%);
  border: 1px solid var(--lg-rim);
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.3),
    0 8px 22px -8px rgba(17, 17, 26, 0.15);
}
html.tema-claro .login-head h2 {
  color: var(--lg-tinta);
}
html.tema-claro .login-head p {
  color: var(--lg-tinta-media);
}
html.tema-claro form label {
  color: var(--lg-tinta-media);
}
html.tema-claro form input,
html.tema-claro form select,
html.tema-claro form textarea,
html.tema-claro .barra-filtros input,
html.tema-claro .barra-filtros select {
  color: var(--lg-tinta);
  background: linear-gradient(180deg, rgba(250, 250, 252, 0.412), rgba(0, 0, 0, 0.021));
  background-color: rgba(250, 250, 252, 0.444);
  border: 1px solid rgba(0, 0, 0, 0.52);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 255, 255, 0.18);
}
html.tema-claro form input:focus,
html.tema-claro form select:focus,
html.tema-claro form textarea:focus,
html.tema-claro .barra-filtros input:focus,
html.tema-claro .barra-filtros select:focus {
  outline: none;
  border-color: var(--lg-rim-fria);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(224, 224, 224, 0.22),
    0 0 26px -4px rgba(224, 224, 224, 0.45);
}
html.tema-claro ::placeholder,
html.tema-claro::placeholder {
  color: var(--lg-tinta-fraca);
}
html.tema-claro select option {
  background-color: #F2F2F2;
  color: var(--lg-tinta);
}
html.tema-claro .form-erro {
  color: var(--vermelho);
}
html.tema-claro input[type="date"]::-webkit-calendar-picker-indicator,
html.tema-claro input[type="time"]::-webkit-calendar-picker-indicator,
html.tema-claro input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(0) brightness(1);
}
html.tema-claro .app {
  background: transparent;
}
html.tema-claro .sidebar {
  background: transparent;
  background-image: var(--lg-vidro-medio);
  background-color: rgba(250, 250, 252, 0.409);
  border: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-2), var(--lg-interno);
  color: var(--lg-tinta-media);
}
html.tema-claro .sidebar-brand {
  color: var(--lg-tinta);
}
html.tema-claro .menu-item {
  color: var(--lg-tinta-media);
  border: 1px solid transparent;
}
html.tema-claro .menu-item:hover {
  background: rgba(0, 0, 0, 0.034);
  color: var(--lg-tinta);
}
html.tema-claro .menu-item.active {
  color: #1A1A1A;
  border-color: rgba(0, 0, 0, 0.143);
  background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.076), rgba(0, 0, 0, 0.092) 45%,
                    rgba(250, 250, 252, 0.396));
  background-color: rgba(0, 0, 0, 0.042);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -10px 20px -12px rgba(17, 17, 26, 0.16),
    0 6px 18px -8px rgba(17, 17, 26, 0.15);
}
html.tema-claro .sidebar-foot {
  border-top: 1px solid rgba(0, 0, 0, 0.055);
}
html.tema-claro .avatar {
  background: radial-gradient(circle at 34% 28%, rgba(0, 0, 0, 0.134),
              var(--lg-ciano--fundo) 42%, var(--lg-cobalto-fundo));
  color: #041018;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55),
    0 6px 16px -6px rgba(224, 224, 224, 0.55);
}
html.tema-claro .user-nome {
  color: var(--lg-tinta);
}
html.tema-claro .user-perfil {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .topbar {
  background-image: var(--lg-vidro-fino);
  background-color: rgba(250, 250, 252, 0.396);
  border: 1px solid var(--lg-rim);
  border-bottom: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-1), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .topbar h1 {
  color: var(--lg-tinta);
}
html.tema-claro .card,
html.tema-claro .painel {
  background: transparent;
  background-image: var(--lg-vidro-medio);
  background-color: rgba(250, 250, 252, 0.402);
  border: 1px solid var(--lg-rim);
  box-shadow: var(--lg-sombra-2), var(--lg-interno);
  color: var(--lg-tinta);
}
html.tema-claro .card::before,
html.tema-claro .painel::before {
  background: linear-gradient(142deg,
      rgba(255, 255, 255, 0.46) 0%,
      rgba(0, 0, 0, 0.05) 12%,
      transparent 32%),
    radial-gradient(70% 44% at var(--lg-luz-x) var(--lg-luz-y),
                    rgba(0, 0, 0, 0.101), transparent 60%);
}
html.tema-claro .cards > .card:hover {
  border-color: var(--lg-rim-forte);
  box-shadow: var(--lg-sombra-3), var(--lg-interno);
}
html.tema-claro .card .rotulo {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .card .valor {
  background: linear-gradient(140deg, var(--lg-tinta), var(--lg-ciano) 55%,
                              var(--lg-ametista));
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 8px rgba(138, 138, 138, 0.45));
}
html.tema-claro .card .valor.verde {
  background: none;
  color: var(--verde);
  filter: none;
}
html.tema-claro .card .valor.vermelho {
  background: none;
  color: var(--vermelho);
  filter: none;
}
html.tema-claro .card .valor.ambar {
  background: none;
  color: var(--ambar);
  filter: none;
}
html.tema-claro .painel-head {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro .painel-head h2 {
  color: var(--lg-tinta);
}
html.tema-claro table {
  color: var(--lg-tinta);
}
html.tema-claro th,
html.tema-claro td {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro th {
  background: rgba(0, 0, 0, 0.021);
  color: var(--lg-tinta-fraca);
}
html.tema-claro tbody tr:hover {
  background: rgba(0, 0, 0, 0.042);
}
html.tema-claro .vazio {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .badge {
  border: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26);
}
html.tema-claro .badge.verde {
  background: rgba(45, 212, 191, 0.18);
  color: #0C4E45;
  border-color: #25B8A5;
}
html.tema-claro .badge.vermelho {
  background: rgba(248, 113, 113, 0.16);
  color: #762C31;
  border-color: #F58381;
}
html.tema-claro .badge.ambar {
  background: rgba(251, 191, 36, 0.16);
  color: #715613;
  border-color: #D69927;
}
html.tema-claro .badge.cinza {
  background: rgba(0, 0, 0, 0.067);
  color: #1B1B1B;
  border-color: rgba(0, 0, 0, 0.231);
}
html.tema-claro .badge.azul {
  background: rgba(0, 0, 0, 0.067);
  color: #0F4C53;
  border-color: rgba(0, 0, 0, 0.248);
}
html.tema-claro .toast {
  border: 1px solid var(--lg-rim);
  background: rgba(250, 250, 252, 0.498);
  background-image: var(--lg-vidro-medio);
  color: var(--lg-tinta);
  box-shadow: var(--lg-sombra-3), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}
html.tema-claro .toast.ok {
  border-color: #25B8A5;
  background-color: rgba(250, 250, 252, 0.498);
  color: #1A1A1A;
}
html.tema-claro .toast.erro {
  border-color: #F58381;
  background-color: rgba(255, 241, 241, 0.713);
  color: #0F0909;
}
html.tema-claro .tabs {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro .tab {
  color: var(--lg-tinta-fraca);
  border-bottom: none;
  border: 1px solid transparent;
}
html.tema-claro .tab:hover {
  color: var(--lg-tinta);
  background: rgba(0, 0, 0, 0.025);
}
html.tema-claro .tab.active {
  color: #1A1A1A;
  border-color: rgba(0, 0, 0, 0.52);
  border-bottom-color: transparent;
  background-image: var(--lg-vidro-fino);
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html.tema-claro .mini-item {
  border: 1px solid rgba(0, 0, 0, 0.066);
  background: rgba(0, 0, 0, 0.017);
  color: var(--lg-tinta);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
html.tema-claro .mini-item:hover {
  background: rgba(0, 0, 0, 0.034);
}
html.tema-claro .mini-item .data {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .agenda-grade th,
html.tema-claro .agenda-grade td {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
html.tema-claro .agenda-grade th {
  background: rgba(0, 0, 0, 0.021);
  color: var(--lg-tinta);
}
html.tema-claro .agenda-grade th small {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .ag-hora {
  background: rgba(0, 0, 0, 0.015);
  color: var(--lg-tinta-fraca);
}
html.tema-claro .ag-cel:hover {
  background: rgba(0, 0, 0, 0.059);
}
html.tema-claro .ag-chip {
  border: 1px solid rgba(0, 0, 0, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
  color: #04121A;
}
html.tema-claro .ag-chip.ag-agendado {
  background: linear-gradient(140deg, #E3E3E3, var(--lg-ciano--fundo));
}
html.tema-claro .ag-chip.ag-confirmado {
  background: linear-gradient(140deg, #99F6E4, #2DD4BF);
}
html.tema-claro .ag-chip.ag-realizado {
  background: linear-gradient(140deg, #CDD1D6, #BFC3C8);
}
html.tema-claro .ag-chip.ag-cancelado {
  background: linear-gradient(140deg, #FECACA, #F87171);
  color: #2A0A0A;
}
html.tema-claro .menu-item .lg-glifo {
  border-width: 1px;
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.34),
    inset 0 -4px 10px -5px rgba(17, 17, 26, 0.16);
}
html.tema-claro .menu-item.active .lg-glifo {
  border-color: rgba(0, 0, 0, 0.231);
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.5),
    inset 0 -4px 10px -5px rgba(224, 224, 224, 0.7),
    0 0 14px -4px rgba(224, 224, 224, 0.6);
}
html.tema-claro .menu-item[data-view="dashboard"] {
  --mi-cor: #CD9D20;
  --mi-cor--texto: #715613;
  --mi-borda: #CD9D20;
  --mi-borda--sombra: rgba(255, 215, 0, 0.22);
  --mi-halo: rgba(255, 215, 0, 0.1);
}
html.tema-claro .menu-item[data-view="pacientes"] {
  --mi-cor: #5DB76B;
  --mi-cor--texto: #09501D;
  --mi-borda: #5DB76B;
  --mi-borda--sombra: rgba(52, 199, 89, 0.44);
  --mi-halo: rgba(52, 199, 89, 0.1);
}
html.tema-claro .menu-item[data-view="financeiro"] {
  --mi-cor: #CC9B6B;
  --mi-cor--texto: #7C5020;
  --mi-borda: #CC9B6B;
  --mi-borda--sombra: rgba(212, 163, 115, 0.23);
  --mi-halo: rgba(212, 163, 115, 0.1);
}
html.tema-claro .menu-item[data-view="estoque"] {
  --mi-cor: rgba(0, 0, 0, 0.12);
  --mi-cor--texto: #0D0D0D;
  --mi-borda: rgba(0, 0, 0, 0.231);
  --mi-borda--sombra: rgba(224, 224, 224, 0.42);
  --mi-halo: rgba(0, 0, 0, 0.038);
}
html.tema-claro .menu-item[data-view="rh"] {
  --mi-cor: #D69927;
  --mi-cor--texto: #715613;
  --mi-borda: #D69927;
  --mi-borda--sombra: rgba(251, 191, 36, 0.22);
  --mi-halo: rgba(251, 191, 36, 0.1);
}
html.tema-claro .menu-item[data-view="auditoria"] {
  --mi-cor: rgba(0, 0, 0, 0.12);
  --mi-cor--texto: #293233;
  --mi-borda: rgba(0, 0, 0, 0.242);
  --mi-borda--sombra: rgba(159, 192, 196, 0.44);
  --mi-halo: rgba(0, 0, 0, 0.042);
}
html.tema-claro .menu-item[data-view="usuarios"] {
  --mi-cor: #BAA26D;
  --mi-cor--texto: #715613;
  --mi-borda: #BAA26D;
  --mi-borda--sombra: rgba(243, 229, 171, 0.22);
  --mi-halo: rgba(243, 229, 171, 0.1);
}
html.tema-claro .menu-item[data-view="chat"] {
  --mi-cor: #CA9E21;
  --mi-cor--texto: #715613;
  --mi-borda: #CA9E21;
  --mi-borda--sombra: rgba(255, 232, 115, 0.22);
  --mi-halo: rgba(255, 232, 115, 0.1);
}
html.tema-claro .menu-item[data-view="admin"] {
  --mi-cor: #CF9C2A;
  --mi-cor--texto: #715613;
  --mi-borda: #CF9C2A;
  --mi-borda--sombra: rgba(203, 167, 48, 0.25);
  --mi-halo: rgba(203, 167, 48, 0.12);
}
html.tema-claro .menu-item .lg-glifo-vetor {
  color: var(--mi-cor--texto, var(--lg-acento--texto));
  border-color: var(--mi-borda, var(--lg-rim-quente));
  background-color: var(--mi-halo, rgba(203, 167, 48, 0.1));
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.3),
    inset 0 -4px 10px -5px rgba(17, 17, 26, 0.16),
    0 0 10px -5px var(--mi-borda--sombra, var(--lg-rim-quente--sombra));
}
html.tema-claro .menu-item .lg-glifo-vetor > svg {
  filter: drop-shadow(0 1px 1px rgba(17, 17, 26, 0.22));
}
html.tema-claro .menu-item.active .lg-glifo-vetor {
  border-color: var(--mi-cor, var(--lg-acento--borda));
  box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.44),
    inset 0 -4px 10px -5px rgba(17, 17, 26, 0.16),
    0 0 16px -3px var(--mi-borda--sombra, var(--lg-rim-quente--sombra));
}
html.tema-claro .menu-item:hover .lg-glifo-vetor {
  border-color: var(--mi-cor, var(--lg-acento--borda));
}
html.tema-claro .user-cargo {
  border: 1px solid #CD9D20;
  background-image: var(--lg-vidro-fino),
    linear-gradient(135deg, rgba(255, 215, 0, 0.16), rgba(212, 163, 115, 0.12));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 4px 12px -8px rgba(255, 215, 0, 0.275);
}
html.tema-claro .user-cargo .selo-cargo {
  filter: drop-shadow(0 1px 1px rgba(17, 17, 26, 0.22));
}
html.tema-claro .user-cargo #user-perfil {
  color: #715613;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .card,
html.tema-claro .painel,
html.tema-claro .sidebar,
html.tema-claro .topbar,
html.tema-claro .landing-top,
html.tema-claro .toast {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .modal {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro form input,
html.tema-claro form select,
html.tema-claro form textarea {
  background-color: rgba(250, 250, 252, 0.94);
}
}
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .card,
html.tema-claro .painel,
html.tema-claro .sidebar,
html.tema-claro .topbar,
html.tema-claro .landing-top,
html.tema-claro .modal,
html.tema-claro .toast {
  background-image: none;
  background-color: #F2F2F2;
  border-color: rgba(0, 0, 0, 0.154);
}
}
html.tema-claro table .btn-ghost,
html.tema-claro table .btn-outline {
  background-color: rgba(0, 0, 0, 0.038);
}
html.tema-claro .painel.painel-longo {
  background-color: rgba(250, 250, 252, 0.86);
}
html.tema-claro .pac-paginacao {
  border-bottom: 1px solid var(--linha);
}
html.tema-claro .pac-pag-rodape .pac-paginacao {
  border-bottom: 0;
  border-top: 1px solid var(--linha);
}
html.tema-claro .pac-pag-info {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .pac-pag-reticencias {
  color: var(--lg-tinta-fraca);
}
html.tema-claro .rh-modulo .pac-paginacao {
  border-color: var(--rh-borda);
}
html.tema-claro .rh-modulo .pac-pag-info,
html.tema-claro .rh-modulo .pac-pag-reticencias {
  color: var(--rh-texto-fraco);
}

/* ===== /css/vidro-escuro-dourado.css ===== */
@media screen {
:root.tema-claro:is(html) {
  --vd-ouro: #715613;
  --vd-ouro-borda: #CD9D20;
  --vd-ouro-borda--bordaforte: #97720F;
  --vd-caramelo-borda: #CC9B6B;
  --vd-caramelo-borda--sombra: rgba(212, 163, 115, 0.275);
  --vd-caramelo-borda--bordaforte: #9C6E3F;
  --vd-contorno: var(--vd-ouro-borda) var(--vd-caramelo-borda)
                 var(--vd-caramelo-borda) var(--vd-ouro-borda);
  --vd-contorno--bordaforte: var(--vd-ouro-borda--bordaforte) var(--vd-caramelo-borda--bordaforte)
                 var(--vd-caramelo-borda--bordaforte) var(--vd-ouro-borda--bordaforte);
  --vd-contorno-campo: #97720F #9C6E3F
                       #9C6E3F #97720F;
  --vd-contorno-campo--bordaforte: #97720F #9C6E3F
                       #9C6E3F #97720F;
  --vd-contorno-forte: #97720F #9C6E3F
                       #9C6E3F #97720F;
  --vd-contorno-forte--bordaforte: #97720F #9C6E3F
                       #9C6E3F #97720F;
  --vd-separador: #F0BE8D;
  --vd-separador--bordaforte: #9C6E3F;
  --vd-pelicula: rgba(250, 250, 252, 0.46);
  --vd-pelicula-densa: rgba(250, 250, 252, 0.498);
  --lg-rim: var(--vd-ouro-borda);
  --lg-rim-forte: #97720F;
  --lg-rim-forte--bordaforte: #97720F;
  --lg-rim-forte--fundo: rgba(255, 215, 0, 0.82);
  --lg-rim-fria: #9C6E3F;
  --lg-rim-fria--fundo: rgba(212, 163, 115, 0.7);
  --lg-rim-quente: var(--vd-caramelo-borda);
  --lg-rim-quente--sombra: var(--vd-caramelo-borda--sombra);
  --lg-vidro-fino: linear-gradient(145deg, rgba(255, 236, 170, 0.06), rgba(0, 0, 0, 0.004) 42%,
                    rgba(0, 0, 0, 0.016) 78%, rgba(0, 0, 0, 0.029));
  --lg-vidro-medio: linear-gradient(150deg, rgba(255, 236, 170, 0.07), rgba(0, 0, 0, 0.005) 38%,
                    rgba(0, 0, 0, 0.012) 62%, rgba(0, 0, 0, 0.026) 82%,
                    rgba(0, 0, 0, 0.035));
  --lg-vidro-denso: linear-gradient(155deg, rgba(250, 250, 252, 0.86), rgba(250, 250, 252, 0.94) 45%,
                    rgba(250, 250, 252, 0.94)),
    linear-gradient(150deg, rgba(255, 236, 170, 0.05), transparent 50%,
                    rgba(0, 0, 0, 0.019));
  --lg-refracao-leve: blur(14px) saturate(165%) brightness(1.04);
  --lg-refracao: blur(26px) saturate(185%) brightness(1.04);
  --lg-refracao-densa: blur(40px) saturate(200%) brightness(1.04);
  --lg-interno: inset 0 1px 0 rgba(255, 236, 170, 0.08),
    inset 0 -1px 0 rgba(17, 17, 26, 0.133),
    inset 0 -24px 48px -30px rgba(17, 17, 26, 0.16);
  --lg-sombra-1: 0 1px 2px rgba(17, 17, 26, 0.152),
    0 8px 24px -8px rgba(17, 17, 26, 0.15);
  --lg-sombra-2: 0 2px 6px rgba(17, 17, 26, 0.171),
    0 18px 48px -14px rgba(17, 17, 26, 0.12);
  --lg-sombra-3: 0 4px 10px rgba(17, 17, 26, 0.18),
    0 34px 90px -22px rgba(17, 17, 26, 0.09);
  --linha: var(--vd-separador);
  --linha--bordaforte: var(--vd-separador--bordaforte);
  --branco: var(--vd-pelicula);
  --azul-claro: rgba(255, 215, 0, 0.1);
  --azul-claro--bordaforte: #97720F;
}
}
@media screen {
html.tema-claro .lg-ambiente::before {
  background: radial-gradient(38% 42% at 16% 20%, rgba(212, 163, 115, 0.12), transparent 62%),
    radial-gradient(40% 36% at 84% 26%, rgba(250, 250, 252, 0.402), transparent 64%),
    radial-gradient(48% 44% at 52% 86%, rgba(0, 0, 0, 0.035), transparent 66%),
    radial-gradient(30% 30% at 78% 68%, rgba(255, 215, 0, 0.06), transparent 60%);
}
}
@media screen {
html.tema-claro .landing-top,
html.tema-claro .topbar,
html.tema-claro .card,
html.tema-claro .painel,
html.tema-claro .toast {
  background-color: var(--vd-pelicula);
  border-color: var(--vd-contorno);
}
}
@media screen {
html.tema-claro .modal {
  border-color: var(--vd-contorno);
}
}
@media screen {
html.tema-claro .card::before,
html.tema-claro .painel::before {
  background: linear-gradient(142deg,
      rgba(255, 236, 170, 0.16) 0%,
      rgba(255, 236, 170, 0.05) 12%,
      transparent 32%),
    radial-gradient(70% 44% at var(--lg-luz-x) var(--lg-luz-y),
                    rgba(255, 236, 170, 0.08), transparent 60%);
}
}
@media screen {
html.tema-claro .modal-close:hover {
  color: var(--vd-ouro);
  background: rgba(255, 215, 0, 0.1);
}
}
@media screen {
html.tema-claro .lg-ambiente :focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15), 0 0 22px -4px rgba(255, 215, 0, 0.225);
}
}
@media screen {
html.tema-claro .login-head .brand-crest {
  background: radial-gradient(circle at 34% 26%, rgba(255, 215, 0, 0.12),
              rgba(250, 250, 252, 0.839) 60%);
  border-color: var(--vd-contorno);
  box-shadow: inset 0 2px 5px rgba(255, 236, 170, 0.07),
    0 8px 22px -8px rgba(17, 17, 26, 0.15);
}
}
@media screen {
html.tema-claro .app > .sidebar {
  background-color: rgba(250, 250, 252, 0.498);
  border-color: var(--vd-contorno);
}
}
@media screen {
html.tema-claro .app > .sidebar .sidebar-foot {
  border-top-color: var(--vd-separador);
}
}
@media screen {
html.tema-claro .app > .sidebar .ml-alternar {
  border-color: var(--vd-contorno-campo);
}
}
@media screen {
html.tema-claro .app > .sidebar .ml-alternar:hover {
  border-color: var(--vd-contorno-forte);
}
}
@media screen {
html.tema-claro .avatar {
  background: radial-gradient(circle at 34% 28%, rgba(255, 215, 0, 0.24),
              rgba(250, 250, 252, 0.94) 62%);
  color: var(--vd-ouro);
  border: 1px solid;
  border-color: var(--vd-contorno);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.11),
    0 6px 16px -6px rgba(17, 17, 26, 0.15);
}
}
@media screen {
html.tema-claro .btn-outline,
html.tema-claro .btn-ghost {
  background-color: rgba(250, 250, 252, 0.412);
  border-color: var(--vd-contorno-campo--bordaforte);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.06);
}
}
@media screen {
html.tema-claro .btn-outline:hover,
html.tema-claro .btn-ghost:hover {
  background-color: rgba(255, 215, 0, 0.08);
  border-color: var(--vd-contorno-forte--bordaforte);
}
}
@media screen {
html.tema-claro table .btn-ghost,
html.tema-claro table .btn-outline {
  background-color: rgba(250, 250, 252, 0.396);
}
}
@media screen {
html.tema-claro .btn-primary,
html.tema-claro .btn-danger,
html.tema-claro .btn-success {
  border-color: var(--vd-contorno-forte--bordaforte);
}
}
@media screen {
html.tema-claro :where(html:not(.tema-claro)) .btn-primary {
  color: #141414;
  background: linear-gradient(150deg, #FFE36B 0%, #FFD700 38%, #D4A373 100%);
  border-color: #97720F #9C6E3F
                #9C6E3F #97720F;
  box-shadow: inset 0 1px 0 rgba(255, 248, 214, 0.6),
    0 10px 26px -12px rgba(255, 215, 0, 0.25);
}
}
@media screen {
html.tema-claro :where(html:not(.tema-claro)) .btn-primary:hover {
  background: linear-gradient(150deg, #FFEC94 0%, #FFDE33 38%, #DDB48A 100%);
  box-shadow: inset 0 1px 0 rgba(255, 248, 214, 0.7),
    0 14px 32px -12px rgba(255, 215, 0, 0.3);
}
}
@media screen {
html.tema-claro form input,
html.tema-claro form select,
html.tema-claro form textarea,
html.tema-claro .barra-filtros input,
html.tema-claro .barra-filtros select {
  background: linear-gradient(180deg, rgba(250, 250, 252, 0.444), rgba(255, 236, 170, 0.025));
  background-color: var(--vd-pelicula);
  border-color: var(--vd-contorno-campo--bordaforte);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 236, 170, 0.04);
}
}
@media screen {
html.tema-claro form input:where(:hover:not(:disabled, [readonly])),
html.tema-claro form select:where(:hover:not(:disabled)),
html.tema-claro form textarea:where(:hover:not(:disabled, [readonly])),
html.tema-claro .barra-filtros input:where(:hover:not(:disabled, [readonly])),
html.tema-claro .barra-filtros select:where(:hover:not(:disabled)) {
  border-color: var(--vd-contorno--bordaforte);
}
}
@media screen {
html.tema-claro form input:focus,
html.tema-claro form select:focus,
html.tema-claro form textarea:focus,
html.tema-claro .barra-filtros input:focus,
html.tema-claro .barra-filtros select:focus {
  border-color: var(--vd-contorno-forte--bordaforte);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(255, 215, 0, 0.08),
    0 0 22px -6px rgba(255, 215, 0, 0.2);
}
}
@media screen {
html.tema-claro :where(select, textarea) {
  color-scheme: light;
}
}
@media screen {
html.tema-claro :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="submit"], [type="button"], [type="reset"], [type="image"], [type="hidden"]), select, textarea) {
  color: var(--lg-tinta);
  background-color: var(--vd-pelicula);
  border: 1px solid;
  border-color: var(--vd-contorno-campo--bordaforte);
}
}
@media screen {
html.tema-claro:is(html) .redp > .redp-campo {
  background-color: var(--vd-pelicula);
  background-image: linear-gradient(180deg, rgba(250, 250, 252, 0.428), rgba(255, 236, 170, 0.02));
  border-color: var(--vd-contorno-campo--bordaforte);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    inset 0 -1px 0 rgba(255, 236, 170, 0.04);
}
}
@media screen {
html.tema-claro:is(html) .redp-campo:focus-within {
  border-color: var(--vd-contorno-forte--bordaforte);
  box-shadow: inset 0 2px 8px rgba(17, 17, 26, 0.16),
    0 0 0 3px rgba(255, 215, 0, 0.08),
    0 0 22px -6px rgba(255, 215, 0, 0.2);
}
}
@media screen {
html.tema-claro:is(html) #modal.acesso-seguro form input,
html.tema-claro:is(html) #modal.acesso-seguro form select {
  background: var(--vd-pelicula);
  border-color: var(--vd-contorno-campo--bordaforte);
}
}
@media screen {
html.tema-claro:is(html) .po-codigo {
  box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.225);
}
}
@media screen {
html.tema-claro th {
  background: rgba(255, 215, 0, 0.045);
}
}
@media screen {
html.tema-claro tbody tr:hover {
  background: rgba(255, 215, 0, 0.06);
}
}
@media screen {
html.tema-claro .tab:not(.active):hover {
  background: rgba(255, 215, 0, 0.06);
}
}
@media screen {
html.tema-claro .tab.active {
  border-color: var(--vd-contorno--bordaforte);
  background-color: rgba(255, 215, 0, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.09);
}
}
@media screen {
html.tema-claro .mini-item {
  background: rgba(250, 250, 252, 0.412);
  border-color: var(--vd-contorno);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.05);
}
}
@media screen {
html.tema-claro .mini-item:hover {
  background: rgba(255, 215, 0, 0.06);
}
}
@media screen {
html.tema-claro .lgpd-bloco,
html.tema-claro .lgpd-termo {
  border-color: var(--vd-contorno);
}
}
@media screen {
html.tema-claro .funil-coluna {
  background-color: rgba(250, 250, 252, 0.434);
  border-color: var(--vd-contorno);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.06);
}
}
@media screen {
html.tema-claro .funil-coluna-head {
  border-bottom-color: var(--vd-separador);
}
}
@media screen {
html.tema-claro .funil-coluna-corpo.drag-over {
  background: rgba(255, 215, 0, 0.08);
  box-shadow: inset 0 0 0 2px rgba(255, 215, 0, 0.2);
}
}
@media screen {
html.tema-claro .funil-cartao {
  background: rgba(250, 250, 252, 0.498);
  border-color: var(--vd-contorno);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.05);
}
}
@media screen {
html.tema-claro .funil-cartao:hover {
  background: rgba(255, 215, 0, 0.06);
  border-color: var(--vd-contorno-forte);
}
}
@media screen {
html.tema-claro .snippet-item,
html.tema-claro .arquivo-item,
html.tema-claro .tarefa-item,
html.tema-claro .integracao-item {
  background: rgba(250, 250, 252, 0.422);
  border-color: var(--vd-contorno);
  box-shadow: inset 0 1px 0 rgba(255, 236, 170, 0.05);
}
}
@media screen {
html.tema-claro .snippet-item:hover,
html.tema-claro .arquivo-item:hover,
html.tema-claro .tarefa-item:hover {
  background: rgba(255, 215, 0, 0.05);
}
}
@media screen {
html.tema-claro .tarefa-info .ta-msg {
  border-color: var(--vd-separador);
}
}
@media screen {
html.tema-claro:is(html) .chat-painel {
  background-color: var(--vd-pelicula);
}
}
@media screen {
html.tema-claro:is(html) .chat-avatar {
  background: rgba(255, 215, 0, 0.07);
}
}
@media screen {
html.tema-claro:is(html) .chat-filtro,
html.tema-claro:is(html) .chat-btn-icone:not(.chat-btn-enviar) {
  background-color: rgba(250, 250, 252, 0.412);
}
}
@media screen {
html.tema-claro:is(html) .chat-raiz {
  --chat-recebido-fundo: rgba(250, 250, 252, 0.428);
}
}
@media screen {
html.tema-claro:is(html) .chat-dia,
html.tema-claro:is(html) .chat-anexo-arq,
html.tema-claro:is(html) .chat-previa {
  background: rgba(250, 250, 252, 0.422);
}
}
@media screen {
html.tema-claro:is(html) .chat-item:hover,
html.tema-claro:is(html) .chat-filtro:not(.ativo):hover,
html.tema-claro:is(html) .chat-menu-anexo button:hover,
html.tema-claro:is(html) .chat-btn-icone:not(.chat-btn-enviar):hover:not(:disabled) {
  background: rgba(255, 215, 0, 0.07);
}
}
@media screen {
html.tema-claro:is(html) .chat-item.ativo {
  background: rgba(255, 215, 0, 0.1);
}
}
@media screen {
html.tema-claro:is(html) .chat-painel-cabeca {
  border-bottom-color: var(--vd-separador);
}
}
@media screen {
html.tema-claro:is(html) .chat-compor {
  border-top-color: var(--vd-separador);
}
}
@media screen {
html.tema-claro .agenda-grade th {
  background: rgba(255, 215, 0, 0.045);
}
}
@media screen {
html.tema-claro .agenda-grade th,
html.tema-claro .agenda-grade td {
  border-color: var(--vd-separador);
}
}
@media screen {
html.tema-claro .ag-hora {
  background: rgba(255, 215, 0, 0.025);
}
}
@media screen {
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
html.tema-claro .card,
html.tema-claro .painel,
html.tema-claro .app > .sidebar,
html.tema-claro .topbar,
html.tema-claro .landing-top,
html.tema-claro .toast {
  background-color: rgba(250, 250, 252, 0.94);
}
}
}
@media screen {
@media (prefers-reduced-transparency: reduce) {
html.tema-claro .card,
html.tema-claro .painel,
html.tema-claro .app > .sidebar,
html.tema-claro .topbar,
html.tema-claro .landing-top,
html.tema-claro .toast,
html.tema-claro:is(html) .chat-painel {
  background-color: #F1F1F1;
}
}
}

/* ===== /css/ponto.css ===== */
html.tema-claro .pt-modulo {
  --pt-ouro: #715613;
  --pt-ouro--fundo: #FFD700;
  --pt-caramelo: #7C5020;
  --pt-caramelo--borda: #CC9B6B;
  --pt-caramelo--fundo: #D4A373;
  --pt-preto: #ECEDF0;
  --pt-liga: linear-gradient(135deg, var(--pt-ouro--fundo) 0%, var(--pt-caramelo--fundo) 100%);
  --pt-liga--texto: linear-gradient(135deg, var(--pt-ouro) 0%, var(--pt-caramelo) 100%);
  --pt-vidro: linear-gradient(180deg, rgba(0, 0, 0, 0.023), rgba(0, 0, 0, 0.008));
  --pt-borda: #F1C04E;
  --pt-borda-forte: #97720F;
  --pt-borda-forte--bordaforte: #97720F;
  --pt-borda-caramelo: #CC9B6B;
  --pt-borda-caramelo--bordaforte: #9C6E3F;
  --pt-sombra: 0 10px 30px rgba(17, 17, 26, 0.12), 0 1px 0 rgba(255, 255, 255, 0.05) inset;
  --pt-sombra-alta: 0 26px 70px rgba(17, 17, 26, 0.09), 0 1px 0 rgba(255, 255, 255, 0.06) inset;
  --pt-texto: #1A1A1A;
  --pt-texto-fraco: #4B4944;
  --pt-alerta: #A32921;
  --pt-alerta--fundo: #FF3B30;
  --pt-cinza: #D9D9D9;
}
html.tema-claro .pt-modulo {
  color: var(--pt-texto);
}
html.tema-claro .pt-modulo .pt-abas {
  border-bottom: 1px solid var(--pt-borda);
}
html.tema-claro .pt-modulo .pt-aba {
  border: 1px solid var(--pt-borda-caramelo--bordaforte);
  background: transparent;
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-aba:hover {
  color: var(--pt-texto);
  border-color: var(--pt-borda-forte--bordaforte);
}
html.tema-claro .pt-modulo .pt-aba.ativa {
  background: var(--pt-liga-suave);
  border-color: var(--pt-borda-forte--bordaforte);
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-painel {
  background: var(--pt-vidro);
  border: 1px solid var(--pt-borda);
  box-shadow: var(--pt-sombra);
}
html.tema-claro .pt-modulo .pt-painel-head h2,
html.tema-claro .pt-modulo .pt-painel-head h3 {
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-sub {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-relogio {
  background: var(--pt-vidro);
  border: 1px solid var(--pt-borda-forte);
  box-shadow: var(--pt-sombra-alta);
}
html.tema-claro .pt-modulo .pt-relogio::before {
  background: var(--pt-liga);
}
html.tema-claro .pt-modulo .pt-relogio-hora {
  background: var(--pt-liga--texto);
  background-clip: text;
  color: transparent;
}
html.tema-claro .pt-modulo .pt-relogio-data {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-relogio-quem {
  border-top: 1px solid var(--pt-borda-caramelo);
}
html.tema-claro .pt-modulo .pt-relogio-quem strong {
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-local {
  border: 1px solid var(--pt-borda-caramelo);
  background: rgba(0, 0, 0, 0.013);
}
html.tema-claro .pt-modulo .pt-local.ok {
  border-color: #5DB76B;
  background: var(--pt-verde-fraco);
}
html.tema-claro .pt-modulo .pt-local.bloqueada {
  border-color: #F58476;
  background: var(--pt-alerta-fraco);
}
html.tema-claro .pt-modulo .pt-local.medindo {
  border-color: var(--pt-borda-caramelo);
}
html.tema-claro .pt-modulo .pt-local.medindo .pt-local-ponto {
  background: var(--pt-caramelo--fundo);
}
html.tema-claro .pt-modulo .pt-local-ponto {
  background: var(--pt-cinza);
}
html.tema-claro .pt-modulo .pt-local.ok .pt-local-ponto {
  background: var(--pt-verde);
}
html.tema-claro .pt-modulo .pt-local.bloqueada .pt-local-ponto {
  background: var(--pt-alerta--fundo);
}
html.tema-claro .pt-modulo .pt-local-dist {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-botao {
  border: 0;
  background: var(--pt-liga);
  color: #1A1206;
  box-shadow: var(--pt-sombra);
}
html.tema-claro .pt-modulo .pt-botao:hover:not(:disabled) {
  filter: brightness(1.08);
  box-shadow: var(--pt-sombra-alta);
}
html.tema-claro .pt-modulo .pt-botao:disabled {
  background: rgba(0, 0, 0, 0.092);
  color: #4B4946;
  border: 1px solid rgba(0, 0, 0, 0.52);
  box-shadow: none;
  filter: none;
}
html.tema-claro .pt-modulo .pt-botao-2 {
  background: transparent;
  border: 1px solid var(--pt-borda-forte--bordaforte);
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-botao-2:disabled {
  border-color: rgba(0, 0, 0, 0.52);
  color: #4B4946;
}
html.tema-claro .pt-modulo .pt-botao-sm {
  border: 1px solid var(--pt-borda-caramelo--bordaforte);
  background: transparent;
  color: var(--pt-texto);
}
html.tema-claro .pt-modulo .pt-botao-sm:hover {
  border-color: var(--pt-borda-forte--bordaforte);
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-marca {
  border: 1px solid var(--pt-borda-caramelo);
  background: rgba(0, 0, 0, 0.011);
}
html.tema-claro .pt-modulo .pt-marca.feita {
  border-color: var(--pt-borda-forte);
  background: var(--pt-liga-suave);
}
html.tema-claro .pt-modulo .pt-marca-rotulo {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-marca.feita .pt-marca-hora {
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-marca:not(.feita) .pt-marca-hora {
  color: #6B6A68;
}
html.tema-claro .pt-modulo .pt-cartao {
  background: var(--pt-vidro);
  border: 1px solid var(--pt-borda-caramelo);
  box-shadow: var(--pt-sombra);
}
html.tema-claro .pt-modulo .pt-cartao-rotulo {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-cartao-valor {
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-cartao-nota {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-cartao.alerta .pt-cartao-valor {
  color: var(--pt-alerta);
}
html.tema-claro .pt-modulo th {
  color: var(--pt-texto-fraco);
  border-bottom: 1px solid var(--pt-borda);
}
html.tema-claro .pt-modulo td {
  border-bottom: 1px solid #F0BE8D;
}
html.tema-claro .pt-modulo tbody tr:hover {
  background: rgba(255, 215, 0, 0.045);
}
html.tema-claro .pt-modulo .pt-extra {
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-debito {
  color: var(--pt-alerta);
}
html.tema-claro .pt-modulo .pt-aberto {
  color: var(--pt-caramelo);
}
html.tema-claro .pt-modulo .pt-vazio {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-erro {
  color: var(--pt-alerta);
}
html.tema-claro .pt-modulo .pt-campo {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo input[type="text"],
html.tema-claro .pt-modulo select {
  background: rgba(250, 250, 252, 0.444);
  border: 1px solid var(--pt-borda-caramelo--bordaforte);
  color: var(--pt-texto);
}
html.tema-claro .pt-modulo select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23D4A373' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 11px;
}
html.tema-claro .pt-modulo input:focus,
html.tema-claro .pt-modulo select:focus {
  outline: none;
  border-color: var(--pt-borda-forte--bordaforte);
}
html.tema-claro .pt-modulo .pt-aviso-gps {
  color: var(--pt-texto-fraco);
  background: var(--pt-vidro);
  border: 1px solid var(--pt-borda-caramelo);
  border-left: 2px solid var(--pt-caramelo--borda);
  box-shadow: var(--pt-sombra);
}
html.tema-claro .pt-modulo .pt-aviso-gps strong {
  color: var(--pt-ouro);
}
html.tema-claro .pt-modulo .pt-regras {
  color: var(--pt-texto-fraco);
}
html.tema-claro .pt-modulo .pt-regras strong {
  color: var(--pt-texto);
}
html.tema-claro .pt-modulo .pt-selo-ajustado {
  border: 1px solid var(--pt-borda-caramelo);
  background: rgba(212, 163, 115, 0.14);
  color: var(--pt-caramelo);
}
html.tema-claro .pt-modulo .pt-selo-lancado {
  border: 1px solid var(--pt-borda-forte);
  background: var(--pt-liga-suave);
  color: var(--pt-ouro);
}

/* ===== /css/sessao-unica.css ===== */
:root.tema-claro:is(html) {
  --su-preto: #ECEDF0;
  --su-preto--texto: #000000;
  --su-dourado: #FFD700;
  --su-dourado--bordaforte: #97720F;
  --su-dourado--texto: #715613;
  --su-caramelo: #D4A373;
  --su-caramelo--bordaforte: #9C6E3F;
  --su-caramelo--texto: #7C5020;
  --su-texto: #000000;
  --su-texto-fraco: #4D4942;
  --su-vidro: rgba(0, 0, 0, 0.019);
  --su-vidro-borda: #CD9D20;
}
html.tema-claro .su-fundo {
  background: var(--su-preto);
}
html.tema-claro .su-caixa {
  background: var(--su-vidro);
  border: 1px solid var(--su-vidro-borda);
  box-shadow: 0 18px 48px rgba(17, 17, 26, 0.12);
  color: var(--su-texto);
}
html.tema-claro .su-caixa::before {
  background: linear-gradient(90deg, var(--su-dourado), var(--su-caramelo));
}
html.tema-claro .su-selo {
  border: 1px solid #CC9B6B;
  color: var(--su-caramelo--texto);
}
html.tema-claro .su-titulo {
  color: var(--su-dourado--texto);
}
html.tema-claro .su-texto {
  color: var(--su-texto);
}
html.tema-claro .su-dica {
  color: var(--su-texto-fraco);
}
html.tema-claro .su-botao {
  border: 1px solid var(--su-dourado--bordaforte);
  background: var(--su-dourado);
  color: var(--su-preto--texto);
}
html.tema-claro .su-botao:hover,
html.tema-claro .su-botao:active {
  background: var(--su-caramelo);
  border-color: var(--su-caramelo--bordaforte);
}
html.tema-claro .su-botao:focus-visible {
  outline: 3px solid var(--su-dourado--bordaforte);
}

/* ===== /css/ponto-app.css ===== */
html.tema-claro .pa-rodape a {
  color: inherit;
}

/* ======================= MARCA NO CLARO (logotipo e símbolos dourados) =======================
   Fonte: tema-claro-escuro/fonte/tema-claro-marca.css — entra em toda camada clara
   (ERP, CRM, site, home). Só vale com <html class="tema-claro">.

   2ª rodada do dono (07/10/2026): "adaptando tudo ao fundo claro … símbolos,
   logotipos". O que o CSS gerado não alcança porque a cor mora DENTRO do SVG:
   - degradês <linearGradient> com <stop stop-color="#FFD700|#D4A373"> (ícone
     ativo do menu lateral, selo de cargo, ícones do financeiro): o atributo de
     apresentação perde para qualquer CSS, e o !important cobre o style="";
   - o brasão (<img src="…/logo-rj.svg">): o realce do alto (#FFF7D6 → #F3DE86)
     é mais claro que o gelo e o contorno do escudo sumia. Fica o mesmo desenho e
     o mesmo degradê, mais fundo, com um fio âmbar recortando a silhueta.
   Cores: as de símbolo de scripts/lib/cor.mjs — OURO_FORTE #97720F e
   CARAMELO_FORTE #9C6E3F (3,2:1 até sobre o vidro denso; o gerador confere que batem). */
@media screen {
  html.tema-claro stop[stop-color="#FFD700" i] { stop-color: #97720F !important; }
  html.tema-claro stop[stop-color="#D4A373" i] { stop-color: #9C6E3F !important; }
  html.tema-claro img[src*="logo-rj"] {
    filter: brightness(0.8) contrast(1.18) saturate(1.12)
            drop-shadow(0 0 0.6px rgba(92, 64, 14, 0.55))
            drop-shadow(0 1px 1.5px rgba(92, 64, 14, 0.22)) !important;
  }
}

/* ======================= AJUSTES MANUAIS (fonte/tema-claro-manual.css) ======================= */
/* manual (provisório) */