:root{
  --azul-950:#060a2e;--azul-900:#0a1247;--azul-800:#0f1d63;--azul-700:#16297f;--azul-600:#1f3aa3;--azul-500:#2f54d0;--azul-200:#c9d4fb;--azul-100:#e2e8ff;--azul-50:#f1f4ff;
  --tinta:#0e1526;--tinta-2:#4a5568;--tinta-3:#8590a3;--linha:#e3e7ee;--linha-2:#eef1f5;--fundo:#f4f6f9;
  --verde:#157f45;--verde-50:#e6f5ec;--amarelo:#9a6200;--amarelo-50:#fff3d1;--vermelho:#bd1f2a;--vermelho-50:#fdebec;--cinza-50:#eff1f5;
  --pe-azul:#0170ee;--pe-verde:#00b92f;--pe-amarelo:#ffd105;--pe-vermelho:#fa0a15;--nigs-navy:#011852;
  --raio:12px;--raio-p:9px;
  --sombra-1:0 1px 2px rgba(14,21,38,.06);--sombra-2:0 10px 28px -8px rgba(14,21,38,.16);--sombra-3:0 30px 70px -10px rgba(6,10,46,.35);
  --lateral:272px;--topo:64px;
  --fonte:'Public Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body.v2,body.legado{margin:0;font-family:var(--fonte);font-size:14.5px;line-height:1.5;color:var(--tinta);background:var(--fundo);-webkit-font-smoothing:antialiased}
.v2 a{color:var(--azul-600);text-decoration:none}
.v2 a:hover{color:var(--azul-500)}
.v2 h1,.v2 h2,.v2 h3{color:var(--tinta)}
.ic{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}
.num,.mono{font-variant-numeric:tabular-nums}

.v-lateral{position:fixed;top:0;left:0;bottom:0;width:var(--lateral);background:linear-gradient(185deg,#000c33 0%,var(--nigs-navy) 52%,#062a78 100%);color:#fff;display:flex;flex-direction:column;z-index:50;font-family:var(--fonte)}
.v-faixa{display:flex;height:4px;flex:none}
.v-faixa i{flex:1}
.v-faixa i:nth-child(1){background:var(--pe-azul)}
.v-faixa i:nth-child(2){background:var(--pe-verde)}
.v-faixa i:nth-child(3){background:var(--pe-amarelo)}
.v-faixa i:nth-child(4){background:var(--pe-vermelho)}
.v-marca{display:flex;align-items:center;gap:12px;padding:18px 20px 16px;color:#fff!important;text-decoration:none!important}
.v-marca img{width:44px;height:44px;border-radius:11px;box-shadow:0 0 0 1px #ffffff26}
.v-marca b{display:block;font-size:17px;font-weight:700;letter-spacing:.01em;line-height:1.2}
.v-marca small{display:block;font-size:11.5px;color:#ffffffa1;line-height:1.35;margin-top:2px}
.v-marca-logo{flex-direction:column;align-items:flex-start;gap:9px;padding:22px 22px 18px}
.v-marca-logo img{width:100%;max-width:228px;height:auto;border-radius:0;box-shadow:none}
.v-marca-logo small{margin:0}
.v-menu{flex:1;overflow-y:auto;padding:4px 12px 18px;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
.v-menu a{display:flex;align-items:center;gap:11px;padding:8px 10px;margin:1px 0;border-radius:9px;color:#ffffffc4!important;font-size:14px;font-weight:500;position:relative;text-decoration:none!important;transition:background .15s,color .15s}
.v-menu a:hover{background:#ffffff12;color:#fff!important}
.v-menu a.ativo{background:#ffffff1f;color:#fff!important;font-weight:600}
.v-menu a.ativo::before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--pe-amarelo)}
.v-menu a .ic{width:18px;height:18px;opacity:.85}
.v-menu .grupo{margin-top:12px}
.v-menu .grupo>button{appearance:none;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;font:700 11px/1 var(--fonte);letter-spacing:.09em;text-transform:uppercase;color:#ffffff7a}
.v-menu .grupo>button:hover{color:#ffffffc4}
.v-menu .grupo>button .ic{width:14px;height:14px;transition:transform .2s}
.v-menu .grupo.fechado>button .ic{transform:rotate(-90deg)}
.v-menu .grupo.fechado .grupo-itens{display:none}
.v-menu .grupo.fechado.tem-ativo .grupo-itens{display:block}
.v-lateral-pe{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid #ffffff17;font-size:13px}
.v-avatar{width:34px;height:34px;border-radius:50%;background:#ffffff1f;display:inline-grid;place-items:center;font-weight:700;font-size:12.5px;letter-spacing:.02em;flex:none}
.v-avatar-claro{background:var(--azul-100);color:var(--azul-800);width:32px;height:32px}
.v-quem{min-width:0}
.v-quem b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v-quem small{display:block;color:#ffffff8c;font-size:12px}

.v-topo{position:sticky;top:0;z-index:40;height:var(--topo);margin-left:var(--lateral);background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px);border-bottom:1px solid var(--linha);display:flex;align-items:center;gap:14px;padding:0 28px;font-family:var(--fonte)}
.v-busca{position:relative;flex:1;max-width:540px;margin:0}
.v-busca .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--tinta-3);width:17px;height:17px;pointer-events:none}
.v-busca input{width:100%;height:40px;border:1px solid var(--linha);border-radius:10px;background:var(--fundo);padding:0 40px 0 38px;font:inherit;font-size:14px;color:var(--tinta);transition:border-color .15s,background .15s,box-shadow .15s}
.v-busca input:focus{outline:none;background:#fff;border-color:var(--azul-500);box-shadow:0 0 0 3px #2f54d026}
.v-busca kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);font:600 11px/1 var(--fonte);color:var(--tinta-3);border:1px solid var(--linha);border-bottom-width:2px;border-radius:6px;padding:4px 7px;background:#fff}
.v-busca input:focus+kbd{display:none}
.v-topo-dir{margin-left:auto;display:flex;align-items:center;gap:10px}
.v-conta{position:relative}
.v-conta summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px 4px 4px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--tinta)}
.v-conta summary::-webkit-details-marker{display:none}
.v-conta summary:hover{background:var(--fundo)}
.v-conta summary .ic{width:15px;height:15px;color:var(--tinta-3)}
.v-conta-menu{position:absolute;right:0;top:calc(100% + 8px);width:250px;background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra-2);padding:6px;z-index:70}
.v-conta-cab{padding:10px 10px 10px;border-bottom:1px solid var(--linha-2);margin-bottom:4px}
.v-conta-cab b{display:block;font-size:13.5px}
.v-conta-cab small{color:var(--tinta-3);font-size:12px}
.v-conta-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--tinta)!important;font-size:13.5px;font-weight:500;text-decoration:none!important}
.v-conta-menu a:hover{background:var(--fundo)}
.v-conta-menu a .ic{width:16px;height:16px;color:var(--tinta-2)}

.v-conteudo{margin-left:var(--lateral);padding:28px 32px 28px;max-width:calc(1480px + var(--lateral));min-height:calc(100vh - var(--topo))}
.v-rodape{margin-top:40px;padding-top:16px;border-top:1px solid var(--linha);font-size:12px;color:var(--tinta-3)}
.v-cabecalho{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.v-cabecalho h1{margin:0;font-size:25px;line-height:1.2;font-weight:700;letter-spacing:-.015em}
.v-cabecalho p{margin:5px 0 0;color:var(--tinta-2);max-width:760px}
.v-cabecalho-acoes{display:flex;gap:8px;flex-wrap:wrap}
.v-trilha{font-size:12.5px;color:var(--tinta-3);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.v-trilha a{color:var(--tinta-2)}
.v-trilha .ic{width:13px;height:13px}

.botao{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--raio-p);border:1px solid #d9dee7;background:#fff;color:var(--tinta)!important;font:600 13.5px/1 var(--fonte);cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;user-select:none}
.botao:hover{border-color:#c5ccd8;background:#f9fafb}
.botao:focus-visible{outline:none;box-shadow:0 0 0 3px #2f54d040}
.botao .ic{width:16px;height:16px}
.botao[disabled]{opacity:.55;cursor:not-allowed}
.botao-primario{background:var(--azul-800);border-color:var(--azul-800);color:#fff!important}
.botao-primario:hover{background:var(--azul-700);border-color:var(--azul-700)}
.botao-perigo{color:var(--vermelho)!important}
.botao-perigo:hover{background:var(--vermelho-50);border-color:#f2c4c7}
.botao-perigo-cheio{background:var(--vermelho);border-color:var(--vermelho);color:#fff!important}
.botao-perigo-cheio:hover{background:#a51a24}
.botao-verde{color:var(--verde)!important}
.botao-verde:hover{background:var(--verde-50);border-color:#bfe3cd}
.botao-fantasma{border-color:transparent;background:transparent}
.botao-fantasma:hover{background:var(--cinza-50);border-color:transparent}
.botao-p{height:32px;padding:0 10px;font-size:12.5px;border-radius:8px;gap:6px}
.botao-p .ic{width:15px;height:15px}
.botao-icone{width:38px;padding:0}
.botao-p.botao-icone{width:32px}
.so-celular{display:none!important}

.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:22px}
.painel-grade>.bloco+.bloco{margin-top:0}
.rolagem-x{overflow-x:auto}
.tabela td.num,.tabela th.num{white-space:nowrap}
.alerta-dado{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--amarelo-50);color:var(--amarelo);font-size:13px;font-weight:600}
.cartao-num{display:flex;flex-direction:column;gap:4px;padding:16px 18px 15px;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);color:inherit!important;position:relative;text-decoration:none!important;transition:border-color .15s,box-shadow .2s,transform .2s}
.cartao-num:hover{border-color:var(--azul-200);box-shadow:var(--sombra-2);transform:translateY(-2px)}
.cartao-num .rotulo{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-2);display:flex;align-items:center;gap:8px;padding-right:26px}
.cartao-num .rotulo .ic{width:16px;height:16px;color:var(--azul-600)}
.cartao-num .numero{font-size:36px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.08;color:var(--tinta);margin-top:6px}
.cartao-num .sub{font-size:12.5px;color:var(--tinta-3)}
.cartao-num .sub b{color:var(--tinta-2);font-weight:600}
.cartao-num .seta{position:absolute;right:14px;top:15px;color:#b8c0cd;transition:transform .2s,color .2s}
.cartao-num:hover .seta{transform:translateX(3px);color:var(--azul-500)}
.cartao-num.destaque{background:linear-gradient(160deg,var(--azul-900),var(--azul-700));border-color:transparent}
.cartao-num.destaque .rotulo,.cartao-num.destaque .sub{color:#ffffffb5}
.cartao-num.destaque .rotulo .ic,.cartao-num.destaque .seta{color:#ffffffa0}
.cartao-num.destaque .numero{color:#fff}
.cartao-num.destaque .sub b{color:#fff}

.painel-grade{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start}
.bloco{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.bloco+.bloco{margin-top:16px}
.bloco-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--linha-2)}
.bloco-cab h2{margin:0;font-size:15.5px;font-weight:700;display:flex;align-items:center;gap:8px}
.bloco-cab h2 .ic{color:var(--azul-600)}
.bloco-cab p{margin:2px 0 0;font-size:12.5px;color:var(--tinta-3)}
.bloco-corpo{padding:16px 18px}
.bloco-pe{padding:12px 18px;border-top:1px solid var(--linha-2);font-size:13px}
.lista-simples{list-style:none;margin:0;padding:0}
.lista-simples li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;border-top:1px solid var(--linha-2)}
.lista-simples li:first-child{border-top:0}
.lista-simples .t{font-weight:600;font-size:14px;color:var(--tinta)}
.lista-simples .s{display:block;font-size:12.5px;color:var(--tinta-3);font-weight:400}

.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px;background:#fff;border:1px solid var(--linha);border-bottom:0;border-radius:var(--raio) var(--raio) 0 0}
.filtros .campo{min-width:132px;flex:1 1 150px;max-width:220px}
.filtros .campo-busca{flex:2 1 240px;min-width:200px;max-width:none}
.filtros .campo label{font-size:11.5px}
.filtros .filtros-acoes{display:flex;gap:8px;margin-left:auto}
.filtros .entrada{height:38px}
.contagem{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#fbfcfd;border:1px solid var(--linha);border-top:1px solid var(--linha-2);border-bottom:0;font-size:13px;color:var(--tinta-2)}
.contagem b{color:var(--tinta)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--linha);background:#fff;color:var(--tinta-2)!important;font-size:12.5px;font-weight:600;text-decoration:none!important}
.chip:hover{border-color:#cbd2dd;color:var(--tinta)!important}
.chip.ligado{background:var(--azul-800);border-color:var(--azul-800);color:#fff!important}
.chip .n{font-variant-numeric:tabular-nums;opacity:.7}

.tabela-caixa{background:#fff;border:1px solid var(--linha);border-radius:0 0 var(--raio) var(--raio);overflow-x:auto}
.tabela-caixa.sozinha{border-radius:var(--raio)}
table.tabela{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
.tabela th{background:#fafbfc;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2);padding:11px 14px;border-bottom:1px solid var(--linha);white-space:nowrap}
.tabela td{padding:12px 14px;border-bottom:1px solid var(--linha-2);vertical-align:middle;color:var(--tinta)}
.tabela tbody tr:last-child td{border-bottom:0}
.tabela tbody tr{transition:background .12s}
.tabela tbody tr:hover td{background:#f8faff}
.tabela tr.destacado td{animation:piscar 2.4s ease}
@keyframes piscar{0%,30%{background:#fff7d6}100%{background:transparent}}
.tabela .acoes{text-align:right;white-space:nowrap;width:1%}
.tabela .acoes form{display:inline}
.tabela .acoes .botao{margin-left:4px}
.tabela .forte{font-weight:600}
.tabela .apagado{color:var(--tinta-3)}
.tabela .sub{display:block;font-size:12.5px;color:var(--tinta-3);font-weight:400;margin-top:1px}
.tabela .mono{color:var(--tinta-2);white-space:nowrap}
.tabela .sub.data-alerta{color:#c62828;font-weight:600}
.tabela .sub.data-aviso{color:#a15c00;font-weight:600}
.tabela td.num,.tabela th.num{text-align:right}
.tabela .col-regua{min-width:240px;width:30%}
.vazio{padding:56px 20px;text-align:center;color:var(--tinta-2)}
.vazio .ic{width:34px;height:34px;color:#c2c9d4;margin-bottom:10px}
.vazio b{display:block;color:var(--tinta);font-size:15px;margin-bottom:4px}
.paginacao{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 14px;border-top:1px solid var(--linha-2);font-size:13px;color:var(--tinta-2);background:#fff}
.paginacao .paginas{display:flex;gap:4px}
.paginacao .paginas a,.paginacao .paginas span{min-width:32px;height:32px;display:inline-grid;place-items:center;padding:0 8px;border-radius:8px;border:1px solid var(--linha);color:var(--tinta-2)!important;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none!important}
.paginacao .paginas a:hover{border-color:#c5ccd8;color:var(--tinta)!important}
.paginacao .paginas .atual{background:var(--azul-800);border-color:var(--azul-800);color:#fff!important}
.paginacao .paginas .pulo{border:0;min-width:16px}

.selo{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1}
.selo::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.selo-verde{background:var(--verde-50);color:var(--verde)}
.selo-cinza{background:var(--cinza-50);color:#5a6476}
.selo-amarelo{background:var(--amarelo-50);color:var(--amarelo)}
.selo-vermelho{background:var(--vermelho-50);color:var(--vermelho)}
.selo-azul{background:var(--azul-50);color:var(--azul-600)}
.selo-plano::before{display:none}

.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo>label,.rotulo{font-size:12.5px;font-weight:600;color:var(--tinta-2);line-height:1.3}
.campo>label .obrig{color:var(--vermelho);margin-left:2px}
.entrada{display:block;width:100%;height:40px;padding:0 12px;border:1px solid #d3d9e3;border-radius:var(--raio-p);background:#fff;font:inherit;font-size:14px;color:var(--tinta);transition:border-color .15s,box-shadow .15s,background .15s;-webkit-appearance:none;appearance:none}
textarea.entrada{height:auto;min-height:110px;padding:10px 12px;resize:vertical;line-height:1.5}
select.entrada{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238590a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}
.entrada:hover{border-color:#bfc7d4}
.entrada:focus{outline:none;border-color:var(--azul-500);box-shadow:0 0 0 3px #2f54d024}
.entrada[readonly],.entrada:disabled{background:var(--cinza-50);color:var(--tinta-2)}
.entrada::placeholder{color:#a3acbb}
.campo .ajuda{font-size:12px;color:var(--tinta-3);line-height:1.4}
.campo.com-erro .entrada{border-color:var(--vermelho);box-shadow:0 0 0 3px #bd1f2a17}
.campo .erro{font-size:12px;color:var(--vermelho);font-weight:600}
.campo.valido .entrada{border-color:#7ccf9f}
.campo .junto{position:relative}
.campo .junto .entrada{padding-right:42px}
.campo .junto .botao{position:absolute;right:4px;top:4px;height:32px;width:34px;padding:0;border:0;background:transparent}
.campo .junto .botao:hover{background:var(--cinza-50)}
.marcador{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer;min-height:40px}
.marcador input{width:18px;height:18px;accent-color:var(--azul-700)}
.grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.c-12{grid-column:span 12}.c-10{grid-column:span 10}.c-9{grid-column:span 9}.c-8{grid-column:span 8}.c-7{grid-column:span 7}.c-6{grid-column:span 6}.c-5{grid-column:span 5}.c-4{grid-column:span 4}.c-3{grid-column:span 3}.c-2{grid-column:span 2}
.secao{padding:20px 0 22px;border-top:1px solid var(--linha-2)}
.secao:first-child{border-top:0;padding-top:6px}
.secao>h3{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--azul-700);display:flex;align-items:center;gap:8px}
.secao>h3 small{font-weight:500;text-transform:none;letter-spacing:0;color:var(--tinta-3);font-size:12.5px}
.secao>p.secao-ajuda{margin:-8px 0 14px;font-size:12.5px;color:var(--tinta-3)}
.erros-topo{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--vermelho-50);color:var(--vermelho);font-size:13.5px;font-weight:600;display:flex;gap:10px;align-items:flex-start}

.gaveta-fundo{position:fixed;inset:0;background:rgba(6,10,46,.44);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;animation:surgir .18s ease;display:block}
.gaveta{position:fixed;inset:0;margin:auto;width:min(880px,calc(100vw - 48px));height:fit-content;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);background:#fff;z-index:91;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(6,10,46,.28),0 4px 16px rgba(6,10,46,.12);animation:modal .22s cubic-bezier(.2,.8,.2,1)}
.gaveta.estreita{width:min(620px,calc(100vw - 48px))}
.gaveta-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 24px 16px;border-bottom:1px solid var(--linha)}
.gaveta-cab .tit{min-width:0}
.gaveta-cab small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--azul-600);margin-bottom:3px}
.gaveta-cab h2{margin:0;font-size:19px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.gaveta-cab p{margin:4px 0 0;color:var(--tinta-2);font-size:13px}
.gaveta-corpo{flex:1;min-height:0;overflow-y:auto;padding:6px 24px 26px;overscroll-behavior:contain}
.gaveta-pe{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 24px;border-top:1px solid var(--linha);background:#fbfcfd}
.gaveta-pe .dir{display:flex;gap:8px;margin-left:auto}
body.travado{overflow:hidden}
@keyframes entrar{from{transform:translateX(28px);opacity:.3}to{transform:none;opacity:1}}
@keyframes surgir{from{opacity:0}to{opacity:1}}
@keyframes modal{from{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}

.ficha-cab{display:flex;gap:14px;align-items:center;margin:16px 0 6px}
.ficha-cab .v-avatar{width:52px;height:52px;font-size:17px;background:var(--azul-100);color:var(--azul-800)}
.ficha-cab h3{margin:0;font-size:18px}
.ficha-cab p{margin:2px 0 0;color:var(--tinta-2);font-size:13px}
.dados{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 18px;margin:0}
.dados div{min-width:0}
.dados dt{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:2px}
.dados dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.linha-tempo{list-style:none;margin:0;padding:0;position:relative}
.linha-tempo li{position:relative;padding:0 0 16px 24px}
.linha-tempo li::before{content:"";position:absolute;left:5px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--azul-500);box-shadow:0 0 0 3px var(--azul-50)}
.linha-tempo li::after{content:"";position:absolute;left:9px;top:18px;bottom:0;width:1px;background:var(--linha)}
.linha-tempo li:last-child::after{display:none}
.linha-tempo li.apagado::before{background:#b9c1ce;box-shadow:0 0 0 3px var(--cinza-50)}
.linha-tempo b{font-size:14px}
.linha-tempo span{display:block;font-size:12.5px;color:var(--tinta-3)}

.avisos{position:fixed;top:76px;right:20px;z-index:120;display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 40px))}
.aviso{display:flex;gap:10px;align-items:flex-start;padding:12px 12px 12px 14px;border-radius:12px;background:#fff;border:1px solid var(--linha);box-shadow:var(--sombra-2);font-size:13.5px;font-weight:500;animation:entrar .26s ease;transition:opacity .3s,transform .3s}
.aviso>.ic{margin-top:1px}
.aviso.ok>.ic{color:var(--verde)}
.aviso.erro>.ic{color:var(--vermelho)}
.aviso.info>.ic{color:var(--azul-500)}
.aviso.ok{border-left:4px solid var(--verde)}
.aviso.erro{border-left:4px solid var(--vermelho)}
.aviso.info{border-left:4px solid var(--azul-500)}
.aviso span{flex:1}
.aviso-x{border:0;background:none;padding:2px;cursor:pointer;color:var(--tinta-3);line-height:0}
.aviso.saindo{opacity:0;transform:translateX(20px)}

dialog.dialogo{border:0;border-radius:16px;padding:0;width:min(470px,92vw);box-shadow:var(--sombra-3);color:var(--tinta);font-family:var(--fonte)}
dialog.dialogo::backdrop{background:rgba(6,10,46,.45)}
.dialogo-corpo{padding:22px 22px 6px}
.dialogo-corpo h3{margin:0 0 6px;font-size:17px}
.dialogo-corpo p{margin:0;color:var(--tinta-2);font-size:14px}
.dialogo-corpo .campo{margin-top:14px}
.dialogo-pe{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px 20px}
.senha-mostrada{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border:1px dashed var(--azul-200);background:var(--azul-50);border-radius:10px;font:700 17px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:var(--azul-800)}

.regua{position:relative;height:8px;border-radius:99px;background:var(--linha-2);margin:4px 0 6px}
.regua .periodo{position:absolute;top:0;bottom:0;border-radius:99px;background:#3aa86b}
.regua .aditivo{position:absolute;top:0;bottom:0;border-radius:99px;background:repeating-linear-gradient(135deg,var(--azul-500) 0 4px,#8aa0ee 4px 8px)}
.regua .hoje{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;border-radius:2px;background:var(--tinta)}
.regua.vencendo .periodo{background:#e3a008}
.regua.encerrado .periodo{background:#c1c8d3}
.regua-txt{display:block;font-size:12px;font-weight:600;color:var(--verde)}
.regua-txt.vencendo{color:var(--amarelo)}
.regua-txt.encerrado{color:var(--tinta-3);font-weight:500}
.regua-legenda{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--tinta-2);padding:10px 14px;background:#fbfcfd;border:1px solid var(--linha);border-top:0}
.regua-legenda i{display:inline-block;width:18px;height:8px;border-radius:99px;margin-right:6px;vertical-align:middle}
.regua-legenda .l-vig{background:#3aa86b}.regua-legenda .l-ven{background:#e3a008}.regua-legenda .l-enc{background:#c1c8d3}
.regua-legenda .l-adi{background:repeating-linear-gradient(135deg,var(--azul-500) 0 4px,#8aa0ee 4px 8px)}
.regua-legenda .l-hoje{width:2px;height:14px;background:var(--tinta);border-radius:2px}

.busca-lista{position:relative}
.busca-lista .entrada{padding-right:36px}
.busca-lista .busca-limpar{position:absolute;right:6px;top:6px;width:28px;height:28px;border:0;background:none;color:var(--tinta-3);cursor:pointer;border-radius:6px;line-height:0}
.busca-lista .busca-limpar:hover{background:var(--cinza-50)}
.busca-opcoes{position:absolute;left:0;right:0;top:calc(100% + 4px);max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--linha);border-radius:10px;box-shadow:var(--sombra-2);z-index:30;padding:4px;display:none}
.busca-lista.aberta .busca-opcoes{display:block}
.busca-opcoes button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:7px;font:inherit;font-size:14px;color:var(--tinta);cursor:pointer}
.busca-opcoes button small{color:var(--tinta-3);font-size:12px}
.busca-opcoes button.foco,.busca-opcoes button:hover{background:var(--azul-50)}
.busca-opcoes .busca-nada{padding:12px 10px;color:var(--tinta-3);font-size:13px}
.busca-lista.sug .entrada{padding-right:12px}
.busca-lista.para-cima .busca-opcoes{top:auto;bottom:calc(100% + 4px)}
.busca-opcoes .sug-linha{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%}
.busca-opcoes .sug-t{font-weight:600;min-width:0}
.busca-opcoes .sug-n{flex:none;font-size:12px;color:var(--tinta-3);font-variant-numeric:tabular-nums}
.busca-opcoes mark{background:#fff1a8;color:inherit;border-radius:3px;padding:0 1px}
.sug-dica{display:none;margin-top:6px;font-size:12.5px;line-height:1.45;color:#7a5200;background:#fff8e1;border:1px solid #ffe39a;border-radius:8px;padding:6px 10px}
.sug-dica button{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--azul-600);text-decoration:underline;cursor:pointer}
.busca-info{font-size:12px;color:var(--tinta-3)}

.modulos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.modulos .campo label{font-size:11.5px}
.nota-card{white-space:pre-wrap}

.entrar{min-height:100vh;display:grid;place-items:center;padding:48px 16px;background:radial-gradient(1100px 520px at 50% -12%,#dde5ff 0%,rgba(221,229,255,0) 62%),#fff;font-family:var(--fonte);color:var(--tinta)}
.entrar-faixa{position:fixed;top:0;left:0;right:0;height:4px;display:flex;transform-origin:left;animation:faixa .9s cubic-bezier(.2,.8,.2,1) both}
.entrar-faixa i{flex:1}
.entrar-faixa i:nth-child(1){background:var(--pe-azul)}.entrar-faixa i:nth-child(2){background:var(--pe-verde)}.entrar-faixa i:nth-child(3){background:var(--pe-amarelo)}.entrar-faixa i:nth-child(4){background:var(--pe-vermelho)}
@keyframes faixa{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.entrar-caixa{width:100%;max-width:404px}
.entrar-marca{text-align:center;margin-bottom:20px}
.entrar-marca img{width:168px;height:auto;display:block;margin:0 auto 6px}
.entrar-marca h1 img{width:320px;max-width:100%;margin:0 auto 18px}
.entrar-pe img{display:block;width:76px;height:auto;margin:0 auto 8px}
.entrar-marca h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}
.entrar-marca p{margin:4px 0 0;color:var(--tinta-2);font-size:14px}
.entrar-cartao{background:#fff;border:1px solid var(--linha);border-radius:22px;padding:26px 26px 24px;box-shadow:0 28px 60px -28px rgba(6,10,46,.28)}
.entrar-cartao .campo+.campo{margin-top:16px}
.entrar-cartao .botao-primario{width:100%;height:46px;margin-top:22px;font-size:15px;border-radius:11px;background:var(--azul-900);border-color:var(--azul-900)}
.entrar-cartao .botao-primario:hover{background:var(--azul-700)}
.entrar-cartao .entrada{height:44px;font-size:15px}
.entrar-erro{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--vermelho-50);color:var(--vermelho);font-size:13.5px;font-weight:600}
.entrar-info{margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--azul-50);color:var(--azul-700);font-size:13.5px;font-weight:600}
.entrar-ajuda{text-align:center;margin-top:18px;font-size:13.5px;color:var(--tinta-2)}
.entrar-ajuda a{font-weight:600}
.entrar-pe{text-align:center;margin-top:28px;font-size:12px;color:var(--tinta-3);letter-spacing:.02em}
.cpf-ok{display:none;font-size:12px;font-weight:600;color:var(--verde)}
.campo.valido .cpf-ok{display:inline}

.v-fundo-menu{display:none}
@media (max-width:1100px){
  .painel-grade{grid-template-columns:1fr}
}
@media (max-width:1024px){
  .v-lateral{transform:translateX(-100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);box-shadow:none}
  body.menu-aberto .v-lateral{transform:none;box-shadow:var(--sombra-3)}
  body.menu-aberto .v-fundo-menu{display:block;position:fixed;inset:0;background:rgba(6,10,46,.4);z-index:45}
  .v-topo,.v-conteudo{margin-left:0}
  .v-topo{padding:0 14px;gap:10px}
  .v-conteudo{padding:20px 16px 24px}
  .so-celular{display:inline-flex!important}
  .v-conta-nome,.v-busca kbd{display:none}
}
@media (max-width:720px){
  .grade>[class*="c-"]{grid-column:span 12}
  .modulos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v-cabecalho h1{font-size:21px}
  .cartoes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cartao-num .numero{font-size:28px}
  .filtros .campo,.filtros .campo-busca{flex:1 1 100%}
  .gaveta,.gaveta.estreita{width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:16px}
  .gaveta-corpo,.gaveta-cab,.gaveta-pe{padding-left:16px;padding-right:16px}
  .tabela .esconder-celular{display:none}
}
@media print{
  .v-lateral,.v-topo,.filtros,.paginacao,.acoes,.v-cabecalho-acoes,.avisos{display:none!important}
  .v-conteudo{margin:0;padding:0}
  body.v2{background:#fff}
}

body.legado .page-wrapper{padding:0}
body.legado .content-wrapper{margin-left:var(--lateral)!important;padding:26px 30px 40px!important;background:var(--fundo)!important;min-height:calc(100vh - var(--topo))!important;font-family:var(--fonte)}
body.legado .content-wrapper>br:first-child,body.legado .content-wrapper>br:first-child+br{display:none}
body.legado .page-footer,body.legado .preloader-backdrop,body.legado .sidenav-backdrop{display:none!important}
body.legado .page-content{padding:0!important}
body.legado h1,body.legado h2,body.legado h3,body.legado h4,body.legado h5{font-family:var(--fonte);color:var(--tinta)}
body.legado .btn{font-family:var(--fonte);font-weight:600;border-radius:var(--raio-p);font-size:13.5px;padding:.5rem .9rem;box-shadow:none!important}
body.legado .btn-lg{font-size:14px;padding:.6rem 1rem}
body.legado .btn-sm{font-size:12.5px;padding:.35rem .7rem}
body.legado .btn-primary,body.legado .btn-success{background:var(--azul-800)!important;border-color:var(--azul-800)!important;color:#fff!important}
body.legado .btn-primary:hover,body.legado .btn-success:hover{background:var(--azul-700)!important;border-color:var(--azul-700)!important}
body.legado .btn-outline-primary,body.legado .btn-outline-success,body.legado .btn-outline-secondary,body.legado .btn-secondary{background:#fff!important;border-color:#d9dee7!important;color:var(--tinta)!important}
body.legado .btn-outline-primary:hover,body.legado .btn-outline-success:hover,body.legado .btn-outline-secondary:hover{background:#f9fafb!important}
body.legado .btn-danger,body.legado .btn-outline-danger{background:#fff!important;border-color:#f2c4c7!important;color:var(--vermelho)!important}
body.legado .btn-warning,body.legado .btn-info{background:var(--azul-50)!important;border-color:var(--azul-200)!important;color:var(--azul-700)!important}
body.legado .form-control,body.legado select.form-control{height:40px;border-radius:var(--raio-p);border:1px solid #d3d9e3;font-family:var(--fonte);font-size:14px;color:var(--tinta);box-shadow:none}
body.legado textarea.form-control{height:auto}
body.legado .form-control:focus{border-color:var(--azul-500);box-shadow:0 0 0 3px #2f54d024}
body.legado label{font-size:12.5px;font-weight:600;color:var(--tinta-2)}
body.legado .table{background:#fff;font-size:14px;color:var(--tinta)}
body.legado .table thead th,body.legado .table thead.table-success th,body.legado .table-success,body.legado .table-success>th,body.legado .table-success>td{background:#fafbfc!important;color:var(--tinta-2)!important;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--linha)!important;border-top:0!important}
body.legado .table td{border-top:1px solid var(--linha-2);vertical-align:middle}
body.legado .table-striped tbody tr:nth-of-type(odd){background:#fcfcfd}
body.legado .table-responsive{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:4px}
body.legado .ibox,body.legado .card{border:1px solid var(--linha)!important;border-radius:var(--raio)!important;box-shadow:none!important;background:#fff}
body.legado .ibox .ibox-head,body.legado .card-header{background:#fff;border-bottom:1px solid var(--linha-2)}
body.legado .dataTables_wrapper .dataTables_filter input,body.legado .dataTables_wrapper .dataTables_length select{border:1px solid #d3d9e3;border-radius:8px;padding:6px 10px}
body.legado .dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--azul-800)!important;color:#fff!important;border:0!important;border-radius:8px}
body.legado #titulopaginas{display:none}
body.legado .modal-content{border-radius:16px;border:0;box-shadow:var(--sombra-3)}
@media (max-width:1024px){body.legado .content-wrapper{margin-left:0!important;padding:18px 14px 30px!important}}
body.legado .btn-outline-info,body.legado .btn-outline-warning,body.legado .btn-outline-dark,body.legado .btn-light{background:#fff!important;border-color:#d9dee7!important;color:var(--tinta)!important}
body.legado .btn-outline-info:hover,body.legado .btn-outline-warning:hover,body.legado .btn-outline-dark:hover,body.legado .btn-light:hover{background:#f9fafb!important;border-color:#c5ccd8!important}
body.legado select.form-control{-webkit-appearance:none;appearance:none;padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238590a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 11px center}
body.legado .content-wrapper>h3,body.legado .content-wrapper h3.titulo{font-size:19px;font-weight:700}
.cor-verde{--c1:#2ecc71;--c2:#1fa75c}
.cor-laranja{--c1:#f39c12;--c2:#d4800b}
.cor-vermelho{--c1:#e74c3c;--c2:#c7392a}
.cor-ciano{--c1:#23b7e5;--c2:#1494c0}
.cor-azul{--c1:#3498db;--c2:#2474b5}
.cartao-num.cor{border:0;overflow:hidden;color:#fff!important;background:linear-gradient(150deg,var(--c1) 0%,var(--c2) 100%);box-shadow:0 8px 20px -12px var(--c2)}
.cartao-num.cor .rotulo{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.22)}
.cartao-num.cor .rotulo .ic{color:#fff}
.cartao-num.cor .numero{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22)}
.cartao-num.cor .sub{color:rgba(255,255,255,.95);text-shadow:0 1px 1px rgba(0,0,0,.2)}
.cartao-num.cor .sub b{color:#fff}
.cartao-num.cor .seta{color:rgba(255,255,255,.8);z-index:1}
.cartao-num.cor:hover{border:0;transform:translateY(-2px);box-shadow:0 16px 28px -12px var(--c2);filter:saturate(1.06) brightness(1.02)}
.cartao-num.cor:hover .seta{color:#fff}
.cartao-num .marca-d{position:absolute;right:-8px;bottom:-14px;width:92px;height:92px;color:#fff;opacity:.17;pointer-events:none;stroke-width:1.6}
.cartao-num.cor>*:not(.marca-d){position:relative}