/* StreamHub — ajustes sobre o tema herdado do XUIcontrol */
.hidden{display:none!important}
[data-theme=dark] .lg-l,[data-theme=light] .lg-d{display:none!important}
#login .llogo2 img,#setup .llogo2 img{width:min(320px,74vw);height:auto;display:block;filter:drop-shadow(0 0 28px rgba(30,167,255,.30))}
#setup{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}
#login .lwrap,#setup .lwrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.slogan{font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--mu);margin-top:-6px}
#setup .lbx2{width:100%;max-width:420px;padding:24px 22px 20px;display:flex;flex-direction:column;gap:12px;margin:0;box-sizing:border-box}
#setup .lbx2 *{box-sizing:border-box}#setup .lbx2 button[type=submit]{width:100%;justify-content:center}
#setup .lsec,#login .lsec{display:inline-flex;align-items:center;gap:6px;color:#22c55e;font-size:12.5px;font-weight:600}
.ftitle{margin:0;font-size:18px;font-weight:700}
.lbx2 p{margin:0}.lbx2 code{font-size:12px}
.fld .eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px;min-height:0}
.fld .eye .ic{position:static;transform:none}
.pwm{display:flex;align-items:center;gap:10px}.pwbar{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.pwbar i{display:block;height:100%;width:0;transition:width .25s,background .25s;background:#ef4444}.pwbar i.w{background:#f59e0b}.pwbar i.g{background:#22c55e}
.pwr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;color:var(--mu)}
.pwr li{display:flex;align-items:center;gap:6px}.pwr .ic{width:14px;height:14px}.pwr li.ok{color:#22c55e}.pwr li.bad{color:#ef4444;grid-column:1/-1}
.tip{border-top:1px solid var(--line);padding-top:10px}
#lerr:empty,#serr:empty{display:none}
.shempty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:180px}
.shempty h3{margin:0}.shempty p{margin:0;max-width:640px}
.shei{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(30,167,255,.12);color:#1ea7ff}
.shei .ic{width:22px;height:22px}
.g1{grid-template-columns:1fr}
.frm{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.frm input{flex:1 1 180px;min-width:0}
.qrw{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;margin-top:10px}.qr{background:#fff;border-radius:10px;padding:6px;line-height:0}.qr svg{width:180px;height:180px}
.rec{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin:10px 0}.rec code{padding:6px 8px;text-align:center;font-size:13px}
.sel{user-select:all}button.danger{background:#dc2626;border-color:#dc2626;color:#fff}
@media(max-width:480px){.pwr{grid-template-columns:1fr}}
/* menu lateral é escuro nos dois temas (igual ao XUIcontrol): logo sempre na versão clara do texto */
#side .blogo.lg-l{display:none!important}
[data-theme=light] #side .blogo.lg-d{display:block}
body.sb-col #side:not(:hover):not(:focus-within) .blogo.lg-d{display:none!important}
#side .blogo{height:44px!important;width:auto}
#setup .loginbox::before{content:none!important;display:none!important}
#setup .lbx2>*{margin-left:0!important;margin-right:0!important}
#setup .lbx2 button[type=submit]{max-width:100%!important;align-self:stretch;margin:4px 0 0!important}
#setup .lbx2 .fld{margin-bottom:0!important}
#login .ftitle,#setup .ftitle{text-align:left}
#setup .lbx2,#login .lbx2{padding:22px 20px 18px!important}
.g2.dash{align-items:start}
.shempty{min-height:0}