/* ======================================================================
   DZManager Product UI v3
   Unified presentation layer for the public site + private dashboard.
   ====================================================================== */
:root{
  --ui-bg:#070a0f;
  --ui-bg-2:#090e14;
  --ui-panel:#0d141d;
  --ui-panel-2:#111a25;
  --ui-panel-3:#162230;
  --ui-panel-hover:#182536;
  --ui-line:#223247;
  --ui-line-2:#30465f;
  --ui-line-3:#3b5875;
  --ui-text:#f4f7fb;
  --ui-text-2:#c4d0dc;
  --ui-muted:#8296aa;
  --ui-muted-2:#5e748a;
  --ui-orange:#ff7a2f;
  --ui-orange-2:#ff9b59;
  --ui-blue:#4ca9ff;
  --ui-blue-2:#7dc7ff;
  --ui-green:#40dda0;
  --ui-yellow:#f1c85d;
  --ui-red:#ff647f;
  --ui-purple:#8f7cff;
  --ui-radius-xs:7px;
  --ui-radius-sm:10px;
  --ui-radius:14px;
  --ui-radius-lg:18px;
  --ui-radius-xl:24px;
  --ui-shadow-xs:0 1px 2px rgba(0,0,0,.22);
  --ui-shadow:0 14px 38px rgba(0,0,0,.22);
  --ui-shadow-lg:0 30px 80px rgba(0,0,0,.38);
  --ui-ring:0 0 0 3px rgba(76,169,255,.14);
  --sidebar-w:280px;
  --sidebar-collapsed-w:78px;
  --topbar-h:70px;
}

/* ---------- Foundation ---------- */
html{background:var(--ui-bg);color-scheme:dark}
body{
  background:
    radial-gradient(circle at 8% -12%,rgba(255,122,47,.095),transparent 33%),
    radial-gradient(circle at 93% -8%,rgba(76,169,255,.10),transparent 35%),
    linear-gradient(180deg,#080c12 0,#070a0f 55%,#06090d 100%);
  color:var(--ui-text);
  font-size:14px;
  line-height:1.55;
  letter-spacing:-.005em;
}
body:before{opacity:.12!important;background-size:56px 56px!important}
::selection{background:rgba(76,169,255,.28);color:#fff}
a{transition:color .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease,transform .15s ease}
.ui-icon{width:1.05em;height:1.05em;display:inline-block;flex:0 0 auto;vertical-align:-.15em;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ui-icon.lg{width:1.2em;height:1.2em}.ui-icon.sm{width:.92em;height:.92em}
.ui-icon-wrap{display:inline-grid;place-items:center}

/* ---------- App top bar ---------- */
.portal-mode .nav.app-nav{
  display:grid!important;
  grid-template-columns:var(--sidebar-w) minmax(260px,1fr) auto;
  align-items:center;
  gap:18px;
  height:var(--topbar-h)!important;
  padding:0 22px 0 16px!important;
  background:rgba(7,11,16,.94)!important;
  border-bottom:1px solid #1f2d3e!important;
  box-shadow:0 8px 28px rgba(0,0,0,.2)!important;
}
.portal-mode .app-nav .brand{width:auto;min-width:0}
.portal-mode .app-nav .brandmark{width:38px;height:38px;border-radius:11px}
.portal-mode .app-nav .brandcopy strong{font-size:14px}.portal-mode .app-nav .brandcopy small{font-size:6.5px}
.portal-mode .app-context{display:none!important}
.app-toolbar-search{
  justify-self:center;
  width:min(620px,100%);
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 11px 0 12px;
  border:1px solid #26384b;
  border-radius:11px;
  background:#0a1119;
  color:#748ba1;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.26);
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.app-toolbar-search:hover{border-color:#36516d;background:#0d1620;box-shadow:var(--ui-ring)}
.app-toolbar-search .ui-icon{color:#6b8399}.app-toolbar-search span{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-toolbar-search kbd{margin-left:auto;padding:3px 7px;border:1px solid #31465e;border-radius:6px;background:#101a25;color:#91a7bb;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace}
.portal-mode .app-nav .navlinks{justify-self:end;display:flex;align-items:center;gap:4px}
.portal-mode .app-nav .navlinks a{font-size:11px;padding:8px 10px}
.portal-mode .app-nav .navlinks .btn{min-height:36px;padding:8px 12px}
.portal-mode .command-launcher{display:none!important}
.topbar-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #26384c;border-radius:9px;color:#8da3b7;font-size:10px;font-weight:800;background:#0a1119}
.topbar-status i{width:6px;height:6px;border-radius:50%;background:var(--ui-green);box-shadow:0 0 12px rgba(64,221,160,.58)}

/* ---------- Sidebar / navigation ---------- */
.portal-sidebar{
  width:var(--sidebar-w)!important;
  background:linear-gradient(180deg,#0a1017 0,#080d13 100%)!important;
  border-right:1px solid #1f2e3f!important;
  box-shadow:12px 0 34px rgba(0,0,0,.16)!important;
}
.portal-side-top{padding:14px 12px 12px!important;background:linear-gradient(180deg,#0d141d,#091018)!important}
.portal-side-top-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.portal-side-back{margin:0!important;flex:1;min-width:0;height:32px;padding:0 8px;border-radius:8px;color:#6f8499!important;text-transform:none!important;letter-spacing:0!important;font-size:10px!important}
.portal-side-back:hover{background:#101a24;color:#d0dbe5!important}
.sidebar-collapse-btn{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid #26394d;border-radius:8px;background:#0b131c;color:#7890a6;cursor:pointer;transition:.15s ease}
.sidebar-collapse-btn:hover{border-color:#3a5875;background:#111d28;color:#fff}
.portal-side-server{position:relative!important;padding:10px!important;border:1px solid #223247!important;border-radius:13px!important;background:linear-gradient(145deg,#0d1620,#0a1118)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.portal-side-server:after{display:none!important}
.portal-side-server .server-icon{box-shadow:0 7px 18px rgba(0,0,0,.25)}
.portal-side-server-copy>span{font-size:6.5px!important;letter-spacing:.14em!important}.portal-side-server-copy>strong{font-size:11.5px!important}
.server-switcher-trigger{width:100%;margin-top:8px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #22364a;border-radius:11px;background:#09121a;color:#a9bbcb;cursor:pointer;text-align:left;transition:.15s ease}
.server-switcher-trigger:hover{border-color:#3a5876;background:#0e1924}
.server-switcher-trigger .server-switcher-copy{min-width:0;flex:1}.server-switcher-trigger small{display:block;color:#637a90;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.server-switcher-trigger strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;color:#dce7f0}.server-switcher-trigger .chev{color:#667f95}
.portal-side-nav{padding:10px 9px 16px!important;gap:3px!important}
.portal-nav-label{padding:10px 9px 5px!important;font-size:7px!important;letter-spacing:.16em!important;color:#4f657a!important}
.portal-side-link{position:relative!important;min-height:42px!important;padding:7px 8px!important;border-radius:9px!important;color:#8fa4b7!important;border-color:transparent!important}
.portal-side-link:hover{background:#101a24!important;border-color:#1e3042!important;color:#eaf2f8!important;transform:none!important}
.portal-side-link.active{background:linear-gradient(90deg,rgba(255,122,47,.12),rgba(76,169,255,.08))!important;border-color:#30485f!important;box-shadow:inset 2px 0 0 var(--ui-orange)!important;color:#fff!important}
.portal-side-link.active:after{content:"";position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:var(--ui-blue);box-shadow:0 0 11px rgba(76,169,255,.7)}
.portal-side-icon{width:26px!important;height:26px!important;flex:0 0 26px!important;border-radius:7px;display:grid!important;place-items:center!important;color:#728ba1;font-size:13px!important}
.portal-side-link.active .portal-side-icon{color:#dbe9f7!important;background:rgba(76,169,255,.09)}
.portal-side-copy strong{font-size:10.5px!important;font-weight:800!important}.portal-side-copy span{font-size:8px!important;margin-top:2px!important;color:#5f768c!important}
.portal-nav-group{margin:1px 0!important}.portal-nav-group>summary{min-height:36px!important;padding:6px 9px!important;border-radius:8px!important;color:#71879c!important;font-size:8px!important;letter-spacing:.09em!important}
.portal-nav-group>summary:hover{background:#0f1822!important;color:#b8c7d5!important}.portal-nav-group>summary b{width:22px;height:22px;display:grid;place-items:center;color:#60788f;font-size:12px!important}
.portal-nav-children{gap:2px!important;padding:2px 0 5px 7px!important;margin-left:10px!important;border-left:1px solid #1e2e40!important}
.portal-nav-children .portal-side-link{min-height:38px!important}.portal-nav-children .portal-side-copy strong{font-size:10px!important}
.portal-side-footer{min-height:48px!important;padding:10px 14px!important;border-top:1px solid #1c2a39!important;background:#070c12!important;color:#60778d!important;font-size:8px!important}
.portal-side-lock{display:grid;place-items:center;width:24px;height:24px;border:1px solid #24364a;border-radius:7px;background:#0b131c;color:#7590a8}
.portal-workspace-context{display:grid;gap:2px;padding:4px 0 7px 7px;margin:0 0 3px 10px;border-left:1px solid #29425a}
.portal-workspace-context .workspace-context-label{padding:4px 8px;color:#526b82;font-size:6.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.portal-workspace-context a{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 8px;border-radius:8px;color:#7d93a7;font-size:9px;font-weight:760}
.portal-workspace-context a:hover{background:#101a24;color:#dce7ef}.portal-workspace-context a.active{background:#102033;color:#fff;box-shadow:inset 2px 0 0 var(--ui-blue)}
.portal-workspace-context .ui-icon{width:14px;height:14px}

@media(min-width:901px){
  body.portal-sidebar-collapsed .portal-sidebar{width:var(--sidebar-collapsed-w)!important}
  body.portal-sidebar-collapsed .portal-mode .nav.app-nav{grid-template-columns:var(--sidebar-collapsed-w) minmax(260px,1fr) auto}
  body.portal-sidebar-collapsed.portal-mode .portal-section{padding-left:calc(var(--sidebar-collapsed-w) + 24px)!important}
  body.portal-sidebar-collapsed .portal-side-top{padding:12px 10px!important}
  body.portal-sidebar-collapsed .portal-side-back,body.portal-sidebar-collapsed .portal-side-server-copy,body.portal-sidebar-collapsed .server-switcher-trigger .server-switcher-copy,body.portal-sidebar-collapsed .server-switcher-trigger .chev,body.portal-sidebar-collapsed .portal-side-copy,body.portal-sidebar-collapsed .portal-nav-label,body.portal-sidebar-collapsed .portal-nav-group>summary span:first-child:not(:has(b)),body.portal-sidebar-collapsed .portal-nav-group>summary span:first-child{font-size:0!important}
  body.portal-sidebar-collapsed .portal-side-top-row{justify-content:center}
  body.portal-sidebar-collapsed .sidebar-collapse-btn{margin:auto}
  body.portal-sidebar-collapsed .portal-side-server{justify-content:center;padding:8px!important}
  body.portal-sidebar-collapsed .server-switcher-trigger{justify-content:center;padding:9px!important}
  body.portal-sidebar-collapsed .portal-side-nav{padding-left:8px!important;padding-right:8px!important}
  body.portal-sidebar-collapsed .portal-side-link{justify-content:center;padding:7px!important}
  body.portal-sidebar-collapsed .portal-side-link.active:after{right:5px}
  body.portal-sidebar-collapsed .portal-nav-group>summary{justify-content:center;padding:6px!important}
  body.portal-sidebar-collapsed .portal-nav-group>summary .portal-chevron{display:none}
  body.portal-sidebar-collapsed .portal-nav-children{padding-left:0!important;margin-left:0!important;border-left:0!important}
  body.portal-sidebar-collapsed .portal-workspace-context{padding-left:0;margin-left:0;border-left:0}
  body.portal-sidebar-collapsed .portal-workspace-context .workspace-context-label{display:none}
  body.portal-sidebar-collapsed .portal-workspace-context a{justify-content:center;padding:7px;font-size:0}
  body.portal-sidebar-collapsed .portal-workspace-context .ui-icon{width:15px;height:15px}
  body.portal-sidebar-collapsed .portal-side-footer span:last-child{display:none}
  body.portal-sidebar-collapsed .portal-side-footer{justify-content:center;padding:8px!important}
  body.portal-sidebar-collapsed .brandcopy{display:none}
  body.portal-sidebar-collapsed .app-nav .brand{justify-content:center}
}

/* ---------- Main workspace layout ---------- */
.portal-mode .portal-section{padding:26px 28px 74px calc(var(--sidebar-w) + 28px)!important;max-width:none!important;min-height:calc(100dvh - var(--topbar-h))}
.portal-page-head{align-items:center!important;padding:5px 0 20px!important;margin-bottom:18px!important;border-bottom:1px solid #1c2a3a!important}
.portal-page-head>div:first-child{min-width:0}.portal-breadcrumb{font-size:8px!important;color:#526b81!important;letter-spacing:.075em!important}.portal-breadcrumb b{color:#334a60!important}
.portal-page-head h1{gap:11px!important;margin:7px 0 6px!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.04!important;letter-spacing:-.035em!important}.portal-page-head p{max-width:880px!important;color:#8195a9!important;font-size:11px!important;line-height:1.6!important}
.portal-title-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #30465f;border-radius:11px;background:linear-gradient(145deg,rgba(255,122,47,.11),rgba(76,169,255,.10)),#0d1620;color:#cde4f9;filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.18)}
.portal-title-icon .ui-icon{width:18px;height:18px}.portal-page-actions{gap:7px!important}.page-stack{gap:13px!important}.page-stack.wide{gap:15px!important}.section-label{font-size:8px!important;letter-spacing:.11em!important;font-weight:900!important}
.control-section-head,.nitrado-title-row,.server-settings-head{gap:16px!important}.control-section-head h3,.nitrado-title-row h3,.server-settings-head h3,.tool-card h3,.portal-card h3{font-size:17px!important;letter-spacing:-.02em!important;margin-top:4px!important}.control-section-head p,.nitrado-title-row p,.server-settings-head p,.tool-card p,.portal-card p{font-size:10.5px!important;line-height:1.62!important;color:#778da2!important}
@media(min-width:1200px){body.has-workspace-sidebar-nav .workspace-jumpbar{display:none!important}}
.card,.portal-card,.tool-card,.action-card,.tool-link-card,.command-center-main,.command-center-side,.server-workspace-hero,.event-builder-card,.control-card,.nitrado-panel,.auth-card,.status-card,.task-card,.kanban-col{border-color:var(--ui-line)!important;background:linear-gradient(180deg,rgba(15,22,31,.97),rgba(9,14,21,.985))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.17)!important}
.card:hover,.portal-card:hover,.tool-card:hover,.action-card:hover,.tool-link-card:hover{border-color:#2d4259!important}.tool-card,.portal-card,.action-card{padding:18px!important}.portal-section-grid{gap:12px!important}.portal-section-grid.three{gap:12px!important}.action-card,.tool-link-card{min-height:150px;position:relative;overflow:hidden}.action-card:after,.tool-link-card:after{content:"";position:absolute;right:-40px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:rgba(76,169,255,.035);pointer-events:none}.action-icon,.portal-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #2b4158!important;border-radius:10px!important;background:#0c1620!important;color:#8fcaff!important;font-size:16px!important;filter:none!important}.action-icon .ui-icon,.portal-icon .ui-icon{width:16px;height:16px}
.portal-kpis,.server-workspace-kpis,.control-kpis,.task-kpis{gap:9px!important}.portal-kpi,.server-workspace-kpi,.control-kpi,.task-kpi{min-height:88px;position:relative;overflow:hidden;padding:14px 15px!important;border:1px solid #233348!important;border-radius:13px!important;background:linear-gradient(160deg,#0d151e,#091018)!important}.portal-kpi:before,.server-workspace-kpi:before,.control-kpi:before,.task-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--ui-orange),var(--ui-blue));opacity:.5}.portal-kpi:after{display:none!important}.portal-kpi strong,.server-workspace-kpi strong,.control-kpi strong,.task-kpi strong{font-size:22px!important;letter-spacing:-.035em!important;color:#eef5fb!important}.portal-kpi span,.server-workspace-kpi span,.control-kpi span,.task-kpi span{margin-top:5px!important;color:#61798f!important;font-size:7px!important;letter-spacing:.11em!important}.kpi-progress{height:3px;margin-top:11px;border-radius:999px;background:#1d2b3a;overflow:hidden}.kpi-progress span{display:block;height:100%;margin:0!important;background:linear-gradient(90deg,var(--ui-orange),var(--ui-blue));border-radius:inherit}
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;padding:8px 12px!important;border-radius:9px!important;border-color:#2a3c50!important;background:linear-gradient(180deg,#141f2b,#101821)!important;color:#d8e3ed!important;font-size:10.5px!important;font-weight:820!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 9px rgba(0,0,0,.12)!important}.btn:hover{border-color:#425f7b!important;background:linear-gradient(180deg,#192838,#13202d)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 18px rgba(0,0,0,.18)!important}.btn.primary{border-color:transparent!important;background:linear-gradient(110deg,#fb762d 0,#f58b45 29%,#4d9fee 70%,#6879fb 100%)!important;color:#fff!important;box-shadow:0 9px 24px rgba(71,126,225,.20),0 5px 15px rgba(255,122,47,.11)!important}.btn.primary:hover{filter:brightness(1.055) saturate(1.04)}.btn.danger,.danger-btn{border-color:#623043!important;background:linear-gradient(180deg,#311721,#28131b)!important;color:#ff9fb2!important}.btn.danger:hover,.danger-btn:hover{border-color:#93465f!important;background:#3b1b27!important}.btn.small{min-height:32px!important;padding:6px 9px!important;font-size:9.5px!important}.btn.compact{min-height:28px!important;padding:5px 8px!important;font-size:9px!important}.btn .ui-icon{width:13px;height:13px}button[disabled],.btn[aria-disabled="true"]{opacity:.5!important;filter:saturate(.55);cursor:not-allowed!important}button.is-busy,.btn.is-busy{pointer-events:none}.btn-spinner{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uiSpin .7s linear infinite}@keyframes uiSpin{to{transform:rotate(360deg)}}
input[type="text"],input[type="search"],input[type="url"],input[type="number"],input[type="password"],input[type="datetime-local"],input[type="time"],input[type="date"],input[type="email"],select,textarea,.input,.select,.search,.setup-select,.setting-control input,.setting-control select,.setting-control textarea{min-height:40px!important;padding:9px 11px!important;border:1px solid #283b50!important;border-radius:9px!important;background:#080e15!important;color:#ebf2f8!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.26)!important;font-size:11px!important}textarea{min-height:104px!important;padding-top:10px!important}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6f879d 50%),linear-gradient(135deg,#6f879d 50%,transparent 50%)!important;background-position:calc(100% - 15px) 50%,calc(100% - 11px) 50%!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important;padding-right:30px!important}input:hover,select:hover,textarea:hover{border-color:#354f6a!important}input:focus,select:focus,textarea:focus{border-color:#4f94d8!important;background:#09131c!important;box-shadow:var(--ui-ring),inset 0 1px 2px rgba(0,0,0,.22)!important}input::placeholder,textarea::placeholder{color:#50667b!important}label{color:#91a5b8}.field label,.event-builder label,.event-settings-grid label{font-size:9px!important;font-weight:820!important;letter-spacing:.035em!important;color:#8ea2b5!important}.event-builder label,.event-settings-grid label{display:grid!important;gap:7px!important}.form-grid,.event-builder-grid,.event-settings-grid{gap:12px!important}input[type="checkbox"]{appearance:none;width:17px!important;height:17px!important;min-height:17px!important;padding:0!important;border:1px solid #39516a!important;border-radius:5px!important;background:#081018!important;display:inline-grid;place-content:center;vertical-align:-3px;cursor:pointer}input[type="checkbox"]:checked{border-color:#4d9be2!important;background:linear-gradient(135deg,#ff7a2f,#4ca9ff)!important}input[type="checkbox"]:checked:after{content:"";width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}input[type="radio"]{accent-color:var(--ui-blue)}
.settings-grid{gap:8px!important}.setting-item{min-height:70px!important;padding:11px 12px!important;border:1px solid #213347!important;border-radius:11px!important;background:#091018!important;transition:.15s ease}.setting-item:hover{border-color:#304b65!important;background:#0b141d!important}.setting-item.changed{border-color:#3e76ad!important;background:linear-gradient(90deg,rgba(76,169,255,.07),#0a121b)!important;box-shadow:inset 2px 0 0 var(--ui-blue)}.setting-copy strong{font-size:10.5px!important;color:#dfe8f0}.setting-copy span{font-size:8.5px!important;line-height:1.5!important;color:#687e93!important}.setting-control{min-width:210px!important}.settings-savebar{border:1px solid #304963!important;border-radius:12px!important;background:rgba(8,14,21,.94)!important;backdrop-filter:blur(18px);box-shadow:0 18px 42px rgba(0,0,0,.35)!important}.settings-savebar strong{font-size:10.5px!important}
.workspace-jumpbar,.portal-subnav{padding:6px!important;gap:4px!important;border:1px solid #203246!important;border-radius:11px!important;background:rgba(8,14,21,.88)!important;box-shadow:0 7px 22px rgba(0,0,0,.18)!important;backdrop-filter:blur(16px)}.workspace-page-link,.portal-subnav a{min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 9px!important;border-radius:7px!important;color:#7890a6!important;font-size:9px!important;font-weight:800!important}.workspace-page-link:hover,.portal-subnav a:hover{background:#101a24!important;color:#dce7ef!important}.workspace-page-link.active,.portal-subnav a.active{background:#122235!important;color:#fff!important;border-color:#355270!important;box-shadow:inset 0 -2px 0 var(--ui-orange)!important}.workspace-page-link .ui-icon{width:12px;height:12px}.workspace-jump-target{margin-left:auto!important;color:#d9ac7b!important}
.server-workspace-hero{position:relative;overflow:hidden;padding:20px!important;border-color:#263a50!important;background:radial-gradient(circle at 92% 10%,rgba(76,169,255,.09),transparent 30%),radial-gradient(circle at 3% 5%,rgba(255,122,47,.075),transparent 28%),linear-gradient(180deg,#101821,#0a1017)!important}.server-workspace-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--ui-orange),rgba(76,169,255,.75),transparent 76%);opacity:.72}.server-workspace-hero:after{display:none!important}.server-workspace-title h2{font-size:clamp(24px,2.7vw,34px)!important;letter-spacing:-.035em!important;margin:5px 0 8px!important}.server-workspace-state{gap:6px!important}.server-workspace-actions{gap:6px!important}.server-workspace-kpis{margin-top:17px!important}.server-info-grid{gap:8px!important}.server-info-item{min-height:70px;padding:11px 12px!important;border:1px solid #213348!important;border-radius:10px!important;background:#091018!important}.server-info-item span{font-size:7px!important;color:#61778e!important}.server-info-item strong{font-size:10.5px!important;color:#dbe6ef!important}.overview-live-rail{display:flex;align-items:center;gap:8px;margin-top:14px;padding:8px 10px;border:1px solid #24384d;border-radius:9px;background:#081018;color:#71889d;font-size:8.5px}.overview-live-rail strong{color:#b9c8d6}.overview-live-rail .live-pulse{width:7px;height:7px;border-radius:50%;background:var(--ui-green);box-shadow:0 0 0 0 rgba(64,221,160,.45);animation:uiPulse 2s infinite}@keyframes uiPulse{70%{box-shadow:0 0 0 7px rgba(64,221,160,0)}100%{box-shadow:0 0 0 0 rgba(64,221,160,0)}}
.event-builder-card{overflow:hidden}.event-builder-section{padding:14px!important;border:1px solid #213347!important;border-radius:12px!important;background:#091018!important}.event-builder-section+.event-builder-section{margin-top:9px!important}.event-builder-heading{gap:10px!important;margin-bottom:12px!important}.event-builder-heading>span{width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border:1px solid #36536f!important;border-radius:8px!important;background:#0d1a27!important;color:#8fcbff!important;font-size:9px!important;font-weight:900!important}.event-builder-heading strong{font-size:11px!important}.event-builder-heading small{font-size:8px!important;color:#637a90!important}.event-toolbar{padding:9px!important;border:1px solid #213347;border-radius:11px;background:#091018;gap:8px!important}.event-grid{gap:12px!important}.event-card{border:1px solid #22354a!important;border-radius:14px!important;background:linear-gradient(180deg,#0e1720,#091018)!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important;overflow:hidden}.event-card:hover{border-color:#375774!important;transform:translateY(-1px)}.event-card img{aspect-ratio:16/6!important;object-fit:cover}.event-card h3{font-size:14px!important}.event-card p{font-size:9.5px!important;color:#70869a!important}.event-toggle{font-size:8px!important}.event-settings-grid{padding:12px!important;border:1px solid #203247!important;border-radius:11px!important;background:#091018!important}
.table-shell{width:100%;overflow:auto;border:1px solid #213347;border-radius:12px;background:#081018}table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:10px!important;background:transparent!important}thead th{position:sticky;top:0;z-index:2;padding:9px 11px!important;border-bottom:1px solid #2a3d52!important;background:#0d1620!important;color:#738ba2!important;font-size:7px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important;text-align:left}tbody td{padding:10px 11px!important;border-bottom:1px solid #182737!important;color:#b5c5d3!important;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#0c151e}.audit-row,.deployment-row,.history-row,.active-tool-row{border-color:#203246!important;background:#091018!important;border-radius:11px!important}.audit-row:hover,.deployment-row:hover,.history-row:hover,.active-tool-row:hover{border-color:#31506b!important;background:#0c151f!important}.tool-type-badge,.task-chip{font-size:7px!important;letter-spacing:.07em!important}
.kanban{gap:10px!important}.kanban-col{border-radius:13px!important;min-width:260px}.kanban-head{padding:10px 11px!important;border-bottom:1px solid #1f3042!important;background:#0a121a!important}.kanban-head strong{font-size:10px!important}.task-card{padding:11px!important;border-radius:10px!important;background:#0d151e!important}.task-card:hover{border-color:#385976!important;transform:translateY(-1px)}.task-card h4{font-size:10.5px!important}.task-card p{font-size:8.5px!important;color:#6c8296!important}
.setup-row{min-height:58px!important;padding:10px 11px!important;border:1px solid #203246!important;border-radius:10px!important;background:#091018!important}.setup-row:hover{border-color:#304d68!important;background:#0b141d!important}.setup-row strong{font-size:10.5px!important}.setup-row .tiny{font-size:8px!important}.empty-state{padding:30px 18px!important;border:1px dashed #2a4057!important;border-radius:13px!important;background:#081018!important}.empty-state h3{font-size:15px!important}.empty-state p{font-size:9.5px!important}.empty-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 10px;border:1px solid #294158;border-radius:12px;background:#0d1721;color:#81bfee;font-size:18px!important}
.pill,.private-badge,.tool-target-pill,.tool-type-badge,.task-chip,.event-toggle{min-height:24px;padding:4px 8px!important;border-color:#293d52!important;background:#09121a!important;font-size:8px!important;font-weight:820!important;color:#91a7bb!important}.status-dot{width:6px!important;height:6px!important}.notice,.portal-callout,.control-note,.role-note,.validation-box{padding:10px 12px!important;border-radius:10px!important;font-size:9.5px!important;line-height:1.55!important}.result{padding:9px 11px!important;border-radius:9px!important;font-size:9.5px!important;line-height:1.5!important}.ui-toast-stack{position:fixed;z-index:1200;top:84px;right:18px;width:min(370px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.ui-toast{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:start;gap:9px;padding:11px 10px 11px 11px;border:1px solid #2b4158;border-radius:12px;background:rgba(10,17,25,.96);box-shadow:0 18px 48px rgba(0,0,0,.42);backdrop-filter:blur(18px);pointer-events:auto;animation:toastIn .18s ease}.ui-toast.success{border-color:#285940}.ui-toast.error{border-color:#693348}.ui-toast.warning{border-color:#6a5728}.ui-toast-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #30475e;border-radius:9px;background:#0e1822;color:#90caff}.ui-toast.success .ui-toast-icon{color:#67e7ad}.ui-toast.error .ui-toast-icon{color:#ff8da2}.ui-toast.warning .ui-toast-icon{color:#f4cf76}.ui-toast-copy strong{display:block;font-size:10px;color:#e8f0f7}.ui-toast-copy span{display:block;margin-top:2px;color:#7f93a7;font-size:8.5px;line-height:1.45}.ui-toast-close{width:24px;height:24px;border:0;background:transparent;color:#60778d;cursor:pointer}.ui-toast-close:hover{color:#fff}@keyframes toastIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.ui-skeleton{position:relative;overflow:hidden;background:#101a24!important;color:transparent!important;border-color:#1d2c3d!important}.ui-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);animation:uiShimmer 1.4s infinite}@keyframes uiShimmer{100%{transform:translateX(100%)}}.portal-side-link[aria-disabled="true"]{position:relative;overflow:hidden}.portal-side-link[aria-disabled="true"]:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);animation:uiShimmer 1.55s infinite}.settings-loading,.active-tools-loading{padding:18px!important;border:1px solid #213348!important;border-radius:11px!important;background:#091018!important;color:#6c8398!important;font-size:9.5px!important}
.modal-panel,.command-dialog{border-color:#30485f!important;border-radius:15px!important;background:#0a1119!important;box-shadow:0 32px 90px rgba(0,0,0,.62)!important}.command-search-wrap{padding:12px 13px!important}.command-item{border-radius:9px!important}.command-item:hover,.command-item.active{background:#111f2d!important}.command-item-icon{border-color:#2c4258!important;background:#0c1721!important;color:#7fc1f8!important}.command-overlay{background:rgba(2,6,11,.74)!important;backdrop-filter:blur(12px)!important}
.server-switcher-popover{position:fixed;z-index:520;left:calc(var(--sidebar-w) + 12px);top:86px;width:min(390px,calc(100vw - var(--sidebar-w) - 30px));padding:10px;border:1px solid #30485f;border-radius:14px;background:rgba(9,15,22,.97);box-shadow:0 28px 80px rgba(0,0,0,.52);backdrop-filter:blur(20px);opacity:0;transform:translateY(-5px) scale(.985);pointer-events:none;transition:.14s ease}.server-switcher-popover.show{opacity:1;transform:none;pointer-events:auto}.server-switcher-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 9px}.server-switcher-head strong{font-size:10.5px}.server-switcher-head button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;color:#6c8398;cursor:pointer}.server-switcher-head button:hover{background:#111c27;color:#fff}.server-switcher-search{width:100%;margin-bottom:8px}.server-switcher-list{max-height:min(430px,60vh);overflow:auto;display:grid;gap:4px}.server-switcher-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:9px;color:#a7b8c8}.server-switcher-item:hover{border-color:#2c455e;background:#101b27}.server-switcher-item.active{border-color:#365a78;background:linear-gradient(90deg,rgba(255,122,47,.07),rgba(76,169,255,.08))}.server-switcher-item-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid #2b4258;border-radius:9px;background:#0c1620;color:#84c4f8}.server-switcher-item-copy{min-width:0}.server-switcher-item-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;color:#dce7ef}.server-switcher-item-copy small{display:block;margin-top:2px;color:#60778d;font-size:7.5px}.server-switcher-item .current{padding:3px 6px;border:1px solid #315a4b;border-radius:999px;color:#68dfa9;font-size:6.5px;font-weight:900;letter-spacing:.07em}body.portal-sidebar-collapsed .server-switcher-popover{left:calc(var(--sidebar-collapsed-w) + 12px)}
body:not(.portal-mode) .nav{background:rgba(7,11,16,.90)!important;border-bottom-color:#213043!important}body:not(.portal-mode) .card{border-color:#25374c!important}.home-hero h1{letter-spacing:-.055em!important}.home-kicker,.eyebrow{font-size:8px!important}.home-lead{color:#92a6b9!important}.platform-card,.bot-feature,.workflow-card{border-color:#223449!important;background:linear-gradient(180deg,#0f1721,#091018)!important}.platform-card:hover,.bot-feature:hover,.workflow-card:hover{border-color:#35516d!important;transform:translateY(-2px)}

/* ---------- Responsive ---------- */
@media(max-width:1199px) and (min-width:901px){:root{--sidebar-w:252px}.portal-mode .portal-section{padding-left:calc(var(--sidebar-w) + 22px)!important;padding-right:20px!important}.portal-mode .nav.app-nav{grid-template-columns:var(--sidebar-w) minmax(220px,1fr) auto;gap:12px}.portal-side-copy span{display:none}.server-switcher-popover{left:calc(var(--sidebar-w) + 10px)}}
@media(max-width:900px){
  :root{--topbar-h:64px}
  .portal-mode .nav.app-nav{display:flex!important;height:64px!important;padding:0 13px!important}.portal-mode .app-nav .brand{flex:1}.app-toolbar-search{display:none}.portal-mode .app-nav .navlinks{justify-self:auto}
  .portal-sidebar{width:min(320px,calc(100vw - 16px))!important}.sidebar-collapse-btn{display:none}
  .portal-mode .portal-section{padding:17px 13px 70px!important}.portal-mobile-toggle{top:72px!important}
  .portal-page-head{align-items:flex-start!important}.portal-page-actions{width:100%;justify-content:flex-start!important;flex-wrap:wrap}.portal-page-actions .btn{flex:0 1 auto}
  .portal-title-icon{width:35px;height:35px;flex-basis:35px}.portal-title-icon .ui-icon{width:16px;height:16px}.portal-page-head h1{font-size:28px!important}
  .server-switcher-popover{left:12px;right:12px;top:78px;width:auto}.ui-toast-stack{top:76px;right:10px;width:calc(100vw - 20px)}.setting-control{min-width:150px!important}
}
@media(max-width:760px){
  .portal-mode .app-nav .navlinks{display:none!important}body.mobile-nav-open.portal-mode .app-nav .navlinks{display:grid!important}
  .portal-kpis,.server-workspace-kpis,.control-kpis,.task-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .server-workspace-top{gap:12px!important}.server-workspace-actions{display:flex!important;flex-wrap:wrap!important}.server-workspace-actions .btn{width:auto!important;flex:1 1 150px}
  .portal-page-head p{font-size:10px!important}.tool-card,.portal-card,.action-card{padding:15px!important}.setting-item{align-items:flex-start!important;flex-direction:column!important}.setting-control{width:100%!important;min-width:0!important}.setting-control input,.setting-control select,.setting-control textarea{width:100%!important}
  .workspace-jumpbar,.portal-subnav{margin-left:-2px!important;margin-right:-2px!important}.event-builder-section{padding:12px!important}.event-builder-grid,.event-settings-grid,.form-grid{grid-template-columns:1fr!important}.table-shell{border-left:0;border-right:0;border-radius:0;margin-left:-15px;width:calc(100% + 30px)}
}
@media(max-width:520px){.portal-mode .portal-section{padding-left:9px!important;padding-right:9px!important}.portal-page-head h1{font-size:25px!important}.portal-breadcrumb{font-size:7px!important}.portal-title-icon{width:33px;height:33px;flex-basis:33px}.portal-kpis,.server-workspace-kpis,.control-kpis,.task-kpis{grid-template-columns:1fr 1fr!important}.portal-kpi,.server-workspace-kpi,.control-kpi,.task-kpi{min-height:76px!important;padding:12px!important}.portal-kpi strong,.server-workspace-kpi strong,.control-kpi strong,.task-kpi strong{font-size:18px!important}.btn{min-height:37px!important}.portal-page-actions .btn{flex:1 1 130px}.server-workspace-actions .btn{flex:1 1 100%}.kanban{grid-template-columns:minmax(280px,1fr)!important}.event-grid{grid-template-columns:1fr!important}}
@media(max-width:380px){.portal-kpis,.server-workspace-kpis,.control-kpis,.task-kpis{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.ui-toast,.ui-skeleton:after,.portal-side-link[aria-disabled="true"]:after,.overview-live-rail .live-pulse{animation:none!important}}
.btn.is-busy:before{content:"";width:11px;height:11px;flex:0 0 11px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uiSpin .7s linear infinite}label.is-required{position:relative}label.is-required:after{content:"• REQUIRED";justify-self:start;color:#567087;font-size:6.5px;font-weight:900;letter-spacing:.08em;margin-top:-4px}

/* ======================================================================
   Mobile UX pass — 2026-09-14
   ====================================================================== */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body.portal-mode{padding-bottom:env(safe-area-inset-bottom)}
  .portal-mode .nav.app-nav{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}
  .portal-sidebar{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}
  .portal-side-link,.portal-nav-group>summary,.server-switcher-trigger,.portal-workspace-context a{min-height:44px!important}
  .portal-mobile-toggle{min-width:44px;min-height:44px;touch-action:manipulation}
  .portal-page-head,.portal-page-head>div,.portal-page-actions,.server-workspace-top,.server-workspace-title,.server-workspace-actions,.portal-section-grid,.tool-card,.portal-card,.action-card,.control-card,.event-builder-card,.nitrado-panel,.settings-grid,.setting-item{min-width:0;max-width:100%}
  .portal-page-head h1,.portal-page-head p,.server-workspace-title h2,.tool-card h3,.portal-card h3,.setting-copy strong,.setting-copy span{overflow-wrap:anywhere}
  .portal-page-actions .btn,.server-workspace-actions .btn{min-height:44px!important}
  .workspace-jumpbar,.portal-subnav{display:flex!important;max-width:100%;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .workspace-jumpbar::-webkit-scrollbar,.portal-subnav::-webkit-scrollbar{display:none}
  .workspace-page-link,.portal-subnav a{min-height:42px!important;flex:0 0 auto!important}
  .table-shell{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .table-shell table{min-width:680px}
  pre,code,.code-block,.log-output,.json-preview{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
  img,video,canvas,svg{max-width:100%}
  .modal-panel,.command-dialog{width:min(94vw,680px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;margin:max(12px,env(safe-area-inset-top)) auto max(12px,env(safe-area-inset-bottom))!important}
  .server-switcher-popover{top:calc(var(--topbar-h) + 10px);max-height:calc(100dvh - var(--topbar-h) - 22px);overflow:hidden}.server-switcher-list{max-height:calc(100dvh - var(--topbar-h) - 130px)}
  .settings-savebar{left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important}
}

@media(max-width:760px){
  body.mobile-nav-open.portal-mode .app-nav .navlinks{position:fixed!important;z-index:610;top:calc(var(--topbar-h) + 8px);left:10px;right:10px;width:auto!important;max-height:calc(100dvh - var(--topbar-h) - 20px);overflow-y:auto;overscroll-behavior:contain;padding:10px!important;border:1px solid #2b4057;border-radius:14px;background:rgba(8,14,21,.98)!important;box-shadow:0 24px 70px rgba(0,0,0,.55);backdrop-filter:blur(18px)}
  body.mobile-nav-open.portal-mode .app-nav .navlinks a,body.mobile-nav-open.portal-mode .app-nav .navlinks .btn{width:100%!important;min-height:44px!important;justify-content:flex-start!important}
  .portal-section-grid,.portal-section-grid.three,.server-info-grid,.event-grid,.event-builder-grid,.event-settings-grid,.form-grid{grid-template-columns:minmax(0,1fr)!important}
  .event-toolbar,.control-section-head,.nitrado-title-row,.server-settings-head{align-items:stretch!important;flex-direction:column!important}
  .event-toolbar .btn,.control-section-head .btn,.nitrado-title-row .btn,.server-settings-head .btn{width:100%!important;min-height:44px!important}
  .setup-row,.audit-row,.deployment-row,.history-row,.active-tool-row{max-width:100%;overflow:hidden;overflow-wrap:anywhere}
  input[type="text"],input[type="search"],input[type="url"],input[type="number"],input[type="password"],input[type="datetime-local"],input[type="time"],input[type="date"],input[type="email"],select,textarea,.input,.select,.search,.setup-select,.setting-control input,.setting-control select,.setting-control textarea{font-size:16px!important;min-height:44px!important}
  textarea{min-height:120px!important}
  input[type="checkbox"]{width:22px!important;height:22px!important;min-height:22px!important}
  .ui-toast-stack{left:10px;right:10px;width:auto}.ui-toast{grid-template-columns:30px minmax(0,1fr) 30px;padding:12px}.ui-toast-close{width:30px;height:30px}
}

@media(max-width:520px){
  .portal-mode .portal-section{padding-top:14px!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
  .portal-page-head{gap:12px!important;padding-bottom:15px!important;margin-bottom:14px!important}.portal-page-head h1{font-size:24px!important;line-height:1.08!important}.portal-page-head p{font-size:10.5px!important;line-height:1.55!important}
  .portal-page-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.portal-page-actions .btn{width:100%!important;min-width:0!important}
  .server-workspace-hero{padding:15px!important}.server-workspace-title h2{font-size:23px!important}.server-workspace-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}.server-workspace-actions .btn{width:100%!important}
  .tool-card,.portal-card,.action-card,.control-card,.nitrado-panel,.event-builder-card{border-radius:12px!important;padding:14px!important}
  .action-card,.tool-link-card{min-height:0}
  .portal-kpis,.server-workspace-kpis,.control-kpis,.task-kpis{gap:7px!important}
  .portal-kpi,.server-workspace-kpi,.control-kpi,.task-kpi{min-width:0!important}
  .workspace-jumpbar,.portal-subnav{margin-left:-9px!important;margin-right:-9px!important;padding-left:9px!important;padding-right:9px!important;border-left:0!important;border-right:0!important;border-radius:0!important}
  .table-shell{margin-left:-9px!important;width:calc(100% + 18px)!important}.table-shell table{min-width:620px}
  .event-card img{aspect-ratio:16/8!important}.event-builder-section{padding:11px!important}
  .settings-savebar{display:grid!important;grid-template-columns:1fr;gap:8px!important;padding:10px!important}.settings-savebar .btn{width:100%!important;min-height:44px!important}
  .server-switcher-popover{left:8px;right:8px}.server-switcher-item{grid-template-columns:34px minmax(0,1fr) auto;padding:10px}.server-switcher-item-icon{width:34px;height:34px}
}

@media(max-width:390px){
  .portal-page-actions{grid-template-columns:1fr}
  .portal-kpis,.server-workspace-kpis,.control-kpis,.task-kpis{grid-template-columns:1fr!important}
  .portal-mode .app-nav .brandcopy small{display:none}.portal-mode .app-nav .brandcopy strong{font-size:12px}
  .portal-title-icon{display:none}.portal-page-head h1{font-size:22px!important}
}

@media(hover:none) and (pointer:coarse){
  .btn,.portal-side-link,.workspace-page-link,.portal-subnav a,.server-switcher-item,.server-switcher-trigger,.portal-mobile-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .card:hover,.portal-card:hover,.tool-card:hover,.action-card:hover,.tool-link-card:hover,.event-card:hover,.task-card:hover{transform:none!important}
}

/* Events workspace refresh: live-first layout and responsive saved profiles */
  .event-quick-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 5px}
  .event-quick-nav a{border:1px solid var(--border,#374151);border-radius:999px;padding:9px 13px;color:inherit;text-decoration:none;font-size:13px;font-weight:600;background:rgba(127,127,127,.07)}
  .event-quick-nav a:hover,.event-quick-nav a:focus-visible{border-color:#737afc;background:rgba(115,122,252,.12)}
  #eventControlSection .event-builder-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:20px;align-items:start}
  #eventControlSection #studioModeForm{min-width:0}
  #eventControlSection #studioModes{max-height:650px;overflow-y:auto}
  #eventControlSection #studioModeForm .full{min-width:0}
  #eventLiveSection{scroll-margin-top:16px}
  #eventControlSection,#eventLocationsSection,#eventLibrarySection,#eventSettingsSection,#eventHistorySection{scroll-margin-top:20px}
  @media(max-width:920px){#eventControlSection .event-builder-grid{grid-template-columns:minmax(0,1fr)}#eventControlSection #studioModes{max-height:none}}
  @media(max-width:620px){.event-quick-nav{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:4px}.event-quick-nav a{flex:0 0 auto;white-space:nowrap}#eventControlSection .control-form input,#eventControlSection .control-form select{max-width:100%;min-width:0}#eventControlSection .row-actions{display:flex;flex-wrap:wrap;gap:8px}#eventControlSection .row-actions .btn{min-height:42px}}


/* Events: non-interactive Discord announcement preview */
.event-preview-panel{min-width:0}
.event-discord-preview{background:#25272c;border:1px solid #3b3e45;border-radius:13px;padding:16px;color:#e7e9ed;font-size:14px}
.event-discord-author{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.event-discord-author small{font-size:11px;color:#aab2c0}
.event-discord-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#5865f2;color:white;font-weight:800}
.event-discord-card{border-left:4px solid #33bd79;border-radius:5px;background:#2f3137;padding:15px;overflow-wrap:anywhere}
.event-discord-title{font-size:16px;color:#f5f7ff;font-weight:700}
.event-discord-name{font-size:18px;font-weight:750;margin:8px 0;color:white}
.event-discord-card p{font-size:13px;color:#c6cad3;line-height:1.5}
.event-discord-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:14px 0}
.event-discord-field{display:flex;flex-direction:column;gap:3px;min-width:0}
.event-discord-field strong{font-size:12px;color:#f2f2f4}
.event-discord-field span{font-size:13px;color:#c4c8d2;overflow-wrap:anywhere}
.event-discord-map{color:#b4befc;font-size:12px;margin-bottom:12px}
.event-discord-footer{font-size:11px;color:#989faa}
@media(max-width:600px){.event-discord-preview{padding:11px}.event-discord-fields{grid-template-columns:1fr}}

/* Warn coordinators when the event form diverges from its saved configuration. */
#eventProfileSaveState.event-unsaved{color:#f9c870;border-color:rgba(249,200,112,.6);background:rgba(249,200,112,.09)}

/* Events: coordinator live run dashboard */
.event-live-dashboard{margin-top:14px}
.event-live-dashboard[hidden]{display:none}
.event-live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.event-live-metrics>div{display:flex;flex-direction:column;gap:5px;padding:15px;border:1px solid var(--border,rgba(160,160,160,.2));border-radius:12px;min-width:0;background:rgba(128,128,128,.035)}
.event-live-metrics small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.7}
.event-live-metrics strong{font-size:20px;overflow-wrap:anywhere}
.event-live-metrics span{font-size:12px;opacity:.78;overflow-wrap:anywhere}
.event-live-progress{height:6px;margin:14px 0;border-radius:999px;overflow:hidden;background:rgba(130,130,130,.2)}
#eventLiveProgressBar{height:100%;width:0%;background:#43bd8a;transition:width .65s ease}
.event-live-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
@media(max-width:1000px){.event-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.event-live-metrics{grid-template-columns:1fr}.event-live-metrics>div{padding:11px}}

/* Separate Events operations from Event Packages while retaining shared event state. */
.events-page-switch{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.events-page-switch a{display:inline-flex;align-items:center;min-height:43px;padding:9px 17px;text-decoration:none;color:inherit;border:1px solid var(--border,rgba(150,150,150,.3));border-radius:12px;font-weight:700;background:rgba(125,125,125,.05)}
.events-page-switch a.selected{background:rgba(89,117,255,.15);border-color:#727eea}
.events-page-switch a:hover,.events-page-switch a:focus-visible{border-color:#727eea}
.events-main-workspace #eventLibrarySection,.events-main-workspace .event-builder-card{display:none}
.events-packages-workspace #eventLiveSection,.events-packages-workspace #eventControlSection,.events-packages-workspace #eventLocationsSection,.events-packages-workspace #eventSettingsSection,.events-packages-workspace #eventHistorySection,.events-packages-workspace .event-quick-nav,.events-packages-workspace .control-hero .control-kpis,.events-packages-workspace #quickEndEvent{display:none}
.events-packages-workspace .control-hero{padding-bottom:15px}
@media(max-width:550px){.events-page-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.events-page-switch a{justify-content:center;padding:9px 7px;font-size:13px}}