:root{--gh-line:rgba(181,192,255,.13);--gh-surface:rgba(13,16,29,.92);--gh-muted:#9098af;--gh-purple:#9b83ff;--gh-blue:#68a6ff;--gh-green:#71e3ba;--gh-red:#ff8da6}
/* Refined dashboard header */
.dashboard-shell{width:min(1280px,calc(100% - clamp(20px,4vw,52px)));padding-top:max(12px,env(safe-area-inset-top))}
.dashboard-header{position:relative;z-index:44;display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:18px;min-height:84px;margin:0;padding:12px 15px;border:1px solid var(--gh-line);border-radius:22px;background:linear-gradient(120deg,rgba(18,21,37,.96),rgba(10,12,22,.96));box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)}
.dashboard-header:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#74ccff,#a28bff 55%,#db87ff);pointer-events:none}
.dashboard-header>.brand-link{display:flex;width:100%;max-width:100%;align-items:center;gap:12px;min-width:0}
.dashboard-header .brand-logo-frame{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(178,157,255,.28);border-radius:15px;background:linear-gradient(145deg,rgba(119,103,255,.2),rgba(73,158,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dashboard-header .brand-logo-frame img{display:block;width:37px;height:37px;max-width:none;object-fit:cover;border-radius:10px;filter:none}
.dashboard-header .brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.2}
.dashboard-header .brand-copy .brand-kicker{margin:0;color:#a3a9bf;font-size:.53rem;letter-spacing:.17em;font-weight:900;line-height:1.2}
.dashboard-header .brand-copy strong{display:block;margin:1px 0 0;font-size:1.06rem;letter-spacing:-.045em;line-height:1.2;white-space:nowrap}
.dashboard-header .brand-copy strong em{font-style:normal;color:#a998ff}
.dashboard-header .brand-copy .brand-subtitle{display:block;margin:1px 0 0;color:#737d96;font-size:.62rem;line-height:1.2}
.dashboard-header .top-actions{gap:9px;align-items:center;justify-content:flex-end;min-width:0}
.dashboard-header .status{display:flex;align-items:center;gap:10px;min-height:47px;padding:7px 12px;border:1px solid rgba(104,227,188,.16);border-radius:14px;background:linear-gradient(135deg,rgba(73,201,159,.07),rgba(255,255,255,.012));color:#b2f2d9;box-shadow:none}
.dashboard-header .status>i{width:8px;height:8px;flex:0 0 8px;margin:0;border-radius:50%;background:#69deb2;box-shadow:0 0 0 4px rgba(105,222,178,.09)}
.dashboard-header .status>span{display:grid;gap:3px}
.dashboard-header .status strong{font-size:.65rem;white-space:nowrap}
.dashboard-header .status small{font-size:.55rem;line-height:1.2;color:#729b90;white-space:nowrap}
.dashboard-header .profile{min-height:47px;max-width:clamp(160px,23vw,245px);padding:4px 11px 4px 5px;gap:9px;border:1px solid rgba(178,188,230,.14);border-radius:14px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.dashboard-header .profile .avatar,.dashboard-header .profile-fallback{width:35px;height:35px;flex:0 0 35px;border-radius:11px}
.dashboard-header .profile .avatar{object-fit:cover}
.dashboard-header .profile-fallback{display:grid;place-items:center;background:linear-gradient(145deg,rgba(133,111,255,.28),rgba(70,137,255,.16));border:1px solid rgba(181,161,255,.22);color:#d8d1ff;font-size:.83rem;font-weight:900}
.dashboard-header .profile .avatar:not(.hidden)+.profile-fallback{display:none}
.dashboard-header .profile>div{display:grid;gap:3px;min-width:0}
.dashboard-header .profile strong{max-width:100%;font-size:.68rem;color:#e7e9f3}
.dashboard-header .profile small{max-width:100%;font-size:.58rem;color:#79839a}
.dashboard-header .logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:95px;min-height:45px;padding:0 13px;border:1px solid rgba(255,149,173,.15);border-radius:13px;background:rgba(255,125,155,.045);color:#e6b6c2;box-shadow:none;font-size:.68rem}
.dashboard-header .logout-btn b{font-size:.95rem;color:#ff9fb6;font-weight:500;transform:rotate(0deg)}
.dashboard-header .logout-btn:hover{border-color:rgba(255,149,173,.28);background:rgba(255,125,155,.08)}
.dashboard-header .mobile-tabs-toggle{display:none}
.dashboard-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;max-width:none!important;margin:12px 0 16px!important;padding:6px!important;gap:6px!important;border-radius:17px!important;border:1px solid rgba(181,192,255,.13)!important;background:rgba(12,15,27,.93)!important;box-shadow:0 9px 28px rgba(0,0,0,.16)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.dashboard-tab{min-width:0!important;min-height:56px!important;padding:8px 10px!important;gap:9px!important;border-radius:12px!important}
.dashboard-tab .tab-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(173,158,255,.16);background:rgba(143,125,255,.08);color:#c9bdff;border-radius:10px!important}
.dashboard-tab>span:last-child{min-width:0}
.dashboard-tab strong{font-size:.68rem!important;line-height:1.24!important;white-space:normal}
.dashboard-tab small{font-size:.55rem!important;line-height:1.3!important;white-space:normal}
.dashboard-tab.is-active{border:1px solid rgba(168,145,255,.28)!important;background:linear-gradient(130deg,rgba(128,102,255,.16),rgba(75,133,255,.065))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.dashboard-tab.is-active .tab-icon{background:linear-gradient(145deg,rgba(141,116,255,.25),rgba(92,140,255,.12));border-color:rgba(186,164,255,.25)}
/* Script controls dashboard */
#scriptControlsWorkspace{padding-top:2px}
.controls-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:24px;min-height:270px;padding:clamp(24px,4vw,45px);overflow:hidden;border:1px solid rgba(177,160,255,.17);border-radius:27px;background:linear-gradient(118deg,rgba(18,20,36,.98),rgba(15,19,37,.96) 55%,rgba(20,17,39,.96));box-shadow:0 15px 45px rgba(0,0,0,.17)}
.controls-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 45%,rgba(152,130,255,.045),transparent 74%);pointer-events:none}
.controls-hero-copy{position:relative;z-index:1;max-width:700px;min-width:0}
.controls-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#a8a0d7;font-size:.61rem;letter-spacing:.17em;font-weight:900}
.controls-eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:#9f8bff;box-shadow:0 0 0 4px rgba(159,139,255,.1)}
.controls-hero h1{margin:18px 0 14px;font-size:clamp(2.5rem,5.5vw,4.4rem);line-height:.97;letter-spacing:-.075em}
.controls-hero h1 span{color:#a998ff}
.controls-hero p{max-width:660px;margin:0;color:#9aa2b7;font-size:.86rem;line-height:1.8}
.controls-scope{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:9px 12px;border:1px solid rgba(106,226,186,.13);border-radius:999px;background:rgba(76,204,164,.04);color:#a0d9c4;font-size:.64rem;line-height:1.45}
.controls-scope-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#72e1b8}
.controls-hero-visual{position:relative;display:grid;place-items:center;min-width:0;min-height:180px;isolation:isolate}
.controls-orbit{position:absolute;width:174px;height:174px;border:1px solid rgba(155,134,255,.24);border-radius:50%}
.controls-orbit-a{transform:rotateX(62deg) rotate(-27deg);border-color:rgba(104,175,255,.27)}
.controls-orbit-b{width:132px;height:132px;transform:rotateX(62deg) rotate(41deg);border-color:rgba(195,134,255,.24)}
.controls-shield{position:relative;display:grid;place-items:center;width:88px;height:98px;clip-path:polygon(50% 0,93% 17%,88% 65%,50% 100%,12% 65%,7% 17%);background:linear-gradient(145deg,#6e91ff,#8c6bfa 54%,#bb82f4);color:#fff;font-size:2.3rem;font-weight:900;filter:drop-shadow(0 15px 18px rgba(111,99,255,.22))}
.controls-shield span{position:absolute;right:1px;bottom:18px;display:grid;place-items:center;width:26px;height:26px;border:2px solid #14172a;border-radius:50%;background:#6ee2b4;color:#0b171b;font-size:.76rem}
.controls-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#8ccfff;box-shadow:0 0 16px rgba(140,207,255,.45)}
.controls-spark-a{top:20px;right:25px}.controls-spark-b{bottom:23px;left:30px;background:#c39cff}
.controls-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:12px 0}
.controls-summary-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:17px 18px;border:1px solid rgba(179,190,242,.1);border-radius:17px;background:linear-gradient(150deg,rgba(17,20,33,.95),rgba(10,12,20,.92))}
.controls-summary-card>span{color:#7f89a2;font-size:.55rem;font-weight:900;letter-spacing:.13em}
.controls-summary-card strong{font-size:.86rem;line-height:1.35;letter-spacing:-.02em;color:#e4e5f0;overflow-wrap:anywhere}
.controls-summary-card small{color:#818aa1;font-size:.63rem;line-height:1.55}
.controls-settings-card{margin-top:12px;padding:clamp(17px,3vw,27px);border-radius:22px;background:linear-gradient(150deg,rgba(16,19,32,.97),rgba(10,12,20,.97));box-shadow:0 12px 34px rgba(0,0,0,.15)}
.controls-settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(181,192,255,.1)}
.controls-settings-heading h2{margin:8px 0 5px;font-size:1.35rem;letter-spacing:-.045em}
.controls-settings-heading p{max-width:570px;margin:0;color:#8992a9;font-size:.73rem;line-height:1.65}
.controls-live-pill{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px;border:1px solid rgba(104,226,184,.14);border-radius:999px;background:rgba(104,226,184,.04);color:#91e5c1;font-size:.54rem;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.controls-live-pill i{width:6px;height:6px;border-radius:50%;background:#70dfb4}
.script-control-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:15px;padding:22px 0}
.script-control-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(160,146,255,.2);border-radius:14px;background:rgba(141,120,255,.1);color:#cabfff;font-size:1.2rem;font-weight:800}
.panel-control-icon{border-color:rgba(111,173,255,.19);background:rgba(92,159,255,.09);color:#b3d8ff}
.script-control-copy{min-width:0}
.script-control-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.script-control-title h3{margin:0;font-size:.91rem;letter-spacing:-.025em}
.control-state-badge{display:inline-flex;align-items:center;justify-content:center;min-width:39px;padding:5px 7px;border:1px solid;border-radius:7px;font-size:.53rem;font-weight:900;letter-spacing:.08em}
.control-state-badge.is-on{color:#86e6bf;border-color:rgba(105,225,180,.17);background:rgba(105,225,180,.055)}
.control-state-badge.is-off{color:#ff9daf;border-color:rgba(255,141,166,.19);background:rgba(255,141,166,.055)}
.script-control-copy p{max-width:720px;margin:8px 0 6px;color:#929bb0;font-size:.72rem;line-height:1.7}
.script-control-hint{display:block;color:#72cdaa;font-size:.6rem;line-height:1.4}
.script-control-hint:has(+ *){color:#72cdaa}
.script-control-divider{height:1px;background:rgba(181,192,255,.09)}
.control-switch{display:inline-flex;align-items:center;gap:9px;min-width:92px;min-height:46px;padding:7px 10px;border:1px solid rgba(105,225,180,.18);border-radius:13px;background:rgba(105,225,180,.055);color:#92e9c3;cursor:pointer;touch-action:manipulation;transition:background .15s ease,border-color .15s ease}
.control-switch-track{position:relative;display:block;width:36px;height:20px;flex:0 0 36px;border-radius:999px;background:#3e5c57;box-shadow:inset 0 1px 3px rgba(0,0,0,.2);transition:background .15s ease}
.control-switch-track>span{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.26);transition:transform .15s ease}
.control-switch-state{font-size:.6rem;font-weight:900;letter-spacing:.08em}
.control-switch.is-on .control-switch-track{background:#398e72}
.control-switch.is-on .control-switch-track>span{transform:translateX(16px)}
.control-switch.is-off{border-color:rgba(255,141,166,.2);background:rgba(255,141,166,.055);color:#ffa1b2}
.control-switch.is-off .control-switch-track{background:#7a3e50}
.control-switch.is-off .control-switch-track>span{transform:translateX(0)}
.control-switch:focus-visible,#refreshScriptControls:focus-visible,.dashboard-header button:focus-visible,.dashboard-tab:focus-visible{outline:2px solid #b3a2ff;outline-offset:3px}
.control-switch:disabled{opacity:.55;cursor:progress}
.controls-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px;padding-top:16px;border-top:1px solid rgba(181,192,255,.09)}
.controls-footer>span{display:flex;align-items:center;gap:8px;color:#838ca3;font-size:.61rem}
.controls-footer>span i{width:6px;height:6px;border-radius:50%;background:#70dfb4}
.controls-footer .secondary-btn{min-height:39px;font-size:.64rem}
.controls-warning{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:15px 16px;border:1px solid rgba(255,196,122,.12);border-radius:15px;background:rgba(255,186,102,.035)}
.controls-warning>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:8px;background:rgba(255,190,105,.1);color:#ffd18b;font-size:.68rem;font-weight:900}
.controls-warning p{margin:1px 0 0;color:#9796a5;font-size:.66rem;line-height:1.7}
.controls-warning strong{color:#ddd5c6}
.controls-footer-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:23px 0 4px;color:#6d7589;font-size:.6rem}
.controls-footer-brand>i{width:3px;height:3px;border-radius:50%;background:#41495c}
@media(max-width:1000px) and (min-width:701px){.dashboard-header{gap:11px;padding:11px}.dashboard-header .top-actions{gap:6px}.dashboard-header .status{padding-inline:9px}.dashboard-header .profile{max-width:190px}.dashboard-header .logout-btn{min-width:84px;padding-inline:9px}.dashboard-nav{gap:4px!important}.dashboard-tab{padding-inline:7px!important;gap:6px!important}.dashboard-tab .tab-icon{width:29px;height:29px;flex-basis:29px}.dashboard-tab strong{font-size:.61rem!important}.dashboard-tab small{font-size:.51rem!important}}
@media(max-width:700px){
  .dashboard-shell{width:calc(100% - 18px);padding-top:max(7px,env(safe-area-inset-top))}
  .dashboard-header{position:sticky;top:max(5px,env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu" "actions actions";gap:9px 8px;min-height:0;padding:10px;border-radius:17px;box-shadow:0 7px 20px rgba(0,0,0,.2);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .dashboard-header:before{top:11px;bottom:11px}
  .dashboard-header>.brand-link{grid-area:brand;gap:8px;min-width:0}
  .dashboard-header .brand-logo-frame{width:39px;height:39px;flex-basis:39px;border-radius:12px}
  .dashboard-header .brand-logo-frame img{width:30px;height:30px;border-radius:8px}
  .dashboard-header .brand-copy .brand-kicker{font-size:.45rem;letter-spacing:.12em}
  .dashboard-header .brand-copy strong{font-size:.91rem}
  .dashboard-header .brand-copy .brand-subtitle{font-size:.55rem}
  .dashboard-header>.mobile-tabs-toggle{grid-area:menu;display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:end;min-height:40px;padding:0 10px;border:1px solid rgba(168,149,255,.22);border-radius:11px;background:rgba(134,111,255,.09);color:#d2caff;font-size:.65rem;font-weight:850;box-shadow:none}
  .dashboard-header .mobile-tabs-toggle-icon{display:flex;flex-direction:column;gap:3px}
  .dashboard-header .mobile-tabs-toggle-icon i{display:block;width:13px;height:1.5px;border-radius:5px;background:#c9bdff}
  .dashboard-header .mobile-tabs-toggle-label{font-size:.64rem}
  .dashboard-header .mobile-tabs-chevron{font-size:.82rem;color:#a9a0df;transition:transform .15s ease}
  .dashboard-header .mobile-tabs-toggle.is-open .mobile-tabs-chevron{transform:rotate(180deg)}
  .dashboard-header>.top-actions{grid-area:actions;display:flex;align-items:center;justify-content:stretch;gap:7px;width:100%;min-width:0}
  .dashboard-header .status{display:none}
  .dashboard-header .profile{flex:1 1 auto;max-width:none;min-width:0;min-height:39px;padding:4px 8px 4px 4px;border-radius:11px}
  .dashboard-header .profile .avatar,.dashboard-header .profile-fallback{width:29px;height:29px;flex-basis:29px;border-radius:9px}
  .dashboard-header .profile strong{font-size:.66rem}
  .dashboard-header .profile small{display:block;font-size:.55rem}
  .dashboard-header .logout-btn{min-width:78px;min-height:39px;padding-inline:8px;gap:6px;font-size:.61rem;border-radius:11px}
  .dashboard-header .logout-btn b{font-size:.8rem}
  .dashboard-nav{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:8px!important;background:rgba(10,12,22,.99)!important;border-radius:17px!important;box-shadow:0 15px 35px rgba(0,0,0,.35)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .dashboard-tab{min-height:55px!important;padding:8px 10px!important}
  .dashboard-tab .tab-icon{width:34px;height:34px;flex-basis:34px}
  .dashboard-tab strong{font-size:.72rem!important}
  .dashboard-tab small{font-size:.58rem!important}
  .controls-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:23px 18px;border-radius:21px}
  .controls-hero h1{font-size:clamp(2.45rem,11vw,3.5rem);margin:16px 0 12px}
  .controls-hero p{font-size:.76rem;line-height:1.72}
  .controls-scope{font-size:.59rem;border-radius:12px;align-items:flex-start}
  .controls-hero-visual{position:absolute;right:0;top:7px;min-height:120px;width:120px;opacity:.15;pointer-events:none}
  .controls-orbit{width:98px;height:98px}.controls-orbit-b{width:76px;height:76px}.controls-shield{width:51px;height:59px;font-size:1.5rem}.controls-shield span{width:18px;height:18px;bottom:10px;font-size:.53rem;border-width:1px}
  .controls-summary-grid{grid-template-columns:minmax(0,1fr);gap:7px}
  .controls-summary-card{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:4px 12px;padding:13px 14px;border-radius:14px}
  .controls-summary-card>span{grid-column:1;grid-row:1;color:#7f89a2;font-size:.51rem}
  .controls-summary-card strong{grid-column:2;grid-row:1;font-size:.75rem}
  .controls-summary-card small{grid-column:1/-1;font-size:.59rem}
  .controls-settings-card{padding:16px 13px;border-radius:18px}
  .controls-settings-heading{gap:8px;align-items:flex-start}
  .controls-settings-heading h2{font-size:1.12rem}
  .controls-settings-heading p{font-size:.67rem}
  .controls-live-pill{padding:7px;font-size:.47rem}
  .script-control-row{grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:18px 0}
  .script-control-icon{width:38px;height:38px;border-radius:11px;font-size:1rem}
  .script-control-title{gap:6px}.script-control-title h3{font-size:.78rem}.control-state-badge{min-width:32px;padding:4px 5px;font-size:.47rem}
  .script-control-copy p{font-size:.64rem;line-height:1.63}
  .script-control-hint{font-size:.55rem;line-height:1.5}
  .control-switch{min-width:64px;min-height:42px;flex-direction:column;justify-content:center;gap:3px;padding:5px 7px;border-radius:11px}
  .control-switch-track{width:31px;height:17px;flex-basis:17px}.control-switch-track>span{width:11px;height:11px;left:3px;top:3px}.control-switch.is-on .control-switch-track>span{transform:translateX(14px)}.control-switch-state{font-size:.48rem}
  .controls-footer{align-items:flex-start;flex-direction:column}.controls-footer .secondary-btn{width:100%;min-height:42px}
  .controls-warning{padding:12px;font-size:.62rem}.controls-warning p{font-size:.61rem}
  .controls-footer-brand{flex-wrap:wrap;font-size:.55rem;text-align:center}
}
@media(max-width:380px){.dashboard-shell{width:calc(100% - 14px)}.dashboard-header{padding:9px}.dashboard-header .brand-copy .brand-subtitle{display:none}.dashboard-header .brand-copy strong{font-size:.86rem}.dashboard-header>.mobile-tabs-toggle{min-height:38px;padding:0 8px}.dashboard-header .profile small{display:none}.dashboard-header .logout-btn{min-width:70px}.controls-hero{padding:20px 15px}.controls-settings-heading{flex-direction:column}.controls-live-pill{align-self:flex-start}.script-control-row{grid-template-columns:34px minmax(0,1fr) 57px;gap:7px}.script-control-icon{width:34px;height:34px}.script-control-title h3{font-size:.73rem}.control-switch{min-width:55px}.controls-summary-card{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}}
@media(pointer:coarse),(max-width:700px){.dashboard-header,.dashboard-nav,.controls-settings-card,.controls-summary-card,.controls-hero{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.dashboard-header,.dashboard-nav,.controls-settings-card,.controls-summary-card,.controls-hero{box-shadow:0 7px 20px rgba(0,0,0,.14)!important}.control-switch,.dashboard-tab,.mobile-tabs-toggle{transition:none!important}}
@media(prefers-reduced-motion:reduce){.dashboard-header *,.controls-settings-card *,.controls-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Compact mobile header and aligned section navigation */
.dashboard-header .mobile-tabs-toggle{position:relative;display:none;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:38px;padding:0 12px;border:1px solid rgba(168,149,255,.22);border-radius:11px;background:rgba(134,111,255,.08);color:#ddd6ff;font-size:.65rem;font-weight:850;line-height:1;box-shadow:none;cursor:pointer;white-space:nowrap}
.dashboard-header .mobile-tabs-toggle-label{font-size:.63rem;letter-spacing:.01em}
.dashboard-header .mobile-tabs-toggle-icon{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;width:14px;height:14px}
.dashboard-header .mobile-tabs-toggle-icon i{display:block;width:14px;height:1.5px;border-radius:4px;background:#cfc5ff;transform-origin:center;transition:transform .12s ease,opacity .12s ease}
.dashboard-header .mobile-tabs-toggle.is-open .mobile-tabs-toggle-icon i:first-child{transform:translateY(5.5px) rotate(45deg)}
.dashboard-header .mobile-tabs-toggle.is-open .mobile-tabs-toggle-icon i:nth-child(2){opacity:0}
.dashboard-header .mobile-tabs-toggle.is-open .mobile-tabs-toggle-icon i:last-child{transform:translateY(-5.5px) rotate(-45deg)}
.dashboard-nav .dashboard-tab{align-items:center}
.dashboard-nav .dashboard-tab.is-active{position:relative}
.dashboard-nav .dashboard-tab.is-active:after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#73caff,#ac91ff);opacity:.85}

/* Individual loadstring controls */
.controls-hero-compact{min-height:220px;grid-template-columns:minmax(0,1fr) 190px;padding:clamp(22px,3.5vw,36px)}
.controls-hero-compact h1{font-size:clamp(2.3rem,4.7vw,3.8rem);margin:12px 0 10px}
.controls-hero-compact .controls-hero-visual{min-height:150px}
.individual-controls-card{padding:clamp(16px,2.5vw,25px)}
.script-controls-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid rgba(181,192,255,.08)}
.script-controls-search{display:flex;align-items:center;gap:9px;min-width:0;min-height:42px;padding:0 12px;border:1px solid rgba(181,192,255,.12);border-radius:12px;background:rgba(255,255,255,.025);color:#999fc0}
.script-controls-search>span{font-size:1.1rem;line-height:1}
.script-controls-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e6e8f3;font:inherit;font-size:.72rem}
.script-controls-search input::placeholder{color:#707991}
.script-controls-filters{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.script-controls-filter,.script-controls-refresh{min-height:37px;padding:0 11px;border:1px solid rgba(181,192,255,.11);border-radius:10px;background:rgba(255,255,255,.025);color:#929cb4;font:inherit;font-size:.62rem;font-weight:800;cursor:pointer;white-space:nowrap}
.script-controls-filter.is-active{border-color:rgba(170,149,255,.3);background:rgba(142,117,255,.13);color:#d6ceff}
.script-controls-refresh{border-color:rgba(106,226,186,.15);color:#a0e5c8}
.script-controls-filter:disabled,.script-controls-refresh:disabled{opacity:.5;cursor:progress}
.script-controls-list{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding-top:13px}
.script-control-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;min-width:0;padding:15px;border:1px solid rgba(181,192,255,.105);border-radius:16px;background:linear-gradient(120deg,rgba(255,255,255,.028),rgba(255,255,255,.012));}
.script-item-glyph{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(164,145,255,.2);border-radius:12px;background:rgba(132,112,255,.095);color:#d1c6ff;font-size:1.12rem;font-weight:850}
.is-panel-item .script-item-glyph{border-color:rgba(104,168,255,.2);background:rgba(82,155,255,.09);color:#b7d8ff}
.script-item-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 14px;min-width:0}
.script-item-main{min-width:0}
.script-item-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.script-item-type{display:inline-flex;align-items:center;min-height:22px;padding:4px 7px;border:1px solid rgba(164,145,255,.16);border-radius:7px;background:rgba(132,112,255,.06);color:#bcaeff;font-size:.49rem;line-height:1;font-weight:900;letter-spacing:.08em}
.script-item-type.panel{border-color:rgba(104,168,255,.18);background:rgba(82,155,255,.055);color:#a8ceff}
.script-item-title{margin:7px 0 0;color:#edf0fa;font-size:.88rem;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}
.script-item-subtitle{margin:4px 0 10px;color:#8792ab;font-size:.62rem;line-height:1.45;overflow-wrap:anywhere}
.script-item-endpoint{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 9px;border:1px solid rgba(181,192,255,.075);border-radius:9px;background:rgba(0,0,0,.13)}
.script-item-endpoint code{display:block;flex:1;min-width:0;overflow:hidden;color:#a5aed0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}
.script-item-copy-url{flex:0 0 auto;padding:5px 7px;border:1px solid rgba(181,192,255,.11);border-radius:7px;background:rgba(255,255,255,.035);color:#c6cce0;font:inherit;font-size:.55rem;font-weight:800;cursor:pointer}
.script-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.script-item-actions button,.script-item-open-panel{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid rgba(160,140,255,.18);border-radius:9px;background:rgba(132,112,255,.075);color:#cbbfff;font:inherit;font-size:.59rem;font-weight:800;text-decoration:none;cursor:pointer}
.script-item-open-panel{border-color:rgba(104,168,255,.17);background:rgba(82,155,255,.06);color:#b8d5ff}
.script-item-switch{grid-column:2;grid-row:1;min-width:68px;min-height:41px;justify-content:center;gap:7px;padding:6px 9px;border-radius:11px}
.script-item-switch .control-switch-track{width:29px;height:17px;flex-basis:17px}
.script-item-switch .control-switch-track>span{width:11px;height:11px;top:3px;left:3px}
.script-item-switch.is-on .control-switch-track>span{transform:translateX(12px)}
.script-item-switch .control-switch-state{font-size:.5rem}
.script-controls-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:160px;padding:25px 18px;border:1px dashed rgba(181,192,255,.13);border-radius:15px;text-align:center;color:#9aa3bb}
.script-controls-empty-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:3px;border:1px solid rgba(164,145,255,.18);border-radius:11px;background:rgba(132,112,255,.08);color:#c9bbff;font-size:1.25rem}
.script-controls-empty strong{color:#dfe3f2;font-size:.78rem}
.script-controls-empty small{max-width:420px;color:#7d879f;font-size:.62rem;line-height:1.6}
.controls-footer-note{max-width:60%;color:#747e95;font-size:.57rem;line-height:1.5;text-align:right}
.script-control-item .control-state-badge{min-width:33px}

@media(max-width:1000px) and (min-width:701px){
  .dashboard-header{grid-template-columns:minmax(0,1fr);gap:11px}
  .dashboard-header>.brand-link{width:100%}
  .dashboard-header .top-actions{justify-content:space-between}
  .dashboard-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .script-controls-toolbar{grid-template-columns:minmax(0,1fr)}
  .script-controls-filters{justify-content:flex-start}
}
@media(max-width:700px){
  .dashboard-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu" "actions actions";gap:7px 8px;min-height:0;padding:9px 10px;border-radius:16px}
  .dashboard-header>.brand-link{gap:8px;max-width:100%;width:auto;min-width:0}
  .dashboard-header .brand-logo-frame{width:36px;height:36px;flex-basis:36px;border-radius:11px}
  .dashboard-header .brand-logo-frame img{width:29px;height:29px;border-radius:8px}
  .dashboard-header .brand-copy .brand-kicker{font-size:.42rem;letter-spacing:.11em}
  .dashboard-header .brand-copy strong{font-size:.88rem;letter-spacing:-.04em}
  .dashboard-header .brand-copy .brand-subtitle{display:none}
  .dashboard-header>.mobile-tabs-toggle{grid-area:menu;display:inline-flex;min-height:36px;height:36px;gap:7px;padding:0 10px;border-radius:10px;font-size:.61rem}
  .dashboard-header .mobile-tabs-toggle-label{font-size:.59rem}
  .dashboard-header .mobile-tabs-toggle-icon,.dashboard-header .mobile-tabs-toggle-icon i{width:13px}
  .dashboard-header .mobile-tabs-toggle-icon{height:13px;gap:3.5px}
  .dashboard-header .mobile-tabs-toggle.is-open .mobile-tabs-toggle-icon i:first-child{transform:translateY(5px) rotate(45deg)}
  .dashboard-header .mobile-tabs-toggle.is-open .mobile-tabs-toggle-icon i:last-child{transform:translateY(-5px) rotate(-45deg)}
  .dashboard-header>.top-actions{grid-area:actions;display:flex;justify-content:stretch;align-items:center;gap:7px;width:100%;min-width:0}
  .dashboard-header .profile{display:flex;flex:1 1 auto;align-items:center;gap:7px;min-width:0;min-height:38px;max-width:none;padding:4px 8px 4px 4px;border-radius:10px}
  .dashboard-header .profile .avatar,.dashboard-header .profile-fallback{width:29px;height:29px;flex:0 0 29px;border-radius:9px}
  .dashboard-header .profile>div{display:grid;gap:1px;min-width:0}
  .dashboard-header .profile strong{max-width:100%;font-size:.64rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dashboard-header .profile small{max-width:100%;font-size:.49rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dashboard-header .logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:73px;min-height:38px;height:38px;padding:0 9px;border-radius:10px;font-size:.59rem;white-space:nowrap}
  .dashboard-header .logout-btn b{font-size:.72rem}
  .dashboard-nav{position:fixed!important;top:var(--mobile-nav-top,90px)!important;left:9px!important;right:9px!important;bottom:auto!important;width:auto!important;max-width:none!important;max-height:var(--mobile-nav-max-height,calc(100dvh - 110px))!important;overflow-y:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;gap:7px!important;padding:9px!important;border-radius:15px!important;border:1px solid rgba(181,192,255,.15)!important;background:#0b0e19!important;box-shadow:0 12px 26px rgba(0,0,0,.32)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:120!important}
  .dashboard-nav .dashboard-tab{display:flex!important;align-items:center;justify-content:flex-start;gap:8px!important;min-width:0!important;min-height:51px!important;height:auto!important;padding:8px 9px!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important}
  .dashboard-nav .dashboard-tab .tab-icon{display:grid;flex:0 0 29px;width:29px;height:29px;border-radius:9px!important;font-size:.72rem}
  .dashboard-nav .dashboard-tab>span:last-child{display:block;min-width:0;flex:1}
  .dashboard-nav .dashboard-tab strong{display:block;font-size:.64rem!important;line-height:1.2!important;white-space:normal;overflow-wrap:anywhere}
  .dashboard-nav .dashboard-tab small{display:none!important}
  .dashboard-nav .dashboard-tab.is-active:after{left:9px;right:9px;bottom:2px}
  .dashboard-nav .dashboard-tab[data-dashboard-tab="docs"],
  .dashboard-nav .dashboard-tab[data-dashboard-tab="controls"]{grid-column:1 / -1 !important; width:100% !important; justify-self:stretch}
  .controls-hero-compact{grid-template-columns:minmax(0,1fr);min-height:0;padding:21px 16px;border-radius:19px}
  .controls-hero-compact h1{font-size:clamp(2.1rem,9vw,3rem);margin:12px 0 9px}
  .controls-hero-compact .controls-hero-visual{display:none}
  .controls-hero-compact p{font-size:.72rem;line-height:1.65}
  .controls-hero-compact .controls-scope{margin-top:13px;padding:8px 10px;font-size:.57rem}
  .controls-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
  .controls-summary-card{display:flex;min-width:0;align-items:flex-start;gap:6px;padding:11px 9px;border-radius:12px}
  .controls-summary-card>span{font-size:.43rem;letter-spacing:.06em;line-height:1.3}
  .controls-summary-card strong{font-size:.88rem;line-height:1.2}
  .controls-summary-card small{font-size:.49rem;line-height:1.35}
  .individual-controls-card{padding:14px 11px;border-radius:17px}
  .controls-settings-heading{gap:8px;align-items:flex-start;padding-bottom:12px}
  .controls-settings-heading h2{font-size:1.08rem}
  .controls-settings-heading p{font-size:.62rem;line-height:1.5}
  .controls-live-pill{font-size:.43rem;padding:6px 7px;gap:5px}
  .script-controls-toolbar{grid-template-columns:minmax(0,1fr);gap:8px;padding:11px 0}
  .script-controls-search{min-height:39px}
  .script-controls-search input{font-size:.67rem}
  .script-controls-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;justify-content:stretch}
  .script-controls-filter,.script-controls-refresh{width:100%;min-height:35px;padding:0 5px;font-size:.53rem;overflow:hidden;text-overflow:ellipsis}
  .script-controls-refresh{grid-column:span 3}
  .script-controls-list{gap:8px;padding-top:10px}
  .script-control-item{grid-template-columns:30px minmax(0,1fr);gap:8px;padding:11px;border-radius:13px}
  .script-item-glyph{width:30px;height:30px;border-radius:9px;font-size:.91rem}
  .script-item-primary{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .script-item-type{font-size:.43rem;padding:4px 5px;min-height:20px}
  .script-item-title{font-size:.75rem;margin-top:6px}
  .script-item-subtitle{font-size:.53rem;margin:3px 0 8px}
  .script-item-endpoint{gap:5px;padding:6px}
  .script-item-endpoint code{font-size:.5rem}
  .script-item-copy-url{font-size:.49rem;padding:4px 5px}
  .script-item-actions{gap:5px;margin-top:7px}
  .script-item-actions button,.script-item-open-panel{min-height:30px;padding:0 7px;font-size:.52rem}
  .script-item-switch{min-width:56px;min-height:38px;gap:5px;padding:4px 6px;border-radius:9px}
  .script-item-switch .control-switch-track{width:26px;height:15px;flex-basis:15px}
  .script-item-switch .control-switch-track>span{width:9px;height:9px;left:3px;top:3px}
  .script-item-switch.is-on .control-switch-track>span{transform:translateX(11px)}
  .script-item-switch .control-switch-state{font-size:.46rem}
  .controls-footer{gap:8px;align-items:flex-start;flex-direction:column}
  .controls-footer-note{max-width:none;text-align:left;font-size:.53rem}
  .controls-warning{padding:11px;border-radius:12px}
  .controls-warning p{font-size:.58rem;line-height:1.55}
  .controls-footer-brand{margin-top:15px}
  #scriptsWorkspace>.hero-panel{margin-top:8px;padding:20px 16px;min-height:0;border-radius:18px;grid-template-columns:minmax(0,1fr);gap:0;box-shadow:none}
  #scriptsWorkspace .hero-content h1{font-size:clamp(1.8rem,8.5vw,2.55rem);line-height:1.03;margin:10px 0}
  #scriptsWorkspace .hero-content p{font-size:.7rem;line-height:1.55}
  #scriptsWorkspace .hero-chips{gap:5px;margin-top:12px}
  #scriptsWorkspace .hero-chips span{padding:6px 8px;font-size:.55rem}
  #scriptsWorkspace>.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
  #scriptsWorkspace>.metric-grid article{min-height:0;padding:11px 9px;border-radius:12px}
  #scriptsWorkspace .metric-grid span{font-size:.53rem;line-height:1.3}
  #scriptsWorkspace .metric-grid strong{font-size:1.05rem;margin:7px 0 3px}
  #scriptsWorkspace .metric-grid small{font-size:.47rem;line-height:1.3}
  #scriptsWorkspace .workspace-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:8px}
}
@media(max-width:390px){
  .dashboard-header{padding:8px;gap:6px}
  .dashboard-header .brand-logo-frame{width:33px;height:33px;flex-basis:33px}
  .dashboard-header .brand-logo-frame img{width:27px;height:27px}
  .dashboard-header .brand-copy .brand-kicker{font-size:.38rem}
  .dashboard-header .brand-copy strong{font-size:.8rem}
  .dashboard-header>.mobile-tabs-toggle{min-height:34px;height:34px;padding-inline:8px}
  .dashboard-header .profile{min-height:35px;padding:3px 6px 3px 3px;gap:5px}
  .dashboard-header .profile .avatar,.dashboard-header .profile-fallback{width:26px;height:26px;flex-basis:26px}
  .dashboard-header .profile strong{font-size:.58rem}
  .dashboard-header .profile small{font-size:.45rem}
  .dashboard-header .logout-btn{min-width:65px;min-height:35px;height:35px;padding-inline:6px;font-size:.54rem}
  .script-item-primary{gap:5px}
  .script-item-primary{gap:6px}
  .script-item-switch{min-width:50px;padding-inline:5px}
  .script-item-title{font-size:.7rem}
  .script-item-type{font-size:.4rem}
  .controls-summary-card small{display:none}
}
@media(prefers-reduced-motion:reduce){.dashboard-header .mobile-tabs-toggle-icon i{transition:none}.script-control-item *{transition:none!important}}
.script-controls-load-more{display:flex;align-items:center;justify-content:center;width:100%;min-height:39px;margin-top:2px;border:1px solid rgba(164,145,255,.16);border-radius:11px;background:rgba(132,112,255,.055);color:#c5baff;font:inherit;font-size:.62rem;font-weight:850;cursor:pointer}
.script-controls-load-more:hover{background:rgba(132,112,255,.095)}
@media(max-width:700px){.mobile-nav-scrim:not(.hidden){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.script-controls-load-more{min-height:37px;font-size:.57rem}}