/* Complementos do portal (tela de entrada, carregamento, seletor) */
html,body{margin:0}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.gate-card{width:min(440px,100%);padding:30px 28px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.gate-card h1{font-family:var(--f-display);font-size:30px;margin:4px 0 0;line-height:1.1}
.gate-sub{margin:0;color:var(--muted)}
.gate-note{margin:0;font-size:13px;color:var(--muted)}
.gate-note a{color:var(--blue)}
.gate-err{margin:0;background:var(--red-soft);color:var(--red);border-radius:8px;padding:9px 12px;font-size:13.5px;font-weight:600}
.gbtn{min-height:44px}
a.btn{text-decoration:none;display:inline-block}
.loading{min-height:60vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}
.spin{width:20px;height:20px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#trSel{max-width:240px}
.foot{margin-top:22px;text-align:center;font-size:12px;color:var(--muted)}
.empty{padding:22px 12px;text-align:center;color:var(--muted)}
.err-bar{margin-top:12px;background:var(--red-soft);color:var(--red);border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:600}
.cand{display:inline-block;min-width:22px;text-align:center;border-radius:999px;background:var(--grey-soft);font-size:12px;font-weight:600;padding:1px 7px}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}