@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600;700&display=optional";/* O mascote do assistente (24/09/2026), ver MascoteAgente.tsx. Cartoon clássico: poses claras,
   piscada curta e uma reação por troca; no pensando ele vira o emoji 🤔 (a única cor grande) ou se
   parte nas três bolinhas do "digitando", sorteado a cada espera. */
.mascote { display:inline-block; flex:none; vertical-align:middle; overflow:visible; --mascote-acento:var(--ui-azul); --mascote-emoji-rosto:#ffcc4d; --mascote-emoji-traco:#664500; --mascote-emoji-mao:#f4900c; }
/* A forma se molda; a cor troca de uma vez, na piscada (preto para amarelo passando por oliva ficava barrento). */
.mascote-corpo { fill:var(--foreground); rx:9px; ry:9px; transform-box:fill-box; transform-origin:center; transition:rx 220ms cubic-bezier(.2,.8,.2,1), ry 220ms cubic-bezier(.2,.8,.2,1); }
.mascote-face { display:none; }
.mascote-face[data-active="true"] { display:inline; }
.mascote-olhos,.mascote-sobrancelhas,.mascote-traco { fill:none; stroke:var(--background); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mascote-olhos { stroke-width:2.8; }
.mascote-sobrancelhas { stroke-width:1.6; }
.mascote-cheio,.mascote-lingua { fill:var(--background); }
.mascote-sinal { fill:var(--mascote-acento); stroke:var(--background); stroke-width:1.5; transform-box:fill-box; transform-origin:center; transition:fill 160ms ease, transform 200ms cubic-bezier(.3,1.5,.5,1); }
.mascote:is([data-humor="confuso"],[data-humor="surpreso"],[data-humor="perguntando"]) { --mascote-acento:var(--ui-dourado); }
.mascote:is([data-humor="contente"],[data-humor="comemorando"]) { --mascote-acento:var(--status-green); }
.mascote[data-humor="bravo"] { --mascote-acento:var(--ui-vermelho); }
.mascote:is([data-humor="morto"],[data-humor="dormindo"]) { --mascote-acento:var(--ui-muted); }
/* Só a postura varia; o quadrado e os traços preservam sua identidade (o pensando, que vira o emoji, é a exceção). */
.mascote-postura { transform-origin:18px 28px; transition:transform 180ms cubic-bezier(.2,.8,.3,1); }
.mascote[data-humor="perguntando"] .mascote-postura { transform:rotate(-5deg); }
.mascote[data-humor="confuso"] .mascote-postura { transform:rotate(4deg); }
.mascote[data-humor="triste"] .mascote-postura { transform:translateY(1px) rotate(-3deg); }
.mascote[data-humor="piscando"] .mascote-postura { transform:rotate(4deg); }
.mascote[data-humor="morto"] .mascote-postura { transform:rotate(9deg); }
.mascote[data-humor="dormindo"] .mascote-postura { transform:rotate(-5deg); }
/* Fecha antes de trocar os desenhos. Abre com a nova pose pronta. */
.mascote-palpebras { transform-box:fill-box; transform-origin:center; transition:transform 120ms ease-out; }
.mascote[data-fase="fechando"] .mascote-palpebras { transform:scaleY(.04); transition-duration:70ms; }
.mascote-boca-pose { transform-box:fill-box; transform-origin:center; transition:transform 120ms ease-out; }
.mascote[data-fase="fechando"] .mascote-boca-pose { transform:scaleY(.7); }
.mascote-piscada { transform-box:fill-box; transform-origin:center; }
.mascote-face[data-active="true"] .mascote-piscada { animation:mascote-piscar 5.7s ease-in-out infinite; }
.mascote-face:is([data-face="morto"],[data-face="dormindo"],[data-face="contente"],[data-face="comemorando"],[data-face="piscando"]) .mascote-piscada { animation:none; }
.mascote-atuacao { transform-origin:18px 30px; }
.mascote[data-de="pensando-emoji"] .mascote-atuacao { animation:mascote-desvirar 360ms ease-out; }
.mascote[data-humor="contente"] .mascote-atuacao { animation:mascote-sim 380ms ease-out; }
.mascote[data-humor="surpreso"] .mascote-atuacao { animation:mascote-opa 420ms ease-out; }
.mascote[data-humor="bravo"] .mascote-atuacao { animation:mascote-hmpf 360ms ease-out; }
.mascote[data-humor="comemorando"] .mascote-atuacao { animation:mascote-viva 620ms ease-out; }
.mascote[data-humor="dormindo"] .mascote-atuacao { animation:mascote-respirar 3200ms ease-in-out infinite; }
.mascote-face[data-active="true"][data-face="perguntando"] .mascote-sobrancelhas-move { animation:mascote-sobrancelha 420ms ease-out; }
.mascote-suor { fill:var(--ui-azul); stroke:var(--background); stroke-width:.6; transform-origin:32.4px 12px; }
.mascote-face[data-active="true"] .mascote-suor { animation:mascote-gota 1100ms ease-in 160ms both; }
.mascote-zanga,.mascote-brilho,.mascote-sono,.mascote-susto { fill:none; stroke:var(--mascote-acento); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.mascote-zanga { transform-origin:4px 3px; }
.mascote-face[data-active="true"] .mascote-zanga { animation:mascote-pop 350ms ease-out 100ms both; }
.mascote-brilho { stroke:var(--ui-dourado); transform-box:fill-box; transform-origin:center; }
.mascote-face[data-active="true"] .mascote-brilho { animation:mascote-brilhar 700ms ease-out 120ms both; }
.mascote-face[data-active="true"] .mascote-brilho-b { animation-delay:250ms; }
.mascote-sono { stroke:var(--ui-muted); }
.mascote-face[data-active="true"] .mascote-sono { animation:mascote-soninho 3200ms ease-in-out infinite; }
.mascote-fala { opacity:0; }
.mascote-boca-fala { transform-origin:18px 24px; }
.mascote[data-falando="true"] .mascote-fala { animation:mascote-fala 900ms ease-in-out; }
.mascote[data-falando="true"] .mascote-boca-fala { animation:mascote-articular 900ms ease-in-out; }
.mascote[data-falando="true"] .mascote-boca-base { animation:mascote-silenciar 900ms ease-in-out; }
@keyframes mascote-piscar { 0%,62%,66%,100% { transform:scaleY(1); } 63.5%,64.5% { transform:scaleY(.05); } }
@keyframes mascote-sim { 0%,100% { transform:none; } 35% { transform:translateY(1px) scale(1.025,.97); } 68% { transform:translateY(-.6px); } }
@keyframes mascote-opa { 0%,100% { transform:none; } 23% { transform:translateY(-1.8px) scale(.96,1.06); } 63% { transform:scale(1.025,.97); } }
@keyframes mascote-hmpf { 0%,100% { transform:none; } 25% { transform:scale(1.035,.96); } 50% { transform:rotate(-2deg); } 72% { transform:rotate(1deg); } }
@keyframes mascote-viva { 0%,100% { transform:none; } 16% { transform:scale(1.05,.93); } 42% { transform:translateY(-3px) rotate(-4deg); } 72% { transform:scale(1.04,.95); } 88% { transform:translateY(-.5px); } }
@keyframes mascote-respirar { 0%,100% { transform:none; } 50% { transform:scale(1.012,.98); } }
@keyframes mascote-sobrancelha { 0%,100% { transform:none; } 40% { transform:translateY(-.8px); } }
@keyframes mascote-gota { 0% { opacity:0; transform:scale(.5); } 25%,45% { opacity:1; transform:none; } 85%,100% { opacity:0; transform:translateY(4px) scale(.8,1.1); } }
@keyframes mascote-pop { 0% { transform:scale(.6); } 65% { transform:scale(1.15); } 100% { transform:none; } }
@keyframes mascote-brilhar { 0% { opacity:0; transform:scale(.4) rotate(-15deg); } 35% { opacity:1; transform:scale(1.15); } 75%,100% { opacity:1; transform:none; } }
@keyframes mascote-soninho { 0%,100% { opacity:.5; transform:none; } 50% { opacity:1; transform:translateY(-1px); } }
@keyframes mascote-fala { 0%,100% { opacity:0; } 10%,88% { opacity:1; } }
@keyframes mascote-silenciar { 0%,100% { opacity:1; } 10%,88% { opacity:0; } }
@keyframes mascote-articular { 0%,100% { transform:scaleY(.35); } 18% { transform:scaleY(1); } 36% { transform:scaleY(.4); } 54% { transform:scaleY(.85); } 72% { transform:scaleY(.35); } 86% { transform:scaleY(.7); } }
[data-reduce-anim="1"] .mascote *, .mascote[data-reduce-anim="1"] * { animation:none !important; transition:none !important; }
[data-reduce-anim="1"] .mascote .mascote-fala { opacity:0; }
[data-reduce-anim="1"] .mascote .mascote-palpebras, [data-reduce-anim="1"] .mascote .mascote-boca-pose { transform:none; }
@media(prefers-reduced-motion:reduce) {
 .mascote * { animation:none !important; transition:none !important; }
 .mascote .mascote-fala { opacity:0; }
 .mascote .mascote-palpebras,.mascote .mascote-boca-pose { transform:none; }
}

/* Referências: emoji pensativo e atuação exagerada de cartoon televisivo. */
.mascote-pupila { fill:var(--foreground); }
/* Pensando vira o emoji 🤔: na piscada o quadrado arredonda até o círculo e ganha as cores dele, a luz
   do canto some e a mão sobe até o queixo; a sobrancelha alta sobe duas vezes ("hmm, hmm"). Na volta,
   desfaz com um tranco. Tudo rápido e com esticada: o rosto troca inteiro, nada derrete. */
/* `[data-de]`: só quando chega se transformando; o que já nasce pensando fica parado até se desfazer. */
.mascote[data-humor="pensando"][data-pensar="emoji"] .mascote-corpo { rx:14px; ry:14px; fill:var(--mascote-emoji-rosto); }
.mascote[data-humor="pensando"][data-pensar="emoji"] .mascote-postura { transform:scale(1.04); }
.mascote[data-humor="pensando"]:not([data-pensar="olhar"]) .mascote-sinal { transform:scale(0); }
.mascote[data-humor="pensando"][data-pensar="emoji"][data-de] .mascote-atuacao { animation:mascote-virar 420ms ease-out; }
.mascote-face[data-face="pensando"] .mascote-cheio { fill:var(--mascote-emoji-traco); }
.mascote-face[data-face="pensando"] :is(.mascote-sobrancelhas,.mascote-traco) { stroke:var(--mascote-emoji-traco); }
.mascote-face[data-face="pensando"] .mascote-sobrancelhas { stroke-width:2; }
.mascote-luva { fill:var(--mascote-emoji-mao); }
.mascote-mao { transform-origin:13px 31px; }
.mascote[data-de] .mascote-face[data-active="true"] .mascote-mao { animation:mascote-queixo 380ms ease-out 120ms both; }
.mascote-face[data-active="true"][data-face="pensando"] .mascote-sobrancelha-0 { animation:mascote-hmm 2400ms ease-in-out 900ms infinite; }
@keyframes mascote-virar { 0%,100% { transform:none; } 30% { transform:scale(.88,1.12); } 60% { transform:scale(1.08,.93); } 82% { transform:scale(.98,1.02); } }
@keyframes mascote-desvirar { 0%,100% { transform:none; } 35% { transform:scale(1.1,.9); } 70% { transform:scale(.97,1.03); } }
@keyframes mascote-queixo { 0% { transform:translate(-1px,3px) rotate(-14deg); opacity:0; } 55% { opacity:1; transform:translateY(-.6px) rotate(4deg); } 100% { opacity:1; transform:none; } }
@keyframes mascote-hmm { 0%,56%,66%,72%,82%,100% { transform:none; } 61%,77% { transform:translateY(-1px); } }
/* Chegando do pensando, a boca que fala só aparece depois da troca de rosto: o emoji não fala. */
.mascote[data-humor="pensando"] .mascote-fala { visibility:hidden; }
.mascote-face[data-face="pensando"] .mascote-boca-base { animation:none; }

/* Pensando em bolinhas: o quadrado se parte em três, cada parte vira uma bolinha e elas fazem a onda
   do "digitando" (o mesmo ritmo dos pontinhos do chat); terminou, correm para o meio e o quadrado se
   refaz com um tranco, o rosto por último. */
.mascote-pontos { pointer-events:none; }
.mascote-fatia,.mascote-bola { fill:var(--foreground); opacity:0; transform-box:fill-box; transform-origin:center; }
.mascote[data-humor="pensando"][data-pensar="pontos"] .mascote-corpo { opacity:0; }
.mascote:not([data-pensar="emoji"]) .mascote-face[data-face="pensando"] { display:none; }
.mascote[data-humor="pensando"][data-pensar="pontos"] .mascote-bola { opacity:1; animation:mascote-onda 1200ms ease-in-out infinite; }
.mascote[data-humor="pensando"][data-pensar="pontos"] .mascote-bola-2 { animation-delay:150ms; }
.mascote[data-humor="pensando"][data-pensar="pontos"] .mascote-bola-3 { animation-delay:300ms; }
.mascote[data-humor="pensando"][data-pensar="pontos"][data-de] .mascote-fatia-1 { animation:mascote-rachar-1 260ms ease-in both; }
.mascote[data-humor="pensando"][data-pensar="pontos"][data-de] .mascote-fatia-2 { animation:mascote-rachar-2 260ms ease-in both; }
.mascote[data-humor="pensando"][data-pensar="pontos"][data-de] .mascote-fatia-3 { animation:mascote-rachar-3 260ms ease-in both; }
.mascote[data-humor="pensando"][data-pensar="pontos"][data-de] .mascote-bola-1 { animation:mascote-brotar 220ms cubic-bezier(.3,1.6,.5,1) 180ms both, mascote-onda 1200ms ease-in-out 400ms infinite; }
.mascote[data-humor="pensando"][data-pensar="pontos"][data-de] .mascote-bola-2 { animation:mascote-brotar 220ms cubic-bezier(.3,1.6,.5,1) 180ms both, mascote-onda 1200ms ease-in-out 550ms infinite; }
.mascote[data-humor="pensando"][data-pensar="pontos"][data-de] .mascote-bola-3 { animation:mascote-brotar 220ms cubic-bezier(.3,1.6,.5,1) 180ms both, mascote-onda 1200ms ease-in-out 700ms infinite; }
.mascote[data-de="pensando-pontos"]:not([data-humor="pensando"]) .mascote-bola-1 { animation:mascote-juntar-1 240ms ease-in both; }
.mascote[data-de="pensando-pontos"]:not([data-humor="pensando"]) .mascote-bola-2 { animation:mascote-juntar-2 240ms ease-in both; }
.mascote[data-de="pensando-pontos"]:not([data-humor="pensando"]) .mascote-bola-3 { animation:mascote-juntar-3 240ms ease-in both; }
.mascote[data-de="pensando-pontos"]:not([data-humor="pensando"]) .mascote-corpo { animation:mascote-refazer 380ms cubic-bezier(.3,1.4,.5,1) both; }
.mascote[data-de="pensando-pontos"]:not([data-humor="pensando"]) .mascote-face[data-active="true"] { animation:mascote-rosto-depois 380ms ease-out both; }
.mascote[data-de="pensando-pontos"]:not([data-humor="pensando"]) .mascote-sinal { animation:mascote-rosto-depois 380ms ease-out both; }
@keyframes mascote-onda { 0%,60%,100% { transform:none; } 30% { transform:translateY(-3.4px); } }
@keyframes mascote-rachar-1 { 0% { opacity:1; transform:none; } 35% { opacity:1; transform:translateX(-1.6px) scaleY(.94); } 75% { opacity:1; transform:translateX(.3px) scale(.77,.26); } 100% { opacity:0; transform:translateX(.3px) scale(.77,.26); } }
@keyframes mascote-rachar-2 { 0% { opacity:1; transform:none; } 35% { opacity:1; transform:scaleY(.94); } 75% { opacity:1; transform:scale(.77,.26); } 100% { opacity:0; transform:scale(.77,.26); } }
@keyframes mascote-rachar-3 { 0% { opacity:1; transform:none; } 35% { opacity:1; transform:translateX(1.6px) scaleY(.94); } 75% { opacity:1; transform:translateX(-.3px) scale(.77,.26); } 100% { opacity:0; transform:translateX(-.3px) scale(.77,.26); } }
@keyframes mascote-brotar { 0% { opacity:0; transform:scale(.9); } 25% { opacity:1; transform:scale(1); } 60% { opacity:1; transform:scale(1.18); } 100% { opacity:1; transform:none; } }
@keyframes mascote-juntar-1 { 0% { opacity:1; transform:none; } 70% { opacity:1; transform:translateX(9px) scale(1.9); } 100% { opacity:0; transform:translateX(9px) scale(2.4); } }
@keyframes mascote-juntar-2 { 0% { opacity:1; transform:none; } 70% { opacity:1; transform:scale(1.9); } 100% { opacity:0; transform:scale(2.4); } }
@keyframes mascote-juntar-3 { 0% { opacity:1; transform:none; } 70% { opacity:1; transform:translateX(-9px) scale(1.9); } 100% { opacity:0; transform:translateX(-9px) scale(2.4); } }
@keyframes mascote-refazer { 0%,55% { opacity:0; transform:scale(.5); } 80% { opacity:1; transform:scale(1.06,.95); } 100% { opacity:1; transform:none; } }
@keyframes mascote-rosto-depois { 0%,65% { opacity:0; } 100% { opacity:1; } }

/* Pensando olhando para cima: o mascote de sempre, sem acessório, com os olhos no alto e a boca de
   "hmm"; os olhos procuram devagar de um lado para o outro e piscam de vez em quando. */
.mascote-olhando { display:none; }
.mascote[data-humor="pensando"][data-pensar="olhar"] .mascote-olhando { display:inline; }
.mascote[data-humor="pensando"][data-pensar="olhar"] .mascote-postura { transform:rotate(-3deg); }
.mascote-olhando-olhos,.mascote-olhando-piscada { transform-box:fill-box; transform-origin:center; }
.mascote[data-humor="pensando"][data-pensar="olhar"] .mascote-olhando-olhos { animation:mascote-procurar 3200ms ease-in-out infinite; }
.mascote[data-humor="pensando"][data-pensar="olhar"] .mascote-olhando-piscada { animation:mascote-piscar 5.7s ease-in-out 1.2s infinite; }
@keyframes mascote-procurar { 0%,100% { transform:none; } 28%,44% { transform:translateX(-1.6px); } 68%,84% { transform:translateX(1.6px); } }
/* Microanimações da cápsula: uma execução por hover/foco, sem loops. */
.oc-ed { --oc-check-ativo: #83e5a6; --oc-x-ativo: #ffa4a4; --oc-amarelo-ativo: #f3ca63; --oc-azul-ativo: #9bc1ff; }
[data-theme="dark"] .oc-ed { --oc-check-ativo: #16713d; --oc-x-ativo: #ab2635; --oc-amarelo-ativo: #946500; --oc-azul-ativo: #225dc0; }
.oc-ed-flutuante { border-radius: 999px; }
.oc-ed-flutuante:focus-visible { outline: 2px solid var(--ui-azul); outline-offset: 4px; }
.oc-ed-flutuante[data-arrastando="true"], .oc-ed-flutuante[data-arrastando="true"] * { cursor: grabbing; user-select: none; }
.oc-ed-flutuante[data-arrastando="true"] [role="tooltip"] { visibility: hidden; opacity: 0; }
.oc-ed-flutuante[data-tooltip-abaixo="true"] [role="tooltip"] { bottom: auto; top: calc(100% + 12px); }
.oc-ed-simbolo .oc-check { stroke-dasharray: 1; }
.oc-ed-simbolo :is(.oc-minuto, .oc-hora) { transform-origin: 12px 12px; }
.oc-ed-simbolo .oc-risco { stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; }
.oc-ed-simbolo :is(.oc-tronco, .oc-ramo) { stroke-dasharray: 1; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-check { color: var(--oc-check-ativo); animation: oc-desenhar 420ms ease-out both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-pessoa { stroke-dasharray: 2 3; opacity: .32; animation: oc-desaparecer 500ms ease-out both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-falta-x { color: var(--oc-x-ativo); }
.oc-ed-acao:is(:hover, :focus-visible) .oc-minuto { animation: oc-ponteiro 1000ms cubic-bezier(.16, 1, .3, 1) both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-hora { animation: oc-hora 1000ms cubic-bezier(.16, 1, .3, 1) both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-dia-apagado { opacity: .28; animation: oc-apagar-dia 480ms ease-out both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-risco { opacity: 1; stroke-dashoffset: 0; animation: oc-desenhar 480ms ease-out both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-tronco { animation: oc-desenhar 360ms ease-out both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-seta-principal { animation: oc-surgir 160ms ease-out 220ms both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-ramo { animation: oc-desenhar 400ms ease-out 240ms both; }
.oc-ed-acao:is(:hover, :focus-visible) .oc-seta-ramo { animation: oc-surgir 160ms ease-out 520ms both; }
@keyframes oc-desenhar { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes oc-desaparecer { from { opacity: 1; stroke-dasharray: 0 0; } to { opacity: .32; stroke-dasharray: 2 3; } }
@keyframes oc-ponteiro { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes oc-hora { from { transform: rotate(0deg); } to { transform: rotate(90deg); } }
@keyframes oc-apagar-dia { from { opacity: 1; } to { opacity: .28; } }
@keyframes oc-surgir { from { opacity: 0; } to { opacity: 1; } }

/* Cor só na peça que comunica a ação, com contraste sobre o círculo ativo. */
.oc-ed-acao:is(:hover, :focus-visible) :is(.oc-minuto, .oc-hora) { color: var(--oc-amarelo-ativo); }
.oc-ed-acao:is(:hover, :focus-visible) :is(.oc-ramo, .oc-seta-ramo) { color: var(--oc-azul-ativo); }
.oc-ed-acao:is(:hover, :focus-visible) .oc-ed-simbolo-cancelar { color: var(--oc-x-ativo); }
.oc-numero-dia { fill: currentColor; stroke: none; font-family: inherit; font-size: 8px; font-weight: 600; text-anchor: middle; }
.oc-giz { opacity: 0; clip-path: inset(0 0 100% 0); }
.oc-ed-acao:is(:hover, :focus-visible) .oc-giz { opacity: 1; clip-path: inset(0); animation: oc-giz 520ms ease-out both; }
.oc-mais { transform-origin: 18px 18px; }
.oc-ed-gerais button:not(:disabled):is(:hover, :focus-visible) .oc-mais { color: var(--ui-azul); transform: scale(1.22); animation: oc-mais 400ms cubic-bezier(.16, 1, .3, 1) both; }
@keyframes oc-giz { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@keyframes oc-mais { from { transform: scale(1); } to { transform: scale(1.22); } }

.oc-ed-simbolo { overflow: visible; }
.oc-ed-gerais button:not(:disabled):is(:hover, :focus-visible) .oc-giz { opacity: 1; clip-path: inset(0); animation: oc-giz 520ms ease-out both; }
.oc-ed-gerais button:not(:disabled):is(:hover, :focus-visible) .oc-dia-apagado { opacity: .28; animation: oc-apagar-dia 480ms ease-out both; }
.oc-giz { color: var(--ui-texto); }
.oc-ed-acao:is(:hover, :focus-visible) .oc-giz { color: var(--oc-ed-acao-icone); }
/* Diálogos do laboratório: todos em vidro, mesma família da cápsula e do relógio. */
.oc-tempo-overlay { background: rgb(12 15 22 / .22); }
.dialogo.oc-ed-dialogo.oc-dialogo {
  --oc-vidro: rgb(255 255 255 / .78);
  --oc-reflexo: rgb(255 255 255 / .92);
  --oc-poco: rgb(20 20 20 / .05);
  width: 500px; max-width: calc(100vw - 32px); gap: 8px; padding: 28px 30px 26px !important;
  background: var(--oc-vidro) !important;
  border: 1px solid var(--oc-reflexo) !important; border-radius: 28px !important;
  backdrop-filter: blur(22px) saturate(1.15); -webkit-backdrop-filter: blur(22px) saturate(1.15);
  box-shadow: inset 0 1px 0 var(--oc-reflexo), 0 24px 70px -18px rgb(0 0 0 / .32) !important;
}
[data-theme="dark"] .dialogo.oc-ed-dialogo.oc-dialogo { --oc-vidro: rgb(30 30 32 / .74); --oc-reflexo: rgb(255 255 255 / .12); --oc-poco: rgb(255 255 255 / .06); }
.dialogo.oc-ed-dialogo.oc-dialogo[data-acao="atraso"] { width: 410px; gap: 6px; padding: 22px !important; }
.dialogo.oc-ed-dialogo.oc-dialogo[data-acao="ramificar"] { overflow: visible; }
.dialogo.oc-ed-dialogo.oc-dialogo[data-acao="revisao"] { width: 560px; }
.dialogo.oc-ed-dialogo.oc-dialogo[data-acao="total"] { --oc-reflexo: rgb(174 48 48 / .28); }
[data-theme="dark"] .dialogo.oc-ed-dialogo.oc-dialogo[data-acao="total"] { --oc-reflexo: rgb(217 83 79 / .32); }
.oc-dialogo [data-slot="dialog-title"] { font-size: 24px; letter-spacing: -.015em; }
.oc-dialogo[data-acao="total"] [data-slot="dialog-title"] { color: var(--ui-vermelho); }
.oc-dialogo [data-slot="dialog-description"] { font-size: 14px; color: var(--ui-muted); }
.oc-dialogo .oc-ed-dialogo-acoes { margin-top: 14px; justify-content: space-between; }
.oc-dialogo-corpo { display: grid; justify-items: center; gap: 16px; padding-block: 14px 4px; }
/* Símbolo num poço de vidro raso, para não flutuar solto no meio do diálogo. */
.oc-dialogo-simbolo { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: var(--oc-poco); box-shadow: inset 0 1px 0 var(--oc-reflexo); color: var(--ui-texto); }
.oc-dialogo-simbolo svg { width: 38px; height: 38px; stroke-width: 1.25; }
.oc-dialogo:is([data-acao="total"], [data-acao="cancelar"], [data-acao="cancelado-fixo"]) .oc-dialogo-simbolo { color: var(--ui-vermelho); background: rgb(174 48 48 / .1); }
.oc-dialogo[data-acao="reverter"] .oc-dialogo-simbolo .oc-dia-apagado { opacity: 1; }
.oc-dialogo[data-acao="reverter"] .oc-dialogo-simbolo .oc-giz { opacity: 1; clip-path: none; color: var(--ui-vermelho); }
.oc-dialogo[data-acao="cancelado-fixo"] .oc-ed-dialogo-acoes { justify-content: center; }
/* Botões de perigo: modificador sobre .btn-secundario; o cheio vence o fundo claro da identidade única. */
.oc-dialogo .oc-ed-dialogo-acoes .btn-perigo { background: transparent; border-color: rgb(174 48 48 / .45); color: var(--ui-vermelho); }
.oc-dialogo .oc-ed-dialogo-acoes .btn-perigo:hover:not(:disabled) { background: rgb(174 48 48 / .1); border-color: var(--ui-vermelho); }
.oc-dialogo .oc-ed-dialogo-acoes .btn-perigo--cheio, .oc-dialogo .oc-ed-dialogo-acoes .btn-perigo--cheio:hover:not(:disabled) { background: #a94442; border-color: #a94442; color: #fff; }
.oc-dialogo .oc-ed-dialogo-acoes .btn-perigo--cheio:hover:not(:disabled) { background: #8f3733; border-color: #8f3733; }
.oc-dialogo-explicacao { max-width: 40ch; text-wrap: balance; font-size: 17px; line-height: 1.45; }
.oc-dialogo-datas { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; max-width: 100%; }
.oc-dialogo-datas span { padding: 5px 10px; border-radius: 8px; background: var(--oc-poco); box-shadow: inset 0 1px 0 var(--oc-reflexo); font-size: 12px; font-variant-numeric: tabular-nums; }
.oc-dialogo-nota { font-size: 13px; color: var(--ui-muted); max-width: 46ch; line-height: 1.55; text-wrap: pretty; }
.oc-ciente { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 14px; border-radius: 999px; background: var(--oc-poco); font-size: 13px; cursor: pointer; }
.oc-ciente input { width: 16px; height: 16px; accent-color: var(--ui-vermelho); }
.oc-divisao { display: flex; align-items: center; gap: 24px; }
.oc-divisao > div { display: grid; gap: 6px; }
.oc-divisao span { font-size: 12px; color: var(--ui-muted); }
.oc-divisao svg { width: 20px; color: var(--ui-azul); }
.oc-dialogo .oc-ed-campo { position: relative; z-index: 2; }
.oc-dialogo .pop { background: var(--ui-superficie); }
.oc-sabado-lista { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.oc-sabado-opcao { position: relative; display: grid; gap: 4px; min-width: 140px; padding: 22px 24px 20px; border-radius: 18px; background: var(--oc-poco); box-shadow: inset 0 1px 0 var(--oc-reflexo); transition: background 140ms, box-shadow 140ms; }
.oc-sabado-opcao strong { font-size: 40px; font-weight: 500; }
.oc-sabado-opcao > span { font-size: 13px; }
.oc-sabado-opcao:hover { background: color-mix(in srgb, var(--ui-texto) 8%, transparent); }
.oc-sabado-opcao[aria-pressed="true"] { background: var(--ui-texto); color: var(--ui-superficie); box-shadow: none; }
.oc-sabado-marca { position: absolute; right: 10px; top: 10px; }
.oc-sabado-marca svg, .oc-sabado-marca > span { display: block; width: 17px; height: 17px; }
.oc-sabado-marca > span { border: 1px solid var(--ui-muted); border-radius: 50%; }
.oc-dia-contrato { display: block; font-size: 11px; color: var(--ui-azul); margin-top: 5px; }
.oc-ed-acao:disabled { opacity: .35; cursor: not-allowed; }
/* Precisão escolhida: um mostrador central e edição compacta abaixo. */
.oc-dialogo[data-acao="atraso"] [data-slot="dialog-title"] { font-size: 22px; }
.oc-dialogo[data-acao="atraso"] [data-slot="dialog-description"] { font-size: 12px; }
.oc-dialogo[data-acao="atraso"] .oc-ed-dialogo-acoes { margin-top: 10px; }
.oc-tempo { display: grid; gap: 8px; }
.oc-tempo-controle { display: flex; flex-direction: column; align-items: center; gap: 6px; padding-top: 6px; }
.oc-relogio { width: 238px; max-width: 100%; height: auto; overflow: visible; touch-action: none; cursor: grab; border-radius: 50%; }
.oc-relogio:active { cursor: grabbing; }
.oc-relogio:focus-visible { outline: 2px solid var(--ui-azul); outline-offset: 3px; }
.oc-relogio-fundo { fill: color-mix(in srgb, var(--ui-superficie) 45%, transparent); stroke: var(--ui-borda); stroke-width: .8; }
.oc-relogio-aro { fill: none; stroke: var(--oc-reflexo); stroke-width: 1; }
.oc-relogio-progresso { fill: none; stroke: var(--ui-dourado); stroke-width: 2; stroke-linecap: round; opacity: .8; }
.oc-relogio-interior { fill: none; stroke: var(--ui-borda); stroke-width: .5; opacity: .6; }
.oc-relogio line { stroke: var(--ui-muted); stroke-width: 1; }
.oc-relogio .oc-marca-menor { opacity: .45; }
.oc-relogio .oc-marca-maior { stroke-width: 1.8; stroke: var(--ui-texto); }
.oc-relogio line[data-passado="true"] { stroke: var(--ui-dourado); opacity: .8; }
.oc-relogio text { fill: var(--ui-muted); text-anchor: middle; font-family: inherit; font-size: 11px; font-variant-numeric: tabular-nums; }
.oc-relogio-ponteiro { stroke: var(--ui-dourado); fill: var(--ui-superficie); stroke-width: 2.5; stroke-linecap: round; }
.oc-relogio-eixo-aro { fill: var(--ui-superficie); stroke: var(--ui-borda-forte, var(--ui-muted)); stroke-width: 1; }
.oc-relogio-eixo { fill: var(--ui-texto); }
/* Hora local ao fundo: contraste baixo, sem competir com a duração dourada. */
.oc-horario-real { color: var(--ui-texto); opacity: .22; pointer-events: none; }
.oc-horario-real path { fill: currentColor; stroke: currentColor; stroke-width: .65; stroke-linejoin: round; }
.oc-horario-real .oc-minuto-real { fill: none; stroke-width: 1; }
.oc-relogio-eixo-fundo { fill: none; stroke: currentColor; stroke-width: .6; }
.oc-relogio-trilho { fill: none; stroke: var(--ui-borda); stroke-width: .5; }
.oc-voltas circle { fill: var(--ui-muted); opacity: .22; }
.oc-voltas circle[data-completa="true"] { fill: var(--ui-dourado); opacity: .8; }
.oc-tempo-valor > button { touch-action: none; user-select: none; }
.oc-tempo-valor { display: grid; grid-template-columns: 40px minmax(100px, 140px) 40px; align-items: center; justify-items: center; gap: 2px 10px; text-align: center; }
.oc-tempo-valor > button { width: 40px; height: 40px; border-radius: 50%; background: color-mix(in srgb, var(--ui-hover) 70%, transparent); font-size: 20px; }
.oc-tempo-valor > button:disabled { opacity: .35; }
.oc-tempo-numero { display: flex; align-items: baseline; justify-content: center; gap: 5px; }
.oc-tempo-numero input { width: 4.1ch; min-width: 0; text-align: center; background: transparent; color: var(--ui-texto); font-size: 32px !important; line-height: 1.15; font-weight: 500; letter-spacing: -.02em; font-variant-numeric: tabular-nums; border: 0; border-radius: 6px; padding: 2px 0; appearance: textfield; -moz-appearance: textfield; }
.oc-tempo-numero > span { color: var(--ui-muted); font-size: 12px; }
.oc-tempo-numero input::-webkit-inner-spin-button, .oc-tempo-numero input::-webkit-outer-spin-button { appearance: none; margin: 0; }
.oc-tempo-numero input:focus-visible { outline: 2px solid var(--ui-azul); outline-offset: 2px; }
.oc-tempo-equivalente { grid-column: 2; color: var(--ui-muted); font-size: 11px; }
.oc-tempo button:focus-visible, .oc-sabado-opcao:focus-visible { outline: 2px solid var(--ui-azul); outline-offset: 3px; }
.oc-tempo-ajuda { color: var(--ui-muted); font-size: 11px; line-height: 1.5; max-width: 40ch; margin-inline: auto; text-wrap: balance; }
@media (max-width: 540px) {
  .dialogo.oc-ed-dialogo.oc-dialogo { padding: 24px 20px !important; }
  .dialogo.oc-ed-dialogo.oc-dialogo[data-acao="atraso"] { padding: 20px !important; }
  .oc-dialogo-explicacao { font-size: 16px; }
  .oc-dialogo .oc-ed-dialogo-acoes { gap: 8px; }
}
@media (max-height: 640px) { .oc-dialogo[data-acao="atraso"] .oc-relogio { width: 190px; } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .dialogo.oc-ed-dialogo.oc-dialogo { background: var(--ui-superficie) !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .dialogo.oc-ed-dialogo.oc-dialogo { background: var(--ui-superficie) !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
}


/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --shimmer-angle: 120deg;
    }
  }
}
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: oklch(93.6% .032 17.717);
    --color-red-200: oklch(88.5% .062 18.334);
    --color-red-300: oklch(80.8% .114 19.571);
    --color-red-400: oklch(70.4% .191 22.216);
    --color-red-700: oklch(50.5% .213 27.518);
    --color-red-950: oklch(25.8% .092 26.042);
    --color-orange-100: oklch(95.4% .038 75.164);
    --color-orange-200: oklch(90.1% .076 70.697);
    --color-orange-300: oklch(83.7% .128 66.29);
    --color-orange-700: oklch(55.3% .195 38.402);
    --color-amber-50: oklch(98.7% .022 95.277);
    --color-amber-100: oklch(96.2% .059 95.617);
    --color-amber-200: oklch(92.4% .12 95.746);
    --color-amber-300: oklch(87.9% .169 91.605);
    --color-amber-400: oklch(82.8% .189 84.429);
    --color-amber-500: oklch(76.9% .188 70.08);
    --color-amber-700: oklch(55.5% .163 48.998);
    --color-yellow-300: oklch(90.5% .182 98.111);
    --color-yellow-700: oklch(55.4% .135 66.442);
    --color-lime-400: oklch(84.1% .238 128.85);
    --color-emerald-100: oklch(95% .052 163.051);
    --color-emerald-200: oklch(90.5% .093 164.15);
    --color-emerald-300: oklch(84.5% .143 164.978);
    --color-emerald-400: oklch(76.5% .177 163.223);
    --color-emerald-700: oklch(50.8% .118 165.612);
    --color-teal-400: oklch(77.7% .152 181.912);
    --color-cyan-400: oklch(78.9% .154 211.53);
    --color-sky-100: oklch(95.1% .026 236.824);
    --color-sky-300: oklch(82.8% .111 230.318);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-200: oklch(88.2% .059 254.128);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-400: oklch(70.7% .165 254.624);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-violet-100: oklch(94.3% .029 294.588);
    --color-violet-200: oklch(89.4% .057 293.283);
    --color-violet-300: oklch(81.1% .111 293.571);
    --color-violet-400: oklch(70.2% .183 293.541);
    --color-violet-600: oklch(54.1% .281 293.009);
    --color-violet-700: oklch(49.1% .27 292.581);
    --color-fuchsia-400: oklch(74% .238 322.16);
    --color-rose-100: oklch(94.1% .03 12.58);
    --color-rose-200: oklch(89.2% .058 10.001);
    --color-rose-300: oklch(81% .117 11.638);
    --color-rose-700: oklch(51.4% .222 16.935);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-normal: 0em;
    --tracking-wider: .05em;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-md: 12px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Geist", ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  html, body, #root {
    min-height: 100svh;
  }

  body {
    color: var(--foreground);
    font-feature-settings: "ss01", "cv11";
    background: radial-gradient(1100px 760px at 88% -12%, rgb(var(--orb-a) / .32), transparent 58%), radial-gradient(900px 620px at -12% 112%, rgb(var(--orb-b) / .22), transparent 54%), radial-gradient(820px 560px at 50% 55%, rgb(var(--orb-c) / .18), transparent 72%),  linear-gradient(165deg, var(--aurora-bg-1) 0%, var(--aurora-bg-2) 52%, var(--aurora-bg-3) 100%);
    font-family: Geist, ui-sans-serif, system-ui, -apple-system, sans-serif;
  }

  @supports (color: color-mix(in lab, red, red)) {
    body {
      background: radial-gradient(1100px 760px at 88% -12%, rgb(var(--orb-a) / .32), transparent 58%), radial-gradient(900px 620px at -12% 112%, rgb(var(--orb-b) / .22), transparent 54%), radial-gradient(820px 560px at 50% 55%, rgb(var(--orb-c) / .18), transparent 72%),  linear-gradient(165deg, color-mix(in srgb, var(--aurora-bg-1) calc(100% - var(--canvas-tint)), rgb(var(--surface-rgb))) 0%, color-mix(in srgb, var(--aurora-bg-2) calc(100% - var(--canvas-tint)), rgb(var(--surface-rgb))) 52%, color-mix(in srgb, var(--aurora-bg-3) calc(100% - var(--canvas-tint)), rgb(var(--surface-rgb))) 100%);
    }
  }

  body {
    background-attachment: fixed;
    overflow-x: hidden;
  }

  body:after {
    content: "";
    pointer-events: none;
    z-index: 0;
    opacity: .06;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
    position: fixed;
    inset: 0;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    box-shadow: none;
    background: none;
    border: none;
  }

  ::-webkit-scrollbar-track-piece {
    box-shadow: none;
    background: none;
    border: none;
  }

  ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 1px rgb(var(--ink) / .22), inset 0 1px 0 0 rgb(var(--ink) / .3);
    background-color: #b4c3dc47;
    background-clip: padding-box;
    border: 2px solid #0000;
    border-radius: 9999px;
    transition: background-color .2s, box-shadow .2s;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgb(var(--accent-rgb) / .4);
    box-shadow: inset 0 0 0 1px rgb(var(--ink) / .32), 0 0 8px 1px rgb(var(--accent-rgb) / .35);
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: rgb(var(--accent-rgb) / .6);
  }

  ::-webkit-scrollbar-button {
    display: none;
  }

  ::-webkit-scrollbar-corner {
    background: none;
  }

  html {
    scrollbar-width: thin;
    scrollbar-color: #b4c3dc52 transparent;
  }

  input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  input[type="number"] {
    appearance: textfield;
  }
}
@layer components {
  .glass-panel {
    border-radius: var(--radius-panel);
    background: linear-gradient(180deg, rgb(var(--ink) / .035), rgb(var(--ink) / .01)), var(--panel);
    border: 1px solid rgb(var(--ink) / .14);
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    box-shadow: var(--panel-shadow), inset 0 1.5px 0 0 var(--glass-lip), inset 0 -1px 0 0 rgb(var(--shadow) / .3);
    position: relative;
  }

  .glass-panel:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(120% 55% at 50% 0%, rgb(var(--ink) / .07), transparent 55%);
    position: absolute;
    inset: 0;
  }

  .glass-hero {
    border-radius: var(--radius-hero);
    background: rgb(var(--ink) / .055);
    box-shadow: inset 0 1.5px 0 0 rgb(var(--ink) / .26), inset 0 -1px 0 0 rgb(var(--shadow) / .15), 0 16px 40px -16px rgb(var(--shadow) / .7), 0 0 48px -18px rgb(var(--accent-rgb) / .4);
    border: none;
    transition: background .2s, box-shadow .22s, transform .11s ease-out;
  }

  .glass-hero:hover {
    background: rgb(var(--ink) / .075);
    box-shadow: inset 0 1.5px 0 0 rgb(var(--ink) / .3), 0 20px 48px -16px rgb(var(--shadow) / .75), 0 0 60px -14px rgb(var(--accent-rgb) / .55);
  }

  .glass-tile-v2 {
    border-radius: var(--radius-tile);
    background: rgb(var(--ink) / .045);
    box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .18), 0 10px 26px -14px rgb(var(--shadow) / .6);
    border: none;
    transition: background .2s, box-shadow .22s, transform .11s ease-out;
  }

  .glass-tile-v2:hover {
    background: rgb(var(--ink) / .07);
  }

  .glass-tile-v2[data-tone="accent"]:hover {
    background: rgb(var(--accent-rgb) / .09);
  }

  .glass-field {
    background: var(--glass-inset);
    box-shadow: inset 0 1px 3px rgb(var(--shadow) / .35), inset 0 -1px 0 rgb(var(--ink) / .08);
    border-radius: 9999px;
    align-items: center;
    gap: 12px;
    padding: 4px 20px;
    transition: box-shadow .2s;
    display: flex;
  }

  .glass-field:focus-within {
    box-shadow: inset 0 1px 3px rgb(var(--shadow) / .35), inset 0 -1px 0 rgb(var(--ink) / .08), 0 0 0 3px rgb(var(--accent-rgb) / .22);
  }

  .glass-field input {
    min-width: 0;
    color: var(--foreground);
    background: none;
    border: none;
    outline: none;
    flex: 1;
    padding: 12px 0;
    font-size: 15px;
  }

  .glass-field input::placeholder {
    color: rgb(var(--ink) / .3);
  }

  .glass-field--display input {
    letter-spacing: .04em;
    font-family: Instrument Serif, Georgia, serif;
    font-size: 20px;
  }

  .glass-chip {
    cursor: pointer;
    color: rgb(var(--ink) / .9);
    background: rgb(var(--ink) / .05);
    box-shadow: inset 0 0 0 1px rgb(var(--ink) / .12), inset 0 1px 0 0 rgb(var(--ink) / .12);
    border: none;
    border-radius: 9999px;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    transition: background .2s, box-shadow .2s;
    display: inline-flex;
  }

  .glass-chip[data-on="true"] {
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / .2), rgb(var(--accent-rgb) / .08)), rgb(var(--ink) / .04);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / .45), inset 0 1px 0 0 rgb(var(--ink) / .2), 0 0 22px -8px rgb(var(--accent-rgb) / .5);
  }

  [data-theme="light"] .glass-chip[data-on="true"] {
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / .34), rgb(var(--accent-rgb) / .14)), #fff;
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / .62), 0 1px 3px rgb(var(--shadow) / .1);
  }

  .glass-chip:active {
    transform: scale(.97);
  }

  .glass-cta {
    cursor: pointer;
    color: var(--cta-ink);
    background: linear-gradient(180deg, var(--cta-hi), var(--cta-lo));
    box-shadow: 0 0 44px -6px rgb(var(--accent-rgb) / .55), 0 14px 34px -12px rgb(var(--accent-rgb) / .6), inset 0 1.5px 0 0 #ffffff8c;
    border: none;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 13px 26px;
    font-size: 14px;
    font-weight: 600;
    transition: box-shadow .22s, transform .11s ease-out;
    display: inline-flex;
  }

  .glass-cta:hover {
    box-shadow: 0 0 60px -4px rgb(var(--accent-rgb) / .7), 0 16px 40px -12px rgb(var(--accent-rgb) / .7), inset 0 1.5px 0 0 #fff9;
  }

  .glass-cta:active {
    transform: scale(.97);
  }

  .glass-cta:disabled {
    opacity: .5;
    pointer-events: none;
  }

  .glass-cta--mini {
    box-shadow: 0 0 30px -6px rgb(var(--accent-rgb) / .6), inset 0 1px 0 0 #ffffff80;
    padding: 7px 16px;
    font-size: 11px;
  }

  .pill-soft {
    cursor: pointer;
    background: rgb(var(--ink) / .09);
    box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .25);
    color: rgb(var(--ink) / .9);
    border: none;
    border-radius: 9999px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: background .2s;
    display: inline-flex;
  }

  .pill-soft:hover {
    background: rgb(var(--ink) / .14);
  }

  .pill-soft:active {
    transform: scale(.985);
  }

  .seg-pill {
    background: var(--glass-inset);
    box-shadow: inset 0 1px 3px rgb(var(--shadow) / .3);
    border-radius: 9999px;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 4px;
    padding: 4px;
    display: grid;
  }

  .seg-pill button {
    cursor: pointer;
    color: rgb(var(--ink) / .55);
    background: none;
    border: none;
    border-radius: 9999px;
    padding: 8px 0;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    transition: background .2s, color .2s;
  }

  .seg-pill button[data-on="true"] {
    background: rgb(var(--ink) / .16);
    box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .3), 0 2px 8px rgb(var(--shadow) / .3);
    color: var(--foreground);
  }

  [data-theme="light"] .seg-pill button[data-on="true"] {
    box-shadow: 0 0 0 1px rgb(var(--ink) / .1), 0 1px 3px rgb(var(--shadow) / .16);
    background: #fff;
  }

  .seg-pill--sm {
    gap: 3px;
    padding: 3px;
  }

  .seg-pill--sm button {
    padding: 5px 12px;
    font-size: 12px;
  }

  .icon-orb {
    background: rgb(var(--accent-rgb) / .16);
    box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .32), 0 0 22px -6px rgb(var(--accent-rgb) / .6);
    color: rgb(var(--accent-rgb));
    border-radius: 9999px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-orb--neutral {
    background: rgb(var(--ink) / .08);
    box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .25);
  }

  .icon-orb--ring {
    background: rgb(var(--accent-rgb) / .14);
    box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / .35), inset 0 1px 0 0 rgb(var(--ink) / .25);
  }

  .lamp--green {
    background: var(--status-green);
    box-shadow: 0 0 8px 2px #3fcf7980;
  }

  .lamp--yellow {
    background: var(--status-yellow);
    box-shadow: 0 0 8px 2px #e4bd4380;
  }

  .lamp--red {
    background: var(--status-red);
    box-shadow: 0 0 8px 2px #ef666680;
  }

  .lamp--off {
    background: rgb(var(--ink) / .2);
    box-shadow: inset 0 0 3px rgb(var(--shadow) / .6);
  }

  .eyebrow {
    letter-spacing: .32em;
    text-transform: uppercase;
    color: rgb(var(--ink) / .42);
    font-size: 10px;
  }

  .tilt-3d {
    --mx: 50;
    --my: 50;
    transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .14deg)) rotateX(calc((50 - var(--my)) * .14deg));
    transform-style: preserve-3d;
  }

  .tilt-3d:active {
    transform: perspective(800px) translateZ(-6px) scale(.97);
  }

  .tilt-3d--suave {
    transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .1deg)) rotateX(calc((50 - var(--my)) * .1deg));
  }

  .zoom-overlay {
    z-index: 90;
    pointer-events: none;
    transform-origin: 0 0;
    will-change: transform, opacity;
    background: linear-gradient(180deg, rgb(var(--ink) / .04), rgb(var(--ink) / .01)), var(--zoom-bg);
    border: 1px solid rgb(var(--ink) / .14);
    width: 100vw;
    height: 100vh;
    box-shadow: 0 40px 90px -28px rgb(var(--shadow) / .9), 0 0 60px -14px rgb(var(--accent-rgb) / .4), inset 0 1.5px 0 0 var(--glass-lip);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
  }

  .zoom-overlay .zoom-label {
    color: var(--foreground);
    text-align: center;
    white-space: nowrap;
    font-family: Instrument Serif, Georgia, serif;
    overflow: hidden;
  }

  @media (prefers-reduced-motion: reduce) {
    .zoom-overlay {
      display: none;
    }
  }

  .log-detalhe {
    animation: .24s cubic-bezier(.22, 1, .36, 1) both log-detalhe-entra;
  }

  @keyframes log-detalhe-entra {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .log-flash {
    animation: 1.6s ease-out log-flash;
  }

  @keyframes log-flash {
    0%, 100% {
      box-shadow: inset 0 0 0 1px rgb(var(--ink) / .1);
    }

    15%, 55% {
      box-shadow: inset 0 0 0 1px rgb(var(--accent-rgb) / .65), 0 0 24px -6px rgb(var(--accent-rgb) / .5);
    }
  }

  .glass {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    -webkit-backdrop-filter: blur(28px) saturate(160%);
    box-shadow: var(--glass-shadow), inset 1px 1px 0 0 rgb(var(--ink) / .22), inset -1px -1px 0 0 rgb(var(--ink) / .04);
    border-radius: var(--radius);
  }

  .glass-strong {
    background: linear-gradient(135deg, rgb(var(--surface-rgb) / .22), rgb(var(--surface-rgb) / .04) 62%), var(--glass-bg-strong);
    border: 1px solid rgb(var(--accent-rgb) / .22);
    -webkit-backdrop-filter: blur(42px) saturate(150%);
    box-shadow: 0 34px 86px -24px rgb(var(--shadow) / .9), 0 0 0 1px rgb(var(--ink) / .03), inset 0 1px 0 0 rgb(var(--accent-rgb) / .18), inset 1px 1px 0 0 rgb(var(--ink) / .17), inset -1px -1px 0 0 rgb(var(--shadow) / .26);
    border-radius: var(--radius);
  }

  .glass-modal {
    background: rgb(var(--ink) / .04);
    border: 1.5px solid rgb(var(--ink) / .32);
    -webkit-backdrop-filter: blur(10px) saturate(140%) brightness(1.05);
    box-shadow: 0 60px 130px -20px rgb(var(--shadow) / .95),  0 25px 50px -8px rgb(var(--shadow) / .7),  0 0 100px 18px rgb(var(--shadow) / .7),  0 0 0 1px rgb(var(--ink) / .25), 0 0 0 3px rgb(var(--shadow) / .45),  inset 0 10px 26px -6px rgb(var(--shadow) / .65), inset 0 -8px 20px -6px rgb(var(--shadow) / .5), inset 10px 0 22px -8px rgb(var(--shadow) / .5), inset -10px 0 22px -8px rgb(var(--shadow) / .5),  inset 0 2px 0 0 rgb(var(--ink) / .6), inset 1.5px 0 0 0 rgb(var(--ink) / .3), inset -1.5px 0 0 0 rgb(var(--ink) / .18), inset 0 -1.5px 0 0 rgb(var(--ink) / .12);
    border-radius: var(--radius);
    isolation: isolate;
    position: relative;
  }

  .glass-modal:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(120% 60% at 50% 0%, rgb(var(--ink) / .18) 0%, rgb(var(--ink) / .04) 35%, transparent 70%);
    z-index: 0;
    position: absolute;
    inset: 0;
  }

  .glass-modal > * {
    z-index: 2;
    position: relative;
  }

  .glass-tile {
    background: linear-gradient(135deg, rgb(var(--surface-rgb) / .24), rgb(var(--surface-rgb) / .08)), var(--glass-bg);
    border: 1px solid var(--glass-border);
    -webkit-backdrop-filter: url("#liquid-glass-soft") blur(8px) saturate(125%);
    box-shadow: 0 12px 30px -12px rgb(var(--shadow) / .72), inset 0 1px 0 0 rgb(var(--ink) / .16), inset 0 -1px 0 0 rgb(var(--shadow) / .22);
    transition: background .22s, border-color .22s, transform .22s, box-shadow .22s;
  }

  .glass-tile:hover {
    background: linear-gradient(135deg, rgb(var(--surface-rgb) / .34), rgb(var(--surface-rgb) / .12)), var(--glass-bg-strong);
    border-color: rgb(var(--accent-rgb) / .3);
  }

  @supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
    .glass-tile {
      -webkit-backdrop-filter: blur(14px) saturate(140%);
    }
  }

  .glass-tile-3d {
    --mx: 50;
    --my: 50;
    isolation: isolate;
    perspective: 900px;
    perspective-origin: 50%;
    transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .14deg)) rotateX(calc((50 - var(--my)) * .14deg)) translateZ(0);
    transform-style: preserve-3d;
    transition: transform .11s ease-out, background .2s, border-color .2s, box-shadow .2s;
  }

  .glass-tile-3d:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(circle at calc(var(--mx) * 1%) calc(var(--my) * 1%), rgb(var(--shadow) / .38) 0%, transparent 42%), radial-gradient(circle at calc((100 - var(--mx)) * 1%) calc((100 - var(--my)) * 1%), #a0b8e41f 0%, transparent 38%);
    opacity: 0;
    z-index: 0;
    transition: opacity .22s;
    position: absolute;
    inset: 0;
  }

  .glass-tile-3d:hover:before {
    opacity: 1;
  }

  .glass-tile-3d:hover {
    box-shadow: 0 22px 48px -12px rgb(var(--shadow) / .78), inset 0 1px 0 0 rgb(var(--ink) / .22), inset 0 -1px 0 0 rgb(var(--shadow) / .2);
  }

  .glass-tile-3d:active {
    transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .06deg)) rotateX(calc((50 - var(--my)) * .06deg)) translateZ(-4px) scale(.982);
    transition: transform 80ms ease-out;
  }

  .glass-tile-3d > * {
    z-index: 1;
    position: relative;
  }

  .dia-grid > li:last-child:nth-child(odd) {
    grid-column: span 2;
  }

  .lamp-broken-wrap {
    filter: drop-shadow(0 0 4px #a855f766);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .text-display {
    letter-spacing: -.01em;
    font-family: Instrument Serif, ui-serif, Georgia, serif;
    font-weight: 400;
    color: var(--foreground) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-display {
      color: color-mix(in srgb, var(--foreground) 78%, rgb(var(--accent-rgb))) !important;
    }
  }

  .glow-gold {
    box-shadow: 0 0 0 1px rgb(var(--accent-rgb) / .5), 0 0 50px 6px rgb(var(--accent-rgb) / .35), 0 22px 56px -10px rgb(var(--accent-rgb) / .6), inset 0 1px 0 0 rgb(var(--ink) / .35);
  }

  .glow-blue {
    box-shadow: 0 0 0 1px #4a7dff66, 0 0 45px 5px #4a7dff59, 0 20px 50px -10px #4a7dff99, inset 0 1px 0 0 rgb(var(--ink) / .3);
  }

  .liquid-card {
    isolation: isolate;
    background: linear-gradient(135deg, rgb(var(--surface-rgb) / .2), rgb(var(--surface-rgb) / .055) 62%), var(--glass-bg);
    border: 1px solid var(--glass-border);
    -webkit-backdrop-filter: url("#liquid-glass-soft") blur(18px) saturate(155%);
    box-shadow: 0 22px 62px -22px rgb(var(--shadow) / .82), inset 0 1px 0 0 rgb(var(--ink) / .2), inset 0 -1px 0 0 rgb(var(--shadow) / .18);
    position: relative;
    overflow: hidden;
  }

  .liquid-card:before, .liquid-field:before, .liquid-control:before, .liquid-badge:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgb(var(--ink) / .16), transparent 32%), radial-gradient(circle at 12% 0%, rgb(var(--ink) / .12), transparent 32%);
    opacity: .52;
    position: absolute;
    inset: 0;
  }

  .liquid-control, .liquid-field, .liquid-input, .liquid-badge {
    isolation: isolate;
    border: 1px solid rgb(var(--ink) / .14);
    background: linear-gradient(135deg, rgb(var(--ink) / .075), rgb(var(--ink) / .025)), rgb(var(--surface-rgb) / .08);
    -webkit-backdrop-filter: url("#liquid-glass-soft") blur(10px) saturate(145%);
    box-shadow: 0 10px 28px -14px rgb(var(--shadow) / .68), inset 0 1px 0 0 rgb(var(--ink) / .18), inset 0 -1px 0 0 rgb(var(--shadow) / .14);
    position: relative;
    overflow: hidden;
  }

  .liquid-control > *, .liquid-field > *, .liquid-badge > *, .liquid-card > * {
    z-index: 1;
    position: relative;
  }

  .liquid-control {
    transition: transform .16s, border-color .2s, background .2s, box-shadow .22s, color .2s;
  }

  .liquid-control:hover {
    border-color: rgb(var(--accent-rgb) / .32);
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / .13), rgb(var(--ink) / .04)), rgb(var(--surface-rgb) / .1);
    box-shadow: 0 16px 34px -16px rgb(var(--shadow) / .78), 0 0 24px -16px rgb(var(--accent-rgb) / .75), inset 0 1px 0 0 rgb(var(--ink) / .22), inset 0 -1px 0 0 rgb(var(--shadow) / .16);
    transform: translateY(-1px);
  }

  .liquid-control:active {
    transform: translateY(0) scale(.985);
  }

  .liquid-control:focus-visible, .liquid-field:focus-within, .liquid-field-trigger:focus-visible {
    border-color: rgb(var(--accent-rgb) / .58);
    box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / .18), 0 18px 42px -18px rgb(var(--shadow) / .8), inset 0 1px 0 0 rgb(var(--ink) / .25), inset 0 -1px 0 0 rgb(var(--shadow) / .12);
    outline: none;
  }

  .liquid-field {
    border-radius: 1rem;
    transition: border-color .2s, background .2s, box-shadow .22s;
  }

  .liquid-field:hover {
    border-color: rgb(var(--ink) / .22);
    background: linear-gradient(135deg, rgb(var(--ink) / .09), rgb(var(--ink) / .035)), rgb(var(--surface-rgb) / .1);
  }

  .liquid-field-input {
    width: 100%;
    min-width: 0;
    color: rgb(var(--ink) / .94);
    background: none;
    border: 0;
    outline: none;
  }

  .liquid-field-input::placeholder {
    color: rgb(var(--ink) / .32);
  }

  .liquid-input {
    background: linear-gradient(135deg, rgb(var(--ink) / .075), rgb(var(--ink) / .025)), rgb(var(--surface-rgb) / .08);
    color: rgb(var(--ink) / .94);
    border-radius: 1rem;
    outline: none;
    transition: border-color .2s, background .2s, box-shadow .22s;
  }

  .liquid-input::placeholder {
    color: rgb(var(--ink) / .32);
  }

  .liquid-input:hover {
    border-color: rgb(var(--ink) / .22);
    background: linear-gradient(135deg, rgb(var(--ink) / .09), rgb(var(--ink) / .035)), rgb(var(--surface-rgb) / .1);
  }

  .liquid-input:focus-visible {
    border-color: rgb(var(--accent-rgb) / .58);
    box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / .18), 0 18px 42px -18px rgb(var(--shadow) / .8), inset 0 1px 0 0 rgb(var(--ink) / .25), inset 0 -1px 0 0 rgb(var(--shadow) / .12);
  }

  .liquid-field-trigger {
    border-radius: 1rem;
  }

  .liquid-popover {
    border: 1px solid rgb(var(--ink) / .14);
    background: linear-gradient(135deg, rgb(var(--surface-rgb) / .22), rgb(var(--surface-rgb) / .07)), var(--popover);
    -webkit-backdrop-filter: url("#liquid-glass-soft") blur(20px) saturate(155%);
    box-shadow: 0 28px 62px -18px rgb(var(--shadow) / .78), inset 0 1px 0 0 rgb(var(--ink) / .2);
  }

  .liquid-badge {
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / .14), rgb(var(--ink) / .035)), rgb(var(--surface-rgb) / .07);
    color: rgb(var(--ink) / .88);
    transition: border-color .18s, background .18s, box-shadow .18s;
  }

  .liquid-badge[data-tone="solid"] {
    border-color: rgb(var(--accent-rgb) / .42);
    background: linear-gradient(135deg, rgb(var(--accent-rgb) / .88), rgb(var(--accent-rgb) / .52)), rgb(var(--surface-rgb) / .14);
    color: #080b12;
    box-shadow: 0 12px 26px -14px rgb(var(--accent-rgb) / .82), inset 0 1px 0 0 rgb(var(--ink) / .32);
  }

  .liquid-badge[data-tone="danger"] {
    color: #fecaca;
    background: linear-gradient(135deg, #f871712e, #7f1d1d14);
    border-color: #f871716b;
  }

  @supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
    .liquid-card, .liquid-control, .liquid-field, .liquid-input, .liquid-badge, .liquid-popover {
      -webkit-backdrop-filter: blur(16px) saturate(150%);
    }
  }

  .num-stepper {
    isolation: isolate;
    background: linear-gradient(135deg, rgb(var(--ink) / .075), rgb(var(--ink) / .025)), rgb(var(--surface-rgb) / .08);
    border: 1px solid rgb(var(--ink) / .16);
    -webkit-backdrop-filter: url("#liquid-glass-soft") blur(10px) saturate(145%);
    height: 3rem;
    box-shadow: 0 10px 28px -14px rgb(var(--shadow) / .68), inset 0 1px 0 0 rgb(var(--ink) / .18), inset 0 -1px 0 0 rgb(var(--shadow) / .14);
    border-radius: 1rem;
    align-items: stretch;
    transition: border-color .2s, background .2s, box-shadow .22s;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .num-stepper:before {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(135deg, rgb(var(--ink) / .16), transparent 34%), radial-gradient(circle at 18% 0%, rgb(var(--accent-rgb) / .12), transparent 42%);
    opacity: .58;
    position: absolute;
    inset: 0;
  }

  .num-stepper:focus-within {
    border-color: rgb(var(--accent-rgb) / .55);
    box-shadow: 0 0 0 3px rgb(var(--accent-rgb) / .18), 0 16px 34px -16px rgb(var(--shadow) / .76), inset 0 1px 0 0 rgb(var(--ink) / .24), inset 0 -1px 0 0 rgb(var(--shadow) / .12);
  }

  .num-stepper input {
    z-index: 1;
    color: rgb(var(--ink));
    background: none;
    border: none;
    outline: none;
    flex: 1;
    min-width: 0;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
  }

  .num-stepper input::placeholder {
    color: rgb(var(--ink) / .35);
  }

  .num-stepper-controls {
    z-index: 1;
    border-left: 1px solid rgb(var(--ink) / .12);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .num-stepper-btn {
    background: rgb(var(--ink) / .035);
    width: 2rem;
    color: rgb(var(--ink) / .7);
    cursor: pointer;
    border: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    transition: background .15s, color .15s;
    display: flex;
  }

  .num-stepper-btn:first-child {
    border-bottom: 1px solid rgb(var(--ink) / .08);
  }

  .num-stepper-btn:hover {
    background: rgb(var(--accent-rgb) / .18);
    color: rgb(var(--accent-rgb));
  }

  .num-stepper-btn:active {
    background: rgb(var(--accent-rgb) / .35);
    color: #fff;
    transform: scale(.92);
  }

  .num-stepper-btn:disabled {
    opacity: .3;
    pointer-events: none;
  }

  .glass-edge, .glass-tile, .glass-tile-extra, .glass-banner-danger, .btn-action-expand {
    position: relative;
  }

  .glass-edge:after, .glass-tile:after, .glass-tile-extra:after, .glass-banner-danger:after, .btn-action-expand:after {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    z-index: 2;
    background: radial-gradient(ellipse 70% 45% at 0% 0%, rgb(var(--ink) / .22), transparent 55%),  radial-gradient(ellipse 35% 30% at 100% 100%, rgb(var(--ink) / .12), transparent 60%),  linear-gradient(180deg, rgb(var(--ink) / .18) 0%, transparent 1.5px),  linear-gradient(0deg, rgb(var(--shadow) / .18) 0%, transparent 2px);
    mix-blend-mode: overlay;
    opacity: .85;
    position: absolute;
    inset: 0;
  }

  .glass-modal:after {
    content: "";
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    -webkit-backdrop-filter: url("#liquid-glass") brightness(1.05) saturate(115%);
    background: radial-gradient(ellipse 70% 45% at 0% 0%, rgb(var(--ink) / .18), transparent 55%), radial-gradient(ellipse 35% 30% at 100% 100%, rgb(var(--ink) / .1), transparent 60%), linear-gradient(180deg, rgb(var(--ink) / .22) 0%, transparent 2px), linear-gradient(0deg, rgb(var(--shadow) / .18) 0%, transparent 2px);
    -webkit-mask-image: radial-gradient(ellipse 78% 72% at center, transparent 50%, rgb(var(--shadow) / .4) 75%, black 95%);
    -webkit-mask-image: radial-gradient(ellipse 78% 72% at center, transparent 50%, rgb(var(--shadow) / .4) 75%, black 95%);
    mask-image: radial-gradient(ellipse 78% 72% at center, transparent 50%, rgb(var(--shadow) / .4) 75%, black 95%);
    -webkit-mask-image: radial-gradient(ellipse 78% 72% at center, transparent 50%, rgb(var(--shadow) / .4) 75%, black 95%);
    position: absolute;
    inset: 0;
  }

  .glass-banner-danger {
    -webkit-backdrop-filter: url("#liquid-glass-soft") blur(8px) saturate(140%);
    box-shadow: 0 12px 32px -10px #f8717140, 0 0 24px 2px rgb(var(--shadow) / .4), inset 0 1px 0 0 rgb(var(--ink) / .15);
    background: #f871710f;
    border: 1px solid #f8717138;
    border-radius: .75rem;
  }

  @supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
    .glass-banner-danger {
      -webkit-backdrop-filter: blur(14px) saturate(160%);
    }
  }
}
@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .\!end {
    inset-inline-end: var(--spacing) !important;
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[38\%\] {
    top: 38%;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .-left-\[26px\] {
    left: -26px;
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .left-\[62\%\] {
    left: 62%;
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-30 {
    z-index: 30;
  }

  .z-50 {
    z-index: 50;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-\[0em\] {
    margin-top: 0;
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-\[0\.3em\] {
    margin-left: .3em;
  }

  .ml-\[0\.6em\] {
    margin-left: .6em;
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-\[0\.55em\] {
    width: .55em;
    height: .55em;
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[26rem\] {
    width: 26rem;
    height: 26rem;
  }

  .size-\[42rem\] {
    width: 42rem;
    height: 42rem;
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }

  .max-h-\[70vh\] {
    max-height: 70vh;
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-\[60vh\] {
    min-height: 60vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[55\%\] {
    max-width: 55%;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[9rem\] {
    min-width: 9rem;
  }

  .min-w-\[10rem\] {
    min-width: 10rem;
  }

  .min-w-\[11rem\] {
    min-width: 11rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[16rem\] {
    min-width: 16rem;
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .-translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-1px\] {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[1px\] {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }

  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[rgb\(var\(--ink\)\/0\.06\)\] > :not(:last-child)) {
    border-color: rgb(var(--ink)/.06);
  }

  .self-start {
    align-self: flex-start;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-scroll {
    overflow-y: scroll;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[16px\] {
    border-radius: 16px;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 8px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\[rgb\(var\(--accent-rgb\)\/0\.5\)\] {
    border-color: rgb(var(--accent-rgb)/.5);
  }

  .border-\[rgb\(var\(--accent-rgb\)\/0\.34\)\] {
    border-color: rgb(var(--accent-rgb)/.34);
  }

  .border-\[rgb\(var\(--accent-rgb\)\/0\.42\)\] {
    border-color: rgb(var(--accent-rgb)/.42);
  }

  .border-\[rgb\(var\(--ink\)\/0\.1\)\] {
    border-color: rgb(var(--ink)/.1);
  }

  .border-\[rgb\(var\(--ink\)\/0\.2\)\] {
    border-color: rgb(var(--ink)/.2);
  }

  .border-\[rgb\(var\(--ink\)\/0\.06\)\] {
    border-color: rgb(var(--ink)/.06);
  }

  .border-\[rgb\(var\(--ink\)\/0\.07\)\] {
    border-color: rgb(var(--ink)/.07);
  }

  .border-\[rgb\(var\(--ink\)\/0\.08\)\] {
    border-color: rgb(var(--ink)/.08);
  }

  .border-\[rgb\(var\(--ink\)\/0\.12\)\] {
    border-color: rgb(var(--ink)/.12);
  }

  .border-\[rgb\(var\(--ink\)\/0\.14\)\] {
    border-color: rgb(var(--ink)/.14);
  }

  .border-\[rgb\(var\(--ink\)\/0\.15\)\] {
    border-color: rgb(var(--ink)/.15);
  }

  .border-\[var\(--ui-vermelho\)\] {
    border-color: var(--ui-vermelho);
  }

  .border-amber-200\/25 {
    border-color: #fee68540;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/25 {
      border-color: color-mix(in oklab, var(--color-amber-200) 25%, transparent);
    }
  }

  .border-amber-200\/30 {
    border-color: #fee6854d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/30 {
      border-color: color-mix(in oklab, var(--color-amber-200) 30%, transparent);
    }
  }

  .border-amber-300\/20 {
    border-color: #ffd23633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/20 {
      border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }

  .border-amber-300\/25 {
    border-color: #ffd23640;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/25 {
      border-color: color-mix(in oklab, var(--color-amber-300) 25%, transparent);
    }
  }

  .border-amber-300\/30 {
    border-color: #ffd2364d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/30 {
      border-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent);
    }
  }

  .border-amber-400\/25 {
    border-color: #fcbb0040;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-400\/25 {
      border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-destructive\/40 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/40 {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .border-emerald-200\/18 {
    border-color: #a4f4cf2e;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/18 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 18%, transparent);
    }
  }

  .border-emerald-200\/20 {
    border-color: #a4f4cf33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-200\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-200) 20%, transparent);
    }
  }

  .border-emerald-300\/25 {
    border-color: #5ee9b540;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/25 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 25%, transparent);
    }
  }

  .border-emerald-300\/30 {
    border-color: #5ee9b54d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-300\/30 {
      border-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent);
    }
  }

  .border-rose-300\/25 {
    border-color: #ffa2ae40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/25 {
      border-color: color-mix(in oklab, var(--color-rose-300) 25%, transparent);
    }
  }

  .border-rose-300\/30 {
    border-color: #ffa2ae4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/30 {
      border-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent);
    }
  }

  .border-rose-300\/35 {
    border-color: #ffa2ae59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/35 {
      border-color: color-mix(in oklab, var(--color-rose-300) 35%, transparent);
    }
  }

  .border-rose-300\/40 {
    border-color: #ffa2ae66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/40 {
      border-color: color-mix(in oklab, var(--color-rose-300) 40%, transparent);
    }
  }

  .border-rose-300\/50 {
    border-color: #ffa2ae80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-300\/50 {
      border-color: color-mix(in oklab, var(--color-rose-300) 50%, transparent);
    }
  }

  .border-sky-300\/25 {
    border-color: #77d4ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-sky-300\/25 {
      border-color: color-mix(in oklab, var(--color-sky-300) 25%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-violet-300\/25 {
    border-color: #c4b4ff40;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-300\/25 {
      border-color: color-mix(in oklab, var(--color-violet-300) 25%, transparent);
    }
  }

  .border-violet-400\/50 {
    border-color: #a685ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-violet-400\/50 {
      border-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent);
    }
  }

  .bg-\[rgb\(var\(--accent-rgb\)\/0\.1\)\] {
    background-color: rgb(var(--accent-rgb)/.1);
  }

  .bg-\[rgb\(var\(--accent-rgb\)\/0\.06\)\] {
    background-color: rgb(var(--accent-rgb)/.06);
  }

  .bg-\[rgb\(var\(--accent-rgb\)\/0\.12\)\] {
    background-color: rgb(var(--accent-rgb)/.12);
  }

  .bg-\[rgb\(var\(--accent-rgb\)\/0\.75\)\] {
    background-color: rgb(var(--accent-rgb)/.75);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.1\)\] {
    background-color: rgb(var(--ink)/.1);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.02\)\] {
    background-color: rgb(var(--ink)/.02);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.03\)\] {
    background-color: rgb(var(--ink)/.03);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.04\)\] {
    background-color: rgb(var(--ink)/.04);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.05\)\] {
    background-color: rgb(var(--ink)/.05);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.09\)\] {
    background-color: rgb(var(--ink)/.09);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.12\)\] {
    background-color: rgb(var(--ink)/.12);
  }

  .bg-\[rgb\(var\(--ink\)\/0\.14\)\] {
    background-color: rgb(var(--ink)/.14);
  }

  .bg-\[rgb\(var\(--status-green-rgb\)\/0\.75\)\] {
    background-color: rgb(var(--status-green-rgb)/.75);
  }

  .bg-\[rgb\(var\(--status-red-rgb\)\/0\.08\)\] {
    background-color: rgb(var(--status-red-rgb)/.08);
  }

  .bg-\[rgb\(var\(--status-red-rgb\)\/0\.14\)\] {
    background-color: rgb(var(--status-red-rgb)/.14);
  }

  .bg-\[rgb\(var\(--status-red-rgb\)\/0\.85\)\] {
    background-color: rgb(var(--status-red-rgb)/.85);
  }

  .bg-\[rgb\(var\(--status-yellow-rgb\)\/0\.8\)\] {
    background-color: rgb(var(--status-yellow-rgb)/.8);
  }

  .bg-\[rgba\(0\,0\,0\,0\.05\)\] {
    background-color: #0000000d;
  }

  .bg-\[rgba\(20\,20\,20\,0\.35\)\] {
    background-color: #14141459;
  }

  .bg-\[rgba\(217\,83\,79\,0\.05\)\] {
    background-color: #d9534f0d;
  }

  .bg-\[rgba\(244\,243\,240\,0\.45\)\] {
    background-color: #f4f3f073;
  }

  .bg-\[var\(--ui-vermelho-fundo\)\] {
    background-color: var(--ui-vermelho-fundo);
  }

  .bg-amber-200\/75 {
    background-color: #fee685bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-200\/75 {
      background-color: color-mix(in oklab, var(--color-amber-200) 75%, transparent);
    }
  }

  .bg-amber-300\/10 {
    background-color: #ffd2361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/10 {
      background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent);
    }
  }

  .bg-amber-300\/12 {
    background-color: #ffd2361f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/12 {
      background-color: color-mix(in oklab, var(--color-amber-300) 12%, transparent);
    }
  }

  .bg-amber-300\/15 {
    background-color: #ffd23626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/15 {
      background-color: color-mix(in oklab, var(--color-amber-300) 15%, transparent);
    }
  }

  .bg-amber-300\/\[0\.04\] {
    background-color: #ffd2360a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 4%, transparent);
    }
  }

  .bg-amber-300\/\[0\.06\] {
    background-color: #ffd2360f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 6%, transparent);
    }
  }

  .bg-amber-300\/\[0\.07\] {
    background-color: #ffd23612;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.07\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 7.0%, transparent);
    }
  }

  .bg-amber-300\/\[0\.08\] {
    background-color: #ffd23614;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-300\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-amber-300) 8%, transparent);
    }
  }

  .bg-amber-500\/\[0\.08\] {
    background-color: #f99c0014;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent);
    }
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }

  .bg-blue-300\/15 {
    background-color: #90c5ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-300\/15 {
      background-color: color-mix(in oklab, var(--color-blue-300) 15%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card\/40 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/40 {
      background-color: color-mix(in oklab, var(--card) 40%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-emerald-200\/\[0\.06\] {
    background-color: #a4f4cf0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-200\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-emerald-200) 6%, transparent);
    }
  }

  .bg-emerald-300\/10 {
    background-color: #5ee9b51a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-300) 10%, transparent);
    }
  }

  .bg-emerald-300\/12 {
    background-color: #5ee9b51f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/12 {
      background-color: color-mix(in oklab, var(--color-emerald-300) 12%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.04\] {
    background-color: #5ee9b50a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 4%, transparent);
    }
  }

  .bg-emerald-300\/\[0\.08\] {
    background-color: #5ee9b514;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-300\/\[0\.08\] {
      background-color: color-mix(in oklab, var(--color-emerald-300) 8%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-neutral-900 {
    background-color: var(--color-neutral-900);
  }

  .bg-orange-300 {
    background-color: var(--color-orange-300);
  }

  .bg-popover\/55 {
    background-color: var(--popover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-popover\/55 {
      background-color: color-mix(in oklab, var(--popover) 55%, transparent);
    }
  }

  .bg-red-400\/15 {
    background-color: #ff656826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-400\/15 {
      background-color: color-mix(in oklab, var(--color-red-400) 15%, transparent);
    }
  }

  .bg-red-950\/70 {
    background-color: #460809b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-950\/70 {
      background-color: color-mix(in oklab, var(--color-red-950) 70%, transparent);
    }
  }

  .bg-rose-300\/10 {
    background-color: #ffa2ae1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-300\/10 {
      background-color: color-mix(in oklab, var(--color-rose-300) 10%, transparent);
    }
  }

  .bg-rose-300\/12 {
    background-color: #ffa2ae1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-300\/12 {
      background-color: color-mix(in oklab, var(--color-rose-300) 12%, transparent);
    }
  }

  .bg-rose-300\/15 {
    background-color: #ffa2ae26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-300\/15 {
      background-color: color-mix(in oklab, var(--color-rose-300) 15%, transparent);
    }
  }

  .bg-rose-300\/\[0\.04\] {
    background-color: #ffa2ae0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-300\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-rose-300) 4%, transparent);
    }
  }

  .bg-sky-300\/12 {
    background-color: #77d4ff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-300\/12 {
      background-color: color-mix(in oklab, var(--color-sky-300) 12%, transparent);
    }
  }

  .bg-sky-300\/\[0\.04\] {
    background-color: #77d4ff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-sky-300\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-sky-300) 4%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-violet-300\/12 {
    background-color: #c4b4ff1f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-300\/12 {
      background-color: color-mix(in oklab, var(--color-violet-300) 12%, transparent);
    }
  }

  .bg-violet-300\/\[0\.04\] {
    background-color: #c4b4ff0a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-300\/\[0\.04\] {
      background-color: color-mix(in oklab, var(--color-violet-300) 4%, transparent);
    }
  }

  .bg-violet-400\/\[0\.06\] {
    background-color: #a685ff0f;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-400\/\[0\.06\] {
      background-color: color-mix(in oklab, var(--color-violet-400) 6%, transparent);
    }
  }

  .bg-yellow-300\/10 {
    background-color: #ffe02a1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-yellow-300\/10 {
      background-color: color-mix(in oklab, var(--color-yellow-300) 10%, transparent);
    }
  }

  .bg-\[linear-gradient\(135deg\,rgb\(var\(--accent-rgb\)\/0\.92\)\,rgb\(var\(--accent-rgb\)\/0\.62\)\)\] {
    background-image: linear-gradient(135deg,rgb(var(--accent-rgb)/.92),rgb(var(--accent-rgb)/.62));
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-9 {
    padding-block: calc(var(--spacing) * 9);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-\[34px\] {
    padding-left: 34px;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.3em\] {
    --tw-tracking: .3em;
    letter-spacing: .3em;
  }

  .tracking-\[0\.12em\] {
    --tw-tracking: .12em;
    letter-spacing: .12em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-\[0\.18em\] {
    --tw-tracking: .18em;
    letter-spacing: .18em;
  }

  .tracking-\[0\.22em\] {
    --tw-tracking: .22em;
    letter-spacing: .22em;
  }

  .tracking-\[0\.32em\] {
    --tw-tracking: .32em;
    letter-spacing: .32em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#0a1224\] {
    color: #0a1224;
  }

  .text-\[\#1a0a05\] {
    color: #1a0a05;
  }

  .text-\[\#2c6b45\] {
    color: #2c6b45;
  }

  .text-\[\#8a9199\] {
    color: #8a9199;
  }

  .text-\[\#080b12\] {
    color: #080b12;
  }

  .text-\[\#a94442\] {
    color: #a94442;
  }

  .text-\[rgb\(var\(--accent-rgb\)\)\] {
    color: rgb(var(--accent-rgb));
  }

  .text-\[rgb\(var\(--accent-rgb\)\/0\.8\)\] {
    color: rgb(var(--accent-rgb)/.8);
  }

  .text-\[rgb\(var\(--status-green\)\)\] {
    color: rgb(var(--status-green));
  }

  .text-\[rgb\(var\(--surface-rgb\)\)\] {
    color: rgb(var(--surface-rgb));
  }

  .text-\[var\(--foreground\)\] {
    color: var(--foreground);
  }

  .text-\[var\(--muted-foreground\)\] {
    color: var(--muted-foreground);
  }

  .text-\[var\(--shell-text-muted\)\] {
    color: var(--shell-text-muted);
  }

  .text-\[var\(--shell-text-soft\)\] {
    color: var(--shell-text-soft);
  }

  .text-\[var\(--status-green\)\] {
    color: var(--status-green);
  }

  .text-\[var\(--status-red\)\] {
    color: var(--status-red);
  }

  .text-\[var\(--status-yellow\)\] {
    color: var(--status-yellow);
  }

  .text-\[var\(--ui-muted\)\] {
    color: var(--ui-muted);
  }

  .text-\[var\(--ui-vermelho\)\] {
    color: var(--ui-vermelho);
  }

  .text-amber-100 {
    color: var(--color-amber-100);
  }

  .text-amber-300 {
    color: var(--color-amber-300);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-700\/60 {
    color: #b7500099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/60 {
      color: color-mix(in oklab, var(--color-amber-700) 60%, transparent);
    }
  }

  .text-amber-700\/65 {
    color: #b75000a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/65 {
      color: color-mix(in oklab, var(--color-amber-700) 65%, transparent);
    }
  }

  .text-amber-700\/70 {
    color: #b75000b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/70 {
      color: color-mix(in oklab, var(--color-amber-700) 70%, transparent);
    }
  }

  .text-amber-700\/85 {
    color: #b75000d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/85 {
      color: color-mix(in oklab, var(--color-amber-700) 85%, transparent);
    }
  }

  .text-amber-700\/95 {
    color: #b75000f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-700\/95 {
      color: color-mix(in oklab, var(--color-amber-700) 95%, transparent);
    }
  }

  .text-blue-400 {
    color: var(--color-blue-400);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-cyan-400 {
    color: var(--color-cyan-400);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-emerald-100 {
    color: var(--color-emerald-100);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-emerald-700\/65 {
    color: #007956a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-700\/65 {
      color: color-mix(in oklab, var(--color-emerald-700) 65%, transparent);
    }
  }

  .text-emerald-700\/85 {
    color: #007956d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-700\/85 {
      color: color-mix(in oklab, var(--color-emerald-700) 85%, transparent);
    }
  }

  .text-emerald-700\/90 {
    color: #007956e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-700\/90 {
      color: color-mix(in oklab, var(--color-emerald-700) 90%, transparent);
    }
  }

  .text-emerald-700\/95 {
    color: #007956f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-emerald-700\/95 {
      color: color-mix(in oklab, var(--color-emerald-700) 95%, transparent);
    }
  }

  .text-foreground, .text-foreground\/10 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/10 {
      color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .text-foreground\/18 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/18 {
      color: color-mix(in oklab, var(--foreground) 18%, transparent);
    }
  }

  .text-foreground\/30 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/30 {
      color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .text-foreground\/35 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/35 {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .text-foreground\/38 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/38 {
      color: color-mix(in oklab, var(--foreground) 38%, transparent);
    }
  }

  .text-foreground\/40 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/40 {
      color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .text-foreground\/45 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/45 {
      color: color-mix(in oklab, var(--foreground) 45%, transparent);
    }
  }

  .text-foreground\/50 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/50 {
      color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
  }

  .text-foreground\/55 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/55 {
      color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }

  .text-foreground\/58 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/58 {
      color: color-mix(in oklab, var(--foreground) 58%, transparent);
    }
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/65 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/65 {
      color: color-mix(in oklab, var(--foreground) 65%, transparent);
    }
  }

  .text-foreground\/66 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/66 {
      color: color-mix(in oklab, var(--foreground) 66%, transparent);
    }
  }

  .text-foreground\/70 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/70 {
      color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .text-foreground\/72 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/72 {
      color: color-mix(in oklab, var(--foreground) 72%, transparent);
    }
  }

  .text-foreground\/75 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/75 {
      color: color-mix(in oklab, var(--foreground) 75%, transparent);
    }
  }

  .text-foreground\/78 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/78 {
      color: color-mix(in oklab, var(--foreground) 78%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/82 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/82 {
      color: color-mix(in oklab, var(--foreground) 82%, transparent);
    }
  }

  .text-foreground\/84 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/84 {
      color: color-mix(in oklab, var(--foreground) 84%, transparent);
    }
  }

  .text-foreground\/85 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/85 {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .text-foreground\/86 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/86 {
      color: color-mix(in oklab, var(--foreground) 86%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .text-foreground\/95 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/95 {
      color: color-mix(in oklab, var(--foreground) 95%, transparent);
    }
  }

  .text-fuchsia-400 {
    color: var(--color-fuchsia-400);
  }

  .text-lime-400 {
    color: var(--color-lime-400);
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-orange-700\/55 {
    color: #c53c008c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-orange-700\/55 {
      color: color-mix(in oklab, var(--color-orange-700) 55%, transparent);
    }
  }

  .text-orange-700\/60 {
    color: #c53c0099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-orange-700\/60 {
      color: color-mix(in oklab, var(--color-orange-700) 60%, transparent);
    }
  }

  .text-orange-700\/85 {
    color: #c53c00d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-orange-700\/85 {
      color: color-mix(in oklab, var(--color-orange-700) 85%, transparent);
    }
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-700\/80 {
    color: #bf000fcc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-700\/80 {
      color: color-mix(in oklab, var(--color-red-700) 80%, transparent);
    }
  }

  .text-red-700\/85 {
    color: #bf000fd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-red-700\/85 {
      color: color-mix(in oklab, var(--color-red-700) 85%, transparent);
    }
  }

  .text-rose-100 {
    color: var(--color-rose-100);
  }

  .text-rose-300 {
    color: var(--color-rose-300);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-rose-700\/85 {
    color: #c20039d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-rose-700\/85 {
      color: color-mix(in oklab, var(--color-rose-700) 85%, transparent);
    }
  }

  .text-sky-100 {
    color: var(--color-sky-100);
  }

  .text-sky-300 {
    color: var(--color-sky-300);
  }

  .text-sky-400 {
    color: var(--color-sky-400);
  }

  .text-teal-400 {
    color: var(--color-teal-400);
  }

  .text-violet-100 {
    color: var(--color-violet-100);
  }

  .text-violet-300 {
    color: var(--color-violet-300);
  }

  .text-violet-400 {
    color: var(--color-violet-400);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-violet-700 {
    color: var(--color-violet-700);
  }

  .text-violet-700\/75 {
    color: #7008e7bf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-violet-700\/75 {
      color: color-mix(in oklab, var(--color-violet-700) 75%, transparent);
    }
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-700 {
    color: var(--color-yellow-700);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-\[rgb\(var\(--accent-rgb\)\)\] {
    -webkit-text-decoration-color: rgb(var(--accent-rgb));
    -webkit-text-decoration-color: rgb(var(--accent-rgb));
    text-decoration-color: rgb(var(--accent-rgb));
  }

  .decoration-2 {
    text-decoration-thickness: 2px;
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .underline-offset-\[3px\] {
    text-underline-offset: 3px;
  }

  .accent-\[rgb\(var\(--accent-rgb\)\)\] {
    accent-color: rgb(var(--accent-rgb));
  }

  .accent-violet-400 {
    accent-color: var(--color-violet-400);
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow-\[0_0_18px_rgba\(110\,160\,255\,0\.45\)\] {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #6ea0ff73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_18px_rgba\(251\,146\,60\,0\.45\)\] {
    --tw-shadow: 0 0 18px var(--tw-shadow-color, #fb923c73);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_42px_-18px_rgb\(var\(--accent-rgb\)\/0\.82\)\,inset_0_1px_0_0_rgb\(var\(--ink\)\/0\.35\)\] {
    --tw-shadow: 0 18px 42px -18px var(--tw-shadow-color, rgb(var(--accent-rgb)/.82)), inset 0 1px 0 0 var(--tw-shadow-color, rgb(var(--ink)/.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_46px_-10px_rgba\(127\,29\,29\,0\.72\)\] {
    --tw-shadow: 0 18px 46px -10px var(--tw-shadow-color, #7f1d1db8);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgb\(239_102_102\/0\.3\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ef66664d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[rgb\(var\(--accent-rgb\)\/0\.3\)\] {
    --tw-ring-color: rgb(var(--accent-rgb)/.3);
  }

  .ring-amber-300\/35 {
    --tw-ring-color: #ffd23659;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-amber-300\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-300) 35%, transparent);
    }
  }

  .ring-blue-300\/30 {
    --tw-ring-color: #90c5ff4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-300\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent);
    }
  }

  .ring-blue-300\/40 {
    --tw-ring-color: #90c5ff66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-blue-300\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-300) 40%, transparent);
    }
  }

  .ring-emerald-300\/30 {
    --tw-ring-color: #5ee9b54d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-300\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent);
    }
  }

  .ring-emerald-300\/35 {
    --tw-ring-color: #5ee9b559;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-emerald-300\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 35%, transparent);
    }
  }

  .ring-red-300\/35 {
    --tw-ring-color: #ffa3a359;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-red-300\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-red-300) 35%, transparent);
    }
  }

  .ring-red-400\/30 {
    --tw-ring-color: #ff65684d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-red-400\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 30%, transparent);
    }
  }

  .ring-rose-300\/30 {
    --tw-ring-color: #ffa2ae4d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-300\/30 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent);
    }
  }

  .ring-rose-300\/35 {
    --tw-ring-color: #ffa2ae59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-rose-300\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-rose-300) 35%, transparent);
    }
  }

  .ring-sky-300\/35 {
    --tw-ring-color: #77d4ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-sky-300\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-sky-300) 35%, transparent);
    }
  }

  .ring-violet-300\/35 {
    --tw-ring-color: #c4b4ff59;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-violet-300\/35 {
      --tw-ring-color: color-mix(in oklab, var(--color-violet-300) 35%, transparent);
    }
  }

  .ring-yellow-300\/40 {
    --tw-ring-color: #ffe02a66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-yellow-300\/40 {
      --tw-ring-color: color-mix(in oklab, var(--color-yellow-300) 40%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-none {
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\[motion-reduce\:transition-none\] {
    motion-reduce: transition-none;
  }

  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  @media (hover: hover) {
    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * .5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }

    .group-hover\:rotate-45:is(:where(.group):hover *) {
      rotate: 45deg;
    }

    .group-hover\:bg-red-400\/25:is(:where(.group):hover *) {
      background-color: #ff656840;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:bg-red-400\/25:is(:where(.group):hover *) {
        background-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
      }
    }

    .group-hover\:text-foreground:is(:where(.group):hover *) {
      color: var(--foreground);
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .selection\:bg-primary ::selection {
    background-color: var(--primary);
  }

  .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground ::selection {
    color: var(--primary-foreground);
  }

  .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-foreground\/35::placeholder {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-foreground\/35::placeholder {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:top-\[1\.5em\]:before {
    content: var(--tw-content);
    top: 1.5em;
  }

  .before\:bottom-0:before {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:z-1:before {
    content: var(--tw-content);
    z-index: 1;
  }

  .before\:h-0:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 0);
  }

  .before\:h-\[0\.05em\]:before {
    content: var(--tw-content);
    height: .05em;
  }

  .before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
  }

  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }

  .before\:origin-center:before {
    content: var(--tw-content);
    transform-origin: center;
  }

  .before\:origin-left:before {
    content: var(--tw-content);
    transform-origin: 0;
  }

  .before\:origin-right:before {
    content: var(--tw-content);
    transform-origin: 100%;
  }

  .before\:scale-x-0:before {
    content: var(--tw-content);
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .before\:scale-x-1:before {
    content: var(--tw-content);
    --tw-scale-x: 1%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .before\:scale-x-100:before {
    content: var(--tw-content);
    --tw-scale-x: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .before\:bg-current:before {
    content: var(--tw-content);
    background-color: currentColor;
  }

  .before\:bg-white:before {
    content: var(--tw-content);
    background-color: var(--color-white);
  }

  .before\:mix-blend-difference:before {
    content: var(--tw-content);
    mix-blend-mode: difference;
  }

  .before\:transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:transition-transform:before {
    content: var(--tw-content);
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-300:before {
    content: var(--tw-content);
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .before\:ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]:before {
    content: var(--tw-content);
    --tw-ease: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .focus-within\:border-sky-300\/50:focus-within {
    border-color: #77d4ff80;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-sky-300\/50:focus-within {
      border-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:border-\[rgb\(var\(--accent-rgb\)\/0\.64\)\]:hover {
      border-color: rgb(var(--accent-rgb)/.64);
    }

    .hover\:border-\[rgb\(var\(--ink\)\/0\.16\)\]:hover {
      border-color: rgb(var(--ink)/.16);
    }

    .hover\:border-\[rgb\(var\(--ink\)\/0\.25\)\]:hover {
      border-color: rgb(var(--ink)/.25);
    }

    .hover\:border-amber-300\/50:hover {
      border-color: #ffd23680;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-amber-300\/50:hover {
        border-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent);
      }
    }

    .hover\:border-rose-300\/60:hover {
      border-color: #ffa2ae99;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-rose-300\/60:hover {
        border-color: color-mix(in oklab, var(--color-rose-300) 60%, transparent);
      }
    }

    .hover\:bg-\[rgb\(var\(--ink\)\/0\.1\)\]:hover {
      background-color: rgb(var(--ink)/.1);
    }

    .hover\:bg-\[rgb\(var\(--ink\)\/0\.07\)\]:hover {
      background-color: rgb(var(--ink)/.07);
    }

    .hover\:bg-\[rgb\(var\(--ink\)\/0\.08\)\]:hover {
      background-color: rgb(var(--ink)/.08);
    }

    .hover\:bg-\[rgb\(var\(--ink\)\/0\.15\)\]:hover {
      background-color: rgb(var(--ink)/.15);
    }

    .hover\:bg-\[rgba\(0\,0\,0\,0\.05\)\]:hover {
      background-color: #0000000d;
    }

    .hover\:bg-amber-300\/15:hover {
      background-color: #ffd23626;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-300\/15:hover {
        background-color: color-mix(in oklab, var(--color-amber-300) 15%, transparent);
      }
    }

    .hover\:bg-amber-300\/\[0\.09\]:hover {
      background-color: #ffd23617;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-amber-300\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-amber-300) 9%, transparent);
      }
    }

    .hover\:bg-blue-200:hover {
      background-color: var(--color-blue-200);
    }

    .hover\:bg-blue-300\/15:hover {
      background-color: #90c5ff26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blue-300\/15:hover {
        background-color: color-mix(in oklab, var(--color-blue-300) 15%, transparent);
      }
    }

    .hover\:bg-emerald-300\/\[0\.09\]:hover {
      background-color: #5ee9b517;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-300\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-emerald-300) 9%, transparent);
      }
    }

    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }

    .hover\:bg-neutral-100:hover {
      background-color: var(--color-neutral-100);
    }

    .hover\:bg-orange-200:hover {
      background-color: var(--color-orange-200);
    }

    .hover\:bg-orange-300\/10:hover {
      background-color: #ffb96d1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-orange-300\/10:hover {
        background-color: color-mix(in oklab, var(--color-orange-300) 10%, transparent);
      }
    }

    .hover\:bg-orange-300\/15:hover {
      background-color: #ffb96d26;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-orange-300\/15:hover {
        background-color: color-mix(in oklab, var(--color-orange-300) 15%, transparent);
      }
    }

    .hover\:bg-rose-300\/20:hover {
      background-color: #ffa2ae33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-300\/20:hover {
        background-color: color-mix(in oklab, var(--color-rose-300) 20%, transparent);
      }
    }

    .hover\:bg-rose-300\/\[0\.09\]:hover {
      background-color: #ffa2ae17;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-rose-300\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-rose-300) 9%, transparent);
      }
    }

    .hover\:bg-sky-300\/\[0\.09\]:hover {
      background-color: #77d4ff17;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-sky-300\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-sky-300) 9%, transparent);
      }
    }

    .hover\:bg-violet-300\/\[0\.09\]:hover {
      background-color: #c4b4ff17;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-violet-300\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-violet-300) 9%, transparent);
      }
    }

    .hover\:text-\[rgb\(var\(--accent-rgb\)\)\]:hover {
      color: rgb(var(--accent-rgb));
    }

    .hover\:text-amber-700:hover {
      color: var(--color-amber-700);
    }

    .hover\:text-blue-700:hover {
      color: var(--color-blue-700);
    }

    .hover\:text-foreground:hover, .hover\:text-foreground\/70:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/70:hover {
        color: color-mix(in oklab, var(--foreground) 70%, transparent);
      }
    }

    .hover\:text-foreground\/80:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/80:hover {
        color: color-mix(in oklab, var(--foreground) 80%, transparent);
      }
    }

    .hover\:text-foreground\/85:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/85:hover {
        color: color-mix(in oklab, var(--foreground) 85%, transparent);
      }
    }

    .hover\:text-foreground\/90:hover {
      color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-foreground\/90:hover {
        color: color-mix(in oklab, var(--foreground) 90%, transparent);
      }
    }

    .hover\:text-orange-700:hover {
      color: var(--color-orange-700);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_8px_28px_-8px_rgba\(110\,231\,183\,0\.45\)\]:hover {
      --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, #6ee7b773);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_8px_28px_-8px_rgba\(125\,211\,252\,0\.45\)\]:hover {
      --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, #7dd3fc73);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_8px_28px_-8px_rgba\(196\,181\,253\,0\.45\)\]:hover {
      --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, #c4b5fd73);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_8px_28px_-8px_rgba\(232\,194\,117\,0\.45\)\]:hover {
      --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, #e8c27573);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:shadow-\[0_8px_28px_-8px_rgba\(252\,165\,165\,0\.45\)\]:hover {
      --tw-shadow: 0 8px 28px -8px var(--tw-shadow-color, #fca5a573);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:before\:h-\[1\.4em\]:hover:before {
      content: var(--tw-content);
      height: 1.4em;
    }

    .hover\:before\:origin-left:hover:before {
      content: var(--tw-content);
      transform-origin: 0;
    }

    .hover\:before\:origin-right:hover:before {
      content: var(--tw-content);
      transform-origin: 100%;
    }

    .hover\:before\:scale-x-100:hover:before {
      content: var(--tw-content);
      --tw-scale-x: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  .focus\:bg-\[rgb\(var\(--accent-rgb\)\/0\.14\)\]:focus {
    background-color: rgb(var(--accent-rgb)/.14);
  }

  .focus\:text-\[rgb\(var\(--accent-rgb\)\)\]:focus {
    color: rgb(var(--accent-rgb));
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-\[\>svg\]\:px-1\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[size\=default\]\:h-10[data-size="default"] {
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }

    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }

    .sm\:max-w-md {
      max-width: var(--container-md);
    }

    .sm\:max-w-none {
      max-width: none;
    }

    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:flex-wrap {
      flex-wrap: wrap;
    }

    .sm\:justify-between {
      justify-content: space-between;
    }

    .sm\:justify-center {
      justify-content: center;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    .sm\:overflow-visible {
      overflow: visible;
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:px-9 {
      padding-inline: calc(var(--spacing) * 9);
    }

    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }

    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }

    .md\:before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }

    .md\:before\:bottom-0:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0);
    }
  }

  .dark\:bg-\[rgba\(0\,0\,0\,0\.5\)\]:is(.dark *) {
    background-color: #00000080;
  }

  .dark\:text-amber-50:is(.dark *) {
    color: var(--color-amber-50);
  }

  .dark\:text-amber-100:is(.dark *) {
    color: var(--color-amber-100);
  }

  .dark\:text-amber-100\/60:is(.dark *) {
    color: #fef3c699;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-100\/60:is(.dark *) {
      color: color-mix(in oklab, var(--color-amber-100) 60%, transparent);
    }
  }

  .dark\:text-amber-100\/65:is(.dark *) {
    color: #fef3c6a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-100\/65:is(.dark *) {
      color: color-mix(in oklab, var(--color-amber-100) 65%, transparent);
    }
  }

  .dark\:text-amber-100\/70:is(.dark *) {
    color: #fef3c6b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-100\/70:is(.dark *) {
      color: color-mix(in oklab, var(--color-amber-100) 70%, transparent);
    }
  }

  .dark\:text-amber-100\/85:is(.dark *) {
    color: #fef3c6d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-100\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-amber-100) 85%, transparent);
    }
  }

  .dark\:text-amber-100\/95:is(.dark *) {
    color: #fef3c6f2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-amber-100\/95:is(.dark *) {
      color: color-mix(in oklab, var(--color-amber-100) 95%, transparent);
    }
  }

  .dark\:text-amber-200:is(.dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-300:is(.dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-blue-100:is(.dark *) {
    color: var(--color-blue-100);
  }

  .dark\:text-blue-200:is(.dark *) {
    color: var(--color-blue-200);
  }

  .dark\:text-emerald-100:is(.dark *) {
    color: var(--color-emerald-100);
  }

  .dark\:text-emerald-100\/65:is(.dark *) {
    color: #d0fae5a6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-100\/65:is(.dark *) {
      color: color-mix(in oklab, var(--color-emerald-100) 65%, transparent);
    }
  }

  .dark\:text-emerald-100\/85:is(.dark *) {
    color: #d0fae5d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-100\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-emerald-100) 85%, transparent);
    }
  }

  .dark\:text-emerald-200:is(.dark *) {
    color: var(--color-emerald-200);
  }

  .dark\:text-emerald-200\/65:is(.dark *) {
    color: #a4f4cfa6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-200\/65:is(.dark *) {
      color: color-mix(in oklab, var(--color-emerald-200) 65%, transparent);
    }
  }

  .dark\:text-emerald-200\/85:is(.dark *) {
    color: #a4f4cfd9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-200\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-emerald-200) 85%, transparent);
    }
  }

  .dark\:text-emerald-200\/90:is(.dark *) {
    color: #a4f4cfe6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-200\/90:is(.dark *) {
      color: color-mix(in oklab, var(--color-emerald-200) 90%, transparent);
    }
  }

  .dark\:text-emerald-200\/95:is(.dark *) {
    color: #a4f4cff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-emerald-200\/95:is(.dark *) {
      color: color-mix(in oklab, var(--color-emerald-200) 95%, transparent);
    }
  }

  .dark\:text-orange-100:is(.dark *) {
    color: var(--color-orange-100);
  }

  .dark\:text-orange-200\/60:is(.dark *) {
    color: #ffd7a899;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-orange-200\/60:is(.dark *) {
      color: color-mix(in oklab, var(--color-orange-200) 60%, transparent);
    }
  }

  .dark\:text-orange-200\/85:is(.dark *) {
    color: #ffd7a8d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-orange-200\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-orange-200) 85%, transparent);
    }
  }

  .dark\:text-orange-300:is(.dark *) {
    color: var(--color-orange-300);
  }

  .dark\:text-orange-300\/55:is(.dark *) {
    color: #ffb96d8c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-orange-300\/55:is(.dark *) {
      color: color-mix(in oklab, var(--color-orange-300) 55%, transparent);
    }
  }

  .dark\:text-red-100:is(.dark *) {
    color: var(--color-red-100);
  }

  .dark\:text-red-200:is(.dark *) {
    color: var(--color-red-200);
  }

  .dark\:text-red-200\/80:is(.dark *) {
    color: #ffcacacc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-red-200\/80:is(.dark *) {
      color: color-mix(in oklab, var(--color-red-200) 80%, transparent);
    }
  }

  .dark\:text-red-300:is(.dark *) {
    color: var(--color-red-300);
  }

  .dark\:text-red-300\/80:is(.dark *) {
    color: #ffa3a3cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-red-300\/80:is(.dark *) {
      color: color-mix(in oklab, var(--color-red-300) 80%, transparent);
    }
  }

  .dark\:text-red-300\/85:is(.dark *) {
    color: #ffa3a3d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-red-300\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-red-300) 85%, transparent);
    }
  }

  .dark\:text-rose-100:is(.dark *) {
    color: var(--color-rose-100);
  }

  .dark\:text-rose-200\/85:is(.dark *) {
    color: #ffccd3d9;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-rose-200\/85:is(.dark *) {
      color: color-mix(in oklab, var(--color-rose-200) 85%, transparent);
    }
  }

  .dark\:text-rose-300:is(.dark *) {
    color: var(--color-rose-300);
  }

  .dark\:text-violet-200:is(.dark *) {
    color: var(--color-violet-200);
  }

  .dark\:text-violet-300:is(.dark *) {
    color: var(--color-violet-300);
  }

  .dark\:text-violet-300\/75:is(.dark *) {
    color: #c4b4ffbf;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-violet-300\/75:is(.dark *) {
      color: color-mix(in oklab, var(--color-violet-300) 75%, transparent);
    }
  }

  .dark\:text-yellow-300:is(.dark *) {
    color: var(--color-yellow-300);
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--muted-foreground);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:border-\[rgb\(var\(--accent-rgb\)\/0\.42\)\]:hover {
      border-color: rgb(var(--accent-rgb)/.42);
    }

    a.\[a\&\]\:hover\:bg-rose-300\/20:hover {
      background-color: #ffa2ae33;
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-rose-300\/20:hover {
        background-color: color-mix(in oklab, var(--color-rose-300) 20%, transparent);
      }
    }

    a.\[a\&\]\:hover\:text-foreground:hover {
      color: var(--foreground);
    }

    a.\[a\&\]\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
}
@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}
@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}
@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}
@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}
@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
:root {
  --panel: #1011159e;
  --cta-hi: #f4d99b;
  --cta-lo: #e3b360;
  --cta-ink: #211703;
  --glass-lip: rgb(var(--ink) / .22);
  --glass-inset: #00000040;
  --panel-shadow: 0 34px 80px -28px rgb(var(--shadow) / .9);
  --zoom-bg: #0d0e12;
  --radius-panel: 28px;
  --radius-hero: 22px;
  --radius-tile: 18px;
  --radius-sub: 16px;
  --ease-liquid: cubic-bezier(.22, 1, .36, 1);
  --dur-zoom: .66s;
}
[data-accent="aurora"] {
  --panel: #1011159e;
  --cta-hi: #f4d99b;
  --cta-lo: #e3b360;
  --cta-ink: #211703;
}
[data-accent="seco"] {
  --panel: #1010129e;
  --cta-hi: #fff;
  --cta-lo: #d9d9dd;
  --cta-ink: #101012;
}
[data-accent="verde"] {
  --panel: #11100e9e;
  --cta-hi: #f4d99b;
  --cta-lo: #e3b360;
  --cta-ink: #211703;
}
[data-accent="rosa"] {
  --panel: #130f149e;
  --cta-hi: #f9a8d0;
  --cta-lo: #ec5fa8;
  --cta-ink: #33081d;
}
[data-accent="rubi"] {
  --panel: #140f0e9e;
  --cta-hi: #fdba74;
  --cta-lo: #f97c28;
  --cta-ink: #2e1203;
}
[data-accent="roxo"] {
  --panel: #100f169e;
  --cta-hi: #a5f3fc;
  --cta-lo: #3ecbe0;
  --cta-ink: #062a30;
}
[data-theme="light"] {
  --panel: #f7f9fca8;
  --glass-inset: #141e3412;
  --panel-shadow: 0 30px 70px -26px rgb(var(--shadow) / .28);
  --zoom-bg: #eef2f8;
}
[data-theme="light"][data-accent="aurora"], [data-theme="light"][data-accent="verde"] {
  --cta-hi: #e8c275;
  --cta-lo: #c9982f;
  --cta-ink: #241703;
}
[data-theme="light"][data-accent="seco"] {
  --cta-hi: #3a3f4c;
  --cta-lo: #23262e;
  --cta-ink: #f5f6f8;
}
[data-theme="light"][data-accent="rosa"] {
  --cta-hi: #f27bb4;
  --cta-lo: #d54682;
  --cta-ink: #fff;
}
[data-theme="light"][data-accent="rubi"] {
  --cta-hi: #f9955c;
  --cta-lo: #d95c1e;
  --cta-ink: #fff;
}
[data-theme="light"][data-accent="roxo"] {
  --cta-hi: #4cc4dc;
  --cta-lo: #14829e;
  --cta-ink: #04222b;
}
html.zoom-nav .fade-up {
  opacity: 1;
  animation: none !important;
}
.oc-ed {
  --oc-ed-vidro: #ffffff6b;
  --oc-ed-vidro-blur: 14px;
  --oc-ed-vidro-reflexo: #fffc;
  --oc-ed-vidro-sombra: #1414141f;
  --oc-ed-acao-ativa: #171717;
  --oc-ed-acao-icone: #fafafa;
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
}
.oc-ed[data-modelo="b"] {
  --oc-ed-vidro: #ffffffad;
  --oc-ed-vidro-blur: 28px;
  --oc-ed-vidro-reflexo: transparent;
  --oc-ed-vidro-sombra: #14141417;
}
.oc-ed[data-modelo="c"] {
  --oc-ed-vidro: #c0c3c761;
  --oc-ed-vidro-blur: 20px;
  --oc-ed-vidro-reflexo: #ffffff8c;
  --oc-ed-vidro-sombra: #1414142e;
}
[data-theme="dark"] .oc-ed {
  --oc-ed-vidro: #3030306b;
  --oc-ed-vidro-reflexo: #ffffff29;
  --oc-ed-vidro-sombra: #0000004d;
  --oc-ed-acao-ativa: #f2f2ef;
  --oc-ed-acao-icone: #171717;
}
[data-theme="dark"] .oc-ed[data-modelo="b"] {
  --oc-ed-vidro: #363636b3;
  --oc-ed-vidro-reflexo: transparent;
  --oc-ed-vidro-sombra: #00000038;
}
[data-theme="dark"] .oc-ed[data-modelo="c"] {
  --oc-ed-vidro: #1e2125ad;
  --oc-ed-vidro-reflexo: #ffffff1f;
  --oc-ed-vidro-sombra: #0006;
}
.oc-ed-util {
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}
.oc-ed-util svg {
  width: 18px;
  height: 18px;
}
.oc-ed-util:hover {
  background: var(--ui-hover);
}
.oc-ed-pessoa {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 32px;
  display: flex;
}
.oc-ed-cab-direita {
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
  position: relative;
}
.oc-ed-pessoa > .oc-ed-gerais {
  margin-top: 0;
}
.oc-ed-cab-direita > .oc-ed-util {
  position: absolute;
  left: calc(100% + 12px);
}
.oc-ed-corpo {
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}
.oc-ed-painel-geral {
  text-align: center;
  margin-top: 20px;
}
.oc-ed-painel-geral h2 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}
.oc-ed-menu .oc-ed-gerais {
  gap: 6px;
  display: grid;
}
.oc-ed-menu {
  z-index: 40;
  background: var(--ui-superficie);
  min-width: 240px;
  color: var(--ui-texto);
  box-shadow: 0 12px 36px rgb(var(--shadow) / .2);
  border-radius: 16px;
  padding: 12px 16px;
}
.oc-ed-menu button:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.oc-ed-gerais .oc-ed-cancelar {
  color: var(--ui-vermelho);
}
.oc-ed-pessoa h1 {
  letter-spacing: -.025em;
  font-size: clamp(28px, 3vw, 38px);
  font-weight: 600;
  line-height: 1.2;
}
.oc-ed-pessoa p {
  color: var(--ui-muted);
  margin-top: 10px;
  font-size: 14px;
}
.oc-ed-pessoa p span {
  margin: 0 6px;
}
.oc-ed-periodo {
  text-align: center;
  flex-shrink: 0;
  gap: 5px;
  display: grid;
}
.oc-ed-periodo strong {
  font-size: 16px;
  font-weight: 500;
}
.oc-ed-periodo span {
  color: var(--ui-muted);
  font-size: 12px;
}
.oc-ed-instrucao {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  display: flex;
}
.oc-ed-instrucao h2 {
  letter-spacing: -.015em;
  font-size: 21px;
  font-weight: 500;
}
.oc-ed-instrucao p {
  color: var(--ui-muted);
  margin-top: 7px;
  font-size: 13px;
}
.oc-ed-instrucao > span {
  color: var(--ui-muted);
  white-space: nowrap;
  font-size: 12px;
}
.oc-ed-area {
  padding-bottom: 24px;
  position: relative;
}
.pagina.oc-ed {
  padding-bottom: 124px;
}
.oc-ed-dias {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  max-width: 1100px;
  margin-inline: auto;
  display: flex;
}
.oc-ed-dia {
  background: var(--ui-superficie);
  box-shadow: inset 0 0 0 1px var(--ui-borda);
  border-radius: 16px;
  flex: 0 calc(20% - 9.6px);
  min-width: 0;
  transition: background .18s, box-shadow .18s;
  position: relative;
}
.oc-ed-dia:hover {
  background: var(--ui-hover);
}
.oc-ed-dia[data-selecionado="true"] {
  box-shadow: inset 0 0 0 1.5px var(--ui-texto);
}
.oc-ed-dia-alvo {
  text-align: center;
  border-radius: inherit;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 184px;
  padding: 40px 16px 20px;
  display: flex;
}
.oc-ed-semana {
  color: var(--ui-muted);
  font-size: 13px;
}
.oc-ed-dia-alvo > strong {
  letter-spacing: -.035em;
  font-variant-numeric: tabular-nums;
  margin: 12px 0 20px;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.1;
}
.oc-ed-registro {
  color: var(--ui-muted);
  overflow-wrap: anywhere;
  margin-top: auto;
  font-size: 12px;
  line-height: 1.4;
}
.oc-ed-registro[data-alterado="true"] {
  color: var(--ui-texto);
  font-weight: 500;
}
.oc-ed-bolinha {
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  position: absolute;
  top: 7px;
  right: 5px;
}
.oc-ed-bolinha > span {
  border: 1px solid var(--ui-muted);
  border-radius: 50%;
  place-items: center;
  width: 17px;
  height: 17px;
  display: grid;
}
.oc-ed-bolinha[aria-pressed="true"] > span {
  border-color: var(--ui-texto);
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.oc-ed-bolinha svg {
  width: 12px;
  height: 12px;
}
.oc-ed-flutuante {
  bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  left: var(--oc-ed-centro, 50%);
  z-index: 40;
  width: max-content;
  max-width: calc(100vw - 24px);
  position: fixed;
  transform: translateX(-50%);
}
.oc-ed-acoes {
  background: var(--oc-ed-vidro);
  -webkit-backdrop-filter: blur(var(--oc-ed-vidro-blur));
  box-shadow: inset 0 1px 0 var(--oc-ed-vidro-reflexo), 0 12px 28px -8px var(--oc-ed-vidro-sombra);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 10px;
  animation: .56s cubic-bezier(.22, .68, .2, 1) oc-ed-abrir;
  display: flex;
}
.oc-ed-acao {
  width: 56px;
  height: 56px;
  color: var(--ui-texto);
  background: none;
  border-radius: 50%;
  place-items: center;
  transition: background-color .16s ease-out, color .16s ease-out, transform .16s ease-out;
  animation: .3s ease-out .14s backwards oc-ed-icone;
  display: grid;
  position: relative;
}
.oc-ed-acao > svg {
  stroke-width: 1.6px;
  width: 25px;
  height: 25px;
}
.oc-ed-fechar > svg {
  width: 20px;
  height: 20px;
}
.oc-ed-acao:is(:hover, :focus-visible, :active) {
  background: var(--oc-ed-acao-ativa);
  color: var(--oc-ed-acao-icone);
}
.oc-ed-acao:active {
  transform: scale(.94);
}
.oc-ed-acao [role="tooltip"] {
  background: var(--ui-texto);
  width: max-content;
  max-width: 190px;
  color: var(--ui-superficie);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  position: absolute;
  bottom: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
}
.oc-ed-acao:first-child [role="tooltip"] {
  left: 0;
  transform: none;
}
.oc-ed-acao:last-child [role="tooltip"] {
  left: auto;
  right: 0;
  transform: none;
}
.oc-ed-acao:is(:hover, :focus-visible) [role="tooltip"] {
  opacity: 1;
  visibility: visible;
}
.oc-ed-retorno {
  min-height: 30px;
  color: var(--ui-muted);
  text-align: center;
  font-size: 12px;
}
.oc-ed-rodape {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 8px;
  display: flex;
}
.oc-ed-gerais {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}
.oc-ed-gerais > span {
  color: var(--ui-muted);
  font-size: 12px;
}
.oc-ed-gerais button {
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-size: 12px;
  display: inline-flex;
}
.oc-ed-gerais button:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.oc-ed-gerais button:not(:disabled):hover {
  text-underline-offset: 4px;
  text-decoration: underline;
}
.oc-ed-gerais svg, .oc-ed-rodape > button svg {
  width: 17px;
  height: 17px;
}
.oc-ed button:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 3px;
}
.dialogo.oc-ed-dialogo {
  text-align: center;
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  border-radius: 24px !important;
  padding: 32px !important;
}
.oc-ed-dialogo [data-slot="dialog-title"] {
  padding-inline: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}
.oc-ed-dialogo > p {
  font-size: 14px;
  line-height: 1.6;
}
.oc-ed-campo {
  text-align: left;
  gap: 8px;
  width: 100%;
  max-width: 360px;
  margin-inline: auto;
  font-size: 13px;
  display: grid;
}
.oc-ed-dialogo-acoes {
  justify-content: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}
.oc-ed-conflitos {
  gap: 22px;
  display: grid;
}
.oc-ed-conflitos fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.oc-ed-conflitos legend {
  margin: 0 auto 8px;
  font-size: 15px;
  font-weight: 500;
}
.oc-ed-conflitos p {
  color: var(--ui-muted);
  font-size: 13px;
  line-height: 1.6;
}
.oc-ed-conflitos p strong {
  color: var(--ui-texto);
  font-weight: 500;
}
.oc-ed-decisoes {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}
.oc-ed-decisoes label {
  background: var(--ui-hover);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 14px;
  font-size: 13px;
  display: inline-flex;
}
.oc-ed-decisoes label:has(input:checked) {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.oc-ed-decisoes input {
  accent-color: var(--ui-azul);
}
.oc-ed-resumo {
  gap: 16px;
  margin-block: 12px;
  display: grid;
}
.oc-ed-resumo li {
  justify-content: space-between;
  gap: 20px;
  font-size: 13px;
  display: flex;
}
.oc-ed-resumo strong {
  text-align: right;
  font-weight: 500;
}
@keyframes oc-ed-abrir {
  0% {
    clip-path: inset(0 46% round 999px);
    opacity: .25;
    transform: translateY(6px);
  }

  75% {
    clip-path: inset(0 1% round 999px);
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    clip-path: inset(-40px -24px round 999px);
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes oc-ed-icone {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@media (max-width: 1000px) {
  .oc-ed-dia {
    flex-basis: calc(33.3333% - 8px);
  }

  .oc-ed-gerais {
    gap: 8px 16px;
  }

  .oc-ed-gerais > span {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .oc-ed-pessoa {
    flex-direction: column;
    gap: 18px;
    margin-bottom: 32px;
  }

  .oc-ed-periodo {
    text-align: center;
  }

  .oc-ed-cab-direita {
    max-width: calc(100% - 88px);
  }

  .oc-ed-pessoa > .oc-ed-gerais {
    flex-basis: auto;
  }

  .oc-ed-instrucao {
    gap: 8px;
  }

  .oc-ed-dias {
    gap: 10px;
  }

  .oc-ed-dia {
    flex-basis: calc(50% - 5px);
  }

  .oc-ed-dia-alvo {
    min-height: 184px;
    padding: 40px 12px 20px;
  }

  .oc-ed-acao {
    width: 50px;
    height: 50px;
  }

  .oc-ed-acao > svg {
    width: 23px;
    height: 23px;
  }

  .oc-ed-acoes {
    gap: 3px;
    padding: 8px;
  }

  .oc-ed-rodape {
    flex-direction: column;
  }

  .oc-ed-rodape > button {
    justify-content: center;
    align-self: center;
  }

  .dialogo.oc-ed-dialogo {
    padding: 24px !important;
  }
}
@media (max-width: 360px) {
  .oc-ed-acoes {
    border-radius: 30px;
    grid-template-columns: repeat(4, 50px);
    display: grid;
  }

  .oc-ed-fechar {
    grid-area: 1 / 4 / span 2;
    align-self: center;
  }

  .pagina.oc-ed {
    padding-bottom: 152px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oc-ed *, .oc-ed-dialogo {
    transition: none !important;
    animation: none !important;
  }
}
[data-reduce-anim="1"] .oc-ed *, [data-reduce-anim="1"] .oc-ed-dialogo {
  transition: none !important;
  animation: none !important;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .oc-ed-acoes {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .oc-ed-acoes {
    background: var(--ui-superficie);
    -webkit-backdrop-filter: none;
  }
}
.pagina.oc-ed:is([data-vista="pilha"], [data-vista="compacta"]) {
  max-width: 1100px;
  height: calc(100dvh - var(--oc-ed-topo, 0px));
  grid-template-rows: auto minmax(0, 1fr) auto;
  grid-template-columns: minmax(230px, 1fr) minmax(240px, 360px);
  gap: 20px 48px;
  min-height: 620px;
  padding: 20px 32px 112px;
  display: grid;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-pessoa {
  grid-area: 2 / 1;
  align-self: center;
  gap: 22px;
  margin: 0;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-pessoa h1 {
  font-size: clamp(28px, 3vw, 38px);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-pessoa > div:first-child {
  max-width: 340px;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-pessoa p {
  line-height: 1.6;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-gerais {
  gap: 2px;
  width: 100%;
  max-width: 300px;
  margin-top: 4px;
  display: grid;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-gerais button {
  text-align: left;
  border-radius: 12px;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 12px;
  font-size: 14px;
  transition: background .14s;
  display: flex;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-gerais button:not(:disabled):hover {
  background: var(--ui-hover);
  text-decoration: none;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-gerais button > svg:first-child {
  stroke-width: 1.5px;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-atalho {
  opacity: .6;
  width: 15px;
  height: 15px;
  margin-left: auto;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-corpo {
  grid-area: 2 / 2 / 4;
  min-height: 0;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-trabalho {
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  display: grid;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-instrucao {
  gap: 8px;
  margin-bottom: 4px;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-instrucao h2 {
  font-size: 17px;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-instrucao p {
  margin-top: 5px;
  font-size: 12px;
}
.oc-ed-rolagem {
  gap: 8px;
  display: flex;
}
.oc-ed-rolagem button {
  border-radius: 999px;
  place-items: center;
  width: 44px;
  height: 36px;
  display: grid;
}
.oc-ed-rolagem svg {
  width: 17px;
  height: 17px;
}
.oc-ed-rolagem button:hover:not(:disabled) {
  background: var(--ui-hover);
}
.oc-ed-rolagem button:disabled {
  opacity: .3;
  cursor: default;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-area {
  min-height: 0;
  padding: 0;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dias {
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  width: 100%;
  max-width: 300px;
  height: 100%;
  max-height: 100%;
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 26px)), transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 26px)), transparent);
  mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 26px)), transparent);
  flex-flow: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 6px 8px 24px;
  scroll-padding-block: 30px;
  position: relative;
  overflow-y: auto;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dias::-webkit-scrollbar {
  display: none;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dias:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
  border-radius: 18px;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia {
  width: 100%;
  transform: perspective(700px) translateZ(var(--pilha-recuo, 0px)) rotateX(var(--pilha-angulo, 0deg));
  transform-origin: center;
  background: var(--oc-ed-dia-vidro);
  -webkit-backdrop-filter: blur(var(--oc-ed-vidro-blur));
  box-shadow: inset 0 1px 0 var(--oc-ed-vidro-reflexo), 0 10px 26px -16px var(--oc-ed-vidro-sombra);
  flex: none;
  transition: background .18s, box-shadow .18s, opacity .18s;
}
.oc-ed {
  --oc-ed-dia-vidro: #ffffff9e;
  --oc-ed-dia-hover: #ffffffdb;
  --oc-ed-dia-ativo: #fffffff5;
}
[data-theme="dark"] .oc-ed {
  --oc-ed-dia-vidro: #ffffff0f;
  --oc-ed-dia-hover: #ffffff1a;
  --oc-ed-dia-ativo: #ffffff24;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia:hover {
  background: var(--oc-ed-dia-hover);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-selecionado="true"] {
  background: var(--oc-ed-dia-ativo);
  box-shadow: inset 0 0 0 1.5px var(--ui-texto), 0 16px 34px -14px var(--oc-ed-vidro-sombra);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-selecionado="true"] .oc-ed-dia-alvo > strong {
  font-weight: 600;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-bolinha {
  opacity: 0;
  transition: opacity .14s;
}
.oc-ed:not([data-vista="grade"]) :is(.oc-ed-dia:hover .oc-ed-bolinha, .oc-ed-bolinha:focus-visible, .oc-ed-bolinha[aria-pressed="true"]), .oc-ed[data-multipla]:not([data-vista="grade"]) .oc-ed-bolinha {
  opacity: 1;
}
@media (hover: none) {
  .oc-ed:not([data-vista="grade"]) .oc-ed-bolinha {
    opacity: 1;
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .oc-ed:not([data-vista="grade"]) .oc-ed-dia {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .oc-ed:not([data-vista="grade"]) .oc-ed-dia {
    background: var(--ui-superficie);
    -webkit-backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oc-ed:not([data-vista="grade"]) .oc-ed-dia {
    transform: none;
  }
}
[data-reduce-anim="1"] .oc-ed:not([data-vista="grade"]) .oc-ed-dia {
  transform: none;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia-alvo {
  min-height: 174px;
  padding: 36px 16px 20px;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-rodape {
  grid-area: 3 / 1;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.oc-ed[data-vista="compacta"] .oc-ed-dia-alvo {
  min-height: 104px;
  padding: 14px 16px;
}
.oc-ed[data-vista="compacta"] .oc-ed-dia-alvo > strong {
  margin: 4px 0 6px;
  font-size: 30px;
}
.oc-ed[data-vista="compacta"] .oc-ed-semana {
  font-size: 12px;
}
.oc-ed[data-vista="compacta"] .oc-ed-bolinha {
  top: 3px;
  right: 3px;
}
@media (min-width: 801px) {
  .pagina.oc-ed[data-vista="compacta"] {
    grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr);
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 1fr);
    justify-content: center;
    gap: 20px 44px;
    max-width: 1180px;
    padding-top: 36px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-pessoa {
    grid-row: 2;
    align-self: center;
    gap: 24px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-rodape {
    grid-row: 3;
    align-self: start;
    gap: 6px;
    padding-top: 4px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-corpo {
    grid-row: 1 / 5;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-instrucao {
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-rolagem {
    gap: 0;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-gerais {
    max-width: 320px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-coluna {
    max-width: 372px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-dia-alvo {
    min-height: 116px;
    padding-block: 16px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-dia-alvo > strong {
    margin: 4px 0 8px;
    font-size: 34px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-pessoa > div:first-child {
    max-width: 480px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-pessoa h1 {
    font-size: clamp(32px, 3.6vw, 48px);
  }

  .oc-ed[data-vista="compacta"] .oc-ed-pessoa p {
    font-size: 15px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-periodo strong {
    font-size: 20px;
  }

  .oc-ed[data-vista="compacta"] .oc-ed-gerais button {
    min-height: 46px;
    padding-block: 9px;
  }
}
@media (max-width: 1100px) and (min-width: 801px) {
  .pagina.oc-ed:is([data-vista="pilha"], [data-vista="compacta"]) {
    gap: 16px 24px;
    padding-inline: 20px;
  }
}
@media (max-width: 800px) {
  .pagina.oc-ed:is([data-vista="pilha"], [data-vista="compacta"]) {
    grid-template-rows: auto minmax(80px, 1fr) auto;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 12px 20px 104px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-util {
    width: 36px;
    height: 36px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-pessoa {
    grid-row: 1;
    gap: 8px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-pessoa h1 {
    font-size: 25px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-pessoa p {
    margin-top: 4px;
    font-size: 12px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-periodo {
    gap: 2px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-periodo strong {
    font-size: 14px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-gerais {
    gap: 6px;
    max-width: none;
    margin: 0;
    display: flex;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-gerais button {
    gap: 6px;
    width: auto;
    min-height: 40px;
    padding: 8px 6px;
    font-size: 12px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-atalho {
    display: none;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-corpo {
    grid-area: 2 / 1;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-instrucao {
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    margin: 0;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-instrucao h2 {
    font-size: 14px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-instrucao p {
    display: none;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-rolagem {
    gap: 0;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-rodape {
    grid-row: 3;
    gap: 6px;
  }

  .oc-ed:not([data-vista="grade"]) .oc-ed-rodape p {
    font-size: 11px;
  }
}
.oc-ed-colunas {
  justify-content: center;
  gap: 14px;
  height: 100%;
  min-height: 0;
  display: flex;
}
.oc-ed-coluna {
  flex-direction: column;
  flex: 1 1 0;
  min-width: 0;
  max-width: 300px;
  min-height: 0;
  display: flex;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-coluna > .oc-ed-dias {
  flex: 1 1 0;
  max-width: none;
  height: auto;
  min-height: 0;
}
.oc-ed-coluna-rotulo {
  color: var(--ui-muted);
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 2px 8px;
  padding: 0 8px 8px;
  font-size: 12px;
  display: flex;
}
.oc-ed-coluna-rotulo strong {
  color: var(--ui-texto);
  font-weight: 500;
}
.oc-ed-coluna-rotulo .btn-link {
  min-height: 0;
  padding: 0 2px;
  font-size: 12px;
}
.oc-ed-coluna-fixa {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ui-muted);
  font-size: 10px;
}
.oc-ed[data-colunas="2"] .oc-ed-coluna:last-child .oc-ed-coluna-rotulo strong {
  color: var(--ui-azul);
}
@media (min-width: 801px) {
  .pagina.oc-ed[data-vista="compacta"][data-colunas="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 1.3fr);
  }

  .oc-ed[data-vista="compacta"][data-colunas="2"] .oc-ed-coluna {
    max-width: 312px;
  }

  .oc-ed[data-vista="compacta"][data-colunas="2"] .oc-ed-dia-alvo {
    min-height: 106px;
    padding-block: 14px;
  }

  .oc-ed[data-vista="compacta"][data-colunas="2"] .oc-ed-dia-alvo > strong {
    font-size: 30px;
  }
}
@media (max-width: 800px) {
  .oc-ed-colunas {
    gap: 10px;
  }

  .oc-ed[data-colunas="2"] .oc-ed-dia-alvo {
    min-height: 92px;
    padding: 12px 8px;
  }

  .oc-ed[data-colunas="2"] .oc-ed-dia-alvo > strong {
    font-size: 26px;
  }

  .oc-ed[data-colunas="2"] .oc-ed-registro {
    font-size: 11px;
  }

  .oc-ed-coluna-rotulo {
    padding-bottom: 4px;
    font-size: 11px;
  }
}
.oc-ed {
  --oc-cor-falta: var(--ui-vermelho);
  --oc-cor-atraso: #c2711c;
  --oc-cancelado-fundo: #7a1a1a38;
  --oc-cancelado-texto: #7a1a1a;
}
[data-theme="dark"] .oc-ed {
  --oc-cor-atraso: #e6a44b;
  --oc-cancelado-fundo: #6e16168c;
  --oc-cancelado-texto: #d98a8a;
}
.oc-ed-extra {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ui-azul);
  margin-left: 6px;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
}
.oc-ed-dia[data-estado="falta"] .oc-ed-dia-alvo > strong {
  color: var(--oc-cor-falta);
}
.oc-ed-dia[data-estado="atraso"] .oc-ed-dia-alvo > strong {
  color: var(--oc-cor-atraso);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-estado="desconsiderado"] {
  opacity: .5;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  background: none;
}
.oc-ed-dia[data-estado="desconsiderado"]:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: var(--ui-borda-forte);
  position: absolute;
  inset: 0;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' rx='15' ry='15' fill='none' stroke='%23000' stroke-width='1.6' stroke-dasharray='16 10' style='width:calc(100%25 - 2px);height:calc(100%25 - 2px)'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' rx='15' ry='15' fill='none' stroke='%23000' stroke-width='1.6' stroke-dasharray='16 10' style='width:calc(100%25 - 2px);height:calc(100%25 - 2px)'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.oc-ed-dia[data-estado="desconsiderado"][data-selecionado="true"] {
  opacity: .85;
}
.oc-ed-dia[data-estado="desconsiderado"][data-selecionado="true"]:after {
  background: var(--ui-texto);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-estado="cancelado"] {
  background: var(--oc-cancelado-fundo);
  box-shadow: none;
  opacity: .62;
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-estado="cancelado"]:hover {
  background: var(--oc-cancelado-fundo);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-estado="cancelado"][data-selecionado="true"] {
  opacity: .9;
  box-shadow: inset 0 0 0 1.5px var(--oc-cancelado-texto), 0 16px 34px -14px #5a0a0a80;
}
.oc-ed-dia[data-estado="cancelado"] .oc-ed-dia-alvo > strong, .oc-ed-dia[data-estado="cancelado"] .oc-ed-registro {
  color: var(--oc-cancelado-texto);
}
.oc-ed-dia[data-estado="cancelado"] .oc-ed-semana {
  color: var(--oc-cancelado-texto);
  opacity: .7;
}
.oc-ed-acao[aria-disabled="true"] {
  opacity: .35;
  cursor: not-allowed;
}
.oc-ed-acao[aria-disabled="true"]:is(:hover, :focus-visible) {
  color: var(--ui-texto);
  background: none;
}
.oc-ed-acao[aria-disabled="true"]:active {
  transform: none;
}
.oc-ed-acao [role="tooltip"] small {
  opacity: .75;
  margin-top: 3px;
  font-size: 11px;
  font-weight: 400;
  display: block;
}
.oc-ed-resumo li[data-estado="falta"] strong {
  color: var(--oc-cor-falta);
}
.oc-ed-resumo li[data-estado="atraso"] strong {
  color: var(--oc-cor-atraso);
}
.oc-ed-resumo li[data-estado="desconsiderado"] {
  opacity: .6;
}
.oc-ed-resumo li[data-estado="cancelado"] strong {
  color: var(--ui-vermelho);
}
.oc-ed-revisao {
  text-align: left;
  gap: 18px;
  margin-block: 8px;
  display: grid;
}
.oc-ed-resumo-grupo h3 {
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--ui-muted);
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}
.oc-ed-revisao .oc-ed-resumo {
  gap: 10px;
  margin: 0;
}
.oc-ed-revisao .oc-dialogo-nota {
  text-align: center;
  margin-inline: auto;
}
.oc-ed-final {
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 14px;
  height: 100%;
  min-height: 0;
  padding: 12px 8px 24px;
  display: grid;
}
.oc-ed-final-icone {
  background: var(--oc-ed-dia-ativo);
  width: 64px;
  height: 64px;
  box-shadow: inset 0 1px 0 var(--oc-ed-vidro-reflexo), 0 12px 30px -16px var(--oc-ed-vidro-sombra);
  color: var(--ui-texto);
  border-radius: 50%;
  place-items: center;
  display: grid;
}
.oc-ed-final-icone svg {
  stroke-width: 1.6px;
  width: 28px;
  height: 28px;
}
.oc-ed-final-icone[data-cancelada] {
  color: var(--ui-vermelho);
  background: var(--oc-cancelado-fundo);
}
.oc-ed-final h2 {
  letter-spacing: -.015em;
  font-size: 22px;
  font-weight: 500;
}
.oc-ed-protocolo {
  background: var(--oc-ed-dia-vidro);
  box-shadow: inset 0 1px 0 var(--oc-ed-vidro-reflexo);
  color: inherit;
  font: inherit;
  cursor: copy;
  border-radius: 16px;
  justify-items: center;
  gap: 4px;
  padding: 14px 22px 10px;
  transition: background .14s, box-shadow .14s;
  display: grid;
}
.oc-ed-protocolo:hover {
  background: var(--oc-ed-dia-hover);
}
.oc-ed-protocolo:active {
  box-shadow: inset 0 0 0 1.5px var(--ui-texto);
}
.oc-ed-protocolo > span {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ui-muted);
  font-size: 11px;
}
.oc-ed-protocolo strong {
  letter-spacing: .04em;
  -webkit-user-select: all;
  user-select: all;
  font-family: IBM Plex Mono, ui-monospace, monospace;
  font-size: 24px;
  font-weight: 500;
}
.oc-ed-protocolo em, .oc-ed-protocolo-mini em {
  color: var(--ui-muted);
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-style: normal;
  transition: color .14s;
  display: inline-flex;
}
.oc-ed-protocolo em svg, .oc-ed-protocolo-mini em svg {
  width: 12px;
  height: 12px;
}
.oc-ed-protocolo[data-estado="copiado"] em, .oc-ed-protocolo-mini[data-estado="copiado"] em {
  color: var(--ui-texto);
}
.oc-ed-protocolo[data-estado="falhou"] em, .oc-ed-protocolo-mini[data-estado="falhou"] em {
  color: var(--ui-vermelho);
}
.oc-ed-protocolo--link {
  justify-items: start;
  max-width: 100%;
  padding: 12px 16px 8px;
}
.oc-ed-protocolo--link strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
  max-width: 100%;
  font-size: 14px;
  overflow: hidden;
}
.oc-ed-protocolo-mini {
  color: inherit;
  font: inherit;
  font-size: inherit;
  cursor: copy;
  background: none;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 0 6px;
  display: inline-flex;
}
.oc-ed-protocolo-mini:hover {
  background: var(--ui-hover);
}
.oc-ed-protocolo-mini strong {
  letter-spacing: .03em;
  font-family: IBM Plex Mono, ui-monospace, monospace;
  font-weight: 500;
}
.oc-ed-protocolo-mini em > span {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.oc-ed-protocolo-mini[data-estado="copiado"] em > span {
  clip: auto;
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
}
.oc-ed-final-texto {
  max-width: 40ch;
  color: var(--ui-muted);
  text-wrap: pretty;
  font-size: 13px;
  line-height: 1.55;
}
.oc-ed-final-resumo {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  display: flex;
}
.oc-ed-final-resumo li {
  background: var(--ui-hover);
  color: var(--ui-muted);
  border-radius: 999px;
  align-items: baseline;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12px;
  display: inline-flex;
}
.oc-ed-final-resumo strong {
  color: var(--ui-texto);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 600;
}
.oc-ed-final-acoes {
  gap: 10px;
  margin-top: 6px;
  display: flex;
}
.oc-ed-final-nota {
  max-width: 44ch;
  color: var(--ui-muted);
  font-size: 11px;
  line-height: 1.5;
}
.oc-ed-dia-alvo:disabled, .oc-ed-bolinha:disabled {
  cursor: default;
}
@media (max-width: 800px) {
  .oc-ed-final {
    align-content: start;
    gap: 10px;
    padding-block: 18px 12px;
    overflow-y: auto;
  }

  .oc-ed-final h2 {
    font-size: 19px;
  }

  .oc-ed-protocolo strong {
    font-size: 20px;
  }
}
[data-theme="light"] {
  --ink: 28 28 26;
  --shadow: 20 20 20;
  --accent-rgb: 183 121 31;
  --surface-rgb: 127 149 176;
  --canvas-tint: 0%;
  --orb-strength: 0;
  --aurora-bg-1: #f4f3f0;
  --aurora-bg-2: #f4f3f0;
  --aurora-bg-3: #f1f0ec;
  --aurora-steel: #6b7075;
  --background: #f4f3f0;
  --foreground: #1c1c1a;
  --card: #ffffffa8;
  --card-foreground: #1c1c1a;
  --popover: #fffffff5;
  --popover-foreground: #1c1c1a;
  --primary: #1c1c1a;
  --primary-foreground: #fff;
  --secondary: #0000000d;
  --secondary-foreground: #1c1c1a;
  --muted: #0000000a;
  --muted-foreground: #6b7075;
  --border: #00000014;
  --input: #0000001f;
  --ring: #1c1c1a59;
  --glass-bg: #ffffff9e;
  --glass-bg-strong: #ffffffc7;
  --glass-border: #00000012;
  --glass-border-strong: #0000001a;
  --glass-shadow: 0 10px 30px -18px #14141424;
  --panel: #ffffffb3;
  --status-red: #c9423e;
  --status-yellow: #b7791f;
  --status-green: #2f7a4b;
  --status-red-rgb: 201 66 62;
  --status-yellow-rgb: 183 121 31;
  --status-green-rgb: 47 122 75;
  --shell-nav-w: 220px;
  --shell-text-muted: #6b7075;
  --shell-text-soft: #4d5257;
  --shell-line: #0000000f;
}
[data-identidade="unica"] body, [data-identidade="unica"] button, [data-identidade="unica"] input, [data-identidade="unica"] select, [data-identidade="unica"] textarea {
  font-family: IBM Plex Sans, Geist, ui-sans-serif, system-ui, sans-serif;
}
[data-identidade="unica"] .text-display, [data-identidade="unica"] h1.text-display, [data-identidade="unica"] h2.text-display {
  letter-spacing: -.015em;
  font-family: IBM Plex Sans, ui-sans-serif, system-ui, sans-serif;
  font-style: normal;
  font-weight: 600;
}
[data-identidade="unica"] .text-display em {
  color: inherit;
  font-style: normal;
}
[data-identidade="unica"] .font-mono, [data-identidade="unica"] .tabular-nums {
  font-family: IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, monospace;
}
[data-identidade="unica"] .glass-panel, [data-identidade="unica"] .glass-strong, [data-identidade="unica"] .glass-modal {
  background: var(--panel);
  border: 1px solid var(--glass-border);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 10px 30px -18px #14141424;
}
[data-identidade="unica"] .glass-panel:before, [data-identidade="unica"] .glass-hero:before, [data-identidade="unica"] .glass-tile-v2:before {
  display: none;
}
[data-identidade="unica"] .glass-tile-v2, [data-identidade="unica"] .glass-tile {
  background: var(--ui-superficie);
  border: 1px solid var(--glass-border);
  box-shadow: none;
}
[data-identidade="unica"] .glass-field {
  background: var(--ui-superficie);
  border: 1px solid var(--input);
  box-shadow: none;
}
[data-identidade="unica"] .glass-cta {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  box-shadow: none;
  text-shadow: none;
}
[data-identidade="unica"] .glass-cta:hover {
  background: #000;
}
[data-identidade="unica"] .pill-soft {
  background: var(--ui-superficie);
  border: 1px solid rgb(var(--ink) / .1);
  box-shadow: none;
}
[data-identidade="unica"] .eyebrow {
  color: var(--shell-text-muted);
}
[data-identidade="unica"] .lamp {
  box-shadow: none;
  filter: none;
}
[data-identidade="unica"] .shell-fundo {
  z-index: 0;
  pointer-events: none;
  background: var(--ui-fundo);
  position: fixed;
  inset: 0;
  overflow: hidden;
}
[data-identidade="unica"] .shell-fundo:before, [data-identidade="unica"] .shell-fundo:after {
  content: "";
  filter: blur(130px);
  border-radius: 999px;
  position: absolute;
}
[data-identidade="unica"] .shell-fundo:before {
  background: rgb(var(--accent-rgb));
  opacity: .1;
  width: 760px;
  height: 540px;
  top: -220px;
  left: 8%;
}
[data-identidade="unica"] .shell-fundo:after {
  opacity: .12;
  background: #7f95b0;
  width: 800px;
  height: 600px;
  bottom: -240px;
  right: -220px;
}
.shell {
  z-index: 1;
  min-height: 100svh;
  display: flex;
  position: relative;
}
.shell-nav {
  width: var(--shell-nav-w, 220px);
  box-sizing: border-box;
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(24px);
  border-right: 1px solid var(--shell-line, rgb(var(--ink) / .06));
  flex-direction: column;
  flex-shrink: 0;
  align-self: flex-start;
  gap: 2px;
  height: 100svh;
  padding: 18px 12px;
  display: flex;
  position: sticky;
  top: 0;
}
.shell-main {
  flex-grow: 1;
  min-width: 0;
  min-height: 100svh;
}
.shell-logo {
  color: var(--foreground);
  align-items: center;
  gap: 10px;
  padding: 4px 8px 14px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.shell-logo-mark {
  background: var(--ui-texto);
  width: 24px;
  height: 24px;
  color: var(--ui-superficie);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}
.shell-busca {
  box-sizing: border-box;
  background: var(--ui-superficie);
  border: 1px solid rgb(var(--ink) / .08);
  height: 34px;
  color: var(--shell-text-muted);
  cursor: text;
  text-align: left;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 13px;
  display: flex;
}
.shell-busca:hover {
  border-color: rgb(var(--ink) / .16);
}
.shell-kbd {
  white-space: nowrap;
  border: 1px solid rgb(var(--ink) / .12);
  color: var(--shell-text-muted);
  background: var(--ui-superficie);
  border-radius: 4px;
  flex-shrink: 0;
  padding: 1px 4px;
  font-family: IBM Plex Mono, ui-monospace, monospace;
  font-size: 10px;
}
.shell-secao {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ui-muted);
  padding: 16px 10px 4px;
  font-size: 11px;
}
.shell-link {
  color: var(--shell-text-soft);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}
.shell-link:hover {
  background: rgb(var(--ink) / .04);
  color: var(--foreground);
}
.shell-link[aria-current="page"] {
  background: rgb(var(--ink) / .06);
  color: var(--foreground);
  font-weight: 500;
}
.shell-link svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.shell-badge {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  border-radius: 999px;
  margin-left: auto;
  padding: 0 6px;
  font-family: IBM Plex Mono, ui-monospace, monospace;
  font-size: 11px;
}
.shell-user {
  color: var(--shell-text-soft);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 10px;
  font-size: 13px;
  display: flex;
}
.shell-user:hover {
  background: rgb(var(--ink) / .04);
}
.shell-avatar {
  background: var(--ui-hover);
  width: 26px;
  height: 26px;
  color: var(--ui-texto);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}
.hub {
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 40px 32px 72px;
  display: flex;
}
.hub-miolo {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 880px;
  display: flex;
}
.hub-data {
  color: var(--shell-text-muted);
  margin: 0 0 10px;
  font-size: 13px;
}
.hub-titulo {
  letter-spacing: -.015em;
  text-align: center;
  color: var(--foreground);
  margin: 0 0 30px;
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 600;
  line-height: 1.15;
}
.hub-barra {
  box-sizing: border-box;
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgb(var(--ink) / .08);
  width: 100%;
  max-width: 760px;
  height: 68px;
  box-shadow: 0 18px 50px #14141414, inset 0 1px 0 var(--ui-superficie);
  color: var(--shell-text-muted);
  text-align: left;
  cursor: text;
  border-radius: 16px;
  align-items: center;
  gap: 14px;
  padding: 0 22px;
  font-size: 17px;
  transition: box-shadow .16s, border-color .16s;
  display: flex;
}
.hub-barra:hover, .hub-barra:focus-visible {
  border-color: rgb(var(--ink) / .16);
  box-shadow: 0 22px 56px #1414141c, inset 0 1px 0 var(--ui-superficie);
  outline: none;
}
.hub-grade {
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 24px;
  width: 100%;
  margin-top: 56px;
  display: grid;
}
@media (max-width: 900px) {
  .hub-grade {
    grid-template-columns: minmax(0, 1fr);
  }
}
.hub-rotulo {
  color: var(--shell-text-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 8px;
  padding: 0 2px;
  font-size: 11px;
  display: block;
}
.hub-item {
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(var(--ink) / .06);
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 14px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}
.hub-item:hover {
  border-color: rgb(var(--ink) / .14);
  background: var(--ui-superficie);
}
.hub-ponto {
  border-radius: 999px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}
.hub-ponto--vermelho {
  background: #d9534f;
}
.hub-ponto--acento {
  background: rgb(var(--accent-rgb));
}
.hub-ponto--verde {
  background: #3a8f5c;
}
.hub-ponto--cinza {
  background: rgb(var(--ink) / .18);
}
.hub-item-texto {
  flex-grow: 1;
  min-width: 0;
}
.hub-item-texto b {
  font-weight: 500;
}
.hub-item-texto span {
  color: var(--shell-text-muted);
}
.hub-item-acao {
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.hub-recentes {
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgb(var(--ink) / .06);
  border-radius: 10px;
  flex-direction: column;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}
.hub-recente {
  border-bottom: 1px solid rgb(var(--ink) / .05);
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  background: none;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  padding: 10px 14px;
  text-decoration: none;
  display: flex;
}
.hub-recente:last-child {
  border-bottom: 0;
}
.hub-recente b {
  font-weight: 500;
}
.hub-recente span {
  color: var(--shell-text-muted);
  font-size: 12px;
}
.hub-vazio {
  border: 1px dashed rgb(var(--ink) / .12);
  color: var(--shell-text-muted);
  border-radius: 10px;
  padding: 14px;
  font-size: 13px;
}
[data-theme="dark"] .hub-barra, [data-theme="dark"] .hub-item, [data-theme="dark"] .hub-recentes {
  background: var(--ui-superficie);
  border-color: var(--ui-superficie);
  box-shadow: none;
}
.cmd {
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(28px);
  border: 1px solid rgb(var(--ink) / .08);
  width: min(760px, 100vw - 32px);
  max-height: min(600px, 100svh - 96px);
  color: var(--foreground);
  border-radius: 14px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 60px #14141424;
}
[data-theme="dark"] .cmd {
  background: var(--ui-superficie);
  border-color: var(--ui-borda);
}
.cmd-input {
  box-sizing: border-box;
  border-bottom: 1px solid var(--shell-line, rgb(var(--ink) / .06));
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  height: 60px;
  padding: 0 18px;
  display: flex;
}
.cmd-input input {
  color: inherit;
  font: inherit;
  background: none;
  border: 0;
  outline: none;
  flex-grow: 1;
  min-width: 0;
  font-size: 16px;
}
.cmd-input input::placeholder {
  color: var(--shell-text-muted);
}
.cmd-dica {
  color: var(--shell-text-muted);
  white-space: nowrap;
  font-size: 12px;
}
.cmd-lista {
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  min-height: 0;
  padding: 10px 8px 12px;
  display: flex;
  overflow-y: auto;
}
.cmd-grupo {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
.cmd-grupo-titulo {
  color: var(--shell-text-muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 4px 12px;
  font-size: 11px;
}
.cmd-item {
  color: var(--foreground);
  text-align: left;
  cursor: pointer;
  width: 100%;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}
.cmd-item[aria-selected="true"], .cmd-item:hover {
  background: rgb(var(--ink) / .05);
}
[data-theme="dark"] .cmd-item[aria-selected="true"], [data-theme="dark"] .cmd-item:hover {
  background: var(--ui-superficie);
}
.cmd-item-icone {
  background: var(--ui-hover);
  width: 30px;
  height: 30px;
  color: var(--ui-texto);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}
.cmd-item-icone svg {
  width: 15px;
  height: 15px;
}
.cmd-item-texto {
  flex-direction: column;
  flex-grow: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}
.cmd-item-texto b {
  font-weight: 500;
}
.cmd-item-texto small {
  color: var(--shell-text-muted);
  font-size: 12px;
}
.cmd-item-texto mark {
  color: inherit;
  background: none;
  font-weight: 600;
}
.cmd-estado {
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}
.cmd-estado i {
  border-radius: 999px;
  width: 7px;
  height: 7px;
  display: inline-block;
}
.cmd-tecla {
  color: var(--shell-text-muted);
  border: 1px solid rgb(var(--ink) / .12);
  white-space: nowrap;
  border-radius: 5px;
  padding: 2px 8px;
  font-size: 12px;
}
.cmd-rodape {
  color: var(--shell-text-muted);
  margin: auto 12px 6px;
  padding-top: 10px;
  font-size: 12px;
}
.cmd-vazio {
  color: var(--shell-text-muted);
  padding: 18px 12px;
  font-size: 13px;
}
.pagina {
  box-sizing: border-box;
  min-height: 100svh;
  padding: 28px 32px 40px;
}
.pagina-cabecalho {
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 18px;
  display: flex;
}
.pagina-titulo {
  letter-spacing: -.01em;
  color: var(--foreground);
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}
.pagina-sub {
  color: var(--shell-text-muted);
  margin: 4px 0 0;
  font-size: 13px;
}
.painel {
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgb(var(--ink) / .06);
  border-radius: 12px;
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden;
}
[data-theme="dark"] .painel {
  background: var(--ui-superficie);
  border-color: var(--ui-superficie);
}
.painel-topo {
  border-bottom: 1px solid var(--shell-line, rgb(var(--ink) / .06));
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}
.painel-corpo {
  min-height: 0;
  padding: 18px 22px;
  overflow: auto;
}
.painel-rodape {
  border-top: 1px solid var(--shell-line, rgb(var(--ink) / .06));
  background: var(--ui-superficie);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  display: flex;
}
.sol-split {
  grid-template-columns: minmax(0, 7fr) minmax(0, 6fr);
  align-items: start;
  gap: 24px;
  display: grid;
}
@media (max-width: 1100px) {
  .sol-split {
    grid-template-columns: minmax(0, 1fr);
  }
}
.sol-aviso {
  color: var(--ui-vermelho);
  background: #d9534f14;
  border-bottom: 1px solid #d9534f2e;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  font-size: 13px;
  text-decoration: none;
  display: flex;
}
.sol-tabela {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: 13px;
}
.sol-tabela th {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--shell-text-muted);
  text-align: left;
  border-bottom: 1px solid var(--shell-line, rgb(var(--ink) / .06));
  padding: 10px;
  font-size: 11px;
  font-weight: 500;
}
.sol-tabela th:first-child, .sol-td--num {
  width: 52px;
  padding-left: 16px;
}
.sol-td {
  border-bottom: 1px solid rgb(var(--ink) / .05);
  vertical-align: middle;
  min-width: 0;
  padding: 11px 10px;
}
.sol-td--estado {
  text-align: right;
  white-space: nowrap;
  padding-right: 16px;
}
.sol-linha {
  cursor: pointer;
}
.sol-linha:hover {
  background: rgb(var(--ink) / .03);
}
.sol-linha--sel {
  background: rgb(var(--ink) / .045);
  box-shadow: inset 3px 0 0 rgb(var(--accent-rgb));
}
.sol-linha--alerta:not(.sol-linha--sel) {
  background: #d9534f0f;
}
.sol-estado {
  color: var(--shell-text-soft);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}
.sol-estado i {
  border-radius: 999px;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  display: inline-block;
}
.sol-estado--sub {
  color: var(--shell-text-muted);
  justify-content: flex-end;
  margin-top: 2px;
  font-size: 11px;
  display: flex;
}
.sol-dia {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--shell-text-muted);
  background: rgb(var(--ink) / .02);
  padding: 8px 16px 4px;
  font-size: 11px;
}
.sol-vazio {
  text-align: center;
  color: var(--shell-text-muted);
  padding: 40px 16px;
  font-size: 13px;
}
.sol-detalhe-vazio {
  text-align: center;
  color: var(--shell-text-muted);
  padding: 60px 24px;
  font-size: 13px;
}
.sol-detalhe-cab {
  border-bottom: 1px solid var(--shell-line, rgb(var(--ink) / .06));
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 22px 14px;
  display: flex;
}
.sol-detalhe-nome {
  color: var(--foreground);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.2;
}
.sol-chip-estado {
  white-space: nowrap;
  background: rgb(var(--ink) / .05);
  color: var(--shell-text-soft);
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  display: inline-flex;
}
.seg {
  border: 1px solid rgb(var(--ink) / .1);
  border-radius: 7px;
  display: inline-flex;
  overflow: hidden;
}
.seg button {
  height: 30px;
  color: var(--shell-text-soft);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0 12px;
  font-size: 13px;
}
.seg button[data-on="true"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  font-weight: 500;
}
.campo-busca {
  box-sizing: border-box;
  border: 1px solid rgb(var(--ink) / .08);
  background: var(--ui-superficie);
  min-width: 160px;
  height: 30px;
  color: var(--shell-text-muted);
  border-radius: 7px;
  flex-grow: 1;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  display: flex;
}
.campo-busca input {
  min-width: 0;
  color: var(--foreground);
  font: inherit;
  background: none;
  border: 0;
  outline: none;
  flex-grow: 1;
  font-size: 13px;
}
.btn-leve {
  border: 1px solid rgb(var(--ink) / .1);
  height: 30px;
  color: var(--shell-text-soft);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 12px;
  display: inline-flex;
}
.btn-leve[data-on="true"] {
  background: rgb(var(--ink) / .06);
  color: var(--foreground);
}
.conv-split {
  grid-template-columns: 300px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  display: grid;
}
@media (max-width: 1000px) {
  .conv-split {
    grid-template-columns: minmax(0, 1fr);
  }
}
.conv-trilho {
  flex-direction: column;
  gap: 18px;
  display: flex;
  position: sticky;
  top: 28px;
}
.etapas {
  gap: 2px;
  margin: 0;
  padding: 6px;
  list-style: none;
}
.etapa {
  border-radius: 8px;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}
.etapa--atual {
  background: rgb(var(--ink) / .05);
}
.etapa-num {
  background: rgb(var(--ink) / .12);
  width: 20px;
  height: 20px;
  color: var(--ui-texto);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}
.etapa--feita .etapa-num {
  color: var(--ui-superficie);
  background: #3a8f5c;
}
.etapa--atual .etapa-num {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.etapa-texto {
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}
.etapa-titulo {
  color: var(--foreground);
  font-size: 13px;
  font-weight: 500;
}
.etapa-sub {
  color: var(--shell-text-muted);
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}
.etapa-trocar {
  color: var(--shell-text-muted);
  text-underline-offset: 2px;
  cursor: pointer;
  background: none;
  border: 0;
  align-self: flex-start;
  padding: 0;
  font-family: inherit;
  font-size: 12px;
  text-decoration: underline;
}
.etapa-trocar:hover {
  color: var(--foreground);
}
.conv-rm {
  padding: 16px;
}
.conv-dl {
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 6px 10px;
  margin: 0;
  font-size: 13px;
  display: grid;
}
.conv-dl dt {
  color: var(--shell-text-muted);
}
.conv-dl dd {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}
.conv-conteudo {
  min-height: 420px;
}
.painel h1.text-display {
  margin-top: 6px !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
}
.painel .eyebrow {
  font-size: 10px;
}
@media (min-width: 1100px) {
  .conv-conteudo form > section.space-y-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px 20px;
    display: grid;
  }

  .conv-conteudo form > section.space-y-5 > * {
    min-width: 0;
    margin-block: 0 !important;
  }
}
.ocor-split {
  grid-template-columns: 380px minmax(0, 1fr);
  align-items: start;
  gap: 24px;
  display: grid;
}
@media (max-width: 1000px) {
  .ocor-split {
    grid-template-columns: minmax(0, 1fr);
  }
}
.sessao-lista {
  flex-direction: column;
  gap: 4px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.sessao-item {
  background: rgb(var(--ink) / .03);
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 8px;
  display: flex;
}
.sessao-remover {
  color: var(--shell-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 4px;
  display: inline-flex;
}
.sessao-remover:hover {
  color: var(--ui-vermelho);
  background: #d9534f1a;
}
.ativ-lista {
  max-height: calc(100svh - 300px);
  overflow-y: auto;
}
.ativ-detalhe {
  max-height: calc(100svh - 56px);
  position: sticky;
  top: 28px;
}
.ativ-detalhe-corpo {
  overflow-y: auto;
}
.ativ-lista .glass-tile-v2 {
  border-radius: 10px;
}
.ponto-painel {
  max-width: 880px;
  padding: 24px 28px;
}
.ponto-painel .slide-stack-viewport, .ponto-painel > * {
  min-width: 0;
}
[data-identidade="unica"] .aurora-orb, [data-identidade="unica"] .hub-orb {
  display: none;
}
.login {
  z-index: 1;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 32px 16px;
  display: flex;
  position: relative;
}
.login-painel {
  box-sizing: border-box;
  background: var(--ui-superficie);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgb(var(--ink) / .08);
  border-radius: 16px;
  width: 100%;
  max-width: 400px;
  padding: 32px 32px 26px;
  position: relative;
  box-shadow: 0 18px 50px #14141414;
}
[data-theme="dark"] .login-painel {
  border-color: var(--ui-superficie);
  background: #14151ad9;
}
.login-marca {
  color: var(--foreground);
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}
.login-titulo {
  letter-spacing: -.015em;
  color: var(--foreground);
  margin: 22px 0 0;
  font-size: 26px;
  font-weight: 600;
}
.login-sub {
  color: var(--shell-text-muted);
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
}
.login-form {
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
  display: flex;
}
.login-form .seg {
  display: flex;
}
.login-campo {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.login-campo label {
  color: var(--shell-text-soft);
  font-size: 12px;
  font-weight: 500;
}
.login-erro {
  color: var(--ui-vermelho);
  background: #d9534f14;
  border-radius: 8px;
  margin: 0;
  padding: 8px 12px;
  font-size: 13px;
}
.login-cta {
  justify-content: center;
  width: 100%;
  margin-top: 4px;
}
.login-ou {
  text-transform: uppercase;
  letter-spacing: .2em;
  color: var(--shell-text-muted);
  align-items: center;
  gap: 10px;
  margin: 18px 0 12px;
  font-size: 10px;
  display: flex;
}
.login-ou span {
  background: rgb(var(--ink) / .1);
  flex: 1;
  height: 1px;
}
.login-google {
  justify-content: center;
  width: 100%;
  height: 38px;
  font-size: 13px;
}
.login-rodape {
  color: var(--shell-text-muted);
  text-align: center;
  margin: 18px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
.mensal-pagina {
  max-width: 1600px;
}
.conv-rm--alerta {
  background: #d9534f0d;
  border-color: #d9534f4d;
}
.hub-busca-wrap {
  z-index: 20;
  width: 100%;
  max-width: 760px;
  position: relative;
}
.hub-barra input {
  min-width: 0;
  color: var(--foreground);
  font: inherit;
  background: none;
  border: 0;
  outline: none;
  flex-grow: 1;
  font-size: 17px;
}
.hub-barra input::placeholder {
  color: var(--shell-text-muted);
}
.hub-barra[data-aberta="true"] {
  border-color: rgb(var(--ink) / .16);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.hub-resultados {
  width: auto;
  max-height: min(520px, 100svh - 320px);
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
}
.hub-resultados .cmd-lista {
  max-height: inherit;
}
.campo {
  box-sizing: border-box;
  border: 1px solid rgb(var(--ink) / .12);
  background: var(--ui-superficie);
  width: 100%;
  height: 36px;
  color: var(--foreground);
  font: inherit;
  text-align: left;
  border-radius: 8px;
  outline: none;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 13px;
  transition: border-color .12s, box-shadow .12s;
  display: flex;
}
.campo:hover {
  border-color: rgb(var(--ink) / .2);
}
.campo:focus, .campo:focus-within, .campo[data-aberto="true"] {
  border-color: var(--ui-texto);
  box-shadow: 0 0 0 3px rgb(var(--ink) / .06);
}
.campo:disabled, .campo[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
}
.campo input {
  min-width: 0;
  font: inherit;
  color: inherit;
  background: none;
  border: 0;
  outline: none;
  flex-grow: 1;
}
.campo input::placeholder, .campo-placeholder {
  color: var(--shell-text-muted);
}
.campo--area {
  resize: vertical;
  height: auto;
  min-height: 84px;
  padding: 9px 12px;
  line-height: 1.45;
}
.campo--botao {
  cursor: pointer;
  justify-content: space-between;
}
.campo--botao svg {
  color: var(--shell-text-muted);
  flex-shrink: 0;
}
.campo-grupo {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.campo-rotulo {
  color: var(--shell-text-soft);
  font-size: 12px;
  font-weight: 500;
}
.campo-rotulo b {
  color: var(--ui-vermelho);
  margin-left: 2px;
  font-weight: 500;
}
.campo-dica {
  color: var(--shell-text-muted);
  margin: 0;
  font-size: 11px;
}
.campo-lido {
  flex-direction: column;
  gap: 2px;
  display: flex;
}
.campo-lido span {
  color: var(--shell-text-muted);
  font-size: 11px;
}
.campo-lido strong {
  color: var(--foreground);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}
.campo-arquivo {
  border: 1px dashed rgb(var(--ink) / .18);
  background: var(--ui-superficie);
  height: 36px;
  color: var(--shell-text-soft);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}
.campo-arquivo:hover {
  border-color: rgb(var(--ink) / .35);
  color: var(--foreground);
}
.campo-arquivo--cheio {
  cursor: default;
  background: #3a8f5c0f;
  border-style: solid;
  border-color: #3a8f5c66;
  justify-content: space-between;
  padding: 0 8px 0 12px;
}
.campo-arquivo--cheio span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--foreground);
  overflow: hidden;
}
.campo-arquivo--cheio button {
  color: var(--shell-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  padding: 4px;
  display: inline-flex;
}
.campo-arquivo--cheio button:hover {
  color: var(--ui-vermelho);
  background: #d9534f1a;
}
.pop-ancora {
  width: 100%;
  position: relative;
}
.pop {
  z-index: 60;
  box-sizing: border-box;
  background: var(--ui-superficie);
  border: 1px solid rgb(var(--ink) / .1);
  border-radius: 10px;
  min-width: 100%;
  padding: 6px;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  box-shadow: 0 14px 36px -12px #14141438, 0 2px 6px #1414140f;
}
.pop--direita {
  left: auto;
  right: 0;
}
.pop-lista {
  max-height: 280px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}
.pop-item {
  box-sizing: border-box;
  width: 100%;
  min-height: 32px;
  color: var(--foreground);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  font-size: 13px;
  display: flex;
}
.pop-item:hover, .pop-item[data-foco="true"] {
  background: rgb(var(--ink) / .05);
}
.pop-item[aria-selected="true"] {
  font-weight: 500;
}
.pop-item svg {
  color: var(--shell-text-muted);
  flex-shrink: 0;
}
.pop-vazio {
  color: var(--shell-text-muted);
  padding: 10px 12px;
  font-size: 12px;
}
.pop-busca {
  border-bottom: 1px solid rgb(var(--ink) / .06);
  height: 32px;
  color: var(--shell-text-muted);
  align-items: center;
  gap: 8px;
  margin: 0 0 4px;
  padding: 0 8px;
  display: flex;
}
.pop-busca input {
  min-width: 0;
  font: inherit;
  color: var(--foreground);
  background: none;
  border: 0;
  outline: none;
  flex-grow: 1;
  font-size: 13px;
}
.cal {
  width: 268px;
  padding: 4px;
}
.cal-cab {
  justify-content: space-between;
  align-items: center;
  padding: 2px 2px 8px;
  display: flex;
}
.cal-mes {
  color: var(--foreground);
  font-size: 13px;
  font-weight: 600;
}
.cal-mes:first-letter {
  text-transform: uppercase;
}
.cal-nav {
  border: 1px solid rgb(var(--ink) / .1);
  background: var(--ui-superficie);
  width: 28px;
  height: 28px;
  color: var(--shell-text-soft);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.cal-nav:hover {
  background: rgb(var(--ink) / .04);
  color: var(--foreground);
}
.cal-nav:disabled {
  opacity: .3;
  cursor: not-allowed;
}
.cal-grade {
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  display: grid;
}
.cal-dow {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--shell-text-muted);
  padding: 2px 0 6px;
  font-size: 10px;
}
.cal-dia {
  height: 32px;
  font: inherit;
  color: var(--foreground);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  font-size: 13px;
  position: relative;
}
.cal-dia:hover {
  background: rgb(var(--ink) / .06);
}
.cal-dia--fora {
  color: rgb(var(--ink) / .28);
}
.cal-dia--hoje:after {
  content: "";
  background: rgb(var(--accent-rgb));
  border-radius: 999px;
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
}
.cal-dia--sel, .cal-dia--sel:hover {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.cal-dia--sel:after {
  background: var(--ui-superficie);
}
.cal-dia--feriado {
  color: #3a8f5c;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.cal-dia:disabled {
  cursor: not-allowed;
  color: rgb(var(--ink) / .22);
  background: none;
  text-decoration: none;
}
.cal-dia--feriado:disabled {
  color: #3a8f5c99;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.cal-rodape {
  border-top: 1px solid rgb(var(--ink) / .06);
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  padding: 8px 4px 2px;
  display: flex;
}
.cal-rodape button {
  font: inherit;
  color: var(--shell-text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 2px 4px;
  font-size: 12px;
}
.cal-rodape button:hover {
  color: var(--foreground);
}
.btn-primario {
  box-sizing: border-box;
  border: 1px solid var(--ui-texto);
  background: var(--ui-texto);
  height: 36px;
  color: var(--ui-superficie);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  transition: background .12s;
  display: inline-flex;
}
.btn-primario:hover {
  background: #000;
}
.btn-primario:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.btn-primario--grande {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
}
.btn-primario--largo {
  width: 100%;
}
.btn-secundario {
  box-sizing: border-box;
  border: 1px solid rgb(var(--ink) / .14);
  background: var(--ui-superficie);
  height: 36px;
  color: var(--foreground);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}
.btn-secundario:hover {
  background: rgb(var(--ink) / .03);
  border-color: rgb(var(--ink) / .25);
}
.btn-secundario:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.btn-secundario[data-on="true"] {
  background: rgb(var(--ink) / .06);
  border-color: rgb(var(--ink) / .3);
}
.btn-perigo {
  color: var(--ui-vermelho);
  border-color: #d9534f73;
}
.btn-perigo:hover {
  border-color: var(--ui-vermelho);
  background: #d9534f14;
}
.btn-perigo--cheio {
  border-color: var(--ui-vermelho);
  color: var(--ui-superficie);
  background: #a94442;
}
.btn-perigo--cheio:hover {
  background: #8f3733;
}
.btn-leve--md {
  height: 36px;
  padding: 0 12px;
  font-size: 13px;
}
.btn-link {
  font: inherit;
  color: var(--shell-text-muted);
  text-underline-offset: 2px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  text-decoration: underline;
}
.btn-link:hover {
  color: var(--foreground);
}
.btn-icone {
  border: 1px solid rgb(var(--ink) / .1);
  background: var(--ui-superficie);
  width: 28px;
  height: 28px;
  color: var(--shell-text-soft);
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.btn-icone:hover {
  background: rgb(var(--ink) / .04);
  color: var(--foreground);
}
.acoes {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}
.acoes--fim {
  justify-content: flex-end;
}
.acoes--entre {
  justify-content: space-between;
}
.secao-cab {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}
.secao-titulo {
  letter-spacing: -.01em;
  color: var(--foreground);
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}
.secao-sub {
  color: var(--shell-text-muted);
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.45;
}
.rotulo-mini {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--shell-text-muted);
  font-size: 11px;
  font-weight: 500;
}
.linha-info {
  border: 1px solid rgb(var(--ink) / .08);
  background: var(--ui-superficie);
  color: var(--shell-text-soft);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  font-size: 13px;
  display: flex;
}
.linha-info b {
  color: var(--foreground);
  font-weight: 500;
}
.linha-info--acento {
  border-color: rgba(var(--accent-rgb), .35);
  background: rgba(var(--accent-rgb), .06);
}
.aviso {
  border: 1px solid #0000;
  border-radius: 8px;
  margin: 0;
  padding: 9px 12px;
  font-size: 12.5px;
  line-height: 1.45;
}
.aviso--erro {
  color: var(--ui-vermelho);
  background: #d9534f12;
  border-color: #d9534f40;
}
.aviso--alerta {
  background: rgba(var(--accent-rgb), .08);
  border-color: rgba(var(--accent-rgb), .3);
  color: var(--ui-dourado);
}
.aviso--ok {
  color: var(--status-green);
  background: #3a8f5c12;
  border-color: #3a8f5c4d;
}
.aviso--neutro {
  background: rgb(var(--ink) / .03);
  border-color: rgb(var(--ink) / .08);
  color: var(--shell-text-soft);
}
.tag {
  background: rgb(var(--ink) / .05);
  height: 22px;
  color: var(--shell-text-soft);
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
}
.tag--acento {
  background: rgba(var(--accent-rgb), .12);
  color: var(--ui-dourado);
}
.tag--ok {
  color: var(--status-green);
  background: #3a8f5c1f;
}
.tag--erro {
  color: var(--ui-vermelho);
  background: #d9534f1a;
}
.tag--mono {
  font-family: IBM Plex Mono, ui-monospace, monospace;
}
.grade-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 20px;
  display: grid;
}
@media (max-width: 700px) {
  .grade-2 {
    grid-template-columns: minmax(0, 1fr);
  }
}
.pilha {
  flex-direction: column;
  gap: 14px;
  display: flex;
}
.pessoa-lista {
  border: 1px solid rgb(var(--ink) / .08);
  background: var(--ui-superficie);
  border-radius: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.pessoa-lista > li + li {
  border-top: 1px solid rgb(var(--ink) / .06);
}
.pessoa-linha {
  box-sizing: border-box;
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: var(--foreground);
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  display: flex;
}
.pessoa-linha:hover {
  background: rgb(var(--ink) / .03);
}
.pessoa-linha[aria-disabled="true"] {
  cursor: not-allowed;
}
.pessoa-linha[aria-disabled="true"]:hover {
  background: none;
}
.pessoa-linha[aria-disabled="true"] .pessoa-nome {
  color: var(--shell-text-muted);
}
.pessoa-linha[data-sel="true"] {
  background: rgb(var(--ink) / .045);
  box-shadow: inset 3px 0 0 rgb(var(--accent-rgb));
}
.pessoa-texto {
  flex-direction: column;
  flex-grow: 1;
  gap: 1px;
  min-width: 0;
  display: flex;
}
.pessoa-nome {
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 500;
  display: flex;
}
.pessoa-nome > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pessoa-sub {
  color: var(--shell-text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}
.pessoa-sub--erro {
  color: var(--ui-vermelho);
}
.pessoa-acoes {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}
.pessoa-seta {
  color: var(--shell-text-muted);
  flex-shrink: 0;
  transition: transform .12s;
}
.pessoa-linha:hover .pessoa-seta {
  color: var(--foreground);
  transform: translateX(2px);
}
.lista-cab {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 14px 0 6px;
  display: flex;
}
.escolha {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}
.escolha-item {
  border: 1px solid rgb(var(--ink) / .1);
  background: var(--ui-superficie);
  text-align: left;
  font: inherit;
  cursor: pointer;
  color: var(--foreground);
  border-radius: 10px;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  display: flex;
}
.escolha-item:hover {
  border-color: rgb(var(--ink) / .3);
}
.escolha-item:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.escolha-item b {
  font-size: 14px;
  font-weight: 600;
}
.escolha-item span {
  color: var(--shell-text-muted);
  font-size: 12px;
  line-height: 1.4;
}
.escolha-item svg {
  color: var(--shell-text-soft);
}
.dialogo {
  color: var(--foreground);
  background: var(--ui-superficie) !important;
  border: 1px solid rgb(var(--ink) / .1) !important;
  border-radius: 12px !important;
  padding: 22px 24px !important;
  box-shadow: 0 24px 60px -20px #1414144d !important;
}
.dialogo:before, .dialogo:after {
  display: none !important;
}
.dialogo-titulo {
  letter-spacing: -.01em;
  font-size: 17px;
  font-weight: 600;
}
.dialogo-desc {
  color: var(--shell-text-muted);
  font-size: 13px;
  line-height: 1.5;
}
.sucesso {
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  max-width: 520px;
  display: flex;
}
.sucesso-icone {
  width: 40px;
  height: 40px;
  color: var(--status-green);
  background: #3a8f5c1f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.sucesso h2 {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
.sucesso p {
  color: var(--shell-text-muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.sucesso-dl {
  border: 1px solid rgb(var(--ink) / .08);
  background: var(--ui-superficie);
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 14px;
  width: 100%;
  margin: 0;
  padding: 12px 14px;
  font-size: 13px;
  display: grid;
}
.sucesso-dl dt {
  color: var(--shell-text-muted);
}
.sucesso-dl dd {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}
[data-identidade="unica"] .liquid-field, [data-identidade="unica"] .liquid-input, [data-identidade="unica"] .liquid-control, [data-identidade="unica"] .liquid-field-trigger {
  background: var(--ui-superficie);
  border: 1px solid rgb(var(--ink) / .12);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  filter: none;
  color: var(--foreground);
  border-radius: 8px;
}
[data-identidade="unica"] .liquid-field:before, [data-identidade="unica"] .liquid-control:before, [data-identidade="unica"] .liquid-field:after, [data-identidade="unica"] .liquid-control:after {
  display: none;
}
[data-identidade="unica"] .liquid-field:hover, [data-identidade="unica"] .liquid-input:hover, [data-identidade="unica"] .liquid-control:hover {
  border-color: rgb(var(--ink) / .22);
  box-shadow: none;
  background: var(--ui-superficie);
}
[data-identidade="unica"] .liquid-field:focus-within, [data-identidade="unica"] .liquid-input:focus-visible, [data-identidade="unica"] .liquid-control:focus-visible, [data-identidade="unica"] .liquid-field-trigger:focus-visible {
  border-color: var(--ui-texto);
  box-shadow: 0 0 0 3px rgb(var(--ink) / .06);
  outline: none;
}
[data-identidade="unica"] .liquid-input, [data-identidade="unica"] .liquid-field {
  font-size: 13px;
}
[data-identidade="unica"] .glass-chip {
  border: 1px solid rgb(var(--ink) / .1);
  height: 30px;
  color: var(--shell-text-soft);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  text-transform: none;
  letter-spacing: 0;
  background: none;
  border-radius: 7px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
}
[data-identidade="unica"] .glass-chip:hover {
  background: rgb(var(--ink) / .03);
  color: var(--foreground);
}
[data-identidade="unica"] .glass-chip[data-on="true"], [data-identidade="unica"] .glass-chip[aria-pressed="true"] {
  background: var(--ui-texto);
  border-color: var(--ui-texto);
  color: var(--ui-superficie);
}
[data-identidade="unica"] .seg-pill {
  border: 1px solid rgb(var(--ink) / .1);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  background: none;
  border-radius: 7px;
  padding: 0;
  overflow: hidden;
}
[data-identidade="unica"] .seg-pill:before, [data-identidade="unica"] .seg-pill:after {
  display: none;
}
[data-identidade="unica"] .seg-pill > button, [data-identidade="unica"] .seg-pill > * {
  height: 30px;
  box-shadow: none;
  border-radius: 0;
  font-size: 13px;
}
[data-identidade="unica"] .seg-pill > [data-on="true"], [data-identidade="unica"] .seg-pill > [aria-pressed="true"], [data-identidade="unica"] .seg-pill > [data-active="true"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
[data-identidade="unica"] .glass-tile-3d, [data-identidade="unica"] .glass-tile-3d-mini {
  background: var(--ui-superficie);
  border: 1px solid rgb(var(--ink) / .1);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  border-radius: 10px;
  transform: none !important;
}
[data-identidade="unica"] .glass-tile-3d:before, [data-identidade="unica"] .glass-tile-3d:after, [data-identidade="unica"] .glass-tile-v2:after {
  display: none;
}
[data-identidade="unica"] .glass-tile-3d:hover, [data-identidade="unica"] .glass-tile-v2:hover {
  border-color: rgb(var(--ink) / .3);
  box-shadow: none;
  transform: none !important;
}
[data-identidade="unica"] .glass-tile-v2 {
  background: var(--ui-superficie);
  border-radius: 10px;
}
[data-identidade="unica"] .tilt-3d, [data-identidade="unica"] .tilt-3d--suave {
  transition: border-color .12s;
  transform: none !important;
}
[data-identidade="unica"] .icon-orb {
  background: rgb(var(--ink) / .05);
  box-shadow: none;
  color: var(--shell-text-soft);
  -webkit-backdrop-filter: none;
  border: 0;
}
[data-identidade="unica"] .icon-orb:before, [data-identidade="unica"] .icon-orb:after {
  display: none;
}
[data-identidade="unica"] .choice-btn {
  isolation: auto;
  border: 1px solid rgb(var(--ink) / .14);
  background: var(--ui-superficie);
  height: 36px;
  color: var(--foreground);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 500;
  transition: background .12s, border-color .12s;
  overflow: visible;
  transform: none !important;
}
[data-identidade="unica"] .choice-btn:before, [data-identidade="unica"] .choice-btn:after {
  display: none;
}
[data-identidade="unica"] .choice-btn:hover {
  background: rgb(var(--ink) / .03);
  border-color: rgb(var(--ink) / .25);
  box-shadow: none;
}
[data-identidade="unica"] .choice-btn:active {
  box-shadow: none;
  transform: none !important;
}
[data-identidade="unica"] .choice-btn--selected, [data-identidade="unica"] .choice-btn--selected:hover {
  background: rgb(var(--ink) / .06);
  border-color: var(--ui-texto);
  color: var(--foreground);
  box-shadow: inset 0 0 0 1px var(--ui-texto);
}
[data-identidade="unica"] .choice-btn--primary, [data-identidade="unica"] .choice-btn--primary:hover, [data-identidade="unica"] .choice-btn--primary:active {
  background: var(--ui-texto);
  border-color: var(--ui-texto);
  color: var(--ui-superficie);
  box-shadow: none;
}
[data-identidade="unica"] .choice-btn--primary:hover {
  background: #000;
}
[data-identidade="unica"] .choice-btn--danger, [data-identidade="unica"] .choice-btn--danger:hover, [data-identidade="unica"] .choice-btn--danger:active {
  background: var(--ui-superficie);
  color: var(--ui-vermelho);
  box-shadow: none;
  border-color: #d9534f73;
}
[data-identidade="unica"] .choice-btn--danger:hover {
  background: #d9534f14;
}
[data-identidade="unica"] .choice-btn--warning, [data-identidade="unica"] .choice-btn--warning:hover, [data-identidade="unica"] .choice-btn--warning:active {
  background: var(--ui-superficie);
  border-color: rgba(var(--accent-rgb), .5);
  color: var(--ui-dourado);
  box-shadow: none;
}
[data-identidade="unica"] .choice-btn--warning:hover {
  background: rgba(var(--accent-rgb), .08);
}
[data-identidade="unica"] .choice-btn:disabled {
  opacity: .45;
}
[data-identidade="unica"] .glass-modal {
  background: var(--ui-superficie);
  border: 1px solid rgb(var(--ink) / .1);
  border-radius: 12px;
  box-shadow: 0 24px 60px -20px #1414144d;
  -webkit-backdrop-filter: none !important;
}
[data-identidade="unica"] .glass-modal:before, [data-identidade="unica"] .glass-modal:after {
  display: none;
}
[data-identidade="unica"] .glass-modal .text-display {
  font-size: 18px !important;
}
[data-identidade="unica"] .glass-cta {
  border: 1px solid var(--ui-texto);
  letter-spacing: 0;
  text-transform: none;
  -webkit-backdrop-filter: none;
  border-radius: 8px;
  height: 38px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
}
[data-identidade="unica"] .glass-cta:before, [data-identidade="unica"] .glass-cta:after {
  display: none;
}
[data-identidade="unica"] .glass-cta--mini {
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
}
[data-identidade="unica"] .pill-soft {
  box-shadow: none;
  border-radius: 6px;
  font-size: 11px;
}
[data-identidade="unica"] .glass-field {
  border-radius: 8px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
}
[data-identidade="unica"] .glass-field--display, [data-identidade="unica"] .glass-field--display input {
  font-family: IBM Plex Sans, ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-style: normal;
}
[data-identidade="unica"] .glass-field input::placeholder {
  font-style: normal;
}
[data-identidade="unica"] .calendario-dia-feriado {
  color: #3a8f5c;
  box-shadow: none;
  text-underline-offset: 3px;
  background: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.painel .eyebrow {
  display: none;
}
[data-identidade="unica"] .lamp--yellow, [data-identidade="unica"] .lamp--green, [data-identidade="unica"] .lamp--red, [data-identidade="unica"] .lamp--off {
  animation: none;
}
.conv-conteudo, .conv-conteudo > .painel-corpo, .ponto-painel, .ponto-painel .painel-corpo, .conversa-turno, .conversa-peca {
  overflow: visible;
}
.cap1 {
  display: inline-block;
}
.cap1:first-letter {
  text-transform: uppercase;
}
.btn-primario--sm {
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
}
.bloco {
  border: 1px solid rgb(var(--ink) / .08);
  background: var(--ui-superficie);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
}
.campo-dica--acima {
  margin-top: -2px;
}
.pessoa-linha--coluna {
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
}
[data-cursor-suave] {
  caret-color: #0000 !important;
}
.campo-cursor-camada {
  z-index: 2147483646;
  pointer-events: none;
  visibility: hidden;
  contain: strict;
  position: fixed;
  overflow: hidden;
}
.campo-cursor {
  pointer-events: none;
  border-radius: 1px;
  width: 2.5px;
  position: absolute;
  top: 0;
  left: 0;
}
.campo-cursor-medida {
  visibility: hidden;
  pointer-events: none;
  box-sizing: content-box;
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: -100000px;
}
[data-reduce-anim="1"] [data-cursor-suave] {
  caret-color: auto !important;
}
[data-reduce-anim="1"] .campo-cursor-camada {
  display: none;
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  [data-cursor-suave] {
    caret-color: auto !important;
  }

  .campo-cursor-camada {
    display: none;
  }
}
[data-identidade="unica"] {
  --selecao-fundo: var(--ui-borda);
  --selecao-texto: var(--ui-texto);
  --detalhe-dourado: #a87524;
  --detalhe-azul: #3566a8;
}
[data-identidade="unica"] ::selection {
  background: var(--selecao-fundo);
  color: var(--selecao-texto);
  text-shadow: none;
}
[data-identidade="unica"] .ft-raiz {
  display: none;
}
.config-fundo {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #00000047;
}
.config-dialogo {
  background: var(--ui-superficie);
  width: min(860px, 100vw - 40px);
  max-width: none;
  max-height: min(760px, 100dvh - 48px);
  color: var(--ui-texto);
  --foreground: var(--ui-texto);
  --muted-foreground: var(--ui-muted);
  --border: #e6e6e6;
  --ink: 28 28 28;
  --accent-rgb: 28 28 28;
  border: 0;
  border-radius: 16px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 24px 80px -24px #00000047;
}
.config-cabecalho {
  border-bottom: 1px solid var(--ui-borda);
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 26px 28px 22px;
  display: flex;
}
.config-cabecalho .dialogo-titulo {
  font-size: 21px;
  font-weight: 600;
}
.config-cabecalho .dialogo-desc {
  color: var(--ui-muted);
  margin-top: 4px;
  font-size: 13px;
}
.config-cabecalho .btn-icone {
  flex-shrink: 0;
}
.config-corpo {
  flex: 1;
  grid-template-columns: 176px minmax(0, 1fr);
  min-height: 0;
  display: grid;
}
.config-navegacao {
  background: var(--ui-elevada);
  border-right: 1px solid var(--ui-borda);
  flex-direction: column;
  gap: 32px;
  padding: 20px 12px;
  display: flex;
}
.config-abas {
  flex-direction: column;
  gap: 5px;
  display: flex;
}
.config-aba {
  text-align: left;
  color: var(--ui-muted);
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .14s, color .14s;
  display: flex;
}
.config-aba:hover {
  background: var(--ui-hover);
  color: var(--ui-texto);
}
.config-aba[data-state="active"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.config-aba svg, .config-atalho svg, .config-rodape svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.config-atalho {
  color: var(--ui-muted);
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 10px 12px;
  font-size: 12px;
  display: flex;
}
.config-atalho:hover {
  color: var(--ui-texto);
}
.config-conteudo {
  overscroll-behavior: contain;
  min-width: 0;
  min-height: 0;
  padding: 28px 32px;
  overflow-y: auto;
}
.config-pagina {
  outline: none;
}
.config-pagina > .secao-cab {
  margin-bottom: 22px;
}
.config-titulo {
  letter-spacing: -.025em;
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.config-pilha {
  flex-direction: column;
  gap: 24px;
  display: flex;
}
.config-secao {
  border-bottom: 1px solid var(--ui-borda);
  padding: 0 0 24px;
}
.config-secao .campo-dica {
  color: var(--ui-muted);
  margin-top: 4px;
  line-height: 1.5;
}
.config-linha {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  display: flex;
}
.config-fontes {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 16px;
  display: grid;
}
.config-fonte {
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  color: var(--ui-muted);
  border-radius: 9px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 16px;
  font-size: 12px;
  transition: background-color .14s, border-color .14s;
  display: flex;
  position: relative;
}
.config-fonte:hover {
  border-color: var(--ui-muted);
}
.config-fonte[aria-pressed="true"] {
  border-color: var(--ui-texto);
  background: var(--ui-hover);
  color: var(--ui-texto);
}
.config-fonte-amostra {
  align-items: flex-end;
  height: 32px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  display: flex;
}
.config-fonte[data-tamanho="sm"] .config-fonte-amostra {
  font-size: 20px;
}
.config-fonte[data-tamanho="lg"] .config-fonte-amostra {
  font-size: 30px;
}
.config-fonte-check {
  width: 13px;
  height: 13px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.config-amostra {
  padding-top: 18px;
}
.config-amostra p {
  font-size: calc(16px * var(--font-scale));
  margin: 9px 0 4px;
  font-weight: 500;
}
.config-amostra > span:last-child {
  font-size: calc(13px * var(--font-scale));
  color: var(--ui-muted);
  line-height: 1.6;
}
.config-switch {
  background: var(--ui-borda);
  border-radius: 20px;
  flex-shrink: 0;
  width: 40px;
  height: 24px;
  transition: background-color .16s;
  position: relative;
}
.config-switch[aria-checked="true"] {
  background: var(--ui-texto);
}
.config-switch > span {
  background: var(--ui-superficie);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .16s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 3px;
  left: 3px;
}
.config-switch[aria-checked="true"] > span {
  transform: translateX(16px);
}
.config-switch:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.config-rodape {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.config-rodape .btn-leve {
  align-items: center;
  gap: 6px;
  display: flex;
}
.config-avatar {
  background: var(--ui-hover);
  width: 48px;
  height: 48px;
  color: var(--ui-texto);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  font-size: 18px;
  font-weight: 500;
  display: grid;
}
.config-email {
  color: var(--ui-muted);
  overflow-wrap: anywhere;
  font-size: 13px;
}
.config-expansivel {
  border-bottom: 1px solid var(--ui-borda);
}
.config-expansivel > button {
  padding: 16px 0;
}
.config-expansivel > form, .config-expansivel > div {
  padding-left: 0;
  padding-right: 0;
}
.config-icone {
  width: 32px;
  height: 32px;
  color: var(--ui-texto);
  flex-shrink: 0;
  place-items: center;
  display: grid;
}
.config-usuarios {
  border-top: 1px solid var(--ui-borda);
}
.config-usuario {
  border-bottom: 1px solid var(--ui-borda);
  padding: 18px 0;
}
.config-dialogo :is(.campo, [data-slot="select-trigger"]) {
  background: var(--ui-superficie);
  color: var(--ui-texto);
  border: 1px solid var(--ui-borda);
  box-shadow: none;
  border-radius: 8px;
}
.config-dialogo .campo {
  min-height: 38px;
}
.config-dialogo .campo:focus-visible {
  outline: 2px solid var(--ui-muted);
  outline-offset: 2px;
}
.config-dialogo .campo[aria-invalid="true"] {
  border-color: var(--status-red);
}
.config-dialogo :is(button, [role="tab"]):focus-visible {
  outline: 2px solid var(--ui-muted);
  outline-offset: 3px;
}
.config-dialogo [class*="text-foreground/"] {
  color: var(--ui-muted);
}
@media (max-width: 640px) {
  .config-dialogo {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .config-cabecalho {
    padding: 20px;
  }

  .config-corpo {
    flex-direction: column;
    display: flex;
  }

  .config-navegacao {
    border-right: 0;
    border-bottom: 1px solid var(--ui-borda);
    gap: 6px;
    padding: 10px 12px;
  }

  .config-abas {
    flex-flow: wrap;
  }

  .config-aba {
    white-space: nowrap;
    flex: 1;
    justify-content: center;
    gap: 5px;
    padding: 10px 6px;
    font-size: 12px;
  }

  .config-aba svg {
    width: 14px;
    height: 14px;
  }

  .config-atalho {
    margin-left: auto;
    padding: 5px 6px;
  }

  .config-conteudo {
    padding: 22px 20px;
  }

  .config-fontes {
    gap: 6px;
  }

  .config-fonte {
    padding: 12px 10px;
    font-size: 11px;
  }

  .config-titulo {
    font-size: 19px;
  }
}
[data-identidade="unica"] .shell-fundo:before, [data-identidade="unica"] .shell-fundo:after {
  display: none;
}
.config-dialogo .secao-cab {
  display: block;
}
.vinculo {
  min-height: 100svh;
  color: var(--ui-texto);
  position: relative;
}
.vinculo-topo {
  border-bottom: 1px solid var(--ui-borda);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 1100px;
  margin: auto;
  padding: 20px 24px;
  display: flex;
}
.vinculo-marca {
  align-items: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
}
.vinculo .nav-cluster {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  padding: 3px;
  position: static;
  inset: auto;
  transform: none;
}
.vinculo .nav-btn {
  color: var(--ui-suave);
  box-shadow: none;
  background: none;
  border: 0;
}
.vinculo .nav-btn:hover {
  background: var(--ui-hover);
  transform: none;
}
.vinculo .nav-btn:disabled {
  opacity: .3;
}
.vinculo .nav-divider {
  background: var(--ui-borda);
}
.vinculo-painel {
  background: var(--ui-superficie);
  border: 1px solid var(--ui-borda);
  border-radius: 16px;
  box-shadow: 0 4px 24px #00000006;
}
.vinculo-cabecalho {
  max-width: 672px;
  margin: auto;
  padding: 36px 16px 24px;
}
.vinculo-titulo {
  letter-spacing: -.035em;
  color: var(--ui-texto);
  text-wrap: balance;
  margin-top: 8px;
  font-size: clamp(25px, 4vw, 34px);
  font-weight: 600;
  line-height: 1.2;
}
.vinculo-enfase {
  color: inherit;
  font-style: normal;
}
.ocorrencias-painel {
  padding: 28px;
}
.vinculo-desconto {
  width: 100%;
  max-width: 560px;
  padding: 32px;
}
.vinculo-etapas {
  border-bottom: 1px solid var(--ui-borda);
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  display: flex;
}
.vinculo-etapas li {
  color: var(--ui-muted);
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}
.vinculo-etapas li > span {
  background: var(--ui-hover);
  border-radius: 50%;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 11px;
  display: grid;
}
.vinculo-etapas [aria-current="step"] {
  color: var(--ui-texto);
  font-weight: 600;
}
.vinculo-etapas [aria-current="step"] > span {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.vinculo-etapas [data-concluida="true"] > span {
  background: var(--ui-borda);
  color: var(--ui-texto);
}
.vinculo-empregado {
  border-bottom: 1px solid var(--ui-borda);
  margin-bottom: 24px;
  padding-bottom: 20px;
}
.vinculo-nome {
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 600;
}
.vinculo-metadados {
  color: var(--ui-muted);
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 8px;
  font-size: 12px;
  display: flex;
}
.vinculo-metadados strong {
  color: var(--ui-suave);
  font-weight: 500;
}
.vinculo-valor {
  border: 1px solid var(--ui-borda);
  background: var(--ui-elevada);
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: flex;
}
.vinculo-valor:focus-within {
  outline: 2px solid var(--ui-muted);
  outline-offset: 2px;
  border-color: var(--ui-muted);
}
.vinculo-valor:has([aria-invalid="true"]) {
  border-color: var(--status-red);
}
.vinculo-moeda {
  color: var(--ui-muted);
  font-size: 20px;
}
.vinculo-valor-input {
  letter-spacing: -.025em;
  width: 100%;
  min-width: 0;
  color: var(--ui-texto);
  font-variant-numeric: tabular-nums;
  background: none;
  border: 0;
  outline: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
}
.vinculo-valor-input::placeholder {
  color: var(--ui-muted);
}
.vinculo-resumo {
  border: 1px solid var(--ui-borda);
  background: var(--ui-elevada);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}
.vinculo-sucesso-icone {
  background: var(--ui-hover);
  width: 64px;
  height: 64px;
  color: var(--ui-texto);
  border-radius: 50%;
  place-items: center;
  margin: 0 auto 20px;
  display: grid;
}
[data-superficie="vinculo"] .ocorrencia-dia {
  text-align: left;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-height: 112px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ui-borda) !important;
  background: var(--ui-superficie) !important;
  box-shadow: none !important;
  transform: none !important;
}
[data-superficie="vinculo"] .ocorrencia-dia:hover {
  background: var(--ui-hover) !important;
  border-color: var(--ui-borda-forte) !important;
}
[data-superficie="vinculo"] .ocorrencia-dia:focus-visible {
  outline: 2px solid var(--ui-muted);
  outline-offset: 3px;
}
[data-superficie="vinculo"] .ocorrencia-dia:before, [data-superficie="vinculo"] .ocorrencia-dia:after, [data-superficie="vinculo"] [class$="dash-svg"] {
  display: none;
}
[data-superficie="vinculo"] .ocorrencia-dia.glass-tile-cancelado {
  background: var(--ui-fundo) !important;
}
[data-superficie="vinculo"] .btn-action-expand {
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  width: auto;
  height: auto;
  min-height: 36px;
  color: var(--ui-suave);
  box-shadow: none;
  border-radius: 8px;
  gap: 6px;
  padding: 8px 12px;
  transform: none;
}
[data-superficie="vinculo"] .btn-action-expand .btn-label {
  opacity: 1;
  width: auto;
  max-width: none;
  margin: 0;
}
[data-superficie="vinculo"] div:has( > .btn-action-expand) {
  flex-wrap: wrap;
}
[data-superficie="vinculo"] .num-stepper {
  background: var(--ui-hover);
  border: 1px solid var(--ui-borda);
  box-shadow: none;
}
[data-superficie="vinculo"] [class*="text-violet-"], [data-superficie="vinculo"] [class*="text-sky-"] {
  color: var(--ui-suave);
}
@media (max-width: 640px) {
  .vinculo-topo {
    gap: 8px;
    padding: 14px 16px;
  }

  .vinculo-marca {
    gap: 7px;
    font-size: 11px;
  }

  .vinculo-desconto, .ocorrencias-painel {
    padding: 20px;
  }

  .vinculo-etapas {
    justify-content: space-between;
    gap: 10px;
  }

  .vinculo-etapas li {
    gap: 5px;
    font-size: 11px;
  }

  .vinculo-cabecalho {
    padding-top: 24px;
  }

  [data-superficie="vinculo"] .ocorrencia-dia {
    padding: 12px;
  }
}
[data-superficie="vinculo"] .ocorrencia-dia {
  width: 100%;
}
[data-superficie="vinculo"] .btn-action-expand {
  background: var(--ui-superficie) !important;
  border-color: var(--ui-borda) !important;
  color: var(--ui-suave) !important;
  box-shadow: none !important;
}
[data-superficie="vinculo"] .btn-action-expand:before, [data-superficie="vinculo"] .btn-action-expand:after {
  display: none !important;
}
[data-superficie="vinculo"] .btn-action-expand svg {
  color: currentColor !important;
  filter: none !important;
}
[data-superficie="vinculo"] .btn-action-expand:hover {
  background: var(--ui-hover) !important;
}
[data-superficie="vinculo"] .btn-cancel-convocacao {
  color: #a53535 !important;
}
.vinculo-carregando {
  min-height: 65svh;
  color: var(--ui-muted);
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  display: flex;
}
:root[data-identidade="unica"] {
  --ui-fundo: #f5f5f4;
  --ui-superficie: #fff;
  --ui-elevada: #fafafa;
  --ui-texto: #202020;
  --ui-suave: #484848;
  --ui-muted: #686868;
  --ui-borda: #dededb;
  --ui-borda-forte: #92928d;
  --ui-hover: #ededea;
  --ui-azul: #225dc0;
  --ui-azul-fundo: #edf3fe;
  --ui-dourado: #80560c;
  --ui-dourado-fundo: #faf2df;
  --ui-vermelho: #ae3030;
  --ui-vermelho-fundo: #fff0ef;
  --ui-acao: #202020;
  --ui-acao-texto: #fff;
  --selecao-fundo: #d4d4d4;
  --selecao-texto: #171717;
  --ink: 32 32 32;
  --accent-rgb: 128 86 12;
  --background: var(--ui-fundo);
  --foreground: var(--ui-texto);
  --card: var(--ui-superficie);
  --card-foreground: var(--ui-texto);
  --popover: var(--ui-superficie);
  --popover-foreground: var(--ui-texto);
  --primary: var(--ui-acao);
  --primary-foreground: var(--ui-acao-texto);
  --secondary: var(--ui-hover);
  --secondary-foreground: var(--ui-texto);
  --muted: var(--ui-hover);
  --muted-foreground: var(--ui-muted);
  --border: var(--ui-borda);
  --input: var(--ui-borda);
  --ring: var(--ui-azul);
  --shell-text-muted: var(--ui-muted);
  --shell-text-soft: var(--ui-suave);
  --shell-line: var(--ui-borda);
  --panel: var(--ui-superficie);
  --glass-bg: var(--ui-superficie);
  --glass-bg-strong: var(--ui-superficie);
  --glass-border: var(--ui-borda);
  --glass-border-strong: var(--ui-borda);
  --glass-shadow: none;
  --status-red: var(--ui-vermelho);
  --status-yellow: var(--ui-dourado);
  --aurora-bg-1: var(--ui-fundo);
  --aurora-bg-2: var(--ui-fundo);
  --aurora-bg-3: var(--ui-fundo);
  color-scheme: light;
}
[data-identidade="unica"][data-theme="dark"] {
  --ui-fundo: #141414;
  --ui-superficie: #1c1c1c;
  --ui-elevada: #232323;
  --ui-texto: #f1f1ee;
  --ui-suave: #d0d0ca;
  --ui-muted: #ababaa;
  --ui-borda: #393938;
  --ui-borda-forte: #787875;
  --ui-hover: #2c2c2a;
  --ui-azul: #91b8ff;
  --ui-azul-fundo: #1d2a40;
  --ui-dourado: #e2bd70;
  --ui-dourado-fundo: #342b1c;
  --ui-vermelho: #ffa5a0;
  --ui-vermelho-fundo: #3c2323;
  --ui-acao: #efefea;
  --ui-acao-texto: #171717;
  --selecao-fundo: #585856;
  --selecao-texto: #fff;
  --ink: 241 241 238;
  --accent-rgb: 226 189 112;
  --status-green: #a9c6ae;
  --status-green-rgb: 169 198 174;
  --status-red-rgb: 255 165 160;
  --status-yellow-rgb: 226 189 112;
  color-scheme: dark;
}
[data-identidade="unica"] ::selection {
  background: var(--selecao-fundo);
  color: var(--selecao-texto);
}
[data-identidade="unica"] body {
  background: var(--ui-fundo);
  color: var(--ui-texto);
}
[data-identidade="unica"] .shell-fundo {
  background: var(--ui-fundo);
}
[data-identidade="unica"] :is(.shell-nav, .painel, .dialogo, .config-dialogo, .pop, .campo, .vinculo-painel) {
  background: var(--ui-superficie);
  color: var(--ui-texto);
  border-color: var(--ui-borda);
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
[data-identidade="unica"] :is(.btn-primario, .choice-btn--primary, .glass-cta) {
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
  border-color: var(--ui-acao);
  box-shadow: none;
}
[data-identidade="unica"] :is(.btn-primario, .choice-btn--primary):hover {
  background: var(--ui-suave);
  color: var(--ui-superficie);
}
[data-identidade="unica"] :is(.btn-link, .etapa-trocar) {
  color: var(--ui-azul);
}
[data-identidade="unica"] :is(.aviso--alerta, .tag--acento, .linha-info--acento) {
  background: var(--ui-dourado-fundo);
  color: var(--ui-dourado);
  border-color: var(--ui-dourado);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-identidade="unica"] :is(.aviso--alerta, .tag--acento, .linha-info--acento) {
    border-color: color-mix(in srgb, var(--ui-dourado) 30%, transparent);
  }
}
[data-identidade="unica"] :is(.aviso--erro, .btn-perigo) {
  background: var(--ui-vermelho-fundo);
  color: var(--ui-vermelho);
}
[data-identidade="unica"] :is(.rotulo-mini, .hub-rotulo, .shell-secao, .eyebrow) {
  letter-spacing: .015em;
  text-transform: none;
}
[data-identidade="unica"] :is(.campo, button, a):focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 3px;
}
[data-identidade="unica"] .campo:focus-within {
  border-color: var(--ui-azul);
  box-shadow: none;
}
[data-identidade="unica"] .campo:disabled {
  opacity: .55;
}
[data-identidade="unica"] .config-temas {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 16px;
  display: grid;
}
.config-tema {
  border: 1px solid var(--ui-borda);
  text-align: left;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 13px;
  display: flex;
}
.config-tema[aria-pressed="true"] {
  border-color: var(--ui-texto);
  background: var(--ui-hover);
}
.config-tema-previa {
  background: #eee;
  border-radius: 5px;
  grid-template-columns: 1fr 3fr;
  gap: 5px;
  width: 100%;
  height: 56px;
  padding: 10px;
  display: grid;
}
.config-tema-previa i {
  background: #fff;
  border-radius: 2px;
}
.config-tema-previa i:first-child {
  background: #ccc;
  grid-row: span 2;
}
.config-tema-previa[data-previa="dark"] {
  background: #161616;
}
.config-tema-previa[data-previa="dark"] i {
  background: #353535;
}
.config-tema-previa[data-previa="dark"] i:first-child {
  background: #555;
}
.marca-simbolo {
  width: 32px;
  height: 32px;
  color: var(--ui-texto);
  flex: 0 0 32px;
}
.shell-logo {
  gap: 12px;
  padding-bottom: 28px;
  line-height: 1.35;
}
.shell-nav > :not(.shell-indicador) {
  z-index: 1;
  position: relative;
}
.shell-indicador {
  z-index: 0;
  background: var(--ui-hover);
  pointer-events: none;
  border-radius: 8px;
  transition: transform .26s cubic-bezier(.2, .8, .2, 1), height .26s;
  position: absolute;
  top: 0;
}
[data-identidade="unica"] .shell-link[aria-current="page"] {
  color: var(--ui-texto);
  background: none;
}
.shell-link {
  min-height: 40px;
}
.pagina-transicao {
  animation: .16s ease-out pagina-entrar;
}
@keyframes pagina-entrar {
  from {
    opacity: .25;
  }

  to {
    opacity: 1;
  }
}
.aviso-conexao {
  color: var(--ui-dourado);
  background: var(--ui-dourado-fundo);
  border: 1px solid var(--ui-dourado);
  align-items: flex-start;
  gap: 12px;
  margin: 20px clamp(16px, 3vw, 40px) 0;
  padding: 16px 20px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .aviso-conexao {
    border: 1px solid color-mix(in srgb, var(--ui-dourado) 30%, transparent);
  }
}
.aviso-conexao {
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
}
.aviso-conexao > svg {
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  margin-top: 2px;
}
.aviso-conexao strong {
  font-weight: 600;
}
.aviso-conexao small {
  margin-top: 5px;
  font-size: 12px;
  display: block;
}
.convocar-pagina {
  max-width: 1260px;
  margin: 0 auto;
  padding: 40px clamp(20px, 3vw, 44px) 64px;
}
.conv-cabecalho {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 30px;
  display: flex;
}
.conv-cabecalho .pagina-titulo {
  letter-spacing: -.03em;
  font-size: clamp(27px, 3vw, 34px);
  font-weight: 600;
}
.conv-cabecalho .pagina-sub {
  max-width: 60ch;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.65;
}
.conv-contagem {
  white-space: nowrap;
  color: var(--ui-muted);
  padding-top: 12px;
  font-size: 12px;
}
.conv-progresso {
  border-bottom: 1px solid var(--ui-borda);
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 30px;
  display: grid;
}
.conv-progresso li {
  padding-bottom: 18px;
  position: relative;
}
.conv-progresso li:after {
  content: "";
  background: none;
  width: 100%;
  height: 2px;
  transition: background-color .18s;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.conv-progresso button {
  color: var(--ui-muted);
  text-align: left;
  align-items: center;
  gap: 9px;
  padding: 4px 0;
  font-size: 13px;
  display: flex;
}
.conv-progresso [data-estado="atual"] button {
  color: var(--ui-texto);
  font-weight: 600;
}
.conv-passo-num {
  border: 1px solid var(--ui-borda);
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 12px;
  display: grid;
}
.conv-passo-num svg {
  width: 13px;
  height: 13px;
}
[data-estado="atual"] .conv-passo-num {
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
  border-color: var(--ui-acao);
}
.conv-layout {
  grid-template-columns: minmax(0, 1fr) 240px;
  align-items: start;
  gap: 32px;
  display: grid;
}
.conv-trabalho {
  background: var(--ui-superficie);
  border: 1px solid var(--ui-borda);
  border-radius: 14px;
  min-width: 0;
  padding: clamp(22px, 3vw, 36px);
}
.conv-trabalho .secao-titulo {
  letter-spacing: -.025em;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.25;
}
.conv-trabalho .secao-sub {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.65;
}
.conv-trabalho .pilha {
  gap: 26px;
  max-width: none !important;
}
.conv-trabalho .campo {
  height: 44px;
  font-size: 14px;
}
.conv-trabalho .campo-rotulo {
  font-size: 13px;
}
.conv-trabalho .campo-dica {
  font-size: 12px;
  line-height: 1.5;
}
.conv-trabalho .grade-2 {
  gap: 22px 20px;
}
.conv-trabalho :is(.btn-primario, .btn-secundario) {
  min-height: 42px;
  padding: 10px 16px;
}
.conv-contexto {
  position: sticky;
  top: 28px;
}
.conv-resumo summary {
  border-bottom: 1px solid var(--ui-borda);
  cursor: pointer;
  padding: 0 0 18px;
  font-size: 14px;
  font-weight: 500;
}
.conv-resumo section {
  border-bottom: 1px solid var(--ui-borda);
  padding: 20px 0;
}
.conv-resumo p {
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
}
.conv-resumo .campo-dica {
  font-size: 12px;
}
.conv-nome {
  font-weight: 500;
  font-size: 16px !important;
}
.conv-resumo dl {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 16px;
  font-size: 12px;
  display: grid;
}
.conv-resumo dt {
  color: var(--ui-muted);
}
.conv-resumo dd {
  text-align: right;
  overflow-wrap: anywhere;
}
.conv-resumo-nota {
  color: var(--ui-muted);
  padding-top: 14px;
}
.conv-grupo {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.conv-grupo + .conv-grupo {
  border-top: 1px solid var(--ui-borda);
  padding-top: 24px;
}
.conv-grupo legend {
  float: left;
  width: 100%;
  margin-bottom: 18px;
  font-size: 15px;
  font-weight: 600;
}
.conv-grupo > .grade-2 {
  clear: both;
}
.conv-detalhe-tecnico {
  color: var(--ui-muted);
  align-self: start;
  font-size: 12px;
}
.conv-detalhe-tecnico summary {
  cursor: pointer;
  padding: 3px 0 12px;
}
.campo-erro {
  color: var(--ui-vermelho);
  font-size: 12px;
}
[data-invalido="true"] .campo {
  border-color: var(--ui-vermelho);
}
.campo-telefone-acoes {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 14px;
  margin-top: 6px;
  font-size: 13px;
  display: flex;
}
.campo-telefone-confirma {
  color: var(--ui-texto);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  display: inline-flex;
}
.campo-telefone-perigo {
  color: var(--ui-vermelho);
}
.conv-teste {
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  cursor: pointer;
  border-radius: 12px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}
.conv-teste[data-ligado] {
  border-color: var(--ui-dourado);
  background: var(--ui-dourado-fundo);
}
.conv-teste input {
  width: 16px;
  height: 16px;
  accent-color: var(--ui-dourado);
  flex: none;
  margin-top: 2px;
}
.conv-teste > span {
  color: var(--ui-suave);
  gap: 2px;
  font-size: 13px;
  line-height: 1.5;
  display: grid;
}
.conv-teste strong {
  color: var(--ui-texto);
  font-size: 14px;
  font-weight: 600;
}
.conv-revisao-grupo {
  border-bottom: 1px solid var(--ui-borda);
  padding-bottom: 24px;
}
.conv-revisao-grupo header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}
.conv-revisao-grupo h3 {
  font-size: 15px;
  font-weight: 600;
}
.conv-revisao-grupo p {
  color: var(--ui-suave);
  font-size: 14px;
  line-height: 1.7;
}
.conv-revisao-grupo dl {
  gap: 12px;
  display: grid;
}
.conv-revisao-grupo dl > div {
  grid-template-columns: minmax(110px, .8fr) 1.2fr;
  gap: 20px;
  font-size: 13px;
  display: grid;
}
.conv-revisao-grupo dt {
  color: var(--ui-muted);
}
.conv-revisao-grupo dd {
  color: var(--ui-texto);
  overflow-wrap: anywhere;
}
.conv-acoes {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  display: flex;
}
.conv-trabalho .pessoa-linha {
  gap: 14px;
  padding: 18px 14px;
}
.conv-trabalho .pessoa-nome {
  font-size: 15px;
}
.conv-trabalho .pessoa-sub {
  font-size: 12px;
  line-height: 1.6;
}
.hub {
  padding-top: clamp(56px, 10vh, 110px);
}
.hub-titulo {
  letter-spacing: -.035em;
  text-wrap: balance;
  max-width: 680px;
  margin: 12px auto 32px;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 500;
  line-height: 1.18;
}
.hub-data {
  color: var(--ui-muted);
  text-transform: none;
  font-size: 13px;
}
.hub-grade {
  gap: 36px;
  margin-top: 48px;
}
.hub-rotulo {
  color: var(--ui-muted);
  font-size: 13px;
  font-weight: 500;
}
@media (max-width: 1050px) {
  .conv-layout {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 22px;
  }

  .convocar-pagina {
    padding: 28px 22px 48px;
  }
}
@media (max-width: 800px) {
  .conv-layout {
    flex-direction: column;
    display: flex;
  }

  .conv-contexto {
    order: -1;
    width: 100%;
    position: static;
  }

  .conv-trabalho {
    width: 100%;
  }

  .conv-resumo {
    border: 1px solid var(--ui-borda);
    border-radius: 10px;
    padding: 14px 16px;
  }

  .conv-resumo summary {
    border: 0;
    padding: 0;
  }

  .conv-resumo > div {
    padding-top: 10px;
  }

  .conv-resumo section {
    padding: 12px 0;
  }

  .conv-cabecalho {
    flex-direction: column;
    gap: 8px;
  }

  .conv-contagem {
    padding: 0;
  }

  .conv-progresso button {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    font-size: 12px;
  }

  .conv-progresso {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .convocar-pagina {
    padding: 24px 16px 40px;
  }

  .conv-trabalho {
    padding: 22px 18px;
  }

  .conv-trabalho .grade-2 {
    grid-template-columns: 1fr;
  }

  .conv-acoes {
    flex-direction: column-reverse;
  }

  .conv-acoes button {
    justify-content: center;
    width: 100%;
  }

  .aviso-conexao {
    margin: 12px 16px 0;
    padding: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pagina-transicao {
    animation: none;
  }

  .shell-indicador {
    transition: none;
  }
}
[data-reduce-anim="1"] .pagina-transicao {
  animation: none;
}
[data-reduce-anim="1"] .shell-indicador {
  transition: none;
}
.shell-menu-toggle {
  display: none;
}
@media (max-width: 800px) {
  .shell {
    flex-direction: column;
  }

  .shell-nav {
    border-right: 0;
    border-bottom: 1px solid var(--ui-borda);
    width: 100%;
    height: auto;
    padding: 14px 16px;
    position: relative;
  }

  .shell-nav .shell-logo {
    max-width: 260px;
    min-height: 36px;
    padding: 0 48px 0 0;
  }

  .shell-nav > .shell-menu-toggle {
    border: 1px solid var(--ui-borda);
    border-radius: 8px;
    place-items: center;
    width: 36px;
    height: 36px;
    display: grid;
    position: absolute;
    top: 14px;
    right: 16px;
  }

  .shell-menu-toggle svg {
    width: 18px;
    height: 18px;
  }

  .shell-nav[data-menu="false"] > :not(.shell-logo):not(.shell-menu-toggle) {
    display: none;
  }

  .shell-nav[data-menu="true"] .shell-busca {
    margin-top: 18px;
  }

  .shell-main {
    width: 100%;
    min-height: auto;
  }

  .hub {
    padding: 48px 22px;
  }

  .hub-grade {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}
[data-identidade="unica"] .icone-busca, [data-identidade="unica"] .shell-busca > svg {
  color: var(--ui-dourado);
}
[data-identidade="unica"] :is(input, textarea) {
  caret-color: var(--ui-azul);
}
[data-identidade="unica"] .shell-indicador {
  background: var(--ui-hover);
  border: 0;
}
[data-identidade="unica"] .shell-link[aria-current="page"] {
  color: var(--ui-dourado);
}
.conv-progresso [data-estado="atual"]:after {
  background: var(--ui-dourado);
}
.conv-progresso [data-estado="atual"] button {
  color: var(--ui-dourado);
}
.conv-progresso .conv-passo-num {
  background: none;
  border: 0;
  border-radius: 0;
}
.conv-progresso [data-estado="atual"] .conv-passo-num {
  color: var(--ui-dourado);
  background: none;
  border: 0;
  font-weight: 600;
}
.periodo-confirmado {
  border-top: 1px solid var(--ui-borda);
  border-bottom: 1px solid var(--ui-borda);
  color: var(--ui-texto);
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
}
.periodo-confirmado > svg {
  width: 19px;
  height: 19px;
  color: var(--ui-azul);
  flex-shrink: 0;
}
.periodo-confirmado-texto {
  flex: 1;
  min-width: 0;
}
.periodo-confirmado b {
  font-weight: 500;
}
.conv-trabalho .btn-leve[data-on="true"] {
  color: var(--ui-dourado);
  background: var(--ui-hover);
  border-color: #0000;
}
.shell-nav > .shell-recolher {
  z-index: 3;
  width: 16px;
  color: var(--ui-muted);
  cursor: pointer;
  inset-block: 0;
  background: none;
  border: 0;
  border-radius: 0;
  place-items: center;
  margin: 0;
  padding: 0;
  display: grid;
  position: absolute;
  right: -16px;
}
.shell-nav > .shell-recolher:hover {
  color: var(--ui-texto);
  background: none;
}
.shell-recolher-barra {
  opacity: 0;
  background: currentColor;
  border-radius: 2px;
  width: 2px;
  height: 72px;
  transition: opacity .14s;
}
.shell-recolher:is(:hover, :focus-visible) .shell-recolher-barra {
  opacity: 1;
}
.shell-recolher:focus-visible {
  outline: none;
}
.shell-recolher:focus-visible .shell-recolher-barra {
  background: var(--ui-azul);
}
.shell-texto {
  opacity: 1;
  max-width: 190px;
  transition: opacity .14s, max-width .28s cubic-bezier(.2, .8, .2, 1);
  overflow: hidden;
}
.shell-logo .shell-texto {
  white-space: nowrap;
  font-size: 12px;
}
@media (min-width: 801px) {
  .shell-nav {
    width: 236px;
    transition: width .28s cubic-bezier(.2, .8, .2, 1);
  }

  .shell-nav[data-recolhida="true"] {
    width: 72px;
  }

  .shell-nav[data-recolhida="true"] .shell-texto {
    opacity: 0;
    pointer-events: none;
    border-inline: 0;
    max-width: 0;
    padding-inline: 0;
  }

  .shell-nav[data-recolhida="true"] :is(.shell-link, .shell-busca, .shell-user, .shell-logo, .shell-recolher) {
    gap: 0;
  }

  .shell-nav :is(.shell-link, .shell-busca) {
    padding-inline: 13.5px;
  }

  .shell-nav .shell-busca {
    padding-inline: 12.5px;
  }

  .shell-nav :is(.shell-link, .shell-busca) > svg {
    width: 20px;
    height: 20px;
  }

  .shell-nav .shell-user {
    padding-inline: 11px;
  }

  .shell-nav[data-recolhida="true"] :is(.shell-link, .shell-busca, .shell-user, .shell-logo) {
    justify-content: flex-start;
  }

  .shell-nav[data-recolhida="true"] .shell-link {
    height: 40px;
  }

  .shell-nav[data-recolhida="true"] .shell-busca {
    cursor: pointer;
  }

  .shell-nav[data-recolhida="true"] .shell-user-ajuste {
    display: none;
  }

  .shell-nav[data-recolhida="true"] .shell-secao {
    opacity: 1;
    color: #0000;
    border-bottom: 1px solid var(--ui-borda);
    width: 100%;
    max-width: none;
    min-height: 16px;
    margin: 8px 0 4px;
    padding: 0;
    font-size: 0;
  }

  .shell-nav[data-recolhida="true"] .shell-badge {
    min-width: 13px;
    padding: 0 3px;
    font-size: 9px;
    position: absolute;
    top: 3px;
    right: 2px;
  }

  .shell-nav[data-recolhida="true"] [data-dica]:after {
    content: attr(data-dica);
    background: var(--ui-acao);
    color: var(--ui-acao-texto);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 7px;
    padding: 8px 11px;
    font-size: 12px;
    line-height: 1.4;
    transition: opacity .12s;
    position: absolute;
    top: 50%;
    left: calc(100% + 16px);
    transform: translateY(-50%);
  }

  .shell-nav[data-recolhida="true"] [data-dica]:is(:hover, :focus-visible):after {
    opacity: 1;
    visibility: visible;
  }

  .shell-nav > [data-dica]:is(:hover, :focus-visible) {
    z-index: 10;
  }

  .shell-nav {
    z-index: 30;
  }
}
@media (max-width: 800px) {
  .shell-nav > .shell-recolher {
    display: none;
  }

  .shell-logo .shell-texto {
    white-space: normal;
  }
}
@media (prefers-reduced-motion: reduce) {
  .shell-nav, .shell-texto, .shell-recolher-barra {
    transition: none;
  }
}
[data-reduce-anim="1"] :is(.shell-nav, .shell-texto, .shell-recolher-barra) {
  transition: none;
}
.periodo-confirmado-texto {
  flex-direction: column;
  gap: 3px;
  display: flex;
}
.periodo-confirmado-texto strong {
  letter-spacing: -.015em;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
}
.periodo-confirmado-texto > span:last-child {
  color: var(--ui-muted);
  font-size: 12px;
}
.periodo-confirmado {
  padding-block: 18px;
}
[data-identidade="unica"] :is(.cmd, .hub-resultados) {
  background: var(--ui-superficie);
  border-color: var(--ui-borda);
}
[data-identidade="unica"] .cmd-item:is([aria-selected="true"], :hover) {
  background: var(--ui-hover);
}
.conv-trabalho .acoes > .btn-leve[data-on] {
  border-color: #0000;
}
.conv-sem-substituido {
  cursor: pointer;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  display: flex;
}
.conv-sem-substituido input {
  width: 16px;
  height: 16px;
  accent-color: var(--ui-acao);
  flex: 0 0 16px;
}
.conv-progresso {
  z-index: 20;
  background: var(--ui-fundo, var(--background));
  isolation: isolate;
  padding: 12px 0 0;
  position: sticky;
  top: 0;
}
.conv-progresso:before {
  content: "";
  background: inherit;
  z-index: -1;
  position: absolute;
  inset: 0 -12px;
}
.conv-progresso button {
  min-height: 52px;
}
.conv-grupo, .cobertura-etapa {
  scroll-margin-top: 100px;
}
.conv-contexto {
  align-self: start;
  position: sticky;
  top: 100px;
}
.conv-resumo {
  border: 0;
}
.conv-resumo summary {
  cursor: pointer;
  border-bottom: 1px solid var(--ui-borda);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 0 18px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
}
.conv-resumo-etapa {
  color: var(--ui-muted);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 400;
}
.conv-resumo section {
  padding: 18px 0;
}
.conv-resumo section > .campo-dica:first-child {
  margin-bottom: 7px;
  font-size: 12px;
  display: block;
}
.conv-resumo .conv-nome {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}
.conv-resumo section p {
  margin: 5px 0;
  font-size: 13px;
  line-height: 1.5;
}
.conv-resumo .btn-link {
  color: var(--ui-muted);
  padding: 4px 0;
  font-size: 12px;
  text-decoration: none;
}
.conv-resumo .btn-link:hover {
  color: var(--ui-texto);
  text-decoration: underline;
}
.conv-resumo-nota {
  margin-top: 16px;
  font-size: 12px;
  line-height: 1.6;
}
.cobertura-modos {
  border-bottom: 1px solid var(--ui-borda);
  gap: 24px;
  display: flex;
}
.cobertura-modos button {
  color: var(--ui-muted);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 8px 0 14px;
  font-size: 14px;
  position: relative;
}
.cobertura-modos button:after {
  content: "";
  background: var(--ui-dourado);
  transform-origin: 0;
  height: 2px;
  transition: transform .18s;
  position: absolute;
  inset: auto 0 -1px;
  transform: scaleX(0);
}
.cobertura-modos button[aria-pressed="true"] {
  color: var(--ui-texto);
  font-weight: 500;
}
.cobertura-modos button[aria-pressed="true"]:after {
  transform: scaleX(1);
}
.cobertura-conteudo {
  animation: .18s ease-out cobertura-entrada;
}
@keyframes cobertura-entrada {
  from {
    opacity: .65;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.cobertura-busca {
  gap: 10px;
  display: grid;
}
.cobertura-campo {
  min-height: 50px;
}
.cobertura-campo > svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}
.cobertura-resultados {
  text-align: left;
}
.cobertura-resultados [role="listbox"] {
  overscroll-behavior: contain;
  max-height: 360px;
  overflow-y: auto;
}
.cobertura-resultado {
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--ui-borda);
  width: 100%;
  color: var(--ui-texto);
  cursor: pointer;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 15px 12px;
  transition: background-color .12s;
  display: flex;
}
.cobertura-resultado:last-child {
  border-bottom: 0;
}
.cobertura-resultado[aria-selected="true"], .cobertura-resultado:hover {
  background: var(--ui-hover);
}
.cobertura-resultado > span {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.cobertura-resultado strong {
  font-size: 14px;
  font-weight: 500;
}
.cobertura-resultado span > span {
  font-size: 13px;
}
.cobertura-resultado small {
  color: var(--ui-muted);
  font-size: 12px;
  line-height: 1.6;
}
.cobertura-resultado > svg {
  opacity: .55;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.cobertura-estado {
  color: var(--ui-muted);
  padding: 24px 0;
  font-size: 13px;
  line-height: 1.7;
}
.cobertura-pessoa {
  animation: .18s ease-out cobertura-entrada;
}
.cobertura-pessoa-cab {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}
.cobertura-confirmada {
  color: var(--ui-muted);
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}
.cobertura-confirmada svg {
  width: 14px;
  height: 14px;
}
.cobertura-pessoa h3 {
  letter-spacing: -.025em;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.35;
}
.cobertura-pessoa > p {
  color: var(--ui-muted);
  margin: 8px 0 24px;
  font-size: 14px;
}
.cobertura-chapa {
  margin-top: 6px;
  font-size: 12px;
  display: block;
}
.cobertura-pessoa dl {
  border-top: 1px solid var(--ui-borda);
  grid-template-columns: 1fr 2fr;
  gap: 24px;
  padding-top: 20px;
  display: grid;
}
.cobertura-pessoa dt {
  color: var(--ui-muted);
  margin-bottom: 6px;
  font-size: 12px;
}
.cobertura-pessoa dd {
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 800px) {
  .conv-progresso {
    padding-top: 6px;
    top: 0;
  }

  .conv-progresso button {
    gap: 5px;
    min-height: 62px;
    padding-inline: 2px;
    font-size: 10px;
  }

  .conv-contexto {
    position: static;
  }

  .conv-resumo summary {
    padding: 12px 0;
  }

  .cobertura-modos {
    gap: 18px;
  }

  .cobertura-modos button {
    font-size: 12px;
  }

  .cobertura-pessoa dl {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .cobertura-conteudo, .cobertura-pessoa {
    animation: none;
  }

  .cobertura-modos button:after {
    transition: none;
  }
}
[data-reduce-anim="1"] :is(.cobertura-conteudo, .cobertura-pessoa) {
  animation: none;
}
[data-reduce-anim="1"] .cobertura-modos button:after {
  transition: none;
}
html[data-identidade="unica"], [data-identidade="unica"] body, [data-identidade="unica"] #root {
  overflow: clip visible;
}
.cmd-ajuda {
  border-top: 1px solid var(--ui-borda);
  color: var(--ui-muted);
  padding: 16px 20px;
  font-size: 11px;
}
.cmd-ajuda p {
  line-height: 1.8;
}
.cmd-ajuda kbd {
  font: inherit;
  color: var(--ui-texto);
  margin-left: 9px;
}
.cmd-exemplos {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}
.cmd-exemplos button {
  background: var(--ui-hover);
  color: var(--ui-texto);
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  padding: 7px 10px;
  font-size: 12px;
  transition: color .12s;
}
.cmd-exemplos button:hover {
  color: var(--ui-dourado);
}
.fila-pagina .sol-split {
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 1fr);
  gap: 24px;
}
.fila-pagina .painel {
  background: none;
  border: 0;
  border-radius: 0;
}
.fila-pagina .painel-topo {
  gap: 12px;
  padding: 0 0 18px;
}
.fila-pagina {
  --sol-vidro: #ffffff9e;
  --sol-vidro-hover: #ffffffdb;
  --sol-reflexo: #fffc;
  --sol-sombra: #1414141f;
}
[data-theme="dark"] .fila-pagina {
  --sol-vidro: #ffffff0f;
  --sol-vidro-hover: #ffffff1a;
  --sol-reflexo: #ffffff1f;
  --sol-sombra: #0000004d;
}
.fila-pagina .painel-topo {
  border: 0;
  gap: 10px;
  padding: 0 0 16px;
}
.fila-pagina .campo-busca {
  background: var(--sol-vidro);
  height: 36px;
  box-shadow: inset 0 1px 0 var(--sol-reflexo);
  border: 0;
  border-radius: 999px;
  flex-basis: 220px;
  padding: 0 14px;
}
.fila-pagina .seg {
  background: var(--sol-vidro);
  box-shadow: inset 0 1px 0 var(--sol-reflexo);
  border: 0;
  border-radius: 999px;
  padding: 3px;
}
.fila-pagina .seg button {
  border-radius: 999px;
  height: 30px;
  padding: 0 14px;
}
.fila-pagina .btn-leve {
  background: var(--sol-vidro);
  height: 36px;
  box-shadow: inset 0 1px 0 var(--sol-reflexo);
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
}
.fila-pagina .btn-leve[data-on="true"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  box-shadow: none;
}
.sol-lista {
  gap: 18px;
  display: grid;
}
.sol-lista > section {
  gap: 8px;
  display: grid;
}
.sol-lista ul {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.sol-grupo {
  color: var(--ui-muted);
  padding: 0 4px;
  font-size: 12px;
}
.sol-cartao {
  background: var(--sol-vidro);
  width: 100%;
  box-shadow: inset 0 1px 0 var(--sol-reflexo);
  color: var(--ui-texto);
  text-align: left;
  cursor: pointer;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  transition: background .14s, box-shadow .14s;
  display: grid;
}
.sol-cartao:hover {
  background: var(--sol-vidro-hover);
  box-shadow: inset 0 1px 0 var(--sol-reflexo), 0 12px 28px -18px var(--sol-sombra);
}
.sol-cartao[data-sel] {
  background: var(--sol-vidro-hover);
  box-shadow: inset 0 0 0 1.5px var(--ui-texto);
}
.sol-cartao[data-alerta]:not([data-sel]) {
  box-shadow: inset 0 0 0 1px var(--ui-vermelho);
}
@supports (color: color-mix(in lab, red, red)) {
  .sol-cartao[data-alerta]:not([data-sel]) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-vermelho) 45%, transparent);
  }
}
.sol-cartao:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.sol-cartao-corpo {
  gap: 3px;
  min-width: 0;
  display: grid;
}
.sol-cartao-ref {
  color: var(--ui-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}
.sol-cartao-nome {
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}
.sol-cartao-sub {
  color: var(--ui-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}
.sol-cartao-chapa {
  font-family: IBM Plex Mono, ui-monospace, monospace;
}
.sol-cartao-lado {
  text-align: right;
  justify-items: end;
  gap: 6px;
  display: grid;
}
.sol-cartao-periodo {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 13px;
}
.sol-cartao-estado {
  color: var(--ui-muted);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}
.sol-cartao-estado[data-alerta] {
  color: var(--ui-vermelho);
}
.sol-cartao-estado i {
  border-radius: 999px;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
}
.sol-cartao-estado--sub {
  font-size: 11px;
}
.sol-cartao-seta {
  width: 16px;
  height: 16px;
  color: var(--ui-muted);
  transition: transform .14s, color .14s;
}
.sol-cartao:hover .sol-cartao-seta {
  color: var(--ui-texto);
  transform: translateX(3px);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .sol-cartao {
    background: var(--ui-superficie);
  }
}
.fila-pagina .sol-detalhe {
  background: var(--sol-vidro);
  box-shadow: inset 0 1px 0 var(--sol-reflexo), 0 18px 44px -28px var(--sol-sombra);
  border-radius: 22px;
  max-height: calc(100svh - 48px);
  position: sticky;
  top: 24px;
  overflow: auto;
}
.fila-pagina .sol-detalhe-cab {
  border: 0;
  padding: 26px 26px 20px;
  display: block;
}
.sol-referencia {
  color: var(--ui-muted);
  font-size: 12px;
}
.fila-pagina .sol-detalhe-nome {
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
  margin: 10px 0 14px;
  font-size: clamp(22px, 2.2vw, 26px);
  font-weight: 600;
  line-height: 1.25;
}
.fila-pagina .sol-chip-estado {
  background: var(--ui-texto);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .fila-pagina .sol-chip-estado {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.fila-pagina .sol-detalhe-vazio {
  text-align: left;
  padding: 36px 28px;
}
.sol-detalhe-vazio > svg {
  width: 22px;
  height: 22px;
  color: var(--ui-muted);
  margin-bottom: 24px;
}
.sol-detalhe-vazio h2 {
  color: var(--ui-texto);
  margin-bottom: 10px;
  font-size: 19px;
  font-weight: 500;
}
.sol-detalhe-vazio p {
  margin-bottom: 24px;
  line-height: 1.7;
}
.fila-filtros {
  border-bottom: 1px solid var(--ui-borda);
  padding: 16px 0;
  animation: .16s ease-out cobertura-entrada;
}
.sol-detalhe-entrada {
  animation: .16s ease-out cobertura-entrada;
}
.sol-voltar-lista {
  display: none;
}
.pedido-detalhe {
  gap: 24px;
  display: grid;
}
.pedido-dados {
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
  display: grid;
}
.pedido-dados > div {
  min-width: 0;
}
.pedido-rotulo {
  color: var(--ui-muted);
  margin-bottom: 6px;
  font-size: 12px;
}
.pedido-dados dd {
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.6;
}
.pedido-historico {
  border-top: 1px solid var(--ui-borda);
  padding-top: 20px;
}
.pedido-historico h3 {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
}
.pedido-acoes {
  border-top: 1px solid var(--ui-borda);
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 18px;
  display: flex;
}
.sol-pagamento {
  border-top: 1px solid var(--ui-borda);
  margin-top: 24px;
  padding-top: 24px;
}
@media (max-width: 1100px) {
  .fila-pagina .sol-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .fila-pagina .sol-split[data-detalhe="true"] > section:first-child, .fila-pagina .sol-split[data-detalhe="false"] > .sol-detalhe {
    display: none;
  }

  .fila-pagina .sol-detalhe {
    max-height: none;
    position: static;
  }

  .sol-voltar-lista {
    margin: 16px 16px 0;
    display: inline-flex;
  }

  .fila-pagina .sol-detalhe-nome {
    scroll-margin-top: 20px;
  }
}
@media (max-width: 600px) {
  .fila-pagina .pagina-cabecalho {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .fila-pagina .pagina-cabecalho .btn-primario {
    justify-content: center;
  }

  .sol-cartao {
    grid-template-columns: minmax(0, 1fr) 16px;
    gap: 10px 12px;
    padding: 14px 16px;
  }

  .sol-cartao-lado {
    text-align: left;
    grid-column: 1;
    justify-items: start;
    gap: 4px;
  }

  .sol-cartao-seta {
    grid-area: 1 / 2 / span 2;
    align-self: center;
  }

  .sol-cartao-ref, .sol-cartao-sub {
    white-space: normal;
  }

  .fila-pagina .sol-detalhe-cab {
    padding: 20px 18px 16px;
  }

  .pedido-dados {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fila-filtros, .sol-detalhe-entrada {
    animation: none;
  }

  .sol-cartao, .sol-cartao-seta {
    transition: none;
  }
}
[data-reduce-anim="1"] :is(.fila-filtros, .sol-detalhe-entrada) {
  animation: none;
}
[data-reduce-anim="1"] .sol-linha {
  transition: none;
}
.pedido-dados dd > span.block {
  margin-top: 4px;
  display: block;
}
.pedido-historico ol {
  font-size: 13px;
}
.solicitar-progresso {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.pedido-proximo-passo {
  color: var(--ui-muted);
  position: relative;
}
.pedido-proximo-passo p:after {
  content: " · pendente";
  font-size: 11px;
}
.pedido-contexto {
  top: 24px;
}
.pedido-cadastro {
  padding-top: 18px;
}
.pedido-cadastro > summary {
  color: var(--ui-muted);
  border: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 400;
}
.pedido-cadastro dl {
  padding-bottom: 12px;
}
.pedido-operacao .conv-trabalho {
  align-self: start;
}
.atestado-progresso {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.atestado-pessoa {
  border-bottom: 1px solid var(--ui-borda);
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.atestado-pessoa h3 {
  overflow-wrap: anywhere;
  margin: 8px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.atestado-pessoa p {
  color: var(--ui-muted);
  margin-top: 6px;
  font-size: 13px;
}
.atestado-sessao-titulo {
  font-size: 14px;
  font-weight: 500;
}
.atestado-sessao .sessao-item {
  animation: .16s ease-out pagina-entrar;
}
.documento-andamento {
  color: var(--ui-suave);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 13px;
  display: flex;
}
.documento-andamento progress {
  appearance: none;
  background: var(--ui-borda);
  border: 0;
  width: 100%;
  height: 2px;
}
.documento-andamento progress::-webkit-progress-value {
  background: var(--ui-dourado);
  transition: width .18s ease-out;
}
.documento-etapa:focus {
  outline: none;
}
.documento-etapa > div > .rotulo-mini:first-child {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .atestado-sessao .sessao-item {
    animation: none;
  }

  .documento-andamento progress::-webkit-progress-value {
    transition: none;
  }
}
.documento-legenda {
  color: var(--ui-muted);
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 18px;
  font-size: 12px;
  display: flex;
}
.documento-legenda span {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}
.documento-legenda i {
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.documento-marca-convocacao {
  background: var(--ui-azul);
}
.documento-marca-selecao {
  background: var(--ui-texto);
}
.documento-calendario {
  gap: 16px;
  max-width: 480px;
  margin: 24px auto 0;
  display: grid;
}
.documento-retroativo {
  justify-items: end;
  gap: 10px;
  display: grid;
}
.documento-retroativo .btn-leve {
  font-size: 12px;
}
.documento-senha {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}
.documento-senha .campo {
  flex: 1;
  min-width: 0;
}
.documento-dia-semana {
  text-align: center;
  color: var(--ui-muted);
  padding: 8px 0;
  font-size: 12px;
}
.documento-dia {
  width: 100%;
  height: 44px;
  color: var(--ui-texto);
  border-radius: 6px;
  font-size: 14px;
  transition: background-color .12s;
  position: relative;
}
.documento-dia:disabled {
  color: var(--ui-muted);
  opacity: .5;
  cursor: not-allowed;
}
.documento-dia[data-fora="true"] {
  visibility: hidden;
}
.documento-dia[data-inicio="true"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.documento-dia-convocacao {
  background: var(--ui-azul);
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  bottom: 5px;
  left: calc(50% - 2px);
}
.documento-dia[data-inicio="true"] .documento-dia-convocacao {
  background: currentColor;
}
@media (prefers-reduced-motion: reduce) {
  .documento-dia {
    transition: none;
  }
}
.documento-almoco {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
  display: grid;
}
@media (max-width: 540px) {
  .documento-almoco {
    grid-template-columns: 1fr;
  }
}
.documento-upload {
  border: 1px dashed var(--ui-borda-forte);
  cursor: pointer;
  color: var(--ui-texto);
  background: var(--ui-superficie);
  overflow-wrap: anywhere;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  padding: 28px 20px;
  display: flex;
}
.documento-upload:focus-within {
  outline: 2px solid var(--ui-azul);
  outline-offset: 3px;
}
.documento-upload > span {
  max-width: 100%;
}
.documento-conferencia {
  margin-top: 24px;
}
.documento-conferencia > div {
  border-bottom: 1px solid var(--ui-borda);
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 18px;
  padding: 13px 0;
  font-size: 14px;
  display: grid;
}
.documento-conferencia dt {
  color: var(--ui-muted);
}
.documento-conferencia dd {
  color: var(--ui-texto);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.documento-lote {
  max-width: 620px;
}
.documento-lote-lista {
  max-height: 50vh;
  overflow-y: auto;
}
.documento-lote-lista > li {
  border-bottom: 1px solid var(--ui-borda);
  grid-template-columns: 20px minmax(0, 1fr) 32px;
  gap: 14px;
  padding: 18px 0;
  display: grid;
}
.documento-lote-lista h3 {
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 600;
}
.documento-lote-lista p {
  color: var(--ui-suave);
  margin-top: 5px;
  font-size: 13px;
}
.documento-lote-lista .campo-dica {
  overflow-wrap: anywhere;
  margin-top: 8px;
  display: block;
}
.documento-lote-acoes {
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  display: flex;
}
@media (max-width: 540px) {
  .documento-conferencia > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .documento-lote-acoes {
    flex-direction: column-reverse;
  }
}
.atividade-pagina .sol-split {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr);
  gap: 28px;
}
.atividade-pagina .sol-split > .painel:first-child {
  background: none;
  border: 0;
  border-radius: 0;
}
.atividade-pagina .painel-topo {
  padding: 0 0 16px;
}
.atividade-pagina .ativ-detalhe {
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  border-radius: 14px;
  max-height: calc(100svh - 48px);
  position: sticky;
  top: 24px;
  overflow: auto;
}
.atividade-pagina .sol-detalhe-cab {
  gap: 16px;
  padding: 24px;
  display: grid;
}
.atividade-pagina .sol-detalhe-nome {
  white-space: normal;
  overflow-wrap: anywhere;
  margin-top: 12px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
}
.atividade-pagina .sol-chip-estado {
  justify-self: start;
}
.atividade-pagina .sol-dia {
  text-transform: none;
  letter-spacing: 0;
  background: none;
  font-size: 12px;
}
.atividade-pagina .log-flash {
  animation: none;
}
.atividade-pagina .ativ-detalhe-corpo {
  animation: .16s ease-out pagina-entrar;
}
@media (max-width: 1100px) {
  .atividade-pagina .sol-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .atividade-pagina .sol-split[data-detalhe="true"] > section:first-child, .atividade-pagina .sol-split[data-detalhe="false"] > .ativ-detalhe {
    display: none;
  }

  .atividade-pagina .ativ-detalhe {
    max-height: none;
    position: static;
  }
}
@media (prefers-reduced-motion: reduce) {
  .atividade-pagina .ativ-detalhe-corpo {
    animation: none;
  }
}
.atividade-leitura {
  background: none;
  padding: 0;
}
.atividade-pagina .pessoa-linha[data-sel="true"] {
  box-shadow: none;
  background: var(--ui-hover);
}
.atividade-fases {
  border-block: 1px solid var(--ui-borda);
  margin: 20px 0;
  padding: 20px 0;
}
.atividade-fases header {
  gap: 6px;
  margin-bottom: 16px;
  display: grid;
}
.atividade-fases h3 {
  font-size: 14px;
  font-weight: 500;
}
.atividade-fases header span {
  color: var(--ui-muted);
  font-size: 12px;
}
.atividade-fases li {
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 10px;
  padding: 9px 0;
  font-size: 13px;
  display: grid;
}
.atividade-fases li strong {
  color: var(--ui-muted);
  font-size: 12px;
  font-weight: 400;
}
.atividade-fase-marca {
  background: var(--ui-muted);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}
.atividade-fases [data-estado="erro"] {
  color: var(--ui-vermelho);
}
.atividade-fases [data-estado="erro"] .atividade-fase-marca {
  background: var(--ui-vermelho);
}
.atividade-fases [data-estado="ok"] .atividade-fase-marca {
  background: var(--ui-texto);
}
.atividade-fases [data-estado="rodando"] .atividade-fase-marca {
  background: var(--ui-azul);
}
.atividade-relatorio {
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  border-radius: 14px;
  margin-bottom: 28px;
  padding: 24px;
}
.atividade-relatorio-titulo {
  flex-basis: 100%;
  margin-bottom: 16px;
}
.atividade-relatorio h2 {
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 500;
}
.atividade-relatorio p {
  color: var(--ui-muted);
  font-size: 13px;
  line-height: 1.6;
}
.atividade-relatorio-datas {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}
@media (max-width: 600px) {
  .atividade-relatorio .seg {
    flex-wrap: wrap;
    display: flex;
  }

  .atividade-relatorio-datas {
    flex-direction: column;
    width: 100%;
  }
}
.atividade-relatorio p[role="alert"] {
  color: var(--ui-vermelho);
}
.mensal-monitor {
  background: var(--ui-superficie);
  border: 1px solid var(--ui-borda);
  border-radius: 14px;
  padding: 28px;
}
.mensal-monitor-cab {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
  display: flex;
}
.mensal-monitor h2 {
  letter-spacing: -.025em;
  font-size: 25px;
  font-weight: 500;
}
.mensal-monitor-cab p {
  color: var(--ui-muted);
  margin-top: 8px;
  font-size: 14px;
}
.mensal-progresso > div {
  color: var(--ui-muted);
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 13px;
  display: flex;
}
.mensal-progresso progress {
  appearance: none;
  background: var(--ui-borda);
  border: 0;
  width: 100%;
  height: 3px;
}
.mensal-progresso progress::-webkit-progress-value {
  background: var(--ui-texto);
  transition: width .3s ease-out;
}
.mensal-em-curso {
  border-bottom: 1px solid var(--ui-borda);
  padding: 22px 0;
}
.mensal-em-curso h3 {
  margin: 8px 0;
  font-size: 20px;
  font-weight: 500;
}
.mensal-em-curso p {
  color: var(--ui-azul);
  margin-bottom: 8px;
  font-size: 14px;
}
.mensal-monitor-grid {
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  margin: 28px 0;
  display: grid;
}
.mensal-monitor-grid h3 {
  margin-bottom: 14px;
  font-size: 15px;
  font-weight: 500;
}
.mensal-contratos li {
  border-bottom: 1px solid var(--ui-borda);
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 14px 0;
  display: flex;
}
.mensal-contratos strong {
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.mensal-contratos span {
  color: var(--ui-muted);
  font-size: 12px;
}
.mensal-contratos .mensal-estado {
  white-space: nowrap;
}
.mensal-erro, .mensal-contratos [data-estado="erro"] .mensal-estado {
  color: var(--ui-vermelho);
  font-size: 12px;
}
.mensal-eventos {
  max-height: 390px;
  overflow-y: auto;
}
.mensal-eventos li {
  border-bottom: 1px solid var(--ui-borda);
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  font-size: 12px;
  display: grid;
}
.mensal-eventos time {
  color: var(--ui-muted);
  font-variant-numeric: tabular-nums;
}
.mensal-eventos strong {
  font-weight: 500;
}
.mensal-eventos p {
  color: var(--ui-suave);
  overflow-wrap: anywhere;
  margin-top: 5px;
}
.mensal-eventos [data-erro="true"] p {
  color: var(--ui-vermelho);
}
.mensal-monitor-acoes {
  border-top: 1px solid var(--ui-borda);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  padding-top: 20px;
  display: flex;
}
.mensal-monitor-acoes .campo-dica {
  margin-top: 10px;
}
@media (max-width: 750px) {
  .mensal-monitor {
    padding: 20px;
  }

  .mensal-monitor-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mensal-progresso progress::-webkit-progress-value {
    transition: none;
  }
}
.mensal-monitor > .aviso {
  margin-bottom: 20px;
}
.mensal-progresso {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mensal-passo {
  min-height: 52px;
  color: var(--ui-muted);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}
[data-estado="atual"] .mensal-passo {
  color: var(--ui-dourado);
  font-weight: 600;
}
.mensal-preparo {
  max-width: 1100px;
}
.mensal-mes {
  text-align: left;
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  border-radius: 12px;
  gap: 18px;
  padding: 24px;
  transition: background .15s, border-color .15s;
  display: flex;
}
.mensal-mes:hover {
  background: var(--ui-hover);
  border-color: var(--ui-muted);
}
.mensal-mes > svg {
  width: 22px;
  color: var(--ui-dourado);
  flex-shrink: 0;
  margin-top: 4px;
}
.mensal-mes > span {
  gap: 8px;
  display: grid;
}
.mensal-mes strong {
  font-size: 21px;
  font-weight: 600;
}
.mensal-mes-tipo {
  color: var(--ui-muted);
  font-size: 13px;
}
.mensal-caixa {
  width: auto;
  max-width: 100%;
}
.mensal-contratos {
  margin-top: 28px;
}
.mensal-contrato {
  border-bottom: 1px solid var(--ui-borda);
  grid-template-columns: minmax(0, 1fr) 200px;
  gap: 24px;
  padding: 20px 0;
  display: grid;
}
.mensal-contrato-nome {
  overflow-wrap: anywhere;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 14px;
  display: flex;
}
.mensal-contrato-nome > span:first-of-type {
  font-weight: 600;
}
.mensal-marcacao {
  width: 18px;
  height: 18px;
  accent-color: var(--ui-acao);
}
.mensal-vencimento {
  gap: 7px;
  display: grid;
}
.mensal-vencimento > span {
  letter-spacing: normal;
  text-transform: none;
  color: var(--ui-muted);
  font-size: 12px;
}
.mensal-acoes {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 28px;
  display: flex;
}
@media (max-width: 640px) {
  .mensal-passo {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    font-size: 11px;
  }

  .mensal-contrato {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .mensal-acoes > * {
    flex: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mensal-mes {
    transition: none;
  }
}
.mensal-estatistica {
  border-bottom: 1px solid var(--ui-borda);
  padding: 12px 0;
}
.mensal-estatistica--simples {
  border: 0;
}
.mensal-estatistica-rotulo {
  color: var(--ui-muted);
  font-size: 12px;
}
.ponto-pagina .ponto-painel {
  max-width: 1050px;
  padding: 28px;
}
.ponto-escolha {
  border: 1px solid var(--ui-borda);
  background: var(--ui-superficie);
  text-align: left;
  width: 100%;
  min-height: 92px;
  color: var(--ui-texto);
  border-radius: 10px;
  align-items: center;
  gap: 16px;
  padding: 20px;
  transition: background .15s;
  display: flex;
}
.ponto-escolha:hover, .ponto-escolha[aria-pressed="true"] {
  background: var(--ui-hover);
}
.ponto-escolha > svg {
  width: 22px;
  height: 22px;
  color: var(--ui-muted);
  flex-shrink: 0;
}
.ponto-escolha > span:first-of-type {
  flex: 1;
  gap: 5px;
  display: grid;
}
.ponto-escolha strong {
  font-size: 16px;
  font-weight: 600;
}
.ponto-escolha small {
  color: var(--ui-muted);
  font-size: 13px;
}
.ponto-selecao {
  border: 1px solid var(--ui-borda-forte);
  border-radius: 4px;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}
.ponto-selecao svg {
  width: 15px;
  height: 15px;
}
.ponto-contexto {
  color: var(--ui-suave);
  overflow-wrap: anywhere;
  align-items: center;
  gap: 7px;
  margin-right: 12px;
  padding: 4px 0;
  font-size: 13px;
  display: inline-flex;
}
.ponto-busca {
  padding-left: 40px;
}
.ponto-calendario {
  max-width: 470px;
  margin-inline: auto;
}
.ponto-pagina .documento-dia[aria-pressed="true"] {
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
}
@media (max-width: 640px) {
  .ponto-pagina .ponto-painel {
    padding: 20px 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ponto-escolha {
    transition: none;
  }
}
.ponto-unidade {
  border-bottom: 1px solid var(--ui-borda);
  text-align: left;
  color: var(--ui-texto);
  align-items: center;
  gap: 16px;
  padding: 16px;
  transition: background .14s;
  display: flex;
}
.ponto-unidade > span:first-child {
  overflow-wrap: anywhere;
  flex: 1;
  gap: 5px;
  min-width: 0;
  display: grid;
}
.ponto-unidade strong {
  font-size: 14px;
  font-weight: 500;
}
.ponto-unidade small, .ponto-contagem {
  color: var(--ui-muted);
  font-size: 12px;
}
.ponto-unidade:hover:not(:disabled), .ponto-unidade[aria-pressed="true"] {
  background: var(--ui-hover);
}
.ponto-unidade:disabled {
  color: var(--ui-muted);
  cursor: not-allowed;
}
.ponto-totais {
  border-block: 1px solid var(--ui-borda);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 20px 0;
  display: grid;
}
.ponto-totais dt, .ponto-valor > span, .ponto-beneficios-valores dt {
  color: var(--ui-muted);
  font-size: 12px;
}
.ponto-totais dd {
  margin-top: 6px;
  font-size: 21px;
  font-weight: 600;
}
.ponto-afetados {
  margin-top: 20px;
}
.ponto-pessoa {
  border-bottom: 1px solid var(--ui-borda);
  padding: 20px 0;
}
.ponto-pessoa-cabecalho {
  justify-content: space-between;
  gap: 24px;
  display: flex;
}
.ponto-pessoa-cabecalho h3 {
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 600;
}
.ponto-pessoa-cabecalho p {
  color: var(--ui-muted);
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 12px;
}
.ponto-valor {
  flex-shrink: 0;
  align-content: start;
  gap: 4px;
  display: grid;
}
.ponto-beneficios-valores {
  gap: 24px;
  margin-top: 16px;
  display: flex;
}
.ponto-beneficios-valores dd {
  font-size: 13px;
}
.ponto-concluido {
  width: 44px;
  height: 44px;
  color: var(--ui-texto);
  place-items: center;
  margin: 0 auto 20px;
  display: grid;
}
@media (max-width: 640px) {
  .ponto-totais {
    gap: 12px;
  }

  .ponto-totais dd {
    font-size: 16px;
  }

  .ponto-pessoa-cabecalho {
    flex-direction: column;
    gap: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ponto-unidade {
    transition: none;
  }
}
.cmd-orientacao {
  color: var(--ui-suave);
  padding: 14px 16px;
  font-size: 13px;
}
.cmd-estado[data-disponivel="true"] {
  color: var(--ui-suave);
}
.cmd-estado[data-disponivel="false"] {
  color: var(--ui-muted);
}
.cmd-estado[data-disponivel] > i {
  background: currentColor;
}
.vinculo-desconto .vinculo-etapas {
  z-index: 10;
  background: var(--ui-superficie);
  padding-block: 16px;
  position: sticky;
  top: 0;
}
.desconto-anterior {
  color: var(--ui-muted);
  gap: 8px;
  margin-bottom: 20px;
  font-size: 13px;
  display: flex;
}
.desconto-atalhos {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
  display: flex;
}
.ocorrencias-formulario {
  max-width: 900px;
  margin-inline: auto;
  padding: 0 24px 64px;
}
.ocorrencias-ferramentas {
  border-block: 1px solid var(--ui-borda);
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  padding-block: 16px;
  display: flex;
}
.ocorrencias-ferramentas .btn-secundario {
  min-height: 42px;
  padding: 10px 12px;
  font-size: 12px;
}
.ocorrencias-ferramentas [aria-pressed="true"] {
  background: var(--ui-hover);
}
.ocorrencias-envio {
  border-top: 1px solid var(--ui-borda);
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  margin-top: 28px;
  padding-top: 24px;
  display: flex;
}
.ocorrencia-dia--cancelado, .ocorrencia-dia--inativo {
  background: var(--ui-hover);
  color: var(--ui-muted);
}
.ocorrencia-dia--remover .ocorrencia-dia {
  border-color: var(--ui-vermelho);
}
@media (max-width: 640px) {
  .ocorrencias-formulario {
    padding-inline: 16px;
  }

  .ocorrencias-ferramentas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .ocorrencias-ferramentas .btn-secundario {
    text-align: left;
    justify-content: flex-start;
  }
}
.ocorrencia-opcoes {
  gap: 10px;
  display: grid;
}
.ocorrencia-opcoes .ponto-escolha {
  min-height: 76px;
  padding: 16px;
}
.ocorrencias-revisao {
  max-width: 640px;
}
.ocorrencias-revisao-dias {
  max-height: 45svh;
  overflow: auto;
}
.ocorrencias-revisao-dias li {
  border-bottom: 1px solid var(--ui-borda);
  justify-content: space-between;
  gap: 18px;
  padding: 12px 0;
  font-size: 13px;
  display: flex;
}
.ocorrencias-revisao-dias strong {
  text-align: right;
  font-weight: 500;
}
.hub-item-texto {
  overflow-wrap: anywhere;
  gap: 5px;
  min-width: 0;
  display: grid;
}
.hub-item-texto b {
  line-height: 1.4;
}
.hub-item-texto span {
  font-size: 12px;
  line-height: 1.5;
}
.hub-vazio > span {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.6;
  display: block;
}
.cadastro-painel {
  z-index: 1;
  background: var(--ui-superficie);
  border: 1px solid var(--ui-borda);
  border-radius: 16px;
  width: 100%;
  max-width: 540px;
  padding: 36px;
  position: relative;
}
.cadastro-funcao {
  border: 1px solid var(--ui-borda);
  text-align: left;
  border-radius: 8px;
  padding: 14px;
}
.cadastro-funcao[aria-pressed="true"] {
  background: var(--ui-hover);
  border-color: var(--ui-borda-forte);
}
@media (max-width: 640px) {
  .cadastro-painel {
    padding: 24px;
  }
}
.mensal-pessoas-resumo {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
  margin-top: 20px;
  display: flex;
}
.mensal-pessoas-resumo > p {
  flex: 260px;
}
.mensal-distribuicao {
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0;
  padding: 12px 0;
  list-style: none;
  display: flex;
}
.mensal-distribuicao li {
  color: var(--ui-muted);
  gap: 10px;
  font-size: 13px;
  display: flex;
}
.mensal-distribuicao strong {
  color: var(--ui-texto);
  font-variant-numeric: tabular-nums;
}
.mensal-pessoas {
  border-top: 1px solid var(--ui-borda);
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.mensal-pessoa {
  border-bottom: 1px solid var(--ui-borda);
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 100px;
  gap: 16px 24px;
  padding: 18px 0;
  font-size: 14px;
  display: grid;
}
.mensal-pessoa > div {
  overflow-wrap: anywhere;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  display: flex;
}
.mensal-pessoa-identidade strong {
  font-weight: 600;
}
.mensal-pessoa-identidade > span, .mensal-pessoa-rotulo, .mensal-pessoa-unidade {
  color: var(--ui-muted);
  font-size: 12px;
}
.mensal-caixa-secao {
  border-top: 1px solid var(--ui-borda);
  margin-top: 28px;
  padding-top: 24px;
}
@media (max-width: 640px) {
  .mensal-pessoa {
    grid-template-columns: minmax(0, 1fr) 90px;
    gap: 12px;
  }

  .mensal-pessoa-identidade {
    grid-column: 1 / -1;
  }
}
.desconto-resumo-beneficio {
  border-top: 1px solid var(--ui-borda);
  padding: 16px 0;
}
.desconto-resumo-valores {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px 16px;
  margin-top: 8px;
  display: flex;
}
.desconto-resumo-valor {
  font-variant-numeric: tabular-nums;
  font-size: 23px;
  font-weight: 600;
}
.desconto-resumo-saldo {
  color: var(--ui-texto);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.desconto-confirmar-acoes {
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
  display: flex;
}
.desconto-confirmar-acoes > button {
  flex: 160px;
}
.ocorrencia-protocolo {
  border-block: 1px solid var(--ui-borda);
  text-align: left;
  margin-top: 28px;
  padding: 20px 0;
}
.ocorrencia-protocolo-linha {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  display: flex;
}
.ocorrencia-protocolo-codigo {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 20px;
  font-weight: 600;
}
.ocorrencia-parte-resumo {
  border-bottom: 1px solid var(--ui-borda);
  padding: 14px 0;
}
.ponto-estudio {
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: start;
  gap: clamp(36px, 5vw, 84px);
  max-width: 1280px;
  padding-top: 52px;
  display: grid;
}
.ponto-guia {
  position: sticky;
  top: 32px;
}
.ponto-guia h1 {
  letter-spacing: -.035em;
  margin: 0 0 18px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.06;
}
.ponto-guia header p {
  color: var(--ui-muted);
  max-width: 26ch;
  font-size: 14px;
  line-height: 1.65;
}
.ponto-trilho {
  margin: 38px 0;
  padding: 0;
  list-style: none;
}
.ponto-trilho li {
  position: relative;
}
.ponto-trilho li:not(:last-child):after {
  content: "";
  background: var(--ui-borda);
  width: 1px;
  position: absolute;
  top: 42px;
  bottom: -4px;
  left: 14px;
}
.ponto-trilho button {
  text-align: left;
  width: 100%;
  min-height: 66px;
  color: var(--ui-muted);
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  transition: color .24s;
  display: flex;
}
.ponto-trilho button:disabled {
  cursor: default;
  opacity: 1;
}
.ponto-trilho button > span:last-child {
  gap: 4px;
  padding-top: 4px;
  display: grid;
}
.ponto-trilho strong {
  font-size: 14px;
  font-weight: 500;
}
.ponto-trilho small {
  color: var(--ui-muted);
  overflow-wrap: anywhere;
  font-size: 12px;
  animation: .24s ease-out ponto-contexto-entra;
}
.ponto-trilho-num {
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  width: 29px;
  height: 29px;
  font-size: 12px;
  transition: color .24s, background .24s;
  display: grid;
}
.ponto-trilho [data-estado="atual"] button {
  color: var(--ui-dourado);
}
.ponto-trilho [data-estado="atual"] .ponto-trilho-num {
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
}
.ponto-trilho [data-estado="feito"] button {
  color: var(--ui-texto);
}
.ponto-guia-nota {
  color: var(--ui-muted);
  border-top: 1px solid var(--ui-borda);
  padding-top: 20px;
  font-size: 12px;
  line-height: 1.6;
}
.ponto-trabalho {
  min-width: 0;
  padding-top: 3px;
}
.ponto-cena {
  animation: .34s cubic-bezier(.16, 1, .3, 1) ponto-cena-entra;
}
.ponto-cena > section > div:first-child {
  margin-bottom: 28px;
}
.ponto-cena > section > div:first-child > svg, .ponto-cena > section > div:first-child > div > svg {
  display: none;
}
.ponto-cena h2 {
  letter-spacing: -.025em;
  font-size: clamp(23px, 2.2vw, 30px);
  font-weight: 500;
  line-height: 1.2;
}
.ponto-contratos {
  border-top: 1px solid var(--ui-borda);
}
.ponto-estudio .ponto-contratos .ponto-escolha {
  border: 0;
  border-bottom: 1px solid var(--ui-borda);
  background: none;
  border-radius: 0;
  gap: 22px;
  min-height: 100px;
  padding: 22px 12px;
  transition: background .18s, padding .24s cubic-bezier(.16, 1, .3, 1);
}
.ponto-estudio .ponto-contratos .ponto-escolha:hover {
  background: var(--ui-hover);
  padding-left: 22px;
}
.ponto-contratos .ponto-escolha strong {
  letter-spacing: -.02em;
  font-size: 21px;
  font-weight: 500;
}
.ponto-contratos .ponto-escolha small {
  font-size: 13px;
}
.ponto-contratos .ponto-escolha > svg:last-child {
  width: 17px;
  transition: transform .24s;
}
.ponto-contratos .ponto-escolha:hover > svg:last-child {
  transform: translateX(4px);
}
.ponto-unidades-lista {
  border-top: 1px solid var(--ui-borda);
  max-height: 440px;
  display: grid;
  overflow-y: auto;
}
.ponto-estudio .ponto-selecao {
  transition: background .18s, color .18s;
}
.ponto-estudio [aria-pressed="true"] > .ponto-selecao {
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
  border-color: #0000;
}
.ponto-estudio .ponto-selecao svg {
  animation: .22s ease-out ponto-marca;
}
.ponto-estudio .ponto-calendario {
  background: var(--ui-superficie);
  border-radius: 12px;
  max-width: 520px;
  margin: 32px 0 0;
  padding: 28px;
}
.ponto-estudio .ponto-calendario > p:first-child {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
}
.ponto-estudio .documento-dia {
  min-height: 48px;
}
.ponto-beneficios-escolha {
  border-top: 1px solid var(--ui-borda);
  gap: 0;
  display: grid;
}
.ponto-estudio .ponto-beneficio {
  border: 0;
  border-bottom: 1px solid var(--ui-borda);
  background: none;
  border-radius: 0;
  min-height: 130px;
  padding: 30px 12px;
}
.ponto-estudio .ponto-beneficio strong {
  letter-spacing: -.03em;
  font-size: 32px;
  font-weight: 500;
}
.ponto-estudio .ponto-beneficio:hover, .ponto-estudio .ponto-beneficio[aria-pressed="true"] {
  background: var(--ui-hover);
}
.ponto-estudio .ponto-totais {
  background: var(--ui-superficie);
  border: 0;
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  padding: 24px;
}
.ponto-estudio .ponto-totais > div:last-child {
  border-top: 1px solid var(--ui-borda);
  grid-column: 1 / -1;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 18px;
  display: flex;
}
.ponto-estudio .ponto-totais > div:last-child dd {
  letter-spacing: -.03em;
  font-size: 32px;
}
.ponto-estudio .ponto-pessoa {
  padding: 22px 0;
}
.ponto-estudio .ponto-beneficios-valores {
  margin-top: 12px;
}
.ponto-cena > section > div:last-child {
  margin-top: 32px;
}
@keyframes ponto-cena-entra {
  from {
    opacity: .35;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ponto-contexto-entra {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ponto-marca {
  from {
    transform: scale(.5);
  }

  to {
    transform: scale(1);
  }
}
@media (max-width: 1000px) {
  .ponto-estudio {
    grid-template-columns: 185px minmax(0, 1fr);
    gap: 30px;
  }

  .ponto-guia h1 {
    font-size: 30px;
  }
}
@media (max-width: 760px) {
  .ponto-estudio {
    padding-top: 24px;
    display: block;
  }

  .ponto-guia {
    position: static;
  }

  .ponto-guia h1 {
    margin-bottom: 10px;
    font-size: 28px;
  }

  .ponto-guia h1 br {
    display: none;
  }

  .ponto-guia h1 br:after {
    content: " ";
  }

  .ponto-guia header p {
    max-width: none;
    font-size: 13px;
  }

  .ponto-trilho {
    border-bottom: 1px solid var(--ui-borda);
    margin: 22px 0 30px;
    display: flex;
  }

  .ponto-trilho li {
    flex: 1;
    min-width: 0;
  }

  .ponto-trilho li:not(:last-child):after {
    display: none;
  }

  .ponto-trilho button {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-height: 76px;
    padding: 8px 0;
  }

  .ponto-trilho button > span:last-child {
    padding: 0;
  }

  .ponto-trilho strong {
    font-size: 10px;
  }

  .ponto-trilho small, .ponto-guia-nota {
    display: none;
  }

  .ponto-cena h2 {
    font-size: 24px;
  }

  .ponto-estudio .ponto-contratos .ponto-escolha {
    gap: 16px;
    min-height: 88px;
    padding: 18px 4px;
  }

  .ponto-estudio .ponto-calendario {
    padding: 16px;
  }

  .ponto-estudio .documento-dia {
    min-height: 42px;
  }

  .ponto-estudio .ponto-totais {
    padding: 18px;
  }

  .ponto-estudio .ponto-totais > div:last-child dd {
    font-size: 26px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ponto-estudio *, .ponto-estudio :after {
    transition: none !important;
    animation: none !important;
  }
}
[data-reduce-anim="true"] .ponto-estudio *, [data-reduce-anim="1"] .ponto-estudio * {
  transition: none !important;
  animation: none !important;
}
@media (max-width: 760px) {
  .ponto-guia {
    display: contents;
  }

  .ponto-trilho {
    z-index: 15;
    background: var(--ui-fundo);
    position: sticky;
    top: 64px;
  }
}
.ponto-simbolo {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.ponto-estudio .ponto-escolha > .ponto-simbolo {
  width: 32px;
  height: 32px;
  color: var(--ui-texto);
}
.ponto-simbolo-detalhe {
  opacity: .6;
  transition: color .22s, opacity .22s;
}
.ponto-escolha:is(:hover, :focus-visible, [aria-pressed="true"]) .ponto-simbolo-detalhe {
  color: var(--ui-dourado);
  opacity: 1;
}
.ponto-estudio .ponto-beneficio > .ponto-simbolo {
  width: 38px;
  height: 38px;
}
.ocorrencias-editor {
  grid-template-columns: 220px minmax(0, 1fr);
  align-items: start;
  gap: 56px;
  max-width: 1160px;
  padding-top: 24px;
  display: grid;
}
.ocorrencias-editor-guia {
  position: sticky;
  top: 24px;
}
.ocorrencias-editor-guia > h2 {
  font-size: 18px;
  font-weight: 500;
}
.ocorrencias-editor-guia > p {
  color: var(--ui-muted);
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.65;
}
.ocorrencias-editor .ocorrencias-ferramentas {
  flex-direction: column;
  gap: 0;
  margin-top: 24px;
  padding: 10px 0;
  display: flex;
}
.ocorrencias-editor .ocorrencias-ferramentas button {
  width: 100%;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  justify-content: flex-start;
  gap: 12px;
  padding: 16px 8px;
  font-size: 13px;
}
.ocorrencias-editor .ocorrencias-ferramentas button:hover {
  background: var(--ui-hover);
}
.ocorrencias-editor .ocorrencias-ferramentas button[aria-pressed="true"] {
  background: var(--ui-hover);
  color: var(--ui-vermelho);
}
.ocorrencias-editor .ocorrencias-painel {
  background: none;
  border: 0;
  min-width: 0;
  padding: 0;
}
.ocorrencias-dias-cabecalho {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}
.ocorrencias-dias-cabecalho h2 {
  letter-spacing: -.03em;
  font-size: 34px;
  font-weight: 500;
  line-height: 1.12;
}
.ocorrencias-dias-cabecalho p {
  max-width: 45ch;
  color: var(--ui-muted);
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.7;
}
.ocorrencias-contagem {
  color: var(--ui-muted);
  white-space: nowrap;
  padding-top: 8px;
  font-size: 12px;
}
.ocorrencias-editor .dia-grid {
  gap: 0 24px;
  margin-top: 28px;
}
[data-superficie="vinculo"] .ocorrencias-editor .ocorrencia-dia {
  border-radius: 0;
  gap: 5px;
  min-height: 102px;
  padding: 18px 12px;
  border: 0 !important;
  border-bottom: 1px solid var(--ui-borda) !important;
  background: none !important;
}
.ocorrencias-editor .ocorrencia-dia > p:first-child {
  text-transform: none;
  letter-spacing: 0;
  color: var(--ui-muted);
  font-size: 12px;
}
.ocorrencias-editor .ocorrencia-dia > p:nth-child(2) {
  font-size: 22px;
  font-weight: 500;
}
.ocorrencias-editor .ocorrencia-dia > div {
  margin: 0;
}
.ocorrencias-editor .ocorrencias-envio {
  z-index: 8;
  background: var(--ui-fundo);
  flex-direction: row-reverse;
  align-items: center;
  gap: 24px;
  padding: 18px 0;
  position: sticky;
  bottom: 0;
}
.ocorrencias-editor .ocorrencias-envio > button {
  white-space: nowrap;
  width: auto;
}
.ocorrencias-editor .ocorrencias-envio > p {
  text-align: left;
  flex: 1;
}
.ocorrencias-editor .ocorrencias-painel {
  animation: .32s cubic-bezier(.16, 1, .3, 1) ocorrencia-entrada;
}
@keyframes ocorrencia-entrada {
  from {
    opacity: .3;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 900px) {
  .ocorrencias-editor {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 28px;
  }
}
@media (max-width: 640px) {
  .ocorrencias-editor {
    flex-direction: column;
    gap: 28px;
    display: flex;
  }

  .ocorrencias-editor-guia {
    width: 100%;
    position: static;
  }

  .ocorrencias-editor .ocorrencias-ferramentas {
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
    display: grid;
  }

  .ocorrencias-editor-ajuda {
    display: none;
  }

  .ocorrencias-editor .ocorrencias-painel {
    width: 100%;
  }

  .ocorrencias-dias-cabecalho {
    flex-direction: column;
    gap: 8px;
  }

  .ocorrencias-dias-cabecalho h2 {
    font-size: 28px;
  }

  .ocorrencias-editor .dia-grid {
    column-gap: 14px;
  }

  .ocorrencias-editor .ocorrencias-envio {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .oc-inicio *, .ocorrencias-editor * {
    transition: none !important;
    animation: none !important;
  }
}
[data-reduce-anim="1"] :is(.oc-inicio, .ocorrencias-editor) * {
  transition: none !important;
  animation: none !important;
}
.ocorrencias-pessoa {
  border-bottom: 1px solid var(--ui-borda);
  max-width: 1160px;
  margin-inline: auto;
  padding: 32px 24px;
}
.ocorrencias-pessoa .vinculo-titulo {
  text-align: left;
  font-size: 30px;
}
.ocorrencias-pessoa > div > span {
  color: var(--ui-muted);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  padding: 0;
  font-size: 13px;
}
.ocorrencias-pessoa > div {
  gap: 24px;
}
.ocorrencia-sem-registro {
  color: var(--ui-muted);
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.ocorrencias-editor .ocorrencias-ferramentas button:not(.btn-perigo) svg {
  color: var(--ui-texto);
  filter: none;
}
.ocorrencias-abrir-ajustes {
  display: none;
}
@media (max-width: 640px) {
  .ocorrencias-pessoa {
    padding: 24px 28px;
  }

  .ocorrencias-pessoa .vinculo-titulo {
    font-size: 26px;
  }

  .ocorrencias-abrir-ajustes {
    border-bottom: 1px solid var(--ui-borda);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px 0;
    font-size: 14px;
    display: flex;
  }

  .ocorrencias-abrir-ajustes svg {
    transition: transform .2s;
  }

  .ocorrencias-abrir-ajustes[aria-expanded="true"] svg {
    transform: rotate(180deg);
  }

  .ocorrencias-editor-guia > h2, .ocorrencias-editor-guia > p, .ocorrencias-editor-guia[data-aberto="false"] .ocorrencias-ferramentas {
    display: none;
  }

  .ocorrencias-editor-guia[data-aberto="true"] .ocorrencias-ferramentas {
    animation: .22s ease-out ocorrencia-entrada;
  }
}
.ocorrencias-calendario {
  flex-direction: column;
  gap: 24px;
  max-width: 1200px;
  padding-top: 12px;
  display: flex;
}
.ocorrencias-calendario .ocorrencias-editor-guia {
  width: 100%;
  position: static;
}
.ocorrencias-calendario .ocorrencias-editor-guia > h2, .ocorrencias-calendario .ocorrencias-editor-guia > p {
  display: none;
}
.ocorrencias-calendario .ocorrencias-abrir-ajustes {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-left: auto;
  padding: 12px 0;
  font-size: 13px;
  display: flex;
}
.ocorrencias-calendario .ocorrencias-editor-guia[data-aberto="false"] .ocorrencias-ferramentas {
  display: none;
}
.ocorrencias-calendario .ocorrencias-ferramentas {
  flex-direction: row;
  gap: 12px;
  margin: 0;
  animation: .22s ease-out ocorrencia-entrada;
}
.ocorrencias-calendario .ocorrencias-painel {
  width: 100%;
}
.ocorrencias-calendario .ocorrencias-dias-cabecalho {
  align-items: center;
  margin-bottom: 24px;
}
.ocorrencias-calendario .ocorrencias-dias-cabecalho h2 {
  letter-spacing: -.02em;
  font-size: 24px;
}
.ocorrencias-calendario .ocorrencias-dias-cabecalho p {
  max-width: none;
  margin-top: 6px;
}
.ocorrencia-mes {
  background: var(--ui-superficie);
  border-radius: 12px;
  margin-top: 24px;
  padding: 24px;
}
.ocorrencia-mes > header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding-bottom: 28px;
  display: flex;
}
.ocorrencia-mes h3 {
  letter-spacing: -.03em;
  font-size: 28px;
  font-weight: 500;
}
.ocorrencia-mes h3:first-letter {
  text-transform: uppercase;
}
.ocorrencia-mes h3 span {
  color: var(--ui-muted);
  font-weight: 400;
}
.ocorrencia-mes > header > span {
  color: var(--ui-muted);
  font-size: 12px;
}
.ocorrencia-semana, .ocorrencia-calendario-grade {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.ocorrencia-semana {
  color: var(--ui-muted);
  text-align: left;
  padding-bottom: 12px;
  font-size: 12px;
}
.ocorrencia-semana > span {
  padding-left: 12px;
}
.ocorrencia-calendario-grade > li {
  border-top: 1px solid var(--ui-borda);
  min-width: 0;
  grid-column: auto !important;
}
.ocorrencia-dia-fora {
  min-height: 88px;
  color: var(--ui-muted);
  opacity: .45;
  font-variant-numeric: tabular-nums;
  padding: 12px;
  font-size: 16px;
}
[data-superficie="vinculo"] .ocorrencias-calendario .ocorrencia-dia {
  gap: 9px;
  height: 100%;
  min-height: 88px;
  padding: 10px 12px;
  transition: background .16s, box-shadow .16s;
  background: var(--ui-hover) !important;
  border: 0 !important;
}
[data-superficie="vinculo"] .ocorrencias-calendario .ocorrencia-dia:hover {
  box-shadow: inset 0 -2px var(--ui-dourado) !important;
}
.ocorrencias-calendario .ocorrencia-dia > p:first-child {
  display: none;
}
.ocorrencias-calendario .ocorrencia-dia > p:nth-child(2) {
  font-variant-numeric: tabular-nums;
  font-size: 20px;
}
.ocorrencias-calendario .ocorrencia-dia > div {
  overflow-wrap: anywhere;
  font-size: 11px;
}
.ocorrencias-calendario .ocorrencia-sem-registro {
  font-size: 10px;
}
.ocorrencias-calendario .ocorrencia-sem-registro > span {
  display: none;
}
.ocorrencias-calendario .ocorrencias-envio {
  margin-top: 16px;
}
@media (max-width: 640px) {
  .ocorrencias-calendario {
    gap: 16px;
    padding-inline: 12px;
  }

  .ocorrencias-calendario .ocorrencias-dias-cabecalho {
    align-items: flex-start;
    padding-inline: 4px;
  }

  .ocorrencia-mes {
    padding: 14px 8px;
  }

  .ocorrencia-mes h3 {
    font-size: 23px;
  }

  .ocorrencia-mes > header {
    padding: 0 4px 20px;
  }

  .ocorrencia-mes > header > span {
    display: none;
  }

  .ocorrencia-semana > span {
    padding-left: 4px;
  }

  .ocorrencia-dia-fora {
    min-height: 74px;
    padding: 10px 4px;
    font-size: 14px;
  }

  [data-superficie="vinculo"] .ocorrencias-calendario .ocorrencia-dia {
    min-height: 74px;
    padding: 10px 4px;
  }

  .ocorrencias-calendario .ocorrencia-dia > p:nth-child(2) {
    font-size: 18px;
  }

  .ocorrencias-calendario .ocorrencia-sem-registro {
    font-size: 0;
  }

  .ocorrencias-calendario .ocorrencia-sem-registro:after {
    content: "—";
    font-size: 12px;
  }

  .ocorrencias-calendario .ocorrencia-dia > div {
    font-size: 10px;
    line-height: 1.3;
  }

  .ocorrencias-calendario .ocorrencias-abrir-ajustes {
    border: 0;
    width: auto;
  }
}
.ocorrencias-workspace {
  max-width: 1280px;
  padding-top: 36px;
}
.ocorrencias-workspace .ocorrencias-pessoa {
  border-bottom: 0;
  max-width: none;
  margin: 0;
  padding: 0 0 24px;
}
.ocorrencias-voltar {
  color: var(--ui-muted);
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font-size: 12px;
  display: inline-flex;
}
.ocorrencias-voltar:hover {
  color: var(--ui-texto);
}
.ocorrencias-workspace .pagina-titulo {
  letter-spacing: -.03em;
  font-size: 32px;
}
.ocorrencias-nome {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
}
.ocorrencias-workspace .ocorrencias-pessoa > div {
  margin-top: 8px;
}
.ocorrencias-demo {
  border-block: 1px solid var(--ui-borda);
  color: var(--ui-muted);
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  font-size: 12px;
  display: flex;
}
.ocorrencias-demo p {
  flex: 1;
}
.ocorrencias-demo strong {
  color: var(--ui-texto);
  font-weight: 500;
}
.ocorrencias-demo a {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.ocorrencias-workspace .ocorrencias-calendario {
  gap: 12px;
  max-width: none;
  margin: 0;
  padding: 0 0 40px;
}
.ocorrencias-workspace .ocorrencias-editor-guia {
  border-bottom: 1px solid var(--ui-borda);
}
.ocorrencias-workspace .ocorrencias-abrir-ajustes {
  margin-left: 0;
  padding-block: 16px;
  font-weight: 500;
}
.ocorrencias-workspace .ocorrencias-dias-cabecalho {
  margin-bottom: 8px;
  padding-top: 16px;
}
.ocorrencias-workspace .ocorrencia-mes {
  margin-top: 16px;
  padding: 20px;
}
.ocorrencias-workspace .ocorrencia-mes h3 {
  font-size: 23px;
}
.ocorrencias-workspace .ocorrencia-mes > header {
  padding-bottom: 20px;
}
@media (max-width: 640px) {
  .ocorrencias-workspace {
    padding-top: 24px;
  }

  .ocorrencias-workspace .ocorrencia-mes {
    padding: 16px 6px;
  }

  .ocorrencias-workspace .ocorrencias-pessoa {
    padding-inline: 0;
  }

  .ocorrencias-demo {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .ocorrencias-demo p {
    min-width: 180px;
  }

  .ocorrencias-workspace .pagina-titulo {
    font-size: 28px;
  }
}
.oc-inicio {
  --oc-vidro: #ffffff9e;
  --oc-vidro-hover: #ffffffdb;
  --oc-reflexo: #fffc;
  --oc-sombra: #1414141f;
  gap: 40px;
  max-width: 760px;
  margin-inline: auto;
  padding-top: 56px;
  display: grid;
}
[data-theme="dark"] .oc-inicio {
  --oc-vidro: #ffffff0f;
  --oc-vidro-hover: #ffffff1a;
  --oc-reflexo: #ffffff1f;
  --oc-sombra: #0000004d;
}
.oc-inicio-cabecalho {
  text-align: center;
  gap: 10px;
  display: grid;
}
.oc-inicio .pagina-titulo {
  letter-spacing: -.03em;
  font-size: clamp(30px, 3.4vw, 40px);
  font-weight: 600;
  line-height: 1.1;
}
.oc-inicio .pagina-sub {
  max-width: 52ch;
  color: var(--ui-muted);
  margin-inline: auto;
  font-size: 14px;
  line-height: 1.65;
}
.oc-inicio-abertura {
  background: var(--oc-vidro);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: inset 0 1px 0 var(--oc-reflexo), 0 18px 44px -24px var(--oc-sombra);
  border-radius: 24px;
  gap: 12px;
  padding: 26px 26px 22px;
  display: grid;
}
.oc-inicio-rotulo {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ui-muted);
  font-size: 12px;
  font-weight: 500;
}
.oc-inicio-campo {
  background: var(--ui-superficie);
  min-height: 68px;
  box-shadow: inset 0 0 0 1px var(--ui-borda);
  border-radius: 16px;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  padding: 8px 18px;
  transition: box-shadow .14s;
  display: grid;
}
.oc-inicio-campo:focus-within {
  box-shadow: inset 0 0 0 1.5px var(--ui-texto);
}
.oc-inicio-campo[data-invalido] {
  box-shadow: inset 0 0 0 1.5px var(--ui-vermelho);
}
.oc-inicio-chave {
  width: 20px;
  height: 20px;
  color: var(--ui-muted);
}
.oc-inicio-campo input {
  width: 100%;
  min-width: 0;
  color: var(--ui-texto);
  letter-spacing: .06em;
  background: none;
  border: 0;
  outline: none;
  font-family: IBM Plex Mono, ui-monospace, monospace;
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 500;
}
.oc-inicio-campo input::placeholder {
  color: var(--ui-muted);
  opacity: .55;
  letter-spacing: .06em;
}
.oc-inicio-rodape {
  justify-content: space-between;
  align-items: center;
  gap: 16px 24px;
  margin-top: 2px;
  display: flex;
}
.oc-inicio-abrir {
  border: 1px solid var(--ui-texto);
  background: var(--ui-texto);
  height: 44px;
  color: var(--ui-superficie);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  transition: background .14s, border-color .14s, color .14s, transform .14s;
  display: inline-flex;
}
.oc-inicio-abrir:hover:not(:disabled) {
  transform: translateY(-1px);
}
.oc-inicio-abrir:active:not(:disabled) {
  transform: none;
}
.oc-inicio-abrir:disabled {
  border-color: var(--ui-borda);
  color: var(--ui-muted);
  cursor: not-allowed;
  background: none;
  transform: none;
}
.oc-inicio-abrir svg {
  width: 16px;
  height: 16px;
  transition: transform .14s;
}
.oc-inicio-abrir:hover:not(:disabled) svg {
  transform: translateX(3px);
}
.oc-inicio-ajuda {
  min-width: 0;
  color: var(--ui-muted);
  flex: 1;
  font-size: 12px;
  line-height: 1.6;
}
.oc-inicio-erro {
  min-width: 0;
  color: var(--ui-vermelho);
  flex: 1;
  font-size: 13px;
  line-height: 1.5;
}
.oc-inicio-recentes {
  gap: 8px;
  display: grid;
}
.oc-inicio-recentes > header {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 0 4px 6px;
  display: flex;
}
.oc-inicio-recentes h2 {
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 500;
}
.oc-inicio-recentes > header span {
  color: var(--ui-muted);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
}
.oc-inicio-recentes ul {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.oc-inicio-registro {
  background: var(--oc-vidro);
  width: 100%;
  box-shadow: inset 0 1px 0 var(--oc-reflexo);
  color: var(--ui-texto);
  text-align: left;
  border-radius: 16px;
  grid-template-columns: 150px minmax(0, 1fr) auto 16px;
  align-items: center;
  gap: 18px;
  padding: 14px 18px;
  transition: background .14s, box-shadow .14s;
  display: grid;
}
.oc-inicio-registro:hover:not(:disabled) {
  background: var(--oc-vidro-hover);
  box-shadow: inset 0 1px 0 var(--oc-reflexo), 0 12px 28px -18px var(--oc-sombra);
}
.oc-inicio-registro:disabled {
  opacity: .5;
  cursor: progress;
}
.oc-inicio-registro-codigo {
  letter-spacing: .04em;
  font-family: IBM Plex Mono, ui-monospace, monospace;
  font-size: 13px;
}
.oc-inicio-registro-pessoa {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.oc-inicio-registro-pessoa strong {
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 500;
}
.oc-inicio-registro-pessoa small, .oc-inicio-registro-quando small {
  color: var(--ui-muted);
  font-size: 12px;
}
.oc-inicio-registro-quando {
  text-align: right;
  white-space: nowrap;
  justify-items: end;
  gap: 4px;
  display: grid;
}
.oc-inicio-registro-quando .tag svg {
  width: 11px;
  height: 11px;
  margin-right: 4px;
}
.oc-inicio-registro-seta {
  width: 16px;
  height: 16px;
  color: var(--ui-muted);
  transition: transform .14s, color .14s;
}
.oc-inicio-registro:hover:not(:disabled) .oc-inicio-registro-seta {
  color: var(--ui-texto);
  transform: translateX(3px);
}
.oc-inicio-vazio {
  background: var(--oc-vidro);
  box-shadow: inset 0 1px 0 var(--oc-reflexo);
  color: var(--ui-muted);
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  padding: 22px 18px;
  font-size: 13px;
  line-height: 1.6;
  display: flex;
}
.oc-inicio-vazio svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .oc-inicio-abertura {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .oc-inicio-abertura, .oc-inicio-registro, .oc-inicio-vazio {
    background: var(--ui-superficie);
    -webkit-backdrop-filter: none;
  }
}
@media (max-width: 640px) {
  .oc-inicio {
    gap: 28px;
    padding-top: 28px;
  }

  .oc-inicio-abertura {
    border-radius: 20px;
    padding: 18px 16px 16px;
  }

  .oc-inicio-campo {
    grid-template-columns: 20px minmax(0, 1fr);
    min-height: 60px;
    padding: 8px 14px;
  }

  .oc-inicio-rodape {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .oc-inicio-abrir {
    order: -1;
    justify-content: center;
    width: 100%;
  }

  .oc-inicio-registro {
    grid-template-columns: minmax(0, 1fr) 16px;
    gap: 6px 12px;
    padding: 14px;
  }

  .oc-inicio-registro-codigo, .oc-inicio-registro-pessoa, .oc-inicio-registro-quando {
    grid-column: 1;
  }

  .oc-inicio-registro-quando {
    text-align: left;
    white-space: normal;
    justify-items: start;
  }

  .oc-inicio-registro-seta {
    grid-area: 1 / 2 / span 3;
    align-self: center;
  }
}
.oc-ed-pessoa p strong {
  color: var(--ui-texto);
  font-weight: 500;
}
.oc-ed-teste {
  color: var(--ui-muted);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 10px;
  margin-top: 4px;
  font-size: 12px;
  display: flex;
}
.oc-ed-teste svg {
  width: 14px;
  height: 14px;
  color: var(--ui-dourado);
}
.oc-ed-teste strong {
  color: var(--ui-texto);
  font-weight: 500;
}
.oc-ed-teste a {
  color: var(--ui-texto);
  text-underline-offset: 3px;
  align-items: center;
  gap: 4px;
  text-decoration: underline;
  display: inline-flex;
}
.oc-ed-teste a svg {
  width: 12px;
  height: 12px;
  color: inherit;
}
.oc-ed-extra--ponto {
  color: var(--ui-dourado);
}
.oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-estado="documento"], .oc-ed:not([data-vista="grade"]) .oc-ed-dia[data-estado="feriado"] {
  box-shadow: inset 0 0 0 1px var(--ui-borda);
  -webkit-backdrop-filter: none;
  background: none;
}
.oc-ed-dia[data-estado="documento"] .oc-ed-dia-alvo > strong, .oc-ed-dia[data-estado="feriado"] .oc-ed-dia-alvo > strong {
  color: var(--ui-muted);
}
.oc-ed-dia[data-estado="documento"] .oc-ed-registro {
  color: var(--ui-azul);
  font-weight: 500;
}
.oc-ed-dia[data-estado="feriado"] .oc-ed-registro {
  color: var(--ui-dourado);
  font-weight: 500;
}
.oc-ed-dia:is([data-estado="documento"], [data-estado="feriado"]) .oc-ed-dia-alvo {
  cursor: help;
}
.oc-ed-acao--remover:is(:hover, :focus-visible) {
  color: var(--ui-vermelho);
}
.oc-ed-docs {
  text-align: left;
  gap: 8px;
  width: 100%;
  max-width: 380px;
  font-size: 13px;
  display: grid;
}
.oc-ed-docs li {
  background: var(--oc-poco, var(--ui-hover));
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  display: flex;
}
.oc-ed-docs a {
  color: var(--ui-azul);
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}
.oc-ed-docs a svg {
  width: 12px;
  height: 12px;
}
.oc-ed-erro {
  color: var(--ui-vermelho);
  text-align: left;
  background: #ae30301a;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.5;
}
.oc-ed-final-acoes .btn-primario {
  text-decoration: none;
}
.oc-ed-final-nota svg {
  vertical-align: -2px;
  width: 12px;
  height: 12px;
  color: var(--ui-dourado);
  margin-right: 4px;
}
[data-superficie="vinculo"] .pagina.oc-ed[data-vista="compacta"] {
  --oc-ed-topo: 0px;
}
@media (min-width: 801px) {
  [data-superficie="vinculo"] .pagina.oc-ed[data-vista="compacta"] {
    padding-top: 40px;
  }
}
.pagina:has(.conv-progresso), .pagina:has(.conv-layout) {
  --conv-vidro: #ffffff9e;
  --conv-vidro-hover: #ffffffdb;
  --conv-reflexo: #fffc;
  --conv-sombra: #1414141f;
}
[data-theme="dark"] .pagina:has(.conv-progresso), [data-theme="dark"] .pagina:has(.conv-layout) {
  --conv-vidro: #ffffff0f;
  --conv-vidro-hover: #ffffff1a;
  --conv-reflexo: #ffffff1f;
  --conv-sombra: #0000004d;
}
.conv-progresso {
  border-bottom: 0;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 26px;
  display: flex;
}
.conv-progresso li {
  padding: 0;
}
.conv-progresso li:after {
  display: none;
}
.conv-progresso button {
  background: var(--conv-vidro);
  height: 40px;
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  color: var(--ui-muted);
  border-radius: 999px;
  gap: 9px;
  padding: 0 16px;
  transition: background .14s, color .14s;
}
.conv-progresso button:not(:disabled):hover {
  background: var(--conv-vidro-hover);
  color: var(--ui-texto);
}
.conv-progresso button:disabled {
  cursor: default;
}
.conv-progresso [data-estado="feito"] button {
  color: var(--ui-texto);
}
.conv-progresso [data-estado="atual"] button {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  box-shadow: none;
  font-weight: 500;
}
.conv-progresso [data-estado="atual"] button:disabled {
  color: var(--ui-superficie);
}
.conv-progresso [data-estado="futuro"] button {
  opacity: .55;
}
.conv-passo-num {
  font-variant-numeric: tabular-nums;
  width: 20px;
  height: 20px;
  font-size: 12px;
}
.conv-progresso [data-estado="atual"] .conv-passo-num {
  color: inherit;
}
.conv-progresso [data-estado="feito"] .conv-passo-num svg {
  width: 14px;
  height: 14px;
  color: var(--ui-texto);
}
.conv-trabalho {
  background: var(--conv-vidro);
  box-shadow: inset 0 1px 0 var(--conv-reflexo), 0 18px 44px -28px var(--conv-sombra);
  border: 0;
  border-radius: 22px;
}
.conv-resumo {
  background: var(--conv-vidro);
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  border-radius: 20px;
  padding: 18px 20px;
}
.conv-resumo summary {
  border-bottom: 1px solid var(--ui-borda);
  padding-bottom: 14px;
}
.conv-resumo section {
  border-bottom: 1px solid var(--ui-borda);
}
.conv-resumo section:last-of-type {
  border-bottom: 0;
  padding-bottom: 6px;
}
.conv-trabalho :is(.btn-primario, .btn-secundario, .btn-leve) {
  border-radius: 999px;
}
.conv-trabalho .campo {
  border-radius: 12px;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .conv-trabalho, .conv-resumo {
    background: var(--ui-superficie);
  }
}
@media (max-width: 900px) {
  .conv-progresso {
    gap: 6px;
  }

  .conv-progresso button {
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }

  .conv-resumo {
    padding: 14px 16px;
  }
}
.conv-trabalho .sucesso-dl {
  background: var(--ui-texto);
  border: 0;
  border-radius: 14px;
  gap: 10px 20px;
  padding: 16px 18px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .sucesso-dl {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.conv-trabalho .sucesso-dl {
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
}
.conv-trabalho .sucesso-dl dt {
  font-size: 12px;
}
.conv-trabalho .sucesso-dl dd {
  font-size: 13px;
  line-height: 1.5;
}
.conv-trabalho .linha-info, .conv-trabalho .bloco {
  background: var(--ui-texto);
  border: 0;
  border-radius: 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .linha-info, .conv-trabalho .bloco {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.conv-trabalho .linha-info, .conv-trabalho .bloco {
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
}
.conv-trabalho .cobertura-resultado {
  border-bottom: 0;
  border-radius: 14px;
  padding: 14px;
}
.conv-trabalho .cobertura-resultado:is(:hover, [aria-selected="true"]) {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .cobertura-resultado:is(:hover, [aria-selected="true"]) {
    background: color-mix(in srgb, var(--ui-texto) 6%, transparent);
  }
}
.conv-trabalho .cobertura-resultado > svg {
  transition: transform .14s, opacity .14s;
}
.conv-trabalho .cobertura-resultado:hover > svg {
  opacity: 1;
  transform: translateX(3px);
}
.conv-trabalho .cobertura-modos {
  border-bottom: 0;
  gap: 6px;
}
.conv-trabalho .cobertura-modos button {
  background: var(--ui-texto);
  border-radius: 999px;
  height: 34px;
  padding: 0 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .cobertura-modos button {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.conv-trabalho .cobertura-modos button:after {
  display: none;
}
.conv-trabalho .cobertura-modos button[aria-pressed="true"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
}
.conv-trabalho .sucesso {
  max-width: none;
}
.conv-trabalho .sucesso-icone {
  width: 52px;
  height: 52px;
}
.conv-trabalho .sucesso h2 {
  letter-spacing: -.025em;
  font-size: 23px;
}
.conv-trabalho .btn-leve {
  background: var(--ui-texto);
  border: 0;
  height: 34px;
  padding: 0 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .btn-leve {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.conv-trabalho .btn-leve {
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  color: var(--ui-suave);
}
.conv-trabalho .btn-leve:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .btn-leve:hover {
    background: color-mix(in srgb, var(--ui-texto) 9%, transparent);
  }
}
.conv-trabalho .btn-leve:hover {
  color: var(--ui-texto);
}
.conv-trabalho .pessoa-lista {
  background: none;
  border: 0;
  border-radius: 0;
  gap: 6px;
  display: grid;
  overflow: visible;
}
.conv-trabalho .pessoa-lista > li + li {
  border-top: 0;
}
.conv-trabalho .pessoa-linha {
  border-radius: 14px;
  padding: 14px;
  transition: background .14s;
}
.conv-trabalho .pessoa-linha:hover:not([aria-disabled="true"]) {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .pessoa-linha:hover:not([aria-disabled="true"]) {
    background: color-mix(in srgb, var(--ui-texto) 6%, transparent);
  }
}
.conv-trabalho .pessoa-linha svg:last-child {
  transition: transform .14s;
}
.conv-trabalho .pessoa-linha:hover:not([aria-disabled="true"]) svg:last-child {
  transform: translateX(3px);
}
@media (max-width: 700px) {
  .conv-progresso {
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    flex-wrap: nowrap;
    margin-inline: -4px;
    padding-inline: 4px;
    overflow-x: auto;
  }

  .conv-progresso::-webkit-scrollbar {
    display: none;
  }

  .conv-progresso li {
    flex: none;
  }

  .conv-progresso button {
    white-space: nowrap;
  }
}
.conv-progresso button {
  flex-direction: row;
  flex-shrink: 0;
  align-items: center;
  width: auto;
}
.pedido-operacao {
  grid-template-columns: minmax(0, 1fr) 280px;
}
.pagina:has(.conv-layout) .pagina-cabecalho .btn-leve {
  background: var(--conv-vidro);
  height: 36px;
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
}
.pedido-contexto .conv-resumo summary {
  font-size: 14px;
}
.pedido-observacao {
  white-space: pre-wrap;
}
.pedido-cadastro summary {
  cursor: pointer;
  color: var(--ui-muted);
  padding: 12px 0 0;
  font-size: 12px;
}
.pedido-cadastro dl {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 6px 14px;
  margin-top: 10px;
  font-size: 12px;
  display: grid;
}
.pedido-cadastro dt {
  color: var(--ui-muted);
}
@media (max-width: 900px) {
  .pedido-operacao {
    grid-template-columns: minmax(0, 1fr);
  }
}
.sol-dialogo-fundo {
  background: #0c0f1638;
}
.dialogo.sol-dialogo {
  --sol-dlg-vidro: #ffffffc7;
  --sol-dlg-reflexo: #ffffffeb;
  --sol-dlg-poco: #1414140d;
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
  gap: 10px;
  width: 520px;
  max-width: calc(100vw - 32px);
  background: var(--sol-dlg-vidro) !important;
  border: 1px solid var(--sol-dlg-reflexo) !important;
  box-shadow: inset 0 1px 0 var(--sol-dlg-reflexo), 0 24px 70px -18px #00000052 !important;
  border-radius: 28px !important;
  padding: 26px 28px 24px !important;
}
[data-theme="dark"] .dialogo.sol-dialogo {
  --sol-dlg-vidro: #1e1e20bd;
  --sol-dlg-reflexo: #ffffff1f;
  --sol-dlg-poco: #ffffff0f;
}
.sol-dialogo .dialogo-titulo {
  letter-spacing: -.015em;
  font-size: 22px;
}
.sol-dialogo .dialogo-desc {
  font-size: 13px;
  line-height: 1.6;
}
.sol-troca {
  background: var(--sol-dlg-poco);
  box-shadow: inset 0 1px 0 var(--sol-dlg-reflexo);
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: 16px 0 6px;
  padding: 16px;
  display: grid;
}
.sol-troca-lado {
  gap: 4px;
  min-width: 0;
  display: grid;
}
.sol-troca-lado strong {
  overflow-wrap: anywhere;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}
.sol-troca-lado small {
  color: var(--ui-muted);
  font-size: 12px;
}
.sol-troca-lado[data-sai] strong {
  color: var(--ui-muted);
  text-decoration: line-through;
  -webkit-text-decoration-color: var(--ui-muted);
  -webkit-text-decoration-color: var(--ui-muted);
  text-decoration-color: var(--ui-muted);
}
@supports (color: color-mix(in lab, red, red)) {
  .sol-troca-lado[data-sai] strong {
    -webkit-text-decoration-color: color-mix(in srgb, var(--ui-muted) 60%, transparent);
    -webkit-text-decoration-color: color-mix(in srgb, var(--ui-muted) 60%, transparent);
    text-decoration-color: color-mix(in srgb, var(--ui-muted) 60%, transparent);
  }
}
.sol-troca-seta {
  width: 20px;
  height: 20px;
  color: var(--ui-azul);
}
.sol-dialogo .previa-oc-campo, .sol-dialogo .campo-rotulo {
  text-align: left;
}
.sol-troca-acoes {
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  display: flex !important;
}
.sol-troca-acoes button {
  border-radius: 999px;
  min-height: 40px;
}
@media (max-width: 540px) {
  .dialogo.sol-dialogo {
    padding: 20px 18px !important;
  }

  .sol-troca {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .sol-troca-seta {
    justify-self: center;
    transform: rotate(90deg);
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .dialogo.sol-dialogo {
    background: var(--ui-superficie) !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .dialogo.sol-dialogo {
    -webkit-backdrop-filter: none;
    background: var(--ui-superficie) !important;
  }
}
@media (max-width: 600px) {
  .pagina:has(.conv-layout) .pagina-cabecalho {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .pagina:has(.conv-layout) .pagina-cabecalho .btn-leve {
    justify-content: center;
  }
}
.conv-trabalho .escolha {
  gap: 10px;
}
.conv-trabalho .escolha-item {
  background: var(--ui-texto);
  border: 0;
  border-radius: 16px;
  gap: 8px;
  padding: 18px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .escolha-item {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.conv-trabalho .escolha-item {
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  transition: background .14s, transform .14s;
}
.conv-trabalho .escolha-item:hover:not(:disabled) {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-trabalho .escolha-item:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ui-texto) 9%, transparent);
  }
}
.conv-trabalho .escolha-item:hover:not(:disabled) {
  transform: translateY(-1px);
}
.conv-trabalho .escolha-item:active:not(:disabled) {
  transform: none;
}
.conv-trabalho .escolha-item b {
  font-size: 15px;
  font-weight: 500;
}
.conv-trabalho .escolha-item svg {
  width: 18px;
  height: 18px;
}
.documento-andamento {
  align-items: center;
  margin-bottom: 24px;
}
.documento-andamento > span:first-child {
  color: var(--ui-texto);
  font-size: 14px;
  font-weight: 500;
}
.documento-andamento progress {
  background: var(--ui-texto);
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-andamento progress {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.documento-andamento progress::-webkit-progress-bar {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-andamento progress::-webkit-progress-bar {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.documento-andamento progress::-webkit-progress-bar {
  border-radius: 999px;
}
.documento-andamento progress::-webkit-progress-value {
  border-radius: 999px;
}
.documento-almoco .choice-btn {
  background: var(--ui-texto);
  border: 0;
  border-radius: 14px;
  min-height: 44px;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-almoco .choice-btn {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.documento-almoco .choice-btn {
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  color: var(--ui-suave);
  font-size: 13px;
  transition: background .14s, color .14s;
}
.documento-almoco .choice-btn:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-almoco .choice-btn:hover {
    background: color-mix(in srgb, var(--ui-texto) 9%, transparent);
  }
}
.documento-almoco .choice-btn:hover {
  color: var(--ui-texto);
}
.documento-almoco .choice-btn[aria-pressed="true"], .documento-almoco .choice-btn[data-on="true"] {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  box-shadow: none;
}
.documento-etapa .tag {
  background: var(--ui-texto);
  border-radius: 999px;
  padding: 5px 11px;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-etapa .tag {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.documento-etapa .tag {
  transition: background .14s;
}
.documento-etapa .tag:hover {
  background: var(--ui-texto) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-etapa .tag:hover {
    background: color-mix(in srgb, var(--ui-texto) 10%, transparent) !important;
  }
}
.documento-upload {
  border: 1px dashed var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-upload {
    border: 1px dashed color-mix(in srgb, var(--ui-texto) 22%, transparent);
  }
}
.documento-upload {
  background: var(--ui-texto);
  border-radius: 18px;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-upload {
    background: color-mix(in srgb, var(--ui-texto) 4%, transparent);
  }
}
.documento-upload {
  transition: background .14s, border-color .14s;
}
.documento-upload:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-upload:hover {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.documento-upload:hover {
  border-color: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-upload:hover {
    border-color: color-mix(in srgb, var(--ui-texto) 38%, transparent);
  }
}
.pagina:has(.conv-layout) ~ [data-slot="dialog-portal"] .dialogo, body:has(.conv-layout) [data-slot="dialog-content"].dialogo, body:has(.conversa) [data-slot="dialog-content"].dialogo {
  -webkit-backdrop-filter: blur(20px);
  background: var(--conv-dlg-vidro, #ffffffd1) !important;
  border: 1px solid var(--conv-dlg-reflexo, #ffffffe6) !important;
  box-shadow: inset 0 1px 0 var(--conv-dlg-reflexo, #ffffffe6), 0 24px 70px -18px #0000004d !important;
  border-radius: 24px !important;
}
[data-theme="dark"] body:has(.conv-layout) [data-slot="dialog-content"].dialogo, [data-theme="dark"] body:has(.conversa) [data-slot="dialog-content"].dialogo {
  --conv-dlg-vidro: #1e1e20cc;
  --conv-dlg-reflexo: #ffffff1f;
}
body:has(.conv-layout) [data-slot="dialog-content"].dialogo button:is(.btn-primario, .btn-secundario, .btn-leve), body:has(.conversa) [data-slot="dialog-content"].dialogo button:is(.btn-primario, .btn-secundario, .btn-leve) {
  border-radius: 999px;
}
.documento-calendario {
  background: var(--ui-texto);
  border-radius: 20px;
  gap: 0;
  max-width: 560px;
  margin: 22px auto 0;
  padding: 18px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-calendario {
    background: color-mix(in srgb, var(--ui-texto) 4%, transparent);
  }
}
.documento-calendario {
  box-shadow: inset 0 1px 0 var(--conv-reflexo, #fffc);
}
.documento-cal-cab {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 14px;
  display: flex;
}
.documento-retroativo {
  justify-items: end;
  padding-bottom: 14px;
}
.documento-retroativo .btn-leve {
  justify-content: center;
}
.documento-dia-semana {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--ui-muted);
  padding: 0 0 10px;
  font-size: 11px;
}
.documento-dia {
  font-variant-numeric: tabular-nums;
  border-radius: 12px;
  height: 46px;
  font-size: 14px;
}
.documento-dia:hover:not(:disabled) {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-dia:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ui-texto) 9%, transparent);
  }
}
.documento-dia[data-periodo="true"] {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-dia[data-periodo="true"] {
    background: color-mix(in srgb, var(--ui-texto) 12%, transparent);
  }
}
.documento-dia[data-inicio="true"] {
  font-weight: 600;
}
.documento-dia:disabled {
  opacity: .3;
}
.documento-cal-rodape {
  border-top: 1px solid var(--ui-texto);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .documento-cal-rodape {
    border-top: 1px solid color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.documento-cal-escolha {
  color: var(--ui-texto);
  font-size: 13px;
}
.documento-calendario .documento-legenda {
  gap: 12px;
  margin: 0;
  font-size: 11px;
}
@media (max-width: 560px) {
  .documento-calendario {
    padding: 14px;
  }

  .documento-dia {
    border-radius: 10px;
    height: 40px;
  }

  .documento-cal-rodape {
    justify-content: flex-start;
  }
}
.pagina:has(.ponto-trilho), .ponto-painel {
  --ponto-vidro: #ffffff9e;
  --ponto-hover: #ffffffdb;
  --ponto-reflexo: #fffc;
  --ponto-sombra: #1414141f;
}
[data-theme="dark"] .pagina:has(.ponto-trilho), [data-theme="dark"] .ponto-painel {
  --ponto-vidro: #ffffff0f;
  --ponto-hover: #ffffff1a;
  --ponto-reflexo: #ffffff1f;
  --ponto-sombra: #0000004d;
}
.ponto-escolha {
  background: var(--ponto-vidro);
  min-height: 84px;
  box-shadow: inset 0 1px 0 var(--ponto-reflexo);
  border: 0;
  border-radius: 16px;
  transition: background .14s, box-shadow .14s, transform .14s;
}
.ponto-escolha:hover {
  background: var(--ponto-hover);
  box-shadow: inset 0 1px 0 var(--ponto-reflexo), 0 12px 28px -18px var(--ponto-sombra);
  transform: translateY(-1px);
}
.ponto-escolha:active {
  transform: none;
}
.ponto-escolha[aria-pressed="true"] {
  background: var(--ponto-hover);
  box-shadow: inset 0 0 0 1.5px var(--ui-texto);
  transform: none;
}
.ponto-escolha strong {
  font-weight: 500;
}
.ponto-unidades-lista {
  gap: 6px;
  display: grid;
}
.ponto-unidade {
  background: var(--ponto-vidro);
  box-shadow: inset 0 1px 0 var(--ponto-reflexo);
  border-bottom: 0;
  border-radius: 14px;
}
.ponto-unidade:hover:not(:disabled) {
  background: var(--ponto-hover);
}
.ponto-unidade[aria-pressed="true"] {
  background: var(--ponto-hover);
  box-shadow: inset 0 0 0 1.5px var(--ui-texto);
}
.ponto-unidade:disabled {
  box-shadow: none;
  opacity: .55;
  background: none;
}
.ponto-afetados {
  gap: 8px;
  display: grid;
}
.ponto-pessoa {
  background: var(--ponto-vidro);
  box-shadow: inset 0 1px 0 var(--ponto-reflexo);
  border-bottom: 0;
  border-radius: 16px;
  padding: 18px;
}
.ponto-pessoa-cabecalho h3 {
  font-weight: 500;
}
.ponto-pessoa-cabecalho p {
  line-height: 1.55;
}
.ponto-trilho li:not(:last-child):after {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .ponto-trilho li:not(:last-child):after {
    background: color-mix(in srgb, var(--ui-texto) 10%, transparent);
  }
}
.documento-calendario .cal-mes {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 500;
}
.ponto-cal-mes:first-letter {
  text-transform: uppercase;
}
.ponto-estudio .ponto-contratos .ponto-escolha {
  background: var(--ponto-vidro);
  min-height: 92px;
  box-shadow: inset 0 1px 0 var(--ponto-reflexo);
  border: 0;
  border-radius: 18px;
  gap: 20px;
  padding: 20px;
  transition: background .14s, box-shadow .14s, transform .14s;
}
.ponto-estudio .ponto-contratos .ponto-escolha:hover {
  background: var(--ponto-hover);
  box-shadow: inset 0 1px 0 var(--ponto-reflexo), 0 14px 30px -20px var(--ponto-sombra);
  padding-left: 20px;
  transform: translateY(-1px);
}
.ponto-contratos {
  gap: 8px;
  display: grid;
}
.ponto-contrato-linha {
  min-width: 0;
}
.ponto-estudio .ponto-unidade {
  padding: 16px;
}
.ponto-unidades-lista {
  border-top: 0;
  padding: 2px;
}
@media (max-width: 640px) {
  .ponto-estudio .ponto-contratos .ponto-escolha {
    gap: 14px;
    min-height: 84px;
    padding: 16px;
  }
}
.hub {
  --hub-vidro: #ffffff9e;
  --hub-hover: #ffffffdb;
  --hub-reflexo: #fffc;
  --hub-sombra: #1414141f;
}
[data-theme="dark"] .hub {
  --hub-vidro: #ffffff0f;
  --hub-hover: #ffffff1a;
  --hub-reflexo: #ffffff1f;
  --hub-sombra: #0000004d;
}
.hub-barra {
  background: var(--hub-vidro);
  height: 64px;
  box-shadow: inset 0 1px 0 var(--hub-reflexo), 0 18px 44px -26px var(--hub-sombra);
  border: 0;
  border-radius: 999px;
  padding: 0 26px;
  transition: background .16s, box-shadow .16s;
}
.hub-barra:hover, .hub-barra:focus-visible {
  background: var(--hub-hover);
  box-shadow: inset 0 1px 0 var(--hub-reflexo), 0 22px 54px -24px var(--hub-sombra);
  border: 0;
}
.hub-barra[data-aberta="true"] {
  background: var(--hub-hover);
  border: 0;
  border-radius: 22px;
}
.hub-item {
  background: var(--hub-vidro);
  box-shadow: inset 0 1px 0 var(--hub-reflexo);
  border: 0;
  border-radius: 16px;
  gap: 14px;
  padding: 16px 18px;
  transition: background .14s, box-shadow .14s, transform .14s;
}
.hub-item + .hub-item {
  margin-top: 8px;
}
.hub-item:hover {
  background: var(--hub-hover);
  box-shadow: inset 0 1px 0 var(--hub-reflexo), 0 12px 28px -18px var(--hub-sombra);
  transform: translateY(-1px);
}
.hub-item-acao {
  color: var(--ui-muted);
  transition: color .14s, transform .14s;
}
.hub-item:hover .hub-item-acao {
  color: var(--ui-texto);
  transform: translateX(2px);
}
.hub-recentes {
  background: none;
  border: 0;
  border-radius: 0;
  gap: 6px;
  display: grid;
  overflow: visible;
}
.hub-recente {
  background: var(--hub-vidro);
  box-shadow: inset 0 1px 0 var(--hub-reflexo);
  border: 0;
  border-radius: 14px;
  gap: 3px;
  padding: 12px 16px;
  transition: background .14s;
}
.hub-recente:hover {
  background: var(--hub-hover);
}
.hub-vazio {
  background: var(--ui-texto);
  border: 0;
  border-radius: 16px;
  padding: 18px;
}
@supports (color: color-mix(in lab, red, red)) {
  .hub-vazio {
    background: color-mix(in srgb, var(--ui-texto) 4%, transparent);
  }
}
.hub-vazio {
  box-shadow: inset 0 1px 0 var(--hub-reflexo);
  line-height: 1.6;
}
.hub-rotulo {
  margin-bottom: 10px;
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .hub-barra, .hub-item, .hub-recente {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .hub-barra, .hub-item, .hub-recente {
    background: var(--ui-superficie);
    -webkit-backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hub-item, .hub-item-acao {
    transition: none;
  }

  .hub-item:hover {
    transform: none;
  }
}
[data-theme="dark"] .hub-barra {
  background: var(--hub-vidro);
  box-shadow: inset 0 1px 0 var(--hub-reflexo), 0 18px 44px -26px var(--hub-sombra);
  border-color: #0000;
}
[data-theme="dark"] .hub-barra:hover, [data-theme="dark"] .hub-barra:focus-visible {
  background: var(--hub-hover);
}
[data-theme="dark"] .hub-item {
  background: var(--hub-vidro);
  box-shadow: inset 0 1px 0 var(--hub-reflexo);
  border-color: #0000;
}
[data-theme="dark"] .hub-item:hover {
  background: var(--hub-hover);
  box-shadow: inset 0 1px 0 var(--hub-reflexo), 0 12px 28px -18px var(--hub-sombra);
}
[data-theme="dark"] .hub-recentes {
  box-shadow: none;
  background: none;
  border-color: #0000;
}
[data-theme="dark"] .hub-recente {
  background: var(--hub-vidro);
  box-shadow: inset 0 1px 0 var(--hub-reflexo);
}
[data-theme="dark"] .hub-recente:hover {
  background: var(--hub-hover);
}
.conv-progresso .mensal-passo {
  background: var(--conv-vidro, var(--ui-texto));
  border-radius: 999px;
  align-items: center;
  gap: 9px;
  height: 40px;
  min-height: 0;
  padding: 0 16px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .conv-progresso .mensal-passo {
    background: var(--conv-vidro, color-mix(in srgb, var(--ui-texto) 5%, transparent));
  }
}
.conv-progresso .mensal-passo {
  box-shadow: inset 0 1px 0 var(--conv-reflexo, #fffc);
  color: var(--ui-muted);
  font-size: 13px;
}
.conv-progresso [data-estado="feito"] .mensal-passo {
  color: var(--ui-texto);
}
.conv-progresso [data-estado="atual"] .mensal-passo {
  background: var(--ui-texto);
  color: var(--ui-superficie);
  box-shadow: none;
  font-weight: 500;
}
.conv-progresso [data-estado="futuro"] .mensal-passo {
  opacity: .55;
}
.mensal-pagina {
  --conv-vidro: #ffffff9e;
  --conv-hover: #ffffffdb;
  --conv-reflexo: #fffc;
  --conv-sombra: #1414141f;
}
[data-theme="dark"] .mensal-pagina {
  --conv-vidro: #ffffff0f;
  --conv-hover: #ffffff1a;
  --conv-reflexo: #ffffff1f;
  --conv-sombra: #0000004d;
}
.mensal-mes {
  background: var(--conv-vidro);
  box-shadow: inset 0 1px 0 var(--conv-reflexo);
  border: 0;
  border-radius: 18px;
  transition: background .14s, box-shadow .14s, transform .14s;
}
.mensal-mes:hover {
  background: var(--conv-hover);
  box-shadow: inset 0 1px 0 var(--conv-reflexo), 0 14px 30px -20px var(--conv-sombra);
  border-color: #0000;
  transform: translateY(-1px);
}
.mensal-mes strong {
  letter-spacing: -.02em;
  font-weight: 500;
}
.mensal-monitor {
  background: var(--conv-vidro);
  box-shadow: inset 0 1px 0 var(--conv-reflexo), 0 18px 44px -28px var(--conv-sombra);
  border: 0;
  border-radius: 22px;
}
.mensal-progresso progress {
  background: var(--ui-texto);
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}
@supports (color: color-mix(in lab, red, red)) {
  .mensal-progresso progress {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.mensal-progresso progress::-webkit-progress-bar {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .mensal-progresso progress::-webkit-progress-bar {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.mensal-progresso progress::-webkit-progress-bar {
  border-radius: 999px;
}
.mensal-progresso progress::-webkit-progress-value {
  border-radius: 999px;
}
.mensal-contratos li {
  background: var(--ui-texto);
  border-bottom: 0;
  border-radius: 14px;
  padding: 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .mensal-contratos li {
    background: color-mix(in srgb, var(--ui-texto) 4%, transparent);
  }
}
.mensal-contratos ul, .mensal-contratos {
  gap: 6px;
  display: grid;
}
@media (max-width: 700px) {
  .conv-progresso .mensal-passo {
    white-space: nowrap;
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }
}
.conv-progresso .mensal-passo {
  white-space: nowrap;
  flex-direction: row;
  flex-shrink: 0;
  width: auto;
}
.conversa {
  --conversa-vidro: #ffffff9e;
  --conversa-hover: #ffffffdb;
  --conversa-reflexo: #fffc;
  --conversa-sombra: #1414141f;
  --conv-vidro: var(--conversa-vidro);
  --conv-vidro-hover: var(--conversa-hover);
  --conv-hover: var(--conversa-hover);
  --conv-reflexo: var(--conversa-reflexo);
  --conv-sombra: var(--conversa-sombra);
  gap: 10px;
  max-width: 760px;
  display: grid;
}
[data-theme="dark"] .conversa {
  --conversa-vidro: #ffffff0f;
  --conversa-hover: #ffffff1a;
  --conversa-reflexo: #ffffff1f;
  --conversa-sombra: #0000004d;
}
.conversa-fio {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.conversa-passo {
  min-width: 0;
}
.conversa-dito {
  background: var(--ui-texto);
  border-radius: 14px;
  justify-self: end;
  max-width: 85%;
  padding: 8px 14px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-dito {
    background: color-mix(in srgb, var(--ui-texto) 6%, transparent);
  }
}
.conversa-dito {
  color: var(--ui-suave);
  font-size: 14px;
}
.conversa-fala {
  letter-spacing: -.015em;
  text-wrap: balance;
  color: var(--foreground);
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
}
.conversa-fala:focus-visible {
  outline: none;
}
.conversa-ajuda {
  color: var(--ui-muted);
  margin: 4px 0 0;
  font-size: 13px;
}
.conversa-turno {
  background: var(--conversa-vidro);
  box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -28px var(--conversa-sombra);
  border: 0;
  border-radius: 22px;
  gap: 12px;
  padding: 18px 20px;
  animation: .16s ease-out both pagina-entrar;
  display: grid;
}
.conversa-peca {
  min-width: 0;
}
.conversa-esperando {
  color: var(--ui-muted);
  margin: 0;
  padding: 0 4px;
  font-size: 13px;
}
.conversa-confirmar {
  background: var(--conversa-vidro);
  box-shadow: inset 0 0 0 1.5px var(--ui-texto), inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -28px var(--conversa-sombra);
  border-radius: 22px;
  gap: 14px;
  padding: 20px;
  display: grid;
}
.conversa-confirmar-titulo {
  letter-spacing: -.01em;
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}
.conversa-acoes {
  justify-content: flex-end;
}
.conversa-desfecho {
  background: var(--conversa-vidro);
  box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -28px var(--conversa-sombra);
  border-radius: 22px;
  gap: 12px;
  padding: 20px;
  display: grid;
}
.conversa-real {
  align-items: center;
  gap: 8px;
  display: flex;
}
.conversa-real > span {
  color: var(--ui-muted);
  font-size: 15px;
}
.conversa-real .campo {
  font-variant-numeric: tabular-nums;
  font-size: 20px;
}
@media (max-width: 700px) {
  .conversa-turno, .conversa-confirmar, .conversa-desfecho {
    border-radius: 18px;
    padding: 16px;
  }

  .conversa-fala {
    font-size: 16px;
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .conversa-turno, .conversa-confirmar, .conversa-desfecho {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .conversa-turno, .conversa-confirmar, .conversa-desfecho {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-motion: reduce) {
  .conversa-turno {
    animation: none;
  }
}
[data-reduce-anim="1"] .conversa-turno {
  animation: none;
}
.lab-conversa .lab-abas {
  flex-wrap: wrap;
  gap: 8px;
  max-width: none;
  display: flex;
}
.lab-conversa .lab-controles {
  gap: 14px;
  max-width: 760px;
  padding: 18px 20px;
  display: grid;
}
.lab-grade {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}
.lab-amostra {
  gap: 10px;
  padding: 18px 20px;
  display: grid;
  overflow: visible;
}
.lab-devolvido {
  background: var(--ui-texto);
  border-radius: 12px;
  margin: 0;
  padding: 10px 12px;
}
@supports (color: color-mix(in lab, red, red)) {
  .lab-devolvido {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.lab-devolvido {
  white-space: pre-wrap;
  font-size: 11px;
  line-height: 1.45;
  overflow-x: auto;
}
.conversa-peca .escolha {
  gap: 8px;
  display: grid;
}
.conversa-peca .escolha-item {
  text-align: left;
  background: var(--ui-texto);
  border: 0;
  border-radius: 14px;
  justify-items: start;
  gap: 2px;
  min-height: 0;
  padding: 12px 14px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-peca .escolha-item {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.conversa-peca .escolha-item {
  box-shadow: inset 0 1px 0 var(--conversa-reflexo);
}
.conversa-peca .escolha-item:not(:disabled):hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-peca .escolha-item:not(:disabled):hover {
    background: color-mix(in srgb, var(--ui-texto) 9%, transparent);
  }
}
.conversa-peca .escolha-item > span {
  letter-spacing: -.01em;
  text-transform: none;
  font-size: 14px;
  font-weight: 500;
}
.conversa-peca .escolha-item > small {
  color: var(--ui-muted);
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}
.conversa-peca .escolha-item[disabled] {
  opacity: .55;
}
.lab-efeitos {
  background: var(--ui-texto);
  border-radius: 12px;
  gap: 4px;
  padding: 10px 12px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .lab-efeitos {
    background: color-mix(in srgb, var(--ui-texto) 4%, transparent);
  }
}
.lab-efeitos ul {
  color: var(--ui-muted);
  margin: 0;
  padding-left: 16px;
  font-size: 12px;
}
.lab-exemplos > summary {
  cursor: pointer;
}
.lab-exemplos[open] > summary {
  margin-bottom: 8px;
}
.conversa-passo[data-papel="pessoa"] {
  justify-content: flex-end;
  display: flex;
}
.conversa-fim {
  scroll-margin-bottom: 120px;
}
.conversa-dito-linha {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  max-width: 85%;
  display: flex;
}
.conversa-dito-linha .conversa-dito {
  max-width: 100%;
}
.conversa-mudar {
  opacity: 0;
  color: var(--ui-muted);
  font-size: 12px;
  transition: opacity .12s;
}
.conversa-dito-linha:hover .conversa-mudar, .conversa-mudar:focus-visible {
  opacity: 1;
}
@media (hover: none) {
  .conversa-mudar {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .conversa-mudar {
    transition: none;
  }
}
[data-reduce-anim="1"] .conversa-mudar {
  transition: none;
}
.conversa-fala[data-historico] {
  color: var(--ui-suave);
  font-size: 15px;
  font-weight: 400;
}
.conv-revisao-grupo dd[data-extra] {
  justify-items: start;
  gap: 2px;
  display: grid;
}
.conv-revisao-grupo dd[data-extra] .btn-link {
  font-size: 12px;
}
.conv-revisao-grupo div[data-destaque] dd > span {
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 500;
}
.conversa-confirmar .conv-revisao-grupo {
  border-bottom: 0;
  padding-bottom: 0;
}
.conversa-confirmar .conv-revisao-grupo + .conv-revisao-grupo {
  border-top: 1px solid var(--ui-borda);
  padding-top: 14px;
}
.conversa-confirmar .conv-revisao-grupo header {
  margin-bottom: 10px;
}
.conversa-confirmar .conv-revisao-grupo h3 {
  color: var(--ui-muted);
  font-size: 13px;
  font-weight: 500;
}
.conversa-desfecho-titulo {
  letter-spacing: -.015em;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  display: flex;
}
.conversa-desfecho .conv-revisao-grupo {
  border-bottom: 0;
  padding-bottom: 0;
}
.conversa-desfecho .oc-ed-protocolo {
  align-self: start;
}
.conversa-conflito {
  gap: 12px;
  display: grid;
}
.hub-pendencias-resumo {
  color: var(--ui-muted);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  font-size: 13px;
  display: flex;
}
.conversa-desvio {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 4px 0 0;
  display: flex;
}
.conversa-desvio .campo {
  flex: 160px;
  width: auto;
  min-width: 160px;
  height: 32px;
  font-size: 13px;
}
.conversa-desvio .btn-link {
  white-space: nowrap;
  font-size: 13px;
}
.conversa-compositor {
  z-index: 2;
  background: var(--conversa-vidro);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -24px var(--conversa-sombra), 0 0 0 1px var(--ui-texto);
  border-radius: 20px;
  align-items: flex-end;
  gap: 8px;
  padding: 8px 8px 8px 16px;
  display: flex;
  position: sticky;
  bottom: 16px;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-compositor {
    box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -24px var(--conversa-sombra), 0 0 0 1px color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.conversa-compositor-campo {
  resize: none;
  min-width: 0;
  min-height: 24px;
  max-height: 160px;
  font: inherit;
  color: var(--foreground);
  field-sizing: content;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  padding: 6px 0;
  font-size: 15px;
  line-height: 1.4;
}
.conversa-compositor-campo::placeholder {
  color: var(--ui-muted);
}
.conversa-compositor-enviar {
  background: var(--foreground);
  width: 36px;
  height: 36px;
  color: var(--background);
  cursor: pointer;
  border: 0;
  border-radius: 999px;
  flex: none;
  place-items: center;
  transition: opacity .12s;
  display: inline-grid;
}
.conversa-compositor-enviar:disabled {
  opacity: .3;
  cursor: default;
}
.conversa-compositor-enviar:focus-visible {
  outline: 2px solid var(--ui-azul, currentColor);
  outline-offset: 2px;
}
.conversa-atalho > summary {
  width: fit-content;
  color: var(--ui-muted);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  list-style: none;
  display: inline-flex;
}
.conversa-atalho > summary::-webkit-details-marker {
  display: none;
}
.conversa-atalho > summary:before {
  content: "›";
  transition: transform .12s;
  display: inline-block;
}
.conversa-atalho[open] > summary:before {
  transform: rotate(90deg);
}
.conversa-atalho > summary:hover {
  color: var(--foreground);
}
.conversa-atalho[open] > summary {
  margin-bottom: 12px;
}
.conversa-peca--chips .escolha {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.conversa-peca--chips .escolha-item {
  border-radius: 999px;
  padding: 7px 14px;
  display: inline-flex;
}
.conversa-peca--chips .escolha-item > span {
  font-size: 13px;
}
.conversa-peca--chips .escolha-item > small {
  display: none;
}
.conversa-fala--aviso {
  color: var(--ui-vermelho);
  padding: 0 4px;
  font-size: 15px;
  font-weight: 400;
}
.conversa-digitando {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.conversa-digitando > span {
  background: radial-gradient(circle, currentColor 2px, #0000 2.5px) 0 / 6px 6px repeat-x;
  width: 18px;
  height: 6px;
  animation: 1.1s steps(3, end) infinite conversa-digitando;
}
@keyframes conversa-digitando {
  from {
    clip-path: inset(0 100% 0 0);
  }

  to {
    clip-path: inset(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .conversa-digitando > span {
    animation: none;
  }
}
[data-reduce-anim="1"] .conversa-digitando > span {
  animation: none;
}
.conversa-pilulas {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.conversa-pilula {
  cursor: pointer;
  min-height: 32px;
  font: inherit;
  color: var(--foreground);
  background: var(--ui-texto);
  border: 0;
  border-radius: 999px;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-pilula {
    background: color-mix(in srgb, var(--ui-texto) 6%, transparent);
  }
}
.conversa-pilula {
  box-shadow: inset 0 1px 0 var(--conversa-reflexo);
}
.conversa-pilula:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-pilula:hover {
    background: color-mix(in srgb, var(--ui-texto) 10%, transparent);
  }
}
.conversa-pilula:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.conversa-pilula--sim {
  background: var(--foreground);
  color: var(--background);
  box-shadow: none;
}
.conversa-pilula--sim:hover {
  background: var(--foreground);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-pilula--sim:hover {
    background: color-mix(in srgb, var(--foreground) 88%, transparent);
  }
}
.conversa-opcoes {
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.conversa-opcao {
  text-align: left;
  cursor: pointer;
  width: 100%;
  font: inherit;
  background: var(--ui-texto);
  border: 0;
  border-radius: 14px;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-opcao {
    background: color-mix(in srgb, var(--ui-texto) 4%, transparent);
  }
}
.conversa-opcao {
  color: var(--foreground);
}
.conversa-opcao:not(:disabled):hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-opcao:not(:disabled):hover {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.conversa-opcao:disabled {
  cursor: default;
  opacity: .55;
}
.conversa-opcao:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.conversa-opcao > span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.conversa-opcao b {
  font-size: 14px;
  font-weight: 500;
}
.conversa-opcao small {
  color: var(--ui-muted);
  overflow-wrap: anywhere;
  font-size: 12px;
}
.conversa-opcao-num {
  font-variant-numeric: tabular-nums;
  width: 22px;
  height: 22px;
  color: var(--ui-muted);
  background: var(--ui-texto);
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-size: 12px;
  display: inline-grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-opcao-num {
    background: color-mix(in srgb, var(--ui-texto) 7%, transparent);
  }
}
a.conversa-pilula {
  text-decoration: none;
}
.conversa-pilula[data-tom="alerta"] {
  box-shadow: inset 0 0 0 1px var(--ui-vermelho);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-pilula[data-tom="alerta"] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-vermelho) 45%, transparent);
  }
}
.conversa-saudacao {
  animation: none;
}
.conversa-dito--anexo {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.conversa-dito--anexo small {
  color: var(--ui-muted);
  font-size: 12px;
}
.conversa-consulta-linhas {
  gap: 2px;
  margin: 0;
  display: grid;
}
.conversa-consulta-linhas > div {
  border-radius: 10px;
  grid-template-columns: minmax(96px, 30%) 1fr;
  align-items: baseline;
  gap: 12px;
  padding: 8px 10px;
  display: grid;
}
.conversa-consulta-linhas > div:nth-child(odd) {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-consulta-linhas > div:nth-child(odd) {
    background: color-mix(in srgb, var(--ui-texto) 3%, transparent);
  }
}
.conversa-consulta-linhas dt {
  color: var(--ui-muted);
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}
.conversa-consulta-linhas dd {
  color: var(--foreground);
  overflow-wrap: anywhere;
  gap: 2px;
  margin: 0;
  font-size: 14px;
  display: grid;
}
.conversa-consulta-linhas dd small {
  color: var(--ui-muted);
  font-size: 12px;
}
.conversa-consulta-linhas > div[data-tom="erro"] dd {
  color: var(--ui-vermelho);
}
.conversa-consulta-linhas > div[data-tom="alerta"] dt {
  color: var(--ui-dourado);
}
@media (max-width: 520px) {
  .conversa-consulta-linhas > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.conversa-compositor {
  flex-wrap: wrap;
}
.conversa-compositor[data-arrastando] {
  box-shadow: inset 0 0 0 2px var(--ui-azul), 0 18px 44px -24px var(--conversa-sombra);
}
.conversa-compositor-clipe {
  width: 32px;
  height: 36px;
  color: var(--ui-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  place-items: center;
  margin-left: -8px;
  display: inline-grid;
}
.conversa-compositor-clipe:hover {
  color: var(--foreground);
}
.conversa-compositor-clipe:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.conversa-compositor-recusa {
  color: var(--ui-vermelho);
  flex-basis: 100%;
  margin: 0;
  padding: 0 4px 2px;
  font-size: 12px;
}
.conversa-compositor[data-variante="busca"] {
  background: var(--hub-vidro, var(--conversa-vidro));
  min-height: 64px;
  box-shadow: inset 0 1px 0 var(--hub-reflexo, var(--conversa-reflexo)), 0 18px 44px -26px var(--hub-sombra, var(--conversa-sombra));
  color: var(--shell-text-muted);
  border-radius: 999px;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  padding: 0 14px 0 26px;
  transition: background .16s, box-shadow .16s;
  position: static;
}
.conversa-compositor[data-variante="busca"]:hover, .conversa-compositor[data-variante="busca"]:focus-within {
  background: var(--hub-hover, var(--conversa-hover));
  box-shadow: inset 0 1px 0 var(--hub-reflexo, var(--conversa-reflexo)), 0 22px 54px -24px var(--hub-sombra, var(--conversa-sombra));
}
.conversa-compositor[data-variante="busca"] .conversa-compositor-campo {
  padding: 0;
  font-size: 17px;
  line-height: 1.35;
}
.conversa-compositor[data-variante="busca"] .conversa-compositor-campo::placeholder {
  color: var(--shell-text-muted);
}
.conversa-compositor[data-variante="busca"] .conversa-compositor-clipe {
  margin-left: 0;
}
.conversa-compositor[data-variante="busca"] .conversa-compositor-recusa {
  position: absolute;
  top: calc(100% + 6px);
  left: 26px;
}
.conversa-compositor[data-variante="busca"] {
  position: relative;
}
.hub-miolo {
  max-width: 1120px;
}
.hub .conversa {
  width: 100%;
  max-width: min(1080px, 100%);
}
.hub .conversa[data-vazia] {
  justify-items: center;
  max-width: 880px;
}
.hub .conversa[data-vazia] .conversa-compositor[data-variante="busca"] {
  width: 100%;
  max-width: 760px;
}
.hub .conversa[data-vazia] .hub-grade {
  width: 100%;
  margin-top: 46px;
}
.conversa-nova {
  color: var(--ui-muted);
  text-align: center;
  margin: 0;
  font-size: 13px;
}
.hub-conversa-cabeca {
  box-sizing: border-box;
  border-bottom: 1px solid var(--ui-texto, currentColor);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: min(1080px, 100%);
  margin: 0 0 18px;
  padding: 0 2px 14px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .hub-conversa-cabeca {
    border-bottom: 1px solid color-mix(in srgb, var(--ui-texto, currentColor) 8%, transparent);
  }
}
.hub-conversa-titulo {
  gap: 2px;
  min-width: 0;
  display: grid;
}
.hub-conversa-titulo b {
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 600;
  overflow: hidden;
}
.hub-conversa-titulo span {
  color: var(--ui-muted);
  font-size: 13px;
}
.hub-conversa-acoes {
  align-items: center;
  gap: 14px;
  display: flex;
}
.hub-item--conversa .hub-item-icone {
  color: var(--ui-muted);
}
button.hub-item, button.hub-recente {
  font: inherit;
  cursor: pointer;
}
.hub--conversa {
  justify-content: flex-start;
  padding-top: 28px;
  padding-bottom: 0;
}
.hub--conversa .hub-miolo {
  flex: 1;
}
.hub--conversa .conversa {
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}
.hub--conversa .conversa-compositor {
  margin-top: auto;
  position: sticky;
  bottom: 20px;
}
.hub--conversa .conversa:not([data-chat]) .conversa-compositor:after {
  content: "";
  background: var(--background);
  height: 20px;
  position: absolute;
  top: 100%;
  left: -24px;
  right: -24px;
}
.hub--conversa .conversa > .conversa-compositor {
  margin-bottom: 20px;
}
.hub--conversa .hub-conversa-cabeca {
  z-index: 3;
  background: var(--background);
  padding-top: 12px;
  position: sticky;
  top: 0;
}
.lista-inline {
  gap: 8px;
  display: grid;
}
.lista-inline-busca {
  height: 36px;
}
.lista-inline-itens {
  background: var(--conversa-vidro, var(--ui-superficie));
  max-height: 260px;
  box-shadow: inset 0 0 0 1px var(--ui-texto, currentColor);
  border-radius: 12px;
  margin: 0;
  padding: 4px;
  list-style: none;
  overflow: auto;
}
@supports (color: color-mix(in lab, red, red)) {
  .lista-inline-itens {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-texto, currentColor) 8%, transparent);
  }
}
.lista-inline-item {
  width: 100%;
  color: var(--foreground);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 14px;
  display: block;
}
.lista-inline-item:hover, .lista-inline-item:focus-visible {
  background: var(--ui-texto, currentColor);
}
@supports (color: color-mix(in lab, red, red)) {
  .lista-inline-item:hover, .lista-inline-item:focus-visible {
    background: color-mix(in srgb, var(--ui-texto, currentColor) 6%, transparent);
  }
}
.lista-inline-item:hover, .lista-inline-item:focus-visible {
  outline: none;
}
.lista-inline-item:disabled {
  opacity: .5;
  cursor: default;
}
.lista-inline-vazio {
  color: var(--ui-muted);
  padding: 10px 12px;
  font-size: 13px;
}
.conversa-turno.chat-turno {
  box-shadow: none;
  background: none;
  border-radius: 0;
  gap: 10px;
  padding: 0;
  animation: .16s ease-out both pagina-entrar;
}
.chat-turno > .conversa-fala {
  letter-spacing: -.005em;
  text-wrap: pretty;
  max-width: 68ch;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.chat-lista {
  background: var(--conversa-vidro);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  max-width: 520px;
  box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 14px 36px -26px var(--conversa-sombra), 0 0 0 1px var(--ui-texto);
  border-radius: 18px;
  gap: 2px;
  padding: 6px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-lista {
    box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 14px 36px -26px var(--conversa-sombra), 0 0 0 1px color-mix(in srgb, var(--ui-texto) 6%, transparent);
  }
}
.chat-pessoa {
  cursor: pointer;
  text-align: left;
  width: 100%;
  min-height: 48px;
  font: inherit;
  color: var(--foreground);
  background: none;
  border: 0;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  padding: 7px 10px;
  transition: background .12s;
  display: flex;
}
.chat-pessoa:hover:not(:disabled) {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-pessoa:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.chat-pessoa:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: -2px;
}
.chat-pessoa:disabled {
  cursor: default;
  opacity: .6;
}
.chat-avatar {
  letter-spacing: .02em;
  width: 32px;
  height: 32px;
  color: var(--ui-suave);
  background: var(--ui-texto);
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-size: 12px;
  font-weight: 600;
  display: inline-grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-avatar {
    background: color-mix(in srgb, var(--ui-texto) 7%, transparent);
  }
}
.chat-pessoa-texto {
  flex: 1;
  min-width: 0;
  display: grid;
}
.chat-pessoa-texto b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}
.chat-pessoa-texto small {
  color: var(--ui-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  overflow: hidden;
}
.chat-livre {
  background: var(--ui-verde, #2f9e62);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 3px var(--ui-verde, #2f9e62);
  border-radius: 999px;
  flex: none;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-livre {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-verde, #2f9e62) 18%, transparent);
  }
}
.chat-rapidas {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.chat-rapida {
  cursor: pointer;
  min-height: 32px;
  font: inherit;
  color: var(--foreground);
  background: var(--conversa-vidro);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 0 0 1px var(--ui-texto);
  border: 0;
  border-radius: 999px;
  align-items: center;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-rapida {
    box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 0 0 1px color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.chat-rapida {
  transition: background .12s;
}
.chat-rapida:hover {
  background: var(--conversa-hover);
}
.chat-rapida:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.chat-cartao {
  background: var(--conversa-vidro);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  max-width: 560px;
  box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -26px var(--conversa-sombra), 0 0 0 1px var(--ui-texto);
  border-radius: 20px;
  gap: 14px;
  padding: 18px 20px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-cartao {
    box-shadow: inset 0 1px 0 var(--conversa-reflexo), 0 18px 44px -26px var(--conversa-sombra), 0 0 0 1px color-mix(in srgb, var(--ui-texto) 7%, transparent);
  }
}
.chat-cartao {
  animation: .16s ease-out both pagina-entrar;
}
.chat-cartao dl {
  margin: 0;
}
.chat-cartao-principal {
  gap: 8px;
  display: grid;
}
.chat-cartao-principal > div {
  gap: 1px;
  display: grid;
}
.chat-cartao-principal dt {
  color: var(--ui-muted);
  font-size: 12px;
}
.chat-cartao-principal dd {
  color: var(--foreground);
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}
.chat-cartao-resto {
  border-top: 1px solid var(--ui-texto);
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px 16px;
  padding-top: 12px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-cartao-resto {
    border-top: 1px solid color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.chat-cartao-resto > div {
  gap: 1px;
  min-width: 0;
  display: grid;
}
.chat-cartao-resto dt {
  color: var(--ui-muted);
  font-size: 11px;
}
.chat-cartao-resto dd {
  color: var(--ui-suave);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 13px;
}
.chat-cartao-bloqueio {
  color: var(--ui-vermelho);
  margin: 0;
  font-size: 13px;
}
.chat-cartao-pe {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}
.chat-cartao-pe small {
  color: var(--ui-muted);
  font-size: 12px;
}
.chat-digitando {
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 2px;
  display: inline-flex;
}
.chat-digitando > span {
  background: var(--ui-muted);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  animation: 1.2s ease-in-out infinite chat-ponto;
}
.chat-digitando > span:nth-child(2) {
  animation-delay: .15s;
}
.chat-digitando > span:nth-child(3) {
  animation-delay: .3s;
}
@keyframes chat-ponto {
  0%, 80%, 100% {
    opacity: .25;
    transform: translateY(0);
  }

  40% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .chat-lista, .chat-rapida, .chat-cartao {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .chat-lista, .chat-rapida, .chat-cartao {
    background: var(--ui-superficie);
  }
}
@media (prefers-reduced-motion: reduce) {
  .conversa-turno.chat-turno, .chat-cartao, .chat-digitando > span {
    animation: none;
  }

  .chat-pessoa, .chat-rapida {
    transition: none;
  }
}
[data-reduce-anim="1"] .conversa-turno.chat-turno, [data-reduce-anim="1"] .chat-cartao, [data-reduce-anim="1"] .chat-digitando > span {
  animation: none;
}
@media (max-width: 700px) {
  .chat-lista, .chat-cartao {
    max-width: none;
  }

  .chat-cartao {
    padding: 16px;
  }
}
.chat-lista--opcoes {
  gap: 0;
}
.chat-opcao {
  cursor: pointer;
  text-align: left;
  width: 100%;
  min-height: 38px;
  font: inherit;
  color: var(--foreground);
  background: none;
  border: 0;
  border-radius: 10px;
  align-items: center;
  padding: 8px 12px;
  font-size: 14px;
  transition: background .12s;
  display: flex;
}
.chat-opcao:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-opcao:hover {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.chat-opcao:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: -2px;
}
.chat-lista-vazia {
  color: var(--ui-muted);
  margin: 4px 12px 6px;
  font-size: 13px;
}
.chat-opcao-marca {
  border: 1.5px solid var(--ui-borda-forte);
  width: 16px;
  height: 16px;
  color: var(--ui-superficie);
  border-radius: 5px;
  flex: none;
  place-items: center;
  margin-right: 10px;
  transition: background .12s, border-color .12s;
  display: inline-grid;
}
.chat-opcao[aria-checked="true"] .chat-opcao-marca, .chat-opcao-todas[aria-checked="true"] .chat-opcao-marca, .chat-opcao-todas[aria-checked="mixed"] .chat-opcao-marca {
  background: var(--ui-texto);
  border-color: var(--ui-texto);
}
.chat-opcao-todas {
  cursor: pointer;
  min-height: 30px;
  font: inherit;
  color: var(--ui-suave);
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  margin-left: -8px;
  padding: 4px 10px 4px 8px;
  font-size: 13px;
  transition: background .12s, color .12s;
  display: inline-flex;
}
.chat-opcao-todas .chat-opcao-marca {
  margin-right: 8px;
}
.chat-opcao-todas:hover {
  background: var(--ui-hover);
  color: var(--ui-texto);
}
.chat-opcao-todas:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 1px;
}
@media (prefers-reduced-motion: reduce) {
  .chat-opcao-todas {
    transition: none;
  }
}
.chat-lista-pe {
  border-top: 1px solid var(--ui-borda);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  padding: 8px 4px 2px 12px;
  display: flex;
}
@media (prefers-reduced-motion: reduce) {
  .chat-opcao-marca, .chat-opcao {
    transition: none;
  }
}
.chat-etiquetas {
  flex-wrap: wrap;
  gap: 6px;
  padding: 2px 4px;
  display: flex;
}
.chat-etiqueta {
  min-height: 26px;
  font: inherit;
  color: var(--ui-suave);
  background: var(--ui-texto);
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-etiqueta {
    background: color-mix(in srgb, var(--ui-texto) 7%, transparent);
  }
}
button.chat-etiqueta {
  cursor: pointer;
  padding-right: 8px;
  transition: background .12s, color .12s;
}
button.chat-etiqueta:hover:not(:disabled) {
  background: var(--ui-hover);
  color: var(--ui-texto);
}
button.chat-etiqueta:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 1px;
}
button.chat-etiqueta:disabled {
  cursor: default;
  opacity: .6;
}
.chat-lista-nota {
  color: var(--ui-muted);
  margin: 2px 12px 4px;
  font-size: 12px;
}
.chat-lista--consulta {
  max-width: 640px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  padding: 0;
}
.chat-pessoa--leitura {
  cursor: default;
}
.chat-pessoa--leitura:hover {
  background: none;
}
.chat-lista-pe--consulta {
  padding-left: 8px;
}
.chat-lista-pe--consulta small {
  color: var(--ui-muted);
  text-wrap: pretty;
  font-size: 12px;
}
.chat-lista-pe--consulta .chat-rapida {
  flex: none;
  gap: 6px;
}
@media (prefers-reduced-motion: reduce) {
  button.chat-etiqueta {
    transition: none;
  }
}
.hub--conversa {
  --fio-recuo: 28px;
}
.hub--conversa .hub-miolo {
  max-width: 1520px;
}
.hub--conversa .conversa, .hub--conversa .hub-conversa-cabeca {
  max-width: min(1480px, 100%);
}
.hub--conversa .conversa-fio[data-chat], .hub--conversa .chat-espera {
  width: auto;
  max-width: none;
  margin-inline: var(--fio-recuo);
}
.hub--conversa .conversa-fio[data-chat] {
  padding-bottom: 12px;
}
.hub--conversa .hub-conversa-cabeca {
  padding-inline: var(--fio-recuo);
}
.conversa-fio[data-chat] .chat-turno > .conversa-fala {
  max-width: 80ch;
}
.conversa-fio[data-chat] {
  gap: 6px;
}
.conversa-fio[data-chat] .conversa-passo[data-papel="agente"] {
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  display: grid;
}
.conversa-fio[data-chat] .conversa-passo[data-papel="pessoa"] {
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}
.conversa-fio[data-chat] .conversa-passo[data-grupo="inicio"]:not(:first-child) {
  margin-top: 12px;
}
.conversa-avatar {
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}
.conversa-avatar--pessoa:not(:empty) {
  letter-spacing: .02em;
  color: var(--ui-suave);
  background: var(--ui-texto);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-avatar--pessoa:not(:empty) {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.conversa-avatar--pessoa:not(:empty) {
  box-shadow: inset 0 1px 0 var(--conversa-reflexo);
}
.chat-espera {
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  display: grid;
}
.chat-espera .conversa-esperando {
  margin: 0;
}
.chat-espera:has(.mascote[data-humor="pensando"][data-pensar="pontos"]) .chat-digitando {
  visibility: hidden;
}
.chat-lista {
  gap: 6px;
  max-width: 560px;
  padding: 8px;
}
.chat-pilha {
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  max-height: 318px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 0px)), transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 0px)), transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 0px)), transparent);
  mask-image: linear-gradient(to bottom, transparent, black var(--fade-topo, 0px), black calc(100% - var(--fade-fim, 0px)), transparent);
  outline: none;
  gap: 2px;
  padding: 4px 2px 10px;
  scroll-padding-block: 28px;
  display: grid;
  position: relative;
  overflow-y: auto;
}
.chat-pilha::-webkit-scrollbar {
  display: none;
}
.chat-pilha:focus-visible {
  box-shadow: inset 0 0 0 2px var(--ui-azul);
  border-radius: 12px;
}
.chat-pilha [data-pilha] {
  transform: perspective(700px) translateZ(var(--pilha-recuo, 0px)) rotateX(var(--pilha-angulo, 0deg));
  transform-origin: center;
}
.chat-lista--opcoes .chat-pilha {
  max-height: 300px;
}
.chat-busca {
  height: 38px;
  color: var(--ui-muted);
  background: var(--ui-texto);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 0 8px 0 12px;
  display: flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-busca {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.chat-busca {
  transition: background .14s, box-shadow .14s, color .14s;
}
.chat-busca:focus-within {
  color: var(--foreground);
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-busca:focus-within {
    background: color-mix(in srgb, var(--ui-texto) 7%, transparent);
  }
}
.chat-busca:focus-within {
  box-shadow: inset 0 0 0 1px var(--ui-azul);
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-busca:focus-within {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ui-azul) 55%, transparent);
  }
}
.chat-busca input {
  min-width: 0;
  font: inherit;
  color: var(--foreground);
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-size: 14px;
}
.chat-busca input::placeholder {
  color: var(--ui-muted);
}
.chat-busca-limpar {
  cursor: pointer;
  width: 22px;
  height: 22px;
  color: var(--ui-suave);
  background: var(--ui-texto);
  border: 0;
  border-radius: 999px;
  place-items: center;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-busca-limpar {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.chat-busca-limpar:hover {
  color: var(--foreground);
}
.conversa[data-chat] {
  --compositor-vidro: linear-gradient(180deg, #ffffffa8, #fff6);
  --compositor-vidro-mini: linear-gradient(180deg, #ffffff70, #fff3);
  --compositor-sombra: inset 0 1px 0 #fffffff2, 0 0 0 1px #14141414, 0 16px 40px -18px #1414144d, 0 3px 10px -6px #1414141f;
  --compositor-sombra-mini: inset 0 1px 0 #ffffffbf, 0 0 0 1px #1414140d, 0 10px 28px -16px #14141433;
}
[data-theme="dark"] .conversa[data-chat] {
  --compositor-vidro: linear-gradient(180deg, #ffffff1c, #ffffff0d);
  --compositor-vidro-mini: linear-gradient(180deg, #ffffff0f, #ffffff06);
  --compositor-sombra: inset 0 1px 0 #ffffff24, 0 0 0 1px #ffffff14, 0 18px 44px -18px #000000bf;
  --compositor-sombra-mini: inset 0 1px 0 #ffffff14, 0 0 0 1px #ffffff0d, 0 12px 30px -18px #0000008c;
}
.conversa[data-chat] .conversa-compositor:not([data-variante="busca"]) {
  background: var(--compositor-vidro);
  width: 100%;
  min-height: 56px;
  box-shadow: var(--compositor-sombra);
  -webkit-backdrop-filter: blur(14px) saturate(1.6);
  backdrop-filter: blur(14px) saturate(1.6);
  border-radius: 22px;
  align-items: center;
  margin-inline: auto;
  padding: 8px 8px 8px 20px;
  transition: width .34s cubic-bezier(.2, .8, .2, 1), min-height .34s cubic-bezier(.2, .8, .2, 1), padding .34s cubic-bezier(.2, .8, .2, 1), transform .18s, box-shadow .2s;
}
.conversa[data-chat] .conversa-compositor[data-arrastando] {
  box-shadow: inset 0 0 0 2px var(--ui-azul), var(--compositor-sombra);
}
.conversa[data-chat] .conversa-compositor:not([data-variante="busca"]) .conversa-compositor-campo {
  padding: 7px 0;
  font-size: 17.5px;
  line-height: 1.4;
}
.conversa[data-chat] .conversa-compositor:not([data-variante="busca"]) .conversa-compositor-enviar {
  width: 40px;
  height: 40px;
}
.conversa[data-chat] .conversa-compositor[data-mini] {
  cursor: pointer;
  background: var(--compositor-vidro-mini);
  width: 44%;
  min-height: 46px;
  box-shadow: var(--compositor-sombra-mini);
  padding: 5px 6px 5px 16px;
}
.conversa[data-chat] .conversa-compositor[data-mini]:hover {
  transform: scale(1.02);
}
.conversa[data-chat] .conversa-compositor[data-mini] .conversa-compositor-campo {
  opacity: .75;
  pointer-events: none;
  padding: 3px 0;
  font-size: 15.5px;
}
.conversa[data-chat] .conversa-compositor[data-mini] .conversa-compositor-clipe {
  display: none;
}
.conversa[data-chat] .conversa-compositor[data-mini] .conversa-compositor-enviar {
  width: 34px;
  height: 34px;
}
.conversa[data-chat]:not([data-vazia]):after {
  content: "";
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 20%, var(--background) 55%, var(--background) 82%);
  flex: none;
  height: 104px;
  margin-top: -114px;
  display: block;
  position: sticky;
  bottom: 0;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa[data-chat]:not([data-vazia]):after {
    background: linear-gradient(to bottom, transparent 20%, color-mix(in srgb, var(--background) 45%, transparent) 55%, var(--background) 82%);
  }
}
.hub--conversa .hub-conversa-cabeca {
  border-bottom: 0;
  margin-bottom: 24px;
}
.hub--conversa .hub-conversa-cabeca:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(to bottom, var(--background), transparent);
  height: 24px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
@media (max-width: 700px) {
  .hub--conversa {
    --fio-recuo: 0px;
  }

  .conversa[data-chat] .conversa-compositor[data-mini] {
    width: 76%;
  }

  .conversa-fio[data-chat] .conversa-passo[data-papel="agente"], .chat-espera {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 10px;
  }

  .conversa-fio[data-chat] .conversa-avatar {
    width: 26px;
    height: 26px;
  }

  .conversa-fio[data-chat] .mascote {
    width: 29px;
    height: 29px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .chat-pilha [data-pilha] {
    transform: none;
  }

  .conversa[data-chat] .conversa-compositor:not([data-variante="busca"]) {
    transition: none;
  }

  .conversa[data-chat] .conversa-compositor[data-mini]:hover {
    transform: none;
  }
}
[data-reduce-anim="1"] .chat-pilha [data-pilha] {
  transform: none;
}
[data-reduce-anim="1"] .conversa[data-chat] .conversa-compositor:not([data-variante="busca"]) {
  transition: none;
}
.lab-humores {
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 10px;
  margin-top: 6px;
  display: grid;
}
.lab-humor {
  cursor: pointer;
  font: inherit;
  color: var(--foreground);
  background: var(--ui-texto);
  border: 0;
  border-radius: 16px;
  justify-items: center;
  gap: 6px;
  padding: 14px 8px 10px;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .lab-humor {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.lab-humor b {
  font-size: 13px;
  font-weight: 600;
}
.lab-humor small {
  color: var(--ui-muted);
  text-align: center;
  font-size: 11px;
  line-height: 1.35;
}
.lab-humor:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .lab-humor:hover {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.conversa-fio[data-chat] .conversa-passo[data-papel="pessoa"] > .conversa-dito, .conversa-fio[data-chat] .conversa-passo[data-papel="pessoa"] > .conversa-dito-linha {
  max-width: 58%;
}
.conversa[data-chat] {
  --escolha-vidro: linear-gradient(180deg, #fff9, #ffffff6b);
  --escolha-sombra: inset 0 1px 0 #fffffff2, 0 0 0 1px #14141412, 0 26px 64px -26px #00000061, 0 4px 14px -8px #0000001f;
  --escolha-veu: #18181c24;
  --escolha-busca: #fff9;
  --escolha-busca-borda: inset 0 1px 0 #ffffffe6, 0 0 0 1px #14141412;
}
[data-theme="dark"] .conversa[data-chat] {
  --escolha-vidro: linear-gradient(180deg, #46464e80, #2e2e346b);
  --escolha-sombra: inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff14, 0 30px 72px -26px #000c;
  --escolha-veu: #0000004d;
  --escolha-busca: #ffffff12;
  --escolha-busca-borda: inset 0 1px 0 #ffffff14, 0 0 0 1px #ffffff12;
}
.escolha-veu {
  z-index: 40;
  background: var(--escolha-veu);
  animation: .45s both escolha-veu-entrar;
  position: fixed;
  inset: 0;
}
.escolha-veu[data-saindo] {
  pointer-events: none;
  animation: .5s both escolha-veu-sair;
}
@keyframes escolha-veu-entrar {
  from {
    opacity: 0;
  }
}
@keyframes escolha-veu-sair {
  to {
    opacity: 0;
  }
}
.conversa[data-chat] .conversa-compositor[data-modo="escolha"], .conversa[data-chat] .conversa-compositor[data-fechando] {
  z-index: 41;
  cursor: auto;
  background: var(--escolha-vidro);
  box-shadow: var(--escolha-sombra);
  -webkit-backdrop-filter: blur(24px) saturate(1.8);
  backdrop-filter: blur(24px) saturate(1.8);
  align-content: flex-end;
}
.conversa[data-chat] .conversa-compositor[data-modo="escolha"] {
  border-radius: 26px;
  row-gap: 4px;
  width: min(720px, 100%);
  padding: 16px 8px 8px 18px;
}
.conversa[data-chat] .conversa-compositor[data-modo="escolha"][data-largo] {
  width: min(800px, 100%);
}
.conversa-compositor[data-moldando] {
  overflow: clip;
  transition: none !important;
}
.escolha-topo {
  box-sizing: border-box;
  border-bottom: 1px solid var(--ui-texto);
  flex: 0 0 100%;
  gap: 12px;
  min-width: 0;
  margin-bottom: 2px;
  padding: 0 10px 12px 0;
  display: grid;
}
@supports (color: color-mix(in lab, red, red)) {
  .escolha-topo {
    border-bottom: 1px solid color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.escolha-topo {
  animation: .42s cubic-bezier(.2, .8, .2, 1) .22s both escolha-topo-entrar;
}
.escolha-topo[data-saindo] {
  left: 18px;
  right: 18px;
  bottom: var(--altura-barra, 56px);
  animation: .3s both escolha-topo-sair;
  position: absolute;
}
@keyframes escolha-topo-entrar {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
}
@keyframes escolha-topo-sair {
  to {
    opacity: 0;
    transform: translateY(8px);
  }
}
.escolha-cabeca {
  align-items: center;
  gap: 12px;
  display: flex;
}
.escolha-rosto {
  flex: none;
  place-items: center;
  display: grid;
}
.escolha-cabeca h2 {
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
}
.escolha-cabeca p {
  color: var(--ui-muted);
  margin: 2px 0 0;
  font-size: 12.5px;
}
.escolha-corpo {
  overscroll-behavior: contain;
  min-height: 0;
  max-height: min(52vh, 440px);
  overflow-y: auto;
}
.conversa-compositor[data-largo] .escolha-corpo {
  max-height: min(66vh, 580px);
}
.escolha-topo .chat-lista, .escolha-topo .chat-cartao {
  max-width: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  padding: 0;
  animation: none;
}
.escolha-topo .chat-lista {
  gap: 8px;
}
.escolha-topo .chat-pilha {
  max-height: min(30vh, 250px);
}
.escolha-topo .chat-pilha [data-pilha] {
  transform: perspective(700px) translateZ(calc(var(--pilha-recuo, 0px) * .4)) rotateX(calc(var(--pilha-angulo, 0deg) * .45));
}
.escolha-topo .chat-busca {
  background: var(--escolha-busca);
  height: 42px;
  box-shadow: var(--escolha-busca-borda);
  border-radius: 14px;
}
.escolha-topo .chat-busca:focus-within {
  background: var(--escolha-busca);
  box-shadow: var(--escolha-busca-borda), 0 0 0 2px var(--ui-azul);
}
@supports (color: color-mix(in lab, red, red)) {
  .escolha-topo .chat-busca:focus-within {
    box-shadow: var(--escolha-busca-borda), 0 0 0 2px color-mix(in srgb, var(--ui-azul) 45%, transparent);
  }
}
.escolha-topo .chat-busca input {
  font-size: 15px;
}
.escolha-topo .chat-pessoa {
  min-height: 50px;
}
.escolha-topo .chat-pessoa-texto b {
  font-size: 15px;
}
.escolha-topo .chat-opcao {
  min-height: 40px;
  font-size: 15px;
}
.escolha-topo .chat-rapidas {
  gap: 2px;
  display: grid;
}
.escolha-topo .chat-rapida {
  min-height: 42px;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border-radius: 12px;
  justify-content: flex-start;
  padding: 9px 12px;
  font-size: 15px;
}
.escolha-topo .chat-rapida:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .escolha-topo .chat-rapida:hover {
    background: color-mix(in srgb, var(--ui-texto) 6%, transparent);
  }
}
.escolha-topo .chat-rapida:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: -2px;
}
.chat-nenhuma .chat-avatar {
  color: var(--ui-muted);
}
.conversa-compositor-reabrir {
  cursor: pointer;
  height: 34px;
  font: inherit;
  color: var(--foreground);
  background: var(--ui-texto);
  border: 0;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-compositor-reabrir {
    background: color-mix(in srgb, var(--ui-texto) 7%, transparent);
  }
}
.conversa-compositor-reabrir {
  transition: background .12s;
}
.conversa-compositor-reabrir:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .conversa-compositor-reabrir:hover {
    background: color-mix(in srgb, var(--ui-texto) 11%, transparent);
  }
}
.conversa-compositor-reabrir:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.conversa-compositor[data-mini] .conversa-compositor-reabrir {
  display: none;
}
.conversa-compositor[data-fechando] .conversa-compositor-reabrir, .conversa-compositor[data-fechando] .conversa-compositor-clipe {
  animation: .32s .16s both escolha-chip-entrar;
}
@keyframes escolha-chip-entrar {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}
.chat-sequencia {
  gap: 12px;
  min-width: 0;
  display: grid;
}
.chat-sequencia-trilha {
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.chat-sequencia-trilha li {
  min-height: 26px;
  color: var(--ui-muted);
  background: var(--ui-texto);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  font-size: 12px;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-sequencia-trilha li {
    background: color-mix(in srgb, var(--ui-texto) 5%, transparent);
  }
}
.chat-sequencia-trilha li[data-estado="atual"] {
  color: var(--foreground);
  background: var(--ui-texto);
  font-weight: 600;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-sequencia-trilha li[data-estado="atual"] {
    background: color-mix(in srgb, var(--ui-texto) 10%, transparent);
  }
}
.chat-sequencia-trilha li b {
  color: var(--foreground);
  font-weight: 600;
}
.chat-sequencia-passo {
  gap: 8px;
  display: grid;
}
.chat-sequencia-passo[data-indo="frente"] {
  animation: .34s cubic-bezier(.2, .8, .2, 1) both sequencia-frente;
}
.chat-sequencia-passo[data-indo="tras"] {
  animation: .34s cubic-bezier(.2, .8, .2, 1) both sequencia-tras;
}
@keyframes sequencia-frente {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
}
@keyframes sequencia-tras {
  from {
    opacity: 0;
    transform: translateX(-28px);
  }
}
.chat-sequencia-pergunta {
  gap: 2px;
  margin: 0;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.35;
  display: grid;
}
.chat-sequencia-pergunta small {
  letter-spacing: .02em;
  color: var(--ui-muted);
  font-size: 11.5px;
  font-weight: 500;
}
.chat-sequencia-voltar {
  vertical-align: middle;
  cursor: pointer;
  width: 24px;
  height: 24px;
  color: var(--foreground);
  background: var(--ui-texto);
  border: 0;
  border-radius: 999px;
  place-items: center;
  margin-right: 6px;
  padding: 0;
  display: inline-grid;
  position: relative;
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-sequencia-voltar {
    background: color-mix(in srgb, var(--ui-texto) 8%, transparent);
  }
}
.chat-sequencia-voltar {
  transition: background .14s;
}
.chat-sequencia-voltar:hover {
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .chat-sequencia-voltar:hover {
    background: color-mix(in srgb, var(--ui-texto) 14%, transparent);
  }
}
.chat-sequencia-voltar:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 2px;
}
.chat-sequencia-voltar[data-dica]:after {
  content: attr(data-dica);
  z-index: 5;
  white-space: nowrap;
  letter-spacing: 0;
  text-transform: none;
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 7px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 400;
  transition: opacity .12s, visibility .12s;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
}
.chat-sequencia-voltar:is(:hover, :focus-visible):after {
  opacity: 1;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .chat-sequencia-passo[data-indo], .conversa-compositor[data-fechando] .conversa-compositor-reabrir, .conversa-compositor[data-fechando] .conversa-compositor-clipe {
    animation: none;
  }
}
[data-reduce-anim="1"] .chat-sequencia-passo[data-indo], [data-reduce-anim="1"] .conversa-compositor[data-fechando] .conversa-compositor-reabrir, [data-reduce-anim="1"] .conversa-compositor[data-fechando] .conversa-compositor-clipe {
  animation: none;
}
@media (max-width: 700px) {
  .conversa-fio[data-chat] .conversa-passo[data-papel="pessoa"] > .conversa-dito, .conversa-fio[data-chat] .conversa-passo[data-papel="pessoa"] > .conversa-dito-linha {
    max-width: 85%;
  }

  .conversa[data-chat] .conversa-compositor[data-modo="escolha"] {
    border-radius: 22px;
    padding: 14px 8px 8px 14px;
  }

  .escolha-topo .chat-pilha {
    max-height: 36vh;
  }

  .escolha-cabeca h2 {
    font-size: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .escolha-veu, .escolha-veu[data-saindo], .escolha-topo, .escolha-topo[data-saindo] {
    animation: none;
  }

  .escolha-topo .chat-pilha [data-pilha] {
    transform: none;
  }
}
[data-reduce-anim="1"] .escolha-veu, [data-reduce-anim="1"] .escolha-topo {
  animation: none;
}
[data-reduce-anim="1"] .escolha-topo .chat-pilha [data-pilha] {
  transform: none;
}
:root {
  --rolagem-polegar: var(--ui-texto, #202020);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rolagem-polegar: color-mix(in srgb, var(--ui-texto, #202020) 20%, transparent);
  }
}
:root {
  --rolagem-polegar-hover: var(--ui-texto, #202020);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rolagem-polegar-hover: color-mix(in srgb, var(--ui-texto, #202020) 34%, transparent);
  }
}
:root {
  --rolagem-polegar-ativo: var(--ui-texto, #202020);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --rolagem-polegar-ativo: color-mix(in srgb, var(--ui-texto, #202020) 46%, transparent);
  }
}
:root {
  --rolagem-reflexo: #ffffff8c;
}
[data-theme="dark"] {
  --rolagem-polegar: #ffffff29;
  --rolagem-polegar-hover: #ffffff47;
  --rolagem-polegar-ativo: #fff6;
  --rolagem-reflexo: #ffffff1a;
}
html {
  scrollbar-width: auto;
  scrollbar-color: auto;
}
::-webkit-scrollbar {
  background: none;
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  box-shadow: none;
  background: none;
  border: 0;
}
::-webkit-scrollbar-track-piece {
  box-shadow: none;
  background: none;
  border: 0;
}
::-webkit-scrollbar-corner {
  box-shadow: none;
  background: none;
  border: 0;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  background-color: var(--rolagem-polegar);
  min-height: 44px;
  box-shadow: inset 0 1px 0 var(--rolagem-reflexo);
  border: 3.5px solid #0000;
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--rolagem-polegar-hover);
  border-width: 2.5px;
}
::-webkit-scrollbar-thumb:active {
  background-color: var(--rolagem-polegar-ativo);
  border-width: 2.5px;
}
@supports ((-moz-appearance: none)) {
  html, * {
    scrollbar-width: thin;
    scrollbar-color: var(--rolagem-polegar-hover) transparent;
  }
}
.hub .conversa-compositor {
  view-transition-name: barra-conversa;
}
.conversa-compositor-campo[data-voando], .hub .conversa-fio[data-chat] > .conversa-passo[data-papel="pessoa"]:first-child .conversa-dito {
  view-transition-name: mensagem-enviada;
}
::view-transition-group(barra-conversa) {
  animation-duration: .68s;
  animation-timing-function: cubic-bezier(.22, .9, .24, 1);
}
::view-transition-image-pair(barra-conversa) {
  border-radius: 28px;
  overflow: clip;
}
::view-transition-old(barra-conversa) {
  object-fit: none;
  object-position: 50% 50%;
  block-size: 100%;
  inline-size: 100%;
}
::view-transition-new(barra-conversa) {
  object-fit: none;
  object-position: 50% 50%;
  block-size: 100%;
  inline-size: 100%;
}
::view-transition-old(barra-conversa) {
  animation-duration: .3s;
}
::view-transition-new(barra-conversa) {
  animation-duration: .5s;
  animation-delay: .1s;
}
::view-transition-group(mensagem-enviada) {
  animation-duration: .62s;
  animation-timing-function: cubic-bezier(.22, .9, .24, 1);
}
::view-transition-old(root) {
  animation-duration: .28s;
}
::view-transition-new(root) {
  animation-duration: .45s;
  animation-delay: .12s;
}
.hub--conversa {
  --cabeca-vidro: linear-gradient(180deg, #ffffffbd, #ffffff85);
  --cabeca-sombra: inset 0 1px 0 #fffffff2, 0 0 0 1px #14141412, 0 12px 32px -18px #00000047;
}
[data-theme="dark"] .hub--conversa {
  --cabeca-vidro: linear-gradient(180deg, #ffffff17, #ffffff0b);
  --cabeca-sombra: inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff12, 0 14px 36px -18px #000000b3;
}
.hub--conversa .hub-conversa-cabeca {
  background: linear-gradient(to bottom, var(--background) 58%, transparent);
  border-bottom: 0;
  margin-bottom: 0;
  padding: 12px 0 22px;
  display: block;
}
.hub--conversa .hub-conversa-cabeca:after {
  content: none;
}
.hub-conversa-barra {
  box-sizing: border-box;
  background: var(--cabeca-vidro);
  min-height: 52px;
  box-shadow: var(--cabeca-sombra);
  -webkit-backdrop-filter: blur(22px) saturate(1.7);
  backdrop-filter: blur(22px) saturate(1.7);
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 10px 16px;
  padding: 7px 7px 7px 18px;
  display: flex;
}
.hub-conversa-barra .hub-conversa-titulo {
  flex: 240px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}
.hub-conversa-barra .hub-conversa-titulo b {
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 15.5px;
  font-weight: 600;
  animation: .26s cubic-bezier(.2, .8, .2, 1) both hub-nome-novo;
  overflow: hidden;
}
@keyframes hub-nome-novo {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
}
.hub-conversa-barra .hub-conversa-acoes {
  flex: none;
  align-items: center;
  gap: 4px;
  display: flex;
}
.hub-conversa-icone {
  cursor: pointer;
  width: 38px;
  height: 38px;
  color: var(--ui-suave);
  background: none;
  border: 0;
  border-radius: 999px;
  place-items: center;
  padding: 0;
  transition: background .14s, color .14s;
  display: grid;
  position: relative;
}
.hub-conversa-icone:hover {
  color: var(--foreground);
  background: var(--ui-texto);
}
@supports (color: color-mix(in lab, red, red)) {
  .hub-conversa-icone:hover {
    background: color-mix(in srgb, var(--ui-texto) 9%, transparent);
  }
}
.hub-conversa-icone:focus-visible {
  outline: 2px solid var(--ui-azul);
  outline-offset: 1px;
}
.hub-conversa-icone[data-perigo] {
  --encerrar: var(--ui-vermelho);
}
@supports (color: color-mix(in lab, red, red)) {
  .hub-conversa-icone[data-perigo] {
    --encerrar: color-mix(in srgb, var(--ui-vermelho) 72%, #000);
  }
}
.hub-conversa-icone[data-perigo] {
  color: #fff;
  background: var(--encerrar);
  width: 32px;
  height: 32px;
  margin-left: 4px;
  box-shadow: 0 1px 2px #0000002e;
}
.hub-conversa-icone[data-perigo]:hover {
  color: #fff;
  background: var(--encerrar);
}
@supports (color: color-mix(in lab, red, red)) {
  .hub-conversa-icone[data-perigo]:hover {
    background: color-mix(in srgb, var(--encerrar) 82%, #000);
  }
}
:root[data-theme="dark"] .hub-conversa-icone[data-perigo] {
  --encerrar: var(--ui-vermelho);
}
@supports (color: color-mix(in lab, red, red)) {
  :root[data-theme="dark"] .hub-conversa-icone[data-perigo] {
    --encerrar: color-mix(in srgb, var(--ui-vermelho) 62%, #000);
  }
}
.hub-conversa-icone[data-dica]:after {
  content: attr(data-dica);
  z-index: 5;
  white-space: nowrap;
  background: var(--ui-acao);
  color: var(--ui-acao-texto);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.3;
  transition: opacity .12s, transform .12s, visibility .12s;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  transform: translateY(-2px);
}
.hub-conversa-icone:is(:hover, :focus-visible):after {
  opacity: 1;
  visibility: visible;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .hub-conversa-icone, .hub-conversa-icone:after {
    transition: none;
  }

  .hub-conversa-barra .hub-conversa-titulo b {
    animation: none;
  }
}
[data-reduce-anim="1"] .hub-conversa-barra .hub-conversa-titulo b {
  animation: none;
}
:root {
  --radius: 1.25rem;
  --ink: 255 255 255;
  --shadow: 0 0 0;
  --accent-rgb: 232 194 117;
  --surface-rgb: 70 116 240;
  --orb-a: 95 134 255;
  --orb-b: 216 170 83;
  --orb-c: 138 110 230;
  --orb-strength: .15;
  --canvas-tint: 13%;
  --aurora-bg-1: #050505;
  --aurora-bg-2: #0a0a0a;
  --aurora-bg-3: #101012;
  --aurora-blue: #3f6ff5;
  --aurora-blue-soft: #7da7ff;
  --aurora-blue-deep: #10245f;
  --aurora-gold: #d8aa53;
  --aurora-gold-deep: #76511c;
  --aurora-steel: #75849b;
  --status-red: #ef6666;
  --status-yellow: #e4bd43;
  --status-green: #3fcf79;
  --status-red-rgb: 239 102 102;
  --status-yellow-rgb: 228 189 67;
  --status-green-rgb: 63 207 121;
  --glass-bg: #0d0d10a8;
  --glass-bg-strong: #111114c7;
  --glass-border: #bcbec424;
  --glass-border-strong: #c4c6cc38;
  --glass-shadow: 0 26px 74px -16px rgb(var(--shadow) / .82), 0 12px 34px -18px #060c1ce6;
  --background: #010204;
  --foreground: #f4f7ff;
  --card: #080d1ab3;
  --card-foreground: #f4f7ff;
  --popover: #050a16f5;
  --popover-foreground: #eef4ff;
  --primary: #edf4ff;
  --primary-foreground: #030711;
  --secondary: #5060802e;
  --secondary-foreground: #edf4ff;
  --muted: #46526c24;
  --muted-foreground: #dae2f294;
  --accent: rgb(var(--accent-rgb) / .14);
  --accent-foreground: #f4f7ff;
  --destructive: #ef6666;
  --border: #b0c2e61f;
  --input: #b0c2e61c;
  --ring: rgb(var(--accent-rgb) / .55);
}
[data-accent="aurora"] {
  --accent-rgb: 235 196 120;
  --surface-rgb: 38 38 38;
  --orb-a: 70 110 230;
  --orb-b: 224 176 96;
  --orb-c: 57 57 57;
  --canvas-tint: 0%;
  --orb-strength: .12;
}
[data-accent="seco"] {
  --accent-rgb: 250 250 250;
  --surface-rgb: 38 38 38;
  --orb-a: 57 57 57;
  --orb-b: 38 38 38;
  --orb-c: 76 76 76;
  --canvas-tint: 0%;
  --orb-strength: .1;
}
[data-accent="verde"] {
  --accent-rgb: 235 196 120;
  --surface-rgb: 38 38 38;
  --orb-a: 57 57 57;
  --orb-b: 224 176 96;
  --orb-c: 76 76 76;
  --canvas-tint: 0%;
  --orb-strength: .1;
}
[data-accent="rosa"] {
  --accent-rgb: 244 114 182;
  --surface-rgb: 38 38 38;
  --orb-a: 244 114 182;
  --orb-b: 192 100 246;
  --orb-c: 57 57 57;
  --canvas-tint: 0%;
  --orb-strength: .12;
}
[data-accent="rubi"] {
  --accent-rgb: 251 146 60;
  --surface-rgb: 38 38 38;
  --orb-a: 239 68 68;
  --orb-b: 251 146 60;
  --orb-c: 57 57 57;
  --canvas-tint: 0%;
  --orb-strength: .12;
}
[data-accent="roxo"] {
  --accent-rgb: 103 232 249;
  --surface-rgb: 38 38 38;
  --orb-a: 139 92 246;
  --orb-b: 34 211 238;
  --orb-c: 57 57 57;
  --canvas-tint: 0%;
  --orb-strength: .12;
}
[data-theme="light"][data-accent="aurora"] {
  --accent-rgb: 176 124 28;
  --surface-rgb: 208 208 210;
  --orb-a: 110 150 250;
  --orb-b: 224 176 96;
  --orb-c: 200 200 202;
}
[data-theme="light"][data-accent="seco"] {
  --accent-rgb: 90 94 102;
  --surface-rgb: 150 152 158;
  --orb-a: 150 152 158;
  --orb-b: 200 202 208;
  --orb-c: 224 226 230;
}
[data-theme="light"][data-accent="verde"] {
  --accent-rgb: 176 124 28;
  --surface-rgb: 208 208 210;
  --orb-a: 216 216 218;
  --orb-b: 224 176 96;
  --orb-c: 198 198 200;
}
[data-theme="light"][data-accent="rosa"] {
  --accent-rgb: 213 70 130;
  --surface-rgb: 208 208 210;
  --orb-a: 244 114 182;
  --orb-b: 192 132 252;
  --orb-c: 200 200 202;
}
[data-theme="light"][data-accent="rubi"] {
  --accent-rgb: 198 70 30;
  --surface-rgb: 208 208 210;
  --orb-a: 239 68 68;
  --orb-b: 251 146 60;
  --orb-c: 200 200 202;
}
[data-theme="light"][data-accent="roxo"] {
  --accent-rgb: 20 150 185;
  --surface-rgb: 208 208 210;
  --orb-a: 139 92 246;
  --orb-b: 45 200 220;
  --orb-c: 200 200 202;
}
[data-theme="light"] {
  --ink: 24 30 46;
  --shadow: 28 40 70;
  --aurora-bg-1: #e7eaf1;
  --aurora-bg-2: #e0e4ed;
  --aurora-bg-3: #d7dde8;
  --aurora-steel: #6b7892;
  --glass-bg: #f7f9fc8c;
  --glass-bg-strong: #f4f7fbb8;
  --glass-border: #1824441f;
  --glass-border-strong: #1824442e;
  --glass-shadow: 0 26px 70px -24px #28386438, 0 12px 30px -18px #28386429;
  --background: #e3e7ef;
  --foreground: #1a2233;
  --card: #f7f9fca3;
  --card-foreground: #1a2233;
  --popover: #f8fafdf2;
  --popover-foreground: #1a2233;
  --primary: #1b2438;
  --primary-foreground: #f6f8ff;
  --secondary: #141e340e;
  --secondary-foreground: #1b2438;
  --muted: #141e340b;
  --muted-foreground: #222c4299;
  --accent: rgb(var(--accent-rgb) / .18);
  --accent-foreground: #1a2233;
  --border: #1622401c;
  --input: #16224017;
  --orb-strength: .46;
  --canvas-tint: 24%;
}
@media (prefers-reduced-motion: no-preference) {
  .theme-anim, .theme-anim *, .theme-anim :before, .theme-anim :after {
    transition: background-color .35s, color .35s, border-color .35s, fill .35s, stroke .35s, box-shadow .35s, opacity .35s !important;
  }
}
@keyframes orb-drift-1 {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(40px, -30px, 0) scale(1.08);
  }
}
@keyframes orb-drift-2 {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(-50px, 30px, 0) scale(.95);
  }
}
@keyframes orb-drift-3 {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(30px, 40px, 0) scale(1.05);
  }
}
@keyframes orb-drift-4 {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    transform: translate3d(-30px, -40px, 0) scale(1.1);
  }
}
.aurora-orb {
  filter: blur(70px);
  opacity: var(--orb-strength, .18);
  pointer-events: none;
  z-index: 0;
  will-change: transform;
  border-radius: 9999px;
  position: fixed;
}
.lamp {
  border-radius: 9999px;
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
  display: inline-block;
  position: relative;
}
.lamp-on-green {
  box-shadow: 0 0 8px 2px #4ade8099, inset 0 0 2px rgb(var(--ink) / .6);
  background: #4ade80;
}
.lamp-off {
  box-shadow: inset 0 0 3px rgb(var(--shadow) / .7), inset 1px 1px 0 rgb(var(--ink) / .05), 0 0 0 1px rgb(var(--ink) / .06);
  background: radial-gradient(circle at 35% 30%, #2a3346 0%, #0c1322 70%);
}
.lamp-flicker-yellow {
  box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  background: #facc15;
  animation: 2.6s linear infinite lamp-flicker;
}
@keyframes lamp-flicker {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }

  4% {
    opacity: .25;
    box-shadow: 0 0 0 0 #facc1500, inset 0 0 2px rgb(var(--shadow) / .4);
  }

  6% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }

  8% {
    opacity: .3;
    box-shadow: 0 0 0 0 #facc1500, inset 0 0 2px rgb(var(--shadow) / .4);
  }

  10% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }

  48% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }

  50% {
    opacity: .2;
    box-shadow: 0 0 0 0 #facc1500, inset 0 0 2px rgb(var(--shadow) / .4);
  }

  53% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }

  85% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }

  87% {
    opacity: .35;
    box-shadow: 0 0 0 0 #facc1500, inset 0 0 2px rgb(var(--shadow) / .4);
  }

  90% {
    opacity: 1;
    box-shadow: 0 0 8px 2px #facc15a6, inset 0 0 2px rgb(var(--ink) / .55);
  }
}
@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-up {
  animation: .68s cubic-bezier(.22, 1, .36, 1) both fade-up;
}
html {
  font-size: calc(16px * var(--font-scale, 1));
}
[data-reduce-anim] *, [data-reduce-anim] :before, [data-reduce-anim] :after {
  transition-duration: .001ms !important;
  animation-duration: .001ms !important;
  animation-iteration-count: 1 !important;
}
[data-reduce-anim] .glass-tile-3d, [data-reduce-anim] .glass-tile-3d-mini, [data-reduce-anim] .tile-contrato, [data-reduce-anim] .choice-btn, [data-reduce-anim] .aurora-orb {
  animation: none !important;
  transform: none !important;
}
.esquema-opcoes {
  opacity: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s, opacity .28s;
  display: grid;
}
.esquema-opcoes.aberto {
  opacity: 1;
  grid-template-rows: 1fr;
}
.esquema-opcoes > div {
  min-height: 0;
  overflow: hidden;
}
.nav-cluster-fixed {
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  z-index: 40;
  box-shadow: 0 12px 32px -10px rgb(var(--shadow) / .55);
  position: fixed;
}
.header-dock {
  z-index: 30;
  opacity: 0;
  pointer-events: none;
  transition: opacity .36s, transform .36s;
  position: fixed;
}
.header-dock--show {
  opacity: 1;
  pointer-events: auto;
}
.header-dock-eyebrow {
  text-transform: uppercase;
  letter-spacing: .26em;
  color: var(--muted-foreground);
  font-size: 10px;
}
.header-dock-nome {
  color: var(--foreground);
  line-height: 1.1;
}
.header-dock-pills {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  gap: .4rem;
  font-size: 11px;
  display: flex;
}
.header-dock-pills span {
  align-items: center;
  gap: .3rem;
  display: inline-flex;
}
@media (max-width: 1279px) {
  .header-dock {
    background: var(--glass-bg-strong);
    border-bottom: 1px solid var(--glass-border);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    box-shadow: 0 8px 24px -12px rgb(var(--shadow) / .5);
    align-items: center;
    gap: .6rem;
    padding: .5rem .9rem;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  .header-dock--show {
    transform: translateY(0);
  }

  .header-dock-eyebrow {
    display: none;
  }

  .header-dock-nome {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    overflow: hidden;
  }

  .header-dock-periodo {
    display: none;
  }

  .header-dock-pills {
    flex-wrap: nowrap;
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .header-dock {
    border-radius: var(--radius);
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    width: 14rem;
    box-shadow: var(--glass-shadow);
    padding: 1rem 1.1rem;
    top: 5.5rem;
    left: max(1.25rem, 50vw - 36.5rem);
    transform: translateX(-10px);
  }

  .header-dock--show {
    transform: translateX(0);
  }

  .header-dock-nome {
    margin-top: .3rem;
    font-size: 1.5rem;
  }

  .header-dock-pills {
    flex-direction: column;
    align-items: flex-start;
    margin-top: .7rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .header-dock {
    transition: opacity 1ms linear;
    transform: none !important;
  }
}
.nav-cluster {
  border: 1px solid rgb(var(--ink) / .1);
  background: linear-gradient(135deg, rgb(var(--ink) / .06) 0%, rgb(var(--ink) / .025) 60%, rgb(var(--ink) / .05) 100%);
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(14px) saturate(160%);
  height: 2.5rem;
  box-shadow: 0 8px 24px -10px rgb(var(--shadow) / .65), inset 0 1px 0 0 rgb(var(--ink) / .18), inset 0 -1px 0 0 rgb(var(--ink) / .04);
  border-radius: 9999px;
  align-items: center;
  padding: .25rem;
  transition: border-color .22s, box-shadow .22s;
  display: inline-flex;
}
@supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
  .nav-cluster {
    -webkit-backdrop-filter: blur(18px) saturate(160%);
  }
}
.nav-cluster:hover {
  border-color: rgb(var(--ink) / .18);
  box-shadow: 0 12px 32px -10px rgb(var(--shadow) / .75), 0 0 24px -8px #6ee7b738, inset 0 1px 0 0 rgb(var(--ink) / .22);
}
.nav-divider {
  background: linear-gradient(to bottom, transparent 0%, rgb(var(--ink) / .15) 50%, transparent 100%);
  width: 1px;
  height: 1.25rem;
}
.nav-btn {
  width: 2rem;
  height: 2rem;
  color: rgb(var(--ink) / .65);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  transition: background .2s, color .2s, border-color .2s, transform .12s;
  display: inline-flex;
}
.nav-btn:hover:not(:disabled) {
  background: rgb(var(--ink) / .08);
  color: rgb(var(--ink) / .95);
  border-color: rgb(var(--ink) / .12);
}
.nav-btn:active:not(:disabled) {
  background: rgb(var(--ink) / .12);
  transform: scale(.94);
}
.nav-btn:disabled {
  opacity: .32;
  cursor: not-allowed;
}
.nav-btn-home:hover {
  box-shadow: 0 0 12px #6ee7b740, inset 0 1px #a7f3d02e;
  color: #a7f3d0fa !important;
  background: #6ee7b71f !important;
  border-color: #6ee7b747 !important;
}
.nav-btn-prev svg {
  transition: transform .22s cubic-bezier(.34, 1.4, .5, 1);
}
.nav-btn-prev:hover:not(:disabled) svg {
  transform: translateX(-2px);
}
@media (prefers-reduced-motion: reduce) {
  .nav-btn, .nav-btn-prev svg, .nav-cluster {
    transition: none !important;
  }
}
.retroativo-unlock {
  border: 1px solid rgb(var(--accent-rgb) / .32);
  background: rgb(var(--accent-rgb) / .06);
  height: 2.25rem;
  color: rgb(var(--ink));
  border-radius: 9999px;
  align-items: center;
  gap: 0;
  padding: 0;
  display: inline-flex;
}
@supports (color: color-mix(in lab, red, red)) {
  .retroativo-unlock {
    color: color-mix(in srgb, rgb(var(--ink)) 68%, rgb(var(--accent-rgb)));
  }
}
.retroativo-unlock {
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(6px) saturate(140%);
  box-shadow: 0 6px 18px -6px rgb(var(--shadow) / .55), inset 0 1px 0 0 rgb(var(--ink) / .18);
  transition: border-color .24s, background .24s, box-shadow .24s, padding .32s cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}
@supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
  .retroativo-unlock {
    -webkit-backdrop-filter: blur(14px) saturate(160%);
  }
}
.retroativo-unlock-trigger {
  height: 100%;
  color: inherit;
  letter-spacing: .02em;
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  align-items: center;
  gap: 0;
  padding: 0 .5rem;
  font-size: .75rem;
  font-weight: 500;
  transition: gap .32s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}
.retroativo-unlock-trigger svg {
  transition: transform .32s cubic-bezier(.34, 1.4, .5, 1);
}
.retroativo-unlock-label {
  opacity: 0;
  max-width: 0;
  transition: max-width .32s cubic-bezier(.22, 1, .36, 1), opacity .24s 60ms;
  overflow: hidden;
}
.retroativo-unlock:not(.retroativo-unlock-aberto):hover {
  background: rgb(var(--accent-rgb) / .16);
  border-color: rgb(var(--accent-rgb) / .55);
  box-shadow: 0 0 24px 2px rgb(var(--accent-rgb) / .28), 0 8px 18px -4px rgb(var(--accent-rgb) / .46), inset 0 1px 0 0 rgb(var(--accent-rgb) / .26);
}
.retroativo-unlock:not(.retroativo-unlock-aberto):hover .retroativo-unlock-trigger {
  gap: .375rem;
  padding-right: .875rem;
}
.retroativo-unlock:not(.retroativo-unlock-aberto):hover .retroativo-unlock-label {
  opacity: 1;
  max-width: 10rem;
}
.retroativo-unlock-aberto {
  background: rgb(var(--shadow) / .9);
  border-color: rgb(var(--accent-rgb) / .55);
  box-shadow: 0 0 32px 3px rgb(var(--accent-rgb) / .35), 0 10px 24px -4px rgb(var(--accent-rgb) / .56), inset 0 1px 0 0 rgb(var(--accent-rgb) / .22);
  padding-right: .25rem;
}
.retroativo-unlock-aberto .retroativo-unlock-trigger {
  color: rgb(var(--ink));
  gap: .375rem;
  padding-right: .5rem;
}
@supports (color: color-mix(in lab, red, red)) {
  .retroativo-unlock-aberto .retroativo-unlock-trigger {
    color: color-mix(in srgb, rgb(var(--ink)) 68%, rgb(var(--accent-rgb)));
  }
}
.retroativo-unlock-aberto .retroativo-unlock-trigger svg {
  transform: rotate(45deg);
}
.retroativo-unlock-aberto .retroativo-unlock-label {
  opacity: 1;
  max-width: 10rem;
}
.retroativo-unlock-input-wrap {
  border-left: 1px solid rgb(var(--accent-rgb) / .2);
  align-items: center;
  gap: .375rem;
  height: 100%;
  margin-left: .125rem;
  padding-left: .5rem;
  animation: .32s cubic-bezier(.34, 1.4, .5, 1) both retroativo-input-grow;
  display: flex;
}
@keyframes retroativo-input-grow {
  0% {
    opacity: 0;
    max-width: 0;
    transform: translateX(-6px);
  }

  100% {
    opacity: 1;
    max-width: 22rem;
    transform: translateX(0);
  }
}
.retroativo-unlock-input {
  border: 1px solid rgb(var(--accent-rgb) / .22);
  background: rgb(var(--shadow) / .28);
  text-align: center;
  letter-spacing: .18em;
  width: 9rem;
  height: 1.65rem;
  color: rgb(var(--ink));
  border-radius: 999px;
  padding: 0 .75rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .8125rem;
}
@supports (color: color-mix(in lab, red, red)) {
  .retroativo-unlock-input {
    color: color-mix(in srgb, rgb(var(--ink)) 68%, rgb(var(--accent-rgb)));
  }
}
.retroativo-unlock-input {
  outline: none;
  transition: border-color .2s, background .2s;
}
.retroativo-unlock-input::placeholder {
  letter-spacing: .02em;
  color: rgb(var(--ink) / .4);
  font-family: inherit;
}
.retroativo-unlock-input:focus {
  border-color: rgb(var(--accent-rgb) / .55);
  background: rgb(var(--shadow) / .4);
}
.retroativo-unlock-liberar {
  border: 1px solid rgb(var(--accent-rgb) / .45);
  background: rgb(var(--accent-rgb) / .16);
  color: #fff8dcfa;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 999px;
  height: 1.65rem;
  padding: 0 .75rem;
  font-size: .7rem;
  font-weight: 600;
  transition: background .2s, border-color .2s, transform .12s;
}
.retroativo-unlock-liberar:hover:not(:disabled) {
  background: rgb(var(--accent-rgb) / .28);
  border-color: rgb(var(--accent-rgb) / .7);
}
.retroativo-unlock-liberar:active:not(:disabled) {
  transform: scale(.97);
}
.retroativo-unlock-liberar:disabled {
  opacity: .4;
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  .retroativo-unlock, .retroativo-unlock-trigger, .retroativo-unlock-trigger svg, .retroativo-unlock-label, .retroativo-unlock-input-wrap {
    transition: none !important;
    animation: none !important;
  }
}
.glass-tile-extra {
  background-color: rgb(var(--ink) / .03);
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(6px) saturate(135%);
  box-shadow: 0 8px 24px -8px rgb(var(--shadow) / .5), inset 0 1px 0 0 #6ea0ff26;
  transition: background-color .22s, transform .22s;
  position: relative;
  border: none !important;
}
.glass-tile-extra:hover {
  background-color: #6ea0ff14;
}
.glass-tile-feriado {
  cursor: default;
  background-image: linear-gradient(#10b9811a 0%, #064e3b6b 100%);
  background-color: #064e3b8c !important;
  border: 1px solid #10b98138 !important;
}
.glass-tile-feriado:hover {
  box-shadow: 0 8px 24px -8px #064e3b80;
  border-color: #10b98152 !important;
}
.glass-tile-feriado:before {
  content: "★";
  color: #6ee7b7a6;
  pointer-events: none;
  z-index: 2;
  font-size: .7rem;
  position: absolute;
  top: 6px;
  right: 8px;
}
.calendario-dia-feriado {
  color: #a7f3d0d9;
  cursor: not-allowed;
  background-color: #064e3b59;
}
.glass-tile-atestado {
  background-color: rgb(var(--ink) / .03);
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(6px) saturate(135%);
  box-shadow: 0 8px 24px -8px rgb(var(--shadow) / .5), inset 0 1px 0 0 rgb(var(--accent-rgb) / .18);
  transition: background-color .22s, transform .22s;
  position: relative;
  border: none !important;
}
.glass-tile-atestado:hover {
  background-color: rgb(var(--accent-rgb) / .08);
}
.glass-tile-ponto-facultativo {
  background-color: rgb(var(--ink) / .03);
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(6px) saturate(135%);
  box-shadow: 0 8px 24px -8px rgb(var(--shadow) / .5), inset 0 1px 0 0 #6ee7b72e;
  transition: background-color .22s, transform .22s;
  position: relative;
  border: none !important;
}
.glass-tile-ponto-facultativo:hover {
  background-color: #6ee7b714;
}
@supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
  .glass-tile-extra, .glass-tile-atestado, .glass-tile-ponto-facultativo {
    -webkit-backdrop-filter: blur(14px) saturate(160%);
  }
}
.extra-dash-svg, .atestado-dash-svg, .ponto-facultativo-dash-svg {
  pointer-events: none;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.extra-dash-svg rect {
  fill: none;
  stroke: #6ea0ff99;
  stroke-width: 1.25px;
  stroke-dasharray: 6 5;
  animation: 14s linear infinite dash-walk-left;
}
.atestado-dash-svg rect {
  fill: none;
  stroke: rgb(var(--accent-rgb) / .72);
  stroke-width: 1.25px;
  stroke-dasharray: 6 5;
  animation: 14s linear infinite dash-walk-left;
}
.ponto-facultativo-dash-svg rect {
  fill: none;
  stroke: #6ee7b7b8;
  stroke-width: 1.25px;
  stroke-dasharray: 6 5;
  animation: 14s linear infinite dash-walk-left;
}
@keyframes dash-walk-left {
  to {
    stroke-dashoffset: -1100px;
  }
}
.glass-tile-disabled {
  -webkit-backdrop-filter: blur(8px);
  opacity: .5;
  transition: opacity .3s, background .3s;
  position: relative;
  background: rgb(var(--shadow) / .25) !important;
  border: 1px solid rgb(var(--ink) / .05) !important;
}
.glass-tile-disabled:hover {
  opacity: .75;
}
.glass-tile-disabled .disabled-overlay {
  background: rgb(var(--shadow) / .5);
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: opacity .25s;
  display: flex;
  position: absolute;
  inset: 0;
}
.glass-tile-disabled:hover .disabled-overlay {
  opacity: 1;
  pointer-events: auto;
}
@keyframes shake-tremble {
  0%, 100% {
    transform: rotate(0) translate(0);
  }

  20% {
    transform: rotate(-.25deg) translate(-.3px, .15px);
  }

  40% {
    transform: rotate(.22deg) translate(.25px, -.15px);
  }

  60% {
    transform: rotate(-.22deg) translate(-.2px, .2px);
  }

  80% {
    transform: rotate(.25deg) translate(.2px, -.18px);
  }
}
.shake-mode {
  cursor: pointer;
  animation: .75s ease-in-out infinite shake-tremble !important;
}
.shake-mode:nth-child(2n) {
  animation-duration: .85s !important;
  animation-delay: .1s !important;
}
.shake-mode:nth-child(3n) {
  animation-duration: .7s !important;
  animation-delay: .18s !important;
}
.btn-action-expand {
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(6px) saturate(140%);
  width: 2.25rem;
  height: 2.25rem;
  box-shadow: 0 6px 18px -6px rgb(var(--shadow) / .55), inset 0 1px 0 0 rgb(var(--ink) / .22);
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid rgb(var(--ink) / .14);
  background: rgb(var(--ink) / .05);
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  gap: 0;
  transition: width .35s cubic-bezier(.22, 1, .36, 1), gap .35s cubic-bezier(.22, 1, .36, 1), background .22s, border-color .22s, box-shadow .22s;
  display: inline-flex;
  overflow: hidden;
}
@supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
  .btn-action-expand {
    -webkit-backdrop-filter: blur(14px) saturate(160%);
  }
}
.btn-action-expand .btn-label {
  opacity: 0;
  letter-spacing: .02em;
  max-width: 0;
  font-size: .75rem;
  font-weight: 500;
  transition: max-width .35s cubic-bezier(.22, 1, .36, 1), opacity .25s 80ms;
  overflow: hidden;
}
.btn-action-expand:hover {
  background: rgb(var(--ink) / .1);
  border-color: rgb(var(--ink) / .2);
  gap: .375rem;
  width: auto;
  padding-left: .75rem;
  padding-right: .875rem;
}
.btn-action-expand:hover .btn-label {
  opacity: 1;
  max-width: 10rem;
}
.btn-action-expand.btn-add:hover {
  box-shadow: 0 0 28px 2px #6ea0ff66, 0 8px 20px -4px #6ea0ff80, inset 0 1px 0 0 rgb(var(--ink) / .3);
  background: #6ea0ff29;
  border-color: #6ea0ff80;
}
.btn-action-expand.btn-delete:hover {
  background: #ea580c29;
  border-color: #fb923c8f;
  box-shadow: 0 0 28px 2px #f973165c, 0 8px 20px -4px #c2410c7a, inset 0 1px #ffedd54d;
}
.btn-action-expand.btn-delete-active {
  background: #ea580c33;
  border-color: #fb923c9e;
  gap: .375rem;
  width: auto;
  padding-left: .75rem;
  padding-right: .875rem;
  box-shadow: 0 0 36px 4px #f973166b, 0 8px 22px -4px #c2410c8f, inset 0 1px #ffedd559;
}
.btn-action-expand.btn-delete-active .btn-label {
  opacity: 1;
  max-width: 10rem;
}
.btn-action-expand.btn-atestado-retroativo {
  border-color: rgb(var(--accent-rgb) / .32);
  background: rgb(var(--accent-rgb) / .06);
  color: rgb(var(--ink));
}
@supports (color: color-mix(in lab, red, red)) {
  .btn-action-expand.btn-atestado-retroativo {
    color: color-mix(in srgb, rgb(var(--ink)) 68%, rgb(var(--accent-rgb)));
  }
}
.btn-action-expand.btn-atestado-retroativo:hover {
  background: rgb(var(--accent-rgb) / .16);
  border-color: rgb(var(--accent-rgb) / .55);
  box-shadow: 0 0 28px 2px rgb(var(--accent-rgb) / .3), 0 8px 20px -4px rgb(var(--accent-rgb) / .5), inset 0 1px 0 0 rgb(var(--accent-rgb) / .3);
}
.btn-action-expand.btn-atestado-retroativo-active {
  background: rgb(var(--shadow) / .9);
  border-color: rgb(var(--accent-rgb) / .6);
  color: rgb(var(--ink));
}
@supports (color: color-mix(in lab, red, red)) {
  .btn-action-expand.btn-atestado-retroativo-active {
    color: color-mix(in srgb, rgb(var(--ink)) 68%, rgb(var(--accent-rgb)));
  }
}
.btn-action-expand.btn-atestado-retroativo-active {
  box-shadow: 0 0 28px 2px rgb(var(--accent-rgb) / .3), 0 8px 20px -4px rgb(var(--accent-rgb) / .5), inset 0 1px 0 0 rgb(var(--accent-rgb) / .22);
  gap: .375rem;
  width: auto;
  padding-left: .75rem;
  padding-right: .875rem;
}
.btn-action-expand.btn-atestado-retroativo-active .btn-label {
  opacity: 1;
  max-width: 14rem;
}
.btn-action-expand.btn-cancel-convocacao:hover {
  background: #450a0a9e;
  border-color: #b91c1cad;
  box-shadow: 0 0 32px 3px #b91c1c61, 0 8px 20px -4px #450a0ab8, inset 0 1px #fecaca42;
}
.btn-action-expand.btn-add-sabados {
  background: #6ea0ff14;
  border-color: #6ea0ff59;
}
.btn-action-expand.btn-add-sabados:hover {
  background: #6ea0ff2e;
  border-color: #6ea0ff99;
  box-shadow: 0 0 28px 2px #6ea0ff52, 0 8px 20px -4px #385ab480, inset 0 1px #dce8ff4d;
}
.btn-action-expand.btn-add-sabados svg {
  transition: transform .38s cubic-bezier(.34, 1.4, .5, 1);
}
.btn-action-expand.btn-add-sabados:hover svg, .btn-action-expand.btn-add-sabados:focus-visible svg {
  filter: drop-shadow(0 0 6px #6ea0ff8c);
  transform: scale(1.14) rotate(6deg);
}
.btn-action-expand.btn-dividir-convocacao {
  background: #a78bfa14;
  border-color: #a78bfa59;
}
.btn-action-expand.btn-dividir-convocacao:hover {
  background: #a78bfa2e;
  border-color: #c4b5fd99;
  box-shadow: 0 0 28px 2px #a78bfa52, 0 8px 20px -4px #4c3c788c, inset 0 1px #ddd6fe4d;
}
.split-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.15rem;
  height: 1.15rem;
  display: inline-flex;
  position: relative;
}
.split-icon-svg {
  filter: drop-shadow(0 0 2px #a78bfa4d);
  width: 100%;
  height: 100%;
  transition: filter .22s;
  overflow: visible;
}
.split-icon .split-icon-left, .split-icon .split-icon-right {
  transform-origin: 10px 10px;
  transform-box: fill-box;
  transition: transform .32s cubic-bezier(.34, 1.4, .5, 1);
}
.split-icon .split-icon-blade {
  opacity: 0;
  stroke-dasharray: 22;
  stroke-dashoffset: 22px;
  transform-origin: 10px 10px;
  filter: drop-shadow(0 0 3px #f472b699);
}
.split-icon .split-icon-spark {
  opacity: 0;
  transform-origin: center;
  transform-box: fill-box;
}
.btn-dividir-convocacao:hover .split-icon-svg, .btn-dividir-convocacao:focus-visible .split-icon-svg {
  filter: drop-shadow(0 0 6px #a78bfaa6);
}
.btn-dividir-convocacao:hover .split-icon-left, .btn-dividir-convocacao:focus-visible .split-icon-left {
  transform: translateX(-2.5px) rotate(-4deg);
}
.btn-dividir-convocacao:hover .split-icon-right, .btn-dividir-convocacao:focus-visible .split-icon-right {
  transform: translateX(2.5px) rotate(4deg);
}
.btn-dividir-convocacao:hover .split-icon-blade, .btn-dividir-convocacao:focus-visible .split-icon-blade {
  animation: .38s cubic-bezier(.6, .05, .2, 1) forwards split-blade-strike;
}
.btn-dividir-convocacao:hover .split-icon-spark-1, .btn-dividir-convocacao:focus-visible .split-icon-spark-1 {
  animation: .52s ease-out .26s forwards split-spark-burst;
}
.btn-dividir-convocacao:hover .split-icon-spark-2, .btn-dividir-convocacao:focus-visible .split-icon-spark-2 {
  animation: .52s ease-out .36s forwards split-spark-burst;
}
@keyframes split-blade-strike {
  0% {
    opacity: .6;
    stroke-dashoffset: 22px;
    transform: scaleY(.6);
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
    transform: scaleY(1);
  }
}
@keyframes split-spark-burst {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  45% {
    opacity: 1;
    transform: scale(1.6);
  }

  100% {
    opacity: 0;
    transform: scale(.7);
  }
}
.sabados-icon {
  perspective: 600px;
  width: 1.15rem;
  height: 1.15rem;
  transform-style: preserve-3d;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}
.sabados-card {
  backface-visibility: hidden;
  transform-origin: 50%;
  filter: drop-shadow(0 0 2px #6ea0ff4d);
  justify-content: center;
  align-items: center;
  transition: transform .65s cubic-bezier(.6, .05, .2, 1), filter .22s;
  display: inline-flex;
  position: absolute;
  inset: 0;
}
.sabados-card svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.sabados-card-front {
  transform: rotateX(0);
}
.sabados-card-back {
  transform: rotateX(180deg);
}
.btn-add-sabados:hover .sabados-card-front, .btn-add-sabados:focus-visible .sabados-card-front {
  transform: rotateX(-180deg);
}
.btn-add-sabados:hover .sabados-card-back, .btn-add-sabados:focus-visible .sabados-card-back {
  filter: drop-shadow(0 0 6px #6ea0ff99);
  transform: rotateX(0);
}
.split-section {
  border-left: 2px solid #0000;
  padding-left: 1rem;
  position: relative;
}
.split-section-amber {
  border-left-color: rgb(var(--accent-rgb) / .45);
}
.split-section-sky {
  border-left-color: #7dd3fc73;
}
.split-section-header {
  align-items: center;
  gap: .625rem;
  padding-bottom: .5rem;
  display: flex;
}
.split-section-eyebrow {
  letter-spacing: .28em;
  text-transform: uppercase;
  color: rgb(var(--ink) / .5);
  font-size: .625rem;
  font-weight: 500;
}
.split-section-amber .split-section-eyebrow {
  color: rgb(var(--accent-rgb) / .85);
}
.split-section-sky .split-section-eyebrow {
  color: #7dd3fcd9;
}
.split-section-divider {
  background: linear-gradient(to right, rgb(var(--ink) / .18), rgb(var(--ink) / .04));
  flex: 0 0 18px;
  height: 1px;
}
.split-section-contrato {
  letter-spacing: .02em;
  color: rgb(var(--ink) / .85);
  font-size: .875rem;
  font-weight: 500;
}
.btn-action-expand.btn-add-atestado {
  border-color: rgb(var(--accent-rgb) / .35);
  background: rgb(var(--accent-rgb) / .08);
}
.btn-action-expand.btn-add-atestado:hover {
  background: rgb(var(--accent-rgb) / .18);
  border-color: rgb(var(--accent-rgb) / .6);
  box-shadow: 0 0 28px 2px rgb(var(--accent-rgb) / .3), 0 8px 20px -4px #b48c3c80, inset 0 1px 0 0 #fff0c84d;
}
.btn-action-expand.btn-add-atestado svg {
  transition: transform .38s cubic-bezier(.34, 1.4, .5, 1);
}
.btn-action-expand.btn-add-atestado:hover svg, .btn-action-expand.btn-add-atestado:focus-visible svg {
  filter: drop-shadow(0 0 6px rgb(var(--accent-rgb) / .55));
  transform: scale(1.14) rotate(-4deg);
}
.btn-remover-sabado {
  cursor: pointer;
  background: #6ea0ff2e;
}
.btn-remover-sabado:hover {
  background: #6ea0ff52;
}
.trash-can-svg, .cancel-x-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.05rem;
  height: 1.05rem;
  display: inline-flex;
  position: relative;
}
.trash-can-svg {
  color: #fdba74f2;
  overflow: visible;
}
.trash-can-svg .trash-lid-svg, .trash-can-svg .trash-body-svg {
  transform-origin: 4px 6.5px;
  transition: transform .36s cubic-bezier(.34, 1.4, .5, 1);
}
.btn-delete:hover .trash-can-svg .trash-lid-svg, .btn-delete:focus-visible .trash-can-svg .trash-lid-svg {
  transform: translate(-1px, -1.5px) rotate(-22deg);
}
.btn-delete:hover .trash-can-svg .trash-body-svg, .btn-delete:focus-visible .trash-can-svg .trash-body-svg {
  transform: translateY(.5px);
}
.cancel-x-icon {
  width: 1.1rem;
  height: 1.1rem;
}
.cancel-x-svg {
  width: 100%;
  height: 100%;
  transition: transform .18s cubic-bezier(.34, 1.46, .5, 1);
  position: absolute;
  inset: 0;
  overflow: visible;
}
.cancel-x-svg .x-stroke {
  stroke: #ef4444f2;
  stroke-width: 2.6px;
  stroke-linecap: round;
  filter: drop-shadow(0 0 2px #ef444473);
  transition: stroke .2s, filter .2s;
}
.cancel-x-svg .x-stroke-1 {
  transform-origin: 12px 12px;
  transition: opacity .24s, transform .32s cubic-bezier(.6, 0, .2, 1), stroke .2s, filter .2s;
}
.cancel-x-svg .x-ring {
  fill: none;
  stroke: #ef4444f2;
  stroke-width: 2.4px;
  stroke-linecap: round;
  stroke-dasharray: 57;
  stroke-dashoffset: 57px;
  transform-origin: 12px 12px;
  opacity: 0;
  filter: drop-shadow(0 0 3px #ef44448c);
  transition: stroke-dashoffset .38s cubic-bezier(.6, 0, .2, 1) 60ms, transform .38s cubic-bezier(.34, 1.46, .5, 1) 60ms, opacity .22s 60ms;
  transform: scale(.7);
}
.cancel-x-glow {
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, #ef44448c 0%, #b91c1c4d 35%, #0000 70%);
  border-radius: 9999px;
  transition: opacity .22s;
  position: absolute;
  inset: -6px;
  transform: scale(.5);
}
.x-particle {
  opacity: 0;
  pointer-events: none;
  background: #f87171f2;
  border-radius: 9999px;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 4px #ef4444b3;
}
.btn-cancel-convocacao:hover .cancel-x-svg .x-stroke, .btn-cancel-convocacao:focus-visible .cancel-x-svg .x-stroke {
  stroke: #f87171;
  filter: drop-shadow(0 0 6px #ef4444bf);
}
.btn-cancel-convocacao:hover .cancel-x-svg .x-stroke-1, .btn-cancel-convocacao:focus-visible .cancel-x-svg .x-stroke-1 {
  opacity: 0;
  transform: rotate(45deg) scale(.4);
}
.btn-cancel-convocacao:hover .cancel-x-svg .x-ring, .btn-cancel-convocacao:focus-visible .cancel-x-svg .x-ring {
  stroke-dashoffset: 0;
  opacity: 1;
  transform: scale(1);
}
.btn-cancel-convocacao:hover .cancel-x-svg, .btn-cancel-convocacao:focus-visible .cancel-x-svg {
  animation: .64s cubic-bezier(.34, 1.46, .5, 1) .44s x-stamp-pulse;
}
.btn-cancel-convocacao:hover .cancel-x-glow, .btn-cancel-convocacao:focus-visible .cancel-x-glow {
  opacity: 1;
  animation: .56s ease-out .3s x-glow-expand;
}
.btn-cancel-convocacao:hover .x-particle, .btn-cancel-convocacao:focus-visible .x-particle {
  animation: .62s cubic-bezier(.4, 0, .2, 1) .46s forwards x-particle-burst;
}
@keyframes x-stamp-pulse {
  0% {
    transform: scale(1) rotate(0);
  }

  35% {
    transform: scale(1.28) rotate(-3deg);
  }

  60% {
    transform: scale(.95) rotate(1deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes x-glow-expand {
  0% {
    opacity: 0;
    transform: scale(.4);
  }

  45% {
    opacity: 1;
    transform: scale(1.25);
  }

  100% {
    opacity: .55;
    transform: scale(1);
  }
}
@keyframes x-particle-burst {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(var(--angle, 0deg)) translateY(0) scale(.4);
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(var(--angle, 0deg)) translateY(-16px) scale(.8);
  }
}
@media (prefers-reduced-motion: reduce) {
  .cancel-x-svg .x-stroke, .cancel-x-svg .x-ring, .cancel-x-svg, .cancel-x-glow, .x-particle {
    transition: none !important;
    animation: none !important;
  }
}
@keyframes flame-flicker-outer {
  0% {
    transform: scale(1) skewX(0) rotate(0);
  }

  10% {
    transform: scale(.94, 1.06) skewX(-6deg) rotate(-3deg);
  }

  22% {
    transform: scale(.88, 1.14) skewX(-10deg) rotate(-5deg);
  }

  34% {
    transform: scale(.96, 1.08) skewX(-4deg) rotate(-2deg);
  }

  46% {
    transform: scale(1.04, 1.02) skewX(2deg) rotate(1deg);
  }

  58% {
    transform: scale(1.08, 1.04) skewX(6deg) rotate(3deg);
  }

  70% {
    transform: scale(1.1, 1.12) skewX(10deg) rotate(5deg);
  }

  82% {
    transform: scale(1.04, 1.08) skewX(6deg) rotate(3deg);
  }

  92% {
    transform: scale(1, 1.04) skewX(2deg) rotate(1deg);
  }

  100% {
    transform: scale(1) skewX(0) rotate(0);
  }
}
@keyframes flame-flicker-mid {
  0% {
    transform: scale(1) skewX(4deg) rotate(2deg);
  }

  12% {
    transform: scale(1.06, .96) skewX(8deg) rotate(4deg);
  }

  24% {
    transform: scale(1.12, 1.06) skewX(12deg) rotate(6deg);
  }

  36% {
    transform: scale(1.02, 1.12) skewX(4deg) rotate(2deg);
  }

  48% {
    transform: scale(.92, 1.14) skewX(-4deg) rotate(-2deg);
  }

  60% {
    transform: scale(.86, 1.18) skewX(-10deg) rotate(-5deg);
  }

  72% {
    transform: scale(.94, 1.1) skewX(-6deg) rotate(-3deg);
  }

  84% {
    transform: scale(1.02, 1.04) skewX(0) rotate(0);
  }

  100% {
    transform: scale(1) skewX(4deg) rotate(2deg);
  }
}
@keyframes flame-flicker-inner {
  0% {
    opacity: .9;
    transform: scale(1) skewX(-2deg) rotate(-1deg);
  }

  11% {
    opacity: 1;
    transform: scale(.92, 1.1) skewX(-8deg) rotate(-4deg);
  }

  22% {
    opacity: .95;
    transform: scale(.84, 1.2) skewX(-14deg) rotate(-7deg);
  }

  33% {
    opacity: 1;
    transform: scale(.96, 1.14) skewX(-6deg) rotate(-2deg);
  }

  44% {
    opacity: .92;
    transform: scale(1.1, 1.06) skewX(0) rotate(1deg);
  }

  55% {
    opacity: .85;
    transform: scale(1.2, .94) skewX(6deg) rotate(3deg);
  }

  66% {
    opacity: .95;
    transform: scale(1.18, 1.04) skewX(12deg) rotate(6deg);
  }

  77% {
    opacity: 1;
    transform: scale(1.1, 1.12) skewX(8deg) rotate(4deg);
  }

  88% {
    opacity: .95;
    transform: scale(1.02, 1.08) skewX(2deg) rotate(1deg);
  }

  100% {
    opacity: .9;
    transform: scale(1) skewX(-2deg) rotate(-1deg);
  }
}
@keyframes flame-base-pulse {
  0%, 100% {
    opacity: .7;
    transform: translateX(-50%) scaleX(.9);
  }

  50% {
    opacity: 1;
    transform: translateX(-50%) scaleX(1.1);
  }
}
.choice-btn {
  --mx: 50;
  --my: 50;
  letter-spacing: .01em;
  cursor: pointer;
  isolation: isolate;
  border: 1px solid rgb(var(--ink) / .18);
  background: rgb(var(--ink) / .05);
  height: 3.5rem;
  color: rgb(var(--ink) / .9);
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(8px) saturate(140%);
  box-shadow: 0 10px 30px -8px rgb(var(--shadow) / .55), inset 0 1px 0 0 rgb(var(--ink) / .25), inset 0 -1px 0 0 rgb(var(--ink) / .06);
  transform: perspective(700px) rotateY(calc((var(--mx) - 50) * .16deg)) rotateX(calc((50 - var(--my)) * .16deg)) translateZ(0);
  transform-style: preserve-3d;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 0 1.25rem;
  font-size: .9375rem;
  font-weight: 500;
  transition: transform 90ms ease-out, background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
@supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
  .choice-btn {
    -webkit-backdrop-filter: blur(14px) saturate(160%);
  }
}
.choice-btn:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at calc(var(--mx) * 1%) calc(var(--my) * 1%), rgb(var(--shadow) / .22) 0%, transparent 38%);
  opacity: 0;
  z-index: 1;
  transition: opacity .22s;
  position: absolute;
  inset: 0;
}
.choice-btn:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at calc((100 - var(--mx)) * 1%) calc((100 - var(--my)) * 1%), rgb(var(--ink) / .12) 0%, transparent 35%);
  opacity: 0;
  z-index: 1;
  transition: opacity .22s;
  position: absolute;
  inset: 0;
}
.choice-btn:hover:before, .choice-btn:hover:after {
  opacity: 1;
}
.choice-btn > * {
  z-index: 2;
  backface-visibility: hidden;
  position: relative;
  transform: translateZ(0);
}
.choice-btn--selected {
  background: linear-gradient(135deg, rgb(var(--accent-rgb)) 0%, rgb(var(--accent-rgb)) 55%, rgb(var(--accent-rgb)) 130%);
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--selected {
    background: linear-gradient(135deg, color-mix(in srgb, rgb(var(--accent-rgb)) 62%, white) 0%, rgb(var(--accent-rgb)) 55%, color-mix(in srgb, rgb(var(--accent-rgb)) 55%, black) 130%);
  }
}
.choice-btn--selected {
  border-color: rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--selected {
    border-color: color-mix(in srgb, rgb(var(--accent-rgb)) 40%, #ffffffa6);
  }
}
.choice-btn--selected {
  color: rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--selected {
    color: color-mix(in srgb, rgb(var(--accent-rgb)) 18%, #06080f);
  }
}
.choice-btn--selected {
  box-shadow: 0 0 36px 4px rgb(var(--accent-rgb) / .35), 0 12px 28px -6px rgb(var(--accent-rgb) / .55), inset 0 1px 0 0 rgb(var(--ink) / .5), inset 0 -1px 0 0 rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--selected {
    box-shadow: 0 0 36px 4px rgb(var(--accent-rgb) / .35), 0 12px 28px -6px rgb(var(--accent-rgb) / .55), inset 0 1px 0 0 rgb(var(--ink) / .5), inset 0 -1px 0 0 color-mix(in srgb, rgb(var(--accent-rgb)) 55%, #0000008c);
  }
}
.choice-btn--selected:hover {
  box-shadow: 0 0 48px 6px rgb(var(--accent-rgb) / .45), 0 16px 36px -6px rgb(var(--accent-rgb) / .7), inset 0 1px 0 0 rgb(var(--ink) / .55), inset 0 -1px 0 0 rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--selected:hover {
    box-shadow: 0 0 48px 6px rgb(var(--accent-rgb) / .45), 0 16px 36px -6px rgb(var(--accent-rgb) / .7), inset 0 1px 0 0 rgb(var(--ink) / .55), inset 0 -1px 0 0 color-mix(in srgb, rgb(var(--accent-rgb)) 55%, #0009);
  }
}
.choice-btn--primary:hover {
  background: linear-gradient(135deg, rgb(var(--accent-rgb)) 0%, rgb(var(--accent-rgb)) 55%, rgb(var(--accent-rgb)) 130%);
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--primary:hover {
    background: linear-gradient(135deg, color-mix(in srgb, rgb(var(--accent-rgb)) 62%, white) 0%, rgb(var(--accent-rgb)) 55%, color-mix(in srgb, rgb(var(--accent-rgb)) 55%, black) 130%);
  }
}
.choice-btn--primary:hover {
  border-color: rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--primary:hover {
    border-color: color-mix(in srgb, rgb(var(--accent-rgb)) 40%, #fff9);
  }
}
.choice-btn--primary:hover {
  color: rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--primary:hover {
    color: color-mix(in srgb, rgb(var(--accent-rgb)) 18%, #06080f);
  }
}
.choice-btn--primary:hover {
  box-shadow: 0 0 60px 8px rgb(var(--accent-rgb) / .5),  0 20px 44px -6px rgb(var(--accent-rgb) / .75),  inset 0 1px 0 0 rgb(var(--ink) / .55), inset 0 -1px 0 0 rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--primary:hover {
    box-shadow: 0 0 60px 8px rgb(var(--accent-rgb) / .5),  0 20px 44px -6px rgb(var(--accent-rgb) / .75),  inset 0 1px 0 0 rgb(var(--ink) / .55), inset 0 -1px 0 0 color-mix(in srgb, rgb(var(--accent-rgb)) 55%, #0009);
  }
}
.choice-btn--danger:hover {
  color: #fee2e2f2;
  background: #3c0e0ea6;
  border-color: #dc2626b3;
  box-shadow: 0 0 36px 4px #dc26264d, 0 16px 36px -6px #7f1d1da6, inset 0 1px #ffc8c838, inset 0 -1px #280a0a66;
}
.choice-btn--danger:active {
  color: #fff;
  box-shadow: 0 0 50px 6px #f871718c, 0 4px 12px -2px #dc262699, inset 0 6px 14px rgb(var(--shadow) / .4);
  background: #dc2626e6;
  border-color: #f87171e6;
}
.choice-btn--warning:hover {
  color: #0a1224;
  background: linear-gradient(135deg, #fdba74 0%, #f97316 58%, #7c2d12 130%);
  border-color: #fb923ca6;
  box-shadow: 0 0 44px 5px #fb923c61, 0 18px 40px -6px #c2410cad, inset 0 1px #ffedd580, inset 0 -1px #7c2d1273;
}
.choice-btn--warning:active {
  background: linear-gradient(135deg, #fb923c 0%, #ea580c 60%, #7c2d12 130%);
}
.choice-btn:active {
  transform: perspective(700px) rotateY(calc((var(--mx) - 50) * .08deg)) rotateX(calc((50 - var(--my)) * .08deg)) translateZ(-4px) scale(.97);
  box-shadow: 0 4px 10px -2px rgb(var(--shadow) / .45), inset 0 6px 14px rgb(var(--shadow) / .3);
}
.choice-btn--primary:active {
  background: linear-gradient(135deg, rgb(var(--accent-rgb)) 0%, rgb(var(--accent-rgb)) 60%, rgb(var(--accent-rgb)) 140%);
}
@supports (color: color-mix(in lab, red, red)) {
  .choice-btn--primary:active {
    background: linear-gradient(135deg, rgb(var(--accent-rgb)) 0%, color-mix(in srgb, rgb(var(--accent-rgb)) 72%, black) 60%, color-mix(in srgb, rgb(var(--accent-rgb)) 45%, black) 140%);
  }
}
[data-theme="light"] .choice-btn--selected, [data-theme="light"] .choice-btn--primary:hover {
  background: linear-gradient(135deg, rgb(var(--accent-rgb)) 0%, rgb(var(--accent-rgb)) 58%, rgb(var(--accent-rgb)) 130%);
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] .choice-btn--selected, [data-theme="light"] .choice-btn--primary:hover {
    background: linear-gradient(135deg, color-mix(in srgb, rgb(var(--accent-rgb)) 50%, white) 0%, color-mix(in srgb, rgb(var(--accent-rgb)) 82%, white) 58%, rgb(var(--accent-rgb)) 130%);
  }
}
[data-theme="light"] .choice-btn--selected, [data-theme="light"] .choice-btn--primary:hover {
  color: rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] .choice-btn--selected, [data-theme="light"] .choice-btn--primary:hover {
    color: color-mix(in srgb, rgb(var(--accent-rgb)) 25%, #1a1a10);
  }
}
[data-theme="light"] .choice-btn--selected, [data-theme="light"] .choice-btn--primary:hover {
  border-color: rgb(var(--accent-rgb));
}
@supports (color: color-mix(in lab, red, red)) {
  [data-theme="light"] .choice-btn--selected, [data-theme="light"] .choice-btn--primary:hover {
    border-color: color-mix(in srgb, rgb(var(--accent-rgb)) 55%, #ffffff80);
  }
}
[data-theme="light"] .choice-btn--danger:hover {
  color: #8a1c1c;
  background: #f4717129;
  border-color: #d6323280;
}
[data-theme="light"] .choice-btn--danger:active {
  color: #fff;
  background: #e24848eb;
  border-color: #d63232e6;
}
[data-theme="light"] .choice-btn--warning:hover {
  color: #3a2408;
}
.choice-btn:disabled {
  opacity: .5;
  pointer-events: none;
}
.rdp-root {
  --rdp-accent-color: var(--aurora-blue-soft);
  --rdp-accent-background-color: #6ea0ff2e;
  --rdp-day_button-height: 2.5rem;
  --rdp-day_button-width: 2.5rem;
  --rdp-day_button-border-radius: .75rem;
  color: rgb(var(--ink) / .85);
  font-family: Geist, ui-sans-serif, system-ui, sans-serif;
}
.rdp-root .rdp-month_caption {
  color: rgb(var(--ink));
  padding: .5rem 0;
  font-family: Instrument Serif, ui-serif, Georgia, serif;
  font-size: 1.25rem;
}
.rdp-root .rdp-weekday {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgb(var(--ink) / .4);
  font-size: .7rem;
  font-weight: 500;
}
.rdp-root .rdp-day_button {
  border-radius: .75rem;
  font-size: .85rem;
  font-weight: 400;
  transition: background .18s, color .18s, transform .15s;
}
.rdp-root .rdp-day_button:hover:not([disabled]) {
  background: rgb(var(--ink) / .08);
  transform: scale(1.08);
}
.rdp-root .rdp-selected .rdp-day_button {
  font-weight: 600;
  box-shadow: 0 0 12px -2px #6ea0ff66;
  color: rgb(var(--ink)) !important;
  background: #6ea0ff38 !important;
}
.rdp-root .rdp-disabled .rdp-day_button {
  color: rgb(var(--ink) / .18);
  cursor: not-allowed;
}
.rdp-root .rdp-today:not(.rdp-selected) .rdp-day_button {
  border: 1px solid rgb(var(--accent-rgb) / .4);
  color: var(--aurora-gold);
}
.rdp-root .rdp-nav .rdp-button_previous, .rdp-root .rdp-nav .rdp-button_next {
  color: rgb(var(--ink) / .6);
  border-radius: .5rem;
  transition: background .18s, color .18s;
}
.rdp-root .rdp-nav .rdp-button_previous:hover, .rdp-root .rdp-nav .rdp-button_next:hover {
  background: rgb(var(--ink) / .1);
  color: #fff;
}
@keyframes slide-in-right {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.slide-in-right {
  animation: .4s cubic-bezier(.22, 1, .36, 1) both slide-in-right;
}
@keyframes shrink-out {
  from {
    opacity: 1;
    max-height: 5rem;
    transform: scale(1);
  }

  to {
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 0;
    transform: scale(.85);
  }
}
.shrink-out {
  animation: .35s cubic-bezier(.55, 0, 1, .45) forwards shrink-out;
  overflow: hidden;
}
@keyframes bubble-pop {
  0% {
    opacity: 1;
    filter: blur();
    max-height: 6rem;
    transform: scale(1);
  }

  18% {
    opacity: 1;
    transform: scale(1.07);
  }

  45% {
    opacity: .6;
    filter: blur(2px);
    transform: scale(.7);
  }

  100% {
    opacity: 0;
    filter: blur(4px);
    max-height: 0;
    margin: 0;
    padding: 0;
    transform: scale(.1);
  }
}
@keyframes bubble-burst {
  0% {
    opacity: .85;
    transform: scale(1);
  }

  60% {
    opacity: .4;
    transform: scale(1.25);
  }

  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}
@keyframes bubble-droplet {
  0% {
    opacity: 0;
    transform: translate(0) scale(.6);
  }

  20% {
    opacity: 1;
  }

  100% {
    transform: var(--droplet-end, translate(40px, -30px)) scale(.2);
    opacity: 0;
  }
}
.bubble-pop {
  pointer-events: none;
  transform-origin: center;
  animation: .48s cubic-bezier(.5, 0, .75, 0) forwards bubble-pop;
  position: relative;
  overflow: visible;
}
.bubble-pop:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  border: 2px solid #6ea0ff99;
  border-radius: 1rem;
  animation: .46s ease-out forwards bubble-burst;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 24px 4px #6ea0ff59;
}
.bubble-pop:after {
  content: "";
  background: rgb(var(--accent-rgb) / .8);
  width: 8px;
  height: 8px;
  box-shadow: -42px -22px 0 -2px #6ea0ffb3, 36px -28px 0 -1px rgb(var(--accent-rgb) / .7), -36px 24px 0 -2px #6ea0ffb3, 44px 18px 0 -1px rgb(var(--accent-rgb) / .65), -10px -38px 0 -3px #6ea0ff99, 14px 36px 0 -2px rgb(var(--accent-rgb) / .6);
  pointer-events: none;
  z-index: 2;
  border-radius: 9999px;
  animation: .46s cubic-bezier(.16, .84, .44, 1) forwards bubble-droplet;
  position: absolute;
  top: 50%;
  left: 50%;
}
@keyframes bg-hue-cycle {
  0% {
    background-color: #020408;
  }

  25% {
    background-color: #06060f;
  }

  50% {
    background-color: #030507;
  }

  75% {
    background-color: #050710;
  }

  100% {
    background-color: #020408;
  }
}
html {
  background-color: #020408;
  animation: 120s ease-in-out infinite bg-hue-cycle;
}
@keyframes plane-takeoff {
  0% {
    opacity: 1;
    transform: translate(0) rotate(0);
  }

  35% {
    opacity: 1;
    transform: translate(18px, -18px) rotate(-8deg);
  }

  49% {
    opacity: 0;
    transform: translate(40px, -40px) rotate(-12deg);
  }

  50% {
    opacity: 0;
    transform: translate(-40px, 40px) rotate(-12deg);
  }

  65% {
    opacity: .7;
    transform: translate(-18px, 18px) rotate(-6deg);
  }

  100% {
    opacity: 1;
    transform: translate(0) rotate(0);
  }
}
.plane-btn {
  position: relative;
  overflow: hidden;
}
.plane-btn:hover .plane-icon {
  animation: .82s cubic-bezier(.4, 0, .35, 1) plane-takeoff;
}
.plane-icon {
  will-change: transform, opacity;
  display: inline-block;
}
.glass-tile-3d-mini {
  --mx: 50;
  --my: 50;
  transform: perspective(500px) rotateY(calc((var(--mx) - 50) * .08deg)) rotateX(calc((50 - var(--my)) * .08deg)) translateZ(0);
  transition: transform .12s ease-out, background .18s, box-shadow .18s;
}
.glass-tile-3d-mini:hover {
  transform: perspective(500px) rotateY(calc((var(--mx) - 50) * .08deg)) rotateX(calc((50 - var(--my)) * .08deg)) translateZ(2px) scale(1.04);
  box-shadow: 0 8px 18px -8px rgb(var(--shadow) / .55);
}
.glass-tile-3d-mini:active {
  transition: transform 80ms ease-out;
  transform: perspective(500px) translateZ(-2px) scale(.97);
}
.calendar-day-amber:hover {
  background: rgb(var(--accent-rgb) / .18);
}
.glass-tile-declaracao {
  background-color: rgb(var(--ink) / .03);
  -webkit-backdrop-filter: url("#liquid-glass-soft") blur(6px) saturate(135%);
  box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .16), inset 0 -1px 0 0 rgb(var(--shadow) / .18);
  transition: background-color .2s;
  position: relative;
  border: none !important;
}
.glass-tile-declaracao:hover {
  background-color: #a78fff14;
}
@supports not ((-webkit-backdrop-filter: url(#liquid-glass-soft)) or (backdrop-filter: url(#liquid-glass-soft))) {
  .glass-tile-declaracao {
    -webkit-backdrop-filter: blur(14px) saturate(160%);
  }
}
.declaracao-dash-svg {
  pointer-events: none;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  animation: 14s linear infinite dash-walk-left;
  position: absolute;
  inset: 0;
  overflow: visible;
}
.declaracao-dash-svg rect {
  fill: none;
  stroke: #a78fffb8;
  stroke-width: 1.25px;
  stroke-dasharray: 6 5;
  stroke-linecap: round;
}
.upload-tile {
  --mx: 50;
  --my: 50;
  transform: perspective(700px) rotateY(calc((var(--mx) - 50) * .08deg)) rotateX(calc((50 - var(--my)) * .08deg)) translateZ(0);
  transition: transform .14s ease-out, border-color .22s, background .22s, box-shadow .22s;
  position: relative;
  overflow: hidden;
}
.upload-tile:hover {
  transform: perspective(700px) rotateY(calc((var(--mx) - 50) * .08deg)) rotateX(calc((50 - var(--my)) * .08deg)) translateZ(4px) scale(1.01);
  box-shadow: 0 14px 30px -12px rgb(var(--shadow) / .55);
}
.upload-tile:hover svg {
  filter: drop-shadow(0 0 8px rgb(var(--accent-rgb) / .5));
  transform: translateY(-2px) scale(1.08);
}
.upload-tile svg {
  transition: transform .38s cubic-bezier(.34, 1.4, .5, 1), filter .22s;
}
.upload-tile.upload-success {
  animation: .48s ease-out upload-success-flash;
}
@keyframes upload-success-flash {
  0% {
    border-color: rgb(var(--accent-rgb) / .35);
    background-color: rgb(var(--accent-rgb) / .08);
  }

  40% {
    background-color: #6ee7b72e;
    border-color: #6ee7b7d9;
    box-shadow: 0 0 24px #6ee7b759;
  }

  100% {
    border-color: rgb(var(--accent-rgb) / .35);
    background-color: rgb(var(--accent-rgb) / .08);
  }
}
.floating-resumo {
  --mx: 50;
  --my: 50;
  transform: perspective(600px) rotateY(calc((var(--mx) - 50) * .1deg)) rotateX(calc((50 - var(--my)) * .1deg)) translateZ(0);
  transition: transform .14s ease-out, border-color .2s, background .2s, box-shadow .2s;
}
.floating-resumo:hover {
  transform: perspective(600px) rotateY(calc((var(--mx) - 50) * .1deg)) rotateX(calc((50 - var(--my)) * .1deg)) translateZ(4px) translateY(-2px) scale(1.03);
  box-shadow: 0 14px 38px rgb(var(--shadow) / .55), 0 0 24px rgb(var(--accent-rgb) / .25);
}
.floating-resumo.pulse-on-add {
  animation: .54s cubic-bezier(.34, 1.4, .5, 1) pulse-add;
}
@keyframes pulse-add {
  0% {
    box-shadow: 0 8px 24px rgb(var(--shadow) / .45);
    transform: scale(1);
  }

  45% {
    box-shadow: 0 14px 36px rgb(var(--shadow) / .55), 0 0 32px rgb(var(--accent-rgb) / .55);
    transform: scale(1.1);
  }

  100% {
    box-shadow: 0 8px 24px rgb(var(--shadow) / .45);
    transform: scale(1);
  }
}
.badge-bounce {
  animation: .48s cubic-bezier(.34, 1.56, .5, 1) badge-bounce;
}
@keyframes badge-bounce {
  0% {
    background-color: #fcd34d33;
    transform: scale(1);
  }

  40% {
    background-color: #fcd34d8c;
    transform: scale(1.45);
  }

  100% {
    background-color: #fcd34d33;
    transform: scale(1);
  }
}
.preview-doc-tile {
  position: relative;
  overflow: hidden;
}
.preview-doc-tile:before {
  content: "";
  background: var(--preview-tone, rgb(var(--accent-rgb) / .85));
  width: 3px;
  box-shadow: 0 0 14px var(--preview-tone-glow, rgb(var(--accent-rgb) / .45));
  border-radius: 2px 0 0 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.preview-doc-tile.tone-atestado {
  --preview-tone: rgb(var(--accent-rgb) / .92);
  --preview-tone-glow: rgb(var(--accent-rgb) / .45);
}
.preview-doc-tile.tone-declaracao {
  --preview-tone: #a78fffeb;
  --preview-tone-glow: #a78fff73;
}
.slide-stack-animating .fade-up {
  opacity: 1 !important;
  transform: none !important;
}
.slide-stack-animating [class*="dash-walk"], .slide-stack-animating .lamp-flicker-yellow, .slide-stack-animating [class*="flame-flicker"], .slide-stack-animating [class*="flame-base-pulse"], .slide-stack-animating .atestado-dash-svg rect, .slide-stack-animating .declaracao-dash-svg rect, .slide-stack-animating .extra-dash-svg rect, .slide-stack-animating .ponto-facultativo-dash-svg rect, .slide-stack-animating .cancelado-dash-svg rect {
  animation-play-state: paused !important;
}
.icon-3d-host {
  perspective: 700px;
  perspective-origin: 50%;
}
.icon-3d-only {
  transform-style: preserve-3d;
  transform-origin: center;
  transform: translateZ(20px) rotateX(calc((50 - var(--my, 50)) * .16deg)) rotateY(calc((var(--mx, 50) - 50) * .16deg));
  filter: drop-shadow(0 10px 14px rgb(var(--shadow) / .6));
  will-change: transform;
  backface-visibility: hidden;
  transition: transform .42s cubic-bezier(.22, 1, .36, 1), filter .24s;
}
.glass-tile-3d:hover .icon-3d-only {
  filter: drop-shadow(0 16px 22px rgb(var(--shadow) / .72));
}
.glass-tile-3d:active .icon-3d-only {
  transform: translateZ(12px) rotateX(calc((50 - var(--my, 50)) * .08deg)) rotateY(calc((var(--mx, 50) - 50) * .08deg));
  transition: transform .28s cubic-bezier(.22, 1, .36, 1);
}
.icon-3d-soft {
  transition: transform .24s cubic-bezier(.34, 1.4, .5, 1), box-shadow .22s;
}
.glass-tile-3d:hover .icon-3d-soft {
  transform: translateY(-2px) scale(1.06);
}
.resumo-dock-preview {
  pointer-events: none;
  opacity: 0;
  transform-origin: 100% 100%;
  filter: drop-shadow(0 16px 32px rgb(var(--shadow) / .55));
  transition: opacity .28s cubic-bezier(.34, 1.46, .5, 1), transform .32s cubic-bezier(.34, 1.46, .5, 1);
  position: absolute;
  bottom: calc(100% + 12px);
  right: 0;
  transform: translateY(8px) scale(.85);
}
.resumo-dock:hover .resumo-dock-preview {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.resumo-dock-preview-card {
  background: var(--popover);
  border: 1px solid rgb(var(--accent-rgb) / .32);
  min-width: 220px;
  max-width: 280px;
  box-shadow: inset 0 1px 0 0 #ffecc229, 0 0 24px rgb(var(--accent-rgb) / .18);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  border-radius: 16px;
  padding: 14px 16px;
}
.resumo-dock-preview-card:after {
  content: "";
  background: var(--popover);
  border-right: 1px solid rgb(var(--accent-rgb) / .32);
  border-bottom: 1px solid rgb(var(--accent-rgb) / .32);
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: -6px;
  right: 36px;
  transform: rotate(45deg);
}
.resumo-dock:hover .floating-resumo {
  transform: perspective(600px) rotateY(calc((var(--mx, 50) - 50) * .1deg)) rotateX(calc((50 - var(--my, 50)) * .1deg)) translateZ(4px) translateY(-3px) scale(1.04);
  box-shadow: 0 18px 40px rgb(var(--shadow) / .6), 0 0 32px rgb(var(--accent-rgb) / .35);
}
@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
  }

  .fade-up, .pulse-on-add, .plane-takeoff {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  .glass-tile-3d, .choice-btn, .icon-3d-host, .icon-3d-only, .floating-resumo {
    transform: none !important;
  }
}
.glass-tile-cancelado {
  background-image: linear-gradient(#1a141273 0%, #060505f2 100%);
  background-color: #0c0a0aeb !important;
  border-color: #50322d38 !important;
}
.glass-tile-cancelado:hover {
  border-color: #8c503c52 !important;
}
.dia-cancelado-badge .cancel-x-icon {
  width: .9rem;
  height: .9rem;
}
.dia-cancelado-badge .cancel-x-svg .x-ring, .dia-cancelado-badge .x-particle {
  display: none;
}
.dia-cancelado-badge .cancel-x-svg .x-stroke {
  animation: 2.6s ease-in-out infinite x-breathe;
}
@keyframes x-breathe {
  0%, 100% {
    stroke: #ef4444d9;
    filter: drop-shadow(0 0 1px #ef444459);
  }

  50% {
    stroke: #f87171;
    filter: drop-shadow(0 0 4px #ef4444a6);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dia-cancelado-badge .cancel-x-svg .x-stroke {
    animation: none !important;
  }
}
.dia-meia-conteudo {
  pointer-events: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .375rem;
  width: calc(200% + 14px);
  height: 100%;
  padding: 1rem .75rem;
  display: flex;
  position: absolute;
  top: 0;
}
.dia-meia-left .dia-meia-conteudo {
  left: 0;
}
.dia-meia-right .dia-meia-conteudo {
  right: 0;
}
@media (prefers-reduced-motion: reduce) {
  html, body, .lamp-flicker-yellow, .atestado-dash-svg rect, .declaracao-dash-svg rect, .extra-dash-svg rect, .ponto-facultativo-dash-svg rect, .cancelado-dash-svg rect, [class*="dash-walk"], [class*="flame-flicker"], [class*="flame-base-pulse"] {
    animation: none !important;
  }

  *, :before, :after {
    animation-iteration-count: 1 !important;
  }
}
.tile-contrato {
  --mx: 50;
  --my: 50;
  isolation: isolate;
  cursor: pointer;
  background-color: var(--glass-bg);
  background-image: linear-gradient(135deg, rgb(var(--surface-rgb) / .2), rgb(var(--surface-rgb) / .07));
  -webkit-backdrop-filter: blur(28px) saturate(160%);
  box-shadow: 0 14px 38px -16px rgb(var(--shadow) / .72), inset 1px 1px 0 0 rgb(var(--ink) / .18), inset -1px -1px 0 0 rgb(var(--ink) / .04);
  perspective: 900px;
  perspective-origin: 50%;
  transform-style: preserve-3d;
  transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .1deg)) rotateX(calc((50 - var(--my)) * .1deg)) translateZ(0);
  transition: transform .11s ease-out, border-color .24s, box-shadow .28s;
  position: relative;
}
.tile-contrato[data-tone="emerald"] {
  --tile-glow: #6ee7b738;
  --tile-border-hover: #6ee7b773;
}
.tile-contrato[data-tone="amber"] {
  --tile-glow: rgb(var(--accent-rgb) / .22);
  --tile-border-hover: rgb(var(--accent-rgb) / .45);
}
.tile-contrato[data-tone="sky"] {
  --tile-glow: #7dd3fc38;
  --tile-border-hover: #7dd3fc73;
}
.tile-contrato[data-tone="rose"] {
  --tile-glow: #fca5a538;
  --tile-border-hover: #fca5a573;
}
.tile-contrato[data-tone="violet"] {
  --tile-glow: #c4b5fd38;
  --tile-border-hover: #c4b5fd73;
}
.tile-contrato:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at calc(var(--mx) * 1%) calc(var(--my) * 1%), var(--tile-glow, rgb(var(--ink) / .1)) 0%, transparent 60%);
  z-index: 0;
  transition: opacity .28s;
  position: absolute;
  inset: 0;
}
.tile-contrato > * {
  z-index: 1;
  position: relative;
}
.tile-contrato:hover {
  transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .2deg)) rotateX(calc((50 - var(--my)) * .2deg)) translateY(-2px) translateZ(0);
  box-shadow: 0 22px 50px -16px rgb(var(--shadow) / .78), inset 1px 1px 0 0 rgb(var(--ink) / .22), inset -1px -1px 0 0 rgb(var(--ink) / .04);
  border-color: var(--tile-border-hover, rgb(var(--ink) / .3)) !important;
}
.tile-contrato:hover:before {
  opacity: 1;
}
.tile-contrato:active {
  transform: perspective(800px) rotateY(calc((var(--mx) - 50) * .1deg)) rotateX(calc((50 - var(--my)) * .1deg)) translateY(0) scale(.985);
  transition: transform 90ms ease-out;
}
.tile-contrato .icon-3d-host {
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), filter .24s;
}
.tile-contrato:hover .icon-3d-host {
  transform: translateZ(14px) rotateY(calc((var(--mx) - 50) * .14deg)) rotateX(calc((50 - var(--my)) * .14deg));
  filter: drop-shadow(0 10px 14px rgb(var(--shadow) / .55));
}
@keyframes heart-beat {
  0% {
    transform: scale(1);
  }

  12% {
    transform: scale(1.18);
  }

  28% {
    transform: scale(.92);
  }

  48% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}
.tile-contrato[data-tone="emerald"]:hover [data-icon-anim] {
  animation: .52s cubic-bezier(.34, 1.4, .5, 1) heart-beat;
}
@keyframes cap-swing {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-10deg);
  }

  55% {
    transform: rotate(10deg);
  }

  80% {
    transform: rotate(-4deg);
  }

  100% {
    transform: rotate(0);
  }
}
.tile-contrato[data-anim="cap-swing"]:hover [data-icon-anim] {
  transform-origin: 50% 25%;
  animation: .6s ease-in-out cap-swing;
}
@keyframes car-drive {
  0% {
    transform: translateX(0);
  }

  45% {
    transform: translateX(4px);
  }

  70% {
    transform: translateX(-1px);
  }

  100% {
    transform: translateX(0);
  }
}
.tile-contrato[data-tone="sky"]:hover [data-icon-anim] {
  animation: .5s cubic-bezier(.34, 1.4, .5, 1) car-drive;
}
@keyframes vote-stamp {
  0% {
    transform: scale(.85) rotate(-6deg);
  }

  45% {
    transform: scale(1.15) rotate(2deg);
  }

  75% {
    transform: scale(.96) rotate(-1deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}
.tile-contrato[data-tone="rose"]:hover [data-icon-anim] {
  animation: .48s cubic-bezier(.34, 1.46, .5, 1) vote-stamp;
}
@keyframes book-flip {
  0% {
    transform: perspective(400px) rotateY(0);
  }

  40% {
    transform: perspective(400px) rotateY(-28deg);
  }

  70% {
    transform: perspective(400px) rotateY(8deg);
  }

  100% {
    transform: perspective(400px) rotateY(0);
  }
}
.tile-contrato[data-tone="violet"]:hover [data-icon-anim] {
  animation: .56s ease-in-out book-flip;
}
@keyframes building-rise {
  0% {
    transform: translateY(0) scale(1);
  }

  50% {
    transform: translateY(-3px) scale(1.06);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}
.tile-contrato[data-anim="building-rise"]:hover [data-icon-anim] {
  animation: .42s cubic-bezier(.34, 1.4, .5, 1) building-rise;
}
@keyframes tree-sway {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(-4deg);
  }

  55% {
    transform: rotate(4deg);
  }

  80% {
    transform: rotate(-2deg);
  }

  100% {
    transform: rotate(0);
  }
}
.tile-contrato[data-anim="tree-sway"]:hover [data-icon-anim] {
  transform-origin: 50% 100%;
  animation: .72s ease-in-out tree-sway;
}
@media (prefers-reduced-motion: reduce) {
  .tile-contrato:hover {
    transform: none !important;
  }

  .tile-contrato:before {
    opacity: 0 !important;
  }

  .tile-contrato:hover [data-icon-anim] {
    animation: none !important;
  }
}
.card-shimmer {
  isolation: isolate;
  position: relative;
}
.card-shimmer:before {
  content: "";
  border-radius: inherit;
  background: linear-gradient(var(--shimmer-angle, 120deg), transparent 0%, transparent 35%, rgb(var(--ink) / .28) 45%, #a7f3d02e 52%, rgb(var(--ink) / .28) 58%, transparent 70%, transparent 100%);
  -webkit-mask-composite: xor;
  pointer-events: none;
  opacity: .55;
  z-index: 0;
  -webkit-mask-composite: xor;
  -webkit-mask-source-type: auto, auto;
  padding: 1.5px;
  animation: 9s linear infinite card-shimmer-orbit;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}
@keyframes card-shimmer-orbit {
  0% {
    --shimmer-angle: 120deg;
  }

  100% {
    --shimmer-angle: 480deg;
  }
}
@property --shimmer-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 120deg;
}
.chip-context-glass {
  border: 1px solid rgb(var(--ink) / .1);
  background: linear-gradient(135deg, rgb(var(--ink) / .05) 0%, rgb(var(--ink) / .02) 100%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  box-shadow: inset 0 1px 0 0 rgb(var(--ink) / .15), inset 0 -1px 0 0 rgb(var(--ink) / .03), 0 2px 6px -2px rgb(var(--shadow) / .35);
  color: rgb(var(--ink) / .82);
  border-radius: 9999px;
  align-items: center;
  gap: .375rem;
  padding: .375rem .75rem;
  font-size: .75rem;
  transition: border-color .2s, background .2s;
  display: inline-flex;
}
.chip-context-glass:hover {
  border-color: rgb(var(--ink) / .18);
  background: linear-gradient(135deg, rgb(var(--ink) / .08) 0%, rgb(var(--ink) / .04) 100%);
}
.chip-context-glass.tone-emerald {
  color: #a7f3d0f2;
  background: linear-gradient(135deg, #6ee7b71a 0%, #6ee7b708 100%);
  border-color: #6ee7b74d;
  box-shadow: inset 0 1px #a7f3d038, inset 0 -1px #6ee7b70a, 0 0 12px -4px #6ee7b752;
}
.eyebrow-fade-in {
  animation: .72s cubic-bezier(.22, 1, .36, 1) both eyebrow-open;
}
@keyframes eyebrow-open {
  0% {
    opacity: 0;
    letter-spacing: 0;
  }

  100% {
    opacity: 1;
    letter-spacing: .28em;
  }
}
.tile-ripple-emerald {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
.tile-ripple-emerald:active:after {
  content: "";
  left: var(--ripple-x, 50%);
  top: var(--ripple-y, 50%);
  pointer-events: none;
  z-index: 2;
  background: radial-gradient(circle, #a7f3d0a6, #0000 70%);
  border-radius: 9999px;
  width: 12px;
  height: 12px;
  animation: .6s cubic-bezier(.22, 1, .36, 1) forwards tile-ripple;
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
}
@keyframes tile-ripple {
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(45);
  }
}
.skeleton-glass {
  background: linear-gradient(90deg, rgb(var(--ink) / .02) 0%, rgb(var(--ink) / .06) 50%, rgb(var(--ink) / .02) 100%);
  border: 1px solid rgb(var(--ink) / .06);
  isolation: isolate;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
.skeleton-glass:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(100deg, #0000 0% 38%, #a7f3d01a 50%, #0000 62% 100%);
  animation: 1.8s ease-in-out infinite skeleton-shimmer;
  position: absolute;
  inset: 0;
}
@keyframes skeleton-shimmer {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .card-shimmer:before, .eyebrow-fade-in, .tile-ripple-emerald:active:after, .skeleton-glass:after {
    animation: none !important;
  }
}
.hub-orb {
  background: radial-gradient(circle at 50% 50%, rgb(var(--accent-rgb) / .13) 0%, rgb(var(--accent-rgb) / .05) 38%, transparent 68%);
  filter: blur(48px);
  animation: 11s ease-in-out infinite hub-breathe;
}
@keyframes hub-breathe {
  0%, 100% {
    opacity: .85;
    transform: translate(-50%, -50%) scale(1);
  }

  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.12);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hub-orb {
    animation: none;
  }
}
.hub-orb--b {
  opacity: .6;
  animation: 17s ease-in-out infinite reverse hub-breathe;
}
.hub-shine {
  border-radius: inherit;
  overflow: hidden;
}
.hub-shine:after {
  content: "";
  background: linear-gradient(90deg, transparent, rgb(var(--ink) / .1) 45%, rgb(var(--accent-rgb) / .14) 55%, transparent);
  opacity: 0;
  width: 45%;
  height: 140%;
  transition: opacity .2s;
  position: absolute;
  top: -20%;
  left: -60%;
  transform: skewX(-18deg) translateX(0);
}
.group:hover .hub-shine:after {
  opacity: 1;
  animation: 1.1s cubic-bezier(.22, 1, .36, 1) forwards hub-shine-sweep;
}
@keyframes hub-shine-sweep {
  to {
    transform: skewX(-18deg) translateX(380%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hub-orb--b {
    animation: none;
  }

  .group:hover .hub-shine:after {
    opacity: 0;
    animation: none;
  }
}
.ft-onda {
  width: 200%;
  height: 120px;
  animation: linear infinite ft-onda-desliza;
  position: absolute;
  left: 0;
}
@keyframes ft-onda-desliza {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}
.ft-petala {
  opacity: .5;
  background: linear-gradient(135deg, #f472b680, #c084fc59);
  border-radius: 150% 0;
  animation: linear infinite ft-cai, ease-in-out infinite alternate ft-balanca;
  position: absolute;
  top: -3%;
}
@keyframes ft-cai {
  from {
    transform: translateY(-4vh) rotate(0);
  }

  to {
    transform: translateY(108vh) rotate(340deg);
  }
}
@keyframes ft-balanca {
  from {
    margin-left: -22px;
  }

  to {
    margin-left: 22px;
  }
}
.ft-areia {
  background: rgb(var(--accent-rgb) / .55);
  opacity: .4;
  border-radius: 9999px;
  animation: linear infinite ft-vento;
  position: absolute;
  left: -2%;
}
@keyframes ft-vento {
  from {
    opacity: 0;
    transform: translate(-3vw);
  }

  12% {
    opacity: .45;
  }

  88% {
    opacity: .45;
  }

  to {
    opacity: 0;
    transform: translate(104vw, -9vh);
  }
}
.ft-duna {
  background: radial-gradient(ellipse at 50% 100%, rgb(var(--accent-rgb) / .07), transparent 70%);
  inset-inline: -10%;
  border-radius: 100% 100% 0 0;
  height: 180px;
  position: absolute;
  bottom: -40px;
}
.ft-neve {
  background: rgb(var(--ink) / .85);
  border-radius: 9999px;
  animation: linear infinite ft-cai;
  position: absolute;
  top: -3%;
}
.ft-brasa {
  background: rgb(var(--accent-rgb));
  box-shadow: 0 0 6px 1px rgb(var(--accent-rgb) / .55);
  border-radius: 9999px;
  animation: ease-out infinite ft-sobe;
  position: absolute;
  bottom: -2%;
}
@keyframes ft-sobe {
  from {
    opacity: 0;
    transform: translateY(0) translateX(0);
  }

  8% {
    opacity: .55;
  }

  60% {
    opacity: .3;
    transform: translateY(-55vh) translateX(18px);
  }

  to {
    opacity: 0;
    transform: translateY(-92vh) translateX(-14px);
  }
}
.ft-estrela {
  background: rgb(var(--accent-rgb));
  border-radius: 9999px;
  animation: ease-in-out infinite ft-cintila;
  position: absolute;
}
@keyframes ft-cintila {
  0%, 100% {
    opacity: .1;
    transform: scale(.8);
  }

  50% {
    opacity: .55;
    transform: scale(1.15);
  }
}
.ft-cadente {
  background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / .7));
  opacity: 0;
  border-radius: 9999px;
  width: 130px;
  height: 1.5px;
  animation: 14s ease-in infinite ft-cadente-corre;
  position: absolute;
  top: 12%;
  left: -12%;
  transform: rotate(16deg);
}
@keyframes ft-cadente-corre {
  0%, 88% {
    opacity: 0;
    transform: translate(0) rotate(16deg);
  }

  90% {
    opacity: .7;
  }

  96% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: translate(130vw, 36vh) rotate(16deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ft-raiz {
    display: none;
  }
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color-scheme: light;
}
html.dark {
  color-scheme: dark;
}
@supports (min-height: 100dvh) {
  html, body, #root {
    min-height: 100dvh;
  }
}
@media (max-width: 640px) {
  html, body, #root {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    touch-action: manipulation;
    background-attachment: scroll;
  }

  .min-h-svh {
    min-height: 100dvh;
  }

  main.min-h-svh, main.relative.z-10, div.relative.z-10.min-h-svh {
    padding-top: max(4.75rem, calc(env(safe-area-inset-top) + 3.5rem));
    padding-bottom: max(1.25rem, calc(env(safe-area-inset-bottom) + 1rem));
  }

  main.items-center, div.min-h-svh > .flex.justify-center {
    align-items: flex-start;
  }

  .glass, .glass-strong, .glass-modal, .liquid-card {
    border-radius: 1.35rem;
  }

  .glass-strong {
    box-shadow: 0 22px 54px -28px rgb(var(--shadow) / .86), inset 0 1px 0 0 rgb(var(--ink) / .2), inset 0 -1px 0 0 rgb(var(--shadow) / .18);
  }

  .card-shimmer:before {
    opacity: .34;
  }

  .text-display {
    letter-spacing: 0;
  }

  h1.text-display, h2.text-display {
    overflow-wrap: anywhere;
  }

  input, textarea, select, .liquid-input, .liquid-field-input, .retroativo-unlock-input {
    font-size: 16px !important;
  }

  button, [role="button"], .choice-btn, .liquid-control, .liquid-field-trigger {
    -webkit-tap-highlight-color: transparent;
  }

  .choice-btn, .liquid-field-trigger, .liquid-control:not(.nav-btn), .glass-tile, .tile-contrato {
    min-height: 44px;
  }

  .nav-cluster-fixed {
    top: max(.75rem, calc(env(safe-area-inset-top) + .55rem));
    right: max(.75rem, calc(env(safe-area-inset-right) + .55rem));
  }

  .nav-cluster {
    height: 3.25rem;
    padding: .25rem;
  }

  .nav-btn {
    width: 2.75rem;
    height: 2.75rem;
  }

  .header-dock {
    padding-top: max(.55rem, calc(env(safe-area-inset-top) + .45rem));
    padding-inline: max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right));
  }

  .glass-modal {
    max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1.25rem);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    width: calc(100vw - 1.25rem) !important;
    max-width: calc(100vw - 1.25rem) !important;
    padding: 1.25rem !important;
  }

  .liquid-popover {
    max-width: calc(100vw - 1rem);
  }

  .resumo-dock {
    right: max(1rem, calc(env(safe-area-inset-right) + .85rem)) !important;
    bottom: max(1rem, calc(env(safe-area-inset-bottom) + .85rem)) !important;
  }

  .resumo-dock-preview {
    display: none;
  }

  .floating-resumo {
    min-height: 44px;
  }

  .rdp-root {
    --rdp-day_button-height: 2.25rem;
    --rdp-day_button-width: 2.25rem;
  }
}
@media (max-width: 390px) {
  main.relative.z-10, div.relative.z-10.min-h-svh {
    padding-inline: .75rem;
  }

  .glass-strong, .glass-modal {
    border-radius: 1.1rem;
  }

  .choice-btn {
    width: 100%;
  }

  .chip-context-glass {
    max-width: 100%;
  }
}
@media (hover: none), (pointer: coarse) {
  .glass-tile-3d, .glass-tile-3d:hover, .glass-tile-3d:active, .choice-btn, .choice-btn:hover, .choice-btn:active, .tile-contrato, .tile-contrato:hover, .tile-contrato:active, .liquid-control, .liquid-control:hover, .liquid-control:active {
    transform: none !important;
  }

  .glass-tile-3d:before, .tile-contrato:before {
    opacity: 0 !important;
  }

  .icon-3d-only, .tile-contrato:hover .icon-3d-host, .glass-tile-3d:hover .icon-3d-soft {
    transform: none !important;
  }

  .hub-shine:after {
    display: none;
  }
}
@supports (-webkit-touch-callout: none) {
  body {
    background-attachment: scroll;
  }

  .aurora-orb {
    filter: blur(44px);
  }

  @media (max-width: 640px) {
    .glass {
      -webkit-backdrop-filter: blur(18px) saturate(145%);
    }

    .glass-strong {
      -webkit-backdrop-filter: blur(22px) saturate(145%);
    }

    .glass-modal, .liquid-popover {
      -webkit-backdrop-filter: blur(18px) saturate(145%) brightness(1.03);
    }

    .glass-tile, .liquid-card, .liquid-control, .liquid-field, .liquid-input, .liquid-badge, .choice-btn, .num-stepper, .tile-contrato {
      -webkit-backdrop-filter: blur(10px) saturate(135%);
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false
}
@property --tw-tracking {
  syntax: "*";
  inherits: false
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false
}
@property --tw-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-invert {
  syntax: "*";
  inherits: false
}
@property --tw-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}
@property --tw-duration {
  syntax: "*";
  inherits: false
}
@property --tw-ease {
  syntax: "*";
  inherits: false
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}