:root{--fundo:#f4f6f8;--superficie:#fff;--superficie-2:#eef2f7;--tinta:#182231;--sutil:#5c6a7c;--linha:#dbe2eb;--linha-suave:#e8edf3;--azul:#17548c;--azul-suave:#e7eff8;--verde:#1f6f52;--verde-suave:#e4f1ea;--ambar:#8a6212;--ambar-suave:#f7eeda;--vermelho:#a83f2c;--vermelho-suave:#f8e7e2;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--tinta);font:14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:21px;margin:0;letter-spacing:-.01em}h2{font-size:16px;margin:0}h3{font-size:14px;margin:0}a{color:var(--azul)}code{font-family:var(--mono);font-size:.88em;background:var(--superficie-2);padding:1px 5px;border-radius:3px}.app{display:grid;grid-template-columns:1fr;min-height:100vh}@media (min-width:900px){.app{grid-template-columns:224px 1fr}}.lateral{background:#101c2b;color:#c9d6e4;padding:18px 0;display:flex;flex-direction:column;gap:2px}.lateral .marca{padding:0 18px 18px;font-weight:700;color:#fff;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.lateral .marca span{width:9px;height:9px;border-radius:2px;background:#4d9be0}.lateral .grupo{padding:14px 18px 6px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6c8299}.lateral button{all:unset;display:flex;align-items:center;gap:10px;padding:9px 18px;cursor:pointer;font-size:14px}.lateral button:hover{background:#18293d;color:#fff}.lateral button.ativo{background:#1d334b;color:#fff;box-shadow:inset 3px 0 #4d9be0}.lateral .rodape{margin-top:auto;padding:14px 18px 0;font-size:12px;color:#6c8299;border-top:1px solid #1d334b}.lateral .rodape button{padding:8px 0;font-size:12.5px;color:#93a7bd}.conteudo{padding:22px clamp(16px,3vw,32px) 60px;min-width:0}.topo{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}.topo p{color:var(--sutil);margin:5px 0 0;font-size:13.5px}.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:7px}.cartao+.cartao{margin-top:16px}.cartao .cabeca{padding:13px 16px;border-bottom:1px solid var(--linha-suave);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cartao .corpo{padding:16px}.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}.tile{background:var(--superficie);border:1px solid var(--linha);border-radius:7px;padding:14px 16px}.tile b{display:block;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tile span{display:block;font-size:12px;color:var(--sutil);margin-top:3px}.tile small{display:block;font-size:11.5px;color:var(--sutil);margin-top:6px;font-family:var(--mono)}.tabela-rolagem{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:520px}th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--sutil);font-weight:600;padding:9px 14px;background:var(--superficie-2);border-bottom:1px solid var(--linha);white-space:nowrap}td{padding:10px 14px;border-bottom:1px solid var(--linha-suave);vertical-align:top}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfe}td.mono,th.mono{font-family:var(--mono);font-size:12.5px}td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pilula{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.p-ok{background:var(--verde-suave);color:var(--verde)}.p-aviso{background:var(--ambar-suave);color:var(--ambar)}.p-erro{background:var(--vermelho-suave);color:var(--vermelho)}.p-neutro{background:var(--superficie-2);color:var(--sutil)}.p-azul{background:var(--azul-suave);color:var(--azul)}button.acao{all:unset;cursor:pointer;background:var(--azul);color:#fff;padding:9px 16px;border-radius:6px;font-size:13.5px;font-weight:600;text-align:center}button.acao:hover{filter:brightness(1.08)}button.acao:disabled{opacity:.55;cursor:default}button.acao.leve{background:var(--superficie);color:var(--tinta);border:1px solid var(--linha)}button.acao.leve:hover{background:var(--superficie-2);filter:none}input,select,textarea{width:100%;padding:9px 11px;border:1px solid #ccd3dc;border-radius:6px;font:inherit;font-size:14px;background:#fff;color:var(--tinta)}input:focus,textarea:focus,select:focus{outline:2px solid var(--azul);outline-offset:0}label{display:block;font-size:12.5px;font-weight:600;margin-bottom:4px}.campo+.campo{margin-top:11px}.vazio{padding:34px 16px;text-align:center;color:var(--sutil);font-size:13.5px}.erro{background:var(--vermelho-suave);color:var(--vermelho);border:1px solid #eccfc7;border-radius:6px;padding:10px 13px;font-size:13.5px;margin-bottom:14px}.carregando{color:var(--sutil);font-size:13px;padding:16px}.entrada{min-height:100vh;display:grid;place-items:center;padding:22px}.entrada .caixa{width:100%;max-width:360px;background:var(--superficie);border:1px solid var(--linha);border-radius:9px;padding:28px}.entrada h1{font-size:19px;margin-bottom:5px}.entrada p{color:var(--sutil);font-size:13.5px;margin:0 0 18px}.entrada input[name=codigo]{font-size:25px;text-align:center;letter-spacing:.3em;font-family:var(--mono)}.linha{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:11px 0;border-bottom:1px solid var(--linha-suave)}.linha:last-child{border-bottom:0}.linha .quando{font-size:12px;color:var(--sutil);font-family:var(--mono);padding-top:2px}.linha .o-que{display:grid;gap:3px;min-width:0}.linha .titulo{font-weight:600;font-size:13.5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.linha .detalhe{font-size:12.5px;color:var(--sutil);font-family:var(--mono);word-break:break-word}