:root { --azul:#45aed6; --azul-escuro:#2387ad; --fundo:#f3f6f8; --texto:#263238; --borda:#dce4e8; --perigo:#b42318; }
* { box-sizing:border-box; }
body.area-app { margin:0; min-height:100vh; background:var(--fundo); color:var(--texto); font-family:Arial,sans-serif; }
.area-topo { background:#fff; border-bottom:1px solid var(--borda); padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.area-marca { font-size:22px; font-weight:700; color:var(--azul-escuro); }
.area-marca small { display:block; color:#6b7780; font-size:12px; font-weight:400; margin-top:3px; }
.area-conteudo { width:min(1500px,calc(100% - 32px)); margin:25px auto; }
.login-wrap { width:min(430px,calc(100% - 32px)); margin:8vh auto; }
.cabecalho-painel h1 { margin:0 0 5px; font-size:28px; }
.cabecalho-painel p { margin:0 0 22px; color:#687780; }
.card { background:#fff; border:1px solid var(--borda); border-radius:12px; padding:22px; box-shadow:0 8px 28px rgba(28,45,55,.07); }
.card h2 { margin:0 0 6px; }
.subtitulo { color:#687780; margin:0 0 20px; }
.abas { display:flex; gap:8px; margin-bottom:15px; flex-wrap:wrap; }
.aba { border:1px solid var(--borda); background:#fff; color:#4d5d65; padding:11px 18px; border-radius:8px; cursor:pointer; font-weight:700; }
.aba.ativa { color:#fff; background:var(--azul-escuro); border-color:var(--azul-escuro); }
.campos-consulta { display:grid; grid-template-columns:repeat(3,minmax(180px,1fr)); gap:14px; }
.campo label { display:block; font-size:13px; font-weight:700; margin-bottom:6px; }
.campo input { width:100%; height:43px; padding:9px 12px; border:1px solid #bfcbd1; border-radius:7px; background:#fff; color:var(--texto); }
.campo input:focus { outline:2px solid rgba(69,174,214,.25); border-color:var(--azul); }
.mensagem { min-height:22px; margin:14px 0 0; font-size:14px; }
.mensagem.erro { color:var(--perigo); }
.mensagem.sucesso { color:#067647; }
.voltar { display:inline-block; margin-top:18px; color:var(--azul-escuro); }
.botoes-consulta { display:flex; gap:9px; margin-top:16px; }
.btn-area { border:0; border-radius:7px; padding:11px 17px; background:var(--azul); color:#fff; cursor:pointer; font-weight:700; }
.btn-area:hover { background:var(--azul-escuro); }
.btn-area.secundario { background:#fff; color:var(--azul-escuro); border:1px solid var(--azul); }
.acoes-topo { display:flex; align-items:center; gap:12px; }
.usuario { color:#64747c; font-size:13px; }
.resultado-info { color:#66767e; font-size:13px; margin:18px 0 9px; min-height:17px; }
.resultado-info.erro { color:var(--perigo); }
.tabela-wrap { overflow:auto; max-height:58vh; border:1px solid var(--borda); border-radius:8px; }
table { width:100%; border-collapse:separate; border-spacing:0; min-width:100%; }
th,td { text-align:left; padding:10px; border-bottom:1px solid #e7ecef; font-size:12px; white-space:nowrap; }
th { position:sticky; top:0; z-index:1; background:#eaf3f7; color:#30434c; }
tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#f8fbfc; }
@media(max-width:900px){ .campos-consulta{grid-template-columns:repeat(2,minmax(160px,1fr));} }
@media(max-width:600px){
    .area-topo{padding:14px 16px}.usuario{display:none}.area-conteudo{width:calc(100% - 18px);margin:15px auto}.card{padding:15px}
    .campos-consulta{grid-template-columns:1fr}.aba{flex:1 1 45%;padding:10px}.botoes-consulta{flex-direction:column}.btn-area{width:100%}
}