/* src/ui/legacy.css */
:root{--bg:#07090b;--side:#090c0f;--panel:#0d1115;--line:#232a31;--line2:#313943;--text:#f5f7f9;--muted:#7f8a95;--orange:#ff7a18;--cyan:#23d7ff;--green:#42e3a2;--red:#ff5570;--sw:246px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:38px 38px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sw);background:var(--side);border-right:1px solid var(--line);z-index:50;padding:18px 14px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;height:56px;margin:0 6px 18px}.logo>span{background:var(--orange);color:#08090a;font-weight:1000;font-style:italic;font-size:22px;padding:5px 9px;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.logo b{display:block;font-size:15px;letter-spacing:1.4px}.logo small{display:block;font-size:7px;color:#66717c;letter-spacing:1.2px}.sidebar nav{overflow:auto}.sidebar nav .group{font-size:8px;letter-spacing:1.8px;color:#49535e;font-weight:900;margin:18px 9px 7px}.sidebar nav a{height:37px;padding:0 10px;display:flex;gap:10px;align-items:center;color:#87919c;font-size:11px;border:1px solid transparent;border-radius:4px}.sidebar nav a:hover{color:#fff;background:#10151a}.sidebar nav a.on{color:#fff;background:linear-gradient(90deg,rgba(255,122,24,.14),#11161b);border-color:#3c2c21}.userbox{margin-top:auto;border-top:1px solid var(--line);padding:14px 6px 0;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;background:#151b21;border:1px solid var(--line2);display:grid;place-items:center;color:var(--cyan);font-weight:900}.userbox>div:nth-child(2){flex:1}.userbox b,.userbox small{display:block}.userbox b{font-size:10px}.userbox small{font-size:8px;color:var(--muted)}.top{position:fixed;top:0;left:var(--sw);right:0;height:62px;background:rgba(7,9,11,.94);border-bottom:1px solid var(--line);z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.context,.top-actions{display:flex;align-items:center;gap:8px}.context>span{font-size:8px;letter-spacing:1.4px;color:#55606b}.context select,.searchfake,.modebtn,.logout{background:#0e1318;border:1px solid var(--line2);color:#9ba5af;padding:8px 10px;font-size:9px}.modebtn{color:var(--cyan);cursor:pointer}.logout{cursor:pointer}.flash{position:fixed;top:72px;left:calc(var(--sw) + 30px);right:30px;z-index:60;background:#10202a;border-left:3px solid var(--cyan);padding:11px 13px;color:#a8e5ff;font-size:10px}.flash.err{background:#271115;border-left-color:var(--red);color:#ffb5c0}main{margin-left:var(--sw);padding:94px 30px 80px;position:relative;z-index:1}.public-main{margin:0;padding:0}.hero{min-height:250px;border:1px solid var(--line);background:linear-gradient(110deg,#0d1115,#090c0f 65%,rgba(255,122,24,.09));padding:36px;display:flex;align-items:flex-end;justify-content:space-between}.hero h1{font-size:45px;line-height:1.02;letter-spacing:-2px;margin:8px 0 15px}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:680px;color:var(--muted);font-size:12px;line-height:1.7}.kicker{font-size:8px;letter-spacing:2px;color:var(--cyan);font-weight:900}.signal{border:1px solid var(--line2);padding:12px 14px;min-width:185px;background:#090c0f;display:grid;grid-template-columns:12px 1fr;column-gap:8px}.signal i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green);margin-top:3px;grid-row:span 2}.signal b{font-size:9px}.signal small{font-size:7px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-top:0;margin-bottom:14px}.metrics>div{padding:17px;border-right:1px solid var(--line);background:#0a0d10}.metrics small{display:block;font-size:7px;letter-spacing:1.4px;color:#59646f}.metrics b{font-size:28px}.smallmetric{font-size:15px!important}.quickgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.quick{min-height:150px;background:var(--panel);border:1px solid var(--line);display:grid;grid-template-columns:48px 1fr;gap:14px;padding:21px}.quick:hover,.card:hover{border-color:#6b4429;background:#10151a}.quick>span{font-size:9px;color:#4f5a65;border-right:1px solid var(--line)}.quick small,.card small{font-size:7px;letter-spacing:1.4px;color:var(--orange);font-weight:900}.quick h2,.card h2,.panel h2{font-size:18px;margin:5px 0 8px}.quick p,.card p,.panel p{color:var(--muted);font-size:10px;line-height:1.6}.panel,.card{background:var(--panel);border:1px solid var(--line)}.panel{padding:21px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:20px;min-height:145px}.card>span:last-child{font-size:8px;color:var(--orange);font-weight:900}.cardtop{display:flex;gap:7px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:16px}.pagehead h1{font-size:32px;letter-spacing:-1px;margin:5px 0}.pagehead p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.actions{display:flex;gap:7px;flex-wrap:wrap}.context-banner{background:#0c1317;border-left:3px solid var(--cyan);padding:10px 12px;margin-bottom:14px}.context-banner small{font-size:7px;color:#66717b;letter-spacing:1.4px;margin-right:10px}.context-banner b{font-size:10px}.context-banner span{float:right;color:#56616b;font-size:8px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form label{display:block;color:#b0b9c2;font-size:9px;font-weight:750;margin:11px 0}.form input,.form select,.form textarea,.inlineform input,.inlineform select{width:100%;display:block;background:#07090b;border:1px solid #283039;color:#fff;padding:10px 11px;margin-top:5px}.form textarea{min-height:110px}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto!important;margin:0!important}.split{display:grid;grid-template-columns:2fr 1fr;gap:9px}.hint{border-left:2px solid var(--cyan);background:#0a1115;color:#7f8b95;font-size:9px;padding:10px 12px;line-height:1.6;margin:12px 0}.btn,.mini{display:inline-block;border:1px solid transparent;background:var(--orange);color:#070809;font-weight:950;letter-spacing:.4px;padding:10px 13px;font-size:9px;cursor:pointer}.btn.secondary,.mini{background:#11171c;color:#d6dbe0;border-color:var(--line2)}.btn.danger,.mini.danger{background:#2c1117;color:#ff9dad;border-color:#66303b}.btn.wide{width:100%;min-height:42px}.inlineform{display:flex;gap:7px;align-items:flex-end}.steps{padding:0;margin:0;list-style:none;counter-reset:x}.steps li{counter-increment:x;display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.steps li:before{content:counter(x);width:25px;height:25px;border:1px solid #3c464f;display:grid;place-items:center;color:var(--cyan);font-size:8px}.steps b,.steps span{display:block}.steps b{font-size:10px}.steps span{font-size:9px;color:var(--muted);margin-top:2px}.table{overflow:auto}.table table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#59646e;font-size:7px;text-transform:uppercase;letter-spacing:1.4px;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #1b2127}td small{display:block;color:#56616b;font-size:7px}.tag{display:inline-block;border:1px solid #3a424b;padding:4px 6px;text-transform:uppercase;font-size:7px;font-weight:900}.tag.green{border-color:#225d47;color:var(--green)}.tag.red{border-color:#65313b;color:#ff8c9b}.resource-row{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #1d2329}.resource-row>div{flex:1}.resource-row b,.resource-row small{display:block}.resource-row b{font-size:10px}.resource-row small{font-size:7px;color:#56616b}.resource-row span{font-size:8px;color:var(--orange)}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-grid label{display:flex;gap:9px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:11px}.permission-grid b,.permission-grid small{display:block}.permission-grid b{font-size:9px}.permission-grid small{font-size:7px;color:var(--muted)}.savebar{position:sticky;bottom:15px;margin:20px auto;width:max-content;background:#090c0f;border:1px solid var(--line2);padding:6px}.logs{max-height:450px;overflow:auto;background:#050607;border:1px solid #1b2025;color:#91d6a8;padding:13px;font-size:9px;line-height:1.55;white-space:pre-wrap}.resource-list details{border-bottom:1px solid var(--line)}.resource-list summary{list-style:none;display:flex;align-items:center;padding:10px;cursor:pointer}.resource-list summary>div{flex:1}.resource-list summary b,.resource-list summary small{display:block}.resource-list summary b{font-size:9px}.resource-list summary small{font-size:7px;color:#56616b}.resource-list summary>span{font-size:7px;color:var(--orange)}.detail-actions{background:#090c0f;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions form{display:flex;gap:6px}.detail-actions input{flex:1;background:#07090b;border:1px solid var(--line2);color:#fff;padding:7px}.diffstats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:15px}.diffstats>div{text-align:center;padding:15px;border-right:1px solid var(--line)}.diffstats b,.diffstats small{display:block}.diffstats b{font-size:26px}.diffstats small{font-size:7px;color:var(--muted)}.plan>div{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line);font-size:9px}.dangerzone code,.panel>code{display:block;background:#060809;border:1px solid var(--line);padding:9px;color:#d2d7dc;font-size:9px;margin:7px 0}.miniinfo{display:flex;gap:8px;margin:10px 0;color:#9ba5af;font-size:8px}.error-text,.inline-error{color:#ff9cab}.inline-error{background:#261116;border-left:3px solid var(--red);padding:10px 12px;font-size:9px;margin:10px 0}.grantlist>div{padding:7px;border-bottom:1px solid var(--line);font-size:9px}.formula{background:#07090b;border:1px solid var(--line2);color:var(--cyan);padding:15px;font-size:10px}.diaggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.diag{min-height:150px;background:var(--panel);border:1px solid var(--line);padding:20px;border-top:2px solid var(--line2)}.diag.good{border-top-color:var(--green)}.diag.bad{border-top-color:var(--red)}.diag small{font-size:7px;letter-spacing:1.5px;color:#65707a}.diag h2{font-size:20px}.diag p{color:var(--muted);font-size:10px}.integration-health{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.health{background:#0b0f12;border:1px solid var(--line);padding:15px}.health.good{border-top:2px solid var(--green)}.health.bad{border-top:2px solid var(--red)}.health small,.health b,.health span{display:block}.health small{font-size:7px;color:#68737d}.health b{font-size:18px;margin:5px 0}.health span{font-size:8px;color:var(--muted)}.recipe{border:1px solid var(--line);padding:11px;margin:8px 0}.recipe b,.recipe span{display:block}.recipe b{font-size:10px}.recipe span{font-size:9px;color:var(--muted);margin-top:4px}.empty{text-align:center;padding:25px;color:#616c76;font-size:9px}.narrow{max-width:650px}footer{margin-left:var(--sw);padding:28px;text-align:center;color:#3f4851;font-size:7px}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#090c0f,#0c1217 60%,rgba(255,122,24,.12));border-right:1px solid var(--line)}.brandbig{font-weight:1000;letter-spacing:2px;font-size:28px;margin-bottom:25px}.brandbig span{background:var(--orange);color:#08090a;padding:5px 9px;font-style:italic}.login-visual h1{font-size:56px;line-height:.98;letter-spacing:-2.8px;margin:12px 0 25px}.login-visual h1 em{font-style:normal;color:var(--orange)}.login-visual p{max-width:620px;color:var(--muted);font-size:12px;line-height:1.7}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.chips span{font-size:7px;letter-spacing:1px;border:1px solid var(--line2);padding:6px 8px;color:#7e8993}.login-side{display:grid;place-items:center;padding:35px}.login-card{width:min(360px,100%)}.login-card>small{font-size:7px;color:var(--cyan);letter-spacing:1.7px}.login-card h2{font-size:29px;margin:7px 0}.login-card p{color:var(--muted);font-size:10px;margin-bottom:20px}.login-card label{display:block;font-size:9px;color:#b3bbc3;margin:11px 0}.login-card input{width:100%;background:#07090b;border:1px solid var(--line2);color:#fff;padding:11px;margin-top:5px}.oauth{display:block;text-align:center;margin-top:10px;padding:10px;border:1px solid #3f4ba9;color:#9ea7ff;font-size:9px}.safe{text-align:center;color:#505a64;font-size:7px;margin-top:12px}.mode-simple .advanced{display:none!important}
@media(max-width:1000px){:root{--sw:205px}.cards{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.integration-health{grid-template-columns:1fr 1fr}.permission-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){:root{--sw:0px}.sidebar{display:none}.top{left:0}.searchfake{display:none}main{margin-left:0;padding:86px 15px 65px}.flash{left:15px;right:15px}.quickgrid,.cols,.diaggrid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:36px}.metrics{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-visual{min-height:56vh;border-right:0;border-bottom:1px solid var(--line)}.login-visual h1{font-size:42px}footer{margin-left:0}}

/* v5.1 visual pass */
.hero-visual{min-height:315px;padding:0;overflow:hidden;align-items:stretch;background:#0a0d10}
.hero-copy{padding:42px 18px 42px 42px;display:flex;flex-direction:column;justify-content:center;z-index:2;max-width:58%}
.hero-buttons{display:flex;gap:8px;margin-top:10px}
.hero-art{position:relative;width:44%;min-width:390px;overflow:hidden}
.hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.94}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a0d10 0,transparent 38%,transparent 100%)}
.hero-art .signal{position:absolute;right:18px;bottom:18px;z-index:3;background:rgba(6,9,11,.88);backdrop-filter:blur(10px)}
.diagnostic-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#0b0f13;border:1px solid var(--line);padding:15px 18px;margin-bottom:12px}
.diagnostic-hero>div{display:flex;align-items:center;gap:17px}.diagnostic-hero img{width:190px;height:78px;object-fit:cover;border:1px solid var(--line)}
.diagnostic-hero h2{font-size:16px;margin:4px 0}.diagnostic-hero p{font-size:9px;color:var(--muted);margin:0}
.diag{position:relative;overflow:hidden;transition:border-color .2s,background .2s;min-height:178px}
.diag:after{content:"";position:absolute;inset:auto -40px -70px auto;width:150px;height:150px;border-radius:50%;background:currentColor;opacity:.025}
.diag.waiting{color:#82909c}.diag.loading{color:var(--cyan);border-top-color:var(--cyan)}.diag.good{color:var(--green)}.diag.bad{color:var(--red)}
.diag.loading .service-icon{animation:pulse 1.1s infinite}.service-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);background:#080b0e;font-size:10px;font-weight:1000;margin-bottom:18px;color:#dce2e7}
.service-icon.mx{border-color:#315b8c;color:#63aefb}.service-icon.dedi{border-color:#70522d;color:#ffc06f}.service-icon.gbx{border-color:#465665;color:#b9c4cc}
.diag-meta{margin-top:13px;padding-top:10px;border-top:1px solid var(--line);font-size:8px;color:#596670;word-break:break-all}
@keyframes pulse{50%{opacity:.35;transform:scale(.94)}}
@media(max-width:900px){.hero-copy{max-width:none}.hero-art{display:none}.diagnostic-hero{align-items:flex-start;flex-direction:column}.diagnostic-hero img{width:140px}.diagnostic-hero>div{align-items:flex-start}}

.bot-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}
.bot-quick form{margin:0}.quick-action{width:100%;min-height:76px;text-align:left;background:#0d1217;border:1px solid var(--line);color:var(--text);padding:13px;cursor:pointer}
.quick-action:hover{border-color:var(--orange);background:#11171c}.quick-action b,.quick-action span{display:block}.quick-action b{font-size:9px;color:var(--orange);letter-spacing:.5px}.quick-action span{font-size:8px;color:var(--muted);margin-top:6px;line-height:1.4}
.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.module-card{display:flex!important;gap:9px;align-items:flex-start;border:1px solid var(--line);background:#090d10;padding:11px;margin:0!important}.module-card input{width:auto!important;margin:2px 0 0!important}.module-card b,.module-card small{display:block}.module-card b{font-size:9px}.module-card small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.4}
.bot-manage-card{min-height:175px}.dangerzone hr{border:0;border-top:1px solid var(--line);margin:20px 0}
@media(max-width:950px){.bot-quick{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.bot-quick,.module-grid{grid-template-columns:1fr}}

.hero-photo{height:330px;position:relative;padding:0;overflow:hidden;display:block}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 12%;display:block;filter:saturate(.92) contrast(1.06)}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.93) 0%,rgba(4,7,9,.58) 47%,rgba(4,7,9,.12) 80%),linear-gradient(0deg,rgba(4,7,9,.72),transparent 55%)}.hero-photo-copy{position:absolute;left:38px;bottom:35px;max-width:690px}.hero-photo-copy h1{font-size:46px;line-height:1;letter-spacing:-2px;margin:8px 0 13px}.hero-photo-copy h1 em{font-style:normal;color:var(--orange)}.hero-photo-copy p{font-size:11px;color:#a5afb8;max-width:590px}.hero-actions{display:flex;gap:8px;margin-top:17px}
.access-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;margin-bottom:12px;background:#090d10}.access-strip>div{padding:12px 16px;border-right:1px solid var(--line)}.access-strip>div:last-child{border:0}.access-strip small,.access-strip b{display:block}.access-strip small{font-size:7px;letter-spacing:1.3px;color:#59646f}.access-strip b{font-size:10px;margin-top:3px}.metrics-flex>div span{display:block;font-size:7px;color:#5d6873;margin-top:2px}.yellow{background:var(--yellow)!important}.attention-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:11px}.attention-row:last-child{border:0}.attention-row small,.attention-row b,.attention-row p{display:block;margin:0}.attention-row small{font-size:7px;color:var(--orange)}.attention-row b{font-size:10px}.attention-row p{font-size:8px;color:var(--muted);margin-top:2px}.attention-row>span:last-child{font-size:7px;color:var(--orange)}.all-good{padding:11px;color:var(--green);font-size:10px}
.public-main{margin:0;padding:0;min-height:100vh}.public-shell{min-height:100vh}.public-top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:relative;z-index:4;background:#080b0e}.public-top>div{display:flex;align-items:center;gap:12px}.public-top a:not(.btn){font-size:9px;color:#aeb6be}.public-logo{display:flex;align-items:center;gap:10px}.public-logo span{background:var(--orange);color:#070809;padding:5px 9px;font-size:22px;font-weight:1000;font-style:italic}.public-logo b{font-size:15px;letter-spacing:2px}.public-hero{height:min(660px,72vh);position:relative;overflow:hidden}.public-hero>img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.95) contrast(1.08)}.public-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090b 0%,rgba(7,9,11,.77) 38%,rgba(7,9,11,.16) 76%),linear-gradient(0deg,#07090b 0%,transparent 45%)}.public-hero-overlay{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:720px}.public-hero-overlay h1{font-size:60px;line-height:.96;letter-spacing:-3px;margin:12px 0 22px}.public-hero-overlay h1 em{font-style:normal;color:var(--orange)}.public-hero-overlay p{font-size:13px;line-height:1.7;color:#a2acb6;max-width:650px}.public-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 5vw 55px;margin-top:-35px;position:relative;z-index:3}.public-features>div{background:#0d1115;border:1px solid var(--line);padding:18px}.public-features b,.public-features span{display:block}.public-features b{font-size:12px}.public-features span{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}
.register-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.register-art{position:relative;overflow:hidden;min-height:100vh}.register-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.42)}.register-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,11,.3),#07090b 105%),linear-gradient(0deg,#07090b,transparent 60%)}.register-art>div{position:absolute;z-index:2;left:8%;right:8%;bottom:10%}.register-art h1{font-size:48px;margin:6px 0}.register-art p{color:#a8b1ba;font-size:11px;line-height:1.7;max-width:610px}.register-form{display:grid;place-items:center;padding:40px;background:#07090b}.register-form .login-card{width:min(390px,100%)}
.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.explain-grid>div{border:1px solid var(--line);padding:11px;background:#090d10}.explain-grid b{font-size:9px}.explain-grid p{font-size:8px;margin:5px 0 0}.progress{height:4px;background:#1b2228;margin:12px 0}.progress i{height:100%;display:block;background:var(--green)}.diagnosis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.check-result{display:grid;grid-template-columns:34px 1fr;gap:10px;background:var(--panel);border:1px solid var(--line);padding:13px}.check-result.good{border-left:3px solid var(--green)}.check-result.bad{border-left:3px solid var(--red)}.check-result>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line2);font-weight:900}.check-result.good>span{color:var(--green)}.check-result.bad>span{color:var(--red)}.check-result b{font-size:10px}.check-result p{font-size:8px;color:var(--muted);margin:3px 0 0;line-height:1.5}.advice{color:#c2cad1;font-size:9px;line-height:1.8}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.integration-card{display:grid;grid-template-columns:45px 1fr;gap:12px;background:#0d1115;border:1px solid var(--line);padding:15px;min-height:155px}.integration-card.good{border-top:2px solid var(--green)}.integration-card.bad{border-top:2px solid var(--red)}.integration-icon{width:40px;height:40px;display:grid;place-items:center;background:#111820;border:1px solid var(--line2);font-size:10px;color:var(--cyan);font-weight:900}.integration-card small{font-size:7px;color:var(--orange)}.integration-card h2{font-size:15px;margin:3px 0 7px}.integration-card p{font-size:8px;color:var(--muted);line-height:1.5}.integration-card b{font-size:8px}.recipe-list>div{border-bottom:1px solid var(--line);padding:9px 0}.recipe-list>div:last-child{border:0}.recipe-list b{font-size:9px}.recipe-list p{font-size:8px;margin:3px 0;color:var(--muted)}
.routing-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.routing-summary>div{border:1px solid var(--line);background:#090d10;padding:10px}.routing-summary small,.routing-summary b{display:block}.routing-summary small{font-size:7px;color:#64707a}.routing-summary b{font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.routing-wizard{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wizard-step{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px;border:1px solid var(--line);padding:10px;background:#090d10}.wizard-step>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--orange);font-weight:900;font-size:9px}.wizard-step label{margin:0!important}.admin-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-shortcuts a{border:1px solid var(--line);padding:13px;font-size:9px}.admin-shortcuts a:hover{border-color:var(--orange)}
@media(max-width:1050px){.integration-grid{grid-template-columns:1fr 1fr}.public-features{grid-template-columns:1fr 1fr}.public-hero-overlay h1{font-size:48px}}@media(max-width:820px){.hero-photo{height:300px}.hero-photo-copy{left:24px;bottom:25px}.hero-photo-copy h1{font-size:35px}.register-shell{grid-template-columns:1fr}.register-art{min-height:55vh}.public-hero-overlay h1{font-size:39px}.integration-grid,.diagnosis,.explain-grid,.routing-wizard{grid-template-columns:1fr}}@media(max-width:600px){.public-features{grid-template-columns:1fr}.public-hero{height:650px}.public-hero-overlay{left:20px;right:20px}.public-hero-overlay h1{font-size:37px}.access-strip{grid-template-columns:1fr 1fr}}

/* FSR MULTICONTROL v6 — yellow public/frontend identity */
:root{--orange:#ffd400;--yellow:#ffd400;--cyan:#ffd400}
.logo>span,.public-logo span{background:#ffd400;color:#050505}
.btn{background:#ffd400;color:#050505}.btn:hover{filter:brightness(1.05)}
.kicker,.card>span:last-child,.quick small,.template-card em,.task-card em{color:#ffd400}
.sidebar nav a.on{background:linear-gradient(90deg,rgba(255,212,0,.13),#11161b);border-color:#554b16}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#ffd400;box-shadow:0 0 0 2px rgba(255,212,0,.08)}
.v6hero{height:370px}.v6hero .hero-photo-shade{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.66) 48%,rgba(5,5,5,.15)),linear-gradient(0deg,rgba(5,5,5,.78),transparent 50%)}
.v6hero .hero-photo-copy h1 em{color:#ffd400}
.v6-status{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 12px}.v6-status>div{background:#0c1013;border:1px solid var(--line);padding:14px}.v6-status small,.v6-status b,.v6-status span{display:block}.v6-status small{font-size:7px;color:#6d7680;letter-spacing:1.3px}.v6-status b{font-size:20px;margin:5px 0}.v6-status span{font-size:8px;color:#8b949d}
.task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.task-card{background:#0d1115;border:1px solid var(--line);padding:18px;min-height:180px;position:relative}.task-card.yellow{border-top:3px solid #ffd400}.task-card>span{display:block;font-size:9px;color:#ffd400;margin-bottom:22px}.task-card>b{display:block;font-size:15px}.task-card>p{font-size:9px;line-height:1.6;color:var(--muted)}.task-card>em{position:absolute;left:18px;bottom:16px;font-size:7px;font-style:normal;font-weight:900}
.setup-list{display:grid}.setup-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.setup-row:last-child{border:0}.setup-row>span{width:28px;height:28px;border:1px solid var(--line2);display:grid;place-items:center;color:#ffd400;font-weight:900}.setup-row.done>span{background:#11251c;color:var(--green);border-color:#245b45}.setup-row b,.setup-row p{display:block;margin:0}.setup-row b{font-size:10px}.setup-row p{font-size:8px;color:var(--muted);margin-top:3px}.setup-row em{font-style:normal;font-size:7px;color:#ffd400}.quick-actions-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-actions-v6 a{padding:13px;background:#090d10;border:1px solid var(--line);font-size:9px}.quick-actions-v6 a:hover{border-color:#ffd400}
.builder-intro{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.builder-intro>div{display:flex;align-items:center;gap:7px;background:#0c1013;border:1px solid var(--line);padding:10px 13px}.builder-intro>div b{width:24px;height:24px;display:grid;place-items:center;background:#ffd400;color:#050505;font-size:8px}.builder-intro>div span{font-size:8px}.builder-intro>i{color:#454d55;font-style:normal}
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.template-card{background:#0d1115;border:1px solid var(--line);padding:18px;min-height:190px;position:relative}.template-card:hover{border-color:#ffd400}.template-badge{display:inline-block;font-size:7px;padding:4px 6px;background:#221f0b;color:#ffd400;border:1px solid #554b16}.template-card h2{font-size:16px;margin:10px 0 7px}.template-card p{font-size:8px;color:var(--muted);line-height:1.6}.template-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.template-stats span{font-size:7px;border:1px solid var(--line2);padding:4px 6px;color:#aeb6be}.template-card em{position:absolute;left:18px;bottom:15px;font-size:7px;font-style:normal;font-weight:900}
.discord-tree{background:#080b0e;border:1px solid var(--line);padding:10px}.tree-section{padding:9px 0;border-bottom:1px solid #191f24}.tree-section:last-child{border:0}.tree-section>b{font-size:8px;color:#ffd400;letter-spacing:.7px}.tree-role,.tree-channel{font-size:9px;padding:5px 10px;color:#aab3bc}.tree-channel{padding-left:18px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.feature-list>div{background:#090d10;border:1px solid var(--line);padding:10px;font-size:8px;color:#bbc3ca}.plan-row{display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid var(--line);font-size:9px}.plan-row small{color:var(--muted)}
@media(max-width:1100px){.task-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr 1fr}.v6-status{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.task-grid,.template-grid,.quick-actions-v6,.feature-list{grid-template-columns:1fr}.builder-intro{align-items:stretch;flex-direction:column}.builder-intro>i{display:none}}

/* v6.2 control-suite additions */
.tabs-v62{display:flex;gap:3px;border-bottom:1px solid var(--line);margin:0 0 12px;overflow:auto}.tabs-v62 a{padding:11px 13px;font-size:8px;color:#7c878e;border-bottom:2px solid transparent;white-space:nowrap}.tabs-v62 a.on{color:#fff;border-color:var(--yellow,#ffd400);background:#11161a}.bot-overview-stats{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-bottom:10px}.bot-overview-stats>div{padding:14px;border-right:1px solid var(--line);background:#0e1215}.bot-overview-stats>div:last-child{border:0}.bot-overview-stats small,.bot-overview-stats b{display:block}.bot-overview-stats small{font-size:6px;color:#657078}.bot-overview-stats b{font-size:17px;margin-top:3px}.bot-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.bot-action-grid form{margin:0}.bot-action-grid button{width:100%;height:48px;background:#11161a;border:1px solid #353e44;color:#dfe3e5;font-size:8px;font-weight:900}.bot-action-grid button:hover{border-color:#ffd400;color:#ffd400}.logs.compact{max-height:260px}.module-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.module-switches label{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:#0e1215;padding:14px}.module-switches input{accent-color:#ffd400}.module-switches b,.module-switches small{display:block}.module-switches b{font-size:9px}.module-switches small{font-size:8px;color:var(--muted);margin-top:3px}.module-switches>label>span{font-size:7px;color:#ffd400}.page-action-row{display:flex;justify-content:flex-end;gap:7px;margin-bottom:10px}.fix-row{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:9px;border-top:1px solid var(--line)}.fix-row>span{color:#ff6579}.team-list{display:flex;flex-direction:column}.team-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:11px;border-top:1px solid var(--line)}.team-avatar{width:30px;height:30px;display:grid;place-items:center;background:#ffd400;color:#08090a;font-weight:950}.team-row b,.team-row small{display:block}.team-row b{font-size:9px}.team-row small{font-size:7px;color:var(--muted)}.team-row>span{font-size:7px;color:#737e85}.team-row>em{font-style:normal;font-size:7px;color:#ffd400}.access-formula{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.access-formula b{border:1px solid var(--line);padding:8px;font-size:8px}.access-formula span{color:#ffd400}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.scope-box{border:1px solid var(--line);background:#0e1215;padding:12px}.scope-head{display:flex;align-items:center;gap:8px}.scope-head>div{flex:1}.scope-head b,.scope-head small{display:block}.scope-head b{font-size:9px}.scope-head small{font-size:6px;color:#6d787f}.scope-head label{font-size:7px}.scope-items{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.scope-items label{display:flex;align-items:center;gap:6px;border:1px solid #2a3237;padding:7px;font-size:8px}.scope-items input{accent-color:#ffd400}.permission-mini{display:grid;grid-template-columns:1fr 1fr;max-height:270px;overflow:auto;border:1px solid var(--line);padding:8px}.permission-mini label{display:flex!important;gap:5px;align-items:center;margin:2px!important;font-size:7px}.permission-mini input{width:auto!important;margin:0!important}.activity-filter{display:grid;grid-template-columns:1fr 180px auto;gap:6px;margin-bottom:10px}.activity-filter input,.activity-filter select{background:#0b0f11;border:1px solid var(--line);color:#fff;padding:10px}.activity-center{display:flex;flex-direction:column}.activity-item{display:grid;grid-template-columns:48px 1fr;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.activity-item>span{font-size:8px;color:#ffd400}.activity-item b,.activity-item small,.activity-item p{display:block;margin:0}.activity-item b{font-size:9px}.activity-item small{font-size:7px;color:#6f7a81;margin-top:2px}.activity-item p{font-size:8px;color:#9ca5aa;margin-top:4px}.usage-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.usage-list>div{background:#0b0f11;border:1px solid var(--line);padding:12px}.usage-list b,.usage-list span{display:block}.usage-list b{font-size:20px}.usage-list span{font-size:7px;color:#6e7980}.visual-builder-block{border-top:1px solid var(--line);padding:14px 0}.visual-builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.visual-builder-head small{font-size:6px;color:#ffd400}.visual-builder-head h3{margin:2px 0;font-size:14px}.visual-builder-head button,.visual-row button,.visual-cat-head button{border:1px solid #394248;background:#11161a;color:#ddd;padding:7px 8px;font-size:7px}.visual-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:5px}.visual-row.channel{grid-template-columns:1fr 100px auto}.visual-row input,.visual-row select,.visual-cat-head input,.visual-cat-head select{background:#080b0d;border:1px solid #30383d;color:#fff;padding:9px}.visual-category{border:1px solid var(--line);padding:9px;background:#0b0f11;margin-top:7px}.visual-cat-head{display:grid;grid-template-columns:1fr 170px auto auto;gap:5px}.visual-builder-block.ticket{background:#16150b;border:1px solid #514817;padding:12px;margin-top:10px}.visual-builder-block.ticket p{font-size:8px;color:#99936b}.bot-context{display:flex;justify-content:space-between;align-items:center}.bot-context small,.bot-context b{display:block}.bot-context small{font-size:6px;color:#ffd400}.routing-wizard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wizard-step{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;border:1px solid var(--line);padding:9px;background:#0e1215}.wizard-step>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #3d464b;color:#ffd400;font-weight:900;font-size:8px}.wizard-step label{margin:0!important}
@media(max-width:1050px){.bot-overview-stats{grid-template-columns:repeat(3,1fr)}.bot-action-grid{grid-template-columns:1fr 1fr}.scope-grid{grid-template-columns:1fr}.module-switches{grid-template-columns:1fr}}
@media(max-width:650px){.team-row{grid-template-columns:34px 1fr}.team-row>span,.team-row>em{grid-column:2}.scope-items,.permission-mini,.usage-list,.routing-wizard{grid-template-columns:1fr}.visual-cat-head,.visual-row.channel,.activity-filter{grid-template-columns:1fr}.bot-overview-stats{grid-template-columns:1fr 1fr}}

/* v6.3 Guided Mode + Help Center */
.helpbox{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#15150b;border:1px solid #574e16;border-left:3px solid #ffd400;padding:12px 14px;margin:0 0 12px}.helpbox>div{display:flex;gap:10px;align-items:flex-start}.helpbox>div>span{width:28px;height:28px;display:grid;place-items:center;background:#ffd400;color:#070809;font-weight:950}.helpbox b,.helpbox p{display:block;margin:0}.helpbox b{font-size:9px}.helpbox p{font-size:8px;color:#a7a17b;margin-top:3px;line-height:1.5}.helpbox>a{font-size:7px;color:#ffd400;font-weight:900;white-space:nowrap}.guided-steps{background:#101417;border:1px solid var(--line);padding:16px;margin-bottom:12px}.guided-title small{font-size:6px;color:#ffd400;letter-spacing:1.5px}.guided-title h2{font-size:17px;margin:4px 0 10px}.guided-step{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.guided-step>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #4a5359;color:#ffd400;font-size:8px;font-weight:900}.guided-step b,.guided-step p{display:block;margin:0}.guided-step b{font-size:9px}.guided-step p{font-size:8px;color:var(--muted);margin-top:2px}.guided-step a{font-size:7px;color:#ffd400}.explain-card{display:grid;grid-template-columns:34px 1fr;gap:10px;background:#101417;border:1px solid var(--line);padding:12px}.explain-card>span{width:30px;height:30px;display:grid;place-items:center;background:#191e21;border:1px solid #384147;color:#ffd400}.explain-card h3{font-size:10px;margin:0}.explain-card p{font-size:8px;color:var(--muted);line-height:1.5}.explain-card a{font-size:7px;color:#ffd400;font-weight:900}.quick-progress{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;background:#101417;border:1px solid var(--line);padding:14px;margin-bottom:12px}.quick-progress b,.quick-progress span{display:block}.quick-progress b{font-size:25px}.quick-progress span{font-size:7px;color:#6e7980}.progressline{height:8px;background:#080b0d;border:1px solid #2c3439}.progressline i{display:block;height:100%;background:#ffd400}.big-steps-v63{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.big-steps-v63>a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;background:#101417;border:1px solid var(--line);padding:15px}.big-steps-v63>a:hover{border-color:#716719}.big-steps-v63>a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #414a50;color:#ffd400;font-weight:950}.big-steps-v63>a.done>span{background:#ffd400;color:#08090a;border-color:#ffd400}.big-steps-v63 small{font-size:6px;color:#667078}.big-steps-v63 h2{font-size:13px;margin:2px 0}.big-steps-v63 p{font-size:8px;color:var(--muted);margin:0}.big-steps-v63>a>b{font-size:7px;color:#ffd400}.help-search{position:relative;max-width:720px;margin-bottom:12px}.help-search input{width:100%;background:#0b0f11;border:1px solid var(--line);color:#fff;padding:13px 42px 13px 13px}.help-search span{position:absolute;right:14px;top:10px;color:#ffd400}.help-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.help-topic{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;background:#101417;border:1px solid var(--line);padding:15px;min-height:100px}.help-topic:hover{border-color:#716719}.help-topic>span{width:30px;height:30px;display:grid;place-items:center;background:#181d20;border:1px solid #394147;color:#ffd400}.help-topic h2{font-size:11px;margin:0 0 4px}.help-topic p{font-size:8px;color:var(--muted);margin:0;line-height:1.45}.help-topic>b{font-size:7px;color:#ffd400}.faq-list details{border-top:1px solid var(--line);padding:10px 0}.faq-list summary{cursor:pointer;font-size:9px;font-weight:850}.faq-list p{font-size:8px;color:var(--muted);line-height:1.6}.doc-layout{display:grid;grid-template-columns:220px 1fr;gap:12px}.doc-toc{position:sticky;top:80px;align-self:start;background:#101417;border:1px solid var(--line);padding:12px}.doc-toc>b{font-size:7px;color:#ffd400}.doc-toc a{display:block;padding:8px 0;border-top:1px solid var(--line);font-size:8px;color:#9aa4aa}.doc-article{background:#101417;border:1px solid var(--line);padding:20px}.doc-section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line);scroll-margin-top:85px}.doc-section:last-child{border:0;margin:0}.doc-section>small{font-size:6px;color:#ffd400}.doc-section h2{font-size:20px;margin:4px 0 10px}.doc-section p{font-size:10px;color:#a4adb3;line-height:1.75}.doc-section code{background:#07090a;border:1px solid #2c3438;padding:2px 5px;color:#ffd400}
@media(max-width:900px){.help-topic-grid{grid-template-columns:1fr 1fr}.doc-layout{grid-template-columns:1fr}.doc-toc{position:static}}
@media(max-width:600px){.help-topic-grid{grid-template-columns:1fr}.big-steps-v63>a{grid-template-columns:38px 1fr}.big-steps-v63>a>b{grid-column:2}.quick-progress{grid-template-columns:1fr}.guided-step{grid-template-columns:30px 1fr}.guided-step a{grid-column:2}}


/* ============================================================
   v6.4 SERVICE-FIRST UI REDESIGN
   ============================================================ */
:root{--yellow:#ffd400;--yellow2:#ffe65c;--bg:#050708;--side:#060809;--panel:#0d1114;--panel2:#11161a;--line:#222a2f;--line2:#343e44;--text:#f5f7f8;--muted:#8a949b;--green:#44df93;--red:#ff566b;--orange:#ffd400;--cyan:#ffd400;--sw:258px}
html{font-size:16px}body{min-width:0;background:var(--bg)}body:before{background-size:44px 44px;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)}
.user-sidebar,.backend-sidebar{width:var(--sw);height:100vh;padding:18px 14px 14px;display:grid;grid-template-rows:64px minmax(0,1fr) auto;overflow:hidden;background:rgba(5,7,8,.985);box-shadow:18px 0 50px rgba(0,0,0,.18)}
.sidebar .logo{height:52px;margin:0 6px 12px}.sidebar .logo>span{background:var(--yellow);font-size:20px}.sidebar .logo b{font-size:14px}.sidebar .logo small{font-size:7px;color:#778188;margin-top:2px}.sidebar nav{overflow:hidden;min-height:0}.nav-group{margin-bottom:12px}.sidebar nav .group{font-size:7px;letter-spacing:1.8px;color:#555f66;margin:8px 10px 5px}.sidebar nav a{height:34px;padding:0 10px;gap:10px;font-size:10px;border-radius:5px;color:#9aa3a9}.sidebar nav a i{display:grid;place-items:center;width:18px;height:18px;font-style:normal;color:#808a91}.sidebar nav a.on{background:linear-gradient(90deg,rgba(255,212,0,.14),rgba(255,212,0,.025));border-color:#6b5c0e;color:#fff;box-shadow:inset 2px 0 0 var(--yellow)}.sidebar nav a.on i{color:var(--yellow)}.sidebar nav a:hover{background:#101417;color:#fff}.sidebar-bottom{align-self:end;display:flex;flex-direction:column;gap:7px}.admin-entry,.help-entry{min-height:48px;border:1px solid var(--line);background:#0b0f12;padding:9px 10px;display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;border-radius:6px}.admin-entry{border-color:#3a3f24;background:linear-gradient(100deg,#0d1114,#12130c)}.admin-entry i,.help-entry i{font-style:normal;color:var(--yellow);font-size:15px;text-align:center}.admin-entry b,.admin-entry small,.help-entry b,.help-entry small{display:block}.admin-entry b,.help-entry b{font-size:8px;letter-spacing:.5px}.admin-entry small,.help-entry small{font-size:7px;color:#6f7980;margin-top:2px}.admin-entry>span{color:var(--yellow)}.userbox{margin:0;border:0;padding:8px 5px 0;min-height:46px}.userbox .avatar{width:29px;height:29px;color:#090a0b;background:var(--yellow);border:0}.userbox b{font-size:9px}.userbox small{font-size:7px}.backend-sidebar{border-right-color:#3d3511}.backend-sidebar .logo>span{background:#fff;color:#070809}.backend-sidebar nav a.on{box-shadow:inset 2px 0 0 #fff;border-color:#454b50;background:#12171a}.backend-sidebar nav a.on i{color:#fff}
.top{left:var(--sw);height:70px;padding:0 24px;gap:20px;background:rgba(5,7,8,.94);backdrop-filter:blur(14px)}.context{min-width:220px}.context>span{font-size:7px}.context select{min-width:160px;background:#0b0f12;border:1px solid var(--line2);padding:9px 11px;color:#fff;border-radius:5px;font-size:9px}.global-search{width:min(430px,35vw);height:38px;display:flex;align-items:center;gap:8px;background:#0b0f12;border:1px solid var(--line2);padding:0 10px;border-radius:6px}.global-search>span{color:#768087}.global-search input{min-width:0;flex:1;background:none;border:0;outline:0;color:#fff;font-size:10px}.global-search kbd{font:7px/1 system-ui;color:#69747b;border:1px solid #2e373d;border-radius:4px;padding:4px}.top-actions{margin-left:auto}.mode-switch button{display:flex;padding:2px;background:#0b0f12;border:1px solid var(--line);border-radius:5px}.mode-switch span{display:block;padding:8px 18px;font-size:8px;color:#727c83;border-radius:4px}.mode-switch span.active{background:var(--yellow);color:#08090a;font-weight:950}.top-icon{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);background:#0b0f12;border-radius:5px}.top-icon>b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--yellow);color:#070809;font-size:7px}.top-user{display:flex;align-items:center;gap:8px;padding:4px 7px}.mini-avatar{width:30px;height:30px;display:grid;place-items:center;background:#171d21;border:1px solid #343e44;border-radius:50%;color:var(--yellow);font-weight:900}.top-user b,.top-user small{display:block}.top-user b{font-size:9px}.top-user small{font-size:7px;color:#6e7880}.top-user i{font-style:normal;color:#69747b}.backend-top>div:first-child small,.backend-top>div:first-child b{display:block}.backend-top>div:first-child small{font-size:7px;color:var(--yellow);letter-spacing:1.5px}.backend-top>div:first-child b{font-size:13px;margin-top:2px}
.user-main,.backend-main,main{margin-left:var(--sw);padding:92px 24px 72px;min-height:100vh}.user-main{max-width:none}.public-main{margin:0;padding:0}.flash{top:80px;left:calc(var(--sw) + 24px);right:24px;border-left-color:var(--yellow);background:#1b180c;color:#fff3a0;font-size:9px}footer{margin-left:var(--sw);padding:18px 24px;color:#566169;font-size:8px;border-top:1px solid var(--line);display:flex;gap:7px}footer a{color:#8a949a}.backend-footer{border-top-color:#343a3e}
.pagehead{align-items:center;padding-bottom:16px;margin-bottom:14px}.pagehead .kicker{color:var(--yellow)}.pagehead h1{font-size:30px;letter-spacing:-1.2px}.pagehead p{font-size:10px;max-width:850px}.btn{background:var(--yellow);font-size:8px;border-radius:4px;padding:10px 13px}.btn:hover{background:var(--yellow2)}.btn.secondary{background:#11161a;border-color:#343e44;color:#e9edef}.panel,.card{background:var(--panel);border-color:var(--line);border-radius:5px}.panel{padding:18px}.panel h2{font-size:15px}.panel p,.card p{font-size:9px}.form label{font-size:8px}.form input,.form select,.form textarea,.inlineform input,.inlineform select{padding:10px;background:#080b0d;border-color:#2c353b;border-radius:4px}.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:#7c6a11;box-shadow:0 0 0 2px rgba(255,212,0,.06)}
.home-hero{height:270px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#090c0e;margin-bottom:0}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.98) 0%,rgba(4,6,7,.87) 38%,rgba(4,6,7,.25) 72%),linear-gradient(0deg,rgba(3,4,5,.45),transparent)}.home-hero-copy{position:absolute;left:38px;top:50%;transform:translateY(-50%);max-width:720px}.beginner-badge{display:inline-flex;border:1px solid #665a10;background:#18160b;color:var(--yellow);padding:6px 9px;border-radius:14px;font-size:7px;font-weight:900;letter-spacing:.8px}.home-hero h1{font-size:42px;line-height:1.02;letter-spacing:-2px;margin:12px 0 10px}.home-hero h1 em{font-style:normal;color:var(--yellow)}.home-hero p{font-size:11px;line-height:1.65;color:#a1abb1;max-width:650px}.hero-meta{display:flex;gap:8px;align-items:center;margin-top:15px}.ready-pill,.hero-meta>a{border:1px solid #2b353a;background:rgba(8,11,13,.82);padding:7px 10px;border-radius:15px;font-size:8px}.ready-pill{color:var(--green);border-color:#275e43}.hero-meta>a{color:#c8ced2}.hero-meta>a b{color:var(--yellow)}
.onboarding,.services-section,.attention-section,.home-box{border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-top:8px}.onboarding,.services-section,.attention-section{padding:12px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.section-bar h2{font-size:14px;margin:0}.section-bar p{font-size:8px;color:#707a81;margin:2px 0 0}.section-bar>a,.section-help{font-size:7px;color:var(--yellow);font-weight:900}.section-help{cursor:pointer}.section-bar p.highlight-help{color:#d7dce0}.step-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.step-card{min-width:0;min-height:113px;border:1px solid #2b3338;background:#0a0e10;padding:10px;display:grid;grid-template-columns:25px 30px 1fr;grid-template-rows:auto 1fr auto;gap:6px;align-items:start;border-radius:5px}.step-card:hover{border-color:#736617;background:#10140f}.step-card.done{border-color:#294b3c}.step-num{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#08090a;font-size:8px;font-weight:950}.step-card.done .step-num{background:var(--green)}.step-card>i{font-style:normal;font-size:20px;color:#bac1c5}.step-card>div{grid-column:2/4}.step-card b{font-size:9px}.step-card p{font-size:7px;line-height:1.45;color:#79848b;margin:3px 0}.step-card em{grid-column:2/4;font-style:normal;font-size:7px;color:var(--yellow);font-weight:900;align-self:end}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.service-card{min-height:132px;border:1px solid #2b3338;background:#0a0e10;padding:11px;border-radius:5px;display:flex;flex-direction:column}.service-card:hover{border-color:#6e6116;background:#10140f}.service-card-top{display:flex;gap:8px;align-items:center}.service-card-top>span{font-size:21px;color:#d9dee1}.service-card-top b,.service-card-top small{display:block}.service-card-top b{font-size:9px}.service-card-top small{font-size:7px;color:#6e7980;margin-top:2px}.service-card>strong{font-size:25px;line-height:1;margin-top:13px}.service-card>p{font-size:7px;color:var(--green);margin:4px 0 10px}.service-card>em{margin-top:auto;font-style:normal;font-size:7px;color:var(--yellow);font-weight:900;border:1px solid #4e4511;padding:6px 7px}.attention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.attention-card{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid #51470e;background:#17150a;border-radius:5px}.attention-card.danger{background:#1d0c10;border-color:#5a2730}.attention-card.good{background:#0c1712;border-color:#26513c}.attention-card>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid currentColor;color:var(--yellow);border-radius:4px}.attention-card.danger>span{color:var(--red)}.attention-card.good>span{color:var(--green)}.attention-card b{font-size:9px}.attention-card p{font-size:7px;color:#858f95;margin:3px 0}.attention-card em{font-style:normal;font-size:7px;color:var(--yellow);border:1px solid #6a5b0c;padding:7px 8px}.home-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;margin-top:8px}.home-box{padding:12px}.activity-timeline>div{display:grid;grid-template-columns:20px 1fr auto;gap:8px;padding:9px 0;border-top:1px solid var(--line)}.activity-timeline>div>span{color:var(--yellow)}.activity-timeline b{font-size:8px}.activity-timeline p{font-size:7px;color:#778189;margin:3px 0 0}.activity-timeline small{font-size:7px;color:#657078}.quick-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.quick-help-grid>a{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #2b3338;background:#0a0e10;padding:10px}.quick-help-grid>a>span{color:var(--yellow);font-size:16px}.quick-help-grid b{font-size:8px}.quick-help-grid p{font-size:7px;color:#6f7980;margin:2px 0}.quick-help-grid em{font-style:normal;color:#c7cdd1}
.service-head{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:2px 0 18px;margin-bottom:10px}.service-icon{width:46px;height:46px;display:grid;place-items:center;background:#101519;border:1px solid #3a4348;border-radius:7px;color:var(--yellow);font-size:22px}.service-head small{font-size:7px;color:var(--yellow);letter-spacing:1.5px}.service-head h1{font-size:29px;letter-spacing:-1px;margin:2px 0 3px}.service-head p{font-size:10px;color:#89939a;margin:0;max-width:820px;line-height:1.55}.service-head-action{display:flex;gap:6px}.info-strip{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;background:#11140d;border:1px solid #4f4714;border-left:3px solid var(--yellow);padding:10px 12px;border-radius:5px;margin-bottom:10px}.info-strip>span{width:26px;height:26px;display:grid;place-items:center;background:var(--yellow);color:#08090a;border-radius:50%;font-weight:950}.info-strip b{font-size:8px}.info-strip p{font-size:8px;color:#8e8a69;margin:2px 0}.info-strip a{font-size:7px;color:var(--yellow);font-weight:900}.service-list{display:flex;flex-direction:column;gap:7px}.service-list-card{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:13px 14px;border-radius:6px}.service-list-card:hover{border-color:#756714;background:#111619}.service-list-icon{width:42px;height:42px;display:grid;place-items:center;background:#151b1e;border:1px solid #343e44;border-radius:7px;color:var(--yellow);font-size:19px}.service-list-title{display:flex;align-items:center;gap:8px}.service-list-title h2{font-size:13px;margin:0}.service-list-main>p{font-size:8px;color:#859097;margin:4px 0}.service-list-main>p b{color:#dce1e4}.service-list-meta{display:flex;flex-wrap:wrap;gap:5px}.service-list-meta span{font-size:7px;border:1px solid #293137;background:#0a0e10;padding:4px 6px;color:#77828a}.service-list-card>em{font-style:normal;font-size:7px;color:var(--yellow);font-weight:900}.status-pill{display:inline-block;border:1px solid #39434a;padding:4px 6px;border-radius:9px;font-size:6px;font-weight:950;letter-spacing:.5px}.status-pill.ok{color:var(--green);border-color:#275a43}.status-pill.bad{color:#ff8797;border-color:#64303a}.status-pill.warn{color:var(--yellow);border-color:#665a12}.status-pill.neutral{color:#a7b0b5}.empty-state{text-align:center;border:1px dashed #30383d;background:#0b0f11;padding:45px 20px;border-radius:6px}.empty-state>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border:1px solid #3b444a;border-radius:8px;color:var(--yellow);font-size:22px}.empty-state h2{font-size:16px}.empty-state p{font-size:9px;color:#7f8990;max-width:560px;margin:0 auto 16px}.guided-form{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.form-step{display:grid;grid-template-columns:42px 1fr;gap:12px;border:1px solid var(--line);background:var(--panel);padding:16px;border-radius:6px}.form-step>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#070809;font-size:10px;font-weight:950}.form-step h2{font-size:15px;margin:2px 0}.form-step>div>p{font-size:9px;color:#7e8990;margin:0 0 10px}.form-step label{display:block;font-size:8px;color:#aab2b8;margin:9px 0}.form-step input,.form-step select,.form-step textarea{width:100%;background:#080b0d;border:1px solid #2e373c;color:#fff;padding:10px;margin-top:4px;border-radius:4px}.preset-choice{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:9px 0}.preset-choice label{margin:0;position:relative}.preset-choice input{position:absolute;opacity:0}.preset-choice span{display:block;min-height:72px;border:1px solid #2e373c;background:#0a0e10;padding:9px}.preset-choice input:checked+span{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}.preset-choice b,.preset-choice small{display:block}.preset-choice b{font-size:8px}.preset-choice small{font-size:7px;color:#6e7980;margin-top:3px;line-height:1.4}.service-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:10px;overflow:auto}.service-tabs a{padding:10px 13px;font-size:8px;color:#7a858c;border-bottom:2px solid transparent;white-space:nowrap}.service-tabs a.on{color:#fff;border-bottom-color:var(--yellow);background:#101418}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-bottom:8px}.overview-metrics>div{padding:14px;border-right:1px solid var(--line)}.overview-metrics>div:last-child{border:0}.overview-metrics small,.overview-metrics b{display:block}.overview-metrics small{font-size:6px;color:#69747b}.overview-metrics b{font-size:12px;margin-top:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-check>a{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.setup-check>a>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #3b444a;color:var(--yellow)}.setup-check>a.done>span{background:var(--green);border-color:var(--green);color:#07100c}.setup-check b{font-size:9px}.setup-check p{font-size:7px;color:#79838a;margin:2px 0}.setup-check em{font-style:normal;font-size:7px;color:var(--yellow)}.key-values>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:10px 0}.key-values span{font-size:8px;color:#69747b}.key-values b{font-size:8px}.big-state{padding:25px;text-align:center;border:1px solid var(--line);background:#0a0e10}.big-state.open{border-color:#285840;background:#0b1711}.big-state.closed{border-color:#4b3d20}.big-state b{font-size:26px}.big-state p{font-size:8px;color:#7e888e}.settings-form{max-width:850px}.settings-group{border-bottom:1px solid var(--line);padding:5px 0 14px;margin-bottom:12px}.settings-group h2{font-size:13px}.built-in-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.built-in-grid>a{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:13px;border-radius:6px}.built-in-grid>a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #364047;color:var(--yellow);font-weight:900}.built-in-grid small{font-size:6px;color:var(--yellow)}.built-in-grid h2{font-size:11px;margin:2px 0}.built-in-grid p{font-size:7px;color:#748087;margin:0}.built-in-grid em{font-style:normal;font-size:7px;color:var(--yellow)}.search-page-form{display:grid;grid-template-columns:1fr auto;gap:6px;max-width:760px;margin-bottom:10px}.search-page-form input{background:#0b0f12;border:1px solid var(--line2);color:#fff;padding:11px}.search-result-list{display:flex;flex-direction:column;gap:6px}.search-result-list>a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--panel);padding:11px}.search-result-list>a>span{color:var(--yellow);font-size:18px}.search-result-list small,.search-result-list b,.search-result-list p{display:block}.search-result-list small{font-size:6px;color:#68737a}.search-result-list b{font-size:9px}.search-result-list p{font-size:7px;color:#778189;margin:2px 0}.search-result-list em{font-style:normal;font-size:7px;color:var(--yellow)}
.cols{gap:8px}.cards{gap:8px}.table table{font-size:9px}.table th{font-size:7px}.table td{padding:10px 8px}.context-banner{border-left-color:var(--yellow)}.hint{border-left-color:var(--yellow)}.kicker{color:var(--yellow)}
@media(max-height:760px) and (min-width:901px){.user-sidebar,.backend-sidebar{padding-top:10px}.sidebar .logo{height:44px;margin-bottom:5px}.nav-group{margin-bottom:5px}.sidebar nav .group{margin-top:5px}.sidebar nav a{height:30px}.admin-entry,.help-entry{min-height:42px;padding:6px 8px}.userbox{min-height:38px;padding-top:3px}}
@media(max-width:1280px){.step-strip,.service-grid{grid-template-columns:repeat(3,1fr)}.attention-grid{grid-template-columns:1fr}.preset-choice{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){:root{--sw:0px}.user-sidebar,.backend-sidebar{display:none}.top{left:0}.user-main,.backend-main,main{margin-left:0;padding:86px 14px 60px}footer{margin-left:0}.global-search{display:none}.home-bottom,.detail-grid{grid-template-columns:1fr}.service-grid,.step-strip{grid-template-columns:1fr 1fr}.service-head{grid-template-columns:44px 1fr}.service-head-action{grid-column:1/-1}.preset-choice{grid-template-columns:1fr 1fr}.flash{left:14px;right:14px}}
@media(max-width:620px){.service-grid,.step-strip,.preset-choice,.built-in-grid{grid-template-columns:1fr}.home-hero{height:330px}.home-hero-copy{left:20px;right:20px}.home-hero h1{font-size:32px}.service-list-card{grid-template-columns:38px 1fr}.service-list-card>em{grid-column:2}.service-list-icon{width:36px;height:36px}.form-step{grid-template-columns:34px 1fr}.overview-metrics{grid-template-columns:1fr 1fr}.quick-help-grid{grid-template-columns:1fr}.top-user>span:nth-child(2){display:none}}

.identity-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.identity-summary>div,.diagnostic-endpoint{background:#101417;border:1px solid var(--line);padding:12px}.identity-summary small,.identity-summary b,.diagnostic-endpoint small,.diagnostic-endpoint b{display:block}.identity-summary small,.diagnostic-endpoint small{font-size:6px;color:#ffd400;letter-spacing:1.2px}.identity-summary b,.diagnostic-endpoint b{font-size:11px;margin-top:4px}.diagnostic-endpoint{margin-bottom:10px;border-left:3px solid #ffd400}.field-help{font-size:8px;color:var(--muted);line-height:1.5}
@media(max-width:650px){.identity-summary{grid-template-columns:1fr}}

/* v6.5 hosting */
.developer-guide{background:#0e1317;border:1px solid #26323a;border-left:4px solid #5865f2;padding:20px;margin:12px 0}.developer-guide-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.developer-guide-head small{font-size:7px;color:#9aa2ff;letter-spacing:1.4px}.developer-guide-head h2{margin:4px 0;font-size:19px}.developer-guide-head p{font-size:9px;color:var(--muted)}.discord-btn{background:#5865f2!important;color:#fff!important;border-color:#5865f2!important;white-space:nowrap}.developer-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.developer-steps>div{display:grid;grid-template-columns:30px 1fr;gap:8px;background:#090d10;border:1px solid #252f35;padding:11px}.developer-steps>div>span{width:27px;height:27px;display:grid;place-items:center;background:#5865f2;color:#fff;border-radius:50%;font-size:8px;font-weight:950}.developer-steps b{font-size:9px}.developer-steps p{font-size:8px;color:#7f8b93;line-height:1.5}.developer-note,.field-explain{margin-top:9px;background:#111820;border:1px solid #263540;padding:10px;font-size:8px;color:#9cabb5}.field-explain{display:grid;grid-template-columns:90px 1fr;gap:8px}.hosting-choice{background:#15150b;border:1px solid #5b5115;border-left:4px solid #ffd400;padding:18px;margin:12px 0}.hosting-choice-head small{font-size:7px;color:#ffd400}.hosting-choice-head h2{font-size:19px;margin:4px 0}.hosting-choice-head p{font-size:9px;color:#a19b76}.hosting-plan-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0c0f10;border:1px solid #343417;padding:12px;margin:12px 0}.hosting-plan-selected>div{display:flex;gap:10px;align-items:center}.hosting-plan-selected>div>span{width:35px;height:35px;display:grid;place-items:center;background:#ffd400;color:#08090a}.hosting-plan-selected b,.hosting-plan-selected small{display:block}.hosting-plan-selected b{font-size:10px}.hosting-plan-selected small{font-size:7px;color:#8a918e}.hosting-plan-selected>a{font-size:7px;color:#ffd400}.host-ready,.host-warn{padding:10px;font-size:8px}.host-ready{background:#0c1813;border:1px solid #24543f;color:#67e5a7}.host-warn{background:#21180c;border:1px solid #684a18;color:#ffc56f}.preset-choice-v65 label.locked{opacity:.45}.preset-choice-v65 em{display:block;margin-top:8px;font-style:normal;font-size:6px;color:#ffd400}.create-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.create-summary>div{background:#0d1114;border:1px solid var(--line);padding:12px}.create-summary small,.create-summary b,.create-summary span{display:block}.create-summary small{font-size:6px;color:#ffd400}.create-summary b{font-size:10px;margin:4px 0}.create-summary span{font-size:7px;color:#7f8a91}.hosting-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.hosting-overview>div{background:#101417;border:1px solid var(--line);padding:16px}.hosting-overview small,.hosting-overview b,.hosting-overview span{display:block}.hosting-overview small{font-size:6px;color:#ffd400}.hosting-overview b{font-size:20px;margin:4px 0}.hosting-overview span{font-size:7px;color:#768189}.hosting-bot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hosting-bot-card{background:#101417;border:1px solid var(--line);padding:16px}.hosting-bot-status{font-size:7px;color:#8a949b}.hosting-bot-status span{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.hosting-bot-status .on{background:#55e39e}.hosting-bot-status .off{background:#ff6278}.hosting-bot-card h2{font-size:15px}.hosting-bot-card p,.hosting-bot-card>div span{font-size:8px;color:#7e8990}.hosting-bot-card>div:not(.hosting-bot-status){display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:8px 0}.hosting-bot-card>b{font-size:7px;color:#ffd400}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.price-card{background:#101417;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column}.price-card.current{border-color:#ffd400;box-shadow:inset 0 3px #ffd400}.price-head small{font-size:6px;color:#ffd400}.price-head h2{font-size:20px;margin:5px 0}.price-head>b{font-size:11px}.price-resources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin:12px 0}.price-resources span{display:block;font-size:8px;color:#a4adb2}.price-card ul{list-style:none;padding:0;margin:0 0 14px;flex:1}.price-card li{font-size:8px;color:#8d989f;padding:4px 0}.price-card form,.price-card button{width:100%}.billing-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0}.billing-row b,.billing-row small{display:block}.billing-row small{font-size:7px;color:#78838a}.bot-host-banner{display:flex;justify-content:space-between;align-items:center;background:#15150b;border:1px solid #574e16;border-left:3px solid #ffd400;padding:12px;margin-bottom:10px}.bot-host-banner small,.bot-host-banner b,.bot-host-banner span{display:block}.bot-host-banner small{font-size:6px;color:#ffd400}.bot-host-banner b{font-size:10px}.bot-host-banner span{font-size:7px;color:#9a956f}.bot-host-banner a{font-size:7px;color:#ffd400}.hosting-node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hosting-node-card{background:#101417;border:1px solid var(--line);padding:14px}.hosting-node-card h2{font-size:14px}.hosting-node-card p,.hosting-node-card>small{font-size:7px;color:#78838a}.node-resources{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 0}.node-resources span{background:#0a0e10;border:1px solid #283137;padding:6px;font-size:7px}.order-actions{display:flex;gap:4px}
@media(max-width:1100px){.developer-steps,.price-grid{grid-template-columns:1fr 1fr}.hosting-bot-grid,.hosting-node-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.developer-guide-head,.hosting-plan-selected{align-items:stretch;flex-direction:column}.developer-steps,.price-grid,.hosting-overview,.hosting-bot-grid,.hosting-node-grid,.create-summary{grid-template-columns:1fr}.field-explain{grid-template-columns:1fr}}

/* v6.5.2 node manager */
.hosting-node-card.clickable{display:block;position:relative}.hosting-node-card.clickable>b{display:block;color:#ffd400;font-size:7px;margin-top:10px}.installer-explain{display:flex;flex-direction:column}.installer-explain>div{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:9px 0;border-top:1px solid var(--line)}.installer-explain>div>span{width:27px;height:27px;display:grid;place-items:center;background:#ffd400;color:#090a0b;font-size:8px;font-weight:950}.installer-explain b,.installer-explain p{display:block;margin:0}.installer-explain b{font-size:9px}.installer-explain p{font-size:8px;color:#879198;line-height:1.5;margin-top:3px}.node-status-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:10px}.node-status-strip>div{background:#101417;border:1px solid var(--line);padding:11px}.node-status-strip small,.node-status-strip b{display:block}.node-status-strip small{font-size:6px;color:#68747b}.node-status-strip b{font-size:9px;margin-top:4px}.node-status-strip b.ok{color:#5ae2a0}.node-status-strip b.warn{color:#ffc85b}.node-status-strip b.bad{color:#ff687d}.node-install-help h3{font-size:13px;margin-top:0}.node-install-help p{font-size:8px;color:#89949a;line-height:1.6}.credential-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0}.credential-list>div{background:#0a0e10;border:1px solid #293238;padding:9px}.credential-list b,.credential-list span{display:block}.credential-list b{font-size:8px;color:#ffd400}.credential-list span{font-size:7px;color:#8d979d;margin-top:3px}.node-install-help pre{white-space:pre-wrap;background:#080b0d;border:1px solid #2a3338;padding:10px;color:#ffd400;font-size:8px}.node-bot-list{display:flex;flex-direction:column}.node-bot-row{display:grid;grid-template-columns:1fr minmax(300px,520px);gap:10px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.node-bot-row b,.node-bot-row small{display:block}.node-bot-row b{font-size:9px}.node-bot-row small{font-size:7px;color:#78838a;margin-top:3px}.node-bot-row form{display:grid;grid-template-columns:1fr auto;gap:5px}.node-bot-row select{background:#090c0e;border:1px solid #30383d;color:#fff;padding:8px;font-size:8px}
@media(max-width:850px){.node-status-strip{grid-template-columns:1fr 1fr}.node-bot-row{grid-template-columns:1fr}.credential-list{grid-template-columns:1fr}}


/* ==================================================================
   FSR MULTICONTROL v6.6 — READABLE / CLEAN UI
   Minimum practical UI typography. No more 6px/7px interface text.
   ================================================================== */

:root{
 --sw:292px;
 --bg:#080a0c;
 --side:#0b0e11;
 --panel:#111519;
 --panel2:#151a1f;
 --line:#2b333a;
 --line2:#3a444c;
 --text:#f7f8f9;
 --muted:#a2adb5;
 --yellow:#ffd400;
 --orange:#ffd400;
 --cyan:#ffd400;
}

html{font-size:16px}
body{font-size:16px;line-height:1.5}
button,input,select,textarea{font-size:16px}
body:before{opacity:.55}

/* Sidebar */
.sidebar{width:var(--sw);padding:22px 18px 18px}
.logo{height:62px;margin:0 4px 16px;gap:12px}
.logo>span{font-size:24px;padding:7px 11px;background:var(--yellow)}
.logo b{font-size:17px;letter-spacing:.8px}
.logo small{font-size:11px;letter-spacing:.8px;color:#879199;margin-top:2px}
.sidebar nav{overflow-y:auto;scrollbar-width:none;padding-right:2px}
.sidebar nav::-webkit-scrollbar{display:none}
.sidebar nav .group,.nav-group .group{font-size:11px!important;letter-spacing:1.25px!important;color:#7c878f!important;margin:18px 10px 8px!important}
.sidebar nav a{min-height:44px;height:auto;padding:10px 12px;gap:12px;font-size:14px;border-radius:7px;margin:2px 0}
.sidebar nav a i{width:22px;font-size:16px;text-align:center;font-style:normal;color:#aab3b9}
.sidebar nav a.on{border-color:#5f5317;background:linear-gradient(90deg,rgba(255,212,0,.13),#12171b)}
.sidebar nav a.on i{color:var(--yellow)}
.sidebar-bottom{padding-top:10px}
.admin-entry,.help-entry{padding:11px!important;min-height:54px!important}
.admin-entry b,.help-entry b{font-size:13px!important}
.admin-entry small,.help-entry small{font-size:11px!important}
.userbox{padding-top:14px}
.avatar{width:38px;height:38px;font-size:15px}
.userbox b{font-size:13px}.userbox small{font-size:11px}

/* Top bar */
.top{left:var(--sw);height:74px;padding:0 28px}
.context>span{font-size:11px}
.context select,.searchfake,.modebtn,.logout{font-size:13px;padding:10px 12px}
.global-search{height:44px!important;min-width:340px}
.global-search input{font-size:14px!important}
.global-search kbd{font-size:11px!important}
.mode-switch button{font-size:12px!important;padding:5px!important}
.mode-switch span{padding:7px 11px!important}
.top-user b{font-size:13px!important}.top-user small{font-size:11px!important}
.top-icon{font-size:18px!important}

/* Main content */
main.user-main,main.backend-main{margin-left:var(--sw);padding:104px 34px 90px;max-width:none}
.user-main>*{max-width:1540px;margin-left:auto;margin-right:auto}
.flash{top:84px;left:calc(var(--sw) + 34px);right:34px;font-size:14px;padding:14px 16px}

/* Generic page header */
.pagehead,.service-head{padding:20px 0 24px!important;margin-bottom:18px!important}
.kicker,.service-head .kicker,.eyebrow{font-size:12px!important;letter-spacing:1.35px!important;font-weight:900;color:var(--yellow)!important}
.pagehead h1,.service-head h1{font-size:38px!important;line-height:1.12!important;letter-spacing:-.7px!important;margin:6px 0 8px!important}
.pagehead p,.service-head p{font-size:16px!important;line-height:1.65!important;color:var(--muted)!important;max-width:850px!important}
.actions{gap:10px!important}

/* Buttons and forms */
.btn,button.btn,.mini{font-size:13px!important;font-weight:850!important;letter-spacing:.2px!important;min-height:44px;padding:10px 16px!important;border-radius:6px!important}
.btn.primary-large{min-height:50px;padding:13px 20px!important;font-size:14px!important}
.form label,.guided-form label{font-size:14px!important;font-weight:750!important;color:#d8dde0!important;margin-bottom:14px!important}
.form input,.form select,.form textarea,.guided-form input,.guided-form select,.guided-form textarea,
.activity-filter input,.activity-filter select,.search-page-form input{
 min-height:48px!important;font-size:15px!important;padding:11px 13px!important;border-radius:6px!important
}
.form textarea,.guided-form textarea{min-height:110px!important}
.hint,.field-help,.field-explain,.developer-note{font-size:13px!important;line-height:1.6!important}
.check{font-size:14px!important}
.check input{width:18px!important;height:18px!important;min-height:0!important}

/* Panels/cards */
.panel,.home-box,.clean-box{border-radius:8px!important;padding:20px!important}
.panel>h2{font-size:20px!important;margin:0 0 16px!important}
.panel p{font-size:14px!important;line-height:1.65!important}
.cards,.service-grid{gap:12px!important}
.card{padding:18px!important;border-radius:8px!important}
.card small{font-size:11px!important}.card h2{font-size:20px!important}.card p{font-size:14px!important}.card span{font-size:12px!important}

/* Service list pages */
.service-list{gap:10px!important}
.service-list-card{min-height:100px!important;padding:18px!important;gap:16px!important;border-radius:8px!important}
.service-list-icon{width:52px!important;height:52px!important;font-size:22px!important}
.service-list-title h2{font-size:19px!important}
.service-list-main>p{font-size:14px!important;margin:5px 0 9px!important}
.service-list-meta{gap:8px!important}
.service-list-meta span{font-size:12px!important;padding:5px 8px!important}
.service-list-card>em{font-size:12px!important}
.status-pill,.tag{font-size:11px!important;padding:5px 8px!important}

/* Help / explanation blocks */
.helpbox,.info-strip{padding:15px 17px!important;margin-bottom:16px!important;border-radius:7px!important}
.helpbox b,.info-strip b{font-size:14px!important}
.helpbox p,.info-strip p,.helpbox span,.info-strip span{font-size:13px!important;line-height:1.6!important}
.helpbox>a,.info-strip>a{font-size:12px!important}
.guided-step b{font-size:14px!important}.guided-step p{font-size:13px!important}.guided-step a{font-size:12px!important}
.guided-title h2{font-size:22px!important}.guided-title small{font-size:11px!important}

/* Guided forms */
.form-step{grid-template-columns:48px 1fr!important;gap:16px!important;padding:22px!important;margin-bottom:12px!important}
.form-step>span{width:42px!important;height:42px!important;font-size:15px!important}
.form-step h2{font-size:22px!important;margin:0 0 5px!important}
.form-step p{font-size:14px!important;line-height:1.6!important;margin:0 0 15px!important}

/* Tabs */
.tabs,.tabs-v62,.event-tabs{gap:4px!important}
.tabs a,.tabs-v62 a,.event-tabs a{font-size:13px!important;padding:12px 14px!important}

/* Tables */
table{font-size:14px!important}
th{font-size:12px!important;padding:12px!important}
td{font-size:14px!important;padding:12px!important}
.logs,pre.logs{font-size:13px!important;line-height:1.55!important}

/* Team/access */
.team-row{padding:14px!important;grid-template-columns:42px 1fr auto auto!important}
.team-avatar{width:38px!important;height:38px!important;font-size:14px!important}
.team-row b{font-size:14px!important}.team-row small,.team-row>span,.team-row>em{font-size:12px!important}
.scope-head b{font-size:14px!important}.scope-head small{font-size:11px!important}.scope-head label{font-size:12px!important}
.scope-items label{font-size:13px!important;padding:9px!important}
.permission-mini label{font-size:12px!important}
.permission-grid b{font-size:13px!important}.permission-grid small{font-size:11px!important}

/* Activity */
.activity-item{grid-template-columns:70px 1fr!important;padding:14px 0!important}
.activity-item>span{font-size:13px!important}
.activity-item b{font-size:14px!important}
.activity-item small{font-size:12px!important}
.activity-item p{font-size:13px!important}

/* Hosting pages */
.hosting-overview>div{padding:18px!important;border-radius:8px!important}
.hosting-overview small,.price-head small,.bot-host-banner small,.node-status-strip small{font-size:11px!important}
.hosting-overview b{font-size:25px!important}.hosting-overview span{font-size:13px!important}
.hosting-bot-card{padding:18px!important;border-radius:8px!important}
.hosting-bot-status{font-size:12px!important}
.hosting-bot-card h2{font-size:20px!important}
.hosting-bot-card p,.hosting-bot-card>div span{font-size:13px!important}
.hosting-bot-card>b{font-size:12px!important}
.price-card{padding:20px!important;border-radius:9px!important}
.price-head h2{font-size:26px!important}.price-head>b{font-size:17px!important}
.price-resources span,.price-card li{font-size:13px!important;line-height:1.5!important}
.billing-row b{font-size:14px!important}.billing-row small{font-size:12px!important}
.developer-guide{padding:22px!important;border-radius:8px!important}
.developer-guide-head small{font-size:11px!important}.developer-guide-head h2{font-size:23px!important}.developer-guide-head p{font-size:14px!important;line-height:1.6!important}
.developer-steps>div{padding:14px!important}.developer-steps>div>span{width:34px!important;height:34px!important;font-size:13px!important}
.developer-steps b{font-size:14px!important}.developer-steps p{font-size:13px!important}
.hosting-choice-head small{font-size:11px!important}.hosting-choice-head h2{font-size:23px!important}.hosting-choice-head p{font-size:14px!important}
.hosting-plan-selected b{font-size:15px!important}.hosting-plan-selected small{font-size:12px!important}.hosting-plan-selected>a{font-size:12px!important}
.host-ready,.host-warn{font-size:13px!important}
.preset-choice-v65 em{font-size:11px!important;color:#56e2a0!important}

/* Node manager */
.hosting-node-card{padding:18px!important;border-radius:8px!important}
.hosting-node-card h2{font-size:20px!important}.hosting-node-card p,.hosting-node-card>small{font-size:12px!important}
.hosting-node-card.clickable>b{font-size:12px!important}
.node-resources span{font-size:12px!important;padding:8px!important}
.installer-explain b{font-size:14px!important}.installer-explain p{font-size:13px!important}
.node-status-strip>div{padding:14px!important}.node-status-strip b{font-size:14px!important}
.node-install-help h3{font-size:19px!important}.node-install-help p{font-size:13px!important}
.credential-list b{font-size:13px!important}.credential-list span{font-size:12px!important}
.node-install-help pre{font-size:13px!important}
.node-bot-row b{font-size:14px!important}.node-bot-row small{font-size:12px!important}.node-bot-row select{font-size:13px!important}

/* ================================================================
   CLEAN HOME DASHBOARD
   ================================================================ */
.clean-home-hero{
 min-height:300px;display:grid;grid-template-columns:1.05fr 1fr;background:#101417;
 border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:26px
}
.clean-home-image{position:relative;min-height:300px}
.clean-home-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,12,.08),rgba(8,10,12,.88))}
.clean-home-image img{width:100%;height:100%;object-fit:cover;display:block}
.clean-home-copy{padding:38px 42px 38px 20px;display:flex;justify-content:center;flex-direction:column;position:relative}
.clean-home-copy h1{font-size:50px;line-height:1.03;letter-spacing:-1.7px;margin:7px 0 14px}
.clean-home-copy h1 em{font-style:normal;color:var(--yellow)}
.clean-home-copy p{font-size:17px;line-height:1.65;color:#abb5bc;max-width:680px;margin:0 0 22px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}

.clean-section{margin:0 0 28px}
.clean-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:14px}
.clean-section-head h2{font-size:28px;letter-spacing:-.4px;margin:3px 0}
.clean-section-head p{font-size:14px;color:#9da7ae;margin:0}
.clean-section-head>a{font-size:13px;color:var(--yellow);font-weight:800;white-space:nowrap}

.clean-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.clean-service-card{display:grid;grid-template-columns:58px 1fr;gap:15px;background:#111519;border:1px solid var(--line);padding:20px;border-radius:9px;transition:.15s}
.clean-service-card:hover{transform:translateY(-2px);border-color:#6d6019;background:#14191d}
.clean-service-icon{width:56px;height:56px;border:1px solid #3c464d;background:#0b0e10;display:grid;place-items:center;font-size:23px;color:var(--yellow);border-radius:8px}
.clean-service-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.clean-service-title h3{font-size:19px;margin:0}
.clean-service-title strong{font-size:28px;color:#fff}
.clean-service-status{display:block;font-size:12px;color:#69dda4;font-weight:750;margin-top:2px}
.clean-service-content p{font-size:14px;color:#97a2a9;line-height:1.55;min-height:44px;margin:11px 0}
.clean-service-content>b{font-size:12px;color:var(--yellow)}

.clean-alert-list{display:flex;flex-direction:column;gap:8px}
.clean-alert{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:16px 18px;background:#111519;border:1px solid var(--line);border-radius:8px}
.clean-alert>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:17px;font-weight:900}
.clean-alert.warn>span{background:#271e09;color:#ffc64b}.clean-alert.danger>span{background:#281015;color:#ff6b7f}.clean-alert.good>span{background:#0e241a;color:#62dfa1}
.clean-alert h3{font-size:15px;margin:0 0 3px}.clean-alert p{font-size:13px;color:#98a3aa;margin:0}.clean-alert>b{font-size:12px;color:var(--yellow)}

.clean-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.clean-step{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:16px;background:#111519;border:1px solid var(--line);border-radius:8px}
.clean-step>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #475159;border-radius:50%;font-size:14px;font-weight:900;color:var(--yellow)}
.clean-step.done>span{background:#18271e;color:#66dda2;border-color:#2f694c}
.clean-step h3{font-size:15px;margin:0 0 3px}.clean-step p{font-size:12px;color:#909ba2;margin:0}.clean-step>b{font-size:11px;color:var(--yellow)}

.clean-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.clean-box{background:#111519;border:1px solid var(--line)}
.clean-box-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.clean-box-head h2{font-size:22px;margin:3px 0}.clean-box-head>a{font-size:12px;color:var(--yellow)}
.clean-activity>div{display:grid;grid-template-columns:16px 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--line)}
.clean-activity>div>span{width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-top:7px}
.clean-activity h3{font-size:14px;margin:0}.clean-activity p{font-size:13px;color:#929da4;margin:3px 0}.clean-activity small{font-size:11px;color:#69757d}
.clean-help-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.clean-help-links a{display:block;background:#0c1013;border:1px solid #293137;padding:14px;border-radius:7px}
.clean-help-links b{display:block;font-size:14px;margin-bottom:3px}.clean-help-links span{font-size:12px;color:#9ca6ad}
.clean-help-links a:hover{border-color:#675b18}.clean-help-links a:hover span{color:var(--yellow)}
.empty-copy{font-size:14px;color:var(--muted)}

/* Help center */
.help-topic h2{font-size:16px!important}.help-topic p{font-size:13px!important}.help-topic>b{font-size:11px!important}
.faq-list summary{font-size:14px!important}.faq-list p{font-size:13px!important}
.doc-toc>b{font-size:11px!important}.doc-toc a{font-size:12px!important}
.doc-section>small{font-size:11px!important}.doc-section h2{font-size:26px!important}.doc-section p{font-size:15px!important}

/* Footer */
footer{font-size:12px!important;color:#7f8990!important}

/* Responsive */
@media(max-width:1200px){
 :root{--sw:260px}
 .clean-service-grid{grid-template-columns:1fr 1fr}
 .clean-home-copy h1{font-size:42px}
 .clean-step-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .sidebar{transform:translateX(-100%)}.top{left:0}.user-main,.backend-main,main.user-main,main.backend-main{margin-left:0!important}
 .clean-home-hero{grid-template-columns:1fr}.clean-home-image{min-height:220px}.clean-home-copy{padding:28px}
 .clean-service-grid,.clean-step-grid,.clean-bottom-grid{grid-template-columns:1fr}
 .flash{left:20px}
}
@media(max-width:620px){
 main.user-main,main.backend-main{padding:94px 16px 70px}
 .clean-home-copy h1{font-size:36px}.clean-home-copy p{font-size:15px}
 .clean-section-head{align-items:flex-start;flex-direction:column}
 .clean-alert{grid-template-columns:40px 1fr}.clean-alert>b{grid-column:2}
 .clean-step{grid-template-columns:40px 1fr}.clean-step>b{grid-column:2}
 .pagehead h1,.service-head h1{font-size:31px!important}
 .global-search{display:none!important}
}

/* v6.6.3 Access Manager */
.team-row{grid-template-columns:44px minmax(0,1fr) auto auto!important}.team-row em{display:block!important;margin-top:5px!important;font-style:normal!important;color:#7f8b93!important;font-size:11px!important}.role-pill{font-size:11px!important;background:#151a1d;border:1px solid #3a4449;padding:6px 8px;border-radius:999px}
.access-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.access-summary>div{background:#101417;border:1px solid var(--line);padding:14px;border-radius:8px}.access-summary small,.access-summary b{display:block}.access-summary small{font-size:10px!important;color:#7d8990}.access-summary b{font-size:14px!important;margin-top:4px}
.access-save-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#15150b;border:1px solid #5f5518;border-left:4px solid var(--yellow);padding:16px;margin-bottom:12px;border-radius:8px}.access-save-intro>div{display:flex;gap:12px;align-items:center}.access-save-intro>div>span{width:38px;height:38px;display:grid;place-items:center;background:var(--yellow);color:#090a0b;font-weight:950;border-radius:50%}.access-save-intro h2{font-size:18px!important;margin:0}.access-save-intro p{font-size:13px!important;color:#a9a47d;margin:3px 0 0}
.resource-access-group{background:#0c0f11;border:1px solid var(--line);border-radius:9px;margin:0 0 14px;overflow:hidden}.resource-access-title{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;background:#11161a;border-bottom:1px solid var(--line)}.resource-access-title>div{display:flex;align-items:center;gap:10px}.resource-access-title>div>span{width:38px;height:38px;display:grid;place-items:center;background:#171d20;border:1px solid #394248;color:var(--yellow);border-radius:7px}.resource-access-title h2{font-size:18px!important;margin:0}.resource-access-title p{font-size:12px!important;color:#879299;margin:2px 0}.scope-all{font-size:12px!important;display:flex;gap:7px;align-items:center;background:#0b0f11;border:1px solid #30383d;padding:8px 10px;border-radius:6px}
.resource-access-list{padding:10px}.resource-access-card{border:1px solid #2c353a;background:#111519;border-radius:8px;margin:8px 0;overflow:hidden}.resource-access-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #2a3237}.resource-switch{display:flex;align-items:center;gap:10px;margin:0!important}.resource-switch>input{width:19px!important;height:19px!important;min-height:0!important}.resource-switch>span{width:34px;height:34px;display:grid;place-items:center;background:#0b0e10;border:1px solid #343d42;border-radius:6px;color:var(--yellow)}.resource-switch b,.resource-switch small{display:block}.resource-switch b{font-size:14px!important}.resource-switch small{font-size:10px!important;color:#6c777e}.resource-access-head>em{font-size:10px;font-style:normal;color:#ffd45c;background:#211b0d;border:1px solid #5f4e19;padding:5px 7px;border-radius:999px}
.subrights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px}.subright{display:flex!important;gap:8px!important;align-items:flex-start!important;padding:9px!important;margin:0!important;background:#0b0f11;border:1px solid #2b3439;border-radius:6px;font-weight:400!important}.subright input{width:17px!important;height:17px!important;min-height:0!important;margin-top:2px}.subright b,.subright small{display:block}.subright b{font-size:12px!important}.subright small{font-size:10px!important;color:#7c878e!important;line-height:1.35}.subright.locked{opacity:.38}.sticky-access-save{position:sticky;bottom:12px;z-index:10;background:rgba(12,15,17,.95);backdrop-filter:blur(10px);border:1px solid #5b5018;border-radius:8px;padding:10px}
.workspace-member-list,.user-membership-list{display:flex;flex-direction:column}.workspace-member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.workspace-member-row form{display:flex;gap:5px}.workspace-member-row select{min-height:38px;background:#0b0f11;color:#fff;border:1px solid #30383d;padding:7px;font-size:12px}.workspace-member-row b,.workspace-member-row small{display:block}.workspace-member-row b{font-size:14px!important}.workspace-member-row small{font-size:11px!important;color:#7f8990}
.user-membership-chip{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid var(--line);background:#0d1113}.user-membership-chip b{font-size:13px}.user-membership-chip span{font-size:11px;color:var(--yellow)}
@media(max-width:1200px){.subrights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.access-summary{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.subrights-grid{grid-template-columns:1fr 1fr}.workspace-member-row{grid-template-columns:1fr}.workspace-member-row form{flex-wrap:wrap}}
@media(max-width:580px){.subrights-grid{grid-template-columns:1fr}.access-summary{grid-template-columns:1fr}.resource-access-title,.access-save-intro{align-items:flex-start;flex-direction:column}}

/* ================================================================
   v6.7 ADMIN / LIGHT THEME / PAGE ART
   ================================================================ */
.pagehead-image,.service-head-image{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(110deg,var(--panel) 0%,var(--panel) 58%,rgba(255,212,0,.08) 100%);border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:10px;padding:24px 28px!important;min-height:142px}
.pagehead-image:after,.service-head-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 0%,rgba(17,21,25,.93) 48%,rgba(17,21,25,.40) 74%,rgba(17,21,25,.10));z-index:-1}
.pagehead-content,.service-head-copy{position:relative;z-index:2;max-width:760px}
.pagehead-art,.service-head-art{position:absolute;inset:0 0 0 auto;width:46%;z-index:-2}
.pagehead-art img,.service-head-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.08)}
.pagehead-image .actions,.service-head-action,.service-head-image .service-icon{position:relative;z-index:3}
.service-head-image{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important}
.service-head-art{width:42%}

.theme-toggle button{display:flex;gap:7px;align-items:center;height:40px;background:#11161a;color:#eef2f4;border:1px solid #303a40;border-radius:7px;padding:0 11px;font-size:12px;font-weight:800;cursor:pointer}.theme-toggle button:hover{border-color:#7b6b18}.theme-toggle span{font-size:11px}

/* Cleaner fixed sidebar */
.sidebar{display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar>nav{flex:1;overflow-y:auto;padding-bottom:14px}.sidebar-bottom{flex:0 0 auto;background:var(--side);border-top:1px solid var(--line);padding-top:12px}.backend-sidebar .nav-group .group{color:#a8b1b7!important}.backend-sidebar nav a{min-height:46px!important}

/* Stable dashboard width */
main.user-main,main.backend-main{width:auto!important;box-sizing:border-box}.clean-home-hero,.clean-section,.clean-bottom-grid{width:100%;box-sizing:border-box}.clean-home-hero{grid-template-columns:minmax(420px,.95fr) minmax(480px,1.05fr)!important}.clean-home-image,.clean-home-copy{min-width:0}

/* Light theme */
body.theme-light{--bg:#f3f5f7;--side:#ffffff;--panel:#ffffff;--panel2:#f8fafb;--line:#d8dfe4;--line2:#c6d0d7;--text:#14191d;--muted:#66737c;background:#f3f5f7;color:#14191d}
body.theme-light:before{opacity:.16}
body.theme-light .sidebar,body.theme-light .sidebar-bottom,body.theme-light .top{background:#fff;color:#14191d}
body.theme-light .sidebar nav a{color:#39454d}body.theme-light .sidebar nav a:hover{background:#f2f5f7}body.theme-light .sidebar nav a.on{background:#fff8cf;color:#161a1d;border-color:#e5c500}
body.theme-light .logo b,body.theme-light .userbox b,body.theme-light .top-user b{color:#111}
body.theme-light .global-search,body.theme-light .context select,body.theme-light .mode-switch button,body.theme-light .theme-toggle button{background:#f7f9fa;color:#20272c;border-color:#d5dde2}
body.theme-light .panel,body.theme-light .card,body.theme-light .clean-box,body.theme-light .clean-service-card,body.theme-light .service-list-card,body.theme-light .form-step,body.theme-light .resource-access-card,body.theme-light .price-card,body.theme-light .hosting-node-card{background:#fff;color:#14191d;border-color:#d8dfe4}
body.theme-light .pagehead-image,body.theme-light .service-head-image{background:#fff;border-color:#d8dfe4;border-left-color:#d0ae00}
body.theme-light .pagehead-image:after,body.theme-light .service-head-image:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.72) 76%,rgba(255,255,255,.28))}
body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff;color:#151b1f;border-color:#cbd4da}
body.theme-light .hint,body.theme-light p,body.theme-light small{color:#66737c}
body.theme-light .btn.secondary{background:#fff;color:#222;border-color:#bdc8ce}
body.theme-light .admin-entry,body.theme-light .help-entry{background:#f7f9fa}
body.theme-light .table table,body.theme-light .table td,body.theme-light .table th{color:#242b30}
body.theme-light code,body.theme-light pre{background:#eef2f4;color:#253039}

/* Login v6.7 */
.login-v67{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);background:#080a0c}
.login-v67-art{position:relative;overflow:hidden}.login-v67-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.login-v67-overlay{position:absolute;inset:0;padding:42px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(7,9,10,.30),rgba(7,9,10,.72)),linear-gradient(0deg,rgba(7,9,10,.86),transparent 60%);color:#fff}
.login-v67-overlay h1{font-size:58px;line-height:.98;letter-spacing:-2px;margin:10px 0 18px}.login-v67-overlay h1 em{color:var(--yellow);font-style:normal}.login-v67-overlay p{font-size:17px;line-height:1.6;max-width:650px;color:#d8dfe3}.login-benefits{display:flex;gap:8px;flex-wrap:wrap}.login-benefits span{background:rgba(0,0,0,.50);border:1px solid rgba(255,255,255,.18);padding:8px 10px;border-radius:999px;font-size:12px}
.login-v67-side{display:grid;place-items:center;padding:36px;background:#0c1013}.login-card-v67{width:min(520px,100%);padding:34px!important}.login-card-v67 h2{font-size:34px!important}.login-card-v67>p{font-size:14px;color:#9aa5ac}
.discord-login-big{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;background:#5865f2;color:#fff;border-radius:8px;padding:13px 15px;margin:18px 0;text-decoration:none}.discord-login-big>span{width:38px;height:38px;display:grid;place-items:center;background:rgba(255,255,255,.14);border-radius:50%}.discord-login-big b,.discord-login-big small{display:block;color:#fff}.discord-login-big b{font-size:13px}.discord-login-big small{font-size:11px;opacity:.86;margin-top:2px}.discord-login-big>i{font-style:normal;font-size:18px}.discord-login-big.disabled{background:#242b31;color:#8d989f}.discord-login-big.disabled b,.discord-login-big.disabled small{color:#a4adb3}
.login-divider{display:flex;align-items:center;gap:10px;margin:18px 0}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#30383d}.login-divider span{font-size:10px;color:#6f7a81}.login-security{font-size:11px;color:#758088;line-height:1.5;margin-top:15px}

/* Profile */
.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connected-account{display:flex;align-items:center;gap:12px;background:#10162b;border:1px solid #5865f2;padding:14px;border-radius:8px;margin-bottom:12px}.connected-account>span{font-size:26px;color:#8f99ff}.connected-account b,.connected-account p{display:block;margin:0}.profile-workspace{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.profile-workspace b,.profile-workspace small{display:block}.profile-workspace span{font-size:11px;color:var(--muted)}

/* Admin dashboard */
.admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.admin-metrics>a{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.admin-metrics small,.admin-metrics b,.admin-metrics span{display:block}.admin-metrics small{font-size:10px;color:var(--yellow)}.admin-metrics b{font-size:28px;margin:4px 0}.admin-metrics span{font-size:11px;color:var(--muted)}
.admin-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-action-grid>a{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:7px}.admin-action-grid>a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--yellow);border-radius:6px}.admin-action-grid b{font-size:13px}.admin-action-grid p{font-size:11px!important;margin:3px 0 0!important}
.admin-health>div{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.admin-health>div>b{width:32px;height:32px;display:grid;place-items:center;background:var(--panel2);border-radius:50%;color:var(--yellow)}.admin-health span{font-size:13px;font-weight:800}.admin-health em{font-size:11px;color:var(--muted);font-style:normal}
.admin-activity-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.admin-activity-row b,.admin-activity-row small{display:block}.admin-activity-row b{font-size:13px}.admin-activity-row small,.admin-activity-row span{font-size:11px;color:var(--muted)}

/* Discord viewer */
.admin-discord-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-discord-bot{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px}.admin-discord-bot-head{display:flex;justify-content:space-between;gap:10px}.admin-discord-bot-head small{font-size:10px;color:var(--yellow)}.admin-discord-bot-head h2{font-size:20px;margin:3px 0}.admin-discord-bot-head p{font-size:12px;margin:0}.admin-guild-list{margin-top:12px}.admin-guild-list>a{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.admin-guild-list>a>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:6px}.admin-guild-list b,.admin-guild-list small{display:block}.admin-guild-list b{font-size:13px}.admin-guild-list small{font-size:10px;color:var(--muted)}.admin-guild-list em{font-size:10px;color:var(--yellow);font-style:normal}
.admin-discord-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.admin-discord-stats>div{background:var(--panel);border:1px solid var(--line);padding:13px;border-radius:7px}.admin-discord-stats small,.admin-discord-stats b{display:block}.admin-discord-stats small{font-size:10px;color:var(--muted)}.admin-discord-stats b{font-size:18px;margin-top:3px}.discord-view-category{border:1px solid var(--line);border-radius:7px;margin:8px 0;overflow:hidden}.discord-view-category h3{font-size:12px;background:var(--panel2);padding:9px;margin:0}.discord-view-category>div,.discord-view-role{display:grid;grid-template-columns:28px 1fr auto;gap:7px;padding:8px 10px;border-top:1px solid var(--line)}.discord-view-category b,.discord-view-role b{font-size:12px}.discord-view-category small,.discord-view-role small{font-size:10px;color:var(--muted)}

/* Backup + storage */
.backup-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.backup-row b,.backup-row small{display:block}.backup-row b{font-size:13px}.backup-row small{font-size:11px;color:var(--muted)}.backup-row>div:last-child{display:flex;gap:6px}
.storage-hero{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:9px;margin-bottom:12px}.storage-hero>div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.storage-hero small,.storage-hero b,.storage-hero p{display:block}.storage-hero small{font-size:10px;color:var(--yellow)}.storage-hero b{font-size:26px;margin:4px 0}.storage-hero p{font-size:11px;margin:0;color:var(--muted)}.storage-bar{height:8px;background:var(--panel2);border-radius:999px;overflow:hidden;margin-top:12px}.storage-bar span{display:block;height:100%;background:var(--yellow)}.storage-file-row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.storage-file-row b,.storage-file-row small{display:block}.storage-file-row b{font-size:13px}.storage-file-row small{font-size:10px;color:var(--muted)}.storage-file-row strong{font-size:13px}

/* Roles */
.role-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.role-admin-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.role-admin-card small{font-size:10px;color:var(--yellow)}.role-admin-card h2{font-size:18px;margin:5px 0}.role-admin-card p{font-size:12px;min-height:38px}.role-admin-card>div{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.role-admin-card>div b{color:var(--yellow)}.permission-section{margin:16px 0}.permission-section>h3{font-size:12px;color:var(--yellow);letter-spacing:1px}

/* System settings */
.system-settings-form h3{font-size:15px;margin:22px 0 9px;border-bottom:1px solid var(--line);padding-bottom:7px}.settings-status>div{padding:12px 0;border-top:1px solid var(--line)}.settings-status small,.settings-status b,.settings-status p{display:block}.settings-status small{font-size:10px;color:var(--yellow)}.settings-status b{font-size:14px;margin:4px 0}.settings-status p{font-size:12px;margin:0}

/* Dedimania emphasis */
.check-result.bad b{color:#ff7285}.check-result.good b{color:#6ce3a7}

@media(max-width:1250px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.storage-hero{grid-template-columns:1fr 1fr}.role-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.login-v67{grid-template-columns:1fr}.login-v67-art{min-height:360px}.login-v67-overlay h1{font-size:42px}.profile-grid,.admin-discord-grid{grid-template-columns:1fr}.clean-home-hero{grid-template-columns:1fr!important}.pagehead-art,.service-head-art{opacity:.35;width:60%}.admin-discord-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admin-metrics,.storage-hero,.role-admin-grid{grid-template-columns:1fr}.admin-action-grid{grid-template-columns:1fr}.login-v67-side{padding:18px}.login-v67-overlay{padding:24px}.pagehead-image,.service-head-image{padding:18px!important}.pagehead-art,.service-head-art{display:none}.service-head-image{grid-template-columns:48px 1fr!important}.profile-grid{grid-template-columns:1fr}}

/* v6.7.1 user workspace appearance center */
.workspace-identity{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:10px;margin-bottom:12px}
.workspace-identity>div{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px}
.workspace-identity small,.workspace-identity b,.workspace-identity span{display:block}
.workspace-identity small{font-size:10px!important;letter-spacing:.8px;color:var(--yellow)}
.workspace-identity b{font-size:20px!important;margin:4px 0}
.workspace-identity span{font-size:12px!important;color:var(--muted)}
.workspace-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}
.workspace-usage-grid>a{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:15px}
.workspace-usage-grid small,.workspace-usage-grid b,.workspace-usage-grid span{display:block}
.workspace-usage-grid small{font-size:10px!important;color:var(--yellow)}
.workspace-usage-grid b{font-size:27px!important;margin:3px 0}
.workspace-usage-grid span{font-size:11px!important;color:var(--muted)}
.workspace-settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:12px}
.appearance-intro{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.appearance-intro small{font-size:10px!important;color:var(--yellow)}
.appearance-intro h3{font-size:18px;margin:2px 0}
.appearance-intro p{font-size:12px!important;color:var(--muted);margin:0!important}
.appearance-intro>span{font-size:28px;color:var(--yellow)}
.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}
.appearance-card{position:relative;display:block!important;padding:12px!important;margin:0!important;border:2px solid var(--line)!important;border-radius:9px!important;cursor:pointer}
.appearance-card.selected{border-color:var(--yellow)!important;box-shadow:0 0 0 2px rgba(255,212,0,.08)}
.appearance-card>input{position:absolute;top:12px;right:12px;width:19px!important;height:19px!important;min-height:0!important}
.appearance-card>div:last-child b,.appearance-card>div:last-child small{display:block}
.appearance-card>div:last-child b{font-size:14px!important;margin-top:9px}
.appearance-card>div:last-child small{font-size:11px!important;color:var(--muted)}
.appearance-preview{height:116px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:25px 1fr;position:relative;overflow:hidden;border:1px solid #3b444a;border-radius:7px}
.appearance-preview i{display:block}
.appearance-preview i:nth-child(1){grid-column:1;grid-row:1/3}
.appearance-preview i:nth-child(2){grid-column:2;grid-row:1}
.appearance-preview i:nth-child(3){grid-column:2;grid-row:2}
.appearance-preview b{position:absolute;height:9px;border-radius:3px;left:52px}
.appearance-preview b:nth-of-type(1){right:18px;top:43px}
.appearance-preview b:nth-of-type(2){width:42%;top:62px}
.dark-preview{background:#080a0c}.dark-preview i:nth-child(1){background:#0c1013}.dark-preview i:nth-child(2){background:#11161a}.dark-preview i:nth-child(3){background:#0b0f11}.dark-preview b{background:#303a40}
.light-preview{background:#f3f5f7}.light-preview i:nth-child(1){background:#fff}.light-preview i:nth-child(2){background:#fff}.light-preview i:nth-child(3){background:#f7f9fa}.light-preview b{background:#cad3d9}
.appearance-mode-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;align-items:center;border-top:1px solid var(--line);padding:15px 0}
.appearance-mode-row b,.appearance-mode-row p{display:block}
.appearance-mode-row b{font-size:14px!important}
.appearance-mode-row p{font-size:12px!important;color:var(--muted);margin:2px 0 0!important}
.appearance-mode-row select{min-height:44px!important}
.workspace-readonly{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:14px}
.workspace-readonly>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%}
.workspace-readonly b{font-size:14px!important}.workspace-readonly p{font-size:12px!important;color:var(--muted);margin:3px 0 0!important}
.workspace-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.workspace-shortcuts>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:12px}
.workspace-shortcuts>a>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:6px;color:var(--yellow)}
.workspace-shortcuts b,.workspace-shortcuts small{display:block}
.workspace-shortcuts b{font-size:13px!important}.workspace-shortcuts small{font-size:11px!important;color:var(--muted)}.workspace-shortcuts em{font-size:16px;color:var(--yellow);font-style:normal}
body.theme-light .appearance-card,body.theme-light .workspace-identity>div,body.theme-light .workspace-usage-grid>a{background:#fff}
@media(max-width:1000px){.workspace-settings-grid{grid-template-columns:1fr}.workspace-identity{grid-template-columns:1fr 1fr}.workspace-usage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.workspace-identity,.workspace-usage-grid,.appearance-options,.workspace-shortcuts{grid-template-columns:1fr}.appearance-mode-row{grid-template-columns:1fr}}

/* ===============================================================
   v6.7.2 HARD LAYOUT FIX
   =============================================================== */

/* Stable content canvas */
main.user-main,main.backend-main{
 width:auto!important;
 max-width:none!important;
 min-width:0!important;
 overflow-x:hidden!important;
}
main.user-main>*,main.backend-main>*{
 width:min(100%,1480px)!important;
 max-width:1480px!important;
 min-width:0!important;
 margin-left:auto!important;
 margin-right:auto!important;
}

/* Workspace screenshot fix: never collapse content into a narrow left strip */
.workspace-settings-v672{
 display:grid!important;
 grid-template-columns:minmax(0,2fr) minmax(340px,.8fr)!important;
 gap:16px!important;
 align-items:start!important;
 width:100%!important;
 min-width:0!important;
}
.workspace-primary-panel,.workspace-side-panel,.workspace-settings-v672>.panel{
 width:100%!important;
 min-width:0!important;
 max-width:none!important;
}
.workspace-side-panel{display:flex!important;flex-direction:column!important;gap:16px!important}
.workspace-side-panel>.panel{width:100%!important;min-width:0!important}
.appearance-settings{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 max-width:none!important;
}
.appearance-options{
 display:flex!important;
 flex-wrap:nowrap!important;
 width:100%!important;
 gap:14px!important;
 align-items:stretch!important;
}
.appearance-card{
 flex:1 1 0!important;
 width:auto!important;
 min-width:0!important;
 max-width:none!important;
}
.appearance-preview{width:100%!important;min-width:0!important;height:160px!important}
.appearance-mode-row{width:100%!important}
.workspace-identity-form{width:100%!important;max-width:none!important}

.workspace-summary-v672{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(180px,.55fr);gap:10px;margin-bottom:12px}
.workspace-summary-v672>div,.workspace-usage-v672>a{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px;min-width:0}
.workspace-summary-v672 small,.workspace-summary-v672 b,.workspace-summary-v672 span,.workspace-usage-v672 small,.workspace-usage-v672 b,.workspace-usage-v672 span{display:block}
.workspace-summary-v672 small,.workspace-usage-v672 small{font-size:11px!important;color:var(--yellow);letter-spacing:.7px}
.workspace-summary-v672 b{font-size:21px!important;margin:4px 0}.workspace-summary-v672 span{font-size:13px!important;color:var(--muted)}
.workspace-usage-v672{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.workspace-usage-v672 b{font-size:28px!important;margin:4px 0}.workspace-usage-v672 span{font-size:12px!important;color:var(--muted)}

.workspace-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.workspace-tool-grid>a,.admin-tool-grid-v672>a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:14px;min-width:0}
.workspace-tool-grid>a>span,.admin-tool-grid-v672>a>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:7px;color:var(--yellow);font-size:18px}
.workspace-tool-grid b,.workspace-tool-grid p,.admin-tool-grid-v672 b,.admin-tool-grid-v672 p{display:block}.workspace-tool-grid b,.admin-tool-grid-v672 b{font-size:14px!important}.workspace-tool-grid p,.admin-tool-grid-v672 p{font-size:12px!important;line-height:1.45!important;color:var(--muted);margin:3px 0 0!important}.workspace-tool-grid em,.admin-tool-grid-v672 em{font-size:11px;color:var(--yellow);font-style:normal;font-weight:850}
.workspace-account-mini{display:flex;flex-direction:column;gap:12px}.workspace-account-mini b,.workspace-account-mini small{display:block}.workspace-account-mini b{font-size:15px}.workspace-account-mini small{font-size:12px;color:var(--muted)}

/* Real header artwork */
.pagehead-image,.service-head-image{position:relative!important;overflow:hidden!important;min-height:150px!important;isolation:isolate!important;border:1px solid var(--line)!important;border-left:4px solid var(--yellow)!important;border-radius:10px!important;padding:25px 28px!important;background:var(--panel)!important}
.pagehead-image:after,.service-head-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel) 0%,var(--panel) 52%,rgba(15,18,20,.72) 72%,rgba(15,18,20,.18));z-index:-1}
.pagehead-content,.service-head-copy{position:relative;z-index:3;max-width:780px;min-width:0}
.pagehead-art,.service-head-art{display:block!important;position:absolute;right:0;top:0;bottom:0;width:44%;z-index:-2}
.pagehead-art img,.service-head-art img{width:100%;height:100%;object-fit:cover}
.pagehead-image .actions,.service-head-action,.service-head-image .service-icon{position:relative;z-index:4}

/* Theme toggle actually visible */
.theme-toggle{margin:0}.theme-toggle button{height:42px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid var(--line2)!important;background:var(--panel2)!important;color:var(--text)!important;border-radius:7px!important;padding:0 12px!important;cursor:pointer!important}.theme-toggle button span{font-size:17px!important}.theme-toggle button b{font-size:12px!important}

/* Light theme fixes */
body.theme-light{--bg:#f2f4f6;--side:#ffffff;--panel:#ffffff;--panel2:#f7f9fa;--line:#d9e0e4;--line2:#c7d0d6;--text:#14191d;--muted:#68757e;background:#f2f4f6;color:#14191d}
body.theme-light .sidebar,body.theme-light .sidebar-bottom,body.theme-light .top{background:#fff!important;color:#14191d!important}
body.theme-light .pagehead-image:after,body.theme-light .service-head-image:after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 52%,rgba(255,255,255,.75) 73%,rgba(255,255,255,.25))}
body.theme-light .panel,body.theme-light .workspace-summary-v672>div,body.theme-light .workspace-usage-v672>a,body.theme-light .workspace-tool-grid>a,body.theme-light .admin-tool-grid-v672>a,body.theme-light .admin-metrics-v672>a,body.theme-light .admin-discord-card{background:#fff!important;color:#151a1e!important}
body.theme-light input,body.theme-light select,body.theme-light textarea{background:#fff!important;color:#171c20!important;border-color:#cbd4da!important}
body.theme-light .appearance-card{background:#fff!important;color:#171c20!important}
body.theme-light .btn.secondary,body.theme-light .mini{background:#f7f9fa!important;color:#20262b!important}

/* Admin functions */
.admin-metrics-v672{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:14px}.admin-metrics-v672>a{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px;min-width:0}.admin-metrics-v672 small,.admin-metrics-v672 b,.admin-metrics-v672 span{display:block}.admin-metrics-v672 small{font-size:10px;color:var(--yellow)}.admin-metrics-v672 b{font-size:28px;margin:4px 0}.admin-metrics-v672 span{font-size:11px;color:var(--muted)}
.admin-tool-grid-v672{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-discord-grid-v672{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-discord-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px}.admin-discord-card>div:first-child small{font-size:10px;color:var(--yellow)}.admin-discord-card h2{font-size:19px;margin:4px 0}.admin-discord-card p{font-size:12px;margin:0;color:var(--muted)}.admin-discord-guilds{margin-top:10px}.admin-discord-guilds>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.admin-discord-guilds>a>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:6px}.admin-discord-guilds b,.admin-discord-guilds small{display:block}.admin-discord-guilds b{font-size:13px}.admin-discord-guilds small{font-size:10px;color:var(--muted)}.admin-discord-guilds em{font-size:10px;color:var(--yellow);font-style:normal}
.admin-discord-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.admin-discord-stats>div{background:var(--panel);border:1px solid var(--line);padding:13px;border-radius:8px}.admin-discord-stats small,.admin-discord-stats b{display:block}.admin-discord-stats small{font-size:10px;color:var(--muted)}.admin-discord-stats b{font-size:20px}
.discord-view-category{border:1px solid var(--line);border-radius:7px;margin-bottom:8px;overflow:hidden}.discord-view-category h3{font-size:12px;margin:0;padding:9px 10px;background:var(--panel2)}.discord-view-category>div,.discord-view-role{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;padding:8px 10px;border-top:1px solid var(--line)}.discord-view-category b,.discord-view-role b{font-size:12px}.discord-view-category small,.discord-view-role small{font-size:10px;color:var(--muted)}
.backup-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.backup-row b,.backup-row small{display:block}.backup-row b{font-size:13px}.backup-row small{font-size:11px;color:var(--muted)}.backup-row>div:last-child{display:flex;gap:5px;align-items:center}
.storage-hero{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:9px;margin-bottom:12px}.storage-hero>div{background:var(--panel);border:1px solid var(--line);padding:15px;border-radius:8px}.storage-hero small,.storage-hero b,.storage-hero p{display:block}.storage-hero small{font-size:10px;color:var(--yellow)}.storage-hero b{font-size:26px;margin:3px 0}.storage-hero p{font-size:11px;color:var(--muted);margin:0}.storage-bar{height:8px;border-radius:99px;background:var(--panel2);overflow:hidden;margin-top:10px}.storage-bar span{display:block;height:100%;background:var(--yellow)}.storage-file-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.storage-file-row b,.storage-file-row small{display:block}.storage-file-row b{font-size:13px}.storage-file-row small{font-size:10px;color:var(--muted)}.storage-file-row strong{font-size:13px}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-workspace{padding:9px 0;border-top:1px solid var(--line)}.profile-workspace b,.profile-workspace small{display:block}.profile-workspace b{font-size:13px}.profile-workspace small{font-size:11px;color:var(--muted)}
.connected-account{padding:13px;border:1px solid #5865f2;background:#10162b;border-radius:7px}

/* Sidebar remains compact but readable, scroll hidden visually */
.sidebar>nav{overflow-y:auto!important;scrollbar-width:none!important}.sidebar>nav::-webkit-scrollbar{display:none!important}
.sidebar nav .group{font-size:10px!important;margin:12px 10px 6px!important}
.sidebar nav a{min-height:40px!important;padding:8px 11px!important;font-size:13px!important}
.sidebar .logo b{font-size:15px!important}.sidebar .logo small{font-size:10px!important}

/* Responsive */
@media(max-width:1280px){
 .workspace-tool-grid,.admin-tool-grid-v672{grid-template-columns:repeat(2,minmax(0,1fr))}
 .admin-metrics-v672{grid-template-columns:repeat(3,minmax(0,1fr))}
 .workspace-settings-v672{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)!important}
}
@media(max-width:980px){
 .workspace-settings-v672,.profile-grid,.admin-discord-grid-v672{grid-template-columns:1fr!important}
 .appearance-options{flex-wrap:wrap!important}
 .appearance-card{flex:1 1 320px!important}
 .workspace-summary-v672{grid-template-columns:1fr 1fr}.workspace-usage-v672{grid-template-columns:1fr 1fr}
 .pagehead-art,.service-head-art{opacity:.38;width:58%}
}
@media(max-width:640px){
 .workspace-summary-v672,.workspace-usage-v672,.workspace-tool-grid,.admin-tool-grid-v672,.admin-metrics-v672,.storage-hero{grid-template-columns:1fr!important}
 .appearance-options{display:grid!important;grid-template-columns:1fr!important}
 .appearance-preview{height:125px!important}
 .pagehead-art,.service-head-art{display:none!important}
}

/* =====================================================================
   v6.8 PREMIUM COMMAND CENTER DASHBOARD
   ===================================================================== */
.command-hero{position:relative;min-height:390px;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px;isolation:isolate;background:#0b0e11}
.command-hero-art{position:absolute;inset:0;z-index:-3}.command-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(1.08) contrast(1.06)}
.command-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(6,8,9,.96) 0%,rgba(6,8,9,.90) 38%,rgba(6,8,9,.48) 64%,rgba(6,8,9,.18) 100%),linear-gradient(0deg,rgba(5,7,8,.78),transparent 58%)}
.command-hero-content{padding:40px 42px 86px;max-width:830px}.command-hero-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-health{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.38);border-radius:999px;color:#dce3e7;font-size:11px;font-weight:800}.hero-health i{width:8px;height:8px;border-radius:50%;background:#65df9f;box-shadow:0 0 14px rgba(101,223,159,.65)}.hero-health.needs-attention i{background:#ffc74e;box-shadow:0 0 14px rgba(255,199,78,.6)}
.command-hero h1{font-size:58px;line-height:.99;letter-spacing:-2px;color:#fff;margin:12px 0 16px;max-width:820px}.command-hero h1 em{font-style:normal;color:var(--yellow)}.command-hero p{font-size:17px;line-height:1.65;color:#c2cbd1;max-width:720px;margin:0 0 24px}.command-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.command-hero-actions .btn{min-height:48px!important;padding:12px 17px!important}.hero-primary{background:var(--yellow)!important;color:#090a0b!important;border-color:var(--yellow)!important}.hero-secondary{background:rgba(12,16,18,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}.hero-text-link{font-size:12px;font-weight:850;color:#fff;padding:10px 4px}.hero-text-link:hover{color:var(--yellow)}
.command-hero-progress{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:14px 42px;background:rgba(4,6,7,.78);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.10)}.command-hero-progress>div:first-child{display:grid;grid-template-columns:auto auto auto;gap:10px;align-items:baseline}.command-hero-progress small{font-size:10px;color:#9faab1}.command-hero-progress b{font-size:17px;color:#fff}.command-hero-progress span{font-size:11px;color:#a7b0b6}.hero-progress-bar{height:7px;background:rgba(255,255,255,.10);border-radius:999px;overflow:hidden}.hero-progress-bar span{display:block;height:100%;background:var(--yellow);border-radius:inherit}

.dash-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 28px}.dash-metric{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0;transition:.15s ease}.dash-metric:hover{border-color:#675c1b;transform:translateY(-1px)}.dash-metric-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;color:var(--yellow);font-size:18px}.dash-metric small,.dash-metric strong,.dash-metric span,.dash-metric p{display:block}.dash-metric small{font-size:9px;color:#7e8990;letter-spacing:.8px;font-weight:850}.dash-metric strong{font-size:24px;line-height:1;margin-top:3px}.dash-metric span{font-size:10px;color:#9ba5ac}.dash-metric p{font-size:10px!important;color:#6fdca6!important;margin:4px 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-metric em{font-style:normal;color:var(--yellow);font-size:14px}

.dash-section{margin:0 0 28px}.dash-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px}.dash-section-head h2{font-size:27px;letter-spacing:-.4px;margin:3px 0}.dash-section-head p{font-size:13px;color:var(--muted);margin:0}.dash-section-head>a{font-size:11px;color:var(--yellow);font-weight:900;white-space:nowrap}
.dash-operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dash-ops-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}.dash-ops-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel))}.dash-ops-head>div{display:flex;align-items:center;gap:10px}.dash-ops-head>div>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);background:#0b0f11;border-radius:8px;color:var(--yellow);font-size:18px}.dash-ops-head small,.dash-ops-head h3{display:block}.dash-ops-head small{font-size:9px;color:var(--yellow);letter-spacing:.8px}.dash-ops-head h3{font-size:17px;margin:1px 0}.dash-ops-head>a{font-size:10px;color:var(--yellow);font-weight:900}.dash-live-list{padding:0 14px 6px}.dash-live-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 2px;border-top:1px solid var(--line)}.dash-live-row:first-child{border-top:0}.dash-live-main{display:flex;align-items:center;gap:10px;min-width:0}.dash-live-main>div{min-width:0}.dash-live-main b,.dash-live-main small{display:block}.dash-live-main b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-live-main small{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.live-dot.online{background:#5cdf9c;box-shadow:0 0 12px rgba(92,223,156,.45)}.live-dot.offline{background:#ff6578;box-shadow:0 0 12px rgba(255,101,120,.35)}.live-dot.configured{background:#5bc0ff;box-shadow:0 0 12px rgba(91,192,255,.35)}.dash-row-actions{display:flex;gap:5px;align-items:center}.dash-row-actions a,.dash-row-actions button{border:1px solid var(--line2);background:var(--panel2);color:var(--text);font-size:9px;font-weight:850;padding:6px 7px;border-radius:5px;cursor:pointer}.dash-row-actions button:hover,.dash-row-actions a:hover{border-color:#6d6019;color:var(--yellow)}.dash-row-actions form{margin:0}.dash-empty{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:16px 2px}.dash-empty>span{width:36px;height:36px;display:grid;place-items:center;border:1px dashed var(--line2);border-radius:8px;color:var(--yellow)}.dash-empty b,.dash-empty p{display:block}.dash-empty b{font-size:13px}.dash-empty p{font-size:10px!important;color:var(--muted)!important;margin:2px 0 0!important}.dash-empty>a{font-size:10px;color:var(--yellow);font-weight:900}

.dash-attention-section{padding:18px;background:linear-gradient(180deg,rgba(255,212,0,.035),transparent);border:1px solid var(--line);border-radius:12px}.dash-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dash-alert{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.dash-alert>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:950}.dash-alert.warn>span{background:#2b220b;color:#ffc94f}.dash-alert.danger>span{background:#2c1116;color:#ff6b7f}.dash-alert b,.dash-alert p{display:block}.dash-alert b{font-size:12px}.dash-alert p{font-size:10px!important;color:var(--muted)!important;margin:2px 0 0!important}.dash-alert em{font-style:normal;font-size:9px;color:var(--yellow);font-weight:900}.dash-all-good{grid-column:1/-1;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;background:rgba(29,72,51,.16);border:1px solid rgba(86,211,145,.28);border-radius:9px;padding:14px}.dash-all-good>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#173322;color:#67dda1;font-size:18px}.dash-all-good b{font-size:14px}.dash-all-good p{font-size:11px!important;color:var(--muted)!important;margin:2px 0 0!important}.dash-all-good>a{font-size:10px;color:#69dda2;font-weight:900}

.dash-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dash-setup-step{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:11px}.dash-setup-step>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:50%;font-size:11px;font-weight:900;color:var(--yellow)}.dash-setup-step.done>span{background:#183022;color:#66dc9f;border-color:#2f6c4d}.dash-setup-step b{font-size:12px}.dash-setup-step p{font-size:10px!important;color:var(--muted)!important;margin:2px 0 0!important}.dash-setup-step em{font-size:9px;color:var(--yellow);font-style:normal;font-weight:900}

.dash-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dash-shortcut-grid>a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;transition:.15s}.dash-shortcut-grid>a:hover{border-color:#6b5e1b;background:var(--panel2)}.dash-shortcut-grid>a>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:7px;color:var(--yellow);font-size:16px}.dash-shortcut-grid b{font-size:12px}.dash-shortcut-grid p{font-size:10px!important;color:var(--muted)!important;margin:2px 0 0!important}.dash-shortcut-grid em{font-style:normal;color:var(--yellow)}

.dash-bottom-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:8px}.dash-activity-card,.dash-help-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:16px}.dash-card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:8px}.dash-card-head h2{font-size:20px;margin:2px 0}.dash-card-head>a{font-size:10px;color:var(--yellow);font-weight:900}.dash-activity-list article{display:grid;grid-template-columns:12px 1fr;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.dash-activity-list article>span{width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-top:5px}.dash-activity-list b{font-size:11px}.dash-activity-list p{font-size:10px!important;color:var(--muted)!important;margin:2px 0!important}.dash-activity-list small{font-size:9px;color:#69757c}.dash-help-card>a{display:block;padding:10px;border-top:1px solid var(--line)}.dash-help-card>a b,.dash-help-card>a span{display:block}.dash-help-card>a b{font-size:11px}.dash-help-card>a span{font-size:10px;color:var(--muted);margin-top:2px}.dash-help-card>a:hover span{color:var(--yellow)}

/* Light version is genuinely light, not dark cards on a white page. */
body.theme-light .command-hero{background:#fff;border-color:#d5dde2}.theme-light .command-hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.64) 66%,rgba(255,255,255,.22) 100%),linear-gradient(0deg,rgba(255,255,255,.52),transparent 58%)}
body.theme-light .command-hero h1{color:#151a1d}body.theme-light .command-hero p{color:#596871}body.theme-light .hero-health{background:rgba(255,255,255,.82);color:#324047;border-color:#cbd5db}body.theme-light .hero-secondary{background:rgba(255,255,255,.86)!important;color:#1b2227!important;border-color:#cbd5db!important}body.theme-light .hero-text-link{color:#22292d}body.theme-light .command-hero-progress{background:rgba(255,255,255,.88);border-color:#d8e0e5}body.theme-light .command-hero-progress b{color:#151a1d}body.theme-light .hero-progress-bar{background:#e4e9ec}
body.theme-light .dash-metric,body.theme-light .dash-ops-card,body.theme-light .dash-alert,body.theme-light .dash-setup-step,body.theme-light .dash-shortcut-grid>a,body.theme-light .dash-activity-card,body.theme-light .dash-help-card{background:#fff;color:#151a1d;border-color:#d8e0e5}body.theme-light .dash-ops-head{background:#f7f9fa}body.theme-light .dash-ops-head>div>span,body.theme-light .dash-metric-icon{background:#f4f6f7}body.theme-light .dash-row-actions a,body.theme-light .dash-row-actions button{background:#f7f9fa;color:#273038;border-color:#d1d9de}body.theme-light .dash-attention-section{background:linear-gradient(180deg,#fffdf0,#fff);border-color:#e4dfbe}

@media(max-width:1280px){.dash-metric-grid{grid-template-columns:repeat(3,1fr)}.dash-shortcut-grid,.dash-setup-grid{grid-template-columns:repeat(2,1fr)}.command-hero h1{font-size:50px}}
@media(max-width:980px){.dash-operations-grid,.dash-bottom-grid{grid-template-columns:1fr}.dash-alert-grid{grid-template-columns:1fr}.command-hero{min-height:430px}.command-hero-content{padding:32px 28px 94px}.command-hero-progress{padding:14px 28px}.dash-metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.command-hero h1{font-size:38px}.command-hero-content{padding:26px 20px 110px}.command-hero-progress{grid-template-columns:1fr;padding:12px 20px;gap:7px}.dash-metric-grid,.dash-shortcut-grid,.dash-setup-grid{grid-template-columns:1fr}.dash-live-row{grid-template-columns:1fr}.dash-row-actions{padding-left:20px}.dash-section-head{align-items:flex-start;flex-direction:column}.dash-alert,.dash-all-good{grid-template-columns:36px 1fr}.dash-alert em,.dash-all-good>a{grid-column:2}.command-hero-actions{align-items:stretch}.command-hero-actions .btn{width:100%}}


/* =====================================================================
   v6.8.1 — ULTRAWIDE / SIDEBAR HARD FIX
   Screenshot-driven correction:
   - sidebar must never look squeezed
   - every nav label must remain readable
   - sidebar bottom must remain visible
   - nav can scroll visibly if viewport height is too short
   - dashboard uses the available screen width instead of a centered island
   ===================================================================== */

:root{
  --sw:312px !important;
}

/* Fixed sidebar geometry */
.sidebar,
.user-sidebar,
.backend-sidebar{
  width:312px !important;
  min-width:312px !important;
  max-width:312px !important;
  padding:18px 14px 14px !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

.sidebar .logo{
  flex:0 0 62px !important;
  height:62px !important;
  min-height:62px !important;
  margin:0 6px 10px !important;
  gap:12px !important;
}
.sidebar .logo>span{
  font-size:23px !important;
  padding:6px 10px !important;
}
.sidebar .logo b{
  font-size:16px !important;
  line-height:1.1 !important;
  letter-spacing:.7px !important;
  white-space:nowrap !important;
}
.sidebar .logo small{
  font-size:10px !important;
  line-height:1.2 !important;
  letter-spacing:.7px !important;
  white-space:nowrap !important;
}

/* The navigation owns the remaining height. It never hides entries silently. */
.sidebar>nav{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:0 5px 14px 0 !important;
  scrollbar-width:thin !important;
  scrollbar-color:#4e5960 transparent !important;
}
.sidebar>nav::-webkit-scrollbar{
  display:block !important;
  width:7px !important;
}
.sidebar>nav::-webkit-scrollbar-track{
  background:transparent !important;
}
.sidebar>nav::-webkit-scrollbar-thumb{
  background:#39434a !important;
  border-radius:20px !important;
}
.sidebar>nav::-webkit-scrollbar-thumb:hover{
  background:#5a666e !important;
}

.sidebar .nav-group{
  margin:0 0 5px !important;
}
.sidebar nav .group,
.sidebar .nav-group .group{
  margin:10px 10px 5px !important;
  padding:0 !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  letter-spacing:1.05px !important;
  font-weight:900 !important;
  color:#7f8a91 !important;
  white-space:nowrap !important;
}
.sidebar nav a{
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  height:42px !important;
  margin:2px 0 !important;
  padding:0 12px !important;
  gap:11px !important;
  border-radius:7px !important;
  font-size:13.5px !important;
  line-height:1 !important;
}
.sidebar nav a i{
  flex:0 0 23px !important;
  width:23px !important;
  font-size:15px !important;
  text-align:center !important;
}
.sidebar nav a span{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Bottom controls are always on-screen and never compressed by nav. */
.sidebar-bottom{
  flex:0 0 auto !important;
  width:100% !important;
  margin:0 !important;
  padding:10px 0 0 !important;
  background:var(--side) !important;
  border-top:1px solid var(--line) !important;
}
.sidebar-bottom .admin-entry,
.sidebar-bottom .help-entry{
  min-height:52px !important;
  height:auto !important;
  margin:0 0 6px !important;
  padding:9px 10px !important;
  border-radius:7px !important;
}
.sidebar-bottom .admin-entry b,
.sidebar-bottom .help-entry b{
  font-size:12.5px !important;
}
.sidebar-bottom .admin-entry small,
.sidebar-bottom .help-entry small{
  font-size:10.5px !important;
}
.sidebar .userbox{
  min-height:50px !important;
  margin:0 !important;
  padding:9px 5px 0 !important;
}
.sidebar .userbox b{
  font-size:12.5px !important;
}
.sidebar .userbox small{
  font-size:10.5px !important;
}
.sidebar .avatar{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
}

/* Header and footer align exactly with the real sidebar width. */
.top{
  left:312px !important;
  height:72px !important;
  padding:0 24px !important;
}
.flash{
  left:336px !important;
  right:24px !important;
  top:82px !important;
}
footer{
  margin-left:312px !important;
}

/* Main area: no 1480px centered island on ultrawide screens. */
main.user-main,
main.backend-main{
  margin-left:312px !important;
  width:calc(100% - 312px) !important;
  max-width:none !important;
  min-width:0 !important;
  padding:96px 24px 76px !important;
  overflow-x:hidden !important;
}
main.user-main>*,
main.backend-main>*{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Make the command center visually fill the screen instead of floating centrally. */
.command-hero{
  width:100% !important;
  min-height:360px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.command-hero-content{
  max-width:980px !important;
  padding-left:38px !important;
}
.command-hero h1{
  font-size:clamp(46px,3.25vw,72px) !important;
  max-width:980px !important;
}
.command-hero p{
  font-size:16px !important;
  max-width:820px !important;
}
.dash-metric-grid,
.dash-section,
.dash-operations-grid,
.dash-attention-section,
.dash-shortcut-grid,
.dash-bottom-grid{
  width:100% !important;
  max-width:none !important;
}
.dash-metric{
  min-height:88px !important;
  padding:16px !important;
}
.dash-metric small{
  font-size:10.5px !important;
}
.dash-metric strong{
  font-size:27px !important;
}
.dash-metric span,
.dash-metric p{
  font-size:11px !important;
}
.dash-section-head h2{
  font-size:28px !important;
}
.dash-section-head p{
  font-size:13.5px !important;
}
.dash-live-main b{
  font-size:13.5px !important;
}
.dash-live-main small{
  font-size:10.5px !important;
}
.dash-row-actions a,
.dash-row-actions button{
  font-size:10px !important;
  padding:7px 9px !important;
}

/* Top bar also needs readable controls on a wide monitor. */
.context>span{
  font-size:10.5px !important;
}
.context select{
  min-width:190px !important;
  height:42px !important;
  font-size:13px !important;
}
.global-search{
  width:min(620px,36vw) !important;
  min-width:360px !important;
  height:42px !important;
}
.global-search input{
  font-size:13px !important;
}
.mode-switch span{
  font-size:11.5px !important;
}
.top-user b{
  font-size:12.5px !important;
}
.top-user small{
  font-size:10.5px !important;
}

/* Real light theme: sidebar and shell remain bright/readable. */
body.theme-light .sidebar,
body.theme-light .sidebar-bottom,
body.theme-light .top{
  background:#ffffff !important;
}
body.theme-light .sidebar>nav::-webkit-scrollbar-thumb{
  background:#c2cbd1 !important;
}
body.theme-light .sidebar nav .group{
  color:#6c7880 !important;
}
body.theme-light .sidebar nav a{
  color:#344149 !important;
}
body.theme-light .sidebar nav a.on{
  color:#151a1e !important;
  background:#fff5bd !important;
  border-color:#d4b300 !important;
}
body.theme-light footer{
  background:#ffffff !important;
  color:#69767e !important;
  border-top-color:#d9e0e4 !important;
}

/* 1440-ish desktop: still wide enough; do not collapse to the old tiny sidebar. */
@media(max-width:1500px) and (min-width:1001px){
  :root{--sw:286px !important}
  .sidebar,.user-sidebar,.backend-sidebar{
    width:286px !important;
    min-width:286px !important;
    max-width:286px !important;
  }
  .top{left:286px !important}
  footer{margin-left:286px !important}
  .flash{left:308px !important}
  main.user-main,main.backend-main{
    margin-left:286px !important;
    width:calc(100% - 286px) !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
  .sidebar nav a{
    font-size:13px !important;
  }
}

/* Short-height desktop: retain all sections by scrolling the NAV, not the whole sidebar. */
@media(max-height:820px) and (min-width:1001px){
  .sidebar{padding-top:10px !important;padding-bottom:9px !important}
  .sidebar .logo{height:49px !important;min-height:49px !important;flex-basis:49px !important;margin-bottom:4px !important}
  .sidebar .logo>span{font-size:19px !important}
  .sidebar .logo b{font-size:14px !important}
  .sidebar .logo small{font-size:9px !important}
  .sidebar nav .group{margin-top:7px !important;margin-bottom:3px !important}
  .sidebar nav a{height:38px !important;min-height:38px !important}
  .sidebar-bottom .admin-entry,.sidebar-bottom .help-entry{min-height:45px !important;padding:6px 9px !important}
  .sidebar .userbox{min-height:43px !important}
}

/* Existing mobile breakpoint remains explicit. */
@media(max-width:1000px){
  :root{--sw:0px !important}
  .user-sidebar,.backend-sidebar{display:none !important}
  .top{left:0 !important}
  footer{margin-left:0 !important}
  .flash{left:14px !important;right:14px !important}
  main.user-main,main.backend-main{
    margin-left:0 !important;
    width:100% !important;
    padding:86px 14px 60px !important;
  }
}


/* =====================================================================
   v6.8.2 — COMPACT COLOR COMMAND CENTER
   More information density, functional service colors, less dead space.
   ===================================================================== */

/* Functional accent palette */
:root{
 --svc-bot:#ffd400;
 --svc-discord:#7289da;
 --svc-tm:#39c6ff;
 --svc-event:#ff5f70;
 --svc-ticket:#bd7cff;
 --svc-team:#56d995;
 --svc-theme:#f2a6ff;
 --svc-system:#ffcf4f;
}

/* Hero: flatter, sharper, less empty vertical space */
.compact-command-hero{min-height:258px!important;margin-bottom:10px!important;border-radius:11px!important}
.compact-command-hero .command-hero-content{padding:24px 30px 56px!important;max-width:760px!important}
.compact-command-hero h1{font-size:clamp(38px,2.55vw,56px)!important;line-height:1!important;letter-spacing:-1.5px!important;margin:8px 0 10px!important}
.compact-command-hero p{font-size:14px!important;line-height:1.5!important;max-width:650px!important;margin:0 0 14px!important}
.compact-command-hero .command-hero-actions{gap:7px!important}
.compact-command-hero .command-hero-actions .btn{min-height:39px!important;padding:8px 12px!important;font-size:11px!important}
.compact-command-hero .hero-text-link{font-size:10.5px!important}
.compact-command-hero .command-hero-progress{padding:9px 30px!important;gap:14px!important}
.compact-command-hero .command-hero-progress b{font-size:14px!important}.compact-command-hero .command-hero-progress small,.compact-command-hero .command-hero-progress span{font-size:9px!important}
.compact-command-hero .hero-progress-bar{height:5px!important}

/* Metrics: one dense colorful strip */
.compact-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important}
.compact-metrics .dash-metric{min-height:72px!important;padding:10px!important;border-radius:8px!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;position:relative!important;overflow:hidden!important}
.compact-metrics .dash-metric:before,.compact-shortcuts>a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--svc-color,var(--yellow))}
.compact-metrics .dash-metric-icon{width:36px!important;height:36px!important;border-radius:8px!important;font-size:17px!important;color:var(--svc-color,var(--yellow))!important;background:color-mix(in srgb,var(--svc-color,var(--yellow)) 10%,var(--panel2))!important;border-color:color-mix(in srgb,var(--svc-color,var(--yellow)) 32%,var(--line2))!important}
.compact-metrics .dash-metric small{font-size:9.5px!important;color:var(--muted)!important;text-transform:uppercase!important}.compact-metrics .dash-metric strong{font-size:23px!important;margin:1px 0!important}.compact-metrics .dash-metric p{font-size:9.5px!important;color:var(--svc-color,var(--muted))!important;margin:2px 0 0!important}.compact-metrics .dash-metric em{font-size:11px!important;color:var(--svc-color,var(--yellow))!important}

.svc-bot{--svc-color:var(--svc-bot)}.svc-discord{--svc-color:var(--svc-discord)}.svc-tm{--svc-color:var(--svc-tm)}.svc-event{--svc-color:var(--svc-event)}.svc-ticket{--svc-color:var(--svc-ticket)}.svc-team{--svc-color:var(--svc-team)}.svc-theme{--svc-color:var(--svc-theme)}.svc-system{--svc-color:var(--svc-system)}

/* Setup turns into a slim strip instead of another huge section */
.dash-setup-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 12px}
.dash-setup-chip{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:7px 8px;min-width:0}.dash-setup-chip>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--svc-color) 11%,var(--panel2));border:1px solid color-mix(in srgb,var(--svc-color) 30%,var(--line2));color:var(--svc-color);font-size:12px;font-weight:900}.dash-setup-chip b,.dash-setup-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-setup-chip b{font-size:10.5px}.dash-setup-chip small{font-size:8.5px;color:var(--svc-color);margin-top:1px}.dash-setup-chip.done{opacity:.72}.dash-setup-chip.done>span{background:rgba(86,217,149,.12);border-color:rgba(86,217,149,.34);color:var(--svc-team)}

/* One compact header, then 3 operational columns */
.dash-compact-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 7px}.dash-compact-head h2{font-size:21px!important;line-height:1.05;margin:2px 0!important}.dash-compact-head>a{font-size:9.5px;color:var(--yellow);font-weight:900}.dash-command-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.72fr);gap:8px;margin-bottom:12px;align-items:stretch}.dash-command-grid .dash-ops-card,.dash-attention-card{border-radius:8px!important;min-width:0}
.dash-command-grid .dash-ops-head{padding:10px 11px!important}.dash-command-grid .dash-ops-head>div>span{width:34px!important;height:34px!important;font-size:16px!important}.dash-command-grid .dash-ops-head h3{font-size:14px!important}.dash-command-grid .dash-ops-head small{font-size:8.5px!important}.dash-command-grid .dash-live-list{padding:0 9px 3px!important}.dash-command-grid .dash-live-row{padding:8px 1px!important;gap:7px!important}.dash-command-grid .dash-live-main{gap:7px!important}.dash-command-grid .dash-live-main b{font-size:11.5px!important}.dash-command-grid .dash-live-main small{font-size:9px!important}.dash-command-grid .dash-row-actions{gap:3px!important}.dash-command-grid .dash-row-actions a,.dash-command-grid .dash-row-actions button{font-size:8px!important;padding:5px 6px!important}
.dash-ops-discord .dash-ops-head>div>span{color:var(--svc-discord)!important;background:rgba(114,137,218,.10)!important;border-color:rgba(114,137,218,.28)!important}.dash-ops-discord .dash-ops-head small{color:var(--svc-discord)!important}.dash-ops-tm .dash-ops-head>div>span{color:var(--svc-tm)!important;background:rgba(57,198,255,.10)!important;border-color:rgba(57,198,255,.28)!important}.dash-ops-tm .dash-ops-head small{color:var(--svc-tm)!important}

/* Attention is now a compact third operations card */
.dash-attention-card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.dash-attention-card.has-alerts{border-color:rgba(255,95,112,.28)}.dash-attention-card.is-good{border-color:rgba(86,217,149,.24)}.dash-attention-head{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 11px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel))}.dash-attention-head>div{display:flex;align-items:center;gap:8px;min-width:0}.attention-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:rgba(255,95,112,.10);border:1px solid rgba(255,95,112,.28);color:var(--svc-event);font-size:15px;font-weight:950}.is-good .attention-icon{background:rgba(86,217,149,.10);border-color:rgba(86,217,149,.28);color:var(--svc-team)}.dash-attention-head small,.dash-attention-head h3{display:block}.dash-attention-head small{font-size:8.5px;color:var(--svc-event);letter-spacing:.7px}.is-good .dash-attention-head small{color:var(--svc-team)}.dash-attention-head h3{font-size:13px;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-attention-head>a{font-size:8.5px;color:var(--yellow);font-weight:900}.dash-attention-list{padding:4px 9px}.mini-attention,.mini-all-good{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.mini-attention:first-child,.mini-all-good:first-child{border-top:0}.mini-attention>span,.mini-all-good>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:950}.mini-attention.warn>span{background:rgba(255,207,79,.12);color:var(--svc-system)}.mini-attention.danger>span{background:rgba(255,95,112,.12);color:var(--svc-event)}.mini-attention b,.mini-attention small,.mini-all-good b,.mini-all-good small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-attention b,.mini-all-good b{font-size:10.5px}.mini-attention small,.mini-all-good small{font-size:8.5px;color:var(--muted);margin-top:1px}.mini-attention em{font-size:9px;color:var(--yellow);font-style:normal}.mini-all-good>span{background:rgba(86,217,149,.12);color:var(--svc-team)}

/* Quick actions: no giant vertical gap / title block */
.dash-quickbar{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 12px}.dash-quickbar-title h2{font-size:20px!important;margin:2px 0!important}.compact-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}.compact-shortcuts>a{position:relative!important;grid-template-columns:34px minmax(0,1fr) auto!important;padding:8px!important;gap:7px!important;min-height:54px!important}.compact-shortcuts>a>span{width:32px!important;height:32px!important;font-size:14px!important;color:var(--svc-color,var(--yellow))!important;background:color-mix(in srgb,var(--svc-color,var(--yellow)) 10%,var(--panel2))!important;border-color:color-mix(in srgb,var(--svc-color,var(--yellow)) 28%,var(--line2))!important}.compact-shortcuts b{font-size:10.5px!important}.compact-shortcuts p{font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-shortcuts em{font-size:9px!important;color:var(--svc-color,var(--yellow))!important}

/* Bottom: tighter and cleaner */
.compact-bottom{gap:8px!important;margin-bottom:0!important}.compact-bottom .dash-activity-card,.compact-bottom .dash-help-card{padding:11px!important;border-radius:8px!important}.compact-bottom .dash-card-head{margin-bottom:4px!important}.compact-bottom .dash-card-head h2{font-size:16px!important}.compact-bottom .dash-activity-list article{padding:7px 0!important}.compact-bottom .dash-activity-list b{font-size:10px!important}.compact-bottom .dash-activity-list p{font-size:8.5px!important}.compact-bottom .dash-activity-list small{font-size:8px!important}.compact-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.compact-help-grid>a{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--panel2)!important}.compact-help-grid>a>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;color:var(--svc-color,var(--yellow));background:color-mix(in srgb,var(--svc-color,var(--yellow)) 10%,var(--panel));font-size:12px}.compact-help-grid b,.compact-help-grid small{display:block}.compact-help-grid b{font-size:10px!important}.compact-help-grid small{font-size:8.5px!important;color:var(--muted)!important;margin-top:1px}

/* Light mode keeps service accents but uses genuinely light surfaces */
body.theme-light .compact-metrics .dash-metric-icon,body.theme-light .compact-shortcuts>a>span,body.theme-light .dash-setup-chip>span,body.theme-light .compact-help-grid>a>span{background:color-mix(in srgb,var(--svc-color) 10%,#fff)!important}.theme-light .dash-attention-card,.theme-light .compact-help-grid>a{background:#fff!important}.theme-light .dash-attention-head{background:#f8fafb!important}

@media(max-width:1500px){.compact-metrics{grid-template-columns:repeat(3,1fr)!important}.compact-shortcuts{grid-template-columns:repeat(3,1fr)!important}.dash-command-grid{grid-template-columns:1fr 1fr!important}.dash-attention-card{grid-column:1/-1}.dash-setup-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.dash-command-grid{grid-template-columns:1fr!important}.dash-attention-card{grid-column:auto}.dash-quickbar{grid-template-columns:1fr}.compact-shortcuts{grid-template-columns:repeat(2,1fr)!important}.dash-setup-strip{grid-template-columns:repeat(2,1fr)}.compact-command-hero{min-height:290px!important}}
@media(max-width:640px){.compact-metrics,.compact-shortcuts,.dash-setup-strip,.compact-help-grid{grid-template-columns:1fr!important}.compact-command-hero .command-hero-content{padding:20px 18px 60px!important}.compact-command-hero h1{font-size:34px!important}.dash-command-grid{gap:7px}.dash-quickbar{gap:6px}}

/* =====================================================================
   v6.9.0 — REFERENCE DASHBOARD / DENSE CONTROL PANEL
   ===================================================================== */
:root{--sw:252px!important;--discord:#7289da;--tm:#39c6ff;--event:#ff5c6c;--ticket:#b57cff;--green:#50d890;--orange:#ffb84a}
.sidebar,.user-sidebar,.backend-sidebar{width:252px!important;min-width:252px!important;max-width:252px!important;padding:14px 12px 12px!important}.top{left:252px!important;height:62px!important;padding:0 18px!important}footer{margin-left:252px!important}.flash{left:270px!important;top:70px!important}main.user-main,main.backend-main{margin-left:252px!important;width:calc(100% - 252px)!important;padding:76px 18px 60px!important}.sidebar .logo{height:54px!important;min-height:54px!important;margin:0 5px 8px!important}.sidebar nav .group{margin:9px 9px 4px!important;font-size:9.5px!important}.sidebar nav a{height:38px!important;min-height:38px!important;font-size:12.5px!important;padding:0 10px!important;margin:1px 0!important}
/* active route never disappears */
.sidebar nav a.on,.sidebar nav a.on:hover,.sidebar nav a.on:focus{background:linear-gradient(90deg,rgba(255,212,0,.16),rgba(255,212,0,.045))!important;border:1px solid rgba(255,212,0,.62)!important;border-left:3px solid var(--yellow)!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px rgba(255,212,0,.05)!important}.sidebar nav a.on i{color:var(--yellow)!important}.sidebar nav a.on span{font-weight:850!important}

/* dashboard canvas */
.ref-dashboard{display:flex;flex-direction:column;gap:10px;width:100%;max-width:none;margin:0}.ref-hero{position:relative;min-height:224px;height:224px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#101417}.ref-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ref-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.96) 0%,rgba(7,9,10,.88) 34%,rgba(7,9,10,.36) 70%,rgba(7,9,10,.08))}.ref-hero-copy{position:relative;z-index:2;width:min(680px,56%);padding:24px 28px;color:#fff}.ref-hero-copy>small{font-size:10px;font-weight:900;letter-spacing:.8px;color:var(--yellow)}.ref-hero-copy h1{font-size:38px!important;line-height:1.01!important;letter-spacing:-1.2px!important;margin:8px 0 9px!important}.ref-hero-copy h1 em{font-style:normal;color:var(--yellow)}.ref-hero-copy p{font-size:13px!important;line-height:1.45!important;color:#c1c9ce!important;margin:0 0 14px!important;max-width:590px}.ref-hero-tags{display:flex;gap:7px}.ref-hero-tags span{font-size:9.5px;color:#5ee19c;border:1px solid rgba(80,216,144,.25);background:rgba(20,92,59,.24);border-radius:999px;padding:5px 9px}
.ref-block,.ref-card{background:var(--panel);border:1px solid var(--line);border-radius:8px}.ref-block{padding:11px 12px}.ref-block-head,.ref-section-title,.ref-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.ref-block-head>div,.ref-section-title>div,.ref-card-head>div{display:flex;align-items:baseline;gap:10px}.ref-block-head h2,.ref-section-title h2,.ref-card-head h2{font-size:14px!important;margin:0!important}.ref-block-head span,.ref-section-title span,.ref-card-head span{font-size:10px;color:var(--muted)}.ref-block-head p{font-size:10px!important;color:var(--muted)!important;margin:0!important}.ref-section-title>a,.ref-card-head>a{font-size:9.5px;color:var(--yellow);font-weight:900}.ref-section{display:flex;flex-direction:column;gap:7px}
.ref-step-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:9px}.ref-step{position:relative;display:grid;grid-template-columns:26px 38px minmax(0,1fr);gap:7px;align-items:center;min-height:88px;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:9px;overflow:hidden}.ref-step:hover{border-color:rgba(255,212,0,.55);transform:translateY(-1px)}.ref-step-number{position:absolute;left:8px;top:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#090b0d;font-size:10px;font-weight:950}.ref-step.done .ref-step-number{background:#164b32;color:#68e7a5}.ref-step-icon{grid-column:2;width:34px;height:34px;display:grid;place-items:center;color:#aab4bb;font-size:17px}.ref-step-copy{grid-column:3;min-width:0}.ref-step-copy b,.ref-step-copy small{display:block}.ref-step-copy b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-step-copy small{font-size:8.5px;line-height:1.3;color:var(--muted);margin-top:2px}.ref-step>span{position:absolute;right:8px;bottom:7px;color:var(--yellow);font-size:8px;font-weight:900}.ref-step.done>span{color:#50d890}
.ref-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.ref-service{--svc:var(--yellow);display:flex;flex-direction:column;min-width:0;background:var(--panel);border:1px solid var(--line);border-top:2px solid color-mix(in srgb,var(--svc) 72%,transparent);border-radius:7px;overflow:hidden}.ref-service:hover{border-color:color-mix(in srgb,var(--svc) 62%,var(--line));transform:translateY(-1px)}.ref-service-top{display:grid;grid-template-columns:39px minmax(0,1fr);gap:8px;align-items:start;padding:10px 10px 8px}.ref-service-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--svc) 12%,var(--panel2));border:1px solid color-mix(in srgb,var(--svc) 30%,var(--line2));color:var(--svc);font-size:17px}.ref-service-top b,.ref-service-top strong,.ref-service-top small{display:block}.ref-service-top b{font-size:10.5px}.ref-service-top strong{font-size:21px;line-height:1;margin:3px 0}.ref-service-top small{font-size:8.5px;color:var(--svc)}.ref-service-action{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:6px 8px;background:var(--panel2)}.ref-service-action span{font-size:8.5px;font-weight:850}.ref-service-action b{font-size:15px;color:var(--svc)}.ref-service.svc-discord{--svc:var(--discord)}.ref-service.svc-tm{--svc:var(--tm)}.ref-service.svc-event{--svc:var(--event)}.ref-service.svc-ticket{--svc:var(--ticket)}.ref-service.svc-integration{--svc:#7ee4bd}.ref-service.svc-bot{--svc:#aab5bd}
.ref-alert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ref-alert{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:62px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.ref-alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;font-size:16px;font-weight:950}.ref-alert b,.ref-alert small{display:block}.ref-alert b{font-size:10.5px}.ref-alert small{font-size:8.5px;color:var(--muted);margin-top:2px}.ref-alert em{font-size:8px;font-style:normal;font-weight:900;border:1px solid currentColor;border-radius:5px;padding:5px 7px}.ref-alert.danger{border-color:rgba(255,92,108,.34);background:linear-gradient(90deg,rgba(255,92,108,.10),var(--panel))}.ref-alert.danger .ref-alert-icon,.ref-alert.danger em{color:var(--event)}.ref-alert.warn{border-color:rgba(255,212,0,.32);background:linear-gradient(90deg,rgba(255,212,0,.08),var(--panel))}.ref-alert.warn .ref-alert-icon,.ref-alert.warn em{color:var(--yellow)}.ref-alert.good{grid-column:1/-1;border-color:rgba(80,216,144,.30);background:linear-gradient(90deg,rgba(80,216,144,.08),var(--panel))}.ref-alert.good .ref-alert-icon,.ref-alert.good em{color:var(--green)}
.ref-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:8px}.ref-card{padding:11px}.ref-activity{margin-top:6px}.ref-activity>div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 0;border-top:1px solid var(--line)}.ref-activity>div>span{color:var(--yellow)}.ref-activity b,.ref-activity small{display:block}.ref-activity b{font-size:9.5px}.ref-activity small,.ref-activity time{font-size:8px;color:var(--muted)}.ref-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.ref-help-grid>a{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:7px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:8px}.ref-help-grid>a>span{width:29px;height:29px;display:grid;place-items:center;color:var(--yellow);border:1px solid var(--line2);border-radius:6px}.ref-help-grid b,.ref-help-grid small{display:block}.ref-help-grid b{font-size:9.5px}.ref-help-grid small{font-size:8px;color:var(--muted);margin-top:1px}.ref-help-grid em{font-size:14px;color:var(--muted);font-style:normal}.ref-empty{font-size:10px;color:var(--muted);padding:10px}
/* module catalog */
.module-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;background:linear-gradient(100deg,rgba(255,212,0,.08),var(--panel));border:1px solid var(--line);border-left:3px solid var(--yellow);border-radius:8px;padding:16px;margin-bottom:10px}.module-intro small{font-size:9px;color:var(--yellow)}.module-intro h2{font-size:22px;margin:3px 0}.module-intro p{font-size:12px;color:var(--muted);margin:0;max-width:850px}.module-intro>span{font-size:12px;font-weight:900;color:var(--yellow);white-space:nowrap}.module-group{margin:0 0 12px}.module-group-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 6px}.module-group-title h3{font-size:11px;letter-spacing:.8px;margin:0;color:var(--yellow)}.module-group-title span{font-size:9px;color:var(--muted)}.module-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.module-card{--mc:var(--yellow);position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px!important;margin:0!important;background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:7px!important;cursor:pointer!important}.module-card.enabled{border-color:color-mix(in srgb,var(--mc) 45%,var(--line))!important;background:linear-gradient(100deg,color-mix(in srgb,var(--mc) 7%,var(--panel)),var(--panel))!important}.module-card>input{position:absolute;opacity:0;pointer-events:none}.module-card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:7px;color:var(--mc);background:color-mix(in srgb,var(--mc) 10%,var(--panel2));border:1px solid color-mix(in srgb,var(--mc) 28%,var(--line2));font-size:18px}.module-card-copy small,.module-card-copy b,.module-card-copy p{display:block}.module-card-copy small{font-size:8px;color:var(--mc)}.module-card-copy b{font-size:12px}.module-card-copy p{font-size:9px!important;line-height:1.35!important;color:var(--muted)!important;margin:2px 0 0!important}.module-card>span{font-size:8px;font-weight:950;color:var(--muted);border:1px solid var(--line2);border-radius:999px;padding:4px 6px}.module-card.enabled>span{color:var(--mc);border-color:color-mix(in srgb,var(--mc) 40%,var(--line2))}.module-green{--mc:#50d890}.module-blue{--mc:#4ea3ff}.module-cyan{--mc:#39c6ff}.module-pink{--mc:#ff72c8}.module-red{--mc:#ff5c6c}.module-purple{--mc:#b57cff}.module-blurple{--mc:#7289da}.module-orange{--mc:#ffb84a}.module-yellow{--mc:var(--yellow)}
.bot-head-actions{display:flex;gap:5px;flex-wrap:wrap}.message-console{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px}.message-console-head small{font-size:9px;color:var(--yellow)}.message-console-head h2{font-size:22px;margin:3px 0}.message-console-head p{font-size:12px;color:var(--muted);margin:0 0 12px}.message-guild-picker{max-width:520px;margin-bottom:10px}.message-guild-picker label{font-size:11px;font-weight:800}.message-guild-picker select{display:block;width:100%;min-height:42px;margin-top:4px;background:var(--panel2);color:var(--text);border:1px solid var(--line2);padding:8px}.message-send-form{max-width:900px!important}.message-send-form textarea{min-height:150px!important}
/* light reference dashboard */
body.theme-light .ref-hero{background:#fff}.theme-light .ref-block,.theme-light .ref-card,.theme-light .ref-service,.theme-light .ref-alert,.theme-light .module-card,.theme-light .message-console{background:#fff!important}.theme-light .ref-step,.theme-light .ref-service-action,.theme-light .ref-help-grid>a{background:#f7f9fa!important}.theme-light .ref-hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.40) 72%,rgba(255,255,255,.08))}.theme-light .ref-hero-copy{color:#15191c}.theme-light .ref-hero-copy p{color:#5f6b73!important}
@media(max-width:1450px){.ref-step-grid,.ref-service-grid{grid-template-columns:repeat(3,1fr)}.module-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){:root{--sw:0px!important}.ref-hero-copy{width:75%}.ref-service-grid,.ref-step-grid,.ref-alert-grid,.ref-bottom{grid-template-columns:1fr 1fr}.ref-alert.good{grid-column:1/-1}.module-catalog{grid-template-columns:1fr}}
@media(max-width:620px){.ref-hero{height:260px}.ref-hero-copy{width:100%;padding:20px}.ref-hero-copy h1{font-size:31px!important}.ref-step-grid,.ref-service-grid,.ref-alert-grid,.ref-bottom,.ref-help-grid{grid-template-columns:1fr}.ref-alert.good{grid-column:auto}.module-intro{align-items:flex-start;flex-direction:column}}

/* =====================================================================
   v7 PUBLIC PRODUCT / AUTH / ONBOARDING / OPEN BOT PLATFORM
   ===================================================================== */
.public-main{padding:0!important;max-width:none!important;margin:0!important;width:100%!important;background:#080b0e;color:#f6f8fa;min-height:100vh}
.public-v7{min-height:100vh;background:radial-gradient(circle at 68% 12%,rgba(255,212,0,.08),transparent 25%),#080b0e}
.public-v7-top{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,5vw,88px);border-bottom:1px solid #242b30;background:rgba(8,11,14,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.public-v7-top nav{display:flex;gap:26px}.public-v7-top nav a,.public-login-link{font-size:11px;font-weight:850;letter-spacing:.8px;color:#aeb7bd}.public-v7-top nav a:hover,.public-login-link:hover{color:#fff}.public-v7-top>div{display:flex;align-items:center;gap:16px}
.public-v7-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);min-height:620px;position:relative;overflow:hidden;border-bottom:1px solid #222a2f}.public-v7-copy{padding:105px 30px 90px clamp(32px,7vw,135px);position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}.public-v7-copy h1{font-size:clamp(52px,5vw,84px);line-height:.98;letter-spacing:-3px;margin:12px 0 22px;max-width:840px}.public-v7-copy h1 em{font-style:normal;color:#ffd400}.public-v7-copy>p{font-size:17px;line-height:1.65;color:#aab4ba;max-width:720px}.public-v7-race{position:relative;min-height:620px}.public-v7-race img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.public-v7-race:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#080b0e 0%,rgba(8,11,14,.74) 15%,rgba(8,11,14,.05) 58%),linear-gradient(0deg,#080b0e 0%,transparent 30%)}.public-v7-race>div{position:absolute;inset:auto 5% 7% auto;width:150px;height:5px;background:#ffd400;z-index:4}.public-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.public-proof span{border:1px solid #283238;background:#0c1115;padding:8px 10px;border-radius:999px;font-size:11px;color:#b9c3c9}.public-primary{min-height:50px!important;padding:14px 20px!important}.public-discord-cta{display:inline-flex;align-items:center;gap:8px;padding:13px 17px;border:1px solid #6875ff;background:#171d48;color:#fff;border-radius:7px;font-size:12px;font-weight:900}
.public-product-shot{width:min(1500px,90vw);margin:-38px auto 85px;position:relative;z-index:8;border:1px solid #323b41;background:#0d1216;border-radius:16px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.55)}.public-product-shot img{display:block;width:100%;height:auto}.public-shot-bar{height:42px;display:flex;gap:7px;align-items:center;padding:0 14px;border-bottom:1px solid #242d32;background:#11171b}.public-shot-bar span{width:9px;height:9px;border-radius:50%;background:#3a454c}.public-shot-bar b{font-size:10px;color:#77848c;margin-left:8px}
.public-section{width:min(1500px,90vw);margin:0 auto 95px}.public-section-head{max-width:940px;margin-bottom:28px}.public-section-head small,.public-split-feature>div>small,.public-pricing>div>small,.public-final-cta>small{font-size:11px;color:#ffd400;font-weight:950;letter-spacing:1.2px}.public-section-head h2,.public-split-feature h2,.public-pricing h2,.public-final-cta h2{font-size:clamp(34px,3vw,54px);line-height:1.06;letter-spacing:-1.4px;margin:8px 0 12px}.public-section-head p,.public-split-feature p,.public-pricing p,.public-final-cta p{font-size:15px;color:#98a4ab;line-height:1.65}
.public-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-feature-grid article{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px;background:#0e1317;border:1px solid #273036;border-radius:9px;min-height:130px}.public-feature-grid article>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #38434a;background:#10171b;border-radius:8px;font-size:20px}.public-feature-grid h3{font-size:15px;margin:2px 0 6px}.public-feature-grid p{font-size:12px!important;color:#8f9ba3;margin:0!important;line-height:1.5!important}
.public-split-feature{width:min(1500px,90vw);margin:0 auto 95px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:45px;background:#0d1216;border:1px solid #2b343a;border-radius:14px}.public-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.public-checks span{font-size:12px;padding:10px;border:1px solid #2a343a;background:#0a0e11;border-radius:6px}.public-checks span:before{content:'✓';color:#ffd400;margin-right:8px}.public-ui-mock{background:#080c0f;border:1px solid #39434a;border-radius:10px;padding:14px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.mock-head{display:flex;justify-content:space-between;padding:9px 10px 14px;border-bottom:1px solid #283137}.mock-head b{font-size:15px}.mock-head span{font-size:9px;color:#62dfa1}.mock-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:12px 10px;border-bottom:1px solid #20282d}.mock-row i{font-style:normal;color:#7c8a92}.mock-row b{font-size:13px}.mock-row em{font-style:normal;color:#ffd400;font-size:10px}.mock-row.role i{color:#a997ff}
.public-how{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.public-how>div{background:#0e1317;border:1px solid #273036;border-radius:9px;padding:20px}.public-how>div>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffd400;color:#080a0c}.public-how h3{font-size:16px;margin:18px 0 6px}.public-how p{font-size:12px!important;color:#929ea5!important;line-height:1.55!important}
.public-pricing{width:min(1500px,90vw);margin:0 auto 95px;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px;align-items:stretch}.public-pricing>div{padding:28px;background:#0d1216;border:1px solid #293239;border-radius:10px}.public-price-card b,.public-price-card span{display:block}.public-price-card b{font-size:28px;margin:8px 0}.public-price-card span{font-size:12px;color:#96a1a8;margin-bottom:18px}.public-price-card.featured{border-color:#786718;box-shadow:inset 0 3px #ffd400}.public-final-cta{width:min(1500px,90vw);margin:0 auto 80px;padding:55px;border:1px solid #4a4015;border-radius:14px;background:linear-gradient(105deg,#131409,#0c1013 54%);text-align:center}.public-final-cta p{max-width:700px;margin:0 auto 20px}.public-final-cta .hero-actions{justify-content:center}.public-v7-footer{min-height:110px;border-top:1px solid #242c31;padding:28px clamp(25px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:25px}.public-v7-footer p{font-size:11px;color:#727f87}.public-v7-footer>div{display:flex;gap:18px}.public-v7-footer>div a{font-size:11px;color:#a5afb5}

/* Auth */
.auth-v7{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(470px,.85fr);background:#080b0e}.auth-v7-visual{position:relative;overflow:hidden;min-height:100vh;border-right:1px solid #252d32}.auth-v7-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth-v7-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,12,.30),rgba(7,10,12,.80)),linear-gradient(0deg,rgba(7,10,12,.94),rgba(7,10,12,.12) 62%)}.auth-v7-copy{position:absolute;inset:0;padding:48px clamp(40px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}.auth-v7-copy>div:last-child{max-width:720px}.auth-v7-copy small{font-size:11px;color:#ffd400;font-weight:900;letter-spacing:1.2px}.auth-v7-copy h1{font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-2.7px;margin:10px 0 18px}.auth-v7-copy h1 em{font-style:normal;color:#ffd400}.auth-v7-copy p{font-size:15px;line-height:1.65;color:#c4ccd1;max-width:650px}.auth-v7-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.auth-v7-pills span{font-size:10px;border:1px solid rgba(255,255,255,.20);padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.35)}.auth-v7-form{display:grid;place-items:center;padding:38px;background:radial-gradient(circle at 20% 50%,rgba(255,212,0,.04),transparent 25%),#080b0e}.auth-card-v7{width:min(500px,100%);padding:30px}.auth-card-v7>small{font-size:10px;color:#ffd400;font-weight:950;letter-spacing:1.2px}.auth-card-v7 h2{font-size:34px;margin:7px 0 8px}.auth-card-v7>p{font-size:13px;color:#8f9aa2;margin:0 0 15px}.auth-card-v7 label{display:block;font-size:12px;font-weight:750;color:#cfd6da;margin:12px 0}.auth-card-v7 input{width:100%;height:48px;background:#0c1114;border:1px solid #303a40;color:#fff;border-radius:6px;padding:0 12px;font-size:14px}.public-discord-auth{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:13px 14px;background:#5865f2;border:1px solid #7380ff;color:#fff;border-radius:7px;margin:17px 0}.public-discord-auth>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);font-size:18px}.public-discord-auth b,.public-discord-auth small{display:block;color:#fff}.public-discord-auth b{font-size:13px}.public-discord-auth small{font-size:10px;opacity:.85}.public-discord-auth em{font-style:normal}.public-discord-auth.disabled{background:#171d21;border-color:#303940;color:#89949a}.auth-separator{display:flex;gap:10px;align-items:center;margin:17px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#293137;flex:1}.auth-separator span{font-size:9px;color:#68757c}.auth-bottom{font-size:11px;color:#7f8b92;text-align:center;margin-top:14px}.auth-bottom a{color:#ffd400}.auth-note{font-size:10px;color:#5f6b72;text-align:center;margin-top:10px}.auth-steps{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-steps li{display:flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25);padding:9px;border-radius:6px}.auth-steps b{width:25px;height:25px;display:grid;place-items:center;background:#ffd400;color:#090b0d;border-radius:50%}.auth-steps span{font-size:11px}.public-error-card{width:min(720px,90vw);margin:12vh auto;padding:34px;background:#0d1216;border:1px solid #343d43;border-left:4px solid #ffd400;border-radius:10px}.public-error-card h1{font-size:32px}.public-error-card p{font-size:14px;color:#97a3aa}

/* Invite Assistant */
.invite-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.invite-checklist>div{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.invite-checklist>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:900}.invite-checklist .good>span{background:#10271c;color:#65dfa3}.invite-checklist .warn>span{background:#2b220e;color:#ffd45c}.invite-checklist .bad>span{background:#301318;color:#ff6d80}.invite-checklist b{font-size:14px}.invite-checklist p{font-size:12px!important;color:var(--muted);margin:3px 0!important}.invite-fix,.invite-ready,.invite-common{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px;margin-bottom:12px}.invite-fix{border-left:4px solid #ff6277}.invite-fix>small{font-size:10px;color:#ff7486;font-weight:950}.invite-fix h2,.invite-ready h2,.invite-common h2{font-size:22px;margin:5px 0 10px}.invite-fix li{font-size:13px;margin:8px 0}.invite-ready>div:first-child{display:flex;gap:12px}.invite-ready>div:first-child>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#10291d;color:#62dfa0;font-size:20px}.invite-ready small{font-size:10px;color:#62dfa0}.invite-ready p{font-size:13px;color:var(--muted)}.invite-common{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.invite-common>h2{grid-column:1/-1}.invite-common>div{background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:12px}.invite-common b{font-size:13px}.invite-common p{font-size:11px!important;color:var(--muted);margin:3px 0!important}

/* Custom command + Discord Studio */
.custom-command-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-left:4px solid #ffd400;border-radius:8px;margin-bottom:12px}.custom-command-hero small{font-size:10px;color:#ffd400}.custom-command-hero h2{font-size:24px;margin:4px 0}.custom-command-hero p{font-size:13px;color:var(--muted);margin:0}.custom-command-hero>span{font-size:13px;background:var(--panel2);border:1px solid var(--line);padding:8px 10px;border-radius:999px}.dummy-guide{display:flex;flex-direction:column;gap:7px}.dummy-guide>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center}.dummy-guide b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffd400;color:#090b0d}.dummy-guide span{font-size:12px}.custom-command-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.custom-command-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:15px}.custom-command-card label{display:block;font-size:11px;margin:8px 0}.custom-command-card input,.custom-command-card textarea{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line2);border-radius:5px;padding:9px}.custom-command-card textarea{min-height:80px}.custom-command-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.custom-command-title>span{font-size:17px;font-weight:900;color:#ffd400}
.discord-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.discord-create-grid h3{font-size:15px;margin:0 0 8px}.discord-studio-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.discord-studio-guide>div{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:7px}.discord-studio-guide b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffd400;color:#090b0d}.discord-studio-guide span{font-size:12px}.discord-studio-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.discord-resource-detail{border:1px solid var(--line);background:var(--panel2);border-radius:6px;margin-bottom:6px}.discord-resource-detail summary{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px;cursor:pointer}.discord-resource-detail summary b,.discord-resource-detail summary small{display:block}.discord-resource-detail summary b{font-size:12px}.discord-resource-detail summary small{font-size:9px;color:var(--muted)}.discord-resource-detail summary>span{font-size:9px;color:#ffd400}.discord-resource-editor{padding:12px;border-top:1px solid var(--line)}

@media(max-width:1100px){.public-v7-hero,.auth-v7{grid-template-columns:1fr}.public-v7-race{min-height:380px}.auth-v7-visual{min-height:520px}.public-feature-grid{grid-template-columns:repeat(2,1fr)}.public-split-feature,.public-pricing{grid-template-columns:1fr}.public-how{grid-template-columns:1fr 1fr}.invite-checklist{grid-template-columns:1fr}.discord-studio-columns,.discord-create-grid{grid-template-columns:1fr}}
@media(max-width:650px){.public-v7-top nav{display:none}.public-v7-top{padding:0 16px}.public-v7-top .btn{display:none}.public-v7-copy{padding:65px 20px}.public-v7-copy h1{font-size:43px}.public-v7-race{min-height:270px}.public-product-shot{margin-top:-18px;width:94vw}.public-feature-grid,.public-how,.public-checks,.custom-command-list{grid-template-columns:1fr}.public-split-feature,.public-final-cta{padding:24px}.public-v7-footer{flex-direction:column;align-items:flex-start}.auth-v7-form{padding:16px}.auth-v7-copy{padding:28px}.auth-v7-copy h1{font-size:43px}.invite-common{grid-template-columns:1fr}.invite-common>h2{grid-column:auto}.discord-studio-guide{grid-template-columns:1fr}}


/* =====================================================================
   v7.0.1 — FULL RESPONSIVE SYSTEM
   Mobile is an intentional layout, not desktop squeezed into 390px.
   ===================================================================== */

.mobile-menu-toggle,
.mobile-sidebar-close,
.mobile-top-logo,
.mobile-nav-backdrop,
.public-mobile-toggle{display:none}

/* Better touch targets globally */
@media(pointer:coarse){
  .btn,.mini,button,input,select,textarea{min-height:44px}
  .sidebar nav a{min-height:44px!important}
  .tabs a,.tabs-v62 a,.event-tabs a{min-height:44px}
}

/* Tablet ------------------------------------------------------------- */
@media(max-width:1180px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quickgrid,.cols{grid-template-columns:1fr 1fr}
  .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .metrics>div:nth-child(3n){border-right:0}
  .compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-ops,.dash-operations-grid{grid-template-columns:1fr 1fr!important}
  .compact-ops .compact-attention{grid-column:1/-1}
  .dash-shortcut-grid,.compact-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dash-bottom-grid{grid-template-columns:1fr 1fr!important}
  .workspace-tool-grid,.admin-tool-grid-v672{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-metrics-v672{grid-template-columns:repeat(3,minmax(0,1fr))}
  .storage-hero{grid-template-columns:1fr 1fr}
  .role-admin-grid{grid-template-columns:1fr 1fr}
  .profile-grid{grid-template-columns:1fr 1fr}
}

/* Application shell: off-canvas navigation -------------------------- */
@media(max-width:1000px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-nav-open{overflow:hidden}

  :root{--sw:0px!important}

  .sidebar,
  .user-sidebar,
  .backend-sidebar{
    display:flex!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    transform:translateX(-105%);
    transition:transform .22s ease;
    width:min(86vw,330px)!important;
    min-width:min(86vw,330px)!important;
    max-width:min(86vw,330px)!important;
    z-index:140!important;
    box-shadow:20px 0 60px rgba(0,0,0,.45);
    padding-top:13px!important;
  }
  body.mobile-nav-open .sidebar{transform:translateX(0)}

  .mobile-sidebar-close{
    display:grid;
    position:absolute;
    right:10px;
    top:10px;
    width:38px;
    height:38px;
    min-height:38px;
    place-items:center;
    background:var(--panel2);
    color:var(--text);
    border:1px solid var(--line2);
    border-radius:7px;
    font-size:24px;
    z-index:2;
    cursor:pointer
  }
  .sidebar .logo{padding-right:42px!important}

  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.58);
    backdrop-filter:blur(3px);
    z-index:130;
    opacity:0;
    visibility:hidden;
    transition:.2s
  }
  body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible}

  .top{
    left:0!important;
    right:0!important;
    height:64px!important;
    padding:0 12px!important;
    gap:8px!important;
    z-index:120!important
  }
  .mobile-menu-toggle{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    flex:0 0 42px;
    width:42px;
    height:42px;
    min-height:42px;
    background:var(--panel2);
    border:1px solid var(--line2);
    border-radius:7px;
    padding:0 10px;
    cursor:pointer
  }
  .mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--text);border-radius:3px}
  .mobile-top-logo{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;background:var(--yellow);color:#090b0d;border-radius:5px;font-style:italic}
  .mobile-top-logo b{font-size:13px}

  .top .context{min-width:0;flex:0 1 210px}
  .top .context>span{display:none!important}
  .top .context form{width:100%;min-width:0}
  .top .context select{
    min-width:0!important;
    width:100%!important;
    max-width:210px!important;
    height:42px!important;
    padding:0 28px 0 9px!important;
    font-size:12px!important
  }
  .global-search{display:none!important}
  .top-actions{margin-left:auto!important;gap:5px!important;min-width:0}
  .mode-switch{display:none!important}
  .theme-toggle button{width:42px!important;padding:0!important;justify-content:center!important}
  .theme-toggle button b{display:none!important}
  .top-user{min-width:42px!important;width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important}
  .top-user>span:nth-child(2),.top-user>i{display:none!important}
  .top-user .mini-avatar{margin:0!important}
  .top-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important}
  .backend-top-title{min-width:0;overflow:hidden}
  .backend-top-title small{display:none}
  .backend-top-title b{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important}
  .backend-top .top-actions .btn{display:none!important}

  main.user-main,
  main.backend-main{
    margin-left:0!important;
    width:100%!important;
    max-width:none!important;
    padding:78px 14px 70px!important;
    overflow-x:hidden!important
  }
  main.user-main>*,
  main.backend-main>*{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

  .flash{top:72px!important;left:12px!important;right:12px!important;font-size:12px!important}
  footer{margin-left:0!important;padding:16px 14px!important;white-space:normal!important}

  .pagehead-image,.service-head-image{
    min-height:126px!important;
    padding:18px!important;
    align-items:center!important
  }
  .pagehead-art,.service-head-art{width:54%!important;opacity:.35!important}
  .pagehead h1,.service-head h1{font-size:clamp(28px,5vw,36px)!important}
  .pagehead p,.service-head p{font-size:13px!important;max-width:70%!important}
  .pagehead .actions,.service-head-action{max-width:44%;justify-content:flex-end}
  .pagehead .actions .btn,.service-head-action .btn{white-space:nowrap}

  .cols,.quickgrid,.discord-create-grid,.discord-studio-columns,.workspace-settings-v672,
  .workspace-settings-grid,.clean-bottom-grid,.public-split-feature,.profile-grid{
    grid-template-columns:1fr!important
  }
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .split{grid-template-columns:1fr!important}
  .inlineform{flex-wrap:wrap!important}
  .inlineform>*{flex:1 1 200px!important}
  .detail-actions{grid-template-columns:1fr!important}
  .resource-row{align-items:flex-start;flex-wrap:wrap}
  .resource-row>span{margin-left:auto}
  .savebar{bottom:8px!important;max-width:calc(100vw - 28px)!important}

  .tabs,.tabs-v62,.event-tabs{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch
  }
  .tabs::-webkit-scrollbar,.tabs-v62::-webkit-scrollbar,.event-tabs::-webkit-scrollbar{display:none}
  .tabs a,.tabs-v62 a,.event-tabs a{flex:0 0 auto!important;white-space:nowrap!important}

  .table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border:1px solid var(--line);border-radius:7px}
  .table table{min-width:720px!important}
  table{font-size:12px!important}
  td,th{white-space:nowrap}

  .logs{max-height:55vh!important;font-size:11px!important}
  pre,code{max-width:100%;overflow-x:auto}

  /* Dashboard tablet */
  .compact-command-hero,.command-hero{min-height:230px!important}
  .compact-command-hero .command-hero-content,.command-hero-content{padding:20px 20px 52px!important;max-width:76%!important}
  .compact-command-hero h1,.command-hero h1{font-size:clamp(34px,5.5vw,48px)!important}
  .compact-metrics,.dash-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .dash-setup-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .compact-ops,.dash-operations-grid{grid-template-columns:1fr!important}
  .compact-ops .compact-attention{grid-column:auto}
  .dash-shortcut-grid,.compact-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash-bottom-grid{grid-template-columns:1fr!important}
  .workspace-summary-v672,.workspace-identity{grid-template-columns:1fr 1fr!important}
  .workspace-usage-v672,.workspace-usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .appearance-options{display:grid!important;grid-template-columns:1fr 1fr!important}
  .admin-metrics-v672{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .admin-tool-grid-v672,.workspace-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-discord-grid-v672,.admin-discord-grid{grid-template-columns:1fr!important}
  .storage-hero{grid-template-columns:1fr 1fr!important}
  .role-admin-grid{grid-template-columns:1fr 1fr!important}
  .custom-command-list{grid-template-columns:1fr!important}
}

/* Phone -------------------------------------------------------------- */
@media(max-width:650px){
  body{font-size:15px}

  .sidebar,.user-sidebar,.backend-sidebar{
    width:min(91vw,326px)!important;
    min-width:min(91vw,326px)!important;
    max-width:min(91vw,326px)!important
  }
  .sidebar nav a{font-size:14px!important}
  .sidebar nav .group{font-size:10px!important}
  .sidebar-bottom .admin-entry b,.sidebar-bottom .help-entry b,.sidebar .userbox b{font-size:13px!important}

  .top{padding:0 9px!important;gap:6px!important}
  .mobile-top-logo{display:none}
  .top .context{flex:1 1 auto;max-width:155px}
  .top .context select{max-width:155px!important;font-size:11px!important}
  .theme-toggle{display:none!important}
  .top-icon{width:40px!important;height:40px!important}
  .top-user{width:40px!important;height:40px!important;min-width:40px!important}
  .backend-top-title{display:none!important}

  main.user-main,main.backend-main{padding:76px 10px 64px!important}

  .pagehead-image,.service-head-image{
    min-height:auto!important;
    display:block!important;
    padding:16px!important
  }
  .pagehead-art,.service-head-art{display:none!important}
  .pagehead-content,.service-head-copy{max-width:none!important}
  .pagehead h1,.service-head h1{font-size:29px!important;line-height:1.05!important}
  .pagehead p,.service-head p{max-width:none!important;font-size:13px!important;line-height:1.5!important}
  .pagehead .actions,.service-head-action{max-width:none!important;margin-top:13px!important;justify-content:flex-start!important}
  .pagehead .actions .btn,.service-head-action .btn{flex:1 1 auto;text-align:center}

  .panel{padding:15px!important}
  .panel>h2{font-size:18px!important}
  .cards,.permission-grid,.metrics,.diffstats,
  .compact-metrics,.dash-metric-grid,.dash-setup-strip,
  .dash-shortcut-grid,.compact-shortcuts,
  .workspace-summary-v672,.workspace-identity,
  .workspace-usage-v672,.workspace-usage-grid,
  .appearance-options,.workspace-shortcuts,
  .admin-metrics-v672,.admin-tool-grid-v672,.workspace-tool-grid,
  .storage-hero,.role-admin-grid,.admin-discord-stats,
  .invite-checklist,.invite-common,.discord-studio-guide{
    grid-template-columns:1fr!important
  }
  .cards .card{min-height:auto!important}
  .form input,.form select,.form textarea,
  .guided-form input,.guided-form select,.guided-form textarea,
  .auth-card-v7 input{
    font-size:16px!important /* prevents iOS input zoom */
  }
  .form label{font-size:13px!important}
  .btn,.mini{font-size:12px!important}
  .btn{min-height:45px!important}
  .inlineform{display:grid!important;grid-template-columns:1fr!important}
  .inlineform>*{width:100%!important}
  .resource-row{padding:12px 8px!important}
  .resource-row b{font-size:13px!important}.resource-row small{font-size:10px!important}

  .appearance-preview{height:120px!important}
  .appearance-mode-row{grid-template-columns:1fr!important}
  .workspace-tool-grid>a,.admin-tool-grid-v672>a{grid-template-columns:40px minmax(0,1fr) auto!important;padding:12px!important}
  .workspace-tool-grid p,.admin-tool-grid-v672 p{font-size:11px!important}

  /* Dashboard phone */
  .compact-command-hero,.command-hero{
    min-height:310px!important;
    background-position:65% center!important
  }
  .compact-command-hero:after,.command-hero:after{
    background:linear-gradient(90deg,rgba(7,9,11,.98) 0%,rgba(7,9,11,.91) 58%,rgba(7,9,11,.38))!important
  }
  .compact-command-hero .command-hero-content,.command-hero-content{
    max-width:none!important;
    padding:22px 16px 62px!important
  }
  .compact-command-hero h1,.command-hero h1{
    font-size:38px!important;
    line-height:.98!important
  }
  .compact-command-hero p,.command-hero p{font-size:13px!important;max-width:90%!important}
  .command-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .command-hero-actions .btn,.hero-text-link{width:100%!important;text-align:center!important;justify-content:center!important}
  .command-hero-progress{padding:9px 14px!important}
  .compact-metrics .dash-metric{min-height:66px!important}
  .dash-section-head{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
  .dash-section-head h2{font-size:23px!important}
  .dash-live-row{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important}
  .dash-row-actions{grid-column:2!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:5px!important}

  /* Public landing */
  .public-v7-top{
    height:64px!important;
    padding:0 12px!important;
    gap:10px!important;
    position:sticky!important
  }
  .public-v7-top .public-logo b{font-size:13px!important}
  .public-v7-top .public-logo span{font-size:16px!important;padding:5px 7px!important}

  .public-mobile-toggle{
    display:flex;
    margin-left:auto;
    width:42px;
    height:42px;
    min-height:42px;
    flex-direction:column;
    justify-content:center;
    gap:4px;
    padding:0 10px;
    background:#10161a;
    border:1px solid #30383e;
    border-radius:7px
  }
  .public-mobile-toggle span{height:2px;width:100%;background:#fff;border-radius:3px}
  .public-mobile-menu{
    display:none!important;
    position:absolute;
    left:10px;
    right:10px;
    top:70px;
    background:#0b0f12;
    border:1px solid #313a3f;
    border-radius:9px;
    box-shadow:0 18px 50px rgba(0,0,0,.45);
    padding:12px;
    z-index:30
  }
  .public-v7-top.menu-open .public-mobile-menu{display:block!important}
  .public-v7-top .public-mobile-menu nav{
    display:grid!important;
    gap:3px!important
  }
  .public-v7-top .public-mobile-menu nav a{
    display:block;
    padding:12px;
    border-radius:6px;
    background:#0e1418;
    font-size:12px!important
  }
  .public-top-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:9px!important
  }
  .public-top-actions .btn,.public-top-actions .public-login-link{
    display:flex!important;
    min-height:44px;
    align-items:center;
    justify-content:center;
    width:100%
  }

  .public-v7-hero{grid-template-columns:1fr!important;min-height:0!important}
  .public-v7-copy{padding:54px 18px 34px!important}
  .public-v7-copy h1{font-size:43px!important;letter-spacing:-1.8px!important}
  .public-v7-copy>p{font-size:14px!important}
  .public-v7-copy .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .public-v7-copy .hero-actions>*{width:100%!important;justify-content:center!important;text-align:center}
  .public-proof{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .public-proof span{font-size:10px!important;padding:7px 8px!important}
  .public-v7-race{min-height:240px!important}
  .public-v7-race:before{background:linear-gradient(0deg,#080b0e 0%,transparent 44%)!important}

  .public-product-shot{
    width:calc(100% - 20px)!important;
    margin:-8px auto 54px!important;
    border-radius:8px!important
  }
  .public-shot-bar b{font-size:8px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .public-product-shot img{width:100%!important;height:auto!important}

  .public-section{
    width:calc(100% - 24px)!important;
    margin:0 auto 56px!important
  }
  .public-section-head{margin-bottom:17px!important}
  .public-section-head h2,.public-split-feature h2,.public-pricing h2,.public-final-cta h2{
    font-size:34px!important;
    line-height:1.04!important
  }
  .public-section-head p,.public-split-feature p,.public-pricing p,.public-final-cta p{font-size:13.5px!important}
  .public-feature-grid,.public-how,.public-checks{grid-template-columns:1fr!important}
  .public-feature-grid article{padding:14px!important}
  .public-feature-grid article>span{font-size:22px!important}
  .public-feature-grid h3{font-size:15px!important}.public-feature-grid p{font-size:12px!important}

  .public-split-feature,.public-pricing{
    width:calc(100% - 24px)!important;
    margin:0 auto 56px!important;
    padding:18px!important;
    grid-template-columns:1fr!important
  }
  .public-ui-mock{margin-top:8px!important}
  .public-pricing>div,.public-price-card{min-width:0!important}
  .public-final-cta{
    width:calc(100% - 24px)!important;
    margin:0 auto 48px!important;
    padding:24px 18px!important
  }
  .public-final-cta .hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .public-final-cta .hero-actions>*{width:100%!important;text-align:center}
  .public-v7-footer{
    padding:22px 14px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important
  }

  /* Login / register on phone: visual header + form, no giant 520px image */
  .auth-v7{
    display:block!important;
    min-height:100vh!important
  }
  .auth-v7-visual{
    min-height:245px!important;
    height:245px!important;
    border-right:0!important;
    border-bottom:1px solid #252d32!important
  }
  .auth-v7-copy{
    padding:18px!important;
    justify-content:flex-end!important
  }
  .auth-v7-copy>.public-logo{position:absolute;top:16px;left:16px}
  .auth-v7-copy>div:last-child{max-width:none!important}
  .auth-v7-copy small{font-size:9px!important}
  .auth-v7-copy h1{
    font-size:31px!important;
    line-height:1!important;
    letter-spacing:-1px!important;
    margin:5px 0 7px!important
  }
  .auth-v7-copy p{font-size:11.5px!important;line-height:1.4!important;margin:0!important}
  .auth-v7-pills,.auth-steps{display:none!important}

  .auth-v7-form{
    display:block!important;
    padding:12px!important;
    min-height:calc(100vh - 245px)!important
  }
  .auth-card-v7{
    width:100%!important;
    max-width:none!important;
    padding:18px 10px 24px!important
  }
  .auth-card-v7 h2{font-size:28px!important}
  .auth-card-v7>p{font-size:12px!important}
  .public-discord-auth{grid-template-columns:38px minmax(0,1fr) auto!important;padding:11px!important}
  .public-discord-auth small{font-size:9px!important}
  .auth-bottom,.auth-note{font-size:10px!important}

  .public-error-card{
    width:calc(100% - 24px)!important;
    margin:32px auto!important;
    padding:20px!important
  }
  .public-error-card h1{font-size:27px!important}

  /* Discord / bot builder phone layouts */
  .custom-command-hero{align-items:flex-start!important;flex-direction:column!important}
  .custom-command-hero h2{font-size:20px!important}
  .discord-resource-detail summary{align-items:flex-start!important}
  .discord-resource-detail summary>span{white-space:nowrap}
}

/* Very small phones -------------------------------------------------- */
@media(max-width:390px){
  .top .context{max-width:128px}
  .top .context select{max-width:128px!important}
  .top-icon{display:none!important}
  .compact-command-hero h1,.command-hero h1{font-size:34px!important}
  .public-v7-copy h1{font-size:38px!important}
  .public-proof{grid-template-columns:1fr!important}
  .auth-v7-visual{height:225px!important;min-height:225px!important}
  .auth-v7-form{min-height:calc(100vh - 225px)!important}
  .workspace-tool-grid>a,.admin-tool-grid-v672>a{grid-template-columns:36px minmax(0,1fr)!important}
  .workspace-tool-grid em,.admin-tool-grid-v672 em{display:none!important}
}


/* =====================================================================
   v7.1.0 MODULE STUDIO — settings, live tools and DJ queue player
   ===================================================================== */
.module-studio-intro{margin-bottom:14px}
.module-catalog-studio{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.module-catalog-studio .module-card{
 display:flex!important;
 flex-direction:column!important;
 min-height:245px!important;
 padding:0!important;
 overflow:hidden!important;
 border-width:1px!important
}
.module-enable{
 display:grid!important;
 grid-template-columns:48px minmax(0,1fr) auto!important;
 gap:11px!important;
 align-items:start!important;
 padding:15px!important;
 margin:0!important;
 cursor:pointer!important;
 flex:1 1 auto!important
}
.module-enable>input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.module-enable>.module-card-icon{width:46px!important;height:46px!important;font-size:23px!important}
.module-card-detail{
 display:flex;
 flex-direction:column;
 gap:7px;
 padding:10px 15px;
 background:rgba(0,0,0,.13);
 border-top:1px solid var(--line)
}
.module-card-detail small{font-size:10.5px!important;color:var(--muted)!important}
.module-card-detail code{
 display:block;
 width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:10.5px!important;
 background:var(--panel2);
 border:1px solid var(--line);
 padding:6px 7px;
 border-radius:5px
}
.module-configure{
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:42px;
 padding:9px 12px;
 border-top:1px solid var(--line);
 color:var(--yellow);
 font-size:11px;
 font-weight:900;
 letter-spacing:.35px
}
.module-configure:hover{background:rgba(255,212,0,.07)}

.module-detail-hero{
 display:grid;
 grid-template-columns:72px minmax(0,1fr) auto;
 gap:18px;
 align-items:center;
 border:1px solid var(--line);
 border-left:4px solid var(--yellow);
 border-radius:10px;
 background:var(--panel);
 padding:20px 22px;
 margin-bottom:12px;
 min-width:0
}
.module-detail-hero.module-blurple{border-left-color:#5865f2}
.module-detail-hero.module-cyan{border-left-color:#35d7ff}
.module-detail-hero.module-green{border-left-color:#49d68b}
.module-detail-hero.module-red{border-left-color:#ff5d6c}
.module-detail-hero.module-pink{border-left-color:#ff58aa}
.module-detail-hero.module-purple{border-left-color:#9d6cff}
.module-detail-hero.module-blue{border-left-color:#438cff}
.module-detail-hero.module-orange{border-left-color:#ff9d42}
.module-detail-icon{
 width:68px;height:68px;display:grid;place-items:center;
 border:1px solid var(--line2);border-radius:12px;background:var(--panel2);
 font-size:34px
}
.module-detail-hero small{font-size:10px!important;color:var(--yellow);letter-spacing:.9px}
.module-detail-hero h1{font-size:29px!important;line-height:1.05;margin:3px 0 5px}
.module-detail-hero p{font-size:13px!important;color:var(--muted);margin:0;max-width:800px}
.module-status-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.module-status-line span{font-size:10px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.module-status-line .on{color:#54df96;border-color:#246e49;background:rgba(48,183,112,.08)}
.module-status-line .off{color:#ff7a85;border-color:#74333a;background:rgba(210,56,72,.08)}
.module-detail-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.module-detail-actions form{margin:0}

.module-guild-picker{
 display:flex;
 justify-content:flex-end;
 align-items:center;
 padding:10px 12px;
 margin-bottom:12px;
 background:var(--panel);
 border:1px solid var(--line);
 border-radius:8px
}
.module-guild-picker label{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;font-size:11px!important}
.module-guild-picker select{min-width:260px;min-height:40px}

.module-detail-grid{
 display:grid;
 grid-template-columns:minmax(0,1.6fr) minmax(300px,.65fr);
 gap:13px;
 align-items:start
}
.module-detail-grid>div,.module-detail-grid>aside{min-width:0}
.module-detail-grid>aside{display:flex;flex-direction:column;gap:12px}
.module-settings-form label>small{
 display:block;
 margin-top:4px;
 color:var(--muted);
 font-size:10px!important;
 line-height:1.4
}
.module-settings-form .check{
 align-items:flex-start!important;
 background:var(--panel2);
 border:1px solid var(--line);
 border-radius:7px;
 padding:10px!important
}
.module-settings-form .check span b,
.module-settings-form .check span small{display:block}
.module-settings-form .check span b{font-size:12px!important}
.module-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}

.module-command-list{display:flex;flex-direction:column;gap:6px}
.module-command-list code{
 display:block;
 padding:8px 9px;
 border:1px solid var(--line);
 border-left:3px solid var(--yellow);
 border-radius:5px;
 background:var(--panel2);
 font-size:11px!important;
 white-space:normal;
 word-break:break-word
}
.module-live-demo{
 background:var(--panel);
 border:1px solid var(--line);
 border-radius:8px;
 padding:15px;
 margin-top:12px
}
.module-live-demo>b{display:block;font-size:14px;margin-bottom:8px}
.module-live-demo>p{font-size:12px!important;color:var(--muted);line-height:1.5}
.module-live-demo>code{display:block;margin:6px 0;padding:7px;background:var(--panel2);border:1px solid var(--line);border-radius:5px;font-size:11px!important}

/* DJ queue player */
.module-player{
 margin-top:12px;
 border:1px solid #5d3153;
 border-radius:10px;
 overflow:hidden;
 background:linear-gradient(145deg,var(--panel) 0%,rgba(255,88,170,.055) 100%)
}
.module-player-head{
 display:flex;justify-content:space-between;gap:16px;align-items:center;
 padding:16px 18px;border-bottom:1px solid var(--line)
}
.module-player-head small,.module-player-head h2,.module-player-head p{display:block}
.module-player-head small{font-size:9px!important;color:#ff58aa;letter-spacing:1px}
.module-player-head h2{font-size:21px!important;margin:2px 0}
.module-player-head p{font-size:11px!important;color:var(--muted);margin:0}
.module-player-head>span{
 flex:0 0 auto;padding:6px 9px;border-radius:999px;border:1px solid #663853;
 color:#ff78bb;background:rgba(255,88,170,.08);font-size:10px;font-weight:850
}
.now-playing{
 display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;
 padding:18px;background:rgba(0,0,0,.13)
}
.now-playing>span{
 width:52px;height:52px;display:grid;place-items:center;border-radius:50%;
 background:#ff58aa;color:#10080d;font-size:18px;box-shadow:0 0 0 6px rgba(255,88,170,.08)
}
.now-playing small,.now-playing b,.now-playing p{display:block}
.now-playing small{font-size:9px!important;color:#ff78bb;letter-spacing:.7px}
.now-playing b{font-size:17px!important;margin:2px 0;overflow:hidden;text-overflow:ellipsis}
.now-playing p{font-size:10px!important;color:var(--muted);margin:0}
.player-actions{padding:10px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.player-actions form{display:flex;gap:7px;flex-wrap:wrap}
.module-player-add{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;
 padding:13px 16px;border-bottom:1px solid var(--line)
}
.module-player-add label{margin:0!important}
.player-queue{padding:0 16px 13px}
.player-queue>div:not(.empty){
 display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;
 padding:10px 0;border-bottom:1px solid var(--line)
}
.player-queue>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--panel2);font-size:10px;color:#ff78bb}
.player-queue b,.player-queue small{display:block}
.player-queue b{font-size:12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-queue small{font-size:9.5px!important;color:var(--muted)}
.player-queue form{margin:0}

/* Light module studio */
body.theme-light .module-card-detail{background:#f7f9fa}
body.theme-light .module-player{background:linear-gradient(145deg,#fff 0%,#fff4fa 100%)}
body.theme-light .now-playing{background:#fff8fb}
body.theme-light .module-live-demo{background:#fff}

/* responsive module studio */
@media(max-width:1250px){
 .module-catalog-studio{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .module-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}
}
@media(max-width:900px){
 .module-detail-hero{grid-template-columns:58px minmax(0,1fr)}
 .module-detail-icon{width:56px;height:56px;font-size:28px}
 .module-detail-actions{grid-column:1/-1;justify-content:flex-start}
 .module-detail-grid{grid-template-columns:1fr}
 .module-guild-picker{justify-content:stretch}
 .module-guild-picker label{width:100%;display:grid!important;grid-template-columns:1fr!important}
 .module-guild-picker select{min-width:0;width:100%}
}
@media(max-width:650px){
 .module-catalog-studio{grid-template-columns:1fr!important}
 .module-catalog-studio .module-card{min-height:0!important}
 .module-detail-hero{grid-template-columns:48px minmax(0,1fr);padding:15px;gap:10px}
 .module-detail-icon{width:46px;height:46px;font-size:23px;border-radius:8px}
 .module-detail-hero h1{font-size:24px!important}
 .module-detail-actions{display:grid;grid-template-columns:1fr;width:100%}
 .module-detail-actions form,.module-detail-actions .btn,.module-detail-actions button{width:100%}
 .module-toggle-grid{grid-template-columns:1fr}
 .module-player-head{align-items:flex-start;flex-direction:column}
 .player-actions form{display:grid;grid-template-columns:1fr 1fr;width:100%}
 .player-actions button{width:100%}
 .module-player-add{grid-template-columns:1fr}
 .player-queue>div:not(.empty){grid-template-columns:28px minmax(0,1fr)}
 .player-queue form{grid-column:2}
}


/* ==================================================================
   v7.1.1 BOT DEFAULTS + MODULE ACCESS / PERMISSION CENTER
   ================================================================== */
.bot-settings-intro,.permission-center-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(110deg,var(--panel),var(--panel2));border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:9px;padding:18px;margin-bottom:12px}.bot-settings-intro small,.permission-center-hero small{font-size:10px!important;color:var(--yellow);font-weight:900;letter-spacing:.8px}.bot-settings-intro h2,.permission-center-hero h2{font-size:22px!important;margin:3px 0}.bot-settings-intro p,.permission-center-hero p{font-size:12px!important;color:var(--muted);margin:0!important}.bot-settings-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px}.bot-default-preview{display:flex;justify-content:flex-end;margin:0 0 12px}.bot-default-preview label{width:min(440px,100%);font-size:11px!important;color:var(--muted)}.bot-default-preview select{margin-top:4px}
.module-common-settings,.module-specific-settings{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:14px;margin-bottom:13px}.module-specific-settings{background:transparent}.module-settings-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.module-settings-title>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:var(--yellow);color:#090b0d;border-radius:50%;font-weight:950}.module-settings-title h3{font-size:16px!important;margin:1px 0}.module-settings-title p{font-size:11px!important;color:var(--muted);margin:2px 0!important}.module-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.multi-select{min-height:126px!important;padding:6px!important}.multi-select option{padding:5px 6px;border-radius:4px}.multi-select option:checked{background:var(--yellow)!important;color:#090b0d!important}.module-settings-form textarea{resize:vertical}.module-settings-form>.btn.wide{margin-top:4px}
.permission-audit-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.permission-audit-head b,.permission-audit-head small{display:block}.permission-audit-head b{font-size:14px}.permission-audit-head small{font-size:10px!important;color:var(--muted);margin-top:3px}.permission-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.permission-check{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:8px}.permission-check>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-weight:950}.permission-check.ok>span{background:rgba(47,214,129,.12);color:#5be3a1}.permission-check.bad>span{background:rgba(255,84,103,.12);color:#ff7183}.permission-check b,.permission-check small{display:block}.permission-check b{font-size:11.5px}.permission-check small{font-size:9.5px!important;color:var(--muted)}.permission-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.permission-empty{padding:13px;border:1px dashed var(--line2);color:var(--muted);font-size:12px;border-radius:7px}
.bot-permission-module-list{display:flex;flex-direction:column}.bot-permission-module{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 4px;border-top:1px solid var(--line)}.bot-permission-module:first-child{border-top:0}.bot-permission-module>span{width:38px;height:38px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:7px;font-size:18px}.bot-permission-module b,.bot-permission-module small{display:block}.bot-permission-module b{font-size:13px}.bot-permission-module small{font-size:10px!important;color:var(--muted);margin-top:2px}.bot-permission-module em{font-style:normal;font-size:10px;font-weight:900}.bot-permission-module.ok em{color:#53d99a}.bot-permission-module.bad em{color:#ff7183}.permission-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-explain>div{border:1px solid var(--line);background:var(--panel2);border-radius:7px;padding:11px}.permission-explain b,.permission-explain span{display:block}.permission-explain b{font-size:12px}.permission-explain span{font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.45}
body.theme-light .module-common-settings,body.theme-light .permission-check,body.theme-light .permission-explain>div,body.theme-light .bot-permission-module>span{background:#f7f9fa!important}
@media(max-width:1050px){.bot-settings-grid{grid-template-columns:1fr}.permission-explain{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.module-access-grid,.permission-check-grid,.permission-explain{grid-template-columns:1fr}.bot-settings-intro,.permission-center-hero{align-items:flex-start;flex-direction:column}.bot-settings-intro .btn,.permission-center-hero .btn{width:100%;text-align:center}.bot-permission-module{grid-template-columns:36px minmax(0,1fr)}.bot-permission-module em{grid-column:2}.permission-actions{display:grid;grid-template-columns:1fr}.permission-actions .btn{width:100%;text-align:center}.multi-select{min-height:150px!important}}

/* =====================================================================
   v7.1.2 COMPLETE BOT SETTINGS
   ===================================================================== */
.bot-first-setup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(120deg,#201a07,#12140d);border:1px solid #705e10;border-left:4px solid var(--yellow);border-radius:10px;padding:18px 20px;margin-bottom:12px}.bot-first-setup small{font-size:10px!important;color:var(--yellow);font-weight:900;letter-spacing:.8px}.bot-first-setup h2{font-size:22px!important;margin:3px 0}.bot-first-setup p{font-size:12px!important;color:#b9b28c;margin:0!important}.bot-first-steps{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.bot-first-steps span{padding:7px 9px;border:1px solid #49421e;background:#18170d;border-radius:999px;font-size:10px;font-weight:850;color:#bcb697}.bot-first-steps span.done{color:#75e6a5;border-color:#245c3a;background:#0e2117}
.bot-settings-intro-v712{margin-bottom:10px}.bot-settings-guild-switch{display:flex;justify-content:flex-end;margin-bottom:10px}.bot-settings-guild-switch label{width:min(480px,100%);font-size:11px!important;color:var(--muted)}.bot-settings-blocker{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#21170d;border:1px solid #704a19;border-left:4px solid #ff9d32;border-radius:9px;padding:16px;margin-bottom:12px}.bot-settings-blocker>div:first-child{display:flex;gap:12px;align-items:flex-start}.bot-settings-blocker>div:first-child>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ff9d32;color:#120d08;font-weight:950}.bot-settings-blocker small{font-size:10px!important;color:#ffbd76}.bot-settings-blocker h2{font-size:18px!important;margin:2px 0}.bot-settings-blocker p{font-size:12px!important;margin:0;color:#bba58f;max-width:760px}
.bot-master-settings{display:flex;flex-direction:column;gap:10px}.bot-settings-section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.bot-settings-section-title{display:flex;gap:12px;align-items:center;padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--line)}.bot-settings-section-title>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:50%;background:var(--yellow);color:#0b0d0f;font-weight:950}.bot-settings-section-title h2{font-size:19px!important;margin:0}.bot-settings-section-title p{font-size:12px!important;color:var(--muted);margin:3px 0 0!important}.bot-settings-fields{display:grid;gap:11px;align-items:start}.bot-settings-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-settings-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.bot-settings-fields label{min-width:0}.bot-settings-fields label>small{display:block;font-size:10.5px!important;color:var(--muted);margin-top:4px;line-height:1.4}.bot-setting-switches{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:stretch}.bot-setting-switches .check,.route-check,.bot-global-access-toggles .check{background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:10px!important;margin:0!important;align-items:flex-start!important}.bot-setting-switches .check span,.route-check span,.bot-global-access-toggles .check span{display:block}.bot-setting-switches .check b,.route-check b,.bot-global-access-toggles .check b{font-size:12px!important}.bot-setting-switches .check small,.route-check small,.bot-global-access-toggles .check small{display:block;font-size:10px!important;color:var(--muted)!important;margin-top:2px}.bot-access-explain{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:12px}.bot-access-explain span{font-size:10px;font-weight:900;letter-spacing:.5px;background:var(--panel2);border:1px solid var(--line2);border-radius:6px;padding:7px 9px}.bot-access-explain i{font-style:normal;color:var(--yellow)}.bot-global-access-toggles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:11px}.multi-select{width:100%;min-height:145px!important}.bot-settings-perm-summary{border:1px solid var(--line);border-radius:8px;padding:13px;background:var(--panel2)}.bot-settings-perm-summary>div:first-child{display:flex;gap:10px;align-items:center}.bot-settings-perm-summary>div:first-child>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:950}.bot-settings-perm-summary.ok>div:first-child>span{background:#123322;color:#76e6a7}.bot-settings-perm-summary.bad>div:first-child>span{background:#35151a;color:#ff7888}.bot-settings-perm-summary.neutral>div:first-child>span{background:#20262a;color:#a7b1b7}.bot-settings-perm-summary b,.bot-settings-perm-summary small{display:block}.bot-settings-perm-summary b{font-size:14px}.bot-settings-perm-summary small{font-size:10.5px;color:var(--muted)}.permission-mini-grid{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}.permission-mini-grid span{font-size:10px;border:1px solid var(--line);padding:6px 7px;border-radius:999px}.permission-mini-grid span.ok{color:#6fe3a4;border-color:#245a3b;background:#0e2017}.permission-mini-grid span.bad{color:#ff8290;border-color:#6b2a33;background:#241014}.bot-settings-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bot-settings-module-grid>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:10px;min-width:0}.bot-settings-module-grid>a>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:6px}.bot-settings-module-grid b,.bot-settings-module-grid small{display:block}.bot-settings-module-grid b{font-size:12.5px}.bot-settings-module-grid small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-settings-module-grid em{font-size:10px;color:var(--yellow);font-style:normal}.bot-master-save{position:sticky;bottom:10px;z-index:12;display:flex;justify-content:space-between;gap:14px;align-items:center;background:rgba(13,17,20,.95);backdrop-filter:blur(12px);border:1px solid #6a5910;border-radius:9px;padding:12px 14px;box-shadow:0 8px 34px rgba(0,0,0,.28)}.bot-master-save b,.bot-master-save small{display:block}.bot-master-save b{font-size:13px}.bot-master-save small{font-size:10.5px;color:var(--muted)}
body.theme-light .bot-first-setup{background:#fff7cf;border-color:#d2b100}.theme-light .bot-first-setup p{color:#665d36}.theme-light .bot-settings-blocker{background:#fff3e4}.theme-light .bot-master-save{background:rgba(255,255,255,.96)}
@media(max-width:1150px){.bot-settings-fields.three{grid-template-columns:1fr 1fr}.bot-settings-module-grid{grid-template-columns:1fr 1fr}.bot-global-access-toggles{grid-template-columns:1fr 1fr}.bot-first-setup{grid-template-columns:1fr}.bot-first-steps{justify-content:flex-start}}
@media(max-width:720px){.bot-settings-fields.two,.bot-settings-fields.three,.bot-setting-switches,.bot-global-access-toggles,.bot-settings-module-grid{grid-template-columns:1fr}.bot-settings-blocker,.bot-master-save{align-items:flex-start;flex-direction:column}.bot-master-save .btn{width:100%}.bot-first-steps{display:grid;grid-template-columns:1fr 1fr;width:100%}}


/* =====================================================================
   v7.1.3 — EASY MODE / CLEAN MODULE STUDIO
   ===================================================================== */

.module-studio-clean-head{
 display:flex;justify-content:space-between;gap:18px;align-items:end;
 background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--yellow);
 border-radius:9px;padding:18px 20px;margin-bottom:10px
}
.module-studio-clean-head small{font-size:10px;color:var(--yellow);letter-spacing:1px}
.module-studio-clean-head h2{font-size:27px;margin:3px 0}
.module-studio-clean-head p{font-size:13px;color:var(--muted);margin:0;max-width:760px}
.module-studio-clean-head>span{font-size:13px;font-weight:900;white-space:nowrap;background:var(--panel2);border:1px solid var(--line2);padding:8px 10px;border-radius:999px}

.module-preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.module-preset-row form{margin:0}
.module-preset-row button{
 width:100%;height:100%;min-height:78px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;
 gap:9px;align-items:center;text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);
 border-radius:8px;padding:10px;cursor:pointer
}
.module-preset-row button:hover{border-color:#7b6a18;transform:translateY(-1px)}
.module-preset-row button>span{font-size:21px}.module-preset-row b,.module-preset-row small{display:block}
.module-preset-row b{font-size:13px}.module-preset-row small{font-size:10px;color:var(--muted);line-height:1.35;margin-top:2px}
.module-preset-row em{font-size:10px;color:var(--yellow);font-style:normal;font-weight:900}

.module-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:10px 0}
.module-toolbar>label{display:flex;align-items:center;gap:8px;flex:1;max-width:430px;background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:0 10px}
.module-toolbar>label input{width:100%;min-height:42px;border:0!important;background:transparent!important;padding:0!important}
.module-filter-chips{display:flex;gap:5px;flex-wrap:wrap}
.module-filter-chips button{min-height:36px;padding:0 10px;background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:999px;font-size:10px;font-weight:850;cursor:pointer}
.module-filter-chips button.on,.module-filter-chips button:hover{background:#2b270e;color:var(--yellow);border-color:#6b5d19}

.module-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.module-simple-card{
 position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;
 background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:108px
}
.module-simple-card.enabled{border-color:#4e5a60}
.module-simple-card[hidden]{display:none!important}
.module-simple-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:8px;font-size:21px;background:var(--panel2)}
.module-simple-copy{min-width:0}.module-simple-copy>small{font-size:9px;color:var(--muted);letter-spacing:.7px}
.module-simple-copy h3{font-size:15px;margin:2px 0 3px}.module-simple-copy p{font-size:11px;color:var(--muted);line-height:1.35;margin:0}
.module-simple-meta{display:flex;gap:5px;align-items:center;margin-top:6px;min-width:0}
.module-simple-meta span,.module-simple-meta code{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.module-simple-meta span{color:#8c989f}.module-simple-meta code{background:var(--panel2);padding:3px 5px;border-radius:4px}
.module-simple-card>a{align-self:end;color:var(--yellow);font-size:10px;font-weight:900;white-space:nowrap}
.module-simple-toggle{position:absolute;right:10px;top:9px;display:flex!important;align-items:center!important;gap:5px!important;margin:0!important}
.module-simple-toggle input{width:16px!important;height:16px!important;min-height:0!important}
.module-simple-toggle span{font-size:9px;font-weight:900;color:var(--muted)}
.module-simple-card.enabled .module-simple-toggle span{color:#65dda2}
.module-savebar{display:flex!important;justify-content:space-between!important;align-items:center!important}.module-savebar b,.module-savebar small{display:block}.module-savebar b{font-size:12px}.module-savebar small{font-size:10px;color:var(--muted)}

.module-easy-settings,.easy-feature-settings{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:10px}
.easy-setting-row{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;margin:3px 0 10px}
.easy-setting-row>span{width:32px;height:32px;display:grid;place-items:center;background:var(--yellow);color:#090b0c;border-radius:50%;font-size:12px;font-weight:950}
.easy-setting-copy h3{font-size:16px;margin:0}.easy-setting-copy p{font-size:11px;color:var(--muted);margin:2px 0 0}
.easy-advanced{margin-top:10px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}
.easy-advanced summary{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;cursor:pointer;font-size:12px;font-weight:850}
.easy-advanced summary span{font-size:9px;color:var(--muted);text-transform:uppercase}
.easy-advanced-body{padding:0 12px 12px}
.module-detail-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:10px!important}
.module-detail-grid aside .panel{padding:14px!important}
.dummy-guide.compact{grid-template-columns:repeat(3,1fr)!important}
.dummy-guide.compact>div{padding:9px!important}

.permission-quick-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.permission-quick-actions .btn{min-height:38px!important;font-size:10px!important}
.permission-actions{display:flex!important;gap:6px!important;flex-wrap:wrap!important}

.bot-settings-intro-v712{padding:16px 18px!important;min-height:auto!important}
.bot-settings-intro-v712 h2{font-size:23px!important}
.bot-settings-intro-v712 p{font-size:12px!important}
.bot-settings-advanced{border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:10px}
.bot-settings-advanced>summary{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;
 padding:13px 15px;cursor:pointer
}
.bot-settings-advanced>summary>span{font-size:9px;color:var(--yellow);border:1px solid #665817;border-radius:999px;padding:4px 6px;text-transform:uppercase}
.bot-settings-advanced>summary b,.bot-settings-advanced>summary small{display:block}
.bot-settings-advanced>summary b{font-size:13px}.bot-settings-advanced>summary small{font-size:10px;color:var(--muted);margin-top:2px}
.bot-settings-advanced>summary em{font-size:9px;color:var(--muted);font-style:normal}
.bot-settings-advanced[open]>summary{border-bottom:1px solid var(--line)}
.bot-settings-advanced .advanced-inner{border:0!important;border-radius:0!important;margin:0!important}

body.theme-light .module-filter-chips button.on{background:#fff4b1;color:#554700}
body.theme-light .module-simple-card,body.theme-light .module-studio-clean-head,body.theme-light .module-preset-row button,body.theme-light .module-toolbar>label,body.theme-light .bot-settings-advanced{background:#fff}
body.theme-light .module-easy-settings,body.theme-light .easy-feature-settings{background:#f7f9fa}

@media(max-width:1200px){
 .module-preset-row{grid-template-columns:1fr 1fr}
 .module-simple-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:850px){
 .module-toolbar{align-items:stretch;flex-direction:column}
 .module-toolbar>label{max-width:none}
 .module-detail-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 .module-preset-row,.module-simple-grid{grid-template-columns:1fr}
 .module-simple-card{grid-template-columns:42px minmax(0,1fr);padding-right:10px}
 .module-simple-card>a{grid-column:2}
 .module-simple-meta{flex-wrap:wrap}
 .module-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
 .module-filter-chips button{flex:0 0 auto}
 .dummy-guide.compact{grid-template-columns:1fr!important}
 .bot-settings-advanced>summary{grid-template-columns:auto minmax(0,1fr)}
 .bot-settings-advanced>summary em{display:none}
}
/* FSR MULTICONTROL v7.2.0 — Guided Control */
.coach-summary{display:grid;grid-template-columns:180px minmax(300px,1fr) minmax(210px,280px);gap:28px;align-items:center;padding:30px;margin:0 0 18px;border:1px solid rgba(65,224,255,.26);border-radius:20px;background:linear-gradient(125deg,rgba(15,39,55,.96),rgba(15,22,37,.96));box-shadow:0 22px 70px rgba(0,0,0,.24)}
.coach-summary>div:nth-child(2)>small,.feature-explorer small{color:#62ddff;font-weight:800;letter-spacing:.12em}.coach-summary h2{font-size:26px;margin:7px 0}.coach-summary p{color:var(--muted);max-width:720px}.coach-summary aside{display:grid;gap:9px;padding:18px;border-radius:14px;background:rgba(255,255,255,.045)}.coach-summary aside b{margin-bottom:4px}.coach-summary aside span{font-size:13px;color:var(--muted)}
.coach-ring{--p:calc(var(--score)*1%);width:148px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:conic-gradient(#4be3ff var(--p),rgba(255,255,255,.08) 0);box-shadow:0 0 40px rgba(75,227,255,.15)}.coach-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#111c29}.coach-ring>*{position:relative}.coach-ring b{font-size:27px}.coach-ring span{font-size:11px;color:var(--muted);text-transform:uppercase}
.feature-search{display:grid;grid-template-columns:34px 1fr 180px;align-items:center;padding:8px 12px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.feature-search span{font-size:24px;color:#59ddff}.feature-search input,.feature-search select{border:0!important;background:transparent!important;box-shadow:none!important}.feature-explorer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.feature-explorer>a{display:flex;min-height:235px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel),rgba(18,29,43,.78));color:inherit;text-decoration:none;transition:.18s ease}.feature-explorer>a:hover{transform:translateY(-4px);border-color:#45dfff;box-shadow:0 18px 45px rgba(0,0,0,.22)}.feature-explorer i{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border-radius:13px;background:rgba(69,223,255,.11);color:#63e4ff;font-size:24px;font-style:normal}.feature-explorer h2{font-size:19px;margin:6px 0}.feature-explorer p{flex:1;color:var(--muted);line-height:1.55}.feature-explorer>a>b{font-size:12px;color:#63e4ff;letter-spacing:.08em}.feature-empty{text-align:center;padding:50px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
.command-palette{position:fixed;inset:0;z-index:10000;display:grid;place-items:start center;padding-top:min(14vh,130px)}.command-palette[hidden]{display:none}.command-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,7,12,.78);backdrop-filter:blur(8px)}.command-dialog{position:relative;width:min(680px,calc(100vw - 28px));max-height:72vh;overflow:hidden;border:1px solid rgba(91,223,255,.35);border-radius:19px;background:#111b28;box-shadow:0 30px 100px #000}.command-input{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.command-input>span{font-size:28px;color:#5de3ff}.command-input input{font-size:19px;border:0;background:transparent;outline:0;color:var(--text)}kbd{padding:2px 6px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.05);font:11px inherit;color:var(--muted)}.command-hint{padding:10px 20px;color:var(--muted);font-size:12px}.command-results{max-height:49vh;overflow:auto;padding:5px 10px}.command-results a{display:grid;grid-template-columns:170px 1fr 24px;gap:10px;align-items:center;padding:13px;border-radius:10px;color:inherit;text-decoration:none}.command-results a.active{background:rgba(73,220,255,.12);outline:1px solid rgba(73,220,255,.25)}.command-results a span{font-weight:750}.command-results a small{color:var(--muted)}.command-results a b{color:#63e4ff}.command-dialog footer{display:flex!important;justify-content:flex-end!important;gap:20px!important;padding:11px 20px!important;border-top:1px solid var(--line)!important;font-size:11px!important}.palette-open{overflow:hidden}
.comfort-button{position:fixed;right:20px;bottom:22px;z-index:2000;width:45px;height:45px;border:1px solid rgba(91,223,255,.4);border-radius:50%;background:#142638;color:#68e4ff;font-weight:900;box-shadow:0 8px 26px rgba(0,0,0,.3)}.comfort-panel{position:fixed;right:20px;bottom:76px;z-index:2000;width:260px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#13202e;box-shadow:0 18px 60px #000}.comfort-panel[hidden]{display:none}.comfort-panel>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comfort-panel>div button{border:0;background:none;color:var(--text);font-size:22px}.comfort-panel label{display:grid;gap:5px;margin:11px 0;color:var(--muted);font-size:12px}.comfort-panel label.check{display:flex}.comfort-panel select{padding:8px}.comfort-panel .mini{margin-top:5px}
html[data-font="large"]{font-size:17px}html[data-font="xl"]{font-size:19px}html[data-density="compact"] .panel{padding:15px}html[data-density="compact"] .nav-group a{padding-top:7px;padding-bottom:7px}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
@media(max-width:1050px){.coach-summary{grid-template-columns:150px 1fr}.coach-summary aside{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.feature-explorer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.coach-summary{grid-template-columns:1fr;text-align:center;padding:22px}.coach-ring{margin:auto}.coach-summary aside{grid-template-columns:1fr;text-align:left}.feature-search{grid-template-columns:30px 1fr}.feature-search select{grid-column:1/-1}.feature-explorer{grid-template-columns:1fr}.feature-explorer>a{min-height:205px}.command-results a{grid-template-columns:1fr 20px}.command-results a small{grid-column:1/-1;grid-row:2}.comfort-button{right:12px;bottom:12px}.comfort-panel{right:12px;bottom:67px}}

/* v7.3 Event Operations Center */
.ops-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.ops-stats>div{padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.ops-stats b,.ops-stats span{display:block}.ops-stats b{font-size:24px}.ops-stats span{margin-top:5px;color:var(--muted);font-size:10px}.ops-stats.compact{margin:0 0 12px}.ops-stats.compact>div{padding:14px}.ops-stats.compact b{font-size:14px}.registration-board{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.registration-row{display:grid;grid-template-columns:10px minmax(220px,1fr) 110px 80px;gap:14px;align-items:center;padding:15px 10px;border-top:1px solid var(--line);transition:.15s ease}.registration-row:hover{margin-inline:-7px;padding-inline:17px;border-radius:9px;background:var(--panel2)}.registration-row>div b,.registration-row>div small{display:block}.registration-row>div b{font-size:13px}.registration-row>div small{margin-top:4px;color:var(--muted);font-size:10px}.registration-row em{font-style:normal;font-size:9px;font-weight:900}.registration-row strong{color:var(--yellow);font-size:9px}.registration-dot{width:8px;height:8px;border-radius:50%;background:#7a858e}.status-pending .registration-dot,.status-pending em{color:var(--yellow);background:var(--yellow)}.status-pending em,.status-confirmed em,.status-rejected em{background:none}.status-confirmed .registration-dot{background:var(--green)}.status-confirmed em{color:var(--green)}.status-rejected .registration-dot{background:var(--red)}.status-rejected em{color:var(--red)}
.registration-detail{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:12px}.registration-main{min-width:0}.registration-actions{position:sticky;top:78px;align-self:start;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.registration-actions h2{margin:3px 0 5px}.registration-actions>div>small{color:var(--yellow);font-weight:900}.registration-actions>div>p{color:var(--muted);font-size:10px}.registration-actions form{margin:8px 0}.registration-actions form .btn{width:100%;text-align:left}.registration-actions form label{display:grid;gap:4px;font-size:9px}.registration-actions input{width:100%;margin-bottom:6px;padding:9px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.registration-meta{display:grid;gap:4px!important;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.driver-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.driver-list>div{display:grid;grid-template-columns:28px 1fr;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.driver-list b{height:100%;display:grid;place-items:center;background:var(--panel2);color:var(--yellow)}.driver-list span{padding:10px;font-size:11px}.registration-note{margin-top:10px;padding:12px;border-left:3px solid var(--yellow);background:var(--panel2)}.registration-note p{margin:4px 0 0;color:var(--muted)}.registration-note.danger{border-color:var(--red)}.orphan-warning{margin:12px 0;padding:17px;border:1px solid rgba(255,95,112,.35);border-radius:12px;background:rgba(255,95,112,.08)}.orphan-warning b{color:#ff8797}.orphan-warning p{color:var(--muted)}
.ops-comms{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.ops-comms>div>small{color:var(--yellow);font-weight:900}.ops-comms h2{font-size:24px;margin:4px 0}.ops-comms>div>p{color:var(--muted)}.ops-comms form>label{display:grid;gap:5px;margin:12px 0;font-size:10px}.ops-comms input,.ops-comms textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.comms-options{display:flex;gap:14px;flex-wrap:wrap;margin:13px 0}.comms-options label{display:flex!important;margin:0!important}.ops-comms aside{display:flex;flex-direction:column;gap:9px;padding:17px;border-radius:11px;background:var(--panel2)}.ops-comms aside span{padding:9px;border:1px solid var(--line);border-radius:8px}.ops-comms aside p{color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:900px){.registration-detail,.ops-comms{grid-template-columns:1fr}.registration-actions{position:static}.ops-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.registration-row{grid-template-columns:10px 1fr}.registration-row em,.registration-row strong{grid-column:2}.driver-list{grid-template-columns:1fr}.ops-stats{grid-template-columns:1fr 1fr}.service-head-action form,.service-head-action .btn{width:100%}}

/* src/ui/styles.css */
/* A single restrained palette. Dark is the default; saved light preferences still work. */
html.theme-dark, body.deck.theme-dark {
 --bg:#111315; --side:#17191c; --surface:#1b1d21; --surface-alt:#222429;
 --panel:var(--surface); --panel2:var(--surface-alt); --line:#303239; --line2:#42454d;
 --text:#f0f0f2; --muted:#a4a7b0; --accent:#e5c35c; --on-accent:#191811;
 --accent-tint:#302d22; --danger:#ef9999; --success:#91c2a0; --terminal:#101214;
 --orange:var(--accent); --yellow:var(--accent); --cyan:var(--accent); --green:var(--success); --red:var(--danger); --sw:242px;
 background:var(--bg); color:var(--text); color-scheme:dark;
}
html.theme-light, body.deck.theme-light {
 --bg:#f2f3f4; --side:#fff; --surface:#fff; --surface-alt:#f4f4f5;
 --panel:var(--surface); --panel2:var(--surface-alt); --line:#dfe0e3; --line2:#b4b7bf;
 --text:#23242a; --muted:#666974; --accent:#e5c35c; --on-accent:#191811;
 --accent-tint:#f9f2da; --danger:#ab3434; --success:#247341; --terminal:#f4f5f6;
 --orange:#8a6815; --yellow:#8a6815; --cyan:#8a6815; --green:var(--success); --red:var(--danger); --sw:242px;
 background:var(--bg); color:var(--text); color-scheme:light;
}
/* 404bot component layouts. Legacy feature layouts are compiled first. */

body.deck{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;letter-spacing:0;font-weight:400;min-width:320px}
body.deck:before,body.deck:after{display:none}
body.deck *{box-sizing:border-box}
.deck [hidden]{display:none!important}
.deck svg{width:20px;height:20px;flex:0 0 auto;vertical-align:middle}
.deck a{color:inherit;text-decoration:none}
.deck button,.deck input,.deck select,.deck textarea{font:inherit}
.deck button{cursor:pointer}
.deck button:disabled{cursor:not-allowed;opacity:.5}
.deck :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.deck h1,.deck h2,.deck h3,.deck p{letter-spacing:normal}
.deck h2{font-size:18px;font-weight:650;line-height:1.35}
.deck h3{font-weight:650}
.deck select{cursor:pointer}
.d-skip{position:fixed;left:16px;top:-100px;z-index:300;background:var(--surface);padding:12px}
.d-skip:focus{top:12px}
.deck .deck-main{margin:0 0 0 236px;padding:108px 36px 42px;min-height:100vh;max-width:none;width:calc(100% - 236px);z-index:1}
.deck .deck-public-main{margin:0;padding:0;max-width:none;width:100%;min-height:100vh}
.deck .deck-sidebar{position:fixed;inset:0 auto 0 0;width:236px;z-index:70;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 16px 14px;box-shadow:none}
.deck .d-brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.6px;min-width:0}
.deck-sidebar .d-brand{padding:0 7px 32px}
.d-brand>span:last-child{min-width:0;overflow-wrap:anywhere;line-height:1.15}
.deck .d-brand small{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:7px;font-weight:600}
.deck .d-brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:var(--text);flex:0 0 auto}
.d-brandmark svg{width:23px;height:23px}
.deck .d-navlabel{color:var(--muted);font-size:11px;font-weight:650;letter-spacing:1.45px;margin:0 12px 12px}
.deck-sidebar>nav{overflow-y:auto;scrollbar-width:thin;flex:1;min-height:40px}
.deck .d-navitem,.deck .d-navdetails>summary{display:flex;align-items:center;gap:12px;border:0;border-radius:7px;min-height:43px;padding:11px 12px;margin:3px 0;font-size:14px;font-weight:500;color:var(--muted);position:relative;line-height:1.4}
.deck .d-navitem svg,.d-navdetails>summary>svg:first-child{width:18px;height:18px;color:var(--muted)}
.deck .d-navitem:hover,.deck .d-navdetails>summary:hover{background:var(--surface);color:var(--text)}
.deck .d-navitem.is-active{background:var(--surface-alt);color:var(--accent);font-weight:650}
.deck .d-navitem.is-active svg{color:var(--accent)}
.d-navitem kbd{margin-left:auto;background:none;color:var(--muted);font:11px ui-monospace,monospace}
.deck .d-navline{height:1px;background:var(--surface-alt);margin:20px 12px}
.d-navdetails summary{list-style:none;cursor:pointer}
.d-navdetails summary::-webkit-details-marker{display:none}
.d-navdetails summary>svg:last-child{margin-left:auto;width:13px;height:13px}
.d-navdetails[open]>summary>svg:last-child{transform:rotate(90deg)}
.d-navdetails>div{padding:2px 0 5px 17px}
.d-navdetails .d-navitem{font-size:14px;padding:10px;min-height:36px}
.deck .d-navsub{display:block;padding:8px 14px;font-size:14px;color:var(--muted)}
.d-navsub:hover{color:var(--accent)!important;background:var(--surface);border-radius:5px}
.deck .d-sidebarbottom{flex-shrink:0;padding-top:22px}
.deck .d-setupmini{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:13px 10px;border-radius:8px;margin-bottom:12px}
.d-setupmini>svg:first-child{width:20px;height:20px;color:var(--accent)}
.d-setupmini>svg:last-child{margin-left:auto;width:14px;height:14px;color:var(--muted)}
.d-setupmini b,.d-setupmini small{display:block}
.d-setupmini b{font-size:13px;color:var(--text)}
.d-setupmini small{font-size:11px;color:var(--muted);margin-top:2px}
.deck .d-profile{display:flex;align-items:center;gap:9px;padding:18px 3px 0;border-top:1px solid var(--line);margin-top:13px}
.d-profile>a{min-width:0;flex:1}
.d-profile b,.d-profile small{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.d-profile b{font-size:13px;font-weight:650}
.d-profile small{font-size:12px;color:var(--muted);margin-top:1px}
.d-avatar{width:33px;height:33px;border-radius:50%;background:var(--surface-alt);color:var(--muted);display:grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 auto}
.deck .d-iconbutton{display:grid;place-items:center;width:30px;height:30px;padding:4px;border:0;background:transparent;color:var(--muted);border-radius:6px}
.d-iconbutton:hover{background:var(--surface)}
.d-iconbutton svg{width:17px;height:17px}
.deck .deck-topbar{position:fixed;left:236px;right:0;top:0;height:69px;padding:0 36px;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--surface);border-bottom:1px solid var(--line)}
.d-toplocation,.d-topright{display:flex;gap:14px;align-items:center;min-width:0}
.d-workspace-dot{display:inline-block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--surface-alt)}
.deck .d-toplocation select{border:0;background:transparent;font-size:13px;font-weight:600;color:var(--muted);max-width:180px;padding:4px 14px 4px 0;min-height:0}
.d-divider{color:var(--muted)}
.d-currentpage{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.d-topright{gap:20px}
.d-searchlink{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)!important}
.d-searchlink svg{width:15px;height:15px}
.d-localpill{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:4px 8px;color:var(--muted);font-size:11px}
.deck .d-mobile-toggle{display:none}
.d-mobilebackdrop{display:none}
.deck .d-pageheading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 29px}
.deck .d-eyebrow{font-size:11px!important;font-weight:650;color:var(--muted)!important;letter-spacing:1.5px!important;line-height:1.6;margin:0 0 9px}
.deck .d-pageheading h1{font-size:34px;line-height:1.2;letter-spacing:-1.25px;font-weight:640;margin:0 0 11px;color:var(--text)}
.deck .d-lead{font-size:14px;color:var(--muted);line-height:1.6;margin:0;max-width:680px}
.deck .d-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;min-height:40px;white-space:nowrap;background:var(--accent);border:1px solid var(--accent);color:var(--text);font-size:13px;font-weight:600;border-radius:7px;line-height:1.5;box-shadow:none;text-transform:none;letter-spacing:0;text-decoration:none}
.d-btn svg{width:15px;height:15px}
.deck .d-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text)}
.deck .d-btn-secondary{background:var(--surface);border-color:var(--line);color:var(--muted);box-shadow:none}
.deck .d-btn-secondary:hover{background:var(--surface);color:var(--text);border-color:var(--line)}
.deck .d-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.deck .d-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:none;min-width:0}
.deck .d-cardhead{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.deck .d-cardhead h2{margin:0;font-size:14px;font-weight:650;color:var(--text);display:flex;align-items:center;gap:8px}
.d-cardhead h2>span{display:inline-block;font-size:11px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:4px;min-width:20px;padding:1px 5px;text-align:center;font-weight:500}
.deck .d-cardhead>a{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}
.d-cardhead>a svg{width:13px;height:13px}
.d-cardhead>a:hover{color:var(--accent)}
.deck .d-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}
.d-stats article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px 23px 18px}
.d-stats article>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);font-weight:500}
.d-stats article>span svg{width:16px;height:16px;color:var(--muted)}
.d-stats strong{display:block;font-size:37px;font-weight:580;letter-spacing:-1.3px;margin:10px 0 4px;color:var(--text);line-height:1.2}
.d-stats strong small{font-weight:400;font-size:18px;color:var(--muted);letter-spacing:0}
.d-stats p{font-size:12px;color:var(--muted);margin:8px 0 0;display:flex;align-items:center;gap:6px}
.d-dot-good,.d-dot-neutral{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--surface-alt)}
.d-dot-neutral{background:var(--surface-alt)}
.deck .d-dashboardgrid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;margin-bottom:23px}
.d-botrow{display:flex;align-items:center;gap:13px;padding:19px 23px;border-top:1px solid var(--line);transition:background .12s;min-width:0}
.d-botrow:hover{background:var(--surface)}
.d-boticon{width:39px;height:39px;border-radius:10px;background:var(--surface);color:var(--muted);display:grid;place-items:center;flex:0 0 auto}
.d-boticon svg{width:22px;height:22px}
.d-botidentity{flex:1;min-width:0}
.d-botidentity b,.d-botidentity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-botidentity b{font-size:13px;font-weight:600;color:var(--text)}
.d-botidentity small{font-size:11px;color:var(--muted);margin-top:5px}
.d-botrow>svg{width:14px;height:14px;color:var(--muted)}
.d-botmodules{font-size:11px;color:var(--muted);white-space:nowrap;min-width:66px;text-align:right}
.deck .d-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;line-height:1.3;white-space:nowrap;border-radius:20px;font-size:11px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--muted);max-width:150px}
.d-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}
.d-badge.is-online{color:var(--muted);background:var(--surface-alt);border-color:var(--line)}
.d-badge.is-error{color:var(--muted);background:var(--surface);border-color:var(--line)}
.d-cardfoot{padding:15px 23px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);background:var(--surface)}
.d-cardfoot svg{width:12px;height:12px}
.deck .d-quickcard{padding:23px}
.d-quickcard h2{font-size:17px!important;line-height:1.45;font-weight:580;margin:0 0 10px;color:var(--text)}
.d-quickcard>p:not(.d-eyebrow){font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 16px}
.deck .d-quicklink{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid var(--line)}
.d-quicklink>svg:first-child{width:16px;height:16px;color:var(--muted)}
.d-quicklink>span{font-size:13px;color:var(--muted);font-weight:550}
.d-quicklink small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}
.d-quicklink>svg:last-child{width:13px;height:13px;margin-left:auto;color:var(--muted)}
.d-quicklink:hover>span{color:var(--accent)}
.deck .d-bottomgrid{align-items:stretch}
.d-activityrow{display:flex;align-items:center;gap:12px;padding:14px 23px;border-top:1px solid var(--line)}
.d-activityicon{width:27px;height:27px;border-radius:50%;background:var(--surface);color:var(--muted);display:grid;place-items:center}
.d-activityicon svg{width:13px;height:13px}
.d-activityrow>div{flex:1;min-width:0}
.d-activityrow b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);font-weight:500}
.d-activityrow small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.d-activityrow time{font-size:11px;color:var(--muted)}
.deck .d-tip{padding:25px 25px 24px;background:var(--surface-alt);border:1px solid var(--line);border-radius:10px}
.d-tip>span{width:32px;height:32px;border-radius:8px;background:var(--surface-alt);display:grid;place-items:center;color:var(--muted);margin-bottom:15px}
.d-tip>span svg{width:17px;height:17px}
.d-tip h2{font-size:19px;color:var(--muted);font-weight:500;line-height:1.4;margin:4px 0 10px}
.d-tip>p:not(.d-eyebrow){font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 18px}
.d-tip>a{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;font-weight:600}
.d-tip>a svg{width:13px;height:13px}
.deck .d-empty{text-align:center;padding:38px 25px}
.d-emptyicon{width:54px;height:54px;background:var(--surface);border-radius:15px;display:grid;place-items:center;margin:0 auto 15px;color:var(--muted)}
.d-emptyicon svg{width:28px;height:28px}
.d-empty h3,.d-empty h2{font-size:17px;margin:7px 0;color:var(--text);font-weight:560}
.d-empty p{color:var(--muted);font-size:13px;line-height:1.8;max-width:360px;margin:9px auto 21px}
.d-subtleempty{padding:12px 23px 32px;line-height:1.8;color:var(--muted);font-size:13px}
.deck .d-filterbar{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px;gap:15px}
.d-filterbar>label{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);padding:0 12px;border-radius:7px;max-width:340px;width:100%;color:var(--muted)}
.deck .d-filterbar input{padding:11px 0;background:transparent;border:0;outline:0;font-size:13px;min-width:0;width:100%;color:var(--text)}
.d-filterbar svg{width:15px;height:15px}
.d-filterbar>span{font-size:12px;color:var(--muted)}
.deck .d-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:550;color:var(--text);margin:0}
.deck .d-form input:not([type=checkbox]):not([type=radio]),.deck .d-form select,.deck .d-form textarea,.deck .d-consoletoolbar select{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px;box-shadow:none;line-height:1.5}
.deck .d-form input::placeholder,.deck .d-form textarea::placeholder{color:var(--muted)}
.deck .d-form textarea{resize:vertical;min-height:85px}
.deck .d-form input[type=checkbox],.deck .d-form input[type=radio]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--accent);flex:0 0 auto}
.deck .d-form{display:flex;flex-direction:column;gap:20px}
.deck .d-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.deck .d-form small,.deck .d-form>p{font-size:12px;font-weight:400;color:var(--muted);line-height:1.8;margin:0}
.d-creategrid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:30px;align-items:start}
.deck .d-createform{padding:28px}
.d-createform h2{font-size:16px;margin:12px 0 0;color:var(--text)}
.d-createform h2:first-of-type{margin-top:0}
.deck .d-createhelp{padding:25px 10px;color:var(--muted)}
.d-createhelp h2{font-size:19px;color:var(--muted);margin:0 0 18px}
.d-createhelp ol{padding-left:19px;font-size:14px;line-height:1.9;margin:0 0 23px}
.d-createhelp li{padding:0 0 15px 7px}
.d-callout{display:flex;align-items:start;gap:12px;padding-top:24px;border-top:1px solid var(--line);margin-top:30px}
.d-callout svg{width:20px;height:20px;color:var(--muted)}
.d-callout p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}
.deck .d-presetgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.deck label.d-radiochoice{flex-direction:row;align-items:start;gap:10px;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}
.d-radiochoice:has(input:checked){border-color:var(--line)!important;background:var(--surface)!important}
.d-radiochoice input{margin-top:3px!important}
.d-radiochoice b,.d-radiochoice small{display:block}
.d-radiochoice b{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}
.d-radiochoice small{font-size:12px;line-height:1.7}
.d-radiochoice em{font-size:10px;font-weight:550;font-style:normal;background:var(--surface-alt);color:var(--muted);padding:3px 5px;border-radius:4px;margin-left:5px}
.deck .d-check{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;font-size:13px!important;font-weight:400!important}
.d-details summary{cursor:pointer;color:var(--muted);font-size:12px;margin:0 0 10px}
.deck .d-tabs{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line);margin:0 0 25px;overflow:auto}
.deck .d-tabs a{padding:14px 0 15px;border-bottom:2px solid transparent;white-space:nowrap;font-size:13px;color:var(--muted);margin-bottom:-1px}
.d-tabs a.is-active{color:var(--text);border-color:var(--line)}
.d-tabs a:last-child{margin-left:auto;display:flex;align-items:center;gap:7px}
.d-tabs svg{width:15px;height:15px}
.d-botdetailgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.d-statusvisual{padding:24px 20px;text-align:center}
.d-bigbot{width:74px;height:74px;display:grid;place-items:center;background:var(--surface-alt);color:var(--muted);border-radius:22px;margin:0 auto 16px}
.d-bigbot svg{width:40px;height:40px}
.d-statusvisual h2{font-size:20px;color:var(--muted);font-weight:550;margin:8px 0}
.d-statusvisual p{font-size:13px;color:var(--muted);margin:0 auto;max-width:240px}
.deck .d-keyvalues{padding:5px 24px;margin:0}
.d-keyvalues>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}
.d-keyvalues dt{color:var(--muted)}
.d-keyvalues dd{color:var(--muted);font-size:13px;overflow-wrap:anywhere;max-width:65%;margin:0}
.d-statusactions{padding:22px}
.d-listlink{display:flex;align-items:center;gap:11px;padding:17px 23px;border-top:1px solid var(--line)}
.d-listlink>svg:first-child{color:var(--muted);width:18px;height:18px}
.d-listlink>svg:last-child{width:14px;height:14px;margin-left:auto;color:var(--muted)}
.d-listlink>span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.d-listlink small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.d-listlink:hover{background:var(--surface)}
.d-inlineaction{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px;font-size:12px;border-top:1px solid var(--line);color:var(--muted)!important}
.d-inlineaction svg{width:14px;height:14px}
.d-modulechips{padding:0 22px 22px;display:flex;flex-wrap:wrap;gap:8px}
.d-modulechips a{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:8px 9px;color:var(--muted);font-size:11px}
.d-modulechips svg{width:13px;height:13px}
.deck .d-mt{margin-top:22px}
.deck .d-modulegroup{margin:30px 0}
.d-modulegroup>h2{font-size:14px;color:var(--muted);font-weight:550;letter-spacing:.3px;margin:0 0 16px}
.d-modulegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.d-modulecard{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;min-width:0}
.d-modulecardtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.d-moduleicon{width:36px;height:36px;border-radius:9px;background:var(--surface);display:grid;place-items:center;color:var(--muted)}
.d-moduleicon svg{width:19px;height:19px}
.d-modulecard h3{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 8px}
.d-modulecard p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px;flex:1}
.deck .d-modulecard footer{padding:14px 0 0;margin:0;width:100%;border-top:1px solid var(--line);background:none;display:flex;align-items:center;justify-content:space-between;gap:10px;position:static}
.d-modulecard footer a{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}
.d-modulecard footer svg{width:12px;height:12px}
.deck .d-switch{width:30px;height:18px;padding:2px;border:0;border-radius:20px;background:var(--surface-alt)}
.d-switch span{display:block;width:14px;height:14px;background:var(--surface);border-radius:50%;box-shadow:none}
.d-switch.is-on{background:var(--surface-alt)}
.d-switch.is-on span{transform:translateX(12px)}
.d-notice{background:var(--surface-alt);border:1px solid var(--line);color:var(--muted);padding:13px 17px;border-radius:7px;font-size:14px;margin-bottom:22px;overflow-wrap:anywhere}
.d-notice-error{background:var(--surface);border-color:var(--line);color:var(--muted)}
.d-onboarding{max-width:900px;display:flex;flex-direction:column;gap:16px}
.d-step{display:flex;align-items:center;gap:23px;padding:25px}
.d-stepnumber{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--surface-alt);color:var(--muted);display:grid;place-items:center;font-size:16px}
.d-step.is-done .d-stepnumber{background:var(--surface-alt);color:var(--muted)}
.d-step>div{flex:1;min-width:0}
.d-step small{font-size:10px;color:var(--muted);letter-spacing:1px}
.d-step h2{margin:4px 0 7px;font-size:16px;color:var(--muted)}
.d-step p{font-size:13px;color:var(--muted);line-height:1.7;max-width:500px;margin:0}
.d-narrow{max-width:640px}
.d-wide{width:100%}
.d-textbutton{border:0;background:none;color:var(--muted);padding:3px 0;font-size:12px}
.d-muted{font-size:12px;color:var(--muted)}
.d-textgood{color:var(--muted)}
.d-textbad{color:var(--muted)}

/* Console */
.d-consoletoolbar{display:flex;align-items:center;gap:25px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:17px 20px;margin-bottom:23px}
.d-consoletoolbar>label{display:flex;align-items:center;gap:15px}
.d-consoletoolbar .d-eyebrow{margin:0;white-space:nowrap}
.deck .d-consoletoolbar select{width:210px;font-size:13px;min-height:36px;padding:7px 11px}
.d-consoleconnection{font-size:12px;color:var(--muted)}
.d-consoletoolbar>a{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.d-consoletoolbar>a svg{width:13px;height:13px}
.d-consolegrid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start}
.d-consolegrid>div,.d-consolegrid>aside{min-width:0}
.d-terminal{background:var(--terminal);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:var(--muted)}
.d-terminal>header{height:44px;display:flex;align-items:center;gap:15px;padding:0 18px;background:var(--terminal);border-bottom:1px solid var(--line)}
.d-terminaldots{display:flex;gap:5px}
.d-terminaldots i{width:6px;height:6px;border-radius:50%;background:var(--surface-alt)}
.d-terminaldots i:first-child{background:var(--surface-alt)}
.d-terminaldots i:nth-child(2){background:var(--surface-alt)}
.d-terminal>header>span{font-size:10px;letter-spacing:1.3px;color:var(--muted)}
.d-terminal>header>button{margin-left:auto;padding:3px 0;background:none;border:0;font-size:11px;color:var(--muted)}
.d-terminaloutput{height:298px;overflow:auto;padding:24px 23px;scrollbar-color:#456351 #192d24;scrollbar-width:thin}
.d-terminalwelcome{padding:7px 0 15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.9;color:var(--muted)}
.d-terminalwelcome strong{display:block;color:var(--muted);font-weight:500;font-size:14px}
.d-terminalwelcome p{font-size:12px;color:var(--muted);margin:10px 0}
.d-terminalwelcome b{color:var(--muted);font-weight:400}
.deck pre.d-terminalentry{background:none;border:0;margin:0 0 17px;padding:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}
.d-terminalentry.command{color:var(--text)!important;margin-top:18px!important}
.d-terminalentry.error{color:var(--danger)!important}
.d-terminalprompt{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--line);background:var(--terminal)}
.d-terminalprompt label{font:15px ui-monospace,monospace;color:var(--muted)}
.deck .d-terminalprompt input{flex:1;min-width:0;font:11px ui-monospace,Consolas,monospace;color:var(--muted);background:none;outline:0;border:0;padding:4px;min-height:24px}
.d-terminalprompt input::placeholder{color:var(--muted)}
.d-terminalprompt button{display:grid;place-items:center;background:var(--surface-alt);color:var(--muted);border:0;border-radius:5px;width:27px;height:27px;padding:5px}
.d-terminalprompt button svg{width:15px;height:15px}
.d-actionbuilder{margin:20px 0}
.d-actionbuilder .d-cardhead{padding:19px 20px;border-bottom:1px solid var(--line)}
.d-actionbuilder .d-cardhead h2{font-size:14px}
.d-actionbuilder .d-form{padding:20px;gap:17px}
.d-actionbuilder .d-form select,.d-actionbuilder .d-form input,.d-actionbuilder .d-form textarea{font-size:13px!important}
.d-actionbuilder .d-form label{font-size:12px}
.d-actionfooter{display:flex;align-items:center;justify-content:space-between;gap:20px}
.d-actionfooter small{max-width:250px;font-size:11px!important}
.d-actionfooter .d-btn{min-height:36px;padding:9px 14px;font-size:12px}
.d-commandreference{padding:24px 18px}
.d-commandreference h2{font-size:15px;font-weight:550;color:var(--muted);margin:0 0 17px}
.d-commandreference .d-eyebrow{font-size:10px!important}
.d-commandreference button{display:grid;grid-template-columns:61px 1fr 10px;gap:7px;align-items:center;text-align:left;width:100%;padding:12px 0;border:0;border-top:1px solid var(--line);background:none}
.d-commandreference button code{font:10px ui-monospace,monospace;color:var(--muted);background:var(--surface);padding:4px 5px;border-radius:4px;width:max-content}
.d-commandreference button span{font-size:11px;color:var(--muted);line-height:1.4}
.d-commandreference button svg{width:11px;height:11px;color:var(--muted)}
.d-commandreference button:hover code{color:var(--text);background:var(--surface-alt)}
.d-consolenote{display:flex;align-items:start;gap:10px;border-top:1px solid var(--line);margin-top:12px;padding-top:19px}
.d-consolenote svg{width:17px;height:17px;color:var(--muted)}
.d-consolenote p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}
.d-commandhistory{margin-top:20px}
.d-commandhistory .d-cardhead{padding:18px}
.d-commandhistory .d-cardhead h2{font-size:14px}
.d-commandhistory #console-history{padding:0 18px 12px}
.d-historyrow{display:flex;align-items:center;gap:8px;padding:11px 0;border-top:1px solid var(--line)}
.d-historyrow code{font:10px ui-monospace,monospace;color:var(--muted);flex:1}
.d-historyrow span,.d-historyrow small{font-size:11px}
.d-historyrow small{color:var(--muted)}
.d-logdetails summary{display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:18px 20px;color:var(--muted);font-size:13px;font-weight:550}
.d-logdetails summary>span:first-child{display:flex;align-items:center;gap:8px}
.d-logdetails summary>span:last-child{font-size:10px;font-weight:400;color:var(--muted)}
.d-logdetails summary svg{width:14px;height:14px}
.d-logtoolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:10px 20px}
.d-logtoolbar label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.d-logtoolbar input{accent-color:#5a9c76}
.deck #console-logs{max-height:225px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px 20px;background:var(--surface);border:0;border-top:1px solid var(--line);color:var(--muted);font:10px/1.8 ui-monospace,Consolas,monospace}

/* Public pages */
.d-landing{max-width:1240px;margin:auto;padding:0 48px}
.d-landing>header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}
.d-landing>header nav{display:flex;align-items:center;gap:30px;font-size:14px;color:var(--muted)}
.d-landinghero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;padding:97px 0 88px;align-items:center}
.d-landinghero .d-eyebrow{font-size:11px!important;display:flex;align-items:center;gap:9px}
.d-landinghero h1{font-size:65px;letter-spacing:-3px;line-height:1.08;font-weight:600;color:var(--text);margin:21px 0 22px}
.d-landinghero h1 em{font-style:normal;color:var(--muted)}
.d-landinghero>div>p:not(.d-eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:420px;margin-bottom:30px}
.d-landinghero>div>small{display:block;color:var(--muted);font-size:11px;margin-top:24px}
.d-preview{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:none;transform:rotate(-1.3deg);overflow:hidden}
.d-previewbar{display:flex;align-items:center;gap:5px;padding:16px;background:var(--surface);border-bottom:1px solid var(--line)}
.d-previewbar i{width:6px;height:6px;border-radius:50%;background:var(--surface-alt)}
.d-previewbar span{font-size:10px;letter-spacing:1px;color:var(--muted);margin:auto}
.d-previewcontent{padding:25px}
.d-previewcontent h2{font-size:21px;font-weight:550;color:var(--muted);margin:0 0 25px}
.d-previewrow{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid var(--line)}
.d-previewrow>svg:first-child{width:19px;height:19px;color:var(--muted)}
.d-previewrow span{font-size:13px;color:var(--muted);flex:1}
.d-previewrow small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.d-previewrow>svg:last-child{width:14px;height:14px;color:var(--muted)}
.d-previewterminal{padding:19px;background:var(--terminal);border-radius:8px;margin-top:15px;font:11px/1.8 ui-monospace,monospace;color:var(--muted)}
.d-previewterminal>span{color:var(--muted)}
.d-previewterminal p{margin:12px 0;font-size:12px;color:var(--muted)}
.d-previewterminal small{font-size:10px;color:var(--muted)}
.d-mocklabel{display:block;text-align:center;font-size:10px;color:var(--muted);padding:16px 0 0}
.d-landingfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:38px 0 60px;border-top:1px solid var(--line)}
.d-landingfeatures article>svg{width:24px;height:24px;color:var(--muted)}
.d-landingfeatures h2{font-size:15px;font-weight:550;color:var(--muted);margin:18px 0 10px}
.d-landingfeatures p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}
.deck .d-landing>footer{margin:0;padding:25px 0;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;background:none;color:var(--muted)!important;font-size:12px!important}
.d-auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.d-authstory{padding:44px 58px;background:var(--surface-alt);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.d-authstory .d-brand{font-size:21px;color:var(--muted)}
.d-authstory>div{padding:65px 0}
.d-authstory h1{font-size:52px;line-height:1.17;letter-spacing:-2px;color:var(--text);font-weight:550;margin:16px 0 22px}
.d-authstory>div>p:not(.d-eyebrow){color:var(--muted);font-size:14px}
.d-authstory>small{color:var(--muted);font-size:12px}
.d-authbenefits{display:flex;flex-direction:column;gap:20px;margin:34px 0 0}
.d-authbenefits>span{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}
.d-authbenefits svg{width:19px;height:19px;color:var(--muted)}
.d-authform{display:grid;place-items:center;padding:55px}
.d-authform>div{max-width:360px;width:100%}
.d-authform h2{font-size:30px;color:var(--muted);font-weight:550;letter-spacing:-1px;margin:4px 0 12px}
.d-authform>div>p:not(.d-eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 27px}
.d-authform .d-form{gap:23px;margin-bottom:20px}
.d-authform .d-btn{width:100%}
.d-authfoot{font-size:12px!important;color:var(--muted)!important;margin:23px 0!important;line-height:1.8}
.d-authfoot a{color:var(--muted);text-decoration:underline}
.d-backlink{font-size:12px;color:var(--muted)!important}
.d-setupcard{width:calc(100% - 36px);max-width:640px;margin:60px auto;padding:38px 42px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none}
.d-setupcard>.d-brand{margin-bottom:35px;color:var(--muted)}
.d-setupcard h1{font-size:30px;letter-spacing:-1px;color:var(--muted);line-height:1.25;margin:10px 0 15px;font-weight:550}
.d-setupcard>p:not(.d-eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 25px}
.d-setupcard code{font-size:12px;color:var(--muted);background:var(--surface);padding:3px 4px}
.deck-public>.deck-public-main>.d-notice{position:relative;margin:15px auto;width:calc(100% - 32px);max-width:750px}

/* Match inherited specialist workflows to the new shell without removing their controls. */
.deck .pagehead,.deck .service-head{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:0;margin-bottom:25px;padding:0 0 22px!important}
.deck .pagehead h1,.deck .service-head h1{color:var(--text);font-size:30px!important;line-height:1.2;letter-spacing:-1px;margin:7px 0 10px}
.deck .pagehead p,.deck .service-head p{color:var(--muted);font-size:14px!important}
.deck .kicker{color:var(--muted);font-size:11px;letter-spacing:1.4px}
.deck .panel,.deck .card,.deck .service-list-card,.deck .form-step{background:var(--surface)!important;color:var(--muted);border-color:var(--line)!important;border-radius:9px;box-shadow:none}
.deck .panel:hover,.deck .card:hover{background:var(--surface)!important}
.deck .panel p,.deck .card p{font-size:14px!important;line-height:1.8;color:var(--muted)!important}
.deck .panel h2,.deck .card h2{font-size:18px!important;color:var(--muted)}
.deck .btn,.deck .mini{background:var(--accent);color:var(--text);border:1px solid var(--accent);border-radius:6px;font-size:13px!important;font-weight:550!important;letter-spacing:0;line-height:1.5;padding:10px 14px;box-shadow:none}
.deck .btn.secondary,.deck .mini{background:var(--surface)!important;border-color:var(--line)!important;color:var(--muted)!important}
.deck .btn.danger,.deck .mini.danger{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}
.deck .form input,.deck .form select,.deck .form textarea,.deck .inlineform input,.deck .inlineform select{background:var(--surface)!important;border-color:var(--line)!important;color:var(--muted)!important;border-radius:6px;font-size:14px!important;min-height:40px}
.deck .form input[type=checkbox],.deck .form input[type=radio]{min-height:0!important;accent-color:var(--accent)}
.deck .form label{color:var(--muted)!important;font-size:14px!important}
.deck .tabs-v62,.deck .tabs{border-color:var(--line);background:transparent}
.deck .tabs-v62 a,.deck .tabs a{font-size:13px;color:var(--muted);background:transparent;border-color:var(--line)}
.deck .tabs-v62 a.on,.deck .tabs a.on{color:var(--muted);background:var(--surface-alt);border-color:var(--line)}
.deck .table th,.deck .table td,.deck .table td small{color:var(--muted)!important;border-color:var(--line)}
.deck .table th{background:var(--surface)!important}
.deck .hint,.deck .info-strip{background:var(--surface-alt)!important;border-color:var(--line)!important;color:var(--muted)!important}
.deck .pagehead-art,.deck .service-head-art{display:none!important}
.deck .savebar{background:var(--surface)!important;border-color:var(--line)!important;border-radius:7px}
.deck .logs{color:var(--muted);background:var(--terminal)}
.deck .resource-access-group,.deck .resource-access-card{background:var(--surface);border-color:var(--line)}
.deck .resource-access-title,.deck .resource-access-head{background:var(--surface);border-color:var(--line)}
.deck .permission-grid label{background:var(--surface);border-color:var(--line)}
.deck .permission-grid b{color:var(--muted)}
.deck .permission-grid small{color:var(--muted)}
.deck .cards,.deck .cols{gap:20px}
.deck .backend-stats,.deck .admin-stats,.deck .workspace-settings-grid{min-width:0}

@media(min-width:1600px){.deck .deck-main{padding-left:52px;padding-right:52px}
.deck .deck-topbar{padding-left:52px;padding-right:52px}
.d-dashboardgrid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}
.d-stats strong{font-size:42px}
}

@media(max-width:1180px){.deck .deck-main{padding-left:25px;padding-right:25px}
.deck .deck-topbar{padding-left:25px;padding-right:25px}
.d-botmodules{display:none}
.deck .d-dashboardgrid{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}
.d-consolegrid{grid-template-columns:minmax(0,1fr) 235px;gap:17px}
.d-commandreference{padding:21px 14px}
.d-commandreference button{grid-template-columns:58px 1fr 9px;gap:3px}
.d-consoletoolbar{gap:17px}
.d-consoletoolbar>label{gap:10px}
.d-consoletoolbar>label>.d-eyebrow{display:none}
.d-consoletoolbar>a{font-size:11px}
.d-authstory{padding:40px}
.d-authstory h1{font-size:43px}
.d-landinghero{gap:40px}
.d-landinghero h1{font-size:55px}
.d-modulegrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1000px){.deck .d-dashboardgrid{grid-template-columns:1fr}
.d-quickcard{display:block}
.d-topright .d-searchlink span{display:none}
.d-consolegrid{grid-template-columns:1fr}
.d-consolegrid>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.d-commandhistory{margin-top:0}
.d-consolegrid>aside .d-commandreference{max-height:470px;overflow:auto}
.d-botdetailgrid{grid-template-columns:1fr}
.d-creategrid{grid-template-columns:1fr}
.d-createhelp{padding:10px!important}
.d-pageheading h1{font-size:29px!important}
.d-stats article{padding:17px}
.d-stats strong{font-size:30px}
.d-stats article>span{font-size:12px}
.d-stats p{font-size:11px}
.d-stats article>span svg{display:none}
.d-step{gap:15px;flex-wrap:wrap}
.d-step>.d-btn{margin-left:57px}
.d-landing{padding:0 35px}
.d-landinghero{gap:25px}
.d-landinghero h1{font-size:44px;letter-spacing:-2px}
.d-landinghero>div>p:not(.d-eyebrow){font-size:14px}
.d-landinghero>div>small{font-size:10px}
.d-authstory{padding:30px}
.d-authform{padding:40px}
.d-authstory h1{font-size:36px}
}

@media(max-width:760px){.deck .deck-sidebar{transform:translateX(-100%);transition:transform .2s;width:236px;z-index:100}
.deck.d-nav-open .deck-sidebar{transform:translateX(0)}
.deck .deck-topbar{left:0;height:60px;padding:0 19px;gap:12px}
.deck .deck-main{margin-left:0;width:100%;padding:86px 20px 30px}
.deck .d-mobile-toggle{display:grid}
.deck .d-mobilebackdrop:not([hidden]){display:block;position:fixed;inset:0;background:var(--terminal);z-index:90;border:0}
.d-toplocation{gap:9px}
.d-toplocation .d-workspace-dot{display:none}
.d-toplocation select{max-width:140px!important;font-size:13px!important}
.d-topright{gap:12px}
.d-topright .d-localpill{display:none}
.d-currentpage{font-size:12px;max-width:100px}
.deck .d-pageheading{align-items:flex-start;gap:16px;margin-bottom:24px;flex-direction:column}
.deck .d-pageheading h1{font-size:30px!important;letter-spacing:-1px}
.d-lead{font-size:13px!important}
.d-stats{gap:10px!important;margin-bottom:18px!important}
.d-stats article{padding:15px 12px}
.d-stats strong{font-size:29px;margin-top:10px}
.d-stats strong small{font-size:14px}
.d-stats p{font-size:10px;line-height:1.7;display:block}
.d-dot-good,.d-dot-neutral{margin-right:4px}
.d-cardhead{padding:19px!important}
.d-botrow{padding:17px;gap:10px}
.d-boticon{width:34px;height:34px}
.d-botidentity b{font-size:13px}
.d-botidentity small{font-size:10px}
.d-badge{font-size:10px!important}
.deck .d-dashboardgrid{gap:17px;margin-bottom:17px}
.d-stats article>span{font-size:11px}
.d-consoletoolbar{padding:14px;flex-wrap:wrap;gap:11px}
.deck .d-consoletoolbar select{width:175px}
.d-consoletoolbar>a{width:100%;margin:0}
.d-consolegrid{gap:17px}
.d-terminal>header>span{font-size:10px}
.d-terminal>header{gap:10px;padding:0 15px}
.d-terminal>header>button{font-size:10px}
.d-terminaloutput{height:290px;padding:19px}
.d-terminalentry{font-size:12px!important}
.d-actionbuilder .d-form{padding:17px}
.d-actionfooter{gap:10px}
.d-actionfooter small{font-size:10px!important}
.d-consolegrid>aside{grid-template-columns:1fr}
.d-commandreference button{grid-template-columns:76px 1fr 10px}
.d-commandreference button span{font-size:12px}
.d-commandhistory{margin-top:0}
.d-step{padding:21px}
.d-stepnumber{width:35px;height:35px;font-size:13px}
.d-step h2{font-size:14px}
.d-step p{font-size:12px}
.d-step>.d-btn{margin-left:50px}
.d-tabs{gap:20px!important}
.d-tabs a{font-size:12px!important}
.d-tabs a:last-child{font-size:11px!important}
.d-tabs a:last-child svg{display:none}
.d-modulegrid{gap:12px}
.d-modulecard{padding:15px}
.d-modulecard h3{font-size:14px}
.d-modulecard p{font-size:11px}
.d-modulecard footer a{font-size:10px}
.d-createform{padding:21px!important}
.d-presetgrid{gap:10px!important}
.d-radiochoice{padding:12px!important}
.d-radiochoice b{font-size:12px}
.d-radiochoice small{font-size:11px!important}
.deck .d-landing{padding:0 24px}
.d-landing>header{padding:24px 0}
.d-landing>header nav{gap:15px;font-size:13px}
.d-landing>header nav>a:first-child{display:none}
.d-landing>header .d-brand{font-size:16px}
.d-landing>header .d-brandmark{width:31px;height:31px}
.d-landing>header .d-btn{font-size:11px;min-height:34px;padding:8px 10px}
.d-landinghero{grid-template-columns:1fr;gap:50px;padding:55px 0}
.d-landinghero h1{font-size:53px}
.d-landinghero>div>p:not(.d-eyebrow){font-size:14px}
.d-landinghero>div>small{font-size:11px}
.d-preview{max-width:440px;width:100%;justify-self:center;transform:none}
.d-landingfeatures{grid-template-columns:1fr;gap:30px;padding-top:30px}
.d-landingfeatures article{display:grid;grid-template-columns:30px 1fr;gap:0 14px}
.d-landingfeatures article>svg{grid-row:span 2;margin-top:2px}
.d-landingfeatures h2{margin:0 0 10px;font-size:15px}
.d-landingfeatures p{font-size:14px}
.d-auth{grid-template-columns:1fr}
.d-authstory{padding:28px;border-right:0;border-bottom:1px solid var(--line)}
.d-authstory>div{padding:30px 0 10px}
.d-authstory h1{font-size:35px}
.d-authbenefits,.d-authstory>small{display:none}
.d-authstory>div>p:not(.d-eyebrow){font-size:14px}
.d-authform{padding:40px 28px}
.d-authform>div{max-width:100%}
.d-setupcard{padding:29px 23px;margin:25px auto}
.d-setupcard h1{font-size:26px}
.deck .cards,.deck .cols,.deck .permission-grid{grid-template-columns:1fr}
.deck .panel{padding:19px}
.deck .pagehead{align-items:flex-start;flex-direction:column}
.deck .pagehead h1{font-size:27px!important}
.deck .pagehead p{font-size:13px!important}
.deck .pagehead .actions{flex-wrap:wrap}
.deck .table{overflow-x:auto}
.deck .table table{min-width:550px}
.deck .savebar{max-width:100%;bottom:10px}
}

@media(max-width:400px){.deck .deck-main{padding-left:15px;padding-right:15px}
.d-botrow{padding:14px;gap:8px}
.d-boticon{width:30px;height:30px}
.d-botidentity small{font-size:10px}
.d-stats strong{font-size:25px}
.d-stats p{font-size:10px}
.d-stats article>span{font-size:10px}
.d-formgrid,.d-presetgrid{grid-template-columns:1fr!important}
.d-modulegrid{grid-template-columns:1fr}
.d-consoletoolbar select{width:150px!important}
.d-consoleconnection{font-size:11px}
.d-currentpage{max-width:70px}
.d-tabs{gap:15px!important}
.d-tabs a{font-size:11px!important}
.d-tabs a:last-child{font-size:10px!important}
.d-landinghero h1{font-size:46px}
.d-landing>header nav>a:not(.d-btn){display:none}
}

@media(prefers-reduced-motion:reduce){.deck *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Keep legacy global footer/input rules out of the new components. */
.deck .d-modulecard>footer{margin:0!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:14px 0 0!important;position:static!important;text-align:left;background:transparent!important;transform:none!important}

.deck .d-modulecard>footer form{margin:0;flex:0 0 auto;width:auto}
.deck .d-modulecard>footer a{white-space:nowrap}

.deck #console-line{background:transparent!important;border:0!important;color:var(--text)!important;box-shadow:none;font:13px ui-monospace,SFMono-Regular,Consolas,monospace!important;min-height:30px!important}
.deck #console-line::placeholder{color:var(--muted)!important}

.deck .d-terminalentry{color:var(--text);font-size:13px!important;line-height:1.7;background:transparent!important;white-space:pre-wrap;overflow-wrap:anywhere}
.deck .d-terminalentry.command{color:var(--text)}
.deck .d-terminalentry.error{color:var(--danger)}
.deck .d-terminalentry.response{color:var(--text)}

.deck .d-terminal p{color:var(--muted)!important}
.deck #console-logs{color:var(--text)!important;background:var(--surface)!important;font-size:12px!important;overflow-wrap:anywhere;white-space:pre-wrap}

.deck .d-brand small{font-size:9px!important;letter-spacing:1.2px!important}

/* Classic control-room composition */
body.deck { background:var(--bg)!important; color:var(--text); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.55; }
.deck :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.deck .deck-sidebar { width:242px; padding:22px 13px 14px; background:var(--side); border-color:var(--line); }
.deck .deck-main { margin-left:242px; width:calc(100% - 242px); padding:96px 32px 40px; background:var(--bg); }
.deck .deck-topbar { left:242px; height:64px; padding:0 32px; background:var(--side); border-color:var(--line); }
.deck-sidebar .d-brand { padding:0 9px 22px; font-size:20px; }
.deck .d-brandmark { background:var(--accent); color:var(--on-accent); width:38px; height:34px; border-radius:6px; font:850 14px ui-monospace,monospace; letter-spacing:-1px; }
.deck .d-brand small { color:var(--muted); font-size:9px; letter-spacing:1.7px; }
.c-navgroup { margin-bottom:15px; }
.deck .d-navlabel { margin:0 12px 7px; font-size:9px; letter-spacing:1.5px; color:var(--muted); opacity:.85; }
.deck .d-navitem { min-height:35px; padding:7px 11px; gap:10px; font-size:12px; margin:2px 0; border-radius:5px; color:var(--muted); }
.deck .d-navitem svg { width:16px; height:16px; color:inherit; }
.deck .d-navitem.is-active { background:var(--accent-tint); color:var(--accent); }
.theme-light.deck .d-navitem.is-active { color:#785b16; }
.deck .d-navitem.is-active svg { color:inherit; }
.deck .d-navitem:hover { background:var(--surface-alt); color:var(--text); }
.deck .d-sidebarbottom { padding-top:10px; border-top:1px solid var(--line); }
.c-adminlink { display:flex; align-items:center; gap:9px; padding:10px; border:1px solid var(--line); border-radius:6px; font-size:11px; }
.c-adminlink svg { width:15px; height:15px; color:var(--accent); }
.c-adminlink svg:last-child { margin-left:auto; width:12px; color:var(--muted); }
.c-sidebarlinks { display:flex; justify-content:space-between; font-size:11px; color:var(--muted); padding:14px 4px 1px; }
.c-sidebarlinks svg { width:12px; height:12px; }
.deck .d-profile { padding-top:12px; margin-top:12px; border-color:var(--line); }
.deck .d-avatar { border-radius:6px; background:var(--surface-alt); color:var(--text); }
.deck .d-profile b { font-size:12px; }
.deck .d-profile small { font-size:10px; }
.deck .d-toplocation select { color:var(--text); padding:5px 17px 5px 0; font-size:12px; }
.deck .d-currentpage,.deck .d-divider { color:var(--muted); font-size:12px; }
.deck .d-searchlink { padding:7px 9px; border:1px solid var(--line); border-radius:5px; font-size:11px; }
.d-searchlink kbd { background:var(--surface-alt); padding:2px 5px; font:9px ui-monospace,monospace; border-radius:3px; margin-left:18px; }
.deck .d-localpill { background:transparent; color:var(--muted); font-size:9px; letter-spacing:1px; border:0; padding:0; }
.deck .d-pageheading { margin-bottom:23px; align-items:center; }
.deck .d-pageheading h1 { font-size:29px; font-weight:680; color:var(--text); letter-spacing:-.9px; margin-bottom:7px; }
.deck .d-eyebrow { font-size:10px!important; letter-spacing:1.8px!important; color:var(--muted)!important; margin-bottom:7px; }
.deck .d-lead { font-size:12px; color:var(--muted); }
.deck .d-btn,.deck .btn { background:var(--accent)!important; color:var(--on-accent)!important; border:1px solid var(--accent)!important; font-size:12px!important; font-weight:650!important; min-height:38px; border-radius:5px!important; box-shadow:none!important; text-transform:none; letter-spacing:0; }
.deck .d-btn:hover,.deck .btn:hover { filter:brightness(1.06); }
.deck .d-btn-secondary,.deck .btn.secondary { background:var(--surface)!important; border-color:var(--line2)!important; color:var(--text)!important; }
.deck .btn.danger { background:#3e2426!important; color:#ffc2c2!important; border-color:#774144!important; }
.deck .d-card,.deck .d-stats article { background:var(--surface); border-color:var(--line); border-radius:7px; box-shadow:none; }
.deck .d-cardhead { padding:18px 20px; }
.deck .d-cardhead h2 { font-size:13px; color:var(--text); }
.deck .d-cardhead h2>span { color:var(--muted); background:var(--surface-alt); border-color:var(--line); font-size:10px; }
.deck .d-cardhead>a { font-size:11px; color:var(--accent); }
.deck .d-cardfoot { background:transparent; border-color:var(--line); color:var(--muted); font-size:10px; padding:13px 20px; }
.deck .d-badge { border-radius:4px; background:var(--surface-alt); color:var(--muted); border-color:var(--line); font-size:10px; padding:4px 7px; }
.deck .d-badge.is-online { color:var(--success); background:transparent; border-color:var(--line2); }
.deck .d-badge.is-error { color:var(--danger); background:transparent; border-color:#643e42; }
.deck .d-boticon,.deck .d-moduleicon,.deck .d-emptyicon { background:var(--surface-alt); color:var(--accent); border-radius:7px; }
.deck .d-botrow { border-color:var(--line); }
.deck .d-botrow:hover { background:var(--surface-alt); }
.deck .d-botidentity b { color:var(--text); }
.deck .d-filterbar>label { max-width:440px; background:var(--surface); border-color:var(--line2); }
.deck .d-filterbar input { color:var(--text); }
.deck .d-form label,.deck .d-keyvalues dd { color:var(--text); }
.deck .d-form input:not([type=checkbox]):not([type=radio]),.deck .d-form select,.deck .d-form textarea,.deck .d-consoletoolbar select { background:var(--terminal); color:var(--text); border-color:var(--line2); }
.deck .d-switch.is-on { background:var(--accent); border-color:var(--accent); }
.deck .d-switch.is-on span { background:var(--on-accent); }
.deck .d-modulecard { border-color:var(--line); background:var(--surface); border-radius:7px; }
.deck .d-modulecard h3,.deck .d-modulegroup h2 { color:var(--text); }
.deck .d-modulecard footer { border-color:var(--line); }
.deck .d-modulecard footer a,.deck .d-tabs a.is-active { color:var(--accent); }
.deck .d-tabs a.is-active { border-color:var(--accent); }
.deck .d-tabs { border-color:var(--line); }
.deck .d-notice { background:var(--surface-alt); color:var(--text); border-color:var(--line2); border-left:3px solid var(--accent); border-radius:5px; }
.deck .d-notice-error { border-left-color:var(--danger); color:var(--danger); }
.deck .d-terminal { background:var(--terminal); border-color:var(--line2); border-radius:7px; }
.deck .d-terminal header { background:var(--surface-alt); border-color:var(--line); }
.deck .d-terminal header,.deck .d-terminal header button,.deck .d-terminalwelcome strong { color:var(--text); }
.deck .d-terminalwelcome p { color:var(--muted); }
.deck .d-terminaloutput { color:var(--text); min-height:250px; }
.deck .d-terminaloutput .is-command,.deck .d-terminaloutput .d-output-command { color:var(--accent); }
.deck .d-terminalprompt { background:var(--terminal); color:var(--accent); border-color:var(--line); }
.deck .d-terminalprompt input { color:var(--text); background:transparent; }
.deck .d-terminalprompt button { color:var(--on-accent); background:var(--accent); }
.deck .d-terminaldots i { background:var(--muted); opacity:.45; }
.deck .d-consoleconnection { color:var(--muted); }
.deck .d-logdetails pre { background:var(--terminal); color:var(--muted); }
.deck .d-commandreference button { border-color:var(--line); }
.deck .d-commandreference button code { color:var(--accent); }
.deck .d-activityrow { border-color:var(--line); }
.deck .d-activityrow b { color:var(--text); }
.deck .d-stepnumber { background:var(--surface-alt); color:var(--accent); }
.deck .d-step.is-done .d-stepnumber { background:var(--accent-tint); color:var(--accent); }
.deck .d-authstory { background:var(--side); color:var(--text); border-color:var(--line); }
.deck .d-authstory h1,.deck .d-authform h2,.deck .d-setupcard h1 { color:var(--text); }
.deck .d-setupcard { background:var(--surface); border:1px solid var(--line); border-radius:8px; padding:34px; margin:5vh auto; }
.c-overviewbanner { padding:19px 21px; display:flex; justify-content:space-between; align-items:center; gap:20px; border:1px solid var(--line); border-radius:7px; background:var(--surface); margin-bottom:19px; }
.c-overviewbanner>div { display:flex; align-items:center; gap:14px; }
.c-overviewbanner b,.c-overviewbanner small { display:block; }
.c-overviewbanner b { font-size:13px; font-weight:600; }
.c-overviewbanner small { color:var(--muted); font-size:11px; margin-top:3px; }
.c-bannericon { padding:10px; color:var(--accent); background:var(--accent-tint); border-radius:6px; }
.c-overviewbanner>a { font-size:11px; color:var(--accent); white-space:nowrap; }
.c-overviewbanner>a svg { width:14px; height:14px; margin-left:8px; }
.c-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:22px; }
.c-stats>a { display:flex; flex-direction:column; border:1px solid var(--line); background:var(--surface); padding:18px 20px; border-radius:7px; }
.c-statlabel { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--muted); font-size:12px; }
.c-statlabel svg { width:17px; height:17px; color:var(--accent); }
.c-stats strong { font-size:32px; font-weight:650; letter-spacing:-1px; margin:4px 0; line-height:1.45; }
.c-stats small { color:var(--muted); font-size:10px; }
.c-dashboardgrid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr); gap:20px; margin-bottom:26px; }
.c-botrow { display:flex; align-items:center; gap:12px; border-top:1px solid var(--line); padding:15px 20px; }
.c-botname { display:flex; align-items:center; gap:12px; flex:1; min-width:0; }
.c-botname>span:last-child { min-width:0; }
.c-botname strong,.c-botname small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.c-botname strong { font-size:12px; font-weight:600; }
.c-botname small { font-size:10px; color:var(--muted); margin-top:3px; }
.c-rowaction { display:flex; align-items:center; gap:6px; color:var(--muted)!important; font-size:10px; border:1px solid var(--line); padding:5px 8px; border-radius:4px; }
.c-rowaction svg { width:13px; height:13px; }
.c-attentionitem { display:flex; gap:11px; padding:15px 20px; border-top:1px solid var(--line); align-items:flex-start; }
.c-attentionitem>svg:first-child { width:17px; height:17px; color:var(--accent); margin-top:3px; }
.c-attentionitem b { display:block; font-weight:550; font-size:12px; }
.c-attentionitem small { display:block; color:var(--muted); font-size:11px; margin-top:3px; }
.c-attentionitem>svg:last-child:not(:first-child) { width:13px; height:13px; margin-left:auto; color:var(--muted); margin-top:4px; }
.c-attentionitem.is-warning>svg:first-child { color:var(--danger); }
.c-sectiontitle { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 13px; }
.c-sectiontitle h2 { font-size:14px; font-weight:600; margin:0; }
.c-sectiontitle>a { color:var(--accent); font-size:11px; }
.c-sectiontitle svg { width:13px; height:13px; }
.c-sectiontitle>span { color:var(--muted); font-size:11px; }
.c-servicegrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.c-servicecard { border:1px solid var(--line); background:var(--surface); border-radius:7px; padding:19px; display:flex; align-items:flex-start; gap:12px; min-width:0; }
.c-servicecard:hover { border-color:var(--line2); background:var(--surface-alt); }
.c-serviceicon { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); border-radius:6px; color:var(--accent); flex-shrink:0; }
.c-serviceicon svg { width:17px; height:17px; }
.c-servicecard strong { display:block; font-size:12px; font-weight:600; margin:0 0 5px; }
.c-servicecard small { display:block; color:var(--muted); font-size:11px; line-height:1.6; }
.c-servicecard>svg:last-child { margin-left:auto; margin-top:5px; width:13px; height:13px; color:var(--muted); }
.c-homeservices { margin-bottom:24px; }
.c-servicegroup { margin:26px 0; }
.c-servicegroup .c-servicegrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.c-servicegroup .c-servicecard { min-height:99px; }
.c-mapsearch { padding:20px; margin-bottom:20px; display:flex!important; flex-direction:row!important; align-items:flex-end; }
.c-mapsearch label { flex:1; }
.c-mapresult { display:flex; align-items:center; gap:16px; padding:20px; border-bottom:1px solid var(--line); }
.c-mapresult>div { flex:1; }
.c-mapresult h3 { margin:0; font-size:14px; }
.c-mapresult small { color:var(--muted); }
/* Bring retained specialist pages into the same palette without changing forms. */
.deck.theme-dark .panel,.deck.theme-dark .card,.deck.theme-dark .service-list-card,.deck.theme-dark .built-in-grid>a,.deck.theme-dark .overview-metrics,.deck.theme-dark .table,.deck.theme-dark .info-strip,.deck.theme-dark .form-step { background:var(--surface)!important; border-color:var(--line)!important; box-shadow:none!important; color:var(--text)!important; }
.deck.theme-dark input:not([type=checkbox]):not([type=radio]),.deck.theme-dark select,.deck.theme-dark textarea { background:var(--terminal); color:var(--text); border-color:var(--line2); }
.deck .pagehead h1,.deck .service-header h1 { color:var(--text)!important; font-size:29px!important; letter-spacing:-.8px!important; }
.deck .panel h2,.deck .service-list-title h2 { color:var(--text)!important; }
.deck .table td { font-size:12px!important; color:var(--text); }
.deck .table th { font-size:10px!important; color:var(--muted); }
.deck .form label,.deck .panel p { font-size:12px!important; }
.deck .service-list-main>p,.deck .info-strip p { color:var(--muted)!important; font-size:12px!important; }
.deck .built-in-grid { gap:16px!important; }
.deck .btn.danger { box-shadow:none!important; }
@media(min-width:1600px) { .deck .deck-main { padding-left:48px; padding-right:48px; } }
@media(max-width:1180px) { .c-servicegrid { grid-template-columns:repeat(2,minmax(0,1fr)); } .c-rowaction span { display:none; } .d-searchlink kbd { display:none; } }
@media(max-width:1000px) { .c-dashboardgrid { grid-template-columns:1fr; } .deck .deck-main { padding-left:22px; padding-right:22px; } .c-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) {
 .deck .deck-sidebar { width:242px; transform:translateX(-100%); display:flex; transition:transform .18s ease; }
 .deck.d-nav-open .deck-sidebar { transform:translateX(0); }
 .deck .deck-main { width:100%; margin-left:0; padding:88px 18px 32px; }
 .deck .deck-topbar { left:0; padding:0 18px; }
 .deck .d-mobile-toggle { display:grid; }
 .deck .d-topright .d-localpill,.d-searchlink span,.deck .d-currentpage,.deck .d-divider { display:none; }
 .deck .d-pageheading h1 { font-size:26px; }
 .deck .d-pageheading { align-items:flex-start; }
 .deck.d-nav-open .d-mobilebackdrop { display:block; position:fixed; inset:0; background:#0009; border:0; z-index:60; }
 .c-overviewbanner { align-items:flex-start; flex-direction:column; gap:12px; }
 .c-servicegroup .c-servicegrid { grid-template-columns:1fr; }
 .c-publicnav { padding-inline:20px; }
 .deck .d-consolegrid { grid-template-columns:1fr; }
}
@media(max-width:520px) {
 .c-servicegrid { grid-template-columns:1fr; }
 .c-stats { gap:10px; } .c-stats>a { padding:15px; } .c-statlabel { font-size:11px; }
 .c-botrow { padding:14px; gap:8px; } .c-rowaction { padding:5px; } .c-botname { gap:8px; }
 .deck .d-pageheading { flex-direction:column; gap:14px; }
 .deck .d-cardhead { padding:16px; } .deck .d-cardfoot { padding:12px 16px; }
 .deck .d-filterbar { align-items:stretch; flex-direction:column; gap:8px; }
 .deck .d-filterbar>label { max-width:none; }
 .deck .d-setupcard { margin:20px 14px; padding:24px; width:auto; }
 .c-mapsearch { flex-direction:column!important; align-items:stretch; }
 .c-mapresult { flex-wrap:wrap; }
 .c-mapresult .d-btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .deck *, .deck *:before, .deck *:after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }