:root{--primary: #111827;--primary-dark: #030712;--accent: #0891b2;--accent-hover: #0e7490;--accent-soft: #0891b21f;--bg-light: #f6f7f9;--bg-white: #ffffff;--bg-sunken: #eef0f3;--text-main: #111827;--text-muted: #4b5563;--text-label: #6b7280;--text-light: #9ca3af;--border: #e3e6eb;--success: #0a7d4b;--success-bg: #e6f6ee;--warning: #a35a00;--warning-bg: #fdf1e3;--error: #b3261e;--error-bg: #fdeaea;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(17, 24, 39, .04);--shadow-pop: 0 10px 20px rgba(17, 24, 39, .08);--largura: 1160px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.55;color:var(--text-main);background:var(--bg-light);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.02em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.container{width:100%;max-width:var(--largura);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.lateral{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) var(--space-4);background:var(--bg-white);border-right:1px solid var(--border);position:sticky;top:0;height:100vh}.lateral .marca{display:flex;align-items:center;gap:9px;padding:0 var(--space-2);font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--primary)}.lateral .marca span{font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:0;color:var(--text-label)}.lateral nav{display:flex;flex-direction:column;gap:2px}.lateral nav a{display:block;padding:8px var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.92rem;font-weight:500;text-decoration:none}.lateral nav a{white-space:nowrap}.lateral nav a small{display:block;font-size:.72rem;font-weight:400;color:var(--text-label)}.lateral nav a:hover{background:var(--bg-sunken);color:var(--text-main)}.lateral nav a[aria-current=page]{background:var(--accent-soft);color:var(--text-main);box-shadow:inset 3px 0 0 var(--accent)}.lateral .sair{margin-top:auto;padding:8px var(--space-3);color:var(--text-muted);font-size:.85rem;text-decoration:none}.lateral .sair:hover{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}.corpo{display:flex;flex-direction:column;min-width:0}.cabecalho{width:100%;max-width:var(--largura);margin:0 auto;padding:var(--space-6) var(--space-6) 0}.cabecalho .atualizar{margin-left:auto;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-main);font:inherit;font-size:.85rem;cursor:pointer}.cabecalho .atualizar:hover{border-color:var(--accent);color:var(--accent-hover)}.esqueleto{display:grid;gap:var(--space-3)}.esqueleto span{display:block;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-sunken) 25%,#f7f8fa 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:brilho 1.4s ease-in-out infinite}.esqueleto[data-forma=cartoes]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.esqueleto[data-forma=cartoes] span{height:96px}.esqueleto[data-forma=tabela] span{height:300px}.esqueleto[data-forma=misto]{grid-template-columns:1fr 1fr}.esqueleto[data-forma=misto] span:nth-child(1){grid-column:1 / -1;height:96px}.esqueleto[data-forma=misto] span:nth-child(2){height:96px}.esqueleto[data-forma=misto] span:nth-child(3),.esqueleto[data-forma=misto] span:nth-child(4){height:200px}@keyframes brilho{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.esqueleto span{animation:none}}.carregando{display:none;margin-top:var(--space-2);color:var(--text-label);font-size:.8rem}.carregando.htmx-request{display:block}.cabecalho h1{font-size:1.5rem;font-weight:600;margin:0}main{padding-top:28px;padding-bottom:48px}main h1{font-size:1.5rem;font-weight:600;margin:0 0 24px}main h2{font-size:1.05rem;font-weight:600;margin:0 0 14px}.acoes{margin-bottom:var(--space-6)}.acoes ul{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.acao{display:block;padding:var(--space-3) var(--space-4);background:var(--bg-white);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);text-decoration:none}.acao:hover,.acao:focus-visible{border-left-color:var(--accent);color:var(--text-main)}.acao-erro{border-left-color:var(--error)}.acao-atencao{border-left-color:var(--warning)}.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.cartao{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px}.cartao h3{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-label)}.cartao .valor{font-family:var(--font-display);font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.cartao .valor .badge{font-family:var(--font-body);font-size:.78rem}.cartao small{color:var(--text-muted)}.badge,.pill{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.badge-ok,.pill.ok{background:var(--success-bg);color:var(--success)}.badge-erro,.pill.erro{background:var(--error-bg);color:var(--error)}.badge-andamento{background:var(--accent-soft);color:var(--primary)}.badge-neutro{background:var(--bg-sunken);color:var(--text-muted)}.pill.aviso{background:var(--warning-bg);color:var(--warning)}.funil{padding:0;margin:0;list-style:none}.funil li{margin:14px 0}.funil-topo{display:flex;justify-content:space-between;gap:var(--space-3);font-size:.95rem}.funil-topo b{font-family:var(--font-display)}.barra{height:8px;margin:6px 0;background:var(--bg-sunken);border-radius:var(--radius-pill);overflow:hidden}.barra span{display:block;height:100%;background:var(--accent);border-radius:var(--radius-pill)}.funil small{color:var(--text-muted)}.series{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}.series-unica{grid-template-columns:1fr}.serie{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:var(--space-4)}.serie figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.serie figcaption h3{margin:0;font-family:var(--font-body);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-label)}.serie figcaption b{font-family:var(--font-display)}.barras{display:flex;align-items:flex-end;gap:2px;height:64px;margin-top:var(--space-3);border-bottom:1px solid var(--border)}.barras .coluna{flex:1;min-height:0;background:var(--accent);border-radius:3px 3px 0 0}.erro{padding:var(--space-3) var(--space-4);background:var(--error-bg);color:var(--error);border:1px solid #f3c9c6;border-left:3px solid var(--error);border-radius:var(--radius-sm)}.aviso{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-bg);color:var(--warning);border:1px solid #f0d6b8;border-left:3px solid var(--warning);border-radius:var(--radius-sm)}.vazio{margin-top:var(--space-3);padding:var(--space-6);text-align:center;color:var(--text-label);background:var(--bg-white);border:1px dashed var(--border);border-radius:var(--radius)}.login{max-width:360px;margin:8vh auto;padding:0 24px}.login .marca{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 var(--space-6);font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--primary)}.login .marca span{font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:0;color:var(--text-label)}.login input{width:100%;padding:12px 14px;margin:6px 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);font-family:inherit;font-size:.95rem;color:var(--text-main)}.login input::placeholder{color:var(--text-label)}.login input:focus{border-color:var(--accent-hover);box-shadow:0 0 0 4px var(--accent-soft)}.login button{width:100%;margin-top:var(--space-2);padding:12px;background:var(--primary);color:var(--bg-white);border:1px solid var(--primary);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.login button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--primary-dark)}.login button:disabled{opacity:.6;cursor:not-allowed}.producao{margin-top:var(--space-8)}.tabela{margin-top:var(--space-3);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow-x:auto}.tabela table{width:100%;border-collapse:collapse;font-size:.95rem}.tabela th,.tabela td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}.tabela td{max-width:34ch;overflow-wrap:anywhere}.tabela td.arquivo{max-width:28ch}.tabela td.arquivo span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.tabela{overflow:visible;border:0;background:transparent;box-shadow:none}.tabela table,.tabela thead,.tabela tbody,.tabela tr,.tabela td{display:block}.tabela thead{display:none}.tabela tr{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.tabela td{display:flex;justify-content:space-between;gap:var(--space-3);max-width:none;padding:2px 0;border:0}.tabela td:before{content:attr(data-label);flex:0 0 auto;color:var(--text-label);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.tabela td:first-child{display:block;margin-bottom:4px;font-weight:600}.tabela td:first-child:before{content:none}.tabela td.arquivo span{white-space:normal}}.tabela th{font-family:var(--font-body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--text-label)}.tabela td:first-child{font-weight:500;color:var(--text-main)}.tabela tbody tr:last-child td{border-bottom:0}@media(max-width:720px){.series{grid-template-columns:1fr}.container{padding-left:var(--space-4);padding-right:var(--space-4)}header.topbar nav a{margin-left:12px;font-size:.85rem}}.serie-neutra .coluna{background:var(--bg-sunken)}.serie-ciano .coluna{background:var(--accent)}.escala{margin:var(--space-2) 0 0;font-size:.72rem;color:var(--text-label)}.tabela td.num{font-variant-numeric:tabular-nums}.frescor{margin:var(--space-6) 0 0;font-size:.78rem;color:var(--text-label)}.erro-rede{margin-top:0;margin-bottom:var(--space-4)}.pular{position:absolute;left:-9999px;top:0;z-index:20;padding:var(--space-3) var(--space-4);background:var(--primary);color:var(--bg-white);border-radius:0 0 var(--radius-sm) 0;text-decoration:none}.pular:focus{left:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.secao{min-height:120px}.esqueleto{height:96px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-sunken) 25%,#e6e9ee 37%,var(--bg-sunken) 63%);background-size:400% 100%;animation:esqueleto 1.4s ease infinite}@keyframes esqueleto{0%{background-position:100% 0}to{background-position:0 0}}@media(max-width:1023px){.shell{grid-template-columns:1fr}.lateral{position:static;height:auto;flex-direction:row;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-right:0;border-bottom:1px solid var(--border);overflow-x:auto}.lateral nav{flex-direction:row}.lateral nav a{white-space:nowrap}.lateral nav a small{display:none}.lateral .sair{margin-top:0;margin-left:auto}}.formulario{display:grid;gap:var(--space-2);max-width:520px;margin-top:var(--space-4)}.formulario label{margin-top:var(--space-2);color:var(--text-main);font-size:.85rem;font-weight:600}.formulario input,.formulario select{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-main);font:inherit}.formulario input:focus,.formulario select:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.formulario button{justify-self:start;margin-top:var(--space-4);padding:11px 20px;border:0;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font:inherit;font-weight:600;cursor:pointer}.formulario button:hover:not(:disabled){background:var(--accent);color:var(--primary)}.formulario button:disabled{opacity:.6;cursor:wait}.opcional{color:var(--text-muted);font-weight:400}#btn-criar .carregando,#btn-criar.htmx-request .rotulo{display:none}#btn-criar.htmx-request .carregando{display:inline}.btn-secundario{color:var(--accent-hover);font-weight:600;text-decoration:none}.btn-secundario:hover{text-decoration:underline}@media(max-width:900px){.lateral nav{display:flex;gap:var(--space-1);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.lateral nav a{flex:0 0 auto;scroll-snap-align:start}.lateral nav a small{display:none}}@media(max-width:640px){.cartoes{grid-template-columns:1fr 1fr}.cartao .valor{font-size:1.4rem}}.tabela td.num,.tabela th.num{text-align:right;font-variant-numeric:tabular-nums}.cartao .valor,.serie figcaption b,.funil b{font-variant-numeric:tabular-nums}.serie figcaption h2{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-label)}.cartao-rotulo{margin:0 0 var(--space-2);color:var(--text-label);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.cartao-secundario{opacity:.75}.conta-cabecalho{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.conta-cabecalho h2{margin:0}.acao-conta{margin-left:auto}.btn-perigo{padding:9px 16px;border:1px solid var(--error);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--error);font:inherit;font-weight:600;cursor:pointer}.btn-perigo:hover{background:var(--error);color:#fff}.eixo{display:flex;justify-content:space-between;margin-top:4px;color:var(--text-label);font-size:.72rem}.badge-env{margin-left:auto;padding:2px 6px;font-size:.6rem;letter-spacing:.1em;background:var(--error-bg);color:var(--error)}
