/* ---------- acceso y ventanas de la nube ---------- */
#login{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:20px;background:radial-gradient(70% 55% at 50% 30%,rgba(139,92,246,.2),transparent 70%),var(--bg);animation:fadeUp .4s ease-out}
.loginbox{width:min(400px,100%);display:grid;gap:14px;background:var(--glass);border:1px solid var(--gl);border-radius:28px;padding:30px 26px 24px;backdrop-filter:blur(14px);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.loginbox .lg-mark{height:64px;width:auto;margin:0 auto}
.loginbox h1{font:800 28px/1 var(--head);letter-spacing:-.045em;text-align:center;text-transform:lowercase}
.loginbox h1 .mi{font-weight:500;color:var(--zink)}.loginbox h1 .pa{color:#fff}.loginbox h1 .li{color:var(--neon)}
.loginbox p{text-align:center;color:var(--zink);font-size:14px;margin-top:-4px}
.loginbox small{text-align:center;color:var(--zink);font-size:12px;opacity:.75;line-height:1.4}
.loginbox .b-main{background:var(--neon);color:#111;padding:14px;border-radius:14px}
.loginbox .b-main:disabled{opacity:.6}
.ovl{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:rgba(10,11,13,.75);backdrop-filter:blur(4px)}
.askbox{width:min(420px,100%);display:grid;gap:12px;background:#1b1e23;border:1px solid var(--gl);border-radius:26px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.6);animation:pop .22s ease-out}
.askbox h2{font:800 20px var(--head);letter-spacing:-.02em}
.askbox p{color:var(--zink);font-size:13.5px}
.sync{font:700 12px var(--head);color:var(--zink);white-space:nowrap}
.sync.bad{color:var(--orange)}
body.no-admin .side .btn-new.big,body.no-admin .bnav .fab{display:none}
body.no-admin .bnav{grid-template-columns:repeat(4,1fr)}
.cteam{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:0 0 10px}
.cteam .lbl{font:800 11px var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--zink)}
.eqadd{grid-template-columns:1fr 1.2fr 1fr 1fr auto;margin-bottom:16px}
.tm.off{opacity:.55}
.tm-b{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:900px){.eqadd{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.eqadd{grid-template-columns:1fr}}