:root{--fundo: #f4f6f8;--painel: #ffffff;--texto: #1c2430;--suave: #5d6b7a;--borda: #dde3ea;--marca: #0f5e9c;--marca-escura: #0b4675;--lateral: #102233;--lateral-texto: #c9d6e2;--ok: #1b7f4b;--ok-fundo: #e5f4ec;--alerta: #9a6300;--alerta-fundo: #fff4dc;--erro: #b42318;--erro-fundo: #fdecea;--raio: 8px;font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--texto);background:var(--fundo)}*{box-sizing:border-box}body{margin:0;background:var(--fundo)}a{color:var(--marca);text-decoration:none}h1{font-size:20px;margin:0}h2{font-size:16px;margin:0 0 12px}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.lateral{background:var(--lateral);color:var(--lateral-texto);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.logo{color:#fff;font-weight:700;font-size:18px;letter-spacing:.3px;padding:0 8px 14px}.logo span{color:#6fb6ea}.grupo-menu{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#7f93a6;margin:14px 8px 4px}.lateral a{color:var(--lateral-texto);padding:8px 10px;border-radius:6px}.lateral a:hover{background:#1b3247}.lateral a.active{background:var(--marca);color:#fff}.conteudo{display:flex;flex-direction:column;min-width:0}.topo{background:var(--painel);border-bottom:1px solid var(--borda);padding:10px 24px;display:flex;align-items:center;gap:16px}.topo .espaco{flex:1}.topo .usuario{color:var(--suave)}.pagina{padding:24px;display:flex;flex-direction:column;gap:16px}.cabecalho{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cabecalho .espaco{flex:1}.cartao{background:var(--painel);border:1px solid var(--borda);border-radius:var(--raio);padding:16px}.grade{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grade .largo{grid-column:span 2}.grade .inteiro{grid-column:1 / -1}.indicadores{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.indicador .valor{font-size:22px;font-weight:600;margin-top:4px}.indicador .rotulo{color:var(--suave)}label.campo{display:flex;flex-direction:column;gap:4px;color:var(--suave);font-size:12px}input,select,textarea{font:inherit;color:var(--texto);padding:7px 9px;border:1px solid var(--borda);border-radius:6px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #9cc8ec;border-color:var(--marca)}label.marcar{display:flex;align-items:center;gap:6px}button{font:inherit;padding:7px 14px;border-radius:6px;border:1px solid var(--borda);background:#fff;color:var(--texto);cursor:pointer}button:hover{background:#f0f3f6}button.principal{background:var(--marca);border-color:var(--marca);color:#fff}button.principal:hover{background:var(--marca-escura)}button.perigo{color:var(--erro);border-color:#f1c4bf}button:disabled{opacity:.55;cursor:default}.acoes{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.tabela-rolagem{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--painel)}th,td{padding:8px 10px;border-bottom:1px solid var(--borda);text-align:left;vertical-align:top}th{font-size:12px;color:var(--suave);font-weight:600;background:#f8fafb;white-space:nowrap}td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.clicavel{cursor:pointer}tr.clicavel:hover td{background:#f5f9fd}.vazio{color:var(--suave);text-align:center;padding:28px}.aviso{padding:10px 12px;border-radius:6px}.aviso.erro{background:var(--erro-fundo);color:var(--erro)}.aviso.ok{background:var(--ok-fundo);color:var(--ok)}.aviso.alerta{background:var(--alerta-fundo);color:var(--alerta)}.selo{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600;background:#eef1f4;color:var(--suave)}.selo.rascunho{background:var(--alerta-fundo);color:var(--alerta)}.selo.lancada{background:var(--ok-fundo);color:var(--ok)}.selo.estornada{background:var(--erro-fundo);color:var(--erro)}.suave{color:var(--suave)}.janela-fundo{position:fixed;top:0;right:0;bottom:0;left:0;background:#10223373;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:10}.janela{background:var(--painel);border-radius:10px;width:min(860px,100%);padding:20px;display:flex;flex-direction:column;gap:14px}.janela.estreita{width:min(460px,100%)}.login-fundo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#102233,#0f5e9c);padding:16px}.login{background:#fff;border-radius:12px;padding:32px;width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.login .logo{color:var(--lateral);padding:0;font-size:24px}.login .logo span{color:var(--marca)}@media (max-width: 760px){.app{grid-template-columns:1fr}.lateral{flex-direction:row;flex-wrap:wrap;padding:10px}.grupo-menu{display:none}.logo{padding:6px 8px}.pagina{padding:16px}.grade .largo{grid-column:auto}}
