/* ANDRADE · visual novo do sistema (onda 1, item 1.7) — montado em 20/10/2026.
   Camadas aprovadas por Jefferson em 17 e 18/10/2026 (APROVACAO.md da proposta-visual-meu-dia-20261017), na ordem do 34-C,
   mais a 16ª camada de correções da varredura da T05 (CORRECOES_PADRAO_NOVO.md). Carregado DEPOIS do v5-20260920.css.
   Retirado só o que era da prévia: seletores .cat-* do catálogo e o bloco repetido da entrada (R3 já está no v5). */
/* ════════ camada 01 · proposta-visual ════════ */
/* ═══ PROPOSTA VISUAL · Meu Dia · 17/10/2026 ═══════════════════════════════════════════════════════════════
   Camada de estudo carregada DEPOIS do v5-20260920.css. Não altera o sistema; só a prévia.
   A · o acabamento dos cartões coloridos levado aos painéis da tela
   B · quadro do DJEN com aspecto de vidro
   C · ícones do menu lateral com mais brilho e destaque                                                         */

:root{--pv-brilho:#ffffffc4;--pv-brilho2:#ffffff70}
:root[data-tema="escuro"]{--pv-brilho:#ffffff14;--pv-brilho2:#ffffff0a}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"]{--pv-brilho:#ffffff14;--pv-brilho2:#ffffff0a}}

/* ── A · Painéis com a mesma "pele" dos cartões ─────────────────────────────────────────────────────────── */
.premium.v5 .quadro-pendencias{--c:var(--verm);--c1:var(--verm1);--c2:var(--verm2);--cL:var(--vermL)}
.premium.v5 .quadro-filas{--c:var(--amb);--c1:var(--amb1);--c2:var(--amb2);--cL:var(--ambL)}
.premium.v5 .quadro-atualizacoes,.premium.v5 .quadro-agenda{--c:var(--azul);--c1:var(--azul1);--c2:var(--azul2);--cL:var(--azulL)}
.premium.v5 .quadro-acoes{--c:var(--verde);--c1:var(--verde1);--c2:var(--verde2);--cL:var(--verdeL)}

.premium.v5 .quadro-colunas .painel{
  border-color:color-mix(in srgb,var(--cL) 75%,var(--linha));
  background:
    radial-gradient(130% 70px at 0 0,color-mix(in srgb,var(--c2) 70%,transparent),transparent 100%),
    linear-gradient(180deg,color-mix(in srgb,var(--c1) 92%,var(--card)) 0,var(--card) 92px);
  box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0b22330d,
             0 18px 34px -26px color-mix(in srgb,var(--c) 85%,transparent);
  transition:box-shadow .2s,border-color .2s,transform .2s}
.premium.v5 .quadro-colunas .painel:hover{border-color:var(--cL);
  box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0b22330d,
             0 22px 40px -24px color-mix(in srgb,var(--c) 95%,transparent)}
/* o filete dourado do topo continua: é a assinatura da casa */

/* cabeçalho do painel: ícone vira medalhão na cor do painel, como o cartão */
.premium.v5 .quadro-colunas .pc>.ic{width:40px;height:40px;padding:9px;border-radius:12px;flex:none;color:var(--c);
  background:linear-gradient(135deg,var(--c1),var(--c2));border:1px solid var(--cL);
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 16px -10px var(--c)}
.premium.v5 .quadro-colunas .pc>.ic svg{stroke-width:1.7}
.premium.v5 .quadro-colunas .pc h2{font-size:20px}

/* linhas: ícone em pastilha suave da mesma cor */
.premium.v5 .quadro-colunas .lin>.ic{width:34px;height:34px;padding:7px;border-radius:10px;flex:none;color:var(--c);
  background:color-mix(in srgb,var(--c1) 85%,var(--card));border:1px solid color-mix(in srgb,var(--cL) 70%,transparent);
  box-shadow:inset 0 1px 0 var(--pv-brilho)}
.premium.v5 .quadro-colunas .lin>.ic svg{stroke-width:1.6}

/* filas para conferir: mini-cartões no padrão dos cartões de prazo */
.premium.v5 .fila-item{border-color:var(--cL);color:var(--c);
  background:linear-gradient(135deg,var(--c1),var(--c2));
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 10px 20px -16px var(--c)}
.premium.v5 .fila-item:hover{transform:translateY(-2px);border-color:var(--c);box-shadow:inset 0 1px 0 var(--pv-brilho),0 14px 24px -14px var(--c)}
.premium.v5 .fila-item b{color:var(--c);font-size:26px}
.premium.v5 .fila-item span{color:var(--c);opacity:.92;font-weight:600}
.premium.v5 .fila-item .ic{width:24px;height:24px;padding:5px;border-radius:50%;color:var(--c);background:var(--pv-brilho);border:1px solid var(--cL)}

/* faixa "em aberto nesta seleção": mesma pele dourada dos cartões, com brilho interno */
.premium.v5 .quadro-alertas>.faixa{--c:var(--amb);--c1:var(--amb1);--c2:var(--amb2);--cL:var(--ambL);
  border-color:var(--cL);background:linear-gradient(110deg,var(--c1),var(--c2));
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 14px 28px -22px var(--c)}
.premium.v5 .quadro-alertas>.faixa .medalha{width:34px;height:34px}

/* cartões coloridos (a referência): só ganham um reflexo de luz ao passar o mouse */
.premium.v5 .ind{isolation:isolate}
.premium.v5 .ind::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;
  background:linear-gradient(105deg,transparent 30%,#ffffff80 48%,transparent 62%) no-repeat;background-size:240% 100%;background-position:120% 0;
  transition:opacity .2s}
.premium.v5 .ind:hover::before{opacity:1;animation:pv-reflexo 1s ease-out}
:root[data-tema="escuro"] .premium.v5 .ind::before{background-image:linear-gradient(105deg,transparent 30%,#ffffff1f 48%,transparent 62%)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .ind::before{background-image:linear-gradient(105deg,transparent 30%,#ffffff1f 48%,transparent 62%)}}
.premium.v5 .ind:hover{transform:translateY(-2px)}

/* ── B · Quadro do DJEN em vidro ─────────────────────────────────────────────────────────────────────────── */
.premium.v5 .m-djen{--dj:#3fd08a;--dj-luz:#3fd08a38;position:relative;isolation:isolate;overflow:hidden;
  gap:13px;padding:14px 15px 14px 14px;border-radius:16px;border:1px solid #ffffff30;
  background:
    linear-gradient(158deg,#ffffff26 0%,#ffffff0d 34%,#ffffff04 58%,#ffffff10 100%),
    radial-gradient(120% 110% at 0% 0%,var(--dj-luz) 0%,transparent 58%),
    radial-gradient(90% 80% at 100% 100%,#c7994626 0%,transparent 60%),
    #0d334e47;
  -webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);
  box-shadow:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #0000004d,inset 1px 0 0 #ffffff14,
             0 0 0 1px #c7994633,0 14px 30px -14px #000d,0 2px 6px -2px #0008}
/* faixa de reflexo diagonal, como luz batendo no vidro */
.premium.v5 .m-djen::before{content:"";position:absolute;inset:-40% -10%;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 38%,#ffffff1c 46%,#ffffff08 52%,transparent 58%);
  animation:pv-vidro 9s ease-in-out infinite}
/* fio de luz no alto da borda */
.premium.v5 .m-djen::after{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#fff9 30%,#f7dfa0cc 55%,transparent)}
.premium.v5 .m-djen b{font-size:10px;letter-spacing:1.8px;color:#f7dfa0;text-shadow:0 1px 0 #0006,0 0 12px #f3d58d40}
.premium.v5 .m-djen span{color:#e1eaf0;line-height:1.45;text-shadow:0 1px 0 #0005}
/* a luz de situação vira uma pedra brilhante */
.premium.v5 .m-pulso{width:12px;height:12px;margin-top:2px;
  background:radial-gradient(circle at 34% 30%,#fff 0 14%,var(--dj) 48%,color-mix(in srgb,var(--dj) 55%,#000) 100%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--dj) 22%,transparent),0 0 12px 1px color-mix(in srgb,var(--dj) 70%,transparent)}
.premium.v5 .m-djen.aviso{--dj:#e6b13a;--dj-luz:#e6b13a3d}
.premium.v5 .m-djen.ruim{--dj:#ef5f6b;--dj-luz:#ef5f6b42;border-color:#ff9aa466;
  box-shadow:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #0000004d,0 0 0 1px #d8414e55,0 14px 30px -14px #000d,0 0 22px -8px #e0525e88}
.premium.v5 .m-djen.ruim b{color:#ffc2c8;text-shadow:0 1px 0 #0006,0 0 12px #ff8a9655}
.premium.v5 .m-djen.aviso .m-pulso,.premium.v5 .m-djen.ruim .m-pulso{background:radial-gradient(circle at 34% 30%,#fff 0 14%,var(--dj) 48%,color-mix(in srgb,var(--dj) 55%,#000) 100%)}

/* o quadro do nome, logo abaixo, ganha o mesmo vidro (mais discreto) para os dois combinarem */
.premium.v5 .m-conta{position:relative;border-radius:16px;border:1px solid #ffffff24;
  background:linear-gradient(158deg,#ffffff1a 0%,#ffffff08 40%,#ffffff03 70%,#ffffff0c 100%),#0d334e33;
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #0000004d,0 0 0 1px #c7994624,0 10px 24px -14px #000c}

/* ── C · Ícones do menu lateral com brilho ───────────────────────────────────────────────────────────────── */
.premium.v5 .menu.m4 .item .ic{position:relative;color:#ffe8ad;padding:5.5px;
  background:
    radial-gradient(120% 70% at 50% 0%,#ffffff26,transparent 60%),
    linear-gradient(160deg,#1f5779 0%,#0e3653 50%,#06203a 100%);
  border:1px solid #d6ad5ca6;
  box-shadow:inset 0 1px 0 #ffffff40,inset 0 -2px 4px #0000004d,0 0 0 1px #00000040,0 4px 10px -4px #000c,0 0 10px -4px #c7994680}
.premium.v5 .menu.m4 .item .ic svg{stroke-width:1.95;filter:drop-shadow(0 0 2.5px #f3d58d8c)}
.premium.v5 .menu.m4 .item>span:not(.n){color:#eef3f7}
.premium.v5 .menu.m4 .item:hover .ic{color:#fff4d2;border-color:#e8c77a;
  background:linear-gradient(160deg,#2a6488 0%,#124061 52%,#0a2a43 100%);
  box-shadow:inset 0 1px 0 #ffffff47,0 0 0 1px #c7994633,0 4px 12px -3px #c7994670}
.premium.v5 .menu.m4 .item:hover .ic svg{filter:drop-shadow(0 0 3px #f7dfa0a6)}
/* item ativo (folha de ouro) continua como está */
.premium.v5 .menu.m4 .item.on .ic{color:#f8e2a6;background:linear-gradient(160deg,#0e3a57,#031a2a);border-color:#031a2a}
.premium.v5 .menu.m4 .item.on>span:not(.n){color:#072336}

@keyframes pv-vidro{0%,62%{transform:translateX(-60%)}82%,100%{transform:translateX(60%)}}
@keyframes pv-reflexo{from{background-position:120% 0}to{background-position:-20% 0}}
@media(prefers-reduced-motion:reduce){.premium.v5 .m-djen::before,.premium.v5 .ind:hover::before{animation:none}}

/* ── Correções de execução · 18/10/2026 ──────────────────────────────────────────────────────────────────── */
/* brasão nítido de fundo (correção R3 já aprovada, que entra na próxima atualização): no lugar do desenho simplificado */
:root{--img-agua:url("/estatico/brasao-marca-agua-20261017.png")}
/* rodapé do menu (DJEN e nome) dentro da margem: a coluna crescia 18 px e encostava na barra de rolagem.
   O defeito já existe no sistema publicado; o vidro só o deixou mais visível. */
.premium.v5 .menu .m-pe{grid-template-columns:minmax(0,1fr)}
.premium.v5 .menu .m-pe>*{min-width:0}
/* brasão do menu (balança com louros) inteiro dentro da largura do menu, sem cortar nas laterais */
.premium.v5 .menu.m4::after{left:22px;right:22px;height:220px;bottom:175px}
/* com a largura certa, o quadro do nome fica mais justo para "Jefferson Andrade" caber inteiro */
.premium.v5 .m-conta{gap:8px;padding:8px 7px 8px 9px}
.premium.v5 .m-conta .av{width:34px;height:34px;font-size:12px}
.premium.v5 .m-sair{width:32px;height:32px}

/* ════════ camada 02 · painel-marfim ════════ */
/* ═══ VARIANTE "MARFIM E OURO" · 17/10/2026 ═══ carregada depois de proposta-visual.css
   Mesmo efeito (profundidade, selo no ícone, minicartões), mas todos os painéis no tom da casa:
   marfim com detalhes dourados no claro; marinho com ouro no escuro. Os cartões coloridos de prazo continuam como estão. */
.premium.v5 .quadro-pendencias,.premium.v5 .quadro-filas,.premium.v5 .quadro-atualizacoes,.premium.v5 .quadro-agenda,.premium.v5 .quadro-acoes,
.premium.v5 .quadro-alertas>.faixa{--c:#8a621f;--c1:#fffcf3;--c2:#f6ebd2;--cL:#e5d0a0}
:root[data-tema="escuro"] .premium.v5 :is(.quadro-pendencias,.quadro-filas,.quadro-atualizacoes,.quadro-agenda,.quadro-acoes,.quadro-alertas>.faixa){
  --c:#e6c67f;--c1:#16293a;--c2:#13222f;--cL:#5d4c22}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.quadro-pendencias,.quadro-filas,.quadro-atualizacoes,.quadro-agenda,.quadro-acoes,.quadro-alertas>.faixa){
  --c:#e6c67f;--c1:#16293a;--c2:#13222f;--cL:#5d4c22}}

/* selo do painel em folha de ouro, como a medalha da faixa de prazos */
.premium.v5 .quadro-colunas .pc>.ic{color:#3c2a06;background:var(--foil);border-color:#f6e0a4;
  box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 8px 16px -10px #b98835}
/* minicartões das filas: número em azul-marinho serifado, texto escuro */
.premium.v5 .fila-item b{color:var(--t1)}
.premium.v5 .fila-item span{color:var(--t1);opacity:.82}
.premium.v5 .fila-item .ic{color:var(--ouro-tx)}

/* ════════ camada 03 · luz-suave ════════ */
/* ═══ LUZ "SUAVE" · 18/10/2026 ═══ carregada por último. Troca a luz dourada atrás dos blocos por uma sombra
   azul-marinho delicada, no padrão da casa; o fio dourado e o selo continuam. */
.premium.v5 .quadro-colunas .painel{box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0b22330d,0 12px 26px -22px #0b223347}
.premium.v5 .quadro-colunas .painel:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0b22330d,0 16px 30px -22px #0b22335e}
.premium.v5 .fila-item{box-shadow:inset 0 1px 0 var(--pv-brilho),0 4px 10px -8px #0b223338}
.premium.v5 .fila-item:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 16px -12px #0b22334d}
.premium.v5 .quadro-alertas>.faixa{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 18px -16px #0b223340}
.premium.v5 .quadro-colunas .pc>.ic{box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #8a621f80}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .painel{box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0006,0 14px 28px -22px #000b}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .painel:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0006,0 18px 32px -22px #000d}
:root[data-tema="escuro"] .premium.v5 .fila-item{box-shadow:inset 0 1px 0 var(--pv-brilho),0 4px 10px -8px #0009}
:root[data-tema="escuro"] .premium.v5 .fila-item:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 16px -12px #000b}
:root[data-tema="escuro"] .premium.v5 .quadro-alertas>.faixa{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 18px -16px #000a}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .pc>.ic{box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #0009}
@media(prefers-color-scheme:dark){
:root[data-tema="sistema"] .premium.v5 .quadro-colunas .painel{box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0006,0 14px 28px -22px #000b}
:root[data-tema="sistema"] .premium.v5 .quadro-colunas .painel:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),0 1px 2px #0006,0 18px 32px -22px #000d}
:root[data-tema="sistema"] .premium.v5 .fila-item{box-shadow:inset 0 1px 0 var(--pv-brilho),0 4px 10px -8px #0009}
:root[data-tema="sistema"] .premium.v5 .fila-item:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 16px -12px #000b}
:root[data-tema="sistema"] .premium.v5 .quadro-alertas>.faixa{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 18px -16px #000a}
:root[data-tema="sistema"] .premium.v5 .quadro-colunas .pc>.ic{box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #0009}
}

/* ════════ camada 04 · escuro-joias ════════ */
/* ═══ ESCURO "JOIAS SOBRE MARINHO" · 18/10/2026 ═══ os quatro cartões passam a ter a MESMA base azul-marinho,
   só tingida pela cor de cada um (rubi, safira, ouro, esmeralda), com o mesmo brilho entre eles. Lembretes e
   fundos dourados deixam de puxar para o oliva. */
:root[data-tema="escuro"]{--ouro-fraco:#1b2c37;--ouro-ln:#6a5832}
:root[data-tema="escuro"] .premium.v5 .mural{background:linear-gradient(180deg,#183041,#12283800 82%)}
:root[data-tema="escuro"] .premium.v5 .ind.v{--c:#f4b6c1;--c1:color-mix(in oklab,#132b3e 80%,#c24a60);--c2:color-mix(in oklab,#0e2233 91%,#c24a60);--cL:color-mix(in oklab,#28455e 55%,#c24a60);--h:#c24a60}
:root[data-tema="escuro"] .premium.v5 .ind.a{--c:#b8d8f6;--c1:color-mix(in oklab,#132b3e 80%,#4b8fd1);--c2:color-mix(in oklab,#0e2233 91%,#4b8fd1);--cL:color-mix(in oklab,#28455e 55%,#4b8fd1);--h:#4b8fd1}
:root[data-tema="escuro"] .premium.v5 .ind.m{--c:#f1d595;--c1:color-mix(in oklab,#132b3e 80%,#c79946);--c2:color-mix(in oklab,#0e2233 91%,#c79946);--cL:color-mix(in oklab,#28455e 55%,#c79946);--h:#c79946}
:root[data-tema="escuro"] .premium.v5 .ind.g{--c:#a8e2c5;--c1:color-mix(in oklab,#132b3e 80%,#3aa57c);--c2:color-mix(in oklab,#0e2233 91%,#3aa57c);--cL:color-mix(in oklab,#28455e 55%,#3aa57c);--h:#3aa57c}
:root[data-tema="escuro"] .premium.v5 .ind{box-shadow:inset 0 1px 0 #ffffff17,0 12px 24px -20px #000c}
:root[data-tema="escuro"] .premium.v5 .ind::after{background:radial-gradient(color-mix(in srgb,var(--h) 55%,transparent),transparent 70%);opacity:.22}
@media(prefers-color-scheme:dark){
:root[data-tema="sistema"]{--ouro-fraco:#1b2c37;--ouro-ln:#6a5832}
:root[data-tema="sistema"] .premium.v5 .mural{background:linear-gradient(180deg,#183041,#12283800 82%)}
:root[data-tema="sistema"] .premium.v5 .ind.v{--c:#f4b6c1;--c1:color-mix(in oklab,#132b3e 80%,#c24a60);--c2:color-mix(in oklab,#0e2233 91%,#c24a60);--cL:color-mix(in oklab,#28455e 55%,#c24a60);--h:#c24a60}
:root[data-tema="sistema"] .premium.v5 .ind.a{--c:#b8d8f6;--c1:color-mix(in oklab,#132b3e 80%,#4b8fd1);--c2:color-mix(in oklab,#0e2233 91%,#4b8fd1);--cL:color-mix(in oklab,#28455e 55%,#4b8fd1);--h:#4b8fd1}
:root[data-tema="sistema"] .premium.v5 .ind.m{--c:#f1d595;--c1:color-mix(in oklab,#132b3e 80%,#c79946);--c2:color-mix(in oklab,#0e2233 91%,#c79946);--cL:color-mix(in oklab,#28455e 55%,#c79946);--h:#c79946}
:root[data-tema="sistema"] .premium.v5 .ind.g{--c:#a8e2c5;--c1:color-mix(in oklab,#132b3e 80%,#3aa57c);--c2:color-mix(in oklab,#0e2233 91%,#3aa57c);--cL:color-mix(in oklab,#28455e 55%,#3aa57c);--h:#3aa57c}
:root[data-tema="sistema"] .premium.v5 .ind{box-shadow:inset 0 1px 0 #ffffff17,0 12px 24px -20px #000c}
:root[data-tema="sistema"] .premium.v5 .ind::after{background:radial-gradient(color-mix(in srgb,var(--h) 55%,transparent),transparent 70%);opacity:.22}
}

/* 18/10/2026 (telas do dia a dia): o Joias passa a valer nas CORES-BASE do tema escuro, para que cabeçalhos de grupo
   (Prazos), cartõezinhos da Agenda, etiquetas e qualquer outra peça colorida falem a mesma língua dos cartões. */
:root[data-tema="escuro"]{--verm:#f4b6c1;--verm1:color-mix(in oklab,#132b3e 80%,#c24a60);--verm2:color-mix(in oklab,#0e2233 91%,#c24a60);--vermL:color-mix(in oklab,#28455e 55%,#c24a60);--azul:#b8d8f6;--azul1:color-mix(in oklab,#132b3e 80%,#4b8fd1);--azul2:color-mix(in oklab,#0e2233 91%,#4b8fd1);--azulL:color-mix(in oklab,#28455e 55%,#4b8fd1);--amb:#f1d595;--amb1:color-mix(in oklab,#132b3e 80%,#c79946);--amb2:color-mix(in oklab,#0e2233 91%,#c79946);--ambL:color-mix(in oklab,#28455e 55%,#c79946);--verde:#a8e2c5;--verde1:color-mix(in oklab,#132b3e 80%,#3aa57c);--verde2:color-mix(in oklab,#0e2233 91%,#3aa57c);--verdeL:color-mix(in oklab,#28455e 55%,#3aa57c);}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"]{--verm:#f4b6c1;--verm1:color-mix(in oklab,#132b3e 80%,#c24a60);--verm2:color-mix(in oklab,#0e2233 91%,#c24a60);--vermL:color-mix(in oklab,#28455e 55%,#c24a60);--azul:#b8d8f6;--azul1:color-mix(in oklab,#132b3e 80%,#4b8fd1);--azul2:color-mix(in oklab,#0e2233 91%,#4b8fd1);--azulL:color-mix(in oklab,#28455e 55%,#4b8fd1);--amb:#f1d595;--amb1:color-mix(in oklab,#132b3e 80%,#c79946);--amb2:color-mix(in oklab,#0e2233 91%,#c79946);--ambL:color-mix(in oklab,#28455e 55%,#c79946);--verde:#a8e2c5;--verde1:color-mix(in oklab,#132b3e 80%,#3aa57c);--verde2:color-mix(in oklab,#0e2233 91%,#3aa57c);--verdeL:color-mix(in oklab,#28455e 55%,#3aa57c);}}

/* ════════ camada 05 · padrao-pecas ════════ */
/* ═══ PADRÃO DAS PEÇAS · 18/10/2026 ═══ carregado depois das camadas aprovadas do Meu Dia (marfim e ouro, luz suave,
   escuro Joias). Leva o mesmo acabamento a todas as peças do sistema: blocos, tabelas, campos, botões, etiquetas,
   avisos, quadro de tarefas, números, janela e peças antigas que hoje estão sem estilo. */

:root{--pm-c1:#fffcf3;--pm-c2:#f6ebd2;--pm-cL:#e5d0a0;--pm-tx:#8a621f;
  --pm-luz:0 1px 2px #0b22330d,0 12px 26px -22px #0b223347;--pm-luz-h:0 1px 2px #0b22330d,0 16px 30px -22px #0b22335e;
  --pm-luz-p:0 4px 10px -8px #0b223338}
:root[data-tema="escuro"]{--pm-c1:#16293a;--pm-c2:#13222f;--pm-cL:#5d4c22;--pm-tx:#e6c67f;
  --pm-luz:0 1px 2px #0006,0 14px 28px -22px #000b;--pm-luz-h:0 1px 2px #0006,0 18px 32px -22px #000d;--pm-luz-p:0 4px 10px -8px #0009}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"]{--pm-c1:#16293a;--pm-c2:#13222f;--pm-cL:#5d4c22;--pm-tx:#e6c67f;
  --pm-luz:0 1px 2px #0006,0 14px 28px -22px #000b;--pm-luz-h:0 1px 2px #0006,0 18px 32px -22px #000d;--pm-luz-p:0 4px 10px -8px #0009}}

/* ── Blocos (painel) em toda tela: marfim no alto, luz suave, selo dourado no ícone do título ─────────────── */
.premium.v5 .painel:not(.nobre){border-color:color-mix(in srgb,var(--pm-cL) 75%,var(--linha));
  background:linear-gradient(180deg,color-mix(in srgb,var(--pm-c1) 92%,var(--card)) 0,var(--card) 92px);
  box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),var(--pm-luz)}
.premium.v5 .painel>.pc>.ic{width:40px;height:40px;padding:9px;border-radius:12px;flex:none;color:#3c2a06;background:var(--foil);
  border:1px solid #f6e0a4;box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #8a621f80}
.premium.v5 .painel>.pc>.ic svg{stroke-width:1.7}
.premium.v5 .painel>.lin>.ic{width:34px;height:34px;padding:7px;border-radius:10px;flex:none;color:var(--pm-tx);
  background:color-mix(in srgb,var(--pm-c1) 85%,var(--card));border:1px solid color-mix(in srgb,var(--pm-cL) 70%,transparent);
  box-shadow:inset 0 1px 0 var(--pv-brilho)}
/* a faixa do próximo compromisso (.painel.nobre) e o cabeçalho da ficha (.heroi) continuam marinho: ficam fora da regra */

/* números do financeiro e resumo de urgência: mesma pele dos minicartões */
.premium.v5 .nm{border-color:var(--pm-cL);background:linear-gradient(135deg,var(--pm-c1),color-mix(in srgb,var(--pm-c2) 45%,var(--card)));
  box-shadow:inset 0 1px 0 var(--pv-brilho),var(--pm-luz-p)}
.premium.v5 .lista-resumo a{background:linear-gradient(135deg,var(--pm-c1),var(--card));border-color:var(--pm-cL);
  box-shadow:inset 0 1px 0 var(--pv-brilho),var(--pm-luz-p)}
.premium.v5 .lista-resumo a.on{border-color:#c79946;box-shadow:inset 0 1px 0 var(--pv-brilho),0 0 0 1px #c7994659,var(--pm-luz-p)}

/* ── Tabelas: cabeçalho marfim com fio dourado, linha clara ao passar o mouse, números alinhados ───────────── */
.premium.v5 table.lista thead th,.premium.v5 .painel table:not(.lista) thead th{
  background:linear-gradient(180deg,var(--pm-c1),var(--pm-c2));color:var(--pm-tx);border-bottom:1px solid var(--pm-cL);
  box-shadow:inset 0 -1px 0 #c7994680}
.premium.v5 table.lista tbody tr:hover>td{background:color-mix(in srgb,var(--pm-c1) 80%,transparent)}
.premium.v5 .mono{box-shadow:0 2px 6px -3px #8a621f80}

/* ── Campos: fundo do cartão, borda suave, foco com halo dourado (mantido), erro em rubi ────────────────────── */
.premium.v5 .f input,.premium.v5 .f select,.premium.v5 .f textarea,.premium.v5 .es-form input,.premium.v5 .es-form select,.premium.v5 .es-form textarea{
  border-color:color-mix(in srgb,var(--linha2) 80%,var(--pm-cL));box-shadow:inset 0 1px 2px #0b22330f}
.premium.v5 .f.erro input,.premium.v5 .f.erro select,.premium.v5 .f.erro textarea{border-color:var(--verm);box-shadow:0 0 0 3px color-mix(in srgb,var(--verm) 18%,transparent)}
.premium.v5 .f.erro small{color:var(--verm);font-weight:600}
.premium.v5 .barra-f{background:linear-gradient(180deg,var(--card),var(--pm-c1));border-top-color:var(--pm-cL)}

/* ── Botões: padrões que faltavam (excluir e desativado) ──────────────────────────────────────────────────── */
.premium.v5 .btn.perigo{color:var(--verm);border-color:var(--vermL);background:linear-gradient(180deg,var(--card),var(--verm1))}
.premium.v5 .btn.perigo:hover{border-color:var(--verm);background:var(--verm1)}
.premium.v5 .btn.perigo .ic{width:16px;height:16px}
.premium.v5 .btn:disabled,.premium.v5 .btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;filter:saturate(.6)}

/* ── Avisos: a caixa simples ganha moldura (hoje aparece sem nada); faixas com luz suave ───────────────────── */
.premium.v5 .aviso:not(.bom):not(.ruim){display:block;position:relative;margin:0 0 12px;padding:12px 16px 12px 38px;border-radius:10px;
  border:1px solid var(--azulL);border-left:4px solid var(--azul);background:linear-gradient(100deg,var(--azul1),var(--card));color:var(--t1)}
.premium.v5 .aviso:not(.bom):not(.ruim)::before{content:"";position:absolute;left:15px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;
  background:var(--azul);box-shadow:0 0 0 3px color-mix(in srgb,var(--azul) 22%,transparent)}
.premium.v5 .faixa{box-shadow:inset 0 1px 0 var(--pv-brilho),var(--pm-luz-p)}

/* ── Quadro de tarefas: colunas marfim, cartões brancos com luz suave ─────────────────────────────────────── */
.premium.v5 .kcol{background:linear-gradient(180deg,var(--pm-c1),color-mix(in srgb,var(--pm-c2) 45%,var(--card)));border-color:var(--pm-cL);
  box-shadow:inset 0 1px 0 var(--pv-brilho)}
.premium.v5 .kcol>header{color:var(--t1)}
.premium.v5 .kc{box-shadow:inset 0 1px 0 var(--pv-brilho),var(--pm-luz-p)}
.premium.v5 .kc:hover{box-shadow:inset 0 1px 0 var(--pv-brilho),0 8px 16px -12px #0b22334d}
/* tarefa atrasada mantém o filete vermelho à esquerda */
.premium.v5 .kc.kc-atrasada,.premium.v5 .kc.kc-atrasada:hover{box-shadow:inset 3px 0 var(--verm),inset 0 1px 0 var(--pv-brilho),var(--pm-luz-p)}
.premium.v5 .kvazio{border-color:var(--pm-cL);background:color-mix(in srgb,var(--pm-c1) 60%,transparent)}

/* ── Janela: faixa marfim no alto e luz suave ──────────────────────────────────────────────────────────────── */
.premium.v5 .cn-janela-cab{background:linear-gradient(180deg,var(--pm-c1),transparent)}

/* ── Peças antigas que hoje estão sem estilo: abas, "fichas" coloridas, linha "mudo" e paginação antiga ───── */
.premium.v5 nav.abas{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:6px 16px 0;border-bottom:1px solid var(--linha)}
.premium.v5 nav.abas a{padding:9px 12px;color:var(--t2);text-decoration:none;font-weight:600;border-bottom:3px solid transparent}
.premium.v5 nav.abas a.on{color:var(--t1);border-bottom-color:#c79946}
.premium.v5 .chip{display:inline-flex;align-items:center;min-height:22px;padding:0 10px;border-radius:99px;font:600 12px/1 var(--ui,Inter),sans-serif;
  border:1px solid #0b22331f;white-space:nowrap}
.premium.v5 td.mudo{color:var(--t3);text-align:center;font-style:italic}
.premium.v5 nav.es-paginacao{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;padding:12px 16px;border-top:1px solid var(--linha)}
.premium.v5 .painel>table:not(.lista){width:100%;border-collapse:collapse}
.premium.v5 .painel>table:not(.lista) td{padding:10px 14px;border-bottom:1px solid var(--linha)}
.premium.v5 .painel>table:not(.lista) th{padding:10px 14px;text-align:left;font:700 11px/1.3 var(--ui,Inter),sans-serif;letter-spacing:.08em;text-transform:uppercase}

/* ── Tema escuro "Joias" também nas etiquetas e no resumo (a etiqueta "Hoje" saía marrom) ─────────────────── */
:root[data-tema="escuro"] .premium.v5 .tag.v{--c:#f4b6c1;--c1:color-mix(in oklab,#132b3e 80%,#c24a60);--cL:color-mix(in oklab,#28455e 55%,#c24a60)}
:root[data-tema="escuro"] .premium.v5 .tag.a{--c:#b8d8f6;--c1:color-mix(in oklab,#132b3e 80%,#4b8fd1);--cL:color-mix(in oklab,#28455e 55%,#4b8fd1)}
:root[data-tema="escuro"] .premium.v5 .tag.m{--c:#f1d595;--c1:color-mix(in oklab,#132b3e 80%,#c79946);--cL:color-mix(in oklab,#28455e 55%,#c79946)}
:root[data-tema="escuro"] .premium.v5 .tag.g{--c:#a8e2c5;--c1:color-mix(in oklab,#132b3e 80%,#3aa57c);--cL:color-mix(in oklab,#28455e 55%,#3aa57c)}
@media(prefers-color-scheme:dark){
:root[data-tema="sistema"] .premium.v5 .tag.v{--c:#f4b6c1;--c1:color-mix(in oklab,#132b3e 80%,#c24a60);--cL:color-mix(in oklab,#28455e 55%,#c24a60)}
:root[data-tema="sistema"] .premium.v5 .tag.a{--c:#b8d8f6;--c1:color-mix(in oklab,#132b3e 80%,#4b8fd1);--cL:color-mix(in oklab,#28455e 55%,#4b8fd1)}
:root[data-tema="sistema"] .premium.v5 .tag.m{--c:#f1d595;--c1:color-mix(in oklab,#132b3e 80%,#c79946);--cL:color-mix(in oklab,#28455e 55%,#c79946)}
:root[data-tema="sistema"] .premium.v5 .tag.g{--c:#a8e2c5;--c1:color-mix(in oklab,#132b3e 80%,#3aa57c);--cL:color-mix(in oklab,#28455e 55%,#3aa57c)}}
:root[data-tema="escuro"] .premium.v5 .chip{filter:saturate(.8) brightness(.92)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .chip{filter:saturate(.8) brightness(.92)}}

/* ════════ camada 06 · refino-premium ════════ */
/* ═══ REFINO PREMIUM · 18/10/2026 ═══ carregado por último. Lapida o que já existe, sem trocar a identidade:
   medalhas de iniciais, botões, campos, pílulas, contadores, etiquetas e cabeçalho da ficha. Tudo na paleta
   marinho · marfim · ouro (#B98835 · #C79946 · #F7DFA0). */

:root{
  --medalha-ouro:radial-gradient(120% 120% at 30% 20%,#fff3cc 0%,#f4d996 20%,#ddb565 48%,#c0913f 74%,#94692a 100%);
  --medalha-marinho:radial-gradient(120% 120% at 30% 20%,#2a6385 0%,#164666 38%,#0b2c45 75%,#061d2f 100%);
  --medalha-marfim:radial-gradient(120% 120% at 30% 20%,#ffffff 0%,#fdf7e9 45%,#f1e3c3 100%);
  --raio-btn:9px}

/* ── Medalhas de iniciais: ouro cunhado, iniciais serifadas como a marca, aro marinho + fio dourado ───────── */
.premium.v5 .av,.premium.v5 .heroi .mono{background:var(--medalha-ouro);color:#3a2705;font-family:var(--serif);font-weight:600;
  letter-spacing:.05em;text-shadow:0 1px 0 #fff8,0 -1px 0 #7a551a33;
  box-shadow:inset 0 0 0 1px #fff5d6b3,inset 0 -3px 6px #8a5f1f40,inset 0 2px 4px #fff7,0 0 0 2px #031e30,0 0 0 3px #d9b566,0 6px 14px -4px #000a}
.premium.v5 .av{font-size:15px}
.premium.v5 .m-conta .av{font-size:12.5px}
.premium.v5 .hdr .av{box-shadow:inset 0 0 0 1px #fff5d6b3,inset 0 -3px 6px #8a5f1f40,inset 0 2px 4px #fff7,0 0 0 2px #031e30,0 0 0 3px #d9b566,0 6px 14px -4px #000a}
.premium.v5 .heroi .mono{font-size:31px;box-shadow:inset 0 0 0 1px #fff5d6b3,inset 0 0 0 5px #c7994633,inset 0 -6px 12px #8a5f1f4d,inset 0 4px 8px #fff8,0 0 0 3px #031e30,0 0 0 4.5px #d9b566,0 12px 26px -6px #000b}
/* iniciais pequenas nos cartões de tarefa: Dr. Jefferson em ouro; Dra. Carla em marinho com iniciais douradas */
.premium.v5 .avm{background:var(--medalha-ouro);color:#3a2705;font-family:var(--serif);font-weight:600;font-size:11px;letter-spacing:.04em;
  text-shadow:0 1px 0 #fff8;box-shadow:inset 0 0 0 1px #fff5d6b3,inset 0 -2px 3px #8a5f1f40,0 0 0 2px var(--card),0 0 0 2.6px #d9b56699,0 3px 6px -3px #0b223380}
.premium.v5 .avm.c{background:var(--medalha-marinho);color:#f3d58d;text-shadow:0 1px 0 #0008}
/* monograma das listas (clientes): medalha marfim com fio de ouro e iniciais douradas */
.premium.v5 .mono:not(.heroi .mono){background:var(--medalha-marfim);color:#7a5616;font-family:var(--serif);font-weight:600;letter-spacing:.04em;
  box-shadow:inset 0 0 0 1px #c79946,inset 0 0 0 3px #fffaf0,inset 0 0 0 3.6px #e5d0a0,0 3px 8px -4px #8a621f80}
:root[data-tema="escuro"] .premium.v5 .mono:not(.heroi .mono){background:var(--medalha-marinho);color:#f3d58d;box-shadow:inset 0 0 0 1px #c79946,inset 0 0 0 3px #0b2c45,inset 0 0 0 3.6px #c7994659,0 3px 8px -4px #000a}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .mono:not(.heroi .mono){background:var(--medalha-marinho);color:#f3d58d;box-shadow:inset 0 0 0 1px #c79946,inset 0 0 0 3px #0b2c45,inset 0 0 0 3.6px #c7994659,0 3px 8px -4px #000a}}

/* ── Botões ────────────────────────────────────────────────────────────────────────────────────────────────── */
/* padrão (baixa prioridade de propósito: os botões ouro, marinho, perigo e os da ficha mantêm a própria pele) */
:where(.premium.v5) .btn:where(:not(.ouro,.marinho,.forte,.perigo)){border-radius:var(--raio-btn);font-weight:600;letter-spacing:.01em;
  border-color:color-mix(in srgb,var(--linha2) 62%,var(--pm-cL));color:var(--t1);
  background:linear-gradient(180deg,var(--card) 0%,color-mix(in srgb,var(--pm-c1) 75%,var(--card)) 100%);
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 1px 2px #0b223312,0 4px 10px -8px #0b223340;
  transition:border-color .16s,box-shadow .16s,transform .16s,color .16s}
:where(.premium.v5) .btn:where(:not(.ouro,.marinho,.forte,.perigo)):hover{border-color:#c79946;color:var(--t1);
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 0 0 3px #c799461a,0 8px 16px -10px #0b223359;transform:translateY(-1px)}
:where(.premium.v5) .btn:where(:not(.ouro,.marinho,.forte,.perigo)):active{transform:none;box-shadow:inset 0 2px 4px #0b22331f}
/* principal (ouro): mesmo dourado, texto mais firme e um fio de luz no alto */
.premium.v5 .btn.ouro{border-radius:var(--raio-btn);color:#2a1d05;font-weight:700;letter-spacing:.02em;border-color:#b98835;
  box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #8a621f80,0 1px 2px #8a621f40,0 8px 18px -10px #b98835b3}
.premium.v5 .btn.ouro:hover{filter:brightness(1.04) saturate(1.04);transform:translateY(-1px);
  box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #8a621f80,0 0 0 3px #c7994626,0 12px 22px -12px #b98835cc}
.premium.v5 .btn.ouro:active{transform:none;filter:brightness(.98)}
/* marinho e forte: ganham o fio dourado embaixo, como a pílula escolhida */
.premium.v5 .btn.marinho,.premium.v5 .btn.forte:not(.ouro){border-radius:var(--raio-btn);letter-spacing:.01em;
  box-shadow:inset 0 1px 0 #6f92aa55,inset 0 -2px 0 #c79946cc,0 8px 18px -10px #08263cbb}
.premium.v5 .btn.marinho:hover,.premium.v5 .btn.forte:not(.ouro):hover{transform:translateY(-1px);
  box-shadow:inset 0 1px 0 #7fa2ba77,inset 0 -2px 0 #e3bf72,0 0 0 3px #c799461f,0 12px 22px -12px #08263ccc}
:root[data-tema="escuro"] .premium.v5 .btn.marinho{box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #8a621f80,0 8px 18px -10px #000c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .btn.marinho{box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #8a621f80,0 8px 18px -10px #000c}}
.premium.v5 .btn.perigo{border-radius:var(--raio-btn);font-weight:600}
.premium.v5 .btn.min{border-radius:8px}
/* botões claros dentro da ficha marinho: vidro discreto com fio de ouro ao passar o mouse */
.premium.v5 .heroi .btn:not(.ouro){border-radius:var(--raio-btn);background:linear-gradient(180deg,#ffffff1c,#ffffff0a);border-color:#ffffff40;
  box-shadow:inset 0 1px 0 #ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.premium.v5 .heroi .btn:not(.ouro):hover{border-color:#e3bf72;background:linear-gradient(180deg,#ffffff26,#ffffff10)}
/* link de texto: sublinhado dourado mais fino e mais afastado */
.premium.v5 .lk{text-decoration-thickness:1px;text-underline-offset:5px;transition:color .15s,text-decoration-color .15s}
.premium.v5 .lk:hover{text-decoration-color:var(--ouro-tx)}

/* ── Campos, pílulas, contadores e etiquetas: mesma escala de cantos e o mesmo fio de luz ─────────────────── */
.premium.v5 .f input,.premium.v5 .f select,.premium.v5 .f textarea,.premium.v5 .es-form input,.premium.v5 .es-form select,.premium.v5 .es-form textarea,
.premium.v5 .cbusca{border-radius:var(--raio-btn)}
.premium.v5 .f input:hover,.premium.v5 .f select:hover,.premium.v5 .f textarea:hover{border-color:color-mix(in srgb,#c79946 55%,var(--linha2))}
.premium.v5 .pilulas:not(.agenda-visoes-barra) a{border-radius:var(--raio-btn);border-color:color-mix(in srgb,var(--linha2) 62%,var(--pm-cL));
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--pm-c1) 75%,var(--card)));box-shadow:inset 0 1px 0 var(--pv-brilho),0 1px 2px #0b223312}
.premium.v5 .pilulas:not(.agenda-visoes-barra) a:hover{border-color:#c79946}
.premium.v5 .pilulas:not(.agenda-visoes-barra) a.on{background:var(--marinho);border-color:#062a3e;box-shadow:inset 0 1px 0 #6f92aa55,inset 0 -2px 0 #c79946,0 6px 14px -8px #08263c99}
.premium.v5 :is(.guias-v5 a em,.kcol>header em,.mural-n){background:linear-gradient(180deg,var(--pm-c1),var(--pm-c2));border-color:var(--pm-cL);
  color:var(--pm-tx);box-shadow:inset 0 1px 0 var(--pv-brilho)}
.premium.v5 .tag{box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent);letter-spacing:.01em}
:root[data-tema="escuro"] .premium.v5 .tag{box-shadow:inset 0 1px 0 #ffffff12}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .tag{box-shadow:inset 0 1px 0 #ffffff12}}

/* ── Cabeçalho da ficha: brasão inteiro dentro do quadro (posição da correção R3) e moldura com fio de ouro ── */
.premium.v5 .heroi::after{right:28px;top:16px;bottom:16px;left:auto;width:200px;height:auto;background:var(--img-agua) right center/contain no-repeat;opacity:.1}
@media(max-width:900px){.premium.v5 .heroi::after{right:14px;top:14px;bottom:auto;width:120px;height:120px}}
.premium.v5 .heroi{box-shadow:inset 0 0 0 1px #c7994638,inset 0 1px 0 #ffffff1f,inset 0 -3px 0 #c79946,0 24px 50px -28px #001b2b}
.premium.v5 .heroi .tag{background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff1f}

/* ════════ camada 07 · iniciais-final ════════ */
/* ═══ INICIAIS · ESCOLHA FINAL (18/10/2026): Ouro para o Dr. Jefferson, Marinho para a Dra. Carla e para os clientes ═══
   Base: versão "Ouro" (v3, sem reflexos). No sistema, o servidor marca a medalha da Dra. Carla com a classe "c"
   (.av.c / .avm.c), como já faz nas tarefas. ═══ acabamento de joia: engaste de ouro polido com fios escuros,
   profundidade sob o aro (sem reflexos de vidro, retirados em 18/10) e iniciais
   gravadas no ouro. */
:root{--aro-joia:conic-gradient(from 215deg,#7a541a,#c79946 9%,#fff0c2 17%,#e3bf72 24%,#9a6f24 36%,#5f4012 46%,#b98835 58%,#f7dfa0 68%,#fff6d8 73%,#d9b566 82%,#8a621f 92%,#7a541a);
  --disco-marinho-joia:radial-gradient(115% 115% at 32% 24%,#3f84ab 0%,#1f5a7e 26%,#0e3655 55%,#061f33 82%,#03121f 100%)}

.premium.v5 :is(.av,.avm,.mono){position:relative;isolation:isolate;box-sizing:border-box;border:3px solid transparent;font-family:var(--serif);font-weight:600;letter-spacing:.06em}
.premium.v5 .avm{border-width:2px;letter-spacing:.03em}
.premium.v5 .mono:not(.heroi .mono){border-width:2.5px}
.premium.v5 .heroi .mono{border-width:4px}

/* 18/10: reflexos de cima e de baixo retirados a pedido; fica só um fio de luz na borda interna do disco */
.premium.v5 :is(.av,.avm,.mono)::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
  background:none;
  box-shadow:inset 0 0 0 1px #ffffff40}

/* disco + engaste: fio escuro por dentro, sombra do aro no alto (profundidade), fio escuro por fora, halo */
.premium.v5 :is(.av,.heroi .mono,.hdr .av,.m-conta .av,.pop-id .av){
  background:radial-gradient(115% 115% at 32% 22%,#fff6d6 0%,#f6dc98 18%,#e4bf6c 40%,#c99a45 64%,#a07329 84%,#7d5419 100%) padding-box,var(--aro-joia) border-box;color:#4a3208;text-shadow:0 1px 0 #fff1c6,0 -1px 0 #6b4a1259;
  box-shadow:inset 0 0 0 1px #1d140480,inset 0 4px 7px -2px #00000066,0 0 0 1px #1d1404b3,0 0 0 3px #031e30,0 0 0 4px #c7994659,
             0 0 20px -3px #f3d58d4d,0 8px 16px -6px #000c}
@media(min-width:901px){.premium.v5 .hdr .av{width:50px;height:50px;font-size:16.5px}}
.premium.v5 .heroi .mono{font-size:31px;box-shadow:inset 0 0 0 1px #1d140480,inset 0 6px 10px -3px #00000070,0 0 0 1px #1d1404b3,0 0 0 4px #031e30,
  0 0 0 5px #c7994666,0 0 30px -4px #f3d58d59,0 14px 28px -8px #000c}
.premium.v5 .avm{background:radial-gradient(115% 115% at 32% 22%,#fff6d6 0%,#f6dc98 18%,#e4bf6c 40%,#c99a45 64%,#a07329 84%,#7d5419 100%) padding-box,var(--aro-joia) border-box;color:#4a3208;text-shadow:0 1px 0 #fff1c6,0 -1px 0 #6b4a1259;font-size:10.5px;
  box-shadow:inset 0 2px 3px -1px #00000059,0 0 0 1px #1d140480,0 0 0 2.5px var(--card),0 3px 7px -3px #0b2233a6}
.premium.v5 .avm.c{background:var(--disco-marinho-joia) padding-box,var(--aro-joia) border-box;color:#f7dfa0;text-shadow:0 1px 0 #3d2a08,0 -1px 0 #fff3cc33,0 0 8px #f3d58d40}
.premium.v5 .mono:not(.heroi .mono){background:radial-gradient(115% 115% at 32% 22%,#ffffff 0%,#fffaf0 40%,#f3e6c8 78%,#e4d0a4 100%) padding-box,var(--aro-joia) border-box;color:#7a5616;text-shadow:0 1px 0 #ffffffcc;
  box-shadow:inset 0 0 0 1px #1d140440,inset 0 3px 5px -2px #00000040,0 0 0 1px #8a621f59,0 4px 9px -4px #8a621f99}
:root[data-tema="escuro"] .premium.v5 .mono:not(.heroi .mono){background:var(--disco-marinho-joia) padding-box,var(--aro-joia) border-box;color:#f7dfa0;text-shadow:0 1px 0 #3d2a08,0 0 8px #f3d58d40;box-shadow:inset 0 0 0 1px #1d140480,inset 0 3px 5px -2px #0008,0 0 0 1px #000a,0 4px 9px -4px #000c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .mono:not(.heroi .mono){background:var(--disco-marinho-joia) padding-box,var(--aro-joia) border-box;color:#f7dfa0;text-shadow:0 1px 0 #3d2a08,0 0 8px #f3d58d40;box-shadow:inset 0 0 0 1px #1d140480,inset 0 3px 5px -2px #0008,0 0 0 1px #000a,0 4px 9px -4px #000c}}
/* bolinha pequena do menu: aro um pouco mais delgado para as iniciais respirarem */
.premium.v5 .m-conta .av{border-width:2.5px;font-size:12px;letter-spacing:.04em}

/* ── Dra. Carla: medalha marinho com iniciais em relevo dourado (topo, menu e perfil quando ela entra; tarefas) ── */
.premium.v5 :is(.av.c,.hdr .av.c,.m-conta .av.c,.pop-id .av.c){background:var(--disco-marinho-joia) padding-box,var(--aro-joia) border-box;
  color:#f7dfa0;text-shadow:0 1px 0 #3d2a08,0 -1px 0 #fff3cc33,0 0 10px #f3d58d4d}
/* ── Clientes (18/10, pedido do Jefferson): no fundo branco, a medalha MARFIM da v3 (porcelana clara, iniciais douradas,
   aro de ouro polido) — já definida acima pela base. No fundo azul (cabeçalho da ficha e listas no tema escuro), a irmã
   dela em tom PÉROLA: mesmo desenho, um pouco mais quente e menos ofuscante sobre o marinho. ── */
:root{--disco-perola:radial-gradient(115% 115% at 32% 22%,#fffaf0 0%,#f5ead2 34%,#e6d4ad 68%,#cdb486 100%)}
.premium.v5 .heroi .mono,:root[data-tema="escuro"] .premium.v5 .mono:not(.heroi .mono){
  background:var(--disco-perola) padding-box,var(--aro-joia) border-box;color:#5e400e;text-shadow:0 1px 0 #fff8,0 -1px 0 #00000014}
@media(prefers-color-scheme:dark){.premium.v5 .heroi .mono,:root[data-tema="sistema"] .premium.v5 .mono:not(.heroi .mono){
  background:var(--disco-perola) padding-box,var(--aro-joia) border-box;color:#5e400e;text-shadow:0 1px 0 #fff8,0 -1px 0 #00000014}}
.premium.v5 .heroi .mono{box-shadow:inset 0 0 0 1px #1d140480,inset 0 6px 10px -3px #00000052,0 0 0 1px #1d1404b3,0 0 0 4px #031e30,
  0 0 0 5px #c7994666,0 0 30px -4px #f3d58d4d,0 14px 28px -8px #000c}
:root[data-tema="escuro"] .premium.v5 .mono:not(.heroi .mono){
  box-shadow:inset 0 0 0 1px #1d140466,inset 0 3px 5px -2px #00000047,0 0 0 1px #1d1404b3,0 0 0 2.5px var(--card),0 0 0 3.5px #c7994659,0 4px 10px -4px #000c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .mono:not(.heroi .mono){
  box-shadow:inset 0 0 0 1px #1d140466,inset 0 3px 5px -2px #00000047,0 0 0 1px #1d1404b3,0 0 0 2.5px var(--card),0 0 0 3.5px #c7994659,0 4px 10px -4px #000c}}
/* ── Sobre fundo claro (menu do perfil, cartões): o vão entre medalha e fio de ouro usa a cor do fundo, não o marinho ── */
.premium.v5 .pop-id .av{box-shadow:inset 0 0 0 1px #1d140480,inset 0 4px 7px -2px #00000059,
  0 0 0 1px #1d1404b3,0 0 0 3px var(--card),0 0 0 4px #c7994680,0 6px 14px -6px #0b2233a6}

/* ════════ camada 08 · iniciais-cliente-fosco ════════ */
/* ═══ CLIENTE NO FUNDO AZUL · "MARINHO FOSCO" (18/10/2026) ═══ o mesmo princípio do claro: disco na família do fundo
   (um tom acima do marinho), iniciais douradas e o aro de ouro como protagonista. Fosco e mais escuro que a medalha
   da Dra. Carla (azul vivo), para não confundir cliente com titular. */
.premium.v5 .heroi .mono,:root[data-tema="escuro"] .premium.v5 .mono:not(.heroi .mono){background:radial-gradient(115% 115% at 32% 22%,#2c475a 0%,#1c3446 40%,#11273a 74%,#0a1b29 100%) padding-box,var(--aro-joia) border-box;color:#e6c67f;text-shadow:0 1px 0 #000000b3,0 -1px 0 #ffe9a81f}
@media(prefers-color-scheme:dark){.premium.v5 .heroi .mono,:root[data-tema="sistema"] .premium.v5 .mono:not(.heroi .mono){background:radial-gradient(115% 115% at 32% 22%,#2c475a 0%,#1c3446 40%,#11273a 74%,#0a1b29 100%) padding-box,var(--aro-joia) border-box;color:#e6c67f;text-shadow:0 1px 0 #000000b3,0 -1px 0 #ffe9a81f}}

:root[data-tema="escuro"] .premium.v5 .mono:not(.heroi .mono){box-shadow:inset 0 0 0 1px #00000066,inset 0 3px 6px -2px #00000073,0 0 0 1px #00000080,0 5px 12px -5px #000c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .mono:not(.heroi .mono){box-shadow:inset 0 0 0 1px #00000066,inset 0 3px 6px -2px #00000073,0 0 0 1px #00000080,0 5px 12px -5px #000c}}
.premium.v5 .heroi .mono{box-shadow:inset 0 0 0 1px #00000066,inset 0 6px 10px -3px #00000080,0 0 0 1px #00000099,0 0 26px -8px #f3d58d40,0 14px 28px -8px #000c}

/* ════════ camada 09 · dia-a-dia ════════ */
/* ═══ TELAS DO DIA A DIA · 18/10/2026 ═══ Prazos, Agenda, Audiências, Publicações e Tarefas. Carregada depois das camadas
   aprovadas no catálogo; só o que é próprio destas telas. */

/* ── Quadradinho de data (Prazos e Audiências): pequeno calendário de joia ─────────────────────────────────── */
.premium.v5 .dia-b{border-radius:10px;border:1px solid #c7994673;
  background:radial-gradient(120% 70% at 30% 0%,#1d5274 0%,transparent 60%),linear-gradient(150deg,#0b3552,#041d2f 70%,#03172a);
  box-shadow:inset 0 1px 0 #ffffff26,inset 0 -2px 0 #c79946,0 1px 2px #0b223333,0 8px 16px -10px #031a2ad9}
.premium.v5 .dia-b b{background:linear-gradient(180deg,#fff3cc 0%,#f4d996 35%,#d9b566 70%,#b98835 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 #0009)}
.premium.v5 .dia-b small{margin-top:4px;padding-top:3px;border-top:1px solid #c7994659;color:#e6c67f;letter-spacing:1.8px}
:root[data-tema="escuro"] .premium.v5 .dia-b{box-shadow:inset 0 1px 0 #ffffff26,inset 0 -2px 0 #c79946,0 8px 16px -10px #000d}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .dia-b{box-shadow:inset 0 1px 0 #ffffff26,inset 0 -2px 0 #c79946,0 8px 16px -10px #000d}}

/* ── Agenda: seletor Semana/Lista lapidado (cápsula marfim com a opção escolhida em ouro) ──────────────────── */
.premium.v5 .agenda-barra .agenda-visoes-barra{border-color:var(--pm-cL);background:linear-gradient(180deg,var(--pm-c1),var(--pm-c2));
  box-shadow:inset 0 1px 2px #0b22331a}
.premium.v5 .agenda-barra .agenda-visoes-barra a[aria-current]{box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #8a621f66,0 2px 6px -2px #b98835b3}

/* ── Prazos: grade da linha com largura mínima garantida (18/10). Em telas de ~1440px a coluna das etiquetas ficava com
   131px e "CALENDÁRIO · não conferido" (197px) invadia a coluna do responsável — defeito que já existe no sistema de hoje.
   Agora título, etiquetas e responsável têm mínimo próprio e os botões de ação passam a duas linhas quando falta espaço. */
@media(min-width:901px){
  .premium.v5 .pz{grid-template-columns:56px minmax(180px,1.5fr) minmax(200px,1fr) 132px minmax(280px,1.2fr)}
  .premium.v5 .pz-acoes{row-gap:6px}
}

/* ════════ camada 10 · acabamento ════════ */
/* ═══ ACABAMENTO · 18/10/2026 ═══ revisão do todo (medição de todas as peças + inspeção de perto em 1440px).
   Só lapidação: alturas, alinhamentos, cortes de texto e tons que destoavam. Nenhuma peça muda de lugar ou de uso.
   Carregada por último. Cada bloco cita o achado (A1…A9) da lista entregue ao Jefferson. */

/* A1 · Barras de filtro com a mesma altura em todas as telas (antes: 38px em Prazos, Agenda e Publicações; 42px em
   Audiências e Tarefas). Campo, seleção e botões da barra passam todos a 42px. */
.premium.v5 form.filtros:is(.com-botao,.tr-barra) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){height:42px;min-height:42px}
.premium.v5 form.filtros:is(.com-botao,.tr-barra) .btn{height:42px;min-height:42px;padding-left:18px;padding-right:18px}

/* A2 · Botões do topo da página com a mesma altura e o mesmo alinhamento (antes: secundário 38px ao lado do ouro 44px,
   desalinhados em 3px). No Meu Dia, quando ficam um sobre o outro, os dois ganham a mesma largura. */
.premium.v5 .cab-acoes{align-items:center}
.premium.v5 .cab-acoes>.btn,.premium.v5 .cab-acoes>a.btn{min-height:44px;height:44px;padding:0 20px;font-size:14px}
.premium.v5 .view[data-view="meu-dia"] .cab-acoes{display:grid;grid-auto-rows:44px;justify-items:stretch}
.premium.v5 .view[data-view="meu-dia"] .cab-acoes>.btn{justify-content:center}

/* A3 · Agenda: "Hoje" com a altura das setas (38px) e seletor Semana/Lista mais baixo e fino (antes 58px de altura,
   o dobro das setas). */
.premium.v5 .agenda-barra .btn.min{height:38px;min-height:38px;padding:0 16px;font-size:13px}
.premium.v5 .agenda-barra .agenda-visoes-barra{padding:3px;height:auto}
.premium.v5 .agenda-barra .agenda-visoes-barra a{min-height:0;height:32px;line-height:32px;padding:0 16px;border:0;box-shadow:none;background:none}
.premium.v5 .agenda-barra .agenda-visoes-barra a[aria-current]{background:var(--foil);box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #8a621f66,0 2px 6px -2px #b98835b3}

/* A4 · Publicações: o seletor "Todos os responsáveis" aparecia cortado ("Todos os responsáv…"); o número do processo
   quebrava no meio ("0000000-" / "00.2026…"); o ponto dourado de "não lida" ficava 2,5px acima da etiqueta. */
.premium.v5 .pub-filtros>label.f:has(select){flex:1 1 214px;min-width:214px}
.premium.v5 .pub-filtros select{width:100%}
.premium.v5 .pub-meta{grid-template-columns:minmax(max-content,1.3fr) minmax(0,1fr) minmax(0,1fr)}
.premium.v5 .pub-meta dd{white-space:nowrap;font-variant-numeric:tabular-nums}
.premium.v5 .pub-it.nova::before{top:23.5px}

/* A5 · Formulários internos: botão de salvar com a altura do campo ao lado (antes "Guardar filtro" esticava para 73px e
   o botão do formulário de providência ficava 38px ao lado de campos de 46px). */
.premium.v5 .es-form>button.btn{align-self:end;height:46px;min-height:46px}
.premium.v5 .pub-leitura form[action$="/fluxo"]:has(select) .btn{min-height:46px}

/* A6 · Mesma família de dourado para textos pequenos (contadores das abas, "4" dos lembretes, minicartões): o tom
   #8A621F convivia com o #7A5616 das etiquetas de seção. Fica um só: o ouro de texto do sistema. */
:root{--pm-tx:var(--ouro-tx)}

/* A7 · Títulos de grupo na mesma escala: grupos de Prazos 18px, cartões de Audiências 19px e painéis 20px passam a
   19/20 (grupo e cartão 19, painel 20). Cabeçalhos de tabela com o mesmo espaçamento de letras dos rótulos. */
.premium.v5 .fx-c h2{font-size:19px}
.premium.v5 :is(table.lista,.painel>table) th{letter-spacing:.12em}

/* A8 · Faixas de aviso com o canto da escala (12px), entre o do painel (14px) e o das peças internas (10px). */
.premium.v5 .faixa{border-radius:12px}

/* A9 · Números grandes com algarismos alinhados (cartões, filas, resumo, "q" dos grupos), para colunas de números
   não "dançarem" entre linhas. */
.premium.v5 :is(.ind b,.fila-item b,.nm b,.fx-c .q,.urg-n,.lista-resumo b,.guias-v5 a em,.kcol>header em){font-variant-numeric:lining-nums tabular-nums}

/* ═══ CADASTRO · 18/10/2026 ═══ Processos, Clientes, fichas e Atendimentos (itens C1…C8 da lista ao Jefferson). */

/* C1 · Busca de Processos e Clientes na mesma altura das demais (42px) e seletores inteiros ("Próximo vencimento" cortava). */
.premium.v5 .es-lista-toolbar :is(.cbusca,.btn){height:42px;min-height:42px}
.premium.v5 .es-lista-toolbar .ferr-f{flex:1 1 196px;min-width:196px}
.premium.v5 .es-lista-toolbar .ferr-f.ferr-qtd{flex:0 1 158px;min-width:158px}
.premium.v5 .es-lista-toolbar .cbusca{flex:2 1 340px;min-width:340px}
/* quando não cabe tudo numa linha (Processos abaixo de ~1420px), a busca ocupa a primeira linha inteira e os seletores
   com o botão ficam juntos na segunda, em vez de um item "sobrar" sozinho */
@media(max-width:1419px){.premium.v5 .es-lista-toolbar:has(>.ferr-f+.ferr-f+.ferr-f) .cbusca{flex:1 1 100%}}
.premium.v5 .es-lista-toolbar .ferr-f select{width:100%}

/* C2 · Números das tabelas (atos, publicações, processos) com algarismos de altura igual: na letra serifada eles saíam
   "baixinhos" (algarismos de texto), desalinhados dos números de data ao lado. */
.premium.v5 :is(td.nums,td.r,.nums){font-variant-numeric:lining-nums tabular-nums}

/* C3 · Observação de atendimento na ficha: deixa de parecer uma aba pendurada no cabeçalho; vira faixa própria, com
   cantos completos, distância do cabeçalho e o mesmo rótulo dourado das outras seções. O ícone vazio vira medalha "i". */
.premium.v5 .observacao-atendimento{margin:16px 0 18px;border:1px solid var(--pm-cL);border-radius:12px;align-items:center;
  background:linear-gradient(110deg,var(--pm-c1),var(--card) 70%);box-shadow:inset 0 1px 0 var(--pv-brilho),var(--pm-luz-p)}
.premium.v5 .observacao-atendimento>.ic{display:grid;place-items:center;width:30px;height:30px;margin:0;border-radius:50%;background:var(--foil);
  box-shadow:inset 0 1px 0 #fff8,0 3px 8px -4px #b98835aa}
.premium.v5 .observacao-atendimento>.ic:empty::before{content:"i";font:italic 700 15px/1 var(--serif);color:#3c2a06}
.premium.v5 .observacao-atendimento small{font-family:var(--ui);font-style:normal;letter-spacing:.14em;margin-bottom:2px}

/* C4 · "O que exige atenção" com o mesmo selo dourado dos demais títulos de seção (era um ícone solto, menor). */
.premium.v5 .atencao-cab>.ic{width:36px;height:36px;padding:8px;border-radius:11px;color:#3c2a06;background:var(--foil);border:1px solid #f6e0a4;
  box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #8a621f80}
.premium.v5 .atencao-cab h2{font-size:19px}

/* C5 · Ícones das linhas da ficha (casos, documentos) na pastilha marfim, como nas demais telas. */
.premium.v5 .painel .lin>.ic{width:34px;height:34px;padding:7px;border-radius:10px;flex:none;color:var(--pm-tx);
  background:color-mix(in srgb,var(--pm-c1) 85%,var(--card));border:1px solid color-mix(in srgb,var(--pm-cL) 70%,transparent);
  box-shadow:inset 0 1px 0 var(--pv-brilho)}

/* C6 · Contadores ao lado dos títulos da ficha ("Casos e processos 2") no dourado dos contadores das abas (eram cinza). */
.premium.v5 .tag.dossie-contador{color:var(--pm-tx);border-color:var(--pm-cL);background:linear-gradient(180deg,var(--pm-c1),var(--pm-c2));
  min-width:26px;justify-content:center;font-variant-numeric:lining-nums tabular-nums}

/* C7 · "Identificação" na ficha do cliente: o único painel com faixa azul-marinho no meio de painéis marfim (na ficha do
   processo, "Dados do processo" já é marfim). Passa ao padrão aprovado: marfim com selo dourado. */
.premium.v5 .painel.nobre.dossie-secao{border-color:color-mix(in srgb,var(--pm-cL) 75%,var(--linha));
  background:linear-gradient(180deg,color-mix(in srgb,var(--pm-c1) 92%,var(--card)) 0,var(--card) 92px);
  box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),var(--pm-luz)}
.premium.v5 .nobre.dossie-secao>.topo-n{background:none;border-bottom:1px solid var(--linha);box-shadow:none;padding:18px 22px 14px}
.premium.v5 .nobre.dossie-secao>.topo-n h2{color:var(--t1);font-size:20px}
.premium.v5 .nobre.dossie-secao>.topo-n>.ic{width:40px;height:40px;padding:9px;border-radius:12px;color:#3c2a06;background:var(--foil);border:1px solid #f6e0a4;
  box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #8a621f80}

/* C8 · Quadro de Atendimentos (5 colunas): títulos que quebram em duas linhas ficam com a mesma altura em todas as
   colunas, para os cartões começarem na mesma linha (antes desciam 23px nas colunas de título longo); o número fica
   alinhado à primeira linha. Etiquetas longas viram retângulo de cantos suaves em vez de "pílula" esticada. */
.premium.v5 .kan.k5 .kcol>header{align-items:flex-start;min-height:72px;line-height:1.25}
.premium.v5 .kan.k5 .kcol>header::before{margin-top:7px;flex:none}
.premium.v5 .kan.k5 .kcol>header em{margin-left:auto;margin-top:2px;flex:none}
.premium.v5 .tag{border-radius:12px}
.premium.v5 .kc .tag{white-space:normal;max-width:100%;height:auto;min-height:24px;padding-top:3px;padding-bottom:3px;line-height:1.3}

/* ═══ CÁLCULOS E FINANCEIRO · 18/10/2026 ═══ itens K1…K7 da lista ao Jefferson. */

/* K1 · Central de cálculos: em "Continuar de onde parou", o rótulo da modalidade com duas linhas empurrava o título do
   cartão para baixo; agora os três títulos começam na mesma linha. */
.premium.v5 .cal-cont>small:first-child{display:block;min-height:2.7em;line-height:1.35}

/* K2 · Títulos de seção com ícone solto ("Como chegamos ao valor", "Qual arquivo pedir ao cliente"…) ganham o mesmo
   selo dourado dos demais painéis. */
.premium.v5 .painel:not(.nobre)>.topo-n>.ic,.premium.v5 .cn .topo-n>.ic{width:36px;height:36px;padding:8px;border-radius:11px;flex:none;color:#3c2a06;
  background:var(--foil);border:1px solid #f6e0a4;box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #8a621f80}

/* K3 · Rescisão: os quatro totais ocupavam só 4/5 da largura (sobrava um vão à direita); agora preenchem a linha.
   "Força maior: conferir o aviso no título" deixa de ser uma caixinha apertada em duas linhas e ocupa a largura do grupo,
   como "Contrato por prazo". */
.premium.v5 .lq .cn-kpis.rs-kpis:has(.cn-kpi-valor){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.premium.v5 .lq .cn-kpis.rs-kpis:has(.cn-kpi-valor){grid-template-columns:repeat(2,minmax(0,1fr))}}
.premium.v5 .rs .lq-grupo>.rs-mais{grid-column:1/-1}

/* K4 · Financeiro: a barra "previsto" do gráfico era azul-clara, a única peça azul no meio do ouro; passa a marfim com
   contorno azul-marinho (o ouro continua sendo o "recebido"). Legenda igual. */
.premium.v5 .fin-g-prev{fill:var(--pm-c1);stroke:#0e3a57;stroke-opacity:.55}
.premium.v5 i.fin-q.fin-g-prev{background:var(--pm-c1);border-color:#0e3a578c}
:root[data-tema="escuro"] .premium.v5 .fin-g-prev{fill:#16293a;stroke:#e6c67f;stroke-opacity:.5}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .fin-g-prev{fill:#16293a;stroke:#e6c67f;stroke-opacity:.5}}
:root[data-tema="escuro"] .premium.v5 i.fin-q.fin-g-prev{background:#16293a;border-color:#e6c67f80}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 i.fin-q.fin-g-prev{background:#16293a;border-color:#e6c67f80}}

/* K5 · Financeiro: no cartão "Vencido em aberto", o filete vermelho saía como um ponto de 2px no canto (herdava a altura
   do fio dourado); agora é o filete inteiro à esquerda, como na tarefa atrasada. */
.premium.v5 .fin-nums .nm.fin-alerta::before{height:auto;right:auto;top:14px;bottom:14px}

/* K6 · Financeiro: abas "Honorários · Despesas e repasses · Prestação de contas" — a aba ativa aparecia como botão em
   relevo (efeito do refino dos botões); volta a ser aba com o sublinhado dourado, igual às abas das demais telas. */
.premium.v5 .financeiro-navegacao a.btn:is(.btn,.forte,.marinho),.premium.v5 .financeiro-navegacao a.btn:is(.btn,.forte,.marinho):hover{min-height:0;height:auto;border:0;border-radius:0;
  background:none;box-shadow:none;transform:none;color:var(--t2);font-weight:500;padding:11px 16px}
.premium.v5 .financeiro-navegacao a.btn:is(.btn,.forte,.marinho)[aria-current="page"]{color:var(--t1);font-weight:700}

/* K7 · Financeiro: "Alterar período e vínculos" e "Mais filtros" com borda e fundo marfim (eram cinza-azulado). */
.premium.v5 :is(.fin-alterar,.financeiro-filtros){border-color:var(--pm-cL)}
.premium.v5 :is(.fin-alterar,.financeiro-filtros)>summary{background:linear-gradient(180deg,var(--pm-c1),var(--pm-c2))}

/* ═══ CONTROLE · 18/10/2026 ═══ itens L1…L6 da lista ao Jefferson. */

/* L1 · Painéis de formulário com faixa azul-marinho isolada no meio de painéis marfim ("Incluir feriado ou suspensão",
   "Prévia ilustrativa do Meu Dia") seguem o padrão aprovado em C7: marfim com selo dourado. */
.premium.v5 .painel.nobre:has(>.topo-n){border-color:color-mix(in srgb,var(--pm-cL) 75%,var(--linha));
  background:linear-gradient(180deg,color-mix(in srgb,var(--pm-c1) 92%,var(--card)) 0,var(--card) 92px);
  box-shadow:inset 0 1px 0 var(--pv-brilho),inset 0 0 0 1px var(--pv-brilho2),var(--pm-luz)}
.premium.v5 .painel.nobre:has(>.topo-n)>.topo-n{background:none;border-bottom:1px solid var(--linha);box-shadow:none;padding:18px 22px 14px}
.premium.v5 .painel.nobre:has(>.topo-n)>.topo-n h2{color:var(--t1);font-size:20px}
.premium.v5 .painel.nobre:has(>.topo-n)>.topo-n>.ic{width:40px;height:40px;padding:9px;border-radius:12px;flex:none;color:#3c2a06;background:var(--foil);
  border:1px solid #f6e0a4;box-shadow:inset 0 1px 0 #fffa,inset 0 -1px 0 #8a621f59,0 3px 8px -5px #8a621f80}

/* L2 · Contadores no título dos painéis ("4 datas", "3 registros", "5 resultados") no dourado dos demais contadores. */
.premium.v5 .pc>.tag.n:is(.fe-total,.fb-total-lista),.premium.v5 .pc>.tag.n:last-child{color:var(--pm-tx);border-color:var(--pm-cL);
  background:linear-gradient(180deg,var(--pm-c1),var(--pm-c2));font-variant-numeric:lining-nums tabular-nums}

/* L3 · Feedback: "Quantidade" ocupava sozinha a linha inteira (900px para "50 por página"); passa à largura justa. */
.premium.v5 .fb-filtros>label.f:has(select[name=por_pagina]){flex:0 1 220px}

/* L4 · Segurança da conta: o aviso "Sua senha foi definida pelo administrador" encostava nas bordas do painel. */
.premium.v5 .painel>.sg-aviso{margin:0 22px 18px}

/* L5 · Guias rápidos: medalha dos "Guia ilustrado" no mesmo tamanho das medalhas dos cartões logo abaixo. */
.premium.v5 .gr-ilustrado>.medalha{width:48px;height:48px}
.premium.v5 .gr-ilustrado>.medalha .ic{width:24px;height:24px}

/* L6 · Preferências: "Arrastar · Subir · Descer" cabem na mesma linha (o "Descer" caía sozinho na linha de baixo). */
.premium.v5 .ampla-reordenar{gap:5px;flex-wrap:nowrap}
.premium.v5 .ampla-reordenar>.btn.min{padding:0 9px;font-size:12px}

/* L7 · Preferências: em telas de ~1280px o botão "Salvar preferências" saía 20–27px para fora da barra de baixo (defeito
   já existente). A barra passa a quebrar em duas linhas organizadas: o texto em cima, os três botões alinhados à direita. */
.premium.v5 .barra-f.pp-botoes{flex-wrap:wrap;justify-content:flex-end;row-gap:10px}
.premium.v5 .barra-f.pp-botoes>span:first-child{flex:1 1 260px}
@media(max-width:1599px){.premium.v5 .barra-f.pp-botoes>span:first-child{flex-basis:100%}}

/* (Entrada: o brasão nítido da R3 está no v5-20260920.css; o bloco repetido só para a prévia foi retirado.) */

/* ═══ BARRA DE ROLAGEM · R1 (18/10/2026, pedido do Jefferson: "tom feio, deixar com a cara do sistema") ═══
   Antes: dourado translúcido (#c7994680) sobre o fundo, que virava um tom oliva-acinzentado. Agora: "pílula" de ouro
   polido (o mesmo degradê dos botões dourados) sobre um trilho marfim no claro / marinho no escuro, com a ponta
   arredondada e um fio claro na borda. Ao passar o mouse, o ouro acende um pouco. O Chrome só usa esse desenho quando
   as propriedades padrão ficam em "auto"; o Firefox recebe as cores sólidas equivalentes. */
.premium.v5 :is(.conteudo,.menu,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea){scrollbar-width:auto;scrollbar-color:auto}
.premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar{width:11px;height:11px}
.premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-track{
  background:linear-gradient(90deg,#efe4cb 0,#f8f2e4 50%,#efe4cb 100%);border-radius:99px;box-shadow:inset 0 0 0 1px #e5d0a080}
.premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-thumb{
  border-radius:99px;border:2px solid transparent;
  background:linear-gradient(90deg,#b98835 0%,#f1d48f 45%,#d9b566 70%,#b98835 100%) padding-box;
  box-shadow:inset 0 0 0 1px #fff5d680}
.premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(90deg,#c79946 0%,#f7dfa0 45%,#e3bf72 70%,#c79946 100%) padding-box}
.premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-corner{background:transparent}
/* escuro: trilho marinho, ouro mais fosco para não gritar */
:root[data-tema="escuro"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-track{
  background:linear-gradient(90deg,#061826,#0b2233 50%,#061826);box-shadow:inset 0 0 0 1px #c7994626}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-track{
  background:linear-gradient(90deg,#061826,#0b2233 50%,#061826);box-shadow:inset 0 0 0 1px #c7994626}}
:root[data-tema="escuro"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#8a6a2e 0%,#c9a560 45%,#a8843f 70%,#8a6a2e 100%) padding-box;box-shadow:inset 0 0 0 1px #f7dfa033}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#8a6a2e 0%,#c9a560 45%,#a8843f 70%,#8a6a2e 100%) padding-box;box-shadow:inset 0 0 0 1px #f7dfa033}}
:root[data-tema="escuro"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(90deg,#a07a34 0%,#e3c47e 45%,#c79946 70%,#a07a34 100%) padding-box}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea)::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(90deg,#a07a34 0%,#e3c47e 45%,#c79946 70%,#a07a34 100%) padding-box}}
/* a rolagem da PÁGINA (a barra à direita da tela) — o Chrome a desenha pelo body: mesmo desenho, só no computador (no celular segue oculta) */
@media(min-width:901px){
  html{scrollbar-width:auto;scrollbar-color:auto}
  body.premium.v5::-webkit-scrollbar{width:12px}
  body.premium.v5::-webkit-scrollbar-track{background:linear-gradient(90deg,#efe4cb 0,#f8f2e4 50%,#efe4cb 100%);box-shadow:inset 1px 0 0 #e5d0a0}
  body.premium.v5::-webkit-scrollbar-thumb{border-radius:99px;border:2.5px solid transparent;
    background:linear-gradient(90deg,#b98835 0%,#f1d48f 45%,#d9b566 70%,#b98835 100%) padding-box;box-shadow:inset 0 0 0 1px #fff5d680}
  body.premium.v5::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#c79946 0%,#f7dfa0 45%,#e3bf72 70%,#c79946 100%) padding-box}
  :root[data-tema="escuro"] body.premium.v5::-webkit-scrollbar-track{background:linear-gradient(90deg,#061826,#0b2233 50%,#061826);box-shadow:inset 1px 0 0 #c7994626}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] body.premium.v5::-webkit-scrollbar-track{background:linear-gradient(90deg,#061826,#0b2233 50%,#061826);box-shadow:inset 1px 0 0 #c7994626}}
  :root[data-tema="escuro"] body.premium.v5::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8a6a2e 0%,#c9a560 45%,#a8843f 70%,#8a6a2e 100%) padding-box;box-shadow:inset 0 0 0 1px #f7dfa033}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] body.premium.v5::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#8a6a2e 0%,#c9a560 45%,#a8843f 70%,#8a6a2e 100%) padding-box;box-shadow:inset 0 0 0 1px #f7dfa033}}
  :root[data-tema="escuro"] body.premium.v5::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a07a34 0%,#e3c47e 45%,#c79946 70%,#a07a34 100%) padding-box}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] body.premium.v5::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a07a34 0%,#e3c47e 45%,#c79946 70%,#a07a34 100%) padding-box}}
}
/* menu lateral (sempre azul-marinho): barra fina, trilho marinho e ouro fosco, nos dois temas */
.premium.v5 .menu::-webkit-scrollbar{width:7px}
.premium.v5 .menu::-webkit-scrollbar-track{background:#04192999;border-radius:99px}
.premium.v5 .menu::-webkit-scrollbar-thumb{border-radius:99px;background:linear-gradient(90deg,#8a6a2e,#d4b06a 50%,#8a6a2e);box-shadow:inset 0 0 0 1px #f7dfa02e}
.premium.v5 .menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#a07a34,#ecd08f 50%,#a07a34)}
/* Firefox (não desenha degradê): cores sólidas equivalentes */
@supports not selector(::-webkit-scrollbar){
  .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea){scrollbar-width:thin;scrollbar-color:#c9a560 #f3ead8}
  :root[data-tema="escuro"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea){scrollbar-color:#a8843f #0b2233}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.conteudo,.painel,.tw,.cal-tabela-rolagem,.pub-l,.en-lateral,textarea){scrollbar-color:#a8843f #0b2233}}
  .premium.v5 .menu{scrollbar-width:thin;scrollbar-color:#a8843f #041929}}

/* ════════ camada 11 · faixa-cartao ════════ */
/* ═══ FAIXA DO PRÓXIMO COMPROMISSO NO ESTILO DOS CARTÕES (estudo, 18/10/2026) ═══
   Pedido do Jefferson: o nº 26 (faixa azul-marinho) no mesmo estilo dos cartões de indicador (nº 27), com a setinha
   redonda (nº 28) no lugar do botão "Ver compromisso". Cor: dourado/âmbar dos cartões (o azul-claro já é "Vencem hoje").
   No escuro usa as cores "Joias" automaticamente (mesmas variáveis dos cartões). */
.premium.v5 .dia-urgencia>.faixa-proximo{--c:var(--amb);--c1:var(--amb1);--c2:var(--amb2);--cL:var(--ambL);
  position:relative;overflow:hidden;border:1px solid var(--cL);border-radius:14px;
  background:linear-gradient(135deg,var(--c1),var(--c2));
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 12px 26px -22px #0b223347}
:root[data-tema="escuro"] .premium.v5 .dia-urgencia>.faixa-proximo{box-shadow:inset 0 1px 0 #ffffff17,0 12px 24px -20px #000c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .dia-urgencia>.faixa-proximo{box-shadow:inset 0 1px 0 #ffffff17,0 12px 24px -20px #000c}}
/* sai o fio dourado do topo (os cartões não têm); entra o brilho redondo no canto, igual aos cartões */
.premium.v5 .dia-urgencia>.faixa-proximo::before{display:none}
.premium.v5 .dia-urgencia>.faixa-proximo::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(#ffffff99,transparent 70%);opacity:.55;pointer-events:none}
:root[data-tema="escuro"] .premium.v5 .dia-urgencia>.faixa-proximo::after{background:radial-gradient(color-mix(in srgb,#c79946 55%,transparent),transparent 70%);opacity:.22}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .dia-urgencia>.faixa-proximo::after{background:radial-gradient(color-mix(in srgb,#c79946 55%,transparent),transparent 70%);opacity:.22}}
.premium.v5 .faixa-proximo .foco{position:relative;z-index:1;background:none}
/* hora grande na cor do cartão, como o número dos indicadores */
.premium.v5 .faixa-proximo .fp-hora{border-right-color:var(--cL)}
.premium.v5 .faixa-proximo .fp-dia{color:var(--c)}
.premium.v5 .faixa-proximo .hora{background:none;-webkit-text-fill-color:currentColor;color:var(--c)}
.premium.v5 .faixa-proximo .fp-rotulo{color:var(--c)}
.premium.v5 .faixa-proximo .fp-titulo{color:var(--t1)}
.premium.v5 .faixa-proximo .fp-contexto,.premium.v5 .faixa-proximo .fp-depois{color:var(--t2)}
/* contagem ("faltam 30 min") como etiqueta clara do cartão */
.premium.v5 .faixa-proximo .fp-conta{color:var(--c);background:color-mix(in srgb,#fff 70%,transparent);box-shadow:inset 0 0 0 1px var(--cL)}
:root[data-tema="escuro"] .premium.v5 .faixa-proximo .fp-conta{background:#ffffff12}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .faixa-proximo .fp-conta{background:#ffffff12}}
.premium.v5 .faixa-proximo[data-estado=passou] .fp-conta,.premium.v5 .faixa-proximo[data-estado=encerrada] .fp-conta{color:var(--t2);background:#ffffff80;box-shadow:inset 0 0 0 1px var(--cL)}
/* "Ver compromisso" vira a setinha redonda dos cartões (o texto continua lá para leitor de tela) */
.premium.v5 .faixa-proximo .fp-ver,.premium.v5 .faixa-proximo .fp-ver:hover{flex:none;position:relative;display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;
  border-radius:50%;font-size:0;color:var(--c);background:color-mix(in srgb,#fff 55%,transparent);border:1px solid var(--cL);box-shadow:none;transform:none}
:root[data-tema="escuro"] .premium.v5 .faixa-proximo .fp-ver{background:#ffffff0d}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .faixa-proximo .fp-ver{background:#ffffff0d}}
.premium.v5 .faixa-proximo .fp-ver::before{content:"";width:15px;height:15px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.premium.v5 .faixa-proximo .fp-ver:hover{border-color:var(--c);transform:translateX(2px)}
.premium.v5 .faixa-proximo .fp-ver:focus-visible{outline:2px solid #c79946;outline-offset:2px}
:root[data-tema="escuro"] .premium.v5 .faixa-proximo[data-estado=passou] .fp-conta,:root[data-tema="escuro"] .premium.v5 .faixa-proximo[data-estado=encerrada] .fp-conta{background:#ffffff12;color:var(--t2)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .faixa-proximo[data-estado=passou] .fp-conta,:root[data-tema="sistema"] .premium.v5 .faixa-proximo[data-estado=encerrada] .fp-conta{background:#ffffff12;color:var(--t2)}}

/* ════════ camada 12 · tudo-cartao ════════ */
/* ═══ ESTUDO "TUDO EM CARTÃO ÂMBAR" (18/10/2026) ═══ carregado depois de faixa-cartao.css.
   O acabamento dos cartões de indicador (degradê, borda na cor, brilho no canto, luz suave) levado a todos os blocos do
   Meu Dia, numa cor só (âmbar/dourado), para não repetir o "colorido forçado" recusado em 17/10. */
.premium.v5 .quadro-colunas .painel:not(.nobre){--c:var(--amb);--c1:var(--amb1);--c2:var(--amb2);--cL:var(--ambL);
  position:relative;overflow:hidden;border-color:var(--cL);
  background:linear-gradient(160deg,var(--c1) 0%,color-mix(in srgb,var(--c2) 55%,var(--c1)) 100%);
  box-shadow:inset 0 1px 0 var(--pv-brilho),0 12px 26px -22px #0b223347}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .painel:not(.nobre){box-shadow:inset 0 1px 0 #ffffff17,0 12px 24px -20px #000c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .quadro-colunas .painel:not(.nobre){box-shadow:inset 0 1px 0 #ffffff17,0 12px 24px -20px #000c}}
.premium.v5 .quadro-colunas .painel:not(.nobre)::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(#ffffff99,transparent 70%);opacity:.5;pointer-events:none;z-index:0}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .painel:not(.nobre)::after{background:radial-gradient(color-mix(in srgb,#c79946 55%,transparent),transparent 70%);opacity:.18}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .quadro-colunas .painel:not(.nobre)::after{background:radial-gradient(color-mix(in srgb,#c79946 55%,transparent),transparent 70%);opacity:.18}}
.premium.v5 .quadro-colunas .painel:not(.nobre)>*{position:relative;z-index:1}
/* sem o fio dourado do topo, como os cartões */
.premium.v5 .quadro-colunas .painel:not(.nobre)::before{display:none}
/* separadores e textos na família do cartão */
.premium.v5 .quadro-colunas .painel .pc{border-bottom-color:var(--cL)}
.premium.v5 .quadro-colunas .painel .lin{border-top-color:color-mix(in srgb,var(--cL) 80%,transparent)}
.premium.v5 .quadro-colunas .painel .lin:hover{background:color-mix(in srgb,#fff 35%,transparent)}
.premium.v5 .quadro-colunas .painel .lin>.ic{background:color-mix(in srgb,#fff 60%,transparent);border-color:var(--cL);color:var(--c)}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .painel .lin>.ic{background:#ffffff0d}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .quadro-colunas .painel .lin>.ic{background:#ffffff0d}}
/* minicartões das filas e mural ficam um tom mais claros, para continuarem se destacando dentro do bloco âmbar */
.premium.v5 .quadro-colunas .fila-item{background:color-mix(in srgb,#fff 55%,var(--c1))}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .fila-item{background:#ffffff0a}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .quadro-colunas .fila-item{background:#ffffff0a}}
.premium.v5 .quadro-colunas .mural{background:color-mix(in srgb,#fff 50%,transparent);border-color:var(--cL)}
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .mural{background:#ffffff08}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .quadro-colunas .mural{background:#ffffff08}}

/* ════════ camada 13 · suave ════════ */
/* ═══ SUAVE (estudo, 18/10/2026) ═══ carregado depois de tudo-cartao.css.
   1) Tema claro: o âmbar dos blocos e da faixa fica bem mais claro e delicado (marfim com toque dourado).
   2) Tema escuro: hover das linhas suave (ver bloco 3). */

/* 1 · claro */
:root:not([data-tema="escuro"]) .premium.v5 :is(.dia-urgencia>.faixa-proximo,.quadro-colunas .painel:not(.nobre)){
  --c1:color-mix(in srgb,var(--amb1) 40%,#fffdf8);--c2:color-mix(in srgb,var(--amb2) 38%,#fffaf0);--cL:color-mix(in srgb,var(--ambL) 60%,#fffaf0)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.dia-urgencia>.faixa-proximo,.quadro-colunas .painel:not(.nobre)){
  --c1:var(--amb1);--c2:var(--amb2);--cL:var(--ambL)}}
:root:not([data-tema="escuro"]) .premium.v5 :is(.dia-urgencia>.faixa-proximo,.quadro-colunas .painel:not(.nobre))::after{opacity:.35}

/* 2 · (18/10) a mudança no item ativo do menu foi DESFEITA: o pedido era sobre o hover das linhas; o menu volta ao
   dourado aprovado. Cópia da tentativa em historico/suave-v1.css. */

/* 3 · hover das linhas (nº 35), v3: no escuro a linha ESCURECE de leve (em vez de clarear), com filete dourado fino à
   esquerda. No claro continua a leve clareada aprovada. */
:root[data-tema="escuro"] .premium.v5 .quadro-colunas .painel .lin:hover{background:linear-gradient(90deg,#0000002e,#0000001a 70%,#00000010);
  box-shadow:inset 2px 0 0 #c799468c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .quadro-colunas .painel .lin:hover{
  background:linear-gradient(90deg,#0000002e,#0000001a 70%,#00000010);box-shadow:inset 2px 0 0 #c799468c}}
.premium.v5 .quadro-colunas .painel .lin{transition:background .18s,box-shadow .18s}

/* 4 · faixa do próximo compromisso (nº 26) no escuro: mais escura, no tom dos painéis, e brilho do canto bem discreto */
:root[data-tema="escuro"] .premium.v5 .dia-urgencia>.faixa-proximo{
  background:linear-gradient(135deg,color-mix(in oklab,#10273a 90%,#c79946),color-mix(in oklab,#0b1f30 95%,#c79946))}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .dia-urgencia>.faixa-proximo{
  background:linear-gradient(135deg,color-mix(in oklab,#10273a 90%,#c79946),color-mix(in oklab,#0b1f30 95%,#c79946))}}
:root[data-tema="escuro"] .premium.v5 .dia-urgencia>.faixa-proximo::after{opacity:.12}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .dia-urgencia>.faixa-proximo::after{opacity:.12}}

/* 5 · setinha da bolinha (nº 28 na faixa): a seta ficava fora do centro porque o texto escondido ocupava espaço;
   agora a seta é desenhada sobre o centro exato da bolinha */
.premium.v5 .faixa-proximo .fp-ver::before{position:absolute;left:50%;top:50%;margin:-7.5px 0 0 -7.5px}

/* 6 · texto selecionado com o mouse no escuro: dourado translúcido em vez de amarelo cheio */
:root[data-tema="escuro"] ::selection{background:#c7994647;color:inherit}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] ::selection{background:#c7994647;color:inherit}}

/* ════════ camada 14 · cartao-sistema ════════ */
/* ═══ CARTÃO ÂMBAR NO SISTEMA INTEIRO (prévia, 18/10/2026) ═══ carregado depois de suave.css.
   Pedido do Jefferson: levar o "tudo em cartão âmbar" com os ajustes suaves (aprovado no Meu Dia) a todas as telas,
   no lugar do acabamento marfim dos blocos. O Meu Dia continua com tudo-cartao.css + suave.css, sem mudança.
   - Usa variáveis próprias (--ca*), para não apagar a cor por significado de quem usa --c/--c1 (grupos de Prazos etc.).
   - O brilho do canto é desenhado no próprio fundo (sem ::after nem overflow:hidden), para não cortar listas, menus e
     contornos de foco dentro dos blocos.
   - Fica de fora: ficha marinho (.heroi), cartões de indicador, avisos, etiquetas, botões, campos e o item ativo do menu. */

:root{--ca:var(--amb);--ca1:color-mix(in srgb,var(--amb1) 40%,#fffdf8);--ca2:color-mix(in srgb,var(--amb2) 38%,#fffaf0);
  --caL:color-mix(in srgb,var(--ambL) 60%,#fffaf0);--ca-brilho:#ffffff36;--ca-luz:0 12px 26px -22px #0b223347;
  --ca-claro:color-mix(in srgb,#fff 45%,transparent)}
/* escuro: o mesmo marinho dos blocos do Meu Dia aprovado (medido: #16293a → #13222f, borda #5d4c22) */
:root[data-tema="escuro"]{--ca1:#16293a;--ca2:#13222f;--caL:#5d4c22;--ca-brilho:#c799461a;--ca-luz:0 12px 24px -20px #000c;
  --ca-claro:#ffffff0a}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"]{--ca1:#16293a;--ca2:#13222f;--caL:#5d4c22;--ca-brilho:#c799461a;
  --ca-luz:0 12px 24px -20px #000c;--ca-claro:#ffffff0a}}

/* ── 1 · o bloco vira cartão âmbar ─────────────────────────────────────────────────────────────────────────────── */
.premium.v5 :is(.painel:not(.nobre),.painel.nobre:not(.faixa-proximo)):not(.quadro-colunas .painel){
  border-color:var(--caL);
  background:radial-gradient(circle 130px at calc(100% - 70px) 50px,var(--ca-brilho),transparent 70%) no-repeat,
    linear-gradient(160deg,var(--ca1) 0%,color-mix(in srgb,var(--ca2) 55%,var(--ca1)) 100%);
  box-shadow:inset 0 1px 0 var(--pv-brilho),var(--ca-luz)}
:root[data-tema="escuro"] .premium.v5 :is(.painel:not(.nobre),.painel.nobre:not(.faixa-proximo)):not(.quadro-colunas .painel){
  box-shadow:inset 0 1px 0 #ffffff17,var(--ca-luz)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :is(.painel:not(.nobre),.painel.nobre:not(.faixa-proximo)):not(.quadro-colunas .painel){
  box-shadow:inset 0 1px 0 #ffffff17,var(--ca-luz)}}
/* sem o fio dourado do topo, como os cartões */
.premium.v5 :is(.painel:not(.nobre),.painel.nobre:not(.faixa-proximo))::before{display:none}

/* ── 2 · por dentro do bloco: separadores, linhas, ícones e faixas internas na família do cartão ─────────────────── */
:root{--ca-in:color-mix(in srgb,#fff 60%,var(--ca1));--ca-sum:transparent}
:root[data-tema="escuro"]{--ca-in:var(--card);--ca-sum:var(--card2)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"]{--ca-in:var(--card);--ca-sum:var(--card2)}}
.premium.v5 .painel:not(.quadro-colunas .painel) :is(.pc,.topo-n){border-bottom-color:var(--caL)}
.premium.v5 .painel:not(.quadro-colunas .painel) .lin{border-top-color:color-mix(in srgb,var(--caL) 80%,transparent);transition:background .18s,box-shadow .18s}
.premium.v5 .painel:not(.quadro-colunas .painel) .lin>.ic{background:color-mix(in srgb,#fff 60%,transparent);border-color:var(--caL);color:var(--ca)}
/* cabeçalho dos grupos de Prazos: mantém a cor de cada grupo e se dissolve no cartão (antes terminava em branco) */
.premium.v5 .fx-c{background:linear-gradient(100deg,var(--c1),transparent 70%)}
/* rodapés de botões e caixas recolhíveis (Financeiro): sem faixa branca/cinza solta no meio do âmbar */
.premium.v5 .painel .barra-f{background:linear-gradient(180deg,transparent,var(--ca-claro));border-top-color:var(--caL)}
.premium.v5 .painel :is(.fin-alterar,.financeiro-filtros),.premium.v5 .painel.es-card details{background:var(--ca-in);border-color:var(--caL)}
.premium.v5 .painel :is(.fin-alterar,.financeiro-filtros)>summary,.premium.v5 .painel.es-card details>summary{background:var(--ca-sum)}
.premium.v5 .pub-it.on{background:linear-gradient(90deg,var(--amb1),transparent)}
.premium.v5 .cn-calc-total{background:linear-gradient(180deg,var(--amb1),transparent 95%)}
.premium.v5 .painel :is(.sd-pre,.pub-meta){background:var(--ca-in);border-color:var(--caL)}

/* ── 3 · passar o mouse nas linhas (como o nº 35 do Meu Dia): no claro clareia de leve; no escuro ESCURECE de leve com
   filete dourado fino à esquerda (nada de faixa clara "gritante") ─────────────────────────────────────────────────── */
.premium.v5 .painel:not(.quadro-colunas .painel) .lin:hover,.premium.v5 .painel table.lista tbody tr:hover>td{background:color-mix(in srgb,#fff 35%,transparent)}
:root[data-tema="escuro"] .premium.v5 .painel:not(.quadro-colunas .painel) .lin:hover{background:linear-gradient(90deg,#0000002e,#0000001a 70%,#00000010);box-shadow:inset 2px 0 0 #c799468c}
:root[data-tema="escuro"] .premium.v5 .painel table.lista tbody tr:hover>td{background:#0000001f}
:root[data-tema="escuro"] .premium.v5 .painel table.lista tbody tr:hover>td:first-child{box-shadow:inset 2px 0 0 #c799468c}
@media(prefers-color-scheme:dark){
  :root[data-tema="sistema"] .premium.v5 .painel:not(.quadro-colunas .painel) .lin:hover{background:linear-gradient(90deg,#0000002e,#0000001a 70%,#00000010);box-shadow:inset 2px 0 0 #c799468c}
  :root[data-tema="sistema"] .premium.v5 .painel table.lista tbody tr:hover>td{background:#0000001f}
  :root[data-tema="sistema"] .premium.v5 .painel table.lista tbody tr:hover>td:first-child{box-shadow:inset 2px 0 0 #c799468c}}
:root[data-tema="escuro"] .premium.v5 .painel:not(.quadro-colunas .painel) .lin>.ic{background:#ffffff0d}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .painel:not(.quadro-colunas .painel) .lin>.ic{background:#ffffff0d}}
.premium.v5 .painel table.lista tbody tr>td{transition:background .18s,box-shadow .18s}

/* ── 4 · blocos que não usam a classe .painel, mas são blocos da tela: "O que exige atenção" das fichas, seções dos
   cálculos e da memória, conta da rescisão, filtro do Financeiro, colunas de Tarefas e cartões de escolha
   (calculadoras, guias, "Continuar de onde parou", Proteção dos dados). O cartão em destaque (.pcp-destaque) mantém o
   próprio degradê âmbar, para continuar se destacando. ─────────────────────────────────────────────────────────── */
/* :where() deixa a regra com prioridade baixa, para os efeitos de passar o mouse de cada peça continuarem valendo */
.premium.v5 :where(.atencao,.cal-painel:not(.cal-inicio-painel):not(:is(.cal-painel,fieldset) .cal-painel),.cal-memoria-secao,.pct-conta,.kcol,.tipo:not(.pcp-destaque),.cal-cont,.cn-rec,.arq,.sd-item),.premium.v5 .kcol.kcol,.premium.v5 #financeiro-selecao{
  border-color:var(--caL);
  background:radial-gradient(circle 130px at calc(100% - 70px) 50px,var(--ca-brilho),transparent 70%) no-repeat,
    linear-gradient(160deg,var(--ca1) 0%,color-mix(in srgb,var(--ca2) 55%,var(--ca1)) 100%);
  box-shadow:inset 0 1px 0 var(--pv-brilho),var(--ca-luz)}
:root[data-tema="escuro"] .premium.v5 :where(.atencao,.cal-painel:not(.cal-inicio-painel):not(:is(.cal-painel,fieldset) .cal-painel),.cal-memoria-secao,.pct-conta,.kcol,.tipo:not(.pcp-destaque),.cal-cont,.cn-rec,.arq,.sd-item),:root[data-tema="escuro"] .premium.v5 .kcol.kcol,:root[data-tema="escuro"] .premium.v5 #financeiro-selecao{
  box-shadow:inset 0 1px 0 #ffffff17,var(--ca-luz)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 :where(.atencao,.cal-painel:not(.cal-inicio-painel):not(:is(.cal-painel,fieldset) .cal-painel),.cal-memoria-secao,.pct-conta,.kcol,.tipo:not(.pcp-destaque),.cal-cont,.cn-rec,.arq,.sd-item),:root[data-tema="sistema"] .premium.v5 .kcol.kcol,:root[data-tema="sistema"] .premium.v5 #financeiro-selecao{
  box-shadow:inset 0 1px 0 #ffffff17,var(--ca-luz)}}
.premium.v5 :is(.cal-painel,.cal-memoria-secao,.kcol,.tipo:not(.pcp-destaque),.cal-cont,.cn-rec,.arq)::before{display:none}
/* seção de cálculo dentro de outra: um tom mais claro, sem repetir o brilho */
.premium.v5 :is(.cal-painel,fieldset) .cal-painel{background:var(--ca-in);border-color:var(--caL)}
/* itens dentro do bloco continuam um tom mais claro, como os minicartões do Meu Dia */
.premium.v5 .atencao .atencao-item{background:var(--ca-in);border-color:var(--caL)}
/* passar o mouse e arrastar: os mesmos efeitos de antes */
.premium.v5 .tipo:not(.pcp-destaque):hover{border-color:#c79946}
.premium.v5 .cal-central article.tipo:not(.pcp-destaque):not(:has(a.vai)):hover{border-color:var(--caL)}
.premium.v5 :is(.cal-cont,.cn-rec,.gr-ilustrado,.atencao .atencao-item):hover{border-color:var(--ouro-ln)}
.premium.v5 :is(.cn-rec,.arq):hover{border-color:#c79946}
.premium.v5.v5 :is(:is(.cols,.pilha)>.painel,a.painel).painel:not(.quadro-colunas .painel):hover{border-color:var(--ouro-ln)}
/* cartão em destaque (ex.: Análise do CNIS, Rescisão): o mesmo aro e fio de ouro, mas o degradê termina no âmbar do
   cartão em vez do branco, para não parecer "menos" que os vizinhos */
.premium.v5 .pcp-destaque{background:radial-gradient(circle 130px at calc(100% - 70px) 50px,var(--ca-brilho),transparent 70%) no-repeat,
  linear-gradient(180deg,var(--ouro-fraco),var(--ca1) 60%,color-mix(in srgb,var(--ca2) 55%,var(--ca1)))}
.premium.v5 .kcol.kcol.alvo{border-color:#c79946;box-shadow:0 0 0 3px #c7994633;background:var(--ouro-fraco)}

/* ── 5 · impressão (memória de cálculo, relatórios): papel branco, sem degradê nem brilho ─────────────────────────── */
@media print{.premium.v5 :is(.painel,.atencao,.cal-painel,.cal-memoria-secao,.pct-conta,.kcol,.tipo,.cal-cont,.cn-rec,.arq,.sd-item){background:#fff!important;box-shadow:none!important}}

/* ── 6 · CA1 · defeito que JÁ EXISTE no sistema de hoje (achado na revisão de perto do celular): nas linhas com botões à
   direita ("Parcelas vencidas" do Financeiro, lembretes da Agenda, sessões da Segurança da conta, "Próximos atos" do catálogo), abaixo de 900 px a coluna
   do texto encolhia quase a zero e o título ficava uma palavra por linha. Agora, como já acontece em "Próximas ações" do
   Meu Dia, etiquetas, valor e botões descem para a linha de baixo, alinhados ao texto. ────────────────────────────── */
@media(max-width:900px){
  .premium.v5 .lin:is(:has(>.lin-fim),:has(>form:nth-child(3):last-child)):not(.quadro-colunas .lin){grid-template-columns:auto minmax(0,1fr)}
  .premium.v5 .lin:not(.quadro-colunas .lin)>:is(.lin-fim,form:nth-child(3):last-child){grid-column:2;justify-content:flex-start}}

/* ── 7 · CA2 · defeito que JÁ EXISTE no sistema de hoje: na ficha do processo, bloco "Publicações", o quadradinho de data
   (56 px) ficava numa coluna de 30 px (a do ícone) e cobria o começo do título: 4 px no computador, 14 px no celular.
   A primeira coluna passa a ter a largura do próprio quadradinho. ─────────────────────────────────────────────────── */
.premium.v5 .lin:has(>.dia-b:first-child):not(.quadro-colunas .lin){grid-template-columns:auto minmax(0,1fr) auto}

/* ════════ camada 15 · vistoria ════════ */
/* ═══ VISTORIA (18/10/2026, depois do aceite do cartão âmbar) ═══ carregado por ÚLTIMO em todas as páginas da prévia,
   inclusive o Meu Dia. Só correções de defeitos que já existem no sistema de hoje (CA3–CA11). */

/* CA3 · No celular, quatro faixas deslizavam para o lado sem nenhum sinal e pareciam cortadas: a barra "Criar" (todas as
   telas), os resumos de Processos/Clientes, as abas das fichas/Publicações/Tarefas e as pastas de Documentos. Agora tudo
   fica visível: "Criar" em grade 2 × 2 (Personalizar e Guia na mesma linha), resumos em 2 colunas, abas e pastas
   quebrando linha. As tabelas largas (cenário, memória) continuam deslizando, como é normal em tabela. */
@media(max-width:900px){
  .premium.v5 .ampla-barra{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;overflow:visible;white-space:normal}
  .premium.v5 .ampla-barra>.ampla-favoritos{display:contents}
  .premium.v5 .ampla-favoritos>span{grid-column:1/-1}
  .premium.v5 .ampla-acao{justify-content:center}
  .premium.v5 .ampla-personalizar{justify-self:start}
  .premium.v5 .ampla-ajuda{justify-self:end}
  .premium.v5 .lista-resumo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0 0 14px;padding:0}
  .premium.v5 .lista-resumo a{flex:initial;min-width:0}
  .premium.v5 .guias-v5{flex-wrap:wrap;overflow:visible}
  .premium.v5 .pastas{flex-wrap:wrap;overflow:visible}}

/* CA4 · No celular, o campo de busca (Processos, Clientes, Buscar, Financeiro) tinha largura mínima de 340 px e passava
   16–20 px da margem do bloco, ficando desalinhado dos campos de baixo. */
@media(max-width:900px){.premium.v5 .cbusca,.premium.v5 .es-lista-toolbar .cbusca{min-width:0;flex-basis:100%}}

/* CA5 · Atendimentos (quadro), em telas de ~1280 px: as 5 colunas ficam estreitas e o contador do título ("2") encostava
   na borda da coluna. Título um pouco menor e margens internas ajustadas só nessa faixa de largura. */
@media(min-width:901px) and (max-width:1340px){
  .premium.v5 .kan.k5 .kcol>header{padding:14px 12px 12px 14px;gap:8px;font-size:16px}}

/* CA6 · Texto de exemplo longo dentro do campo ("Buscar por cliente, processo ou modelo") era cortado no meio da letra no
   celular; agora termina em reticências. */
.premium.v5 :is(input,textarea){text-overflow:ellipsis}

/* CA7 · Ficha do processo, "Publicações", no celular: com o quadradinho de data à esquerda e a etiqueta longa
   ("Providência definida") à direita, o título ficava com menos de 100 px. A etiqueta desce para baixo do título. */
@media(max-width:900px){
  .premium.v5 .lin:has(>.dia-b:first-child):not(.quadro-colunas .lin){grid-template-columns:auto minmax(0,1fr)}
  .premium.v5 .lin:has(>.dia-b:first-child):not(.quadro-colunas .lin)>:nth-child(3){grid-column:2;justify-self:start}
  .premium.v5 .lin:has(>.dia-b:first-child):not(.quadro-colunas .lin)>.dia-b{grid-row:1/3}}

/* CA8 · Agenda no celular (semana em lista): o estilo de hoje escrevia a palavra FIXA " set" depois do número de TODOS
   os dias (em outubro aparecia "12 set", "13 set"…). Dentro do círculo de 28 px do dia, esse "set" quebrava para baixo
   e, no dia de hoje, o círculo dourado ficava por cima do primeiro compromisso. Agora: número no círculo e, ao lado, o
   dia por extenso com a data certa ("SÁBADO, 17/10/2026", vindo do rótulo que a tela já tem). */
@media(max-width:900px){
  .premium.v5 .cal.semana .cel{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center}
  .premium.v5 .cal.semana .cel>b::after{content:none}
  .premium.v5 .cal.semana .cel::before{content:attr(aria-label);order:1;font:600 11px/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
  .premium.v5 .cal.semana .cel.hoje::before{color:var(--ouro-tx)}
  .premium.v5 .cal.semana .cel>:not(b){order:2;grid-column:1/-1}}

/* CA9 · Processos e Clientes no celular: cada linha vira um cartão, mas as peças se encaixavam pelo tamanho do texto —
   a data ora ficava à direita do telefone/contagem, ora embaixo, e o fundo alternado aparecia em "manchas" atrás de cada
   pedaço. Agora todas as linhas têm o mesmo desenho: 1ª linha processo/cliente; 2ª cliente/telefone; 3ª atos e
   publicações (Processos); por último a data com as etiquetas, na mesma linha (a setinha sobe para a altura do
   nome, liberando a largura toda). Fundo e passar o mouse na linha inteira. */
@media(max-width:900px){
  .premium.v5 table.lista.es-registros tr{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);column-gap:12px;row-gap:6px;padding-right:16px}
  .premium.v5 table.lista.es-registros td:first-child{grid-column:1/-1;padding-right:30px}
  .premium.v5 table.lista.es-registros td.vai{top:18px;transform:none}
  .premium.v5 table.lista.es-registros td:nth-child(2){grid-column:1/-1}
  .premium.v5 table.lista.es-registros td.es-registro-prazo{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  .premium.v5 table.lista.es-registros td.es-registro-prazo .prox-data{display:inline;margin:0 4px 0 0}
  .premium.v5 .painel table.lista.es-registros tbody tr>td,.premium.v5 .painel table.lista.es-registros tbody tr:hover>td{background:none;box-shadow:none}
  .premium.v5 table.lista.es-registros tbody tr{transition:background .18s,box-shadow .18s}
  .premium.v5 table.lista.es-registros tbody tr:hover{background:color-mix(in srgb,#fff 35%,transparent)}
  :root[data-tema="escuro"] .premium.v5 table.lista.es-registros tbody tr:hover{background:#0000001f;box-shadow:inset 2px 0 0 #c799468c}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 table.lista.es-registros tbody tr:hover{background:#0000001f;box-shadow:inset 2px 0 0 #c799468c}}}

/* CA10 · Rodapé "PLANEJAMENTO | ESTRATÉGIA | RESULTADOS | CONFIANÇA" no celular: "CONFIANÇA" sobrava sozinha na
   segunda linha. As duas linhas ficam equilibradas. */
@media(max-width:600px){.premium.v5 .fecho p{text-wrap:balance;letter-spacing:3px;line-height:1.9}}

/* ═══ CA11 · REVISÃO DE PERTO NO CELULAR (todas as telas, claro e escuro), depois dos achados do Jefferson. Todos são
   defeitos que já existem no sistema de hoje; nada muda de lugar nem de uso. ═══ */
@media(max-width:900px){
  /* a · Prazos: título do grupo numa linha só; "2 nesta página · 2 na seleção" vai para baixo do título */
  .premium.v5 .fx-c{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center}
  .premium.v5 .fx-c>.ic{grid-row:1/3}
  .premium.v5 .fx-c>h2{grid-column:2;grid-row:1}
  .premium.v5 .fx-c>.fx-n{grid-column:2;grid-row:2;margin:0}
  .premium.v5 .fx-c>.q{grid-column:3;grid-row:1/3;margin:0}
  /* "Por onde começar" e títulos de seção com texto ao lado: o texto pequeno desce para baixo do título */
  .premium.v5 h2.sec:has(>small){flex-wrap:wrap;row-gap:4px}
  .premium.v5 h2.sec>small{order:3;flex:1 1 100%;margin:0}
  /* b · Prazos: botões do prazo ocupam a largura do cartão em duas linhas iguais (antes, três tamanhos empilhados) */
  .premium.v5 .pz>.pz-acoes{grid-column:1/-1}
  .premium.v5 .pz-acoes{display:flex;flex-wrap:wrap;gap:8px}
  .premium.v5 .pz-acoes>.btn,.premium.v5 .pz-acoes>details.prazo-concluir{flex:1 1 auto}
  .premium.v5 .pz-acoes>.btn,.premium.v5 .pz-acoes>details.prazo-concluir>summary{justify-content:center;text-align:center}
  .premium.v5 .pz-acoes>details.prazo-concluir>summary{display:flex;width:100%;box-sizing:border-box}
  .premium.v5 .pz-acoes>details.prazo-concluir[open]{flex-basis:100%}
  /* c · Audiências, Feriados e linhas com data: o quadradinho de data alinha no topo, junto do título */
  .premium.v5 :is(.aud,.lin:has(>.dia-b:first-child)){align-items:start}
  /* d · Linhas com etiqueta à direita (fichas, Segurança): a etiqueta desce para baixo do texto */
  .premium.v5 .lin:has(>.tag:last-child:nth-child(n+3)):not(.quadro-colunas .lin){grid-template-columns:auto minmax(0,1fr)}
  .premium.v5 .lin:not(.quadro-colunas .lin)>.tag:last-child:nth-child(n+3){grid-column:2;justify-self:start}
  /* e · ícone da linha alinhado ao título (antes ficava no meio de textos longos) */
  .premium.v5 .painel:not(.quadro-colunas .painel) .lin>.ic{align-self:start}
  /* f · Cálculos ("Seus cenários"): mesmo desenho em todas as linhas; valor sempre à direita da situação */
  .premium.v5 table.lista.cal-lista tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:6px;padding-right:16px}
  .premium.v5 table.lista.cal-lista td{grid-column:1/-1;margin:0}
  .premium.v5 table.lista.cal-lista td:first-child{padding-right:30px}
  .premium.v5 table.lista.cal-lista td:nth-child(3){grid-column:1}
  .premium.v5 table.lista.cal-lista td.v{grid-column:2;grid-row:3;align-self:start;text-align:right;padding-top:2px}
  .premium.v5 table.lista.cal-lista td.vai{top:18px;transform:none}
  /* g · Financeiro ("Contratos registrados"): a setinha ficava por cima de "TOTAL" e das etiquetas. Agora: título,
     próxima parcela com a situação ao lado e, embaixo, Total · Recebido · Saldo em três colunas iguais */
  .premium.v5 table.lista.fin-lista tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:6px;padding-right:16px}
  .premium.v5 table.lista.fin-lista td{flex:none;margin:0}
  .premium.v5 table.lista.fin-lista td:first-child{grid-column:1/-1;padding-right:30px}
  .premium.v5 table.lista.fin-lista td.fin-data{grid-column:1}
  .premium.v5 table.lista.fin-lista td.fin-data+td{grid-column:2/4;align-self:end;justify-self:end}
  .premium.v5 table.lista.fin-lista td.fin-data+td .tag{white-space:nowrap}
  .premium.v5 table.lista.fin-lista td.v{grid-column:auto;text-align:left}
  .premium.v5 table.lista.fin-lista td.vai{top:18px;transform:none}
  /* h · Tabelas largas (cenário, memória): aviso de que dá para deslizar para o lado */
  .premium.v5 .cal-tabela-rolagem::before{content:"Deslize para o lado para ver todas as colunas →";position:sticky;left:0;display:block;
    padding:8px 12px 6px;font:600 11px/1.3 var(--ui);letter-spacing:.04em;color:var(--ouro-tx)}
  /* j · Paginação: texto numa linha e os botões juntos na linha de baixo */
  .premium.v5 .pp.es-paginacao{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .premium.v5 .pp.es-paginacao>span{flex:1 1 100%}
  .premium.v5 .pp-nav{display:flex;flex-wrap:nowrap;gap:6px;margin-left:auto}
  /* k · Caixinha de marcar com espaço até o texto */
  .premium.v5 label.es-confirmar{display:flex;align-items:flex-start;gap:8px}}

/* ════════ camada 16 · correções da varredura da T05 (19/10/2026) ════════ */
/* ═══ VARREDURA DA T05 (19/10/2026) — proposta de 16ª camada, carregada DEPOIS de vistoria.css ═══
   Corrige, no padrão novo aprovado (cartão âmbar, Joias, 15 camadas do 34-C), os defeitos que a varredura achou na T05
   publicada e que as 15 camadas ainda não corrigem. Testada injetando as 16 camadas nas telas reais da T05 (dados
   sintéticos). Mesmo prefixo `.premium.v5` das camadas aprovadas. Quem integra ao pacote 1.7: sessão mensagens-noite.
   Itens de CÓDIGO (plurais, CNJ inteiro, espaço inseparável, rótulo do menu) estão em CORRECOES_PADRAO_NOVO.md. */

/* V1 · Publicações: substituída pela V1b (correção G3, no fim deste arquivo). */

/* V2 · Publicações (34-B): etiqueta “IA” colada no texto do resumo na lista. O pai tem column-gap, mas é flow-root. */
.premium.v5 .pub-ia-linha>i{margin-right:7px}

/* V3 · Campos de escolha com a opção cortada (38 px da largura vão para a setinha). Cada campo ganha a largura do texto
   mais longo que ele mostra por padrão, mudando só a grade do formulário onde ele está. */
@media(min-width:901px){.premium.v5 .cal-central .cal-filtros{grid-template-columns:repeat(3,minmax(0,1fr))}.premium.v5 .cal-central .cal-filtros>.btn{grid-column:-2/-1}}  /* Cálculos, CNIS: “Todos os atendimentos e casos” */
.premium.v5 .bv-seletor{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}             /* Atendimento, Encaminhar: “Sem processo vinculado” */
.premium.v5 :is(.es-form,.af-grupo,.grd)>label:has(>select:is([name=motivo_espera],[name=acesso_novo_caso],[name=cliente_id],[name=responsavel_id])){grid-column:1/-1}
.premium.v5 .agenda-filtros>label.f:has(>select[name=responsavel]){flex-basis:220px}           /* Agenda 1280 */
@media(max-width:900px){.premium.v5 .es-lista-toolbar .ferr-f.ferr-qtd{flex:0 1 166px;min-width:166px}}               /* “50 por página” no celular */

/* V4 · Comunicação · funções: os dois botões de navegação encostados um no outro. */
.premium.v5 .es-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* V5 · Entrevistas: no celular a barra fixa “← Anterior / Próxima → / Salvar” ficava atrás da barra de menu do rodapé
   (66 px + área segura). Passa a parar acima dela. */
@media(max-width:900px){.premium.v5 .en-salvar{bottom:calc(76px + env(safe-area-inset-bottom))}
  .premium.v5 .en-navegacao{flex-wrap:wrap;overflow:visible}                                  /* passos da entrevista sem faixa escondida */
  .premium.v5 .en-navegacao>a{min-width:0;flex:1 1 150px}}

/* V6 · Celular: faixas que deslizavam sem sinal (mesma família do CA3). */
@media(max-width:900px){.premium.v5 .af-passos{flex-wrap:wrap;overflow:visible}}
/* Tabelas largas (Evolução da RMI .rm-tab, abonos .vc-abonos, sessões .sg-tabela): CÓDIGO — acrescentar a classe
   `cal-tabela-rolagem` ao contêiner, que já recebe o aviso aprovado no CA11 (“Deslize para o lado…”). */

/* V7 · Peças curtas que quebravam em duas linhas. */
.premium.v5 .pz-cnj{white-space:nowrap}                                                        /* Prazos 1280: número do processo */
.premium.v5 .cn-regra>header>.tag{white-space:nowrap;flex:none}                                   /* “Falta pouco” (CNIS, celular). Não generalizar: etiqueta longa na ficha do processo estoura a tela */
@media(max-width:900px){.premium.v5 .fb-enviar-acoes{flex-wrap:wrap}.premium.v5 .fb-enviar-acoes>span{flex:1 1 100%}.premium.v5 .fb-enviar-acoes>.btn{flex:1 1 100%;white-space:nowrap}}  /* Feedback novo: botões inteiros, um por linha */

/* V8 · Textos espremidos ao lado de botões. */
.premium.v5 .pub-atalho{flex-wrap:wrap;row-gap:10px}                                           /* Publicações 1366: “Leitura, providências e prazo…” */
.premium.v5 .pub-atalho>span{flex:1 1 260px;min-width:0}
@media(max-width:900px){.premium.v5 .cn-outras>summary{flex-wrap:wrap}
  .premium.v5 .cn-outras>summary>em{flex:1 1 100%}}                                            /* CNIS: “nenhuma alcançável com o tempo atual” */

/* ════════ entrada (item 32) ════════ */
/* A tela de entrada rola no celular pequeno: o botão "Entrar" não fica fora da tela (320×740, 390×500). */
body.entrada{overflow-y:auto}

/* ════════ código do pacote (varredura T05, 1.2; 34-B) ════════ */
/* O número do processo (emitido por paginas.cnj_inteiro) nunca parte no hífen. */
.premium.v5 .cnj-inteiro{white-space:nowrap}
/* "Providência a definir" desce inteira para a linha de baixo, sem quebrar ao meio. */
.premium.v5 .pub-item .pub-fluxo-rotulo{white-space:nowrap}
/* A1 (vistoria da candidata r1): a linha do item pode quebrar ENTRE o número e o rótulo (cada um continua inteiro), sem a lista deslizar. */
.premium.v5 .pub-item .l2{flex-wrap:wrap;row-gap:2px}

/* Correções G3 (20/10/2026, depois da resposta do Jefferson): acrescentar NO FIM do visual-onda1-20261020.css. V1b SUBSTITUI as 3 regras .pub-meta da V1; V7b SUBSTITUI a regra .tag.es-retorno-aviso da V7. */
.premium.v5 dl.pub-meta{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:28px;row-gap:14px}
.premium.v5 dl.pub-meta>div{flex:0 1 auto;min-width:0}
.premium.v5 dl.pub-meta>div:nth-child(n+3){flex:1 1 200px}
.premium.v5 dl.pub-meta dd{white-space:normal;overflow-wrap:anywhere}
.premium.v5 dl.pub-meta>div:nth-child(-n+2) dd{white-space:nowrap}
@media(max-width:900px){
  .premium.v5 .agenda-lista td.agenda-titulo-lista{min-width:0;max-width:100%}
  .premium.v5 .agenda-lista td.agenda-titulo-lista .lk{white-space:normal}
  .premium.v5 .agenda-lista td{min-width:0;overflow-wrap:anywhere}
  .premium.v5 .fin-lista td.fin-data{white-space:normal;min-width:0}
  .premium.v5 .fin-lista td.fin-data .fin-rot{white-space:normal}}
.premium.v5 .tag.es-retorno-aviso{white-space:normal;flex:0 1 auto;max-width:100%;line-height:1.3;text-align:left}

/* R4 (20/10): campos de escolha no celular — folga da setinha 38→30 px e margem esquerda 14→10 px; a letra continua 16 px (iPhone não dá zoom). Acrescentar no fim do visual-onda1. */
@media(max-width:900px){.premium.v5 select{padding-left:10px;padding-right:30px}}

/* ════════ brilho da entrada (item 33 · Opção A) ════════ */
/* item 33 · Opção A (aprovada em 20/10/2026): o reflexo da faixa marinho continua pelo lado claro, no mesmo ângulo e ritmo */
:root{--ac-luz-dir:#fffbeee6;--ac-luz-dir2:#e6c06e33}
:root[data-tema="escuro"]{--ac-luz-dir:#ffffff12;--ac-luz-dir2:#f7dfa00d}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"]{--ac-luz-dir:#ffffff12;--ac-luz-dir2:#f7dfa00d}}

@media(min-width:821px){
  .ac-fundo::after{content:"";position:absolute;inset:0;pointer-events:none;
    clip-path:polygon(54.45% 0,100% 0,100% 100%,7.45% 100%);
    background:linear-gradient(115deg,transparent 37%,var(--ac-luz-dir2) 45%,var(--ac-luz-dir) 50%,var(--ac-luz-dir2) 55%,transparent 63%) no-repeat;
    background-size:300% 100%;animation:ac-luz 15s linear infinite}
}
@media(prefers-reduced-motion:reduce){.ac-fundo::after,.ac-navy::after{animation:none}}

/* Mini onda 43 (22/10/2026): preservar o anel nativo de teclado no CPF/CNPJ.
   A pele geral dos campos acima sobrepunha .f input:focus; só este campo é ajustado. */
.premium.v5 .ficha-cliente .f input[name="documento"]:focus-visible{
  outline:0;border-color:#c79946;box-shadow:0 0 0 1px #c79946,0 0 0 4px #c7994633,inset 0 1px 2px #0b22330a}
:root[data-tema="escuro"] .premium.v5 .ficha-cliente .f input[name="documento"]:focus-visible{
  border-color:#d9b566;box-shadow:0 0 0 1px #d9b566,0 0 0 4px #c7994640,inset 0 1px 2px #0b22330a}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .ficha-cliente .f input[name="documento"]:focus-visible{
  border-color:#d9b566;box-shadow:0 0 0 1px #d9b566,0 0 0 4px #c7994640,inset 0 1px 2px #0b22330a}}

/* Highlight herda outra seleção, não a cor normal do input: fixar o texto claro só neste campo. */
:root[data-tema="escuro"] .premium.v5 .ficha-cliente input[name="documento"]::selection{color:var(--t1)}
@media(prefers-color-scheme:dark){:root[data-tema="sistema"] .premium.v5 .ficha-cliente input[name="documento"]::selection{color:var(--t1)}}

/* Estado livre usa os mesmos elementos e o ouro do botao nativo em todos os temas. */
.premium.v5 .dia-urgencia>.faixa-proximo.faixa-livre .btn.ouro{background:var(--foil);border-color:var(--ouro-tx)}

/* Contraste dos descritores vazios, totais e iniciais sobre o ouro nativo. */
.premium.v5 .ind:is(.a,.m).sem-pendencia .quadro-indicador-texto small{opacity:1}
.premium.v5 .quadro-totais.quadro-totais-itens{color:var(--t2)}
.premium.v5 .premium-perfil .av{color:#3a2705}

/* Textos pequenos dos grupos de prazos e contadores usam os tons nativos legiveis. */
.premium.v5 .prazos-resumo .ind:is(.a,.m,.g).sem-pendencia small{opacity:1}
.premium.v5 .sec-topo small.quadro-total,.premium.v5 .prazos-controles{color:var(--t2)}

/* Obrigatoriedade conserva o ouro escuro; estados vazios usam o texto secundario nativo. */
.premium.v5 .f>span em{color:var(--ouro-tx)}
.premium.v5 td.mudo{color:var(--t2)}

/* O cliente dos eventos conserva a cor nativa do cartao sem esmaecer o texto. */
.premium.v5 .ev .ev-c{opacity:1}

/* Acoes da audiencia e zero neutro clicavel conservam o texto nativo principal. */
.premium.v5 .aud-destaque-acoes .btn{color:var(--t1)}
.premium.v5 .lista-resumo a.n.zero b{color:var(--t1)}

/* O brilho decorativo fica sob o texto; cada legenda usa a cor nativa opaca. */
.premium.v5 .ind .tx{position:relative;z-index:1}
.premium.v5 .ind small{opacity:1}

/* ORDEM23: acesso, somente textos confirmados no Sistema claro.
   Os seletores de tema escuro nativos, mais especificos, permanecem soberanos. */
.acesso .ac-in input::placeholder{color:var(--t2)}
.acesso .ac-data{color:var(--t2)}
.acesso .rot.rotulo-porta{color:var(--ouro-tx)}

/* ORDEM23: rotulos das fichas e metadados ativos usam o texto secundario nativo. */
.premium.v5 .dossie-campos.kv>dt{color:var(--t2)}
.premium.v5 .pub-it .l1,.premium.v5 .pub-controle-leitura>small{color:var(--t2)}
/* A excecao SEM DATA conserva o espacamento especifico e fica inteira sobre o marinho. */
.premium.v5 .dia-b.sem small{letter-spacing:1px;white-space:nowrap}
/* Iniciais pequenas sobre ouro, preservando a medalha marinho da Dra. Carla. */
.premium.v5 .avm:not(.c){color:#3a2705}

/* ORDEM23: filtros zero continuam ativos; seus rotulos nao sao controles desabilitados. */
.premium.v5 .lista-resumo a.zero{opacity:1}
/* Busca do formulario tem placeholder proprio, sem afetar a busca do cabecalho. */
.premium.v5 .bg-form .cbusca input::placeholder{color:var(--t2)}
/* O host de acesso segue o sistema. Sobre o brasao claro, somente estes textos
   informativos usam t1; o Sistema escuro conserva as regras nativas anteriores. */
@media(prefers-color-scheme:light){
  :root[data-tema="sistema"] .acesso :is(.ac-form .sub.chamada-porta,.ac-nota.ajuda>span,.ac-tempo>span){color:var(--t1)}
}

/* ORDEM23: cartao concluido/cancelado conserva links e textos legiveis.
   O estado e o risco no titulo continuam nativos; nao desabilitar leitura do historico. */
.premium.v5 .kc.feita{opacity:1}

/* ORDEM23: na ficha Nova estes links validam/salvam antes de abrir a entrega;
   sua aparencia continua legivel. Botoes realmente disabled permanecem inativos. */
.premium.v5 .en-area[data-nova="true"] a[aria-disabled="true"]:is([data-exportar],[data-ferramenta]){
  opacity:1;filter:none;cursor:pointer}

/* ORDEM23/24: rotulos informativos das listas e fichas usam o texto secundario
   nativo, sem esmaecer dados consultaveis nem mudar a hierarquia dos campos. */
.premium.v5 .cl2-lista :is(.cl2-nome>small,.cl2-rot,.prox-sem),
.premium.v5 .o2-processo-corpo>dl.kv>dt,
.premium.v5 .dossie-contato>span>small,
.premium.v5 .fb-area .fb-anexos .es-legenda,
.premium.v5 .fb-area .fb-atualizado{color:var(--t2)}

/* ORDEM23/24: legenda e estado vazio do Atendimento continuam legiveis
   sobre os fundos nativos, sem modificar dados, etapas ou dimensoes. */
.premium.v5 .es-area>.at-legenda,
.premium.v5 .es-quadro .kcol>.kvazio{color:var(--t2)}

/* PROPOSTA ORDEM23/24: somente leitura dos horarios passados no Meu Dia.
   O rotulo Passou, a classe, os links e a apresentacao nativa permanecem. */
.premium.v5 .dia-urgencia .ag-passou>:not(.mais){opacity:1}
.premium.v5 .dia-urgencia .ag-passou .ag-estado{opacity:1}
/* Legendas informativas somente dentro do Meu Dia; sem mudar fundos ou tamanhos. */
.premium.v5 .dia-urgencia .mural-texto>small{color:var(--t2)}
.premium.v5 .dia-urgencia .es-card-corpo>p.es-legenda{color:var(--t2)}
/* Rodape da busca: o kbd conserva sua regra propria, fundo e gestos. */
.premium.v5 .paleta-pe{color:var(--t2)}

/* Contorno de contraste no avatar medido do cabeçalho; menu e corpo fora. */
.premium.v5 .premium-perfil>summary.perfil>.av.c{text-shadow:-1px 0 0 #031e30,1px 0 0 #031e30,0 -1px 0 #031e30,0 1px 0 #031e30,0 0 1px #031e30}

/* Legibilidade dos tres escopos diarios confirmados na revisao unica. */
.premium.v5 .bv-seletor>.bv-status{color:var(--t2)}
.premium.v5 .dia-urgencia .mural-campo::placeholder{color:var(--t2);opacity:1}
.premium.v5 .dia-urgencia .ag-agora .quadro-agenda-hora{color:var(--t1)}

/* Contorno de leitura das iniciais nos cartoes; disco e aro nativos preservados. */
.premium.v5 .avm.c{text-shadow:-1px 0 0 #031e30,1px 0 0 #031e30,0 -1px 0 #031e30,0 1px 0 #031e30,0 0 1px #031e30}

/* Dias ativos de outro mes: contraste sem alterar sua cor nativa ou bloqueios. */
.premium.v5 .dp .dp-dia.fora:not(:disabled){opacity:1}

/* Legendas de hora/tarefa e termos de busca: somente contraste do texto. */
.premium.v5 .dp .dp-hora .dp-col-t{color:var(--t2)}
.premium.v5 .tp-estado{color:var(--t2)}
.premium.v5 .paleta mark{color:#031520}

/* ORDEM26 · somente Google Agenda e LeituraF9; compor ao fim da CSS nativa. */
.premium.v5 :is(.gg11-premium26,.ld9-premium26){color:var(--t1);gap:20px;min-width:0}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .es-card.painel{position:relative;padding:24px;margin:0;min-width:0;border:1px solid var(--pm-cL);border-radius:12px;background:linear-gradient(160deg,var(--pm-c1),color-mix(in srgb,var(--pm-c2) 30%,var(--pm-c1)));box-shadow:inset 0 1px 0 var(--pv-brilho),var(--pm-luz);color:var(--t1);overflow-wrap:anywhere}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .p26-cab{padding:0 0 16px;gap:13px;align-items:center;flex-wrap:nowrap}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .p26-cab :is(h1,h2,h3){font:600 21px/1.3 var(--serif);color:var(--t1);margin:0;min-width:0;letter-spacing:-.2px}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .p26-cab h1{font-size:clamp(24px,3vw,32px)}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .p26-cab>.ic{box-sizing:border-box}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) p{line-height:1.65}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .btn{width:auto;max-width:100%;min-height:44px;justify-self:start;white-space:normal;line-height:1.4}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) .btn.secundaria{background:transparent;color:var(--t1);border-color:var(--ouro-ln);box-shadow:none}
.premium.v5 :is(.gg11-premium26,.ld9-premium26) :focus-visible{outline:3px solid var(--ouro-tx);outline-offset:3px}
.premium.v5 .gg11-premium26 .gg11-selo,.premium.v5 .ld9-premium26 .es-tag{display:inline-flex;align-items:center;gap:8px;border:0;padding:0;margin:0 0 14px;border-radius:0;font:700 10.5px/1.5 var(--ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--ouro-tx);background:none}
.premium.v5 .gg11-premium26 .gg11-selo::before,.premium.v5 .ld9-premium26 .es-tag::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--fio-ouro)}
.premium.v5 .gg11-premium26 .gg11-estado{margin:2px 0 10px;padding:6px 12px;background:var(--amb1);border-color:var(--ambL);color:var(--t1);line-height:1.4}
.premium.v5 .gg11-premium26[data-estado="ativa"] .gg11-estado{background:var(--verde1);border-color:var(--verdeL);color:var(--verde)}
.premium.v5 .gg11-premium26 .gg11-aviso{background:var(--verde1);border-color:var(--verdeL);color:var(--t1)}
.premium.v5 .gg11-premium26 .gg11-erro{background:var(--verm1);border-color:var(--vermL);color:var(--t1)}
.premium.v5 .gg11-premium26 .gg11-destaque,.premium.v5 .gg11-premium26 .gg11-pendente{border-color:var(--ambL);color:var(--t1)}
.premium.v5 .gg11-premium26 .gg11-passos{list-style:none;padding:0;counter-reset:gg11-passo;gap:20px}
.premium.v5 .gg11-premium26 .gg11-passos li{counter-increment:gg11-passo;padding:16px;background:var(--card2);border:1px solid var(--linha);border-radius:10px}
.premium.v5 .gg11-premium26 .gg11-passos li::before{content:counter(gg11-passo);display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:10px;color:#3c2a06;background:var(--foil);border:1px solid #f6e0a4;font-weight:700;box-shadow:inset 0 1px 0 #fffa}
.premium.v5 .gg11-premium26 .gg11-passos span{color:var(--t2)}
.premium.v5 .gg11-premium26 .gg11-tecnico summary{color:var(--t1)}
.premium.v5 .gg11-premium26 .gg11-tecnico dd{color:var(--t2)}
.premium.v5 .gg11-premium26[data-estado="desconectada"] .gg11-conexao::after,.premium.v5 .gg11-premium26[data-estado="revogada"] .gg11-conexao::after{content:"";display:block;height:72px;margin-top:20px;background:var(--img-agua) center/90px auto no-repeat;opacity:.45;pointer-events:none}
.premium.v5 .ld9-premium26 .ld9-custo{padding:16px;border:1px solid var(--verdeL);border-radius:10px;background:var(--verde1);color:var(--t1)}
.premium.v5 .ld9-premium26 .ld9-valor{display:inline-block;font:700 23px/1.3 var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--verde)}
.premium.v5 .ld9-premium26 .ld9-campos{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.premium.v5 .ld9-premium26 .ld9-campo{margin:0;padding:14px;border:1px solid var(--linha);border-radius:10px;background:var(--card2);min-width:0}
.premium.v5 .ld9-premium26 .ld9-campo>label{gap:8px;margin-bottom:8px;color:var(--t1)}
.premium.v5 .ld9-premium26 .ld9-situacao{display:block;width:100%;font-size:12px;line-height:1.5;color:var(--t2)}
.premium.v5 .ld9-premium26 :is(input:not([type="checkbox"]),select){background:var(--card);border-color:var(--linha2);color:var(--t1)}
.premium.v5 .ld9-premium26 input[readonly]{opacity:1;background:var(--card2);color:var(--t1)}
.premium.v5 .ld9-premium26 .ld9-check{color:var(--t1);font-weight:400}
.premium.v5 .ld9-premium26 input[type="checkbox"]{accent-color:var(--ouro-tx)}
.premium.v5 .ld9-premium26 :is(.ld9-erro,.ld9-estado-card[data-estado="f9_erro"]){border-color:var(--vermL)}
.premium.v5 .ld9-premium26 :is(.ld9-erro,.ld9-estado-card,.ld9-confirmado)::after{content:"";display:block;height:88px;margin-top:20px;background:var(--img-agua) center/110px auto no-repeat;opacity:.45;pointer-events:none}
.premium.v5 .ld9-premium26 .ld9-confirmado{border-color:var(--verdeL)}
.premium.v5 .ld9-premium26 .ld9-vazio{padding:24px 12px;background:var(--card2);border:1px solid var(--linha);border-radius:10px;color:var(--t2)}
@media(max-width:900px){.premium.v5 .ld9-premium26 .ld9-campos{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.premium.v5 :is(.gg11-premium26,.ld9-premium26) .es-card.painel{padding:18px}.premium.v5 :is(.gg11-premium26,.ld9-premium26) .p26-cab :is(h2,h3){font-size:20px}.premium.v5 .gg11-premium26 .gg11-acoes{display:grid;justify-items:start}.premium.v5 .gg11-premium26 .gg11-acoes form{width:auto;max-width:100%}.premium.v5 .gg11-premium26 .gg11-acoes button{width:auto}.premium.v5 .ld9-premium26 .ld9-imagem{max-height:520px}}

.premium.v5 .gg11-premium26 .gg11-erro.vazio::before,.premium.v5 .ld9-premium26 .ld9-vazio.vazio::before{background-image:var(--img-agua)}

/* ORDEM26 · avisosGoogle: resultado informa apenas a cor; textos e fluxo intactos. */
.premium.v5 .gg11-premium26[data-resultado="recusada"] .gg11-aviso{background:var(--verm1);border-color:var(--vermL);color:var(--t1)}
.premium.v5 .gg11-premium26[data-resultado="pendente"] .gg11-aviso{background:var(--amb1);border-color:var(--ambL);color:var(--t1)}
.premium.v5 .gg11-premium26[data-resultado="fila"] .gg11-aviso{background:var(--azul1);border-color:var(--azulL);color:var(--t1)}

/* Cabeçalho técnico: summary nativo; seta separada do selo, sem botão extra. */
.premium.v5 .gg11-premium26 .gg11-tecnico>summary.gg11-tecnico-cab{display:flex;align-items:center;gap:13px;padding:0;list-style:none;cursor:pointer}
.premium.v5 .gg11-premium26 .gg11-tecnico-titulo{font:600 21px/1.3 var(--serif);color:var(--t1);min-width:0}
.premium.v5 .gg11-premium26 .gg11-tecnico-seta{display:inline-flex;width:18px;height:18px;flex:none;margin-left:auto;color:var(--ouro-tx);transition:transform .15s}
.premium.v5 .gg11-premium26 .gg11-tecnico-seta svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.premium.v5 .gg11-premium26 .gg11-tecnico[open]>.gg11-tecnico-cab .gg11-tecnico-seta{transform:rotate(180deg)}

/* ORDEM26: separar Atualizar estado de Cancelar no único cartão pendente. */
.premium.v5 .ld9-premium26 .ld9-estado-card>a.btn+form{margin-top:16px}

/* ORDEM26: no celular, apenas o texto do summary quebra; a seta fica na mesma linha. */
.premium.v5 .gg11-premium26 .gg11-tecnico>summary.gg11-tecnico-cab{flex-wrap:nowrap}
.premium.v5 .gg11-premium26 .gg11-tecnico-titulo{flex:1}

/* ORDEM26 · somente Novo compromisso; edição e outros modais permanecem nativos. */
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26{background:radial-gradient(circle 130px at calc(100% - 70px) 50px,var(--ca-brilho),transparent 70%) no-repeat,linear-gradient(160deg,var(--ca1),color-mix(in srgb,var(--ca2) 55%,var(--ca1)));border-color:var(--caL);padding-bottom:20px}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26>.agenda-form-cab{background:linear-gradient(160deg,var(--ca1),var(--ca2));border-bottom:1px solid var(--caL);margin:0;padding:16px 22px;gap:12px;flex-wrap:nowrap}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 .agenda-compromisso-titulos{flex:1;min-width:0}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 .agenda-compromisso-rotulo{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;line-height:1.3;letter-spacing:1.3px;text-transform:uppercase;color:var(--ouro-tx)}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 .agenda-compromisso-rotulo::after{content:"";width:5px;height:5px;flex:none;background:currentColor;transform:rotate(45deg)}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 .agenda-form-cab h2{font:600 21px/1.25 var(--serif);color:var(--t1);margin:4px 0 0;overflow-wrap:anywhere}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 .agenda-form-cab>a.btn{flex:none}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26>form.agenda-form{padding:20px 22px 0}
body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 fieldset{margin:0;padding:14px;border:1px solid var(--linha);border-radius:10px;background:var(--ca-in)}
@media(max-width:700px){body.premium.v5 #agenda-edicao.agenda-compromisso-premium26>.agenda-form-cab{padding:16px 18px}body.premium.v5 #agenda-edicao.agenda-compromisso-premium26>form.agenda-form{padding:20px 18px 0}body.premium.v5 #agenda-edicao.agenda-compromisso-premium26 .agenda-form-cab h2{font-size:20px}}