/* FAIL-CLOSED: sem classe dada APENAS apos /auth/me OK, painel invisivel desde o primeiro paint. */
body:not(.auth-granted) .shell{display:none!important}
body.auth-granted #authGate{display:none!important}
.auth-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 14% 12%,#eaf4ff,#f3f7fc 38%,#e9eff8);padding:24px;color:#183654}
.auth-gate-card{width:min(100%,435px);background:white;border:1px solid #dbe6f4;border-radius:18px;box-shadow:0 16px 55px #16335620;padding:34px;text-align:center}
.auth-gate-brand{font-size:23px;font-weight:800;color:#173b63;text-align:left;border-bottom:1px solid #e3eaf4;padding-bottom:15px}
.auth-gate-brand span{display:block;color:#54708f;font-size:12px;font-weight:500}
.auth-gate-symbol{display:grid;place-items:center;margin:24px auto 10px;width:65px;height:65px;background:#e5f1ff;color:#1768c9;font-size:35px;border-radius:50%}
.auth-gate-card h1{font-size:25px;margin:8px 0;color:#122e53}
.auth-gate-card p{font-size:14px;color:#506a88;line-height:1.6}
.auth-gate-status{font-size:12px!important;background:#f1f6fc;border-radius:7px;padding:10px}
#authGateLogin{width:100%;padding:13px 18px;font-size:15px;margin:9px 0 15px;background:#1168cc;color:#fff;border-radius:9px;border:0;font-weight:700;cursor:pointer}
#authGateLogin:hover{background:#0957ad}
.auth-gate-card small{display:block;color:#7990a8;font-size:11px}
@media(max-width:760px){body.auth-granted .shell{display:block!important}.auth-gate-card{padding:22px}}