:root{--navy: #182b49;--navy-2: #213a60;--navy-3: #2c4a78;--ink: #182b49;--muted: #64748b;--soft: #8a97aa;--line: #e4e9f1;--bg: #f4f7fb;--white: #fff;--field: #f8fafd;--blue: #2359c4;--blue-h: #1c4aa6;--blue-l: #eef4ff;--green: #247354;--green-l: #edf7f1;--amber: #996b19;--amber-l: #fff7e8;--red: #b44d56;--red-l: #fdf0f1;--r: 10px;--shadow: 0 1px 2px rgba(24, 43, 73, .06), 0 8px 24px rgba(24, 43, 73, .06);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.01em}h1{font-size:26px;font-weight:600}h2{font-size:17px;font-weight:600}h3{font-size:15px;font-weight:600}p{margin:0}.muted{color:var(--muted)}.small{font-size:12.5px}.num{font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:248px;flex:none;background:var(--navy);color:#c9d5ea;display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh}.sidebar .brand{background:#fff;border-radius:12px;padding:12px 14px 10px;margin-bottom:20px}.sidebar .brand img{width:150px;display:block}.sidebar .brand small{display:block;font-size:10.5px;color:var(--muted);margin-top:6px;line-height:1.3}.sidebar .grupo{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#7f93b5;margin:14px 10px 6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;color:#dbe4f3;font-weight:500}.sidebar nav a:hover{background:var(--navy-2);text-decoration:none}.sidebar nav a.ativo{background:var(--blue);color:#fff;font-weight:600}.sidebar nav a .contador{margin-left:auto;background:#e8505b;color:#fff;border-radius:99px;font-size:11px;font-weight:600;padding:1px 7px}.sidebar .rodape{margin-top:auto;background:var(--navy-2);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px}.sidebar .rodape .quem{flex:1;min-width:0}.sidebar .rodape strong{display:block;color:#fff;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .rodape span{font-size:11.5px;color:#9fb3d6}.sidebar .rodape button{background:none;border:0;color:#9fb3d6;padding:4px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 32px;position:sticky;top:0;z-index:5}.topbar .trilha{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.topbar .trilha b{color:var(--ink);font-weight:600}.topbar .espaco{flex:1}.conteudo{padding:28px 32px 64px;display:flex;flex-direction:column;gap:22px;max-width:1280px;width:100%}.cabecalho{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.cabecalho>div:first-child{flex:1;min-width:240px}.cabecalho p{color:var(--muted);margin-top:4px}.menu-mobile{display:none;background:none;border:0;padding:6px;color:var(--ink)}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.card.sem-pad{padding:0;overflow:hidden}.card>h2+*,.card>header+*{margin-top:14px}.card header{display:flex;align-items:center;gap:10px}.card header h2{flex:1}.grade{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.lado{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.pilha{display:flex;flex-direction:column;gap:16px}.linha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kpi{display:flex;gap:14px;align-items:center}.kpi .ic{width:42px;height:42px;border-radius:10px;background:var(--blue-l);color:var(--blue);display:grid;place-items:center;flex:none}.kpi strong{display:block;font-size:24px;font-weight:600;line-height:1.1}.kpi span{color:var(--muted);font-size:12.5px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-weight:500}hr.sep{border:0;border-top:1px solid var(--line);margin:4px 0}.tabela{width:100%;border-collapse:collapse}.tabela th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:11px 16px;background:var(--field);border-bottom:1px solid var(--line);white-space:nowrap}.tabela td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.tabela tr:last-child td{border-bottom:0}.tabela tbody tr.clicavel{cursor:pointer}.tabela tbody tr.clicavel:hover{background:#f9fbfe}.tabela .dir{text-align:right}.rolagem{overflow-x:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid transparent;background:var(--blue);color:#fff;font-weight:600;white-space:nowrap}.btn:hover{background:var(--blue-h);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sec{background:#fff;color:var(--ink);border-color:var(--line)}.btn.sec:hover{background:var(--field)}.btn.perigo{background:var(--red-l);color:var(--red)}.btn.verde{background:var(--green)}.btn.peq{height:32px;padding:0 12px;font-size:13px}.btn.total{width:100%}.link{background:none;border:0;color:var(--blue);font-weight:600;padding:0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.neutro{background:#f1f4f8;color:#5b6779}.badge.info{background:var(--blue-l);color:var(--blue)}.badge.sucesso{background:var(--green-l);color:var(--green)}.badge.atencao{background:var(--amber-l);color:var(--amber)}.badge.erro{background:var(--red-l);color:var(--red)}.aviso{display:flex;gap:10px;padding:12px 14px;border-radius:10px;background:var(--blue-l);color:#1d3f86;font-size:13px}.aviso.amarelo{background:var(--amber-l);color:#7a5410}.aviso.verde{background:var(--green-l);color:var(--green)}.aviso.vermelho{background:var(--red-l);color:var(--red)}.aviso svg{flex:none;margin-top:1px}.vazio{text-align:center;padding:48px 20px;color:var(--muted)}.vazio .ic{width:52px;height:52px;border-radius:14px;background:var(--blue-l);color:var(--blue);display:grid;place-items:center;margin:0 auto 12px}.vazio h3{color:var(--ink);margin-bottom:4px}.abas{display:flex;gap:24px;border-bottom:1px solid var(--line)}.abas button{background:none;border:0;padding:0 0 11px;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.abas button.ativa{color:var(--blue);font-weight:600;border-bottom-color:var(--blue)}.carregando{padding:40px;text-align:center;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-weight:500;color:var(--ink)}.chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}.campo{display:flex;flex-direction:column;gap:6px;min-width:0}.campo label{font-size:13px;font-weight:600}.campo .dica{font-size:12px;color:var(--muted)}.input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:var(--field);width:100%;outline:none}textarea.input{height:auto;min-height:84px;padding:10px 12px;resize:vertical}.input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2359c41f}.input.peq{height:36px}.erro-form{color:var(--red);font-size:13px}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.check input{margin-top:3px;accent-color:var(--blue);width:16px;height:16px}.acesso{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;background:#fff}.acesso .form-lado{display:flex;align-items:center;justify-content:center;padding:40px 24px}.acesso .form-box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px}.acesso .form-box.largo{max-width:620px}.acesso .logo img{width:170px;display:block}.acesso .logo small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.acesso .arte{background:var(--navy);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:center;gap:24px;position:relative;overflow:hidden}.acesso .arte:after{content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border-radius:50%;border:60px solid rgba(255,255,255,.04)}.acesso .arte .rotulo{color:#9fb3d6;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.acesso .arte h2{font-size:30px;line-height:1.2}.acesso .arte p{color:#c9d5ea;max-width:440px}.acesso .arte ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.acesso .arte li{display:flex;gap:12px}.acesso .arte li .ic{width:34px;height:34px;border-radius:9px;background:var(--navy-2);display:grid;place-items:center;flex:none}.acesso .arte li b{display:block}.acesso .arte li span{color:#9fb3d6;font-size:13px}.fundo{position:fixed;inset:0;background:#0f1a2d73;display:grid;place-items:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;box-shadow:var(--shadow)}.modal header{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.modal header h2{flex:1}.modal .corpo{padding:20px;display:flex;flex-direction:column;gap:16px}.modal footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.fechar{background:none;border:0;color:var(--muted);padding:4px}.suporte-btn{position:fixed;right:24px;bottom:24px;z-index:40;height:48px;border-radius:99px;padding:0 18px;background:var(--navy);color:#fff;border:0;display:flex;align-items:center;gap:8px;font-weight:600;box-shadow:0 8px 24px #182b4940}.suporte{position:fixed;right:24px;bottom:84px;width:360px;height:480px;max-height:calc(100vh - 110px);background:#fff;border-radius:14px;box-shadow:0 16px 48px #182b4938;z-index:40;display:flex;flex-direction:column;overflow:hidden}.suporte header{background:var(--navy);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.suporte header div{flex:1}.suporte header small{color:#9fb3d6;display:block}.suporte header button{background:none;border:0;color:#c9d5ea}.mensagens{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.msg{max-width:80%;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);align-self:flex-start}.msg.minha{align-self:flex-end;background:var(--blue);color:#fff;border-color:var(--blue)}.msg small{display:block;font-size:11px;opacity:.7;margin-top:2px}.enviar{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.linha-tempo{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.linha-tempo li{display:flex;gap:12px;position:relative;padding-bottom:16px}.linha-tempo li:not(:last-child):before{content:"";position:absolute;left:9px;top:22px;bottom:2px;width:2px;background:var(--line)}.linha-tempo .ponto{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:#fff;flex:none;display:grid;place-items:center}.linha-tempo li.feito .ponto{background:var(--green);border-color:var(--green);color:#fff}.linha-tempo li.atual .ponto{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-l)}.linha-tempo b{display:block;font-weight:600}.linha-tempo span{color:var(--muted);font-size:12.5px}@media(max-width:1100px){.lado{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.acesso{grid-template-columns:1fr}.acesso .arte{display:none}.sidebar{position:fixed;left:0;top:0;z-index:30;transform:translate(-100%);transition:transform .2s}.sidebar.aberta{transform:none;box-shadow:0 0 0 100vmax #0f1a2d73}.menu-mobile{display:block}.topbar{padding:0 16px}.conteudo{padding:20px 16px 96px}.g3,.g2{grid-template-columns:1fr}.suporte{right:12px;left:12px;width:auto}}@media(max-width:520px){.g4{grid-template-columns:1fr}}.girar{animation:girar 1s linear infinite;vertical-align:-4px}@keyframes girar{to{transform:rotate(360deg)}}.tabela th.item,.tabela td.item{min-width:220px}.conteudo{padding-bottom:104px}@media(max-width:860px){.abas{overflow-x:auto;white-space:nowrap;gap:18px;scrollbar-width:none}.cabecalho .linha .btn{flex:1}}
