/* portal/css/portal.css — moldura do portal; o dashboard em si vem pronto dentro do iframe. */
:root { --marca:#e8507a; --texto:#1a1a2e; --apoio:#6b6b80; --borda:#e5e5ea; --fundo:#f5f6fa; }
* { box-sizing:border-box; }
html, body { margin:0; height:100%; }
body { background:var(--fundo); color:var(--texto);
       font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:14px; }
[hidden] { display:none !important; }

.carregando { text-align:center; color:var(--apoio); margin-top:30vh; }

/* Login e avisos */
.tela-centro { min-height:100%; display:flex; align-items:center; justify-content:center; padding:16px; }
.cartao { background:#fff; border-radius:14px; box-shadow:0 1px 8px rgba(0,0,0,.07);
          padding:28px 24px; width:100%; max-width:380px; }
.cartao h1 { font-size:20px; margin:0 0 6px; }
.apoio { color:var(--apoio); margin:0 0 18px; line-height:1.5; }
.apoio.pequeno { font-size:12px; margin:16px 0 0; }
label { display:block; font-size:12px; color:var(--apoio); margin:12px 0 4px; }
input { width:100%; padding:10px 12px; border:1px solid var(--borda); border-radius:8px; font-size:15px; }
input:focus, select:focus { outline:2px solid var(--marca); outline-offset:1px; }
button { cursor:pointer; font:inherit; }
#botao-entrar, #botao-aviso-sair { width:100%; margin-top:18px; padding:11px; border:0; border-radius:8px;
                                   background:var(--marca); color:#fff; font-weight:600; font-size:15px; }
#botao-entrar:disabled { opacity:.6; cursor:wait; }
.erro { color:#c0262d; font-size:13px; margin:12px 0 0; }

/* Painel */
#tela-painel { display:flex; flex-direction:column; height:100%; }
.barra { background:#fff; border-bottom:1px solid var(--borda); padding:10px 16px;
         display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.barra-esq { display:flex; flex-direction:column; min-width:0; }
.marca { color:var(--marca); font-weight:700; font-size:17px; }
.atualizado { color:var(--apoio); font-size:11px; }
.barra-dir { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.rotulo { margin:0; font-size:11px; text-transform:uppercase; letter-spacing:.4px; }
select { padding:7px 10px; border:1px solid var(--borda); border-radius:8px; font-size:14px;
         background:#fff; max-width:70vw; }
.botao-sair { padding:7px 12px; border:1px solid var(--borda); border-radius:8px; background:#fff; color:var(--apoio); }
.carregando-pagina { text-align:center; color:var(--apoio); margin:24px 0 0; }
#quadro { flex:1; width:100%; border:0; background:var(--fundo); }

@media (max-width:600px) {
  .barra { padding:8px 12px; }
  .barra-dir { width:100%; }
  select { flex:1; max-width:none; }
}