/* StreamPanel Pro 2.9 - preserva 100% da paleta Aurora da versão 2.8 */
.sp-nav-group{margin:4px 0;border-radius:10px;border:1px solid transparent}
.sp-nav-group>summary{cursor:pointer;list-style:none;padding:10px 12px;font-size:11px;letter-spacing:.9px;text-transform:uppercase;font-weight:800;color:var(--muted)}
.sp-nav-group>summary::-webkit-details-marker{display:none}
.sp-nav-group>summary:after{content:'⌄';float:right;color:var(--muted)}
.sp-nav-group:not([open])>summary:after{content:'›'}
.sp-nav-items{display:flex;flex-direction:column;gap:4px;padding:2px 0 8px}
.sp-nav-items a{border-radius:9px}
#sp-menu-toggle,#sp-menu-collapse{background:var(--panel2);color:var(--text);border:1px solid var(--border)}
.app-shell.sp-top{display:block}
.app-shell.sp-top .sidebar{position:relative;top:auto;height:auto;padding:13px 18px;display:block;overflow:visible;border-right:0;border-bottom:1px solid var(--border)}
.app-shell.sp-top .brand{display:flex;padding:6px 0 12px;margin:0}
.app-shell.sp-top .sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;align-items:flex-start;overflow:visible;padding:9px 0}
.app-shell.sp-top .sidebar .nav-label{display:none}
.app-shell.sp-top .sp-nav-group{flex:1 1 195px;max-width:280px;min-width:145px;margin:0;border:1px solid var(--border);background:var(--panel)}
.app-shell.sp-top .sp-nav-group>summary{white-space:nowrap}
.app-shell.sp-top .sp-nav-items{padding:3px 5px 8px}
.app-shell.sp-top .side-bottom{display:none}
.app-shell.sp-top .page{max-width:1500px;margin:auto}
.app-shell.sp-collapsed:not(.sp-top){grid-template-columns:76px minmax(0,1fr)}
.app-shell.sp-collapsed:not(.sp-top) .sidebar{padding:17px 7px}
.app-shell.sp-collapsed:not(.sp-top) .brand{justify-content:center;padding:5px 0 17px}
.app-shell.sp-collapsed:not(.sp-top) .brand>div,.app-shell.sp-collapsed:not(.sp-top) .sp-nav-group,.app-shell.sp-collapsed:not(.sp-top) .side-bottom{display:none}
.app-shell.sp-collapsed:not(.sp-top) .sidebar nav:after{content:'Menu recolhido';writing-mode:vertical-rl;letter-spacing:1px;color:var(--muted);font-size:11px;margin:12px auto}
.sp-credit-banner{border-color:#6478cc}
.sp-balance{font-size:clamp(28px,5vw,46px);font-weight:850;letter-spacing:-1.4px;margin:10px 0}
.sp-wallet-summary strong{font-size:clamp(25px,4vw,38px);display:block;margin-bottom:10px}
.sp-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px}
.sp-plan{border:1px solid var(--border);border-radius:14px;padding:17px;background:var(--panel2);display:flex;flex-direction:column;gap:12px}
.sp-plan strong{font-size:20px}.sp-plan span{font-size:18px;color:var(--text);font-weight:700}
.sp-plan .btn{white-space:normal}.sp-plan .btn:disabled{opacity:.38;cursor:not-allowed}
@media(max-width:690px){
 .app-shell.sp-top .sidebar{padding:10px 12px}
 .app-shell.sp-top .sidebar nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 .app-shell.sp-top .sp-nav-group{min-width:190px;max-width:230px;flex:0 0 190px}
 .app-shell:not(.sp-top) .sp-nav-group{display:inline-block;min-width:160px;vertical-align:top}
 .app-shell:not(.sp-top) .sp-nav-group>summary{padding:8px}
 .app-shell:not(.sp-top) .sp-nav-items{display:flex;flex-direction:column;min-width:160px}
 .app-shell.sp-collapsed:not(.sp-top){display:block}
 .app-shell.sp-collapsed:not(.sp-top) .sidebar nav{display:none}
 #sp-menu-toggle,#sp-menu-collapse{font-size:11px}
}