:root{--azul-marca:#0B126C;--azul-entrada-topo:#1B259A;--azul:#0d3577;--azul-escuro:#092552;--azul-claro:#eaf0fb;--texto:#1c2430;--texto-suave:#5c6675;--borda:#dde3ec;--fundo:#f4f6fa;--verde:#1a7f4e;--verde-bg:#e3f4ea;--amarelo:#9a6b00;--amarelo-bg:#fdf3d7;--vermelho:#b3261e;--vermelho-bg:#fde7e5;--cinza-bg:#eef0f3;--cabecalho:linear-gradient(160deg,var(--azul),var(--azul-escuro));--fonte-rotulo:11px;--fonte-legenda:13px;--fonte-texto:15px;--fonte-titulo:17px;--fonte-numero:22px;--fonte-chave:34px;--raio-card:16px;--raio-botao:12px;--raio-chip:999px;--esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--sombra-card:0 2px 8px rgba(13,53,119,.08);--toque:44px;--ease-pouso:cubic-bezier(.16,1,.3,1);--ease-folha:cubic-bezier(.65,0,.15,1);--t-rapido:.18s;--t-tela:.24s;--t-folha:.32s;--fs-rotulo:var(--fonte-rotulo);--fs-legenda:var(--fonte-legenda);--fs-texto:var(--fonte-texto);--fs-titulo:var(--fonte-titulo);--fs-numero:var(--fonte-numero);--fs-chave:var(--fonte-chave);--card:#ffffff;--sobre-cor:#ffffff;--info-bg:#e8f0fe;--info:#1a3a6b;--info-borda:#c6d6f5;--disfarce:#6d28d9;--trilho:#f2f4f8;--trilho-2:#dfe3ea;--trilho-3:#e9ecf2;--tom-vermelho-fundo:#fcf2f1;--tom-vermelho-borda:#f0d3cf;--tom-verde-fundo:#eef8f2;--tom-verde-borda:#c9e6d5}.janela-folha,.janela-fundo,.login-envelope,.v2-pagina{--azul:var(--azul-marca);--azul-escuro:#080D4C;--azul-claro:#E7E7F0;--cabecalho:linear-gradient(160deg,var(--azul),var(--azul-escuro));--sombra-card:0 2px 8px rgba(11,18,108,.08);--color-primary:var(--azul-marca);--color-ring:var(--azul-marca);--color-secondary:#E7E7F0;--color-secondary-foreground:var(--azul-marca)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--fundo);color:var(--texto);min-height:100dvh}:root{--barra-alt:62px}.tela{max-width:560px;margin:0 auto;padding:16px 16px calc(var(--barra-alt) + env(safe-area-inset-bottom, 0px) + 24px)}.tela.com-faixa{padding-top:calc(16px + 22px)}.barra{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--borda);display:flex;justify-content:space-around;box-sizing:border-box;min-height:calc(var(--barra-alt) + env(safe-area-inset-bottom, 0px));padding:6px 0 calc(6px + env(safe-area-inset-bottom, 0px));z-index:50;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.barra-item{display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none;color:var(--texto-suave);font-size:11px;font-weight:600;padding:4px 18px;border-radius:10px}.barra-item .ico{font-size:21px;display:inline-flex;line-height:0}.barra-item.ativa{color:var(--azul)}.voltar{background:rgba(255,255,255,.14);border:none;color:#fff;min-width:var(--toque);min-height:var(--toque);display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--raio-botao);font-size:var(--fonte-texto);font-weight:700;cursor:pointer;text-decoration:none;flex-shrink:0}.voltar .so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.topo{background:var(--cabecalho);color:#fff;margin:-16px -16px 20px;padding:14px 16px;display:flex;align-items:center;gap:var(--esp-3)}.topo .topo-texto{flex:1;min-width:0}.topo h1{font-size:var(--fonte-titulo);font-weight:700;letter-spacing:.2px}.topo .sub{font-size:var(--fonte-rotulo);opacity:.85;font-weight:400}.topo button{background:rgba(255,255,255,.14);border:none;color:#fff;padding:7px 12px;border-radius:8px;font-size:12px;cursor:pointer}.card{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:18px;margin-bottom:14px}.card h2{font-size:14px;color:var(--texto-suave);font-weight:600;margin-bottom:10px}.grade{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grade-4{grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width:379px){.grade-4{grid-template-columns:1fr 1fr}}.kpi .valor{font-size:22px;font-weight:700;color:var(--azul)}.kpi .rotulo{font-size:12px;color:var(--texto-suave);margin-top:2px}label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}input{width:100%;padding:13px 14px;border:1px solid var(--borda);border-radius:10px;font-size:16px;background:#fff}input:focus{outline:2px solid var(--azul);border-color:transparent}.botao{width:100%;margin-top:16px;padding:14px;background:var(--azul);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.botao:disabled{opacity:.55}.botao.suave{background:var(--azul-claro);color:var(--azul)}py-*:o reset global (* { padding:0 },acima) fica fora de @layer e vence o utilitário do Tailwind,então p-4 morre e o botão nasce espremido (cicatriz do CLAUDE.md). Classe real tem especificidade maior que o seletor universal,então resolve de vez. */.btn-cheio;.btn-medio{padding:10px 16px}.btn-compacto{padding:8px 12px}.semaforo{border-radius:14px;padding:18px;text-align:center;margin-bottom:14px;border:1px solid transparent}.semaforo .luz{font-size:30px}.semaforo .titulo{font-size:17px;font-weight:800;margin-top:4px}.semaforo .detalhe{font-size:13px;margin-top:4px}.semaforo.verde{background:var(--verde-bg);color:var(--verde)}.semaforo.amarelo{background:var(--amarelo-bg);color:var(--amarelo)}.semaforo.vermelho{background:var(--vermelho-bg);color:var(--vermelho)}.semaforo.sem_dados{background:var(--cinza-bg);color:var(--texto-suave)}.linha{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--fundo);font-size:14px}.linha:last-child{border-bottom:none}.linha .n{font-weight:700}.membro{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--fundo);font-size:14px}.membro .quem .parente{font-size:12px;color:var(--texto-suave)}.membro .saldo{font-weight:700;white-space:nowrap}.membro .saldo.devendo{color:var(--vermelho)}.aviso{color:var(--texto-suave);line-height:1.5}.aviso,.erro{font-size:13px;margin-top:10px}.erro{color:var(--vermelho)}.login-envelope{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--azul);padding:20px}.login-envelope.login-entrada{background:#0B126C linear-gradient(180deg,#1B259A,#0B126C) no-repeat;min-height:100dvh;align-items:flex-start;padding:0 32px}.login-entrada .login-caixa{width:100%;max-width:380px;margin:0 auto;padding:118px 0 48px;animation:login-entra .2s var(--ease-pouso)}@keyframes login-entra{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-entrada .login-caixa{animation:none}}.login-entrada .marca{text-align:center;margin-bottom:84px}.login-entrada .marca .logo{width:150px;height:auto;display:block;margin:0 auto}.login-entrada .marca .so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}.login-entrada label{color:rgba(255,255,255,.6);font-size:13px;font-weight:600;margin:26px 0 4px}.login-entrada form>label:first-of-type{margin-top:0}.login-entrada input{font-size:17px;color:#fff;background:transparent;border:none;border-radius:0;padding:10px 0;box-shadow:inset 0 -1px 0 rgba(255,255,255,.28);transition:box-shadow .2s var(--ease-pouso);caret-color:#fff}.login-entrada input::placeholder{color:rgba(255,255,255,.3)}.login-entrada input:focus{outline:none;border-color:transparent;box-shadow:inset 0 -1px 0 rgba(255,255,255,.9)}.login-entrada input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 600000s 0s,box-shadow .2s}.login-entrada .login-campo-senha{position:relative}.login-entrada .login-campo-senha input{padding-right:76px}.login-entrada .login-mostrar{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:44px;min-height:44px;padding:0 0 0 10px;background:none;border:none;cursor:pointer;color:rgba(255,255,255,.6);font-size:13px;font-weight:600}.login-entrada .botao{height:52px;padding:0;margin-top:36px;width:100%;border-radius:12px;background:#fff;color:var(--azul);font-size:16px;font-weight:700}.login-entrada .botao[aria-busy=true]{opacity:.6;cursor:progress;pointer-events:none}.login-entrada .login-link{display:block;width:100%;min-height:44px;margin-top:22px;background:none;border:none;cursor:pointer;text-align:center;color:rgba(255,255,255,.72);font-size:13px;font-weight:600}.login-entrada .login-link:disabled{opacity:.5;cursor:default}.login-entrada .aviso,.login-entrada .aviso.ok{color:rgba(255,255,255,.85)}.login-entrada .erro{color:#ffc2c2}.login-entrada .login-oculto{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}body:has(.login-entrada){background:#0B126C}body:has(.login-entrada) button[title^="toque para copiar"]{color:rgba(255,255,255,.28)!important}.login-envelope .login-abertura{display:flex;flex-direction:column;align-items:center;gap:22px}.login-envelope .login-abertura .logo-abertura{width:150px;height:auto;display:block;animation:abertura-fade .3s var(--ease-pouso) both}.login-envelope .login-abertura.sem-fade .logo-abertura{animation:none}@keyframes abertura-fade{0%{opacity:0}to{opacity:1}}.login-envelope .login-abertura .barrinha{width:96px;height:2px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.15);opacity:0;animation:abertura-aparece .2s linear .8s forwards}.login-envelope .login-abertura .barrinha>i{display:block;width:40%;height:100%;background:rgba(255,255,255,.4);animation:abertura-corre 1.1s ease-in-out .8s infinite}@keyframes abertura-aparece{to{opacity:1}}@keyframes abertura-corre{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.login-envelope .login-abertura .logo-abertura{animation:none}.login-envelope .login-abertura .barrinha{animation:none;opacity:1}.login-envelope .login-abertura .barrinha>i{animation:none}}.nav-voltar{display:inline-block;margin-bottom:12px;color:var(--azul);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:4px}.chip{border:1px solid var(--borda);background:#fff;color:var(--texto);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.chip.ativa{background:var(--azul);color:#fff;border-color:var(--azul)}a.kpi-link{text-decoration:none;color:inherit;display:block}.janela-folha{padding:16px 16px max(16px,env(safe-area-inset-bottom))}@keyframes folha-sobe{0%{transform:translateY(100%)}to{transform:none}}@keyframes folha-desce{0%{transform:none}to{transform:translateY(100%)}}@keyframes fundo-entra{0%{opacity:0}to{opacity:1}}@keyframes fundo-sai{0%{opacity:1}to{opacity:0}}.janela-folha[data-state=open]{animation:folha-sobe var(--t-folha) var(--ease-folha)}.janela-folha[data-state=closed]{animation:folha-desce var(--t-rapido) var(--ease-folha)}.janela-fundo[data-state=open]{animation:fundo-entra var(--t-folha) var(--ease-pouso)}.janela-fundo[data-state=closed]{animation:fundo-sai var(--t-rapido) var(--ease-pouso)}.janela-folha .folha-detalhes{margin-top:12px}.janela-folha .folha-detalhes>summary{cursor:pointer;color:var(--texto-suave);font-weight:600}.janela-folha .bordao{margin:8px 0 0;padding-left:20px;line-height:1.7;color:var(--texto-suave)}.prosp-mes{margin:0 4px 10px;color:var(--texto-suave)}.prosp-busca{width:100%;margin-bottom:8px}.prosp-rola{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.prosp-rola .chip{flex-shrink:0}.prosp-grupo .s-cab{display:flex;align-items:center;gap:10px;cursor:pointer;padding:2px 0 6px}.prosp-grupo .s-txt{flex:1;min-width:0}.prosp-cartao{border-bottom:1px solid var(--fundo);padding:8px 0}.prosp-cartao:last-child{border-bottom:none}.prosp-linha{gap:8px;cursor:pointer;min-width:0}.prosp-ico,.prosp-linha{display:flex;align-items:center}.prosp-ico{width:36px;height:36px;border-radius:10px;background:var(--azul-claro);justify-content:center;flex-shrink:0;font-size:var(--fs-titulo,17px)}.prosp-quem{flex:1;min-width:0}.prosp-nome{font-weight:700}.prosp-nome,.prosp-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prosp-sub{color:var(--texto-suave);font-size:var(--fs-legenda,13px)}.prosp-sub.ruim{color:var(--vermelho)}.prosp-acao{flex-shrink:0;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px}.prosp-acao,.prosp-painel{background:var(--azul-claro)}.prosp-painel{border-radius:12px;padding:10px;margin-top:8px}.prosp-divisoria{color:var(--texto-suave);font-size:var(--fs-rotulo,11px);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:10px 0 2px}.janela-titulo{display:block}.janela-descricao{display:block;margin-top:4px}.seletor-frente{display:flex;justify-content:flex-end;margin:-6px 0 12px}.frente-pilula{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--borda);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--texto);cursor:pointer;min-height:32px}.frente-pilula .p-ico{font-size:14px}.frente-pilula .p-seta{font-size:12px;color:var(--texto-suave);margin-left:2px}.frente-pilula:active{background:var(--azul-claro);border-color:var(--azul)}.frente-lista{display:grid;gap:4px;margin-top:12px}.frente-linha{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:12px;text-decoration:none;color:var(--texto);background:#fff;border:1px solid transparent;cursor:pointer}.frente-linha .l-ico{font-size:20px;flex-shrink:0}.frente-linha .l-txt{display:grid;flex:1;min-width:0}.frente-linha .l-nome{font-size:14px;font-weight:700}.frente-linha .l-desc{font-size:11px;color:var(--texto-suave)}.frente-linha .l-ok{font-size:15px;font-weight:700;color:var(--azul)}.frente-linha.ativa{background:var(--azul-claro);border-color:var(--azul)}.frente-linha.ativa .l-nome{color:var(--azul)}.frente-linha.off{opacity:.5;cursor:default}.frente-linha.geral{border-top:1px solid var(--borda);border-radius:0;margin-top:4px;padding-top:14px}.menu{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu a{background:#fff;border:1px solid var(--borda);border-radius:14px;padding:20px 14px;text-decoration:none;color:var(--texto);text-align:center}.menu a .ico{font-size:26px}.menu a .nome{font-size:14px;font-weight:700;margin-top:6px}.menu a .desc{font-size:11px;color:var(--texto-suave);margin-top:2px}.kpi .rotulo{overflow-wrap:anywhere}@media (max-width:430px){.grade{gap:8px}.kpi .valor{font-size:18px}.kpi .rotulo{font-size:11px}}.q-entra{animation:qEntra var(--t-tela) var(--ease-pouso)}@keyframes qEntra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.op{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border-radius:14px;border:1.5px solid var(--borda);background:#fff;color:var(--texto);font-size:16px;font-family:inherit;text-align:left;cursor:pointer;transition:transform var(--t-rapido) var(--ease-pouso),border-color var(--t-rapido) var(--ease-pouso),background var(--t-rapido) var(--ease-pouso)}.op:active{transform:scale(.975)}.op .ic{font-size:22px;line-height:1;flex:0 0 auto}.op .tx{flex:1}.op .ck{opacity:0;font-size:18px;color:var(--azul);transition:opacity var(--t-rapido) var(--ease-pouso)}.op.sel{border-color:var(--azul);border-width:2px;background:var(--azul-claro);font-weight:700}.op.sel .ck{opacity:1}.ops2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops2 .op{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px}.ops2 .op .ck{position:absolute}.ops1{display:flex;flex-direction:column;gap:10px}.wz-barra{height:6px;background:var(--cinza-bg);border-radius:99px;overflow:hidden}.wz-barra>i{display:block;height:100%;background:var(--azul);border-radius:99px;transition:width .4s var(--ease-pouso)}.casca-atualizando{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none;background:linear-gradient(90deg,transparent,var(--azul),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:casca-atualizando 1s var(--ease-pouso) infinite}@keyframes casca-atualizando{0%{background-position:-50% 0}to{background-position:150% 0}}@media (prefers-reduced-motion:reduce){.casca-atualizando{animation:none;background:var(--azul);opacity:.5}}.botao,.chip,.chips,.v2-acao,.v2-btn,[role=tab]{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}