:root{
 --bg:#05050b;--panel:#0d0d16;--panel2:#12111d;--panel3:#171424;
 --line:rgba(255,255,255,.09);--line2:rgba(132,86,255,.24);
 --text:#f6f4fb;--muted:#a7a3b5;--purple:#8254ff;--purple2:#a568ff;
 --green:#42e6a4;--amber:#ffb84a;--red:#ff5c7a;--radius:18px;
 --shadow:0 22px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:
 radial-gradient(circle at 20% 85%,rgba(91,43,210,.20),transparent 33%),
 radial-gradient(circle at 85% 20%,rgba(85,46,180,.12),transparent 30%),
 linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#05050b;
 background-size:auto,auto,56px 56px,56px 56px,auto}
button,input,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}
.app-shell{min-height:100vh}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:28px;background:rgba(5,5,11,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand img{width:32px;height:32px;object-fit:contain}.brand strong{font-size:20px;letter-spacing:.02em}.topnav{display:flex;align-items:center;gap:26px;flex:1}.nav-link{border:0;background:none;color:#c4c0ce;padding:27px 0 24px;cursor:pointer;position:relative;font-weight:650}.nav-link.active,.nav-link:hover{color:#fff}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:linear-gradient(90deg,var(--purple),var(--purple2));border-radius:2px}
.top-actions{display:flex;align-items:center;gap:12px}.pill,.user-pill,.language{border:1px solid var(--line);background:#0b0b13;color:#fff;border-radius:999px;height:42px;padding:0 15px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.language button{border:0;background:none;color:inherit;cursor:pointer;font-weight:750}.language button.off{color:#696676}.user-pill{border-radius:14px;height:50px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#40256b,#8b42d3);font-weight:800;color:#d9c8ff}.user-meta{line-height:1.2}.user-meta strong{display:block;font-size:13px}.user-meta span{font-size:11px;color:var(--muted)}
.login-shell{min-height:100vh}.login-main{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(560px,1.1fr);gap:48px;padding:40px clamp(36px,7vw,108px) 28px;align-items:center}.login-copy{max-width:500px}.eyebrow{color:#b991ff;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:10px}.login-copy h1{font-size:clamp(48px,5.2vw,82px);line-height:.98;margin:30px 0 22px;letter-spacing:-.055em}.login-copy>p{font-size:16px;line-height:1.6;color:var(--muted);max-width:420px}.feature-list{display:grid;gap:22px;margin-top:34px}.feature{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}.feature-icon{width:52px;height:52px;border:1px solid var(--line2);border-radius:14px;display:grid;place-items:center;color:#a779ff;background:rgba(81,45,166,.1);font-size:24px}.feature strong{display:block;margin:4px 0 7px}.feature p{margin:0;color:var(--muted);line-height:1.45;font-size:14px}.mfa-card{margin-top:38px;border:1px solid var(--line2);background:linear-gradient(135deg,rgba(82,43,170,.24),rgba(14,13,24,.88));border-radius:16px;padding:17px;display:flex;align-items:center;gap:14px}.mfa-icon{width:45px;height:45px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#9a6bff,#6635e7);box-shadow:0 12px 35px rgba(112,64,255,.3)}.mfa-card strong{font-size:13px}.mfa-card p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}
.auth-card{width:min(700px,100%);justify-self:end;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(18,17,31,.98),rgba(11,11,20,.97));box-shadow:var(--shadow)}.auth-tabs{height:54px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;gap:4px}.auth-tab{border:0;border-radius:9px;background:transparent;color:#c8c4d0;font-weight:750;cursor:pointer}.auth-tab.active{background:linear-gradient(135deg,rgba(99,55,212,.22),rgba(61,37,117,.2));box-shadow:inset 0 0 0 1px rgba(147,101,255,.28);color:#fff}.auth-pane{margin-top:22px;border:1px solid var(--line);border-radius:14px;padding:32px}.auth-pane h2{margin:0 0 8px;font-size:22px}.auth-pane .sub{margin:0 0 28px;color:var(--muted)}.field{display:grid;gap:9px;margin-bottom:20px}.field label{font-size:14px;font-weight:750}.input{height:49px;border-radius:10px;border:1px solid var(--line);background:#090910;color:#fff;padding:0 14px;outline:none;width:100%}.input:focus{border-color:rgba(138,91,255,.7);box-shadow:0 0 0 3px rgba(126,76,255,.12)}.form-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;margin:0 0 22px}.check{display:flex;align-items:center;gap:9px}.check input{width:18px;height:18px;accent-color:var(--purple)}.link-btn{border:0;background:none;color:#a878ff;cursor:pointer}.primary{width:100%;height:50px;border:0;border-radius:9px;color:#fff;font-weight:800;background:linear-gradient(90deg,#6e3df2,#914cff);box-shadow:0 12px 32px rgba(118,63,245,.25);cursor:pointer}.primary:hover{filter:brightness(1.08)}.secondary{height:44px;border:1px solid var(--line);background:#11101b;color:#fff;border-radius:10px;padding:0 16px;font-weight:700;cursor:pointer}.provider-grid{display:grid;gap:12px}.provider-card{border:1px solid var(--line);background:#0b0b13;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between}.provider-card strong{display:block}.provider-card span{font-size:13px;color:var(--muted)}.login-footer{text-align:center;color:#777384;font-size:12px;padding:0 20px 25px}.login-footer a{color:#a678ff}
.dashboard{padding:22px 24px 34px 82px}.icon-rail{position:fixed;left:14px;top:98px;bottom:22px;width:46px;border:1px solid var(--line);border-radius:14px;background:rgba(10,10,18,.9);display:flex;flex-direction:column;align-items:center;padding:9px 5px;gap:8px;z-index:20}.rail-btn{width:36px;height:36px;border:0;background:transparent;border-radius:10px;color:#a7a3b3;cursor:pointer;font-size:17px}.rail-btn.active,.rail-btn:hover{background:linear-gradient(135deg,#30205b,#4b2a85);color:#fff;box-shadow:inset 0 0 0 1px rgba(145,96,255,.45)}.rail-spacer{flex:1}.hero{min-height:126px;border:1px solid var(--line);border-radius:var(--radius);padding:28px 32px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:radial-gradient(circle at 50% 50%,rgba(104,53,216,.17),transparent 38%),linear-gradient(135deg,#10101c,#161127);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(131,77,255,.08),transparent 70%);pointer-events:none}.hero h1{margin:0;font-size:28px;letter-spacing:-.03em}.hero h1 span{color:#9f6bff}.hero p{margin:8px 0 0;color:var(--muted);font-size:14px}.hero-stats{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:14px}.mini-stat{min-height:74px;border:1px solid var(--line);border-radius:12px;background:rgba(17,16,29,.7);padding:15px}.mini-stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.mini-stat strong{font-size:13px}.status-active{color:var(--green)}
.grid-main{display:grid;grid-template-columns:1fr 1.08fr 1.16fr;gap:14px;margin-top:16px}.grid-bottom{display:grid;grid-template-columns:.95fr 1.05fr 1.1fr 1.08fr;gap:14px;margin-top:14px}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(17,16,28,.98),rgba(10,10,18,.98));box-shadow:0 16px 42px rgba(0,0,0,.18);min-width:0}.card-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.055)}.card-title{display:flex;align-items:center;gap:10px;font-weight:800}.card-title i{color:#9d6aff;font-style:normal}.card-body{padding:14px 18px}.compact-list{display:grid}.compact-row{min-height:49px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.015)}.row-main{display:flex;align-items:center;gap:10px;min-width:0}.product-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#9b61ff,#5a2ed4);font-size:13px}.row-copy{min-width:0}.row-copy strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-copy span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.badge{border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;background:#15271f;color:#53e8a7;border:1px solid rgba(70,230,160,.16)}.badge.gray{background:#191923;color:#aaa7b6;border-color:var(--line)}.badge.amber{background:#2b2112;color:#ffc15d;border-color:rgba(255,184,74,.25)}.badge.red{background:#2a131a;color:#ff6d86;border-color:rgba(255,92,122,.25)}.badge.purple{background:#20183c;color:#b991ff;border-color:rgba(130,84,255,.35)}.profile-table{display:grid;border:1px solid var(--line);border-radius:11px;padding:0 13px}.profile-row{min-height:48px;display:grid;grid-template-columns:120px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px}.profile-row:last-child{border-bottom:0}.profile-row span{color:var(--muted)}.coins-card{margin-top:14px}.coins-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}.coins-value{font-size:26px;font-weight:850}.spark{height:72px;position:relative}.spark svg{width:100%;height:100%}.activity{font-size:11px;margin-top:10px}.activity-row{display:grid;grid-template-columns:70px 1fr auto;gap:8px;margin-top:8px;color:var(--muted)}.activity-row strong{color:var(--green)}.card-foot{padding:13px 18px;border-top:1px solid rgba(255,255,255,.055);color:#a978ff;font-size:11px;font-weight:750}.simple-metric{padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015)}.simple-metric label{display:block;color:var(--muted);font-size:11px}.simple-metric strong{display:block;margin-top:8px}.settings-list{display:grid}.settings-item{height:40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055);color:#b9b5c4;font-size:12px}.settings-item:last-child{border-bottom:0}.empty{padding:24px;text-align:center;color:var(--muted)}.loading{min-height:100vh;display:grid;place-items:center}.spinner{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:var(--purple);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-root{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:100}.toast{background:#151320;border:1px solid var(--line);padding:13px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:13px}.toast.error{border-color:rgba(255,92,122,.45);color:#ff9caf}
@media(max-width:1120px){.grid-main{grid-template-columns:1fr 1fr}.instances-card{grid-column:1/-1}.grid-bottom{grid-template-columns:1fr 1fr}.login-main{grid-template-columns:1fr;padding-top:34px}.login-copy{display:none}.auth-card{justify-self:center}.hero{grid-template-columns:1fr}.hero-stats{margin-top:18px}}
@media(max-width:760px){.topnav{display:none}.topbar{padding:0 14px}.user-meta{display:none}.dashboard{padding:14px}.icon-rail{display:none}.grid-main,.grid-bottom{grid-template-columns:1fr}.instances-card{grid-column:auto}.hero{padding:22px}.hero-stats{grid-template-columns:1fr}.login-main{padding:22px 14px}.auth-card{padding:14px}.auth-pane{padding:20px}.brand strong{font-size:16px}.top-actions .pill{display:none}}


/* 2.7.0-alpha23 migration additions */
.dashboard.no-rail{
  margin-left:0;
  width:min(1320px,calc(100% - 44px));
}
.brand{text-decoration:none;color:inherit}
.button-link{display:inline-flex;align-items:center;text-decoration:none}
.user-menu-wrap{position:relative}
.user-dropdown{
  position:absolute;right:0;top:calc(100% + 10px);z-index:40;
  min-width:210px;padding:8px;border:1px solid var(--line);
  border-radius:14px;background:#12101a;box-shadow:0 20px 50px #0009
}
.user-dropdown a,.user-dropdown button{
  display:block;width:100%;padding:11px 12px;border:0;border-radius:9px;
  background:transparent;color:var(--text);text-align:left;text-decoration:none;
  cursor:pointer
}
.user-dropdown a:hover,.user-dropdown button:hover{background:#ffffff0a}
.page-heading{display:flex;justify-content:space-between;align-items:end;margin:22px 0 18px}
.page-heading h1{margin:0;font-size:30px}
.page-heading p{margin:7px 0 0;color:var(--muted)}
.content-grid{display:grid;gap:14px;margin-bottom:14px}
.content-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.payment-card{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:16px;border:1px solid var(--line);
  border-radius:13px;background:#ffffff05
}
.payment-card div{display:grid;gap:5px}
.payment-card span{color:var(--muted);font-size:12px}
.summary-line{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.foot-button{
  border:0;background:transparent;color:var(--accent);padding:0;cursor:pointer
}
.settings-item{
  width:100%;border:0;background:transparent;color:var(--text);
  text-decoration:none;cursor:pointer
}
.new-table{overflow:auto;border:1px solid var(--line);border-radius:13px}
.new-table-head,.new-table-row{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);
  min-width:640px;gap:12px;padding:12px 14px
}
.new-table-head{
  color:var(--muted);font-size:11px;text-transform:uppercase;
  letter-spacing:.06em;background:#ffffff05
}
.new-table-row{border-top:1px solid var(--line);font-size:13px}
.muted{color:var(--muted);font-size:12px}

@media(max-width:1000px){
  .topnav{display:none}
  .dashboard.no-rail{width:min(100% - 24px,900px)}
  .content-grid.two{grid-template-columns:1fr}
}


/* 2.7.0-alpha25 layout and density correction */
:root{
  --content-max: 1680px;
}

body{
  overflow-x:hidden;
}

.topbar{
  width:100%;
  padding-left:22px;
  padding-right:22px;
  box-sizing:border-box;
}

.topbar > *{
  min-width:0;
}

.topnav{
  flex:1;
  justify-content:center;
  gap:22px;
}

.dashboard.no-rail{
  width:min(var(--content-max),calc(100vw - 36px));
  max-width:none;
  margin:20px auto 32px;
  padding:0;
}

.hero{
  width:100%;
  min-height:146px;
  box-sizing:border-box;
  padding:28px 30px;
  grid-template-columns:minmax(0,1.4fr) minmax(560px,.9fr);
}

.hero h1{
  font-size:30px;
  line-height:1.12;
  letter-spacing:-.025em;
}

.hero p{
  font-size:14px;
}

.hero-stats{
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
}

.grid-main{
  display:grid;
  grid-template-columns:minmax(300px,.88fr) minmax(360px,1.05fr) minmax(360px,1.08fr);
  gap:16px;
  align-items:start;
}

.grid-main > div{
  display:grid;
  gap:16px;
  align-content:start;
}

.grid-bottom{
  display:grid;
  grid-template-columns:repeat(4,minmax(250px,1fr));
  gap:16px;
  align-items:start;
}

.card{
  min-height:0;
  height:auto;
}

.card-head{
  min-height:60px;
  padding:15px 18px;
}

.card-title{
  font-size:16px;
}

.card-body{
  padding:16px 18px;
}

.compact-list{
  display:grid;
  gap:9px;
}

.compact-row{
  min-height:56px;
  padding:10px 12px;
}

.profile-row{
  padding:13px 0;
}

.profile-row strong,
.row-copy strong{
  font-size:14px;
}

.row-copy span,
.profile-row span{
  font-size:12px;
}

.coins-card{
  min-height:0;
}

.coins-value{
  font-size:28px;
  line-height:1.1;
}

.compact-empty{
  min-height:120px;
  display:grid;
  place-items:center;
}

.card-foot{
  min-height:48px;
  padding:13px 18px;
}

.user-pill{
  max-width:320px;
}

.user-meta{
  min-width:0;
}

.user-meta strong,
.user-meta span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
}

@media (min-width: 1900px){
  :root{ --content-max: 1760px; }
  .dashboard.no-rail{
    width:min(var(--content-max),calc(100vw - 48px));
  }
}

@media (max-width: 1380px){
  .grid-main{
    grid-template-columns:minmax(280px,.9fr) minmax(340px,1fr) minmax(340px,1fr);
  }
  .grid-bottom{
    grid-template-columns:repeat(2,minmax(280px,1fr));
  }
  .hero{
    grid-template-columns:1fr;
    gap:18px;
  }
  .hero-stats{
    max-width:none;
  }
}

@media (max-width: 980px){
  .dashboard.no-rail{
    width:calc(100vw - 24px);
    margin-top:12px;
  }
  .grid-main,
  .grid-bottom{
    grid-template-columns:1fr;
  }
  .hero-stats{
    grid-template-columns:1fr;
  }
}

/* 2.7.0-alpha26 finished preview and mobile navigation */
.mobile-menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#ffffff05;color:var(--text);font-size:20px;cursor:pointer}
.mobile-drawer,.mobile-drawer-backdrop{display:none}
.admin-hub{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}
.admin-module{display:flex;align-items:center;gap:15px;min-height:112px;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#15121f,#0f0d17);color:var(--text);text-align:left;cursor:pointer;transition:.18s ease}
.admin-module:hover{transform:translateY(-2px);border-color:#8755ff80;box-shadow:0 18px 46px #0005}
.admin-module i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#783cff25;color:var(--accent);font-style:normal;font-size:22px}
.admin-module span{display:grid;gap:6px;flex:1}.admin-module strong{font-size:16px}.admin-module small{color:var(--muted);line-height:1.35}.admin-module b{color:var(--accent)}
.admin-list-card{min-height:420px}.list-tools{display:flex;gap:8px;align-items:center}.compact-input{min-width:220px;padding:9px 11px}.loading-inline{min-height:120px;display:grid;place-items:center}
.action-stack{display:grid;gap:12px;align-content:start}.json-output{max-height:360px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:#09080f;font-size:11px;white-space:pre-wrap}.error-panel{padding:14px;border:1px solid #ff5d7355;border-radius:12px;background:#ff30451a;color:#ff93a1}
body.drawer-open{overflow:hidden}
@media(max-width:1180px){.topnav{display:none}.mobile-menu-button{display:inline-grid;place-items:center}.admin-hub{grid-template-columns:repeat(2,minmax(240px,1fr))}.mobile-drawer-backdrop{display:block;position:fixed;inset:0;background:#000a;backdrop-filter:blur(3px);z-index:90}.mobile-drawer{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(380px,88vw);z-index:100;transform:translateX(105%);transition:transform .22s ease;background:#0d0b14;border-left:1px solid var(--line);box-shadow:-20px 0 70px #000a;flex-direction:column}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.mobile-drawer-head .brand img{width:28px}.mobile-drawer-head button{border:0;background:transparent;color:var(--text);font-size:30px;cursor:pointer}.mobile-drawer nav{display:grid;padding:14px;gap:5px;overflow:auto}.mobile-drawer nav button{padding:13px 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);text-align:left;font-weight:700;cursor:pointer}.mobile-drawer nav button.active,.mobile-drawer nav button:hover{background:#7b43ff20;color:var(--text)}.mobile-drawer-foot{display:grid;gap:7px;padding:14px;border-top:1px solid var(--line);margin-top:auto}.mobile-drawer-foot a,.mobile-drawer-foot button{padding:12px;border:0;border-radius:10px;background:#ffffff08;color:var(--text);text-align:center;text-decoration:none;cursor:pointer}}
@media(max-width:700px){.topbar{height:64px;padding:0 12px}.brand strong{font-size:16px}.brand img{width:27px}.live-pill,.user-meta,.language{display:none}.user-pill{padding:5px}.top-actions{gap:7px}.dashboard.no-rail{width:calc(100vw - 20px);margin:10px auto 90px}.hero{padding:20px;min-height:0}.hero h1{font-size:24px}.hero-stats{grid-template-columns:1fr}.grid-main,.grid-bottom,.content-grid.two,.admin-hub{grid-template-columns:1fr}.card-head{align-items:flex-start;gap:10px}.list-tools{width:100%;flex-wrap:wrap}.compact-input{min-width:0;flex:1}.new-table{margin:0 -4px}.page-heading h1{font-size:25px}.mobile-bottom-nav{display:grid}}


/* 2.7.0-alpha27 responsive header and mobile correction */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

*{
  box-sizing:border-box;
}

.topbar{
  min-height:76px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:0 24px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
  white-space:nowrap;
}

.brand strong{
  white-space:nowrap;
}

.topnav{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  overflow:hidden;
}

.nav-link{
  flex:0 0 auto;
  white-space:nowrap;
  line-height:1;
  padding:27px 0 24px;
  font-size:14px;
}

.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:max-content;
}

.user-pill{
  width:auto;
  min-width:220px;
  max-width:290px;
}

.mobile-menu-button{
  display:none;
}

.mobile-drawer,
.mobile-backdrop{
  display:none;
}

@media (max-width: 1500px){
  .topbar{
    gap:16px;
    padding:0 18px;
  }

  .topnav{
    gap:14px;
  }

  .nav-link{
    font-size:13px;
  }

  .user-pill{
    min-width:190px;
    max-width:240px;
  }

  .user-meta span{
    display:none;
  }
}

@media (max-width: 1240px){
  .topbar{
    grid-template-columns:auto 1fr auto;
  }

  .topnav{
    display:none !important;
  }

  .mobile-menu-button{
    display:inline-grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#ffffff05;
    color:var(--text);
    cursor:pointer;
    font-size:21px;
  }

  .top-actions .pill:not(.language){
    display:none;
  }

  .user-pill{
    min-width:0;
    width:48px;
    height:48px;
    padding:0;
    justify-content:center;
  }

  .user-pill .user-meta,
  .user-pill > span:last-child{
    display:none;
  }

  .mobile-drawer{
    display:block;
    position:fixed;
    inset:0 auto 0 0;
    width:min(88vw,360px);
    transform:translateX(-105%);
    transition:transform .22s ease;
    z-index:1002;
    background:#0d0b14;
    border-right:1px solid var(--line);
    padding:20px;
    overflow-y:auto;
  }

  .mobile-drawer.open{
    transform:translateX(0);
  }

  .mobile-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:1001;
    background:rgba(3,2,8,.72);
    opacity:0;
    pointer-events:none;
    transition:opacity .22s ease;
    backdrop-filter:none;
  }

  .mobile-backdrop.open{
    opacity:1;
    pointer-events:auto;
  }

  body.drawer-open{
    overflow:hidden;
  }

  body.drawer-open #app > :not(.mobile-drawer):not(.mobile-backdrop){
    filter:none;
  }

  .mobile-nav{
    display:grid;
    gap:8px;
    margin-top:20px;
  }

  .mobile-nav button,
  .mobile-nav a{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:12px;
    background:transparent;
    color:var(--text);
    text-decoration:none;
    cursor:pointer;
    text-align:left;
  }

  .mobile-nav button.active,
  .mobile-nav button:hover,
  .mobile-nav a:hover{
    border-color:var(--line);
    background:#ffffff07;
  }
}

@media (max-width: 720px){
  .topbar{
    min-height:64px;
    grid-template-columns:auto 1fr auto;
    padding:0 12px;
    gap:10px;
  }

  .brand{
    gap:8px;
  }

  .brand img{
    width:28px;
    height:28px;
  }

  .brand strong{
    font-size:15px;
  }

  .top-actions{
    gap:8px;
  }

  .language{
    height:40px;
  }

  .language button{
    min-width:34px;
    padding:0 8px;
  }

  .mobile-menu-button,
  .user-pill{
    width:40px;
    height:40px;
    border-radius:11px;
  }

  .avatar{
    width:30px;
    height:30px;
  }

  .dashboard.no-rail{
    width:100%;
    margin:0;
    padding:12px;
  }

  .hero{
    width:100%;
    min-height:0;
    display:block;
    padding:20px 16px;
    border-radius:16px;
  }

  .hero h1{
    font-size:24px;
    line-height:1.18;
  }

  .hero p{
    font-size:13px;
    line-height:1.55;
  }

  .hero-stats{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:18px;
  }

  .mini-stat{
    width:100%;
    min-width:0;
  }

  .grid-main,
  .grid-bottom,
  .content-grid.two{
    display:grid;
    grid-template-columns:1fr !important;
    gap:12px;
  }

  .card{
    width:100%;
    min-width:0;
    border-radius:16px;
  }

  .card-head{
    padding:14px;
    gap:10px;
    align-items:flex-start;
  }

  .card-title{
    font-size:15px;
  }

  .card-head .secondary{
    white-space:nowrap;
    padding:9px 11px;
    font-size:12px;
  }

  .card-body{
    padding:14px;
  }

  .compact-row{
    min-height:52px;
    padding:10px;
  }

  .row-main{
    min-width:0;
  }

  .row-copy{
    min-width:0;
  }

  .row-copy strong,
  .row-copy span{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .profile-row{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    padding:11px 0;
  }

  .profile-row strong{
    overflow-wrap:anywhere;
  }

  .coins-layout{
    grid-template-columns:1fr;
    gap:16px;
  }

  .spark{
    width:100%;
    max-width:none;
  }

  .new-table{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .page-heading{
    margin:14px 0;
    padding:0 2px;
  }

  .page-heading h1{
    font-size:24px;
  }

  .login-main{
    width:100%;
    display:block;
    padding:18px 12px 28px;
  }

  .login-copy{
    display:none;
  }

  .auth-card{
    width:100%;
    max-width:none;
    padding:14px;
  }

  .auth-tabs{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }

  .auth-tab{
    min-height:46px;
  }

  .auth-pane{
    padding:18px 2px 4px;
  }

  .input{
    width:100%;
    min-width:0;
  }

  .form-row{
    gap:10px;
    align-items:flex-start;
  }
}


/* 2.7.0-alpha28: permanent blur removal and icon navigation */
[hidden]{
  display:none !important;
}

.mobile-drawer-backdrop,
.mobile-backdrop{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
}

.mobile-drawer-backdrop[hidden],
.mobile-backdrop[hidden]{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body:not(.drawer-open) .mobile-drawer-backdrop,
body:not(.drawer-open) .mobile-backdrop{
  display:none !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body:not(.drawer-open) #app,
body:not(.drawer-open) main,
body:not(.drawer-open) .dashboard,
body:not(.drawer-open) .app-shell{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.topbar{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  background:rgba(5,5,11,.97);
}

.topnav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  overflow:visible;
}

.nav-link.nav-icon{
  position:relative;
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:inline-grid;
  place-items:center;
  padding:0;
  border:1px solid transparent;
  border-radius:12px;
  color:#aaa5b6;
  background:transparent;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:
    color .15s ease,
    background .15s ease,
    border-color .15s ease,
    transform .15s ease;
}

.nav-link.nav-icon::after{
  content:attr(data-tooltip);
  position:absolute;
  left:50%;
  top:calc(100% + 11px);
  z-index:1200;
  transform:translate(-50%,-4px);
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#15121f;
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}

.nav-link.nav-icon::before{
  content:"";
  position:absolute;
  left:50%;
  top:calc(100% + 5px);
  z-index:1201;
  width:8px;
  height:8px;
  transform:translateX(-50%) rotate(45deg);
  border-left:1px solid var(--line);
  border-top:1px solid var(--line);
  background:#15121f;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .14s ease,visibility .14s ease;
}

.nav-link.nav-icon:hover,
.nav-link.nav-icon:focus-visible{
  color:#fff;
  border-color:rgba(150,102,255,.35);
  background:rgba(124,70,255,.13);
  transform:translateY(-1px);
  outline:none;
}

.nav-link.nav-icon:hover::after,
.nav-link.nav-icon:focus-visible::after,
.nav-link.nav-icon:hover::before,
.nav-link.nav-icon:focus-visible::before{
  opacity:1;
  visibility:visible;
}

.nav-link.nav-icon:hover::after,
.nav-link.nav-icon:focus-visible::after{
  transform:translate(-50%,0);
}

.nav-link.nav-icon.active{
  color:#fff;
  border-color:rgba(157,106,255,.5);
  background:linear-gradient(145deg,rgba(124,70,255,.24),rgba(83,46,170,.13));
  box-shadow:inset 0 -2px 0 #9a62ff,0 0 22px rgba(122,71,255,.10);
}

.nav-link.nav-icon.active::marker{
  display:none;
}

/* Icon navigation remains usable longer than the old text navigation. */
@media (min-width:1101px) and (max-width:1240px){
  .topnav{
    display:flex !important;
    gap:6px;
  }

  .mobile-menu-button{
    display:none !important;
  }

  .nav-link.nav-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
    font-size:18px;
  }

  .live-pill{
    display:none !important;
  }
}

@media (max-width:1100px){
  .topnav{
    display:none !important;
  }

  .mobile-menu-button{
    display:inline-grid !important;
  }
}

@media (max-width:720px){
  .mobile-drawer-backdrop:not([hidden]),
  .mobile-backdrop:not([hidden]){
    background:rgba(3,2,8,.78);
  }
}


/* 2.7.0-alpha29 login hotfix */
.auth-pane[aria-busy="true"]{
  pointer-events:none;
}

.primary:disabled{
  opacity:.62;
  cursor:wait;
  filter:none;
}


/* 2.7.0-alpha32 New-UI-only preview, roles and operator mobile support */
.preview-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid rgba(155,98,255,.36);
  border-radius:999px;
  background:rgba(123,67,255,.12);
  color:#cbb4ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.preview-notice{
  padding:12px 14px;
  border:1px solid rgba(155,98,255,.24);
  border-radius:12px;
  background:rgba(123,67,255,.08);
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.roles-layout{
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr);
  gap:16px;
  align-items:start;
}

.role-card-list{
  display:grid;
  gap:9px;
}

.role-list-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:68px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#ffffff04;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.role-list-card:hover,
.role-list-card.selected{
  border-color:rgba(155,98,255,.45);
  background:rgba(123,67,255,.10);
}

.role-list-card span:first-child{
  min-width:0;
  display:grid;
  gap:4px;
}

.role-list-card strong,
.role-list-card small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.role-list-card small{
  color:var(--muted);
}

.new-ui-form{
  display:grid;
  gap:14px;
}

.new-ui-form label{
  display:grid;
  gap:7px;
}

.new-ui-form label>span{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}

.textarea{
  min-height:92px;
  resize:vertical;
}

.permission-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.permission-heading span{
  color:var(--muted);
  font-size:12px;
}

.permission-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:420px;
  overflow:auto;
  padding-right:4px;
}

.permission-option{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:flex-start;
  gap:10px !important;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#ffffff03;
}

.permission-option input{
  margin-top:3px;
}

.permission-option span{
  min-width:0;
  display:grid;
  gap:3px;
}

.permission-option strong,
.permission-option small{
  overflow-wrap:anywhere;
}

.operator-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(270px,1fr));
  gap:12px;
}

.operator-card{
  width:100%;
  display:grid;
  gap:14px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#ffffff04;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,transform .15s ease,background .15s ease;
}

.operator-card:hover,
.operator-card:focus-visible{
  border-color:rgba(155,98,255,.45);
  background:rgba(123,67,255,.08);
  transform:translateY(-1px);
  outline:none;
}

.operator-card-top{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}

.operator-card-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.operator-card-copy strong,
.operator-card-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.operator-card-copy small{
  color:var(--muted);
}

.operator-card-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.operator-card-meta span{
  min-width:0;
  display:grid;
  gap:4px;
  padding:9px;
  border-radius:10px;
  background:#0003;
}

.operator-card-meta small{
  color:var(--muted);
}

.operator-card-meta strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.new-ui-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:1600;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(2,2,7,.82);
}

.new-ui-modal{
  width:min(900px,100%);
  max-height:calc(100vh - 36px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#0f0c16;
  box-shadow:0 28px 90px rgba(0,0,0,.58);
}

.modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}

.modal-head>div{
  min-width:0;
  display:grid;
  gap:3px;
}

.modal-head small{
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.modal-head button{
  width:38px;
  height:38px;
  border:0;
  border-radius:10px;
  background:#ffffff08;
  color:var(--text);
  font-size:24px;
  cursor:pointer;
}

.modal-body{
  overflow:auto;
  padding:18px;
}

.operator-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:18px;
}

.operator-detail-side{
  display:grid;
  align-content:start;
  gap:9px;
}

.detail-stat{
  display:grid;
  gap:5px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#ffffff03;
}

.detail-stat span{
  color:var(--muted);
  font-size:12px;
}

.operator-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.danger{
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(255,90,120,.38);
  border-radius:11px;
  background:rgba(255,70,100,.12);
  color:#ff9caf;
  cursor:pointer;
}

.mobile-section-title{
  margin:22px 0 10px;
  color:var(--text);
  font-weight:800;
}

@media(max-width:1180px){
  .operator-card-grid{
    grid-template-columns:repeat(2,minmax(250px,1fr));
  }
}

@media(max-width:820px){
  .roles-layout,
  .operator-detail-grid{
    grid-template-columns:1fr;
  }

  .permission-grid{
    grid-template-columns:1fr;
    max-height:none;
  }

  .operator-card-grid{
    grid-template-columns:1fr;
  }

  .operator-page-head{
    display:grid;
    grid-template-columns:1fr;
  }

  .operator-page-head .list-tools{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .operator-page-head .compact-input{
    grid-column:1 / -1;
    width:100%;
  }

  .new-ui-modal-backdrop{
    align-items:end;
    padding:0;
  }

  .new-ui-modal{
    width:100%;
    max-height:94vh;
    border-radius:18px 18px 0 0;
  }

  .modal-body{
    padding:14px;
  }

  .operator-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .operator-actions>*{
    width:100%;
  }

  .new-table{
    overflow:visible;
    border:0;
  }

  .new-table-head{
    display:none !important;
  }

  .new-table-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    margin-bottom:10px;
    padding:5px 12px;
    border:1px solid var(--line) !important;
    border-radius:12px;
    background:#ffffff03;
  }

  .new-table-row>span{
    display:grid;
    grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);
    gap:12px;
    padding:9px 0;
    border-bottom:1px solid var(--line);
    overflow-wrap:anywhere;
  }

  .new-table-row>span:last-child{
    border-bottom:0;
  }

  .new-table-row>span::before{
    content:attr(data-label);
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
}

@media(max-width:520px){
  .operator-card-meta{
    grid-template-columns:1fr;
  }

  .operator-page-head .list-tools{
    grid-template-columns:1fr;
  }

  .operator-page-head .compact-input{
    grid-column:auto;
  }

  .card-head .primary,
  .card-head .secondary{
    width:100%;
  }
}


/* 2.7.0-alpha33 role workspaces */
.customer-dashboard-grid,
.ops-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.workspace-action-card,
.workspace-info-card,
.ops-kpi{
  min-height:150px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#ffffff04;
  color:var(--text);
}

.workspace-action-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  text-align:left;
  cursor:pointer;
}

.workspace-action-card i{
  width:46px;height:46px;display:grid;place-items:center;
  border-radius:13px;background:rgba(126,72,255,.15);font-size:22px;
}

.workspace-action-card span,
.workspace-info-card{
  display:grid;
  align-content:center;
  gap:6px;
}

.workspace-action-card small,
.workspace-info-card small,
.ops-kpi small{
  color:var(--muted);
  line-height:1.45;
}

.workspace-info-card strong,
.ops-kpi strong{
  font-size:28px;
}

.account-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.account-wide{grid-column:1/-1}
.account-subsection{margin-top:16px}
.account-balance{display:grid;gap:5px}
.account-balance strong{font-size:34px}
.account-balance span{color:var(--muted)}
.account-edit-button{margin-top:14px}

.remote-toolbar{
  display:flex;
  gap:10px;
  margin-bottom:14px;
}

.remote-toolbar .input{flex:1}
.remote-instance-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(280px,1fr));
  gap:14px;
}

.remote-instance-card{
  display:grid;
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#ffffff04;
}

.remote-instance-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.remote-instance-head>span:first-child{
  min-width:0;
  display:grid;
  gap:4px;
}

.remote-instance-head small{color:var(--muted)}
.edition-badge{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(157,106,255,.4);
  border-radius:999px;
  background:rgba(124,70,255,.13);
  color:#d4c2ff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

.remote-meta-grid,
.remote-control-banner{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.remote-meta-grid span,
.remote-control-banner span{
  display:grid;gap:4px;padding:10px;border-radius:11px;background:#0003;
}

.remote-meta-grid small,
.remote-control-banner small{color:var(--muted)}
.remote-instance-actions{display:flex;gap:8px}
.remote-session-bar{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);
}
.remote-frame{width:100%;min-height:70vh;border:0;background:#07070b}
.remote-live-modal{width:min(1500px,calc(100vw - 24px))}

.admin-shell{
  min-height:calc(100vh - 110px);
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:#0d0b13;
}

.admin-sidebar{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:18px 12px;
  border-right:1px solid var(--line);
  background:#09080e;
}

.admin-sidebar-title{
  padding:8px 10px 16px;
  font-weight:900;
  font-size:18px;
}

.admin-sidebar button{
  display:flex;align-items:center;gap:10px;
  min-height:46px;padding:0 12px;border:0;border-radius:11px;
  background:transparent;color:var(--text);cursor:pointer;text-align:left;
}
.admin-sidebar button:hover{background:#ffffff08}

.admin-workspace{padding:22px}
.admin-workspace-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
  margin-bottom:20px;
}
.admin-workspace-head h1{margin:5px 0 7px}
.admin-workspace-head p{margin:0;color:var(--muted)}

.admin-locked-panel,
.supervisor-unlock-form{
  min-height:360px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  padding:30px;
  border:1px dashed rgba(157,106,255,.35);
  border-radius:16px;
  text-align:center;
}
.supervisor-unlock-form{max-width:520px;margin:0 auto}
.supervisor-unlock-form .input{width:100%}
.lock-symbol{font-size:44px;color:#b58cff}

.admin-settings-panel{display:grid;gap:14px}
.admin-settings-form{display:grid;gap:14px}
.admin-settings-section{
  display:grid;gap:10px;
  padding:16px;border:1px solid var(--line);border-radius:14px;
}
.admin-settings-section legend{padding:0 8px;font-weight:900}
.admin-setting-row{
  display:grid!important;
  grid-template-columns:minmax(180px,.9fr) minmax(240px,1.1fr);
  align-items:center;
  gap:18px!important;
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
.admin-setting-row:last-child{border-bottom:0}
.admin-setting-row>span:first-child{display:grid;gap:3px}
.admin-setting-row small{color:var(--muted)}
.admin-save-bar{
  position:sticky;bottom:0;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;border:1px solid var(--line);border-radius:14px;
  background:#11101a;
}
.admin-save-bar span{color:var(--muted)}

@media(max-width:1180px){
 .customer-dashboard-grid,.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .remote-instance-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}
}

@media(max-width:820px){
 .customer-dashboard-grid,.ops-kpi-grid,.account-section-grid,.remote-instance-grid{grid-template-columns:1fr}
 .account-wide{grid-column:auto}
 .remote-toolbar,.remote-instance-actions,.admin-workspace-head,.admin-save-bar{display:grid;grid-template-columns:1fr}
 .admin-shell{grid-template-columns:1fr}
 .admin-sidebar{
  flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)
 }
 .admin-sidebar-title{display:none}
 .admin-sidebar button{flex:0 0 auto}
 .admin-workspace{padding:14px}
 .admin-setting-row{grid-template-columns:1fr}
 .remote-control-banner,.remote-meta-grid{grid-template-columns:1fr}
}


/* 2.7.0-alpha34 cohesive administration and updater */
.admin-sidebar button.active{
  background:rgba(124,70,255,.16);
  color:#fff;
  box-shadow:inset 3px 0 0 #9a62ff;
}

.admin-unlocked-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:40px;
  padding:0 13px;
  border:1px solid rgba(77,214,145,.35);
  border-radius:11px;
  background:rgba(52,190,125,.10);
  color:#83e5b4;
  font-weight:800;
}

.admin-section-host,
.admin-section-page{
  display:grid;
  gap:16px;
  min-width:0;
}

.admin-section-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}

.admin-section-heading>div{
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.admin-section-heading h2{
  margin:0 0 5px;
  font-size:24px;
}

.admin-section-heading p{
  margin:0;
  color:var(--muted);
}

.admin-section-icon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(157,106,255,.3);
  border-radius:12px;
  background:rgba(124,70,255,.12);
  font-size:21px;
}

.admin-toolbar{
  display:flex;
  gap:10px;
  align-items:center;
}

.admin-toolbar .input{
  flex:1;
}

.admin-subpanel{
  min-width:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#ffffff03;
}

.admin-subpanel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.admin-description{
  color:var(--muted);
  line-height:1.55;
}

.admin-system-tabs{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding-bottom:3px;
}

.admin-system-tabs button{
  flex:0 0 auto;
  min-height:40px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#ffffff03;
  color:var(--muted);
  cursor:pointer;
}

.admin-system-tabs button.active,
.admin-system-tabs button:hover{
  border-color:rgba(157,106,255,.4);
  background:rgba(124,70,255,.13);
  color:#fff;
}

.admin-overview-grid,
.admin-control-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.admin-overview-tile{
  min-height:150px;
  display:grid;
  align-content:center;
  gap:8px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#ffffff03;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.admin-overview-tile span{
  font-size:25px;
}

.admin-overview-tile small{
  color:var(--muted);
}

.admin-overview-tile:hover,
.admin-overview-tile.emphasis{
  border-color:rgba(157,106,255,.42);
  background:rgba(124,70,255,.10);
}

.admin-updater-layout{
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);
  gap:14px;
}

.update-dropzone{
  min-height:210px;
  display:grid!important;
  place-items:center;
  align-content:center;
  gap:9px!important;
  padding:22px;
  border:1px dashed rgba(157,106,255,.45);
  border-radius:15px;
  background:rgba(124,70,255,.06);
  text-align:center;
  cursor:pointer;
}

.update-dropzone:hover{
  background:rgba(124,70,255,.10);
}

.update-drop-icon{
  font-size:38px;
  color:#b58cff!important;
}

.update-dropzone small{
  color:var(--muted)!important;
}

.updater-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:13px;
}

.update-progress-list{
  display:grid;
  gap:8px;
}

.update-progress-step{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:49px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#ffffff02;
}

.update-progress-step>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ffffff08;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}

.update-progress-step small{
  color:var(--muted);
}

.update-progress-step.active{
  border-color:rgba(157,106,255,.5);
  background:rgba(124,70,255,.10);
}

.update-progress-step.active>span{
  background:#8150e8;
  color:#fff;
}

.update-progress-step.done{
  border-color:rgba(77,214,145,.26);
}

.update-progress-step.done>span{
  background:rgba(52,190,125,.18);
  color:#83e5b4;
}

.update-progress-step.failed{
  border-color:rgba(255,84,112,.4);
  background:rgba(255,84,112,.07);
}

.update-progress-step.failed>span{
  background:rgba(255,84,112,.18);
  color:#ff9caf;
}

.success-panel{
  display:grid;
  gap:8px;
  margin-top:13px;
  padding:13px;
  border:1px solid rgba(77,214,145,.3);
  border-radius:12px;
  background:rgba(52,190,125,.08);
  color:#a6f0ca;
}

.admin-result-panel{
  grid-column:1/-1;
}

.readable-kv{
  display:grid;
  gap:7px;
}

.readable-kv>div{
  display:grid;
  grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);
  gap:12px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#ffffff02;
}

.readable-kv span{
  color:var(--muted);
}

.readable-kv strong{
  overflow-wrap:anywhere;
}

.readable-list{
  display:grid;
  gap:7px;
}

.readable-list span{
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:10px;
}

@media(max-width:1100px){
  .admin-overview-grid,
  .admin-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .admin-updater-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .admin-overview-grid,
  .admin-control-grid{
    grid-template-columns:1fr;
  }

  .admin-toolbar,
  .updater-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .admin-toolbar>*,
  .updater-actions>*{
    width:100%;
  }

  .update-progress-step{
    grid-template-columns:32px minmax(0,1fr);
  }

  .update-progress-step small{
    grid-column:2;
  }

  .readable-kv>div{
    grid-template-columns:1fr;
  }
}


/* 2.7.0-alpha35 dashboard, support and persistent admin shell */
.ops-kpi{
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:14px;
  min-height:142px;
  padding:18px;
}

.ops-kpi-label{
  color:var(--text);
  font-size:15px;
  font-weight:800;
  line-height:1.3;
}

.ops-kpi-value{
  align-self:center;
  font-size:40px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.04em;
}

.ops-kpi-caption{
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
}

.support-ticket-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.support-ticket-card{
  display:grid;
  gap:14px;
  padding:15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#ffffff03;
}

.support-ticket-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.support-ticket-head>span:first-child{
  min-width:0;
  display:grid;
  gap:4px;
}

.support-ticket-head strong,
.support-ticket-head small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.support-ticket-head small{
  color:var(--muted);
}

.support-ticket-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.support-ticket-meta span{
  min-width:0;
  display:grid;
  gap:4px;
  padding:9px;
  border-radius:10px;
  background:#0003;
}

.support-ticket-meta small{
  color:var(--muted);
}

.support-ticket-meta strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.support-ticket-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.admin-shell{
  min-height:calc(100vh - 115px);
}

.admin-sidebar{
  position:sticky;
  top:84px;
  align-self:start;
  max-height:calc(100vh - 104px);
  overflow:auto;
}

.admin-workspace{
  min-width:0;
}

.component-groups,
.component-list{
  display:grid;
  gap:10px;
}

.component-group{
  border:1px solid var(--line);
  border-radius:13px;
  background:#ffffff02;
  overflow:hidden;
}

.component-group-title{
  padding:11px 13px;
  border-bottom:1px solid var(--line);
  font-weight:900;
}

.component-group-body{
  display:grid;
}

.component-field{
  display:grid;
  grid-template-columns:minmax(150px,.75fr) minmax(0,1.25fr);
  gap:14px;
  padding:11px 13px;
  border-bottom:1px solid var(--line);
}

.component-field:last-child{
  border-bottom:0;
}

.component-field>span{
  color:var(--muted);
}

.component-field strong{
  overflow-wrap:anywhere;
}

.component-field.nested{
  grid-template-columns:1fr;
}

.component-list-item,
.component-chip{
  padding:9px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#ffffff02;
}

.admin-setting-group{
  display:grid;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}

.admin-setting-group-head{
  display:grid;
  gap:3px;
}

.admin-setting-group-head small{
  color:var(--muted);
}

.admin-setting-array{
  display:grid;
  gap:8px;
}

.admin-setting-array-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

.admin-setting-array-item>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#ffffff08;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.nested-settings{
  margin:8px 0;
  background:#0002;
}

.empty.compact{
  min-height:auto;
  padding:10px;
}

@media(max-width:900px){
  .support-ticket-grid{
    grid-template-columns:1fr;
  }

  .support-ticket-meta{
    grid-template-columns:1fr;
  }

  .support-ticket-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}

@media(max-width:820px){
  .admin-sidebar{
    position:static;
    max-height:none;
  }

  .component-field{
    grid-template-columns:1fr;
  }
}


/* 2.7.0-alpha36 role view switcher and dashboard request guard */
.workspace-switcher{
  position:relative;
  margin-left:auto;
}

.workspace-switcher-trigger{
  min-width:164px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#ffffff04;
  color:var(--text);
  cursor:pointer;
}

.workspace-switcher-trigger:hover,
.workspace-switcher-trigger[aria-expanded="true"]{
  border-color:rgba(157,106,255,.45);
  background:rgba(124,70,255,.10);
}

.workspace-switcher-menu{
  position:absolute;
  z-index:1500;
  top:calc(100% + 8px);
  right:0;
  width:230px;
  padding:7px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#100d17;
  box-shadow:0 22px 70px rgba(0,0,0,.5);
}

.workspace-switcher-menu[hidden]{
  display:none!important;
}

.workspace-switcher-menu button{
  width:100%;
  min-height:46px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:7px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--text);
  text-align:left;
  cursor:pointer;
}

.workspace-switcher-menu button:hover,
.workspace-switcher-menu button.active{
  background:rgba(124,70,255,.13);
}

.workspace-switcher-menu button>span{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#ffffff08;
}

.workspace-switcher-menu button>b:last-child{
  color:#a980ff;
}

@media(max-width:1050px){
  .workspace-switcher-trigger{
    min-width:auto;
  }

  .workspace-switcher-trigger span{
    display:none;
  }
}

@media(max-width:760px){
  .workspace-switcher{
    order:2;
    margin-left:0;
  }

  .workspace-switcher-trigger{
    width:42px;
    padding:0 10px;
  }

  .workspace-switcher-menu{
    position:fixed;
    top:72px;
    right:12px;
    left:12px;
    width:auto;
  }
}


/* 2.7.0-alpha37 fixed three-column header */
.topbar{
  height:76px;
  min-height:76px;
  display:grid;
  grid-template-columns:minmax(210px,auto) minmax(220px,1fr) minmax(420px,auto);
  align-items:center;
  gap:20px;
  padding:0 24px;
  overflow:visible;
}

.topbar-brand{
  min-width:0;
  display:flex;
  align-items:center;
}

.topbar-brand .brand{
  min-width:max-content;
}

.topnav{
  min-width:0;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  overflow:visible;
}

.top-actions{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
}

.top-actions .workspace-switcher{
  flex:0 0 auto;
  margin-left:0;
}

.top-actions .language{
  flex:0 0 auto;
}

.top-actions .user-menu-wrap{
  flex:0 1 280px;
  min-width:0;
}

.top-actions .user-pill{
  width:100%;
  min-width:190px;
  max-width:280px;
}

.customer-hero{
  align-items:center;
}

.customer-dashboard-grid{
  align-items:stretch;
}

.workspace-action-card,
.workspace-info-card{
  min-height:150px;
  height:100%;
}

@media(max-width:1450px){
  .topbar{
    grid-template-columns:minmax(185px,auto) minmax(190px,1fr) minmax(330px,auto);
    gap:14px;
    padding:0 18px;
  }

  .top-actions .user-pill{
    min-width:165px;
    max-width:220px;
  }

  .workspace-switcher-trigger{
    min-width:145px;
  }
}

@media(max-width:1180px){
  .topbar{
    grid-template-columns:auto minmax(0,1fr) auto;
  }

  .workspace-switcher-trigger{
    min-width:auto;
    width:44px;
    padding:0 11px;
  }

  .workspace-switcher-trigger span{
    display:none;
  }

  .top-actions .user-pill{
    width:48px;
    min-width:48px;
    max-width:48px;
    padding:0;
    justify-content:center;
  }

  .top-actions .user-meta,
  .top-actions .user-pill>span:last-child{
    display:none;
  }
}

@media(max-width:900px){
  .topbar{
    grid-template-columns:auto 1fr auto;
    height:68px;
    min-height:68px;
    padding:0 12px;
    gap:10px;
  }

  .topnav{
    display:none!important;
  }

  .mobile-menu-button{
    display:inline-grid;
  }

  .top-actions{
    gap:7px;
  }

  .top-actions .language{
    display:none;
  }
}

@media(max-width:560px){
  .topbar-brand .brand strong{
    display:none;
  }

  .workspace-switcher-menu{
    top:68px;
  }
}


/* 2.7.0-alpha38 fuller dashboard and admin workspace */
.customer-detail-grid{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:14px;margin-top:14px}
.dashboard-panel{
 min-width:0;min-height:250px;display:flex;flex-direction:column;
 border:1px solid var(--line);border-radius:17px;
 background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),rgba(10,9,16,.76);
 overflow:hidden
}
.dashboard-panel-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line)}
.dashboard-panel-head>div{display:flex;align-items:center;gap:9px}
.panel-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(124,70,255,.14);color:#b894ff}
.dashboard-panel-body{flex:1;padding:14px 16px}
.text-button{border:0;background:transparent;color:#b894ff;font-weight:800;cursor:pointer}
.activity-list{display:grid;align-content:start;gap:3px}
.activity-item{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.activity-item:last-child{border-bottom:0}
.activity-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#8c59ff;box-shadow:0 0 14px rgba(140,89,255,.65)}
.activity-item>span:last-child{display:grid;gap:4px}
.activity-item small{color:var(--muted)}
.dashboard-empty{min-height:150px}
.support-summary-body{display:grid;align-content:center;gap:18px}
.support-summary-stat{display:grid;gap:5px}
.support-summary-stat span{color:var(--muted)}
.support-summary-stat strong{font-size:42px;line-height:1}

.admin-shell{background:linear-gradient(180deg,rgba(125,71,255,.035),transparent 220px),#0b0a10}
.admin-workspace{padding:0;background:#0d0c13}
.admin-workspace-head{
 margin:0;padding:24px 26px;border-bottom:1px solid var(--line);
 background:linear-gradient(120deg,rgba(119,66,255,.11),rgba(119,66,255,.015) 60%),#111019
}
.admin-section-host{padding:22px 26px 28px}
.admin-section-page{gap:18px}
.admin-section-heading{padding:0 0 16px;border-bottom:1px solid var(--line)}
.admin-system-tabs{padding:7px;border:1px solid var(--line);border-radius:13px;background:#09080e}
.admin-system-tabs button{border-color:transparent;background:transparent}
.admin-system-tabs button.active{
 border-color:rgba(157,106,255,.38);
 background:linear-gradient(180deg,rgba(124,70,255,.2),rgba(124,70,255,.1));
 box-shadow:0 6px 20px rgba(0,0,0,.22)
}
.admin-subpanel{padding:0;background:#111019;overflow:hidden}
.admin-subpanel-head{min-height:56px;margin:0;padding:0 16px;border-bottom:1px solid var(--line);background:#ffffff02}
.admin-subpanel>.admin-description,
.admin-subpanel>.action-stack,
.admin-subpanel>.new-ui-form,
.admin-subpanel>#adminPanelSettings,
.admin-subpanel>#rolesList,
.admin-subpanel>#roleEditor,
.admin-subpanel>#operatorsList,
.admin-subpanel>#storeWorkspaceBody,
.admin-subpanel>#auditWorkspaceBody{margin:16px}
.admin-toolbar{padding:12px;border:1px solid var(--line);border-radius:13px;background:#111019}
.admin-overview-tile{
 min-height:168px;
 background:radial-gradient(circle at 100% 0,rgba(125,71,255,.09),transparent 50%),#111019
}
.admin-overview-tile:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.admin-settings-section{background:#0d0c13}

@media(max-width:1200px){
 .customer-detail-grid{grid-template-columns:1fr 1fr}
 .customer-support-summary{grid-column:1/-1;min-height:190px}
}
@media(max-width:820px){
 .customer-detail-grid{grid-template-columns:1fr}
 .customer-support-summary{grid-column:auto}
 .admin-section-host{padding:14px}
 .admin-workspace-head{padding:18px 14px}
}


/* 2.7.0-alpha39 customer-account profile rows hotfix */
.profile-detail-list{
  display:grid;
  gap:0;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}

.profile-detail-row{
  display:grid;
  grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);
  gap:14px;
  align-items:center;
  min-height:48px;
  padding:10px 13px;
  border-bottom:1px solid var(--line);
  background:#ffffff02;
}

.profile-detail-row:last-child{
  border-bottom:0;
}

.profile-detail-row span{
  color:var(--muted);
}

.profile-detail-row strong{
  overflow-wrap:anywhere;
}

@media(max-width:620px){
  .profile-detail-row{
    grid-template-columns:1fr;
    gap:4px;
  }
}


/* 2.7.0-alpha40 full localization and product add-ons */
.store-product-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.store-product-card{
  min-width:0;
  display:grid;
  gap:15px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:
    radial-gradient(circle at 100% 0,rgba(130,77,255,.08),transparent 42%),
    #111019;
}

.store-product-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.store-product-card-head>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}

.store-product-card-head>div>span:last-child{
  min-width:0;
  display:grid;
  gap:4px;
}

.store-product-card-head strong,
.store-product-card-head small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.store-product-card-head small{
  color:var(--muted);
}

.store-product-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(124,70,255,.16);
  color:#b894ff;
  font-size:19px;
}

.store-product-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.store-product-summary>span{
  min-width:0;
  display:grid;
  gap:5px;
  padding:10px;
  border-radius:10px;
  background:#0003;
}

.store-product-summary small{
  color:var(--muted);
}

.store-product-summary strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.store-product-actions{
  display:flex;
  gap:9px;
}

.store-product-actions>*{
  flex:1;
}

.store-addon-section{
  display:grid;
  gap:9px;
  padding-top:13px;
  border-top:1px solid var(--line);
}

.store-addon-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.store-addon-section-title>span{
  min-width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#ffffff08;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}

.store-addon-list{
  display:grid;
  gap:7px;
}

.store-addon-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#ffffff02;
}

.store-addon-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

.store-addon-main>span:last-child{
  min-width:0;
  display:grid;
  gap:3px;
}

.store-addon-main strong,
.store-addon-main small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.store-addon-main small,
.store-addon-price small{
  color:var(--muted);
}

.store-addon-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(124,70,255,.12);
  color:#b894ff;
}

.store-addon-price{
  display:grid;
  justify-items:end;
  gap:3px;
  font-size:12px;
}

.store-addon-actions{
  display:flex;
  gap:5px;
}

.icon-action{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:9px;
  background:#ffffff04;
  color:var(--text);
  cursor:pointer;
}

.icon-action:hover{
  border-color:rgba(157,106,255,.42);
  background:rgba(124,70,255,.11);
}

.danger-outline{
  color:#ff9caf;
}

.store-empty{
  min-height:76px;
  padding:14px;
}

.store-editor-modal{
  width:min(860px,100%);
}

.store-form-context{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(124,70,255,.07);
}

.store-form-context span{
  color:var(--muted);
}

.form-grid{
  display:grid;
  gap:12px;
}

.form-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.form-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.store-checkbox{
  min-height:46px;
  display:flex!important;
  align-items:center;
  gap:10px!important;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#ffffff02;
}

.store-checkbox>span{
  color:var(--text)!important;
}

.modal-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding-top:4px;
}

@media(max-width:1280px){
  .store-product-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .store-product-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .store-addon-row{
    grid-template-columns:1fr auto;
  }

  .store-addon-price{
    grid-column:1;
    justify-items:start;
  }

  .store-addon-actions{
    grid-column:2;
    grid-row:1 / span 2;
  }

  .form-grid.two,
  .form-grid.three{
    grid-template-columns:1fr;
  }

  .store-product-actions,
  .modal-form-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* 2.7.0-alpha43 motion, loaders and utilities */
:root{
  --motion-fast:160ms;
  --motion-medium:280ms;
  --focus-ring:0 0 0 3px rgba(154,98,255,.34);
}

html[data-theme="light"]{
  --bg:#f4f2f8;
  --panel:#ffffff;
  --panel2:#f8f6fb;
  --line:rgba(35,28,52,.13);
  --text:#18131f;
  --muted:#6d6579;
  --purple:#6e37dc;
  --purple2:#985cff;
  color-scheme:light;
}

html[data-theme="light"] body{
  background:#f4f2f8;
}

html[data-theme="light"] .topbar,
html[data-theme="light"] .card,
html[data-theme="light"] .dashboard-panel,
html[data-theme="light"] .admin-shell,
html[data-theme="light"] .admin-workspace,
html[data-theme="light"] .admin-subpanel,
html[data-theme="light"] .workspace-action-card,
html[data-theme="light"] .workspace-info-card,
html[data-theme="light"] .ops-kpi,
html[data-theme="light"] .user-dropdown,
html[data-theme="light"] .workspace-switcher-menu,
html[data-theme="light"] .utility-panel,
html[data-theme="light"] .cookie-banner{
  background-color:rgba(255,255,255,.94);
  color:var(--text);
}

html[data-theme="light"] .ambient-grid{
  opacity:.28;
}

html[data-theme="light"] .ambient-orb{
  opacity:.18;
}

html[data-font-size="large"]{font-size:112.5%}
html[data-font-size="xlarge"]{font-size:125%}

html.high-contrast{
  --line:rgba(255,255,255,.32);
  --muted:#d2ceda;
}
html[data-theme="light"].high-contrast{
  --line:rgba(0,0,0,.35);
  --muted:#3f3948;
}

html.focus-mode :focus-visible{
  outline:none!important;
  box-shadow:var(--focus-ring)!important;
}

html.reduced-motion *,
html.reduced-motion *::before,
html.reduced-motion *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}

.ambient-background{
  position:fixed;
  inset:0;
  z-index:-3;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 92%,rgba(72,30,155,.24),transparent 33%),
    radial-gradient(circle at 78% 4%,rgba(94,46,190,.14),transparent 30%),
    var(--bg);
}

.ambient-grid{
  position:absolute;
  inset:-10%;
  opacity:.42;
  background-image:
    linear-gradient(rgba(151,107,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(151,107,255,.055) 1px,transparent 1px);
  background-size:54px 54px;
  transform:perspective(900px) rotateX(58deg) translateY(-12%);
  transform-origin:center top;
  animation:grid-drift 28s linear infinite;
}

.ambient-grid::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(148,93,255,.12),transparent);
  transform:translateX(-100%);
  animation:grid-scan 13s ease-in-out infinite;
}

.ambient-orb{
  position:absolute;
  width:42vw;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(90px);
  opacity:.22;
  animation:orb-float 18s ease-in-out infinite alternate;
}

.orb-one{
  left:-17vw;
  bottom:-26vw;
  background:#6128cc;
}

.orb-two{
  right:-17vw;
  top:-27vw;
  background:#8a4dff;
  animation-delay:-7s;
}

@keyframes grid-drift{
  to{background-position:54px 54px}
}

@keyframes grid-scan{
  0%,18%{transform:translateX(-100%)}
  58%,100%{transform:translateX(100%)}
}

@keyframes orb-float{
  to{transform:translate3d(5vw,-3vw,0) scale(1.12)}
}

.brand-gwa{
  gap:10px;
}

.brand-monogram{
  position:relative;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
}

.brand-monogram::before{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(151,96,255,.22);
  border-radius:12px;
  opacity:0;
  transform:scale(.72) rotate(-10deg);
  transition:opacity var(--motion-medium),transform var(--motion-medium);
}

.brand-gwa:hover .brand-monogram::before{
  opacity:1;
  transform:scale(1) rotate(0);
}

.brand-monogram img{
  width:31px!important;
  height:31px!important;
  transition:transform var(--motion-medium),filter var(--motion-medium);
}

.brand-gwa:hover img{
  transform:scale(1.1) rotate(-5deg);
  filter:drop-shadow(0 0 12px rgba(151,96,255,.7));
}

.brand-gwa strong{
  font-size:22px;
  letter-spacing:.08em;
}

.nav-icon{
  overflow:visible;
  transition:
    transform var(--motion-fast),
    color var(--motion-fast),
    background var(--motion-fast),
    box-shadow var(--motion-fast);
}

.nav-icon>span{
  display:inline-grid;
  place-items:center;
  transition:transform var(--motion-medium),filter var(--motion-medium);
}

.nav-icon:hover{
  transform:translateY(-2px);
}

.nav-icon:hover>span{
  transform:scale(1.14) rotate(-4deg);
  filter:drop-shadow(0 0 8px rgba(162,111,255,.7));
}

.nav-icon.active{
  animation:nav-active-pulse 2.8s ease-in-out infinite;
}

@keyframes nav-active-pulse{
  0%,100%{box-shadow:0 0 0 rgba(142,81,255,0)}
  50%{box-shadow:0 0 22px rgba(142,81,255,.22)}
}

.card,
.dashboard-panel,
.workspace-action-card,
.workspace-info-card,
.ops-kpi,
.admin-overview-tile,
.store-product-card{
  transition:
    transform var(--motion-medium),
    border-color var(--motion-medium),
    box-shadow var(--motion-medium),
    background var(--motion-medium);
}

.card:hover,
.dashboard-panel:hover,
.workspace-action-card:hover,
.workspace-info-card:hover,
.ops-kpi:hover,
.admin-overview-tile:hover,
.store-product-card:hover{
  transform:translateY(-3px);
  border-color:rgba(151,96,255,.30);
  box-shadow:0 20px 55px rgba(0,0,0,.26),0 0 30px rgba(110,55,220,.07);
}

.page-enter{
  animation:page-enter .34s cubic-bezier(.2,.8,.2,1);
}

@keyframes page-enter{
  from{opacity:0;transform:translateY(8px) scale(.995)}
  to{opacity:1;transform:none}
}

.page-loader{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:center;
  align-content:center;
  gap:15px;
  background:rgba(5,4,10,.88);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,visibility .18s ease;
}

.page-loader[hidden]{
  display:none;
}

.page-loader.visible{
  opacity:1;
  visibility:visible;
}

.page-loader-mark{
  position:relative;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
}

.page-loader-mark img{
  width:50px;
  height:50px;
  object-fit:contain;
  animation:loader-logo 1.5s ease-in-out infinite;
}

.page-loader-mark span{
  position:absolute;
  inset:0;
  border:2px solid transparent;
  border-top-color:#a36aff;
  border-right-color:rgba(163,106,255,.35);
  border-radius:50%;
  animation:spin .9s linear infinite;
}

.page-loader strong{
  color:#ded8e8;
  letter-spacing:.03em;
}

@keyframes loader-logo{
  0%,100%{transform:scale(.92);filter:drop-shadow(0 0 5px rgba(151,96,255,.25))}
  50%{transform:scale(1.06);filter:drop-shadow(0 0 18px rgba(151,96,255,.8))}
}

.action-progress{
  position:fixed;
  top:0;
  left:0;
  z-index:6000;
  width:0;
  height:3px;
  opacity:0;
  background:linear-gradient(90deg,#6937df,#9f62ff,#d4b2ff);
  box-shadow:0 0 16px rgba(159,98,255,.8);
  pointer-events:none;
}

.action-progress.active{
  opacity:1;
  width:76%;
  transition:width 8s cubic-bezier(.1,.7,.2,1),opacity .12s;
}

.action-progress.complete{
  width:100%;
  transition:width .2s ease,opacity .3s .12s;
  opacity:0;
}

.loading-inline{
  position:relative;
  min-height:120px;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.loading-inline::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent 20%,rgba(155,101,255,.07) 45%,transparent 70%);
  transform:translateX(-100%);
  animation:content-shimmer 1.6s ease-in-out infinite;
}

.loading-inline .spinner{
  width:34px;
  height:34px;
  z-index:1;
}

@keyframes content-shimmer{
  to{transform:translateX(100%)}
}

.header-utilities{
  display:flex;
  gap:7px;
}

.utility-button{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:#ffffff04;
  color:var(--text);
  cursor:pointer;
  transition:transform var(--motion-fast),background var(--motion-fast),border-color var(--motion-fast);
}

.utility-button:hover{
  transform:translateY(-2px);
  border-color:rgba(151,96,255,.42);
  background:rgba(124,70,255,.13);
}

.utility-button span{
  font-size:18px;
}

.utility-backdrop{
  position:fixed;
  inset:0;
  z-index:4200;
  display:grid;
  justify-items:end;
  background:rgba(3,2,7,.72);
  opacity:0;
  transition:opacity .18s ease;
}

.utility-backdrop.visible{
  opacity:1;
}

.utility-panel{
  width:min(440px,100%);
  height:100%;
  display:flex;
  flex-direction:column;
  border-left:1px solid var(--line);
  background:#100e17;
  box-shadow:-22px 0 80px rgba(0,0,0,.48);
  transform:translateX(100%);
  animation:utility-panel-in .24s cubic-bezier(.2,.8,.2,1) forwards;
}

@keyframes utility-panel-in{
  to{transform:none}
}

.utility-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:19px;
  border-bottom:1px solid var(--line);
}

.utility-panel-head>div{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:11px;
}

.utility-panel-head>div>span:last-child{
  min-width:0;
  display:grid;
  gap:4px;
}

.utility-panel-head small{
  color:var(--muted);
  line-height:1.45;
}

.utility-panel-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:rgba(124,70,255,.15);
  color:#b894ff;
}

.utility-close{
  width:38px;
  height:38px;
  border:0;
  border-radius:10px;
  background:#ffffff08;
  color:var(--text);
  font-size:24px;
  cursor:pointer;
}

.utility-panel-body{
  flex:1;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:12px;
  padding:18px;
}

.utility-panel-foot{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  padding:16px 18px;
  border-top:1px solid var(--line);
}

.utility-section{
  display:grid;
  gap:10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#ffffff03;
}

.utility-section-title{
  font-weight:800;
}

.segmented-control{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}

.segmented-control button{
  min-height:39px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#ffffff03;
  color:var(--muted);
  cursor:pointer;
}

.segmented-control button.active{
  border-color:rgba(151,96,255,.45);
  background:rgba(124,70,255,.15);
  color:var(--text);
}

.utility-switch-row,
.cookie-category{
  position:relative;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px!important;
  min-height:68px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#ffffff03;
}

.utility-switch-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#ffffff07;
}

.utility-switch-row input,
.cookie-category input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.utility-switch-row i,
.cookie-category i{
  width:44px;
  height:24px;
  padding:3px;
  border-radius:999px;
  background:#ffffff12;
  transition:background var(--motion-fast);
}

.utility-switch-row i::before,
.cookie-category i::before{
  content:"";
  display:block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#aaa4b4;
  transition:transform var(--motion-fast),background var(--motion-fast);
}

.utility-switch-row input:checked+i,
.cookie-category input:checked+i{
  background:rgba(124,70,255,.42);
}

.utility-switch-row input:checked+i::before,
.cookie-category input:checked+i::before{
  transform:translateX(20px);
  background:#c6a6ff;
}

.cookie-banner{
  position:fixed;
  z-index:3500;
  left:18px;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px;
  border:1px solid rgba(151,96,255,.28);
  border-radius:16px;
  background:rgba(15,13,23,.96);
  box-shadow:0 24px 80px rgba(0,0,0,.42);
  animation:cookie-in .35s cubic-bezier(.2,.8,.2,1);
}

@keyframes cookie-in{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}

.cookie-copy{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
}

.cookie-copy>span:last-child{
  display:grid;
  gap:5px;
}

.cookie-copy p{
  max-width:850px;
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

.cookie-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:rgba(124,70,255,.15);
  color:#b894ff;
  font-size:20px;
}

.cookie-actions{
  flex:0 0 auto;
  display:flex;
  gap:8px;
}

.cookie-settings-panel{
  width:min(520px,100%);
}

.cookie-category{
  grid-template-columns:minmax(0,1fr) auto;
}

.cookie-category>span{
  display:grid;
  gap:4px;
}

.cookie-category small{
  color:var(--muted);
  line-height:1.45;
}

.cookie-category input:disabled+i{
  opacity:.55;
}

@media(max-width:1200px){
  .header-utilities .utility-button{
    width:38px;
    height:38px;
  }
}

@media(max-width:900px){
  .header-utilities{
    display:none;
  }

  .cookie-banner{
    align-items:stretch;
    flex-direction:column;
  }

  .cookie-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .cookie-actions>*{
    width:100%;
  }
}

@media(max-width:620px){
  .utility-panel{
    width:100%;
  }

  .utility-panel-foot{
    display:grid;
    grid-template-columns:1fr;
  }

  .segmented-control{
    grid-template-columns:1fr;
  }

  .cookie-banner{
    left:8px;
    right:8px;
    bottom:8px;
  }
}

.brand-gwa-logo{width:82px;height:26px;object-fit:contain}.account-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.account-command-card{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#ffffff03;color:var(--text);cursor:pointer}.account-command-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(124,70,255,.15)}.account-detail-shell{display:grid;grid-template-columns:240px 1fr;min-height:500px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.account-detail-nav{padding:12px;border-right:1px solid var(--line);background:#09080e}.account-detail-nav button{width:100%;min-height:45px;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.account-detail-nav button.active,.account-detail-nav button:hover{background:rgba(124,70,255,.12);color:var(--text)}.account-detail-content{padding:22px}.account-editor{display:grid;gap:17px}.two-factor-methods,.account-management-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.two-factor-methods article{padding:14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:5px}.two-factor-methods article.active{border-color:rgba(151,96,255,.45);background:rgba(124,70,255,.1)}.account-status-line,.developer-status{display:flex;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:11px}.device-list{display:grid;gap:8px}.device-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px}.device-row div{display:grid}.device-row small{color:var(--muted)}.developer-steps{display:grid;gap:8px}.developer-steps li{padding:11px;border:1px solid var(--line);border-radius:10px}.enrollment-panel{margin-top:12px;display:grid;grid-template-columns:100px 1fr;gap:15px;padding:15px;border:1px solid rgba(151,96,255,.35);border-radius:13px}.enrollment-panel img{width:85px;padding:10px;background:#fff;border-radius:8px}.enrollment-panel div{display:grid;gap:7px}.enrollment-panel code{font-size:20px;letter-spacing:.15em}@media(max-width:900px){.account-command-grid{grid-template-columns:repeat(2,1fr)}.account-detail-shell{grid-template-columns:1fr}.account-detail-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.account-detail-nav button{min-width:max-content}}@media(max-width:600px){.account-command-grid,.two-factor-methods,.account-management-grid{grid-template-columns:1fr}}

/* alpha48 light-theme completion */
html[data-theme="light"] body,html[data-theme="light"] .app-shell{color:#18131f;background:transparent}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.92);border-color:rgba(35,28,52,.13)}
html[data-theme="light"] .dashboard,html[data-theme="light"] .page-shell,html[data-theme="light"] .content-grid{color:#18131f}
html[data-theme="light"] .card,html[data-theme="light"] .dashboard-panel,html[data-theme="light"] .account-detail-shell,html[data-theme="light"] .account-detail-content,html[data-theme="light"] .account-editor,html[data-theme="light"] .admin-shell,html[data-theme="light"] .admin-workspace,html[data-theme="light"] .admin-subpanel,html[data-theme="light"] .support-ticket-card,html[data-theme="light"] .remote-instance-card,html[data-theme="light"] .store-product-card,html[data-theme="light"] .device-row,html[data-theme="light"] .developer-status,html[data-theme="light"] .two-factor-methods article{background:#fff;color:#18131f;border-color:rgba(35,28,52,.14)}
html[data-theme="light"] .account-detail-nav,html[data-theme="light"] .admin-navigation,html[data-theme="light"] .mobile-drawer{background:#f7f4fb;color:#18131f;border-color:rgba(35,28,52,.13)}
html[data-theme="light"] .input,html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:#fff;color:#18131f;border-color:rgba(35,28,52,.18)}
html[data-theme="light"] .input::placeholder,html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#81778e}
html[data-theme="light"] .secondary,html[data-theme="light"] .utility-button,html[data-theme="light"] .nav-icon{background:#f4f0fa;color:#241b30;border-color:rgba(35,28,52,.14)}
html[data-theme="light"] .preview-notice,html[data-theme="light"] .empty,html[data-theme="light"] small,html[data-theme="light"] .muted{color:#6d6579}
html[data-theme="light"] .table-wrap,html[data-theme="light"] table,html[data-theme="light"] th,html[data-theme="light"] td{background:#fff;color:#18131f;border-color:rgba(35,28,52,.12)}
html[data-theme="light"] th{background:#f5f1fa}
html[data-theme="light"] .modal,html[data-theme="light"] .utility-panel{background:#fff;color:#18131f}
.ticket-create-panel{width:min(560px,100%)}
.ticket-create-panel textarea{resize:vertical;min-height:150px}


/* 2.7.0-alpha49 mobile layout recovery */
@media (max-width: 900px){
  html,body{max-width:100%;overflow-x:hidden}
  body{min-width:0}
  .app-shell{width:100%;min-width:0}
  .topbar{height:auto;min-height:64px;padding:10px 12px;gap:10px;flex-wrap:wrap;position:sticky}
  .topbar-brand{min-width:0;flex:1 1 auto}
  .topbar-brand .brand{max-width:150px}
  .brand-gwa-logo{max-width:72px;height:23px}
  .workspace-switcher{order:3;width:100%}
  .workspace-switcher-trigger{width:100%;justify-content:space-between}
  .workspace-switcher-menu{left:0;right:0;width:auto;max-width:none}
  .header-utilities{margin-left:auto;gap:6px}
  .utility-button{width:40px;height:40px;padding:0;justify-content:center}
  .utility-button>span:last-child{display:none}
  .page,.page-content,.content,.main-content,.workspace-content{width:100%;min-width:0;max-width:100%;padding-left:12px!important;padding-right:12px!important}
  .content-grid.two,.customer-dashboard-grid,.customer-detail-grid,.account-section-grid,.account-command-grid,.account-management-grid,.two-factor-methods,.developer-status-panel{grid-template-columns:1fr!important}
  .account-detail-shell{grid-template-columns:1fr;min-height:0}
  .account-detail-nav{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);padding:8px;scrollbar-width:thin}
  .account-detail-nav button{min-width:max-content;width:auto;padding:0 12px;flex:0 0 auto}
  .account-detail-content{padding:14px;min-width:0}
  .card,.panel,.workspace-action-card,.workspace-info-card,.support-ticket-card,.account-command-card{min-width:0;max-width:100%}
  .table-wrap,.data-table-wrap,.responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:640px}
  .support-ticket-grid{grid-template-columns:1fr!important}
  .support-ticket-head,.support-ticket-meta,.support-ticket-actions{min-width:0;flex-wrap:wrap}
  .support-ticket-actions>*{flex:1 1 140px}
  .modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px);margin:10px;overflow:auto}
  .modal-body{padding:14px;overflow:auto}
  .modal-form-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr;gap:8px;background:var(--panel);padding-top:10px}
  .new-ui-form,.form-grid.two,.form-grid.three{grid-template-columns:1fr!important}
  input,select,textarea,.input{font-size:16px!important;max-width:100%;width:100%}
  button,.primary,.secondary{min-height:44px}
  .utility-panel{width:min(92vw,390px);max-width:92vw}
  .cookie-banner,.cookie-settings{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important}
  .device-row,.device-management-row{grid-template-columns:auto minmax(0,1fr) auto!important}
  .enrollment-panel{grid-template-columns:1fr;text-align:center}
  .enrollment-panel img{margin:auto}
}
@media (max-width: 560px){
  .topbar{align-items:center}
  .topbar-brand .brand-monogram img{max-width:34px}
  .header-utilities{max-width:132px;flex-wrap:wrap;justify-content:flex-end}
  .page-title-row,.section-head,.card-head{align-items:flex-start;flex-direction:column;gap:10px}
  .page-title-row .actions,.section-head .actions,.card-head .actions{width:100%;display:grid;grid-template-columns:1fr}
  .account-command-card{min-height:76px;padding:11px}
  .account-command-card strong{font-size:14px}
  .support-ticket-meta{display:grid;grid-template-columns:1fr 1fr}
  .support-ticket-actions{display:grid;grid-template-columns:1fr}
  .customer-hero{padding:16px}
  .customer-hero h1{font-size:clamp(24px,8vw,34px)}
  .utility-panel{inset:0;width:100vw;max-width:100vw;border-radius:0}
}


/* 2.7.0-alpha50 mobile header grid correction */
@media (max-width:900px){
  .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand actions"
      "switcher switcher"!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:10px 12px!important;
    gap:9px 10px!important;
    overflow:visible!important;
  }
  .topbar-brand{
    grid-area:brand;
    min-width:0!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden;
  }
  .topbar-brand .brand{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .brand-monogram{flex:0 0 auto!important}
  .brand-gwa-logo{
    flex:0 1 auto!important;
    width:auto!important;
    max-width:76px!important;
    height:24px!important;
  }
  .topnav{display:none!important}
  .top-actions{
    grid-area:actions;
    min-width:0!important;
    width:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  .top-actions .workspace-switcher{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:62px!important;
    width:auto!important;
    margin:0!important;
  }
  .workspace-switcher-trigger{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 12px!important;
    justify-content:space-between!important;
  }
  .workspace-switcher-trigger span{display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .workspace-switcher-menu{
    top:48px!important;
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
  }
  .topbar:has(.workspace-switcher){padding-bottom:60px!important}
  .header-utilities{display:flex!important;margin:0!important;gap:6px!important}
  .header-utilities .utility-button{display:inline-grid!important;width:40px!important;height:40px!important;min-height:40px!important}
  .top-actions .language{display:none!important}
  .top-actions .user-menu-wrap{flex:0 0 auto!important;width:auto!important;min-width:0!important}
  .top-actions .user-pill{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;padding:0!important;justify-content:center!important}
  .top-actions .user-meta,.top-actions .user-pill>span:last-child{display:none!important}
  .mobile-menu-button{display:inline-grid!important;width:42px!important;height:42px!important;min-height:42px!important}
}
@media (max-width:560px){
  .topbar{padding:9px 10px!important;gap:8px!important}
  .top-actions .workspace-switcher{left:10px!important;right:10px!important;top:59px!important}
  .brand-monogram img{max-width:32px!important;max-height:32px!important}
  .brand-gwa-logo{max-width:66px!important;height:22px!important}
  .header-utilities{max-width:none!important;flex-wrap:nowrap!important}
  .header-utilities .utility-button{width:38px!important;height:38px!important;min-height:38px!important}
  .top-actions .user-pill,.mobile-menu-button{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
}
@media (max-width:390px){
  .brand-gwa-logo{display:none!important}
  .header-utilities .utility-button:nth-child(n+3){display:none!important}
}


/* 2.7.0-alpha51 mobile login and header icon correction */
.utility-button svg,
.mobile-menu-button svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.utility-button svg circle{fill:none}
.mobile-menu-button{place-items:center}

@media (max-width:900px){
  .login-shell .topbar{
    grid-template-areas:"brand actions"!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    padding-bottom:10px!important;
  }
  .login-shell .topbar:has(.workspace-switcher){padding-bottom:10px!important}
  .login-shell .top-actions{grid-area:actions!important}
  .login-main{
    width:100%!important;
    max-width:100%!important;
    min-height:calc(100dvh - 76px)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:18px 12px 28px!important;
  }
  .auth-card{
    width:100%!important;
    max-width:560px!important;
    min-width:0!important;
    justify-self:auto!important;
    padding:14px!important;
  }
  .auth-tabs{
    height:auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:4px!important;
    overflow:visible!important;
  }
  .auth-tab{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:auto!important;
    padding:11px 12px!important;
    line-height:1.2!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  .auth-pane{
    width:100%!important;
    min-width:0!important;
    margin-top:14px!important;
    padding:20px 14px!important;
  }
  .auth-pane h2{font-size:22px!important;line-height:1.2!important}
  .auth-pane .sub{margin-bottom:22px!important}
  .login-footer{padding-bottom:18px!important}
}

@media (max-width:560px){
  .login-shell .topbar{padding:10px 12px!important}
  .login-shell .header-utilities{display:flex!important}
  .login-shell .top-actions .pill{display:none!important}
  .auth-card{padding:10px!important;border-radius:15px!important}
  .auth-pane{padding:18px 10px!important}
  .form-row{align-items:flex-start!important;flex-wrap:wrap!important}
}


/* 2.7.0-alpha53 complete light-theme component layer */
html[data-theme="light"]{
  --bg:#f4f1f8;
  --panel:#ffffff;
  --panel-2:#f8f5fb;
  --line:rgba(38,29,52,.15);
  --text:#1c1525;
  --muted:#6e6479;
  --shadow:0 18px 46px rgba(42,29,61,.11);
}

html[data-theme="light"] body,
html[data-theme="light"] .app-shell,
html[data-theme="light"] .dashboard,
html[data-theme="light"] .page-shell,
html[data-theme="light"] .login-shell{
  background:#f4f1f8;
  color:#1c1525;
}

html[data-theme="light"] .topbar,
html[data-theme="light"] .auth-topbar,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .auth-pane,
html[data-theme="light"] .auth-tabs,
html[data-theme="light"] .card,
html[data-theme="light"] .card-head,
html[data-theme="light"] .card-body,
html[data-theme="light"] .dashboard-panel,
html[data-theme="light"] .customer-hero,
html[data-theme="light"] .customer-action-card,
html[data-theme="light"] .workspace-action-card,
html[data-theme="light"] .workspace-info-card,
html[data-theme="light"] .ops-kpi,
html[data-theme="light"] .support-ticket-card,
html[data-theme="light"] .account-command-card,
html[data-theme="light"] .account-detail-shell,
html[data-theme="light"] .account-detail-content,
html[data-theme="light"] .account-editor,
html[data-theme="light"] .device-row,
html[data-theme="light"] .developer-status,
html[data-theme="light"] .two-factor-methods article,
html[data-theme="light"] .enrollment-panel,
html[data-theme="light"] .admin-shell,
html[data-theme="light"] .admin-workspace,
html[data-theme="light"] .admin-subpanel,
html[data-theme="light"] .admin-toolbar,
html[data-theme="light"] .admin-settings-section,
html[data-theme="light"] .admin-system-tabs,
html[data-theme="light"] .utility-panel,
html[data-theme="light"] .cookie-banner,
html[data-theme="light"] .modal,
html[data-theme="light"] .user-dropdown,
html[data-theme="light"] .workspace-switcher-menu,
html[data-theme="light"] .provider-card,
html[data-theme="light"] .remote-instance-card,
html[data-theme="light"] .store-product-card{
  background:#fff;
  color:#1c1525;
  border-color:rgba(38,29,52,.15);
  box-shadow:none;
}

html[data-theme="light"] .account-detail-nav,
html[data-theme="light"] .admin-navigation,
html[data-theme="light"] .mobile-drawer,
html[data-theme="light"] .mobile-drawer-head,
html[data-theme="light"] .mobile-drawer-foot,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .subnav{
  background:#f8f5fb;
  color:#1c1525;
  border-color:rgba(38,29,52,.14);
}

html[data-theme="light"] .input,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .compact-input{
  background:#fff;
  color:#1c1525;
  border-color:rgba(38,29,52,.2);
  box-shadow:none;
}

html[data-theme="light"] .input:focus,
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:#8250e6;
  box-shadow:0 0 0 3px rgba(130,80,230,.13);
}

html[data-theme="light"] .pill,
html[data-theme="light"] .user-pill,
html[data-theme="light"] .language,
html[data-theme="light"] .secondary,
html[data-theme="light"] .utility-button,
html[data-theme="light"] .nav-icon,
html[data-theme="light"] .icon-action,
html[data-theme="light"] .mobile-menu-button,
html[data-theme="light"] .auth-tab{
  background:#f5f1fa;
  color:#251c30;
  border-color:rgba(38,29,52,.16);
}

html[data-theme="light"] .auth-tab.active,
html[data-theme="light"] .account-detail-nav button.active,
html[data-theme="light"] .admin-navigation button.active,
html[data-theme="light"] .mobile-drawer nav button.active{
  background:#eee5fb;
  color:#48217e;
  border-color:rgba(112,61,191,.28);
}

html[data-theme="light"] .primary{
  color:#fff;
}

html[data-theme="light"] .loading-inline,
html[data-theme="light"] .empty,
html[data-theme="light"] .preview-notice,
html[data-theme="light"] .account-status-line,
html[data-theme="light"] .developer-steps li,
html[data-theme="light"] .device-row,
html[data-theme="light"] .support-ticket-meta,
html[data-theme="light"] .json-output{
  background:#f8f5fb;
  color:#1c1525;
  border-color:rgba(38,29,52,.14);
}

html[data-theme="light"] .error-panel{
  background:#fff1f3;
  color:#a51d35;
  border-color:rgba(190,35,65,.25);
}

html[data-theme="light"] .table-wrap,
html[data-theme="light"] table,
html[data-theme="light"] tbody,
html[data-theme="light"] tr,
html[data-theme="light"] td{
  background:#fff;
  color:#1c1525;
  border-color:rgba(38,29,52,.12);
}

html[data-theme="light"] th,
html[data-theme="light"] thead{
  background:#f3eef8;
  color:#2b2036;
  border-color:rgba(38,29,52,.13);
}

html[data-theme="light"] .mobile-drawer-backdrop,
html[data-theme="light"] .utility-backdrop,
html[data-theme="light"] .modal-backdrop{
  background:rgba(35,27,45,.34);
}

html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="light"] .sub,
html[data-theme="light"] .support-ticket-meta,
html[data-theme="light"] .ops-kpi-caption,
html[data-theme="light"] .dashboard-panel p{
  color:#6e6479;
}

html[data-theme="light"] .ambient-grid{
  opacity:.12;
}

html[data-theme="light"] .ambient-orb{
  opacity:.16;
}

html[data-theme="light"] .spinner{
  border-color:rgba(65,45,89,.18);
  border-top-color:#7b43dc;
}

@media(max-width:760px){
  html[data-theme="light"] .topbar,
  html[data-theme="light"] .auth-topbar{
    background:#fff;
  }

  html[data-theme="light"] .workspace-switcher-trigger{
    background:#f8f5fb;
    color:#1c1525;
    border-color:rgba(38,29,52,.16);
  }
}


/* ==========================================================================
   2.7.0-alpha55 FINAL UI FREEZE
   Centralized light theme, admin consistency, mobile stability and a11y.
   ========================================================================== */

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f0f7;
  --panel:#ffffff;
  --panel-2:#f8f5fb;
  --panel-3:#f0ebf6;
  --line:rgba(42,31,55,.15);
  --line-strong:rgba(42,31,55,.24);
  --text:#1d1725;
  --muted:#6d6377;
  --accent:#7440db;
  --accent-2:#995cff;
  --danger:#b4233d;
  --warning:#9d6300;
  --success:#13744c;
  --shadow:0 18px 46px rgba(43,29,61,.10);
}

html[data-theme="light"] body,
html[data-theme="light"] #app,
html[data-theme="light"] .app-shell,
html[data-theme="light"] .dashboard,
html[data-theme="light"] .page-shell,
html[data-theme="light"] .page-body,
html[data-theme="light"] .workspace,
html[data-theme="light"] .content,
html[data-theme="light"] .login-shell{
  background-color:var(--bg)!important;
  color:var(--text)!important;
}

/* Header, navigation and drawers */
html[data-theme="light"] .topbar,
html[data-theme="light"] .auth-topbar,
html[data-theme="light"] .mobile-drawer,
html[data-theme="light"] .mobile-drawer-head,
html[data-theme="light"] .mobile-drawer-foot,
html[data-theme="light"] .sidebar,
html[data-theme="light"] .subnav,
html[data-theme="light"] .admin-sidebar,
html[data-theme="light"] .account-detail-nav,
html[data-theme="light"] .workspace-switcher-menu,
html[data-theme="light"] .user-dropdown{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}

html[data-theme="light"] .topnav button,
html[data-theme="light"] .mobile-drawer nav button,
html[data-theme="light"] .admin-sidebar button,
html[data-theme="light"] .account-detail-nav button,
html[data-theme="light"] .admin-navigation button{
  color:var(--muted)!important;
  background:transparent!important;
  border-color:transparent!important;
}

html[data-theme="light"] .topnav button:hover,
html[data-theme="light"] .topnav button.active,
html[data-theme="light"] .mobile-drawer nav button:hover,
html[data-theme="light"] .mobile-drawer nav button.active,
html[data-theme="light"] .admin-sidebar button:hover,
html[data-theme="light"] .admin-sidebar button.active,
html[data-theme="light"] .account-detail-nav button:hover,
html[data-theme="light"] .account-detail-nav button.active,
html[data-theme="light"] .admin-navigation button:hover,
html[data-theme="light"] .admin-navigation button.active{
  color:#472173!important;
  background:#eee5fa!important;
  border-color:rgba(116,64,219,.25)!important;
}

/* All primary surface components */
html[data-theme="light"] :is(
  .card,.dashboard-panel,.hero,.customer-hero,.customer-action-card,
  .workspace-action-card,.workspace-info-card,.ops-kpi,.support-ticket-card,
  .account-command-card,.account-detail-shell,.account-detail-content,
  .account-editor,.device-row,.developer-status,.two-factor-methods article,
  .enrollment-panel,.admin-shell,.admin-workspace,.admin-workspace-head,
  .admin-section-host,.admin-section-page,.admin-subpanel,.admin-toolbar,
  .admin-settings-panel,.admin-settings-section,.admin-setting-group,
  .admin-setting-array-item,.admin-system-tabs,.admin-overview-tile,
  .admin-control-grid,.admin-updater-layout,.updater-actions,
  .admin-result-panel,.store-product-card,.provider-card,
  .remote-instance-card,.remote-live-modal,.modal,.new-ui-modal,
  .utility-panel,.cookie-banner,.auth-card,.auth-pane,.auth-tabs,
  .list-card,.settings-card,.status-card,.metric-card,.empty,
  .loading-inline,.preview-notice,.error-panel
){
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}

/* Nested dark admin blocks that previously survived light mode */
html[data-theme="light"] :is(
  .admin-subpanel-head,.admin-save-bar,.admin-setting-row,
  .admin-section-heading,.admin-sidebar-title,.admin-description,
  .admin-module,.action-stack,.updater-step,.updater-status,
  .updater-log,.log-output,.log-viewer,.audit-entry,.audit-row,
  .system-health-card,.system-status-card,.system-control-card,
  .security-card,.role-card,.operator-card,.instance-card,
  .support-ticket-meta,.account-status-line,.developer-steps li,
  .json-output,.code-output,.code-block,pre,code
){
  background:var(--panel-2)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}

html[data-theme="light"] .admin-module{
  background:linear-gradient(145deg,#fff,#f7f2fb)!important;
}
html[data-theme="light"] .admin-module:hover,
html[data-theme="light"] .admin-overview-tile:hover{
  border-color:rgba(116,64,219,.32)!important;
  box-shadow:0 14px 34px rgba(50,31,76,.10)!important;
}

/* Forms */
html[data-theme="light"] :is(
  input,select,textarea,.input,.compact-input,.search-input,
  .filter-input,.form-control
){
  background:#fff!important;
  color:var(--text)!important;
  border-color:var(--line-strong)!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(input,select,textarea,.input):focus{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(116,64,219,.14)!important;
  outline:none!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{
  color:#93899c!important;
}

/* Buttons, pills and tabs */
html[data-theme="light"] :is(
  .secondary,.ghost,.icon-action,.utility-button,.mobile-menu-button,
  .user-pill,.language,.pill,.badge,.auth-tab,.admin-system-tabs button,
  .workspace-switcher-trigger,.compact-button
){
  background:var(--panel-2)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] :is(.auth-tab.active,.admin-system-tabs button.active){
  background:#e9def8!important;
  color:#472173!important;
  border-color:rgba(116,64,219,.30)!important;
}
html[data-theme="light"] .primary{
  color:#fff!important;
  background:linear-gradient(135deg,#6f38e6,#934bff)!important;
  border-color:transparent!important;
}

/* Tables */
html[data-theme="light"] :is(.table-wrap,.new-table,table,tbody,tr,td){
  background:#fff!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] :is(thead,th){
  background:#eee8f4!important;
  color:#2c2235!important;
  border-color:var(--line)!important;
}
html[data-theme="light"] tbody tr:hover td{
  background:#f8f4fb!important;
}

/* Status and messaging */
html[data-theme="light"] .error-panel{
  background:#fff0f3!important;
  color:#a8203a!important;
  border-color:rgba(180,35,61,.25)!important;
}
html[data-theme="light"] :is(.warning,.warning-panel,.status-warning){
  background:#fff7e6!important;
  color:#875500!important;
  border-color:rgba(157,99,0,.24)!important;
}
html[data-theme="light"] :is(.success,.success-panel,.status-active){
  background:#edf9f3!important;
  color:#11643f!important;
  border-color:rgba(19,116,76,.22)!important;
}
html[data-theme="light"] :is(.muted,small,.sub,.description,.caption){
  color:var(--muted)!important;
}

/* Modal and overlay consistency */
html[data-theme="light"] :is(
  .modal-backdrop,.new-ui-modal-backdrop,.mobile-drawer-backdrop,
  .mobile-backdrop,.utility-backdrop
){
  background:rgba(35,27,45,.34)!important;
}
html[data-theme="light"] .modal-form-actions{
  background:var(--panel)!important;
  border-color:var(--line)!important;
}

/* Scrollbars */
html[data-theme="light"] *{
  scrollbar-color:#b9aac9 #eee8f4;
}
html[data-theme="light"] *::-webkit-scrollbar-track{
  background:#eee8f4;
}
html[data-theme="light"] *::-webkit-scrollbar-thumb{
  background:#b9aac9;
  border:3px solid #eee8f4;
}

/* Final mobile stability */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
img,svg,video,canvas{
  max-width:100%;
}
.dashboard,
.page-shell,
.admin-shell,
.admin-workspace,
.admin-section-host,
.account-detail-shell,
.support-workspace{
  min-width:0;
}
.card,
.admin-subpanel,
.admin-toolbar,
.admin-setting-row,
.support-ticket-card,
.account-command-card,
.device-row,
table{
  min-width:0;
}
pre,.json-output,.code-output,.log-output,.updater-log{
  max-width:100%;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

@media(max-width:900px){
  .admin-shell{
    grid-template-columns:1fr!important;
  }
  .admin-sidebar{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px!important;
    gap:7px!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .admin-sidebar button{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    min-height:44px!important;
  }
  .admin-workspace,
  .admin-section-host{
    padding:14px!important;
  }
  .admin-toolbar,
  .admin-save-bar,
  .updater-actions,
  .admin-workspace-head,
  .admin-section-heading{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .admin-overview-grid,
  .admin-control-grid,
  .admin-updater-layout,
  .account-management-grid,
  .developer-status-panel{
    grid-template-columns:1fr!important;
  }
  .admin-toolbar>*,
  .updater-actions>*,
  .admin-save-bar>*{
    width:100%!important;
    min-width:0!important;
  }
  .table-wrap,.new-table{
    width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}

@media(max-width:620px){
  .topbar,.auth-topbar{
    width:100%!important;
    max-width:100%!important;
  }
  .dashboard,.page-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .card,.customer-hero,.admin-subpanel,.account-detail-shell{
    border-radius:14px!important;
  }
  .modal,.new-ui-modal{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    margin:8px!important;
  }
  input,select,textarea,.input{
    font-size:16px!important;
  }
  button,a,[role="button"]{
    min-height:44px;
  }
}

/* Accessibility UI freeze */
html[data-a11y-focus="true"] :focus-visible,
html.a11y-focus :focus-visible{
  outline:3px solid #ffbf3f!important;
  outline-offset:3px!important;
}
html[data-a11y-contrast="true"],
html.a11y-high-contrast{
  --line:rgba(255,255,255,.42);
}
html[data-theme="light"][data-a11y-contrast="true"],
html[data-theme="light"].a11y-high-contrast{
  --line:rgba(0,0,0,.42);
  --text:#000;
  --muted:#332d38;
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}
html[data-a11y-motion="reduced"] *,
html.a11y-reduced-motion *{
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important;
  scroll-behavior:auto!important;
}


/* 2.7.0-alpha56 global copyright footer */
.gwa-site-footer{
  position:relative;
  z-index:5;
  width:100%;
  margin-top:auto;
  padding:18px 20px calc(18px + env(safe-area-inset-bottom));
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(12,9,17,.78);
  color:rgba(255,255,255,.66);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.gwa-site-footer__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  max-width:1440px;
  margin:0 auto;
  font-size:.83rem;
  line-height:1.5;
  text-align:center;
}
.gwa-site-footer__separator{opacity:.45;}
html[data-theme="light"] .gwa-site-footer{
  background:rgba(255,255,255,.9)!important;
  color:#6d6377!important;
  border-top-color:rgba(42,31,55,.14)!important;
}
@media(max-width:520px){
  .gwa-site-footer{padding-left:14px;padding-right:14px;}
  .gwa-site-footer__inner{display:grid;grid-template-columns:1fr;gap:2px;font-size:.78rem;}
  .gwa-site-footer__separator{display:none;}
}
@media(prefers-reduced-transparency:reduce){
  .gwa-site-footer{backdrop-filter:none;-webkit-backdrop-filter:none;}
}


/* 2.7.0-alpha59 Customer View Light Theme correction */
html[data-theme="light"] .customer-hero{
  background:
    radial-gradient(circle at 70% 45%,rgba(134,86,224,.13),transparent 42%),
    linear-gradient(135deg,#ffffff,#f7f1fc)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}

html[data-theme="light"] .customer-hero::after{
  background:
    linear-gradient(120deg,transparent 30%,rgba(132,78,227,.06),transparent 72%)!important;
}

html[data-theme="light"] .customer-hero .mini-stat{
  background:#ffffff!important;
  color:#1d1725!important;
  border-color:rgba(42,31,55,.16)!important;
  box-shadow:0 8px 22px rgba(43,29,61,.06)!important;
}

html[data-theme="light"] .customer-hero .mini-stat span{
  color:#6d6377!important;
}

html[data-theme="light"] .customer-hero .mini-stat strong{
  color:#1d1725!important;
}

html[data-theme="light"] .customer-hero .mini-stat .status-active{
  color:#13744c!important;
}

html[data-theme="light"] .customer-hero .eyebrow{
  color:#8b57e7!important;
}

html[data-theme="light"] .customer-hero h1{
  color:#17111e!important;
}

html[data-theme="light"] .customer-hero h1 span{
  color:#8b57e7!important;
}

html[data-theme="light"] .customer-hero p{
  color:#6d6377!important;
}

/* Prevent low-contrast branding in the light header */
html[data-theme="light"] .brand img,
html[data-theme="light"] .brand-logo,
html[data-theme="light"] .gwa-wordmark{
  filter:drop-shadow(0 0 1px rgba(38,25,51,.45)) contrast(1.12)!important;
  opacity:1!important;
}

/* Customer cards and summary panels */
html[data-theme="light"] :is(
  .customer-dashboard-grid .customer-action-card,
  .customer-dashboard-grid .workspace-info-card,
  .customer-detail-grid .dashboard-panel,
  .customer-support-summary
){
  background:#ffffff!important;
  color:#1d1725!important;
  border-color:rgba(42,31,55,.15)!important;
}

html[data-theme="light"] .customer-detail-grid .dashboard-panel-head{
  background:#ffffff!important;
  color:#1d1725!important;
  border-color:rgba(42,31,55,.13)!important;
}

html[data-theme="light"] .customer-detail-grid .dashboard-panel-body{
  background:#ffffff!important;
  color:#1d1725!important;
}

html[data-theme="light"] .customer-detail-grid .dashboard-empty{
  background:#ffffff!important;
  color:#6d6377!important;
}


/* ==========================================================================
   2.7.0-alpha63 — Login Light Theme polish
   ========================================================================== */
html[data-theme="light"] .login-main{
  background:
    radial-gradient(circle at 78% 22%,rgba(125,72,220,.055),transparent 34%),
    radial-gradient(circle at 20% 80%,rgba(146,84,255,.045),transparent 36%),
    #f4f1f8!important;
}
html[data-theme="light"] .login-copy h1{color:#191320!important}
html[data-theme="light"] .login-copy>p,
html[data-theme="light"] .feature p,
html[data-theme="light"] .mfa-card p{color:#74687f!important}
html[data-theme="light"] .feature-icon{
  background:#eee6fb!important;color:#7a43df!important;
  border-color:rgba(116,64,219,.22)!important;box-shadow:none!important
}
html[data-theme="light"] .mfa-card{
  background:linear-gradient(145deg,#ffffff,#f2ecf8)!important;
  color:#21182b!important;border-color:rgba(54,38,72,.15)!important;
  box-shadow:0 14px 34px rgba(53,34,75,.08)!important
}
html[data-theme="light"] .mfa-card strong{color:#21182b!important}
html[data-theme="light"] .mfa-icon{
  background:linear-gradient(145deg,#8750ee,#6e35dd)!important;
  color:#fff!important;box-shadow:0 10px 24px rgba(112,58,220,.22)!important
}
html[data-theme="light"] .auth-card{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(47,34,62,.14)!important;
  box-shadow:0 24px 70px rgba(48,31,68,.10)!important;
  backdrop-filter:blur(16px)
}
html[data-theme="light"] .auth-tabs{
  background:#f5f1f8!important;border-color:rgba(47,34,62,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important
}
html[data-theme="light"] .auth-tab{color:#30243b!important;background:transparent!important}
html[data-theme="light"] .auth-tab:hover{background:#ece4f5!important;color:#522487!important}
html[data-theme="light"] .auth-tab.active{
  background:linear-gradient(145deg,#eadffc,#e2d2fa)!important;
  color:#482079!important;
  box-shadow:inset 0 0 0 1px rgba(116,64,219,.25),0 4px 14px rgba(78,39,133,.08)!important
}
html[data-theme="light"] .auth-pane{
  background:#fff!important;border-color:rgba(47,34,62,.14)!important;
  box-shadow:0 12px 30px rgba(45,30,62,.055)!important
}
html[data-theme="light"] .auth-pane h2,
html[data-theme="light"] .field label{color:#201728!important}
html[data-theme="light"] .auth-pane .sub,
html[data-theme="light"] .form-row{color:#756a7f!important}
html[data-theme="light"] .input{
  background:#fff!important;color:#21182a!important;
  border-color:rgba(47,34,62,.20)!important
}
html[data-theme="light"] .input:hover{border-color:rgba(116,64,219,.35)!important}
html[data-theme="light"] .link-btn,
html[data-theme="light"] .login-footer a{color:#7a3fe5!important}
html[data-theme="light"] .primary{box-shadow:0 12px 30px rgba(117,58,226,.20)!important}
html[data-theme="light"] .login-footer{color:#827789!important}
@media(max-width:760px){
  html[data-theme="light"] .auth-card{
    background:#fff!important;
    box-shadow:0 16px 42px rgba(48,31,68,.09)!important
  }
  html[data-theme="light"] .auth-tabs{background:#f6f2f9!important}
}

/* 2.7.0-alpha64 authorization flow */
.flow-client-banner{display:grid;gap:4px;padding:14px 16px;margin-bottom:14px;border:1px solid rgba(139,82,246,.28);border-radius:14px;background:linear-gradient(145deg,rgba(112,55,222,.16),rgba(47,29,83,.18))}.flow-client-banner span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#a982ff}.flow-client-banner strong{font-size:1rem}.flow-client-banner small{color:var(--muted)}.flow-cancel{width:100%;margin-top:12px}html[data-theme="light"] .flow-client-banner{background:linear-gradient(145deg,#f2eafb,#fff);color:#22182d;border-color:rgba(116,64,219,.24)}html[data-theme="light"] .flow-client-banner span{color:#7540d4}@media(max-width:760px){.flow-client-banner{padding:12px}.flow-client-banner strong{overflow-wrap:anywhere}}

/* alpha65 flow admin */
.product-choice.active{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(116,64,219,.14)!important}.admin-setting-array-item code{display:block;overflow-wrap:anywhere;margin-top:5px}

/* alpha71 device security details v5 */
.device-security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.device-security-summary article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(124,70,255,.045)}
.device-security-summary small,.device-security-summary span{color:var(--muted)}
.device-security-summary strong{font-size:1rem;overflow-wrap:anywhere}
.device-row.current-device{border-color:rgba(126,77,255,.55);background:rgba(124,70,255,.065)}
.device-main{min-width:0}
.device-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.device-title b{font-size:.72rem;padding:3px 7px;border-radius:999px;background:rgba(72,210,157,.13);color:#75e5bb;border:1px solid rgba(72,210,157,.25)}
.device-meta{display:flex;gap:7px 14px;flex-wrap:wrap;margin-top:7px}
.device-meta span{font-size:.78rem;color:var(--muted)}
.device-actions{display:grid;justify-items:end;gap:8px}
.device-trust{font-size:.72rem;padding:4px 8px;border-radius:999px;border:1px solid var(--line)}
.device-trust.trusted{color:#75e5bb;border-color:rgba(72,210,157,.3);background:rgba(72,210,157,.08)}
.device-trust.untrusted{color:#ff9bab;border-color:rgba(255,90,120,.3);background:rgba(255,90,120,.08)}
@media(max-width:1000px){.device-security-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.device-security-summary{grid-template-columns:1fr}.device-row{grid-template-columns:auto minmax(0,1fr)}.device-actions{grid-column:2;justify-items:start}}
html[data-theme="light"] .device-security-summary article{background:#faf8fd;border-color:rgba(35,28,52,.14)}


/* 2.7.0-alpha74 visible Core UI development version */
.gwa-site-footer__ui-version{
  position:absolute;
  right:20px;
  bottom:calc(18px + env(safe-area-inset-bottom));
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 9px;
  border:1px solid rgba(159,111,255,.28);
  border-radius:999px;
  background:rgba(126,76,255,.08);
  color:rgba(220,204,255,.86);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.025em;
  white-space:nowrap;
}
html[data-theme="light"] .gwa-site-footer__ui-version{
  border-color:rgba(105,57,194,.22);
  background:rgba(126,76,255,.07);
  color:#7040bb;
}
@media(max-width:760px){
  .gwa-site-footer__ui-version{
    position:static;
    justify-self:center;
    margin-top:4px;
  }
}

/* alpha75 mandatory operator onboarding */
.mandatory-onboarding{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(4,3,8,.88);backdrop-filter:blur(16px)}
.mandatory-onboarding section{width:min(720px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(130,82,255,.55);border-radius:22px;background:var(--panel,#100d16);box-shadow:0 30px 90px rgba(0,0,0,.55)}
.mandatory-onboarding header,.mandatory-onboarding footer{padding:18px 22px;border-bottom:1px solid var(--line);display:grid;gap:4px}
.mandatory-onboarding header span,.mandatory-onboarding footer{color:var(--muted);font-size:.82rem}
.mandatory-onboarding footer{border-top:1px solid var(--line);border-bottom:0}
.mandatory-onboarding-body{padding:22px;display:grid;gap:18px}
.mandatory-onboarding form,.onboarding-grid{display:grid;gap:14px}
.onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mandatory-onboarding label{display:grid;gap:7px}
.mandatory-onboarding input{width:100%}
.mandatory-onboarding output{display:grid;gap:8px;padding:15px;border:1px solid rgba(91,226,174,.35);border-radius:12px;background:rgba(91,226,174,.07)}
.mandatory-onboarding output strong{font-size:1.25rem;letter-spacing:2px;overflow-wrap:anywhere}
.onboarding-consent{grid-template-columns:auto 1fr!important;align-items:start}
.onboarding-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:680px){.onboarding-grid{grid-template-columns:1fr}}

/* alpha77 onboarding confirmation fixes */
.backup-code-display{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.backup-code-display input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px}
#backupConfirmForm{margin-top:16px}
@media(max-width:620px){.backup-code-display{grid-template-columns:1fr}}


/* =====================================================================
   GWA Core 2.7.0-alpha167 — Administration & visual system rework
   ===================================================================== */
:root{
  --bg:#090a0d;
  --surface:#101217;
  --surface-2:#15181f;
  --surface-3:#1a1e26;
  --line:rgba(255,255,255,.085);
  --line-strong:rgba(255,255,255,.14);
  --text:#f5f7fb;
  --muted:#969dab;
  --accent:#8e6cff;
  --accent-soft:rgba(142,108,255,.12);
  --danger:#ff667a;
  --success:#5fd3a2;
  --shadow:0 18px 55px rgba(0,0,0,.28);
  --radius:16px;
}
body{
  background:
    radial-gradient(circle at 50% -18%,rgba(109,78,214,.12),transparent 34rem),
    #090a0d;
  color:var(--text);
}
.topbar{
  min-height:70px;
  border-bottom:1px solid var(--line);
  background:rgba(10,11,15,.86);
  backdrop-filter:blur(22px) saturate(130%);
  box-shadow:none;
}
.brand img{filter:drop-shadow(0 4px 14px rgba(116,85,255,.18))}
.nav-link{color:#a6acb8;font-weight:650;letter-spacing:-.01em}
.nav-link:hover,.nav-link.active{color:#fff}
.nav-link.active:after{
  height:2px;border-radius:2px;background:var(--accent);
  box-shadow:0 0 14px rgba(142,108,255,.45);
}
.dashboard.no-rail{margin-top:28px}
.hero,.card,.dashboard-panel,.admin-subpanel,.admin-section-host,.admin-settings-panel{
  border:1px solid var(--line);
  background:rgba(16,18,23,.94);
  box-shadow:none;
}
.hero{
  border-radius:20px;
  background:
    linear-gradient(120deg,rgba(142,108,255,.08),transparent 44%),
    rgba(16,18,23,.96);
}
.hero h1,.page-heading h1,.admin-section-heading h2{
  letter-spacing:-.035em;
}
.card,.dashboard-panel,.admin-subpanel{border-radius:var(--radius)}
.card-head,.dashboard-panel-head,.admin-subpanel-head{
  border-bottom:1px solid var(--line);
  background:transparent;
}
.primary,.secondary,.danger{
  min-height:40px;border-radius:10px;padding:9px 14px;
  font-weight:700;letter-spacing:-.01em;transition:.16s ease;
}
.primary{
  border:1px solid rgba(155,128,255,.42);
  background:linear-gradient(180deg,#8d68ff,#7652e8);
  box-shadow:0 7px 18px rgba(101,71,211,.18);
}
.primary:hover{transform:translateY(-1px);filter:brightness(1.06)}
.secondary{
  border:1px solid var(--line-strong);
  background:#171a21;color:#e9ecf2;
}
.secondary:hover{background:#1d212a;border-color:rgba(255,255,255,.2)}
.danger{background:rgba(255,86,111,.09);border:1px solid rgba(255,102,122,.25);color:#ff9baa}
.input{
  min-height:42px;border:1px solid var(--line-strong)!important;
  border-radius:10px!important;background:#0c0e13!important;
  color:var(--text)!important;box-shadow:none!important;
}
.input:focus{
  border-color:rgba(142,108,255,.65)!important;
  box-shadow:0 0 0 3px rgba(142,108,255,.11)!important;
  outline:none;
}
.admin-shell,.supervisor-admin-layout{gap:18px}
.admin-sidebar{
  border:1px solid var(--line);
  border-radius:17px;background:#101217;
  padding:10px;
}
.admin-sidebar button{
  min-height:44px;border-radius:10px;color:#9da4b1;
  font-weight:650;
}
.admin-sidebar button:hover{background:#171a21;color:#fff}
.admin-sidebar button.active{
  background:var(--accent-soft);
  color:#e8e0ff;
  box-shadow:inset 0 0 0 1px rgba(142,108,255,.12);
}
.admin-section-page{display:grid;gap:18px}
.admin-section-heading{
  padding:2px 2px 4px;
}
.admin-section-heading>div{display:flex;align-items:center;gap:14px}
.admin-section-icon{
  display:grid;place-items:center;width:42px;height:42px;
  border:1px solid rgba(142,108,255,.2);border-radius:12px;
  background:var(--accent-soft);color:#b7a1ff;
}
.admin-section-heading h2{margin:0;font-size:25px}
.admin-section-heading p{margin:4px 0 0;color:var(--muted)}
.admin-subpanel{overflow:hidden}
.admin-subpanel-head{
  min-height:62px;padding:15px 17px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.admin-subpanel-head>div{display:grid;gap:3px}
.admin-subpanel-head small{color:var(--muted);font-weight:500}
.admin-toolbar.inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.badge.green{background:rgba(95,211,162,.1);border-color:rgba(95,211,162,.22);color:#78dfb4}
.badge.gray{background:rgba(255,255,255,.04);border-color:var(--line);color:#aeb4bf}
.account-admin-summary{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:18px;
}
.registration-policy-panel,.account-create-panel{min-height:100%}
.registration-policy-form,.account-create-form{
  display:grid;gap:14px;padding:18px;
}
.registration-policy-form label:not(.switch-row),
.account-create-form label:not(.switch-row){
  display:grid;gap:7px;color:#cdd2db;font-size:13px;font-weight:650;
}
.registration-policy-form label small{color:var(--muted);font-weight:500}
.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.switch-row{
  display:flex!important;align-items:center;justify-content:space-between;
  gap:18px;padding:13px 14px;border:1px solid var(--line);
  border-radius:12px;background:#0c0e13;
}
.switch-row>span{display:grid;gap:3px}
.switch-row small{color:var(--muted);font-weight:500;line-height:1.4}
.switch-row input[type=checkbox]{
  appearance:none;width:42px;height:24px;min-width:42px;
  border-radius:999px;background:#292d36;position:relative;cursor:pointer;
  transition:.18s ease;
}
.switch-row input[type=checkbox]:after{
  content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;
  border-radius:50%;background:#d8dde7;transition:.18s ease;
}
.switch-row input[type=checkbox]:checked{background:#7958e8}
.switch-row input[type=checkbox]:checked:after{transform:translateX(18px);background:#fff}
.accounts-list-panel{min-height:380px}
.accounts-list-head{align-items:center}
.account-table{display:grid}
.account-row{
  width:100%;display:grid;
  grid-template-columns:44px minmax(240px,1.45fr) minmax(110px,.55fr) minmax(160px,.8fr) minmax(90px,.4fr) 20px;
  gap:14px;align-items:center;padding:13px 17px;
  border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);
  text-align:left;cursor:pointer;transition:.15s ease;
}
.account-row:first-child{border-top:0}
.account-row:hover{background:#151820}
.account-avatar,.account-profile-avatar{
  display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(145deg,#2a2340,#17151f);
  border:1px solid rgba(142,108,255,.2);color:#c9baff;font-weight:800;
}
.account-avatar{width:38px;height:38px;font-size:11px}
.account-primary{display:grid;gap:3px;min-width:0}
.account-primary strong,.account-primary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-primary small,.account-row small{color:var(--muted);font-size:11px}
.account-row>span:not(.account-avatar):not(.account-primary):not(.row-chevron){display:grid;gap:4px}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#777}
.status-dot.green{background:var(--success)}
.status-dot.red{background:var(--danger)}
.status-dot.purple{background:var(--accent)}
.row-chevron{font-size:22px;color:#626977}
.success-panel{
  display:grid;gap:4px;padding:12px 13px;border:1px solid rgba(95,211,162,.22);
  border-radius:10px;background:rgba(95,211,162,.07);color:#b7f1d5;
}
.success-panel small{color:#8dd8b7}
.account-detail-modal{width:min(780px,calc(100vw - 30px))}
.account-detail-grid{display:grid;gap:16px}
.account-profile-card{
  display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;
  padding:16px;border:1px solid var(--line);border-radius:14px;background:#0d0f14;
}
.account-profile-avatar{width:52px;height:52px;font-size:14px}
.account-profile-card>div:nth-child(2){display:grid;gap:4px}
.account-profile-card small{color:var(--muted)}
.detail-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.detail-stat{
  padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d0f14;
}
.detail-stat span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.detail-stat strong{display:block;margin-top:5px}
.account-detail-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.account-detail-actions .input{width:auto;min-width:150px}
.admin-overview-tile,.admin-module{
  background:#11141a!important;border-color:var(--line)!important;box-shadow:none!important;
}
.admin-overview-tile:hover,.admin-module:hover{
  transform:translateY(-1px)!important;background:#171a21!important;
  border-color:rgba(142,108,255,.25)!important;
}
.new-ui-modal{
  border:1px solid var(--line-strong)!important;
  background:#111318!important;
  box-shadow:0 32px 100px rgba(0,0,0,.55)!important;
}
.new-ui-modal-backdrop{background:rgba(3,4,6,.76)!important;backdrop-filter:blur(8px)}
@media(max-width:1100px){
  .account-admin-summary{grid-template-columns:1fr}
  .account-row{grid-template-columns:42px minmax(180px,1fr) 110px 20px}
  .account-row>span:nth-child(4),.account-row>span:nth-child(5){display:none!important}
  .detail-stat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .form-grid-two{grid-template-columns:1fr}
  .accounts-list-head{align-items:flex-start;flex-direction:column}
  .admin-toolbar.inline{width:100%}
  .admin-toolbar.inline .input{flex:1;min-width:0}
  .account-row{grid-template-columns:38px minmax(0,1fr) 18px;padding:12px}
  .account-row>span:nth-child(3),.account-row>span:nth-child(4),.account-row>span:nth-child(5){display:none!important}
  .detail-stat-grid{grid-template-columns:1fr 1fr}
}


/* =====================================================================
   GWA Core alpha168 — role portals
   ===================================================================== */
.portal-main{
  width:100%;
  min-height:100vh;
  margin:0;
  padding:0;
  position:relative;
  z-index:1;
}
.portal-layout{
  --portal-sidebar:238px;
  min-height:100vh;
  display:grid;
  grid-template-columns:var(--portal-sidebar) minmax(0,1fr);
  background:
    radial-gradient(circle at 58% -8%,rgba(103,69,214,.10),transparent 34rem),
    rgba(5,8,15,.74);
  color:#f5f7fb;
  position:relative;
  overflow:hidden;
}
.portal-layout:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.23;
  background-image:
    linear-gradient(rgba(123,91,255,.11) 1px,transparent 1px),
    linear-gradient(90deg,rgba(123,91,255,.11) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);
  animation:portalGridDrift 26s linear infinite;
}
.portal-layout:after{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(circle at 19% 84%,rgba(124,77,255,.12),transparent 19rem),
    radial-gradient(circle at 82% 13%,rgba(83,65,160,.11),transparent 23rem);
}
@keyframes portalGridDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(40px,40px,0)}
}
.reduced-motion .portal-layout:before{animation:none}

.portal-sidebar{
  position:relative;
  z-index:2;
  min-width:0;
  padding:18px 14px 22px;
  border-right:1px solid rgba(255,255,255,.075);
  background:linear-gradient(180deg,rgba(7,10,18,.98),rgba(6,9,16,.94));
  display:flex;
  flex-direction:column;
  gap:18px;
  min-height:100vh;
}
.portal-brand{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 4px 8px;
}
.portal-brand .brand{
  width:38px;
  min-width:38px;
  overflow:hidden;
}
.portal-brand .brand-gwa-logo{display:none}
.portal-brand .brand-monogram{width:36px;height:36px}
.portal-brand>div:last-child{display:grid;gap:1px}
.portal-brand strong{font-size:15px;letter-spacing:.01em}
.portal-brand small{color:#8e95a5;font-size:10px;letter-spacing:.12em}
.portal-sidebar nav{display:grid;gap:4px}
.portal-sidebar nav button{
  display:grid;
  grid-template-columns:27px 1fr;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:43px;
  padding:8px 11px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#9da5b5;
  text-align:left;
  cursor:pointer;
  font-weight:650;
  transition:.15s ease;
}
.portal-sidebar nav button span{
  display:grid;
  place-items:center;
  color:#bbb1dc;
  font-size:17px;
}
.portal-sidebar nav button:hover{
  background:rgba(255,255,255,.035);
  color:#fff;
}
.portal-sidebar nav button.active{
  color:#fff;
  border-color:rgba(147,102,255,.24);
  background:linear-gradient(90deg,rgba(122,73,232,.24),rgba(95,62,171,.10));
  box-shadow:inset 2px 0 #9d68ff,0 0 28px rgba(105,66,209,.09);
}
.portal-side-grid{
  margin-top:auto;
  min-height:165px;
  opacity:.8;
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 58%,rgba(117,77,239,.18),transparent 55%),
    linear-gradient(rgba(117,77,239,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(117,77,239,.16) 1px,transparent 1px);
  background-size:auto,20px 20px,20px 20px;
  transform:perspective(420px) rotateX(62deg);
  transform-origin:center bottom;
  box-shadow:inset 0 0 55px rgba(111,64,231,.09);
}
.portal-side-status{
  display:grid;
  gap:4px;
  padding:13px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:rgba(13,17,27,.82);
}
.portal-side-status i{
  width:7px;height:7px;border-radius:50%;background:#65db94;
  box-shadow:0 0 12px rgba(101,219,148,.55)
}
.portal-side-status strong{font-size:12px}
.portal-side-status small{color:#7e8798;font-size:10px}
.portal-side-status.role span{color:#b28cff;font-size:16px;font-weight:800}

.portal-content{
  position:relative;
  z-index:2;
  padding:18px 20px 26px;
  min-width:0;
}
.portal-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  min-height:92px;
  padding:8px 6px 16px;
}
.portal-page-head h1{
  margin:4px 0 5px;
  font-size:28px;
  letter-spacing:-.035em;
}
.portal-page-head p{
  margin:0;
  color:#8e96a8;
  max-width:760px;
  font-size:13px;
}
.portal-role-pill{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:190px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  background:rgba(11,15,24,.86);
}
.portal-role-pill>div{display:grid;gap:2px}
.portal-role-pill small{color:#8b93a3;font-size:10px}
.portal-avatar{
  display:grid;
  place-items:center;
  width:38px;height:38px;
  border-radius:11px;
  background:linear-gradient(145deg,#5631a9,#221c3d);
  border:1px solid rgba(173,122,255,.3);
  box-shadow:0 0 20px rgba(115,68,218,.14);
  color:#fff;
  font-weight:800;
}
.portal-metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.portal-metric{
  min-width:0;
  min-height:94px;
  display:grid;
  grid-template-columns:43px minmax(0,1fr);
  align-items:center;
  gap:11px;
  padding:13px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:linear-gradient(150deg,rgba(18,23,35,.94),rgba(10,14,23,.95));
}
.portal-metric-icon{
  display:grid;
  place-items:center;
  width:40px;height:40px;
  border-radius:10px;
  color:#bb98ff;
  background:rgba(123,76,226,.13);
  border:1px solid rgba(149,101,255,.14);
}
.portal-metric>div{display:grid;gap:2px}
.portal-metric small{color:#979fb0;font-size:10px}
.portal-metric strong{font-size:24px;letter-spacing:-.03em}
.portal-metric em{color:#7d8595;font-size:9px;font-style:normal}
.portal-grid{
  display:grid;
  gap:10px;
  margin-bottom:10px;
}
.portal-grid.profile-grid{grid-template-columns:1.35fr .92fr 1fr}
.portal-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-grid.dashboard-primary{grid-template-columns:1.1fr 1fr 1fr}
.portal-grid.dashboard-secondary{grid-template-columns:1.35fr .7fr .95fr}

.portal-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:linear-gradient(155deg,rgba(15,20,31,.97),rgba(8,12,20,.95));
  box-shadow:0 12px 34px rgba(0,0,0,.11);
}
.portal-panel>header{
  min-height:49px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:11px 13px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.portal-panel>header>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.portal-panel>header>div>span{color:#a879ff;font-size:17px}
.portal-panel>header strong{font-size:12px}
.portal-panel-body{padding:12px 13px}
.portal-counter{
  min-width:25px;height:25px;display:grid;place-items:center;
  border-radius:8px;background:rgba(124,77,255,.12);color:#c5adff;
  font-size:11px
}
.portal-text-button{
  border:0;background:transparent;color:#ad7bff;font-size:10px;cursor:pointer
}
.portal-list{display:grid}
.portal-list-row{
  min-height:43px;
  display:flex;
  align-items:center;
  gap:9px;
  border-bottom:1px solid rgba(255,255,255,.045);
  font-size:10px;
}
.portal-list-row:last-child{border-bottom:0}
.portal-list-row>span:not(.product-token):first-child{min-width:0;flex:1}
.portal-list-row>span:first-child{display:grid;gap:2px}
.portal-list-row strong{font-size:10px}
.portal-list-row small{color:#7e8797;font-size:9px}
.product-token{
  display:grid!important;
  place-items:center;
  flex:0 0 28px;
  width:28px;height:28px;
  border-radius:9px;
  background:rgba(124,77,255,.14);
  color:#c6a8ff;
  font-size:8px;
  font-weight:850;
}
.portal-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  padding:4px 7px;
  border-radius:7px;
  background:rgba(255,255,255,.045);
  color:#a7afbd;
  font-size:9px;
  white-space:nowrap;
}
.portal-status i{width:6px;height:6px;border-radius:50%;background:#7e8797}
.portal-status.good{color:#77d99e;background:rgba(62,190,113,.08)}
.portal-status.good i{background:#5fd188;box-shadow:0 0 8px rgba(95,209,136,.34)}
.portal-status.warn{color:#e1b15f;background:rgba(217,151,45,.08)}
.portal-status.warn i{background:#dba447}
.portal-status.bad{color:#ff8593;background:rgba(235,74,92,.08)}
.portal-status.bad i{background:#ef6678}
.portal-empty{
  min-height:100px;
  display:grid;
  place-items:center;
  color:#70798a;
  font-size:10px;
}
.customer-profile-card{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  gap:18px;
  min-height:200px;
  align-items:center;
}
.customer-avatar-large{
  width:92px;height:92px;
  display:grid;place-items:center;
  border-radius:50%;
  margin:auto;
  background:radial-gradient(circle at 35% 25%,#a975ff,#5530ad 58%,#231b3d);
  border:4px solid rgba(151,105,255,.15);
  box-shadow:0 0 30px rgba(125,75,232,.22);
  font-size:28px;font-weight:850
}
.customer-profile-data{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 20px;
}
.customer-profile-data>div{display:grid;gap:4px}
.customer-profile-data small{color:#7d8595;font-size:9px}
.customer-profile-data strong{font-size:11px}
.big-stat{display:grid;gap:4px;padding:8px 0}
.big-stat strong{font-size:33px;letter-spacing:-.04em}
.big-stat span{color:#8c94a5;font-size:10px}
.portal-inline-stats{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)
}
.portal-inline-stats.vertical{display:grid}
.portal-inline-stats span{color:#828a9a;font-size:10px}
.portal-inline-stats b{color:#f3f5fa;font-size:14px;margin-right:4px}
.license-state-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;margin-top:10px
}
.license-state-strip span{
  display:flex;justify-content:space-between;gap:8px;padding:7px 9px;
  border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#7e8797;font-size:9px
}
.license-state-strip b{color:#d9dce5}
.portal-action-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px
}
.portal-action-grid button{
  min-height:55px;border:1px solid rgba(255,255,255,.07);border-radius:9px;
  background:rgba(255,255,255,.025);color:#b7a7d6;font-size:10px;cursor:pointer
}
.portal-action-grid button:hover{
  border-color:rgba(150,101,255,.24);background:rgba(124,77,255,.08);color:#fff
}
.audit-row>span:first-child{flex:1}
.supervisor-only-badge,.sysop-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 11px;border:1px solid rgba(146,98,255,.2);border-radius:9px;
  background:rgba(124,77,255,.08);color:#c1a2ff;font-size:10px;font-weight:800
}
.sysop-badge{border-color:rgba(70,142,255,.18);background:rgba(70,142,255,.06);color:#9ac2ff}
.supervisor-settings-warning{
  display:flex;align-items:center;gap:11px;
  margin-bottom:10px;padding:12px 14px;
  border:1px solid rgba(142,97,255,.18);border-radius:10px;
  background:linear-gradient(90deg,rgba(124,77,255,.09),rgba(124,77,255,.02));
}
.supervisor-settings-warning>span{
  width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(124,77,255,.13);color:#c4a4ff
}
.supervisor-settings-warning>div{display:grid;gap:2px}
.supervisor-settings-warning small{color:#858d9d;font-size:10px}
.admin-portal .admin-section-host{
  border:1px solid rgba(255,255,255,.075);
  border-radius:11px;
  background:rgba(9,13,21,.78);
  padding:12px;
}
.admin-portal .admin-section-heading{padding:4px 4px 12px}
.admin-portal .admin-section-heading h2{font-size:18px}
.admin-portal .admin-section-heading p{font-size:10px}
.admin-portal .admin-subpanel{
  background:rgba(14,18,28,.82)!important;
  border-color:rgba(255,255,255,.065)!important;
}
.admin-portal .admin-toolbar{margin-bottom:10px}

@media(max-width:1180px){
  .portal-layout{--portal-sidebar:205px}
  .portal-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-grid.profile-grid,.portal-grid.dashboard-primary{grid-template-columns:1fr 1fr}
  .portal-grid.profile-grid>.portal-panel:first-child{grid-column:1/-1}
  .portal-grid.dashboard-secondary{grid-template-columns:1fr 1fr}
  .portal-grid.dashboard-secondary>.portal-panel:first-child{grid-column:1/-1}
}
@media(max-width:820px){
  .portal-layout{display:block}
  .portal-sidebar{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .portal-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .portal-side-grid,.portal-side-status{display:none}
  .portal-content{padding:14px}
  .portal-page-head{display:grid}
  .portal-role-pill{width:max-content}
  .portal-grid.profile-grid,.portal-grid.triple,.portal-grid.dashboard-primary,.portal-grid.dashboard-secondary{grid-template-columns:1fr}
  .portal-grid.profile-grid>.portal-panel:first-child,.portal-grid.dashboard-secondary>.portal-panel:first-child{grid-column:auto}
}
@media(max-width:560px){
  .portal-sidebar nav{grid-template-columns:1fr 1fr}
  .portal-metric-grid{grid-template-columns:1fr}
  .customer-profile-card{grid-template-columns:1fr}
  .customer-profile-data{grid-template-columns:1fr}
}


/* =====================================================================
   GWA Core alpha169 — coherent portal design system
   ===================================================================== */
.gwa-global-background{
  position:fixed;inset:0;z-index:-4;overflow:hidden;pointer-events:none;
  background:#060912;
}
.gwa-grid-layer{
  position:absolute;inset:-80px;
  background-image:
    linear-gradient(rgba(122,88,255,.105) 1px,transparent 1px),
    linear-gradient(90deg,rgba(122,88,255,.105) 1px,transparent 1px);
  background-size:46px 46px;
  transform:perspective(900px) rotateX(58deg) scale(1.45) translateY(14%);
  transform-origin:center bottom;
  opacity:.34;
  animation:gwaGridTravel 22s linear infinite;
}
.gwa-grid-glow{
  position:absolute;inset:-20%;
  background:
    radial-gradient(circle at 14% 88%,rgba(116,72,255,.20),transparent 22%),
    radial-gradient(circle at 82% 10%,rgba(70,49,159,.16),transparent 24%),
    radial-gradient(circle at 50% 110%,rgba(113,76,255,.11),transparent 32%);
  filter:blur(2px);
}
.gwa-grid-stars{
  position:absolute;inset:0;opacity:.45;
  background-image:
    radial-gradient(circle,rgba(155,126,255,.55) 0 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.5px);
  background-size:170px 170px,260px 260px;
  background-position:14px 22px,80px 110px;
  animation:gwaStarsDrift 34s linear infinite;
}
@keyframes gwaGridTravel{to{background-position:46px 46px,46px 46px}}
@keyframes gwaStarsDrift{to{transform:translate3d(-90px,45px,0)}}
html.reduced-motion .gwa-grid-layer,
html.reduced-motion .gwa-grid-stars{animation:none!important}

.portal-layout{background:rgba(5,8,15,.64)!important;overflow:visible!important}
.portal-layout:before,.portal-layout:after{display:none!important}
.portal-content{
  min-width:0;
  padding:0 22px 26px;
  position:relative;
  z-index:2;
}
.portal-commandbar{
  min-height:68px;
  margin:0 -22px 22px;
  padding:10px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  position:sticky;top:0;z-index:30;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(6,9,16,.82);
  backdrop-filter:blur(22px) saturate(135%);
}
.portal-search-wrap{
  width:min(380px,38vw);height:42px;
  display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;
  padding:0 12px;border:1px solid rgba(255,255,255,.085);border-radius:10px;
  background:rgba(14,18,28,.78);color:#8f97aa;
}
.portal-search-wrap .portal-svg-icon{width:18px;height:18px}
.portal-search-wrap input{
  min-width:0;border:0;outline:0;background:transparent;color:#f5f7fb;font:inherit;
}
.portal-search-wrap input::placeholder{color:#737c90}
.portal-search-wrap kbd{
  border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:3px 6px;
  background:#0a0d15;color:#778096;font-size:10px;font-family:inherit;
}
.portal-command-actions{display:flex;align-items:center;gap:8px;min-width:0}
.portal-command-actions .language{
  display:flex!important;height:40px;padding:3px;border:1px solid rgba(255,255,255,.08);
  border-radius:10px;background:#0d111b;
}
.portal-command-actions .language button{min-width:34px;border-radius:7px}
.portal-user-button{
  min-width:182px;height:44px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;
  align-items:center;gap:9px;padding:5px 9px;border:1px solid rgba(255,255,255,.085);
  border-radius:11px;background:#0d111b;color:#f3f5fa;cursor:pointer;text-align:left;
}
.portal-user-avatar{
  width:31px;height:31px;display:grid;place-items:center;border-radius:9px;
  background:linear-gradient(145deg,#5e35c9,#251948);border:1px solid #926aff55;
  font-size:11px;font-weight:850;
}
.portal-user-button>span:nth-child(2){display:grid;gap:1px;min-width:0}
.portal-user-button strong,.portal-user-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-user-button small{color:#838ca0;font-size:10px}
.portal-user-dropdown{right:0;top:50px}
.portal-page-head.modern{padding:4px 0 18px;margin-bottom:0}
.portal-page-head.modern h1{font-size:27px;letter-spacing:-.032em;margin:5px 0 5px}
.portal-page-head.modern p{max-width:760px;color:#8f98aa}
.portal-profile-chip{
  display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);
  border-radius:11px;background:#0d111b;
}
.portal-profile-chip>span:first-child{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(145deg,#7046e4,#392267);font-size:12px;font-weight:800;
}
.portal-profile-chip>div{display:grid;gap:1px}
.portal-profile-chip small{color:#858da0}
.portal-preview-badge{
  width:auto!important;height:auto!important;padding:4px 7px!important;border-radius:6px!important;
  background:#ae7cff16!important;color:#b994ff!important;font-size:9px!important;
}
.portal-authority-chip{
  display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:9px;
  border:1px solid #7d5bce33;background:#7c4dff12;color:#bda5ff;font-size:11px;font-weight:800;
}
.portal-authority-chip.sysop{color:#83b8ff;border-color:#5f8bd933;background:#4777d412}
.portal-svg-icon{
  width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;
}
.portal-metric .portal-svg-icon{width:20px;height:20px}
.portal-sidebar nav button{
  grid-template-columns:24px minmax(0,1fr)!important;
  min-height:42px!important;border-radius:9px!important;padding:8px 10px!important;
}
.portal-sidebar nav button .portal-svg-icon{width:18px;height:18px;color:#9b91bd}
.portal-sidebar nav button.active .portal-svg-icon{color:#c7b5ff}
.portal-sidebar nav button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-panel{
  background:linear-gradient(180deg,rgba(13,17,27,.93),rgba(10,14,23,.92))!important;
  border:1px solid rgba(255,255,255,.072)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
}
.portal-panel>header{min-height:54px!important;padding:13px 15px!important}
.portal-panel>header>div{gap:9px!important}
.portal-panel>header>div>span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:8px;
  background:#784dff14;color:#9f79ff;
}
.portal-panel>header>div>span .portal-svg-icon{width:17px;height:17px}
.portal-panel-body{padding:14px 15px 16px!important}
.portal-metric{
  min-height:102px!important;padding:15px!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(14,18,28,.92),rgba(10,14,22,.92))!important;
  border-color:rgba(255,255,255,.072)!important;
}
.portal-metric-icon{
  width:34px!important;height:34px!important;border-radius:9px!important;
  background:#7448ef17!important;color:#9e79ff!important;
}
.portal-metric strong{font-size:24px!important}
.portal-grid{gap:12px!important}
.portal-metric-grid{gap:12px!important}
.portal-list-row{
  min-height:46px;padding:9px 0!important;border-bottom-color:rgba(255,255,255,.052)!important;
}
.portal-data-table{overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:10px}
.portal-data-head,.portal-data-row{
  min-width:680px;display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:12px;align-items:center;padding:11px 13px;
}
.portal-data-head{background:#ffffff04;color:#747e92;text-transform:uppercase;font-size:9px;letter-spacing:.08em}
.portal-data-row{border-top:1px solid rgba(255,255,255,.052);font-size:12px}
.portal-download-hint{color:#a782ff;font-size:11px}
.supervisor-settings-warning .portal-svg-icon{width:22px;height:22px}
.workspace-switcher-trigger{
  min-height:40px!important;border-radius:10px!important;background:#0d111b!important;
  border-color:rgba(255,255,255,.085)!important;
}
.workspace-switcher-menu{
  top:47px!important;border-radius:11px!important;background:#0c1019!important;
  border-color:rgba(255,255,255,.09)!important;box-shadow:0 22px 60px rgba(0,0,0,.48)!important;
}
.header-utilities .utility-button{
  width:40px!important;height:40px!important;border-radius:10px!important;background:#0d111b!important;
  border-color:rgba(255,255,255,.085)!important;
}
html[data-theme="light"] .gwa-global-background{background:#eef1f7}
html[data-theme="light"] .gwa-grid-layer{opacity:.10}
html[data-theme="light"] .gwa-grid-glow{opacity:.35}
html[data-theme="light"] .portal-commandbar{background:rgba(247,249,253,.88)}
html[data-theme="light"] .portal-search-wrap,
html[data-theme="light"] .portal-user-button,
html[data-theme="light"] .portal-command-actions .language,
html[data-theme="light"] .workspace-switcher-trigger,
html[data-theme="light"] .header-utilities .utility-button{background:#fff!important;color:#151823}
html[data-theme="light"] .portal-panel,
html[data-theme="light"] .portal-metric{background:rgba(255,255,255,.92)!important}
.high-contrast .portal-panel,.high-contrast .portal-metric,.high-contrast .portal-commandbar{
  border-color:rgba(255,255,255,.34)!important;
}
.focus-mode .portal-sidebar{opacity:.55;transition:opacity .2s ease}
.focus-mode .portal-sidebar:hover{opacity:1}
@media(max-width:1250px){
  .portal-search-wrap{width:min(290px,31vw)}
  .portal-user-button{min-width:46px;width:46px;grid-template-columns:1fr;padding:5px}
  .portal-user-button>span:nth-child(2),.portal-user-button>b{display:none}
}
@media(max-width:980px){
  .portal-layout{grid-template-columns:78px minmax(0,1fr)!important}
  .portal-sidebar{padding-inline:10px}
  .portal-brand>div:last-child,.portal-sidebar nav button>span:last-child,.portal-side-status strong,.portal-side-status small{display:none}
  .portal-sidebar nav button{grid-template-columns:1fr!important;justify-items:center}
  .portal-sidebar .portal-svg-icon{width:20px!important;height:20px!important}
  .portal-commandbar{margin-inline:-14px;padding-inline:14px}
  .portal-content{padding-inline:14px}
  .portal-search-wrap{display:none}
}
@media(max-width:700px){
  .portal-layout{display:block!important}
  .portal-sidebar{display:none}
  .portal-content{padding:0 10px 18px}
  .portal-commandbar{margin:0 -10px 14px;padding:9px 10px;position:sticky}
  .portal-command-actions{width:100%;justify-content:flex-end}
  .portal-command-actions .language{display:none!important}
  .portal-command-actions .workspace-switcher{margin-right:auto}
  .portal-page-head.modern{display:grid;gap:10px}
  .portal-metric-grid{grid-template-columns:1fr 1fr!important}
  .portal-grid.two,.portal-grid.triple,.portal-grid.dashboard-primary,.portal-grid.dashboard-secondary{grid-template-columns:1fr!important}
}


/* =====================================================================
   GWA Core alpha171 — navigation + readability pass
   Header/logo sizing intentionally deferred to the final header pass.
   ===================================================================== */
.portal-layout{grid-template-columns:250px minmax(0,1fr)!important}
.portal-sidebar.redesigned-nav{
  width:auto!important;padding:16px 12px 14px!important;
  border-right:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(8,11,19,.96),rgba(7,10,17,.92))!important;
}
.portal-nav-groups{display:grid!important;align-content:start;gap:19px!important;margin-top:8px}
.portal-nav-group{display:grid;gap:5px}
.portal-nav-label{
  padding:0 10px 5px;color:#5f6980;font-size:10px;font-weight:800;
  letter-spacing:.105em;text-transform:uppercase;
}
.portal-sidebar.redesigned-nav nav button{
  min-height:44px!important;padding:8px 10px!important;border-radius:9px!important;
  grid-template-columns:22px minmax(0,1fr) 16px!important;gap:10px!important;
  color:#aeb5c6!important;font-size:13px!important;font-weight:650!important;
  background:transparent!important;border:1px solid transparent!important;
}
.portal-sidebar.redesigned-nav nav button i{
  color:#485166;font-style:normal;font-size:17px;opacity:0;transform:translateX(-3px);transition:.16s ease;
}
.portal-sidebar.redesigned-nav nav button:hover{
  color:#f3f5fb!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important;
}
.portal-sidebar.redesigned-nav nav button:hover i{opacity:1;transform:none}
.portal-sidebar.redesigned-nav nav button.active{
  color:#f5f1ff!important;background:linear-gradient(90deg,rgba(114,75,223,.20),rgba(114,75,223,.08))!important;
  border-color:rgba(139,98,255,.22)!important;box-shadow:inset 3px 0 #875eff!important;
}
.portal-sidebar.redesigned-nav nav button.active i{opacity:.85;color:#a987ff;transform:none}
.portal-sidebar.redesigned-nav nav button .portal-svg-icon{width:17px!important;height:17px!important}
.portal-content{font-size:14px!important;line-height:1.48}
.portal-page-head.modern h1{font-size:30px!important;line-height:1.15!important}
.portal-page-head.modern p{font-size:14px!important;line-height:1.55!important}
.portal-panel>header strong{font-size:14px!important}
.portal-panel-body{font-size:13.5px!important}
.portal-list-row strong{font-size:13px!important}
.portal-list-row small{font-size:11.5px!important;line-height:1.35!important}
.portal-metric small{font-size:11px!important}
.portal-metric strong{font-size:27px!important}
.portal-data-head{font-size:10px!important}
.portal-data-row{font-size:13px!important}
.portal-commandbar{font-size:13px!important}
.portal-toolbar-card{
  min-height:58px;margin-bottom:12px;padding:10px 13px;display:flex;align-items:center;gap:11px;
  border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(12,16,25,.87);
}
.portal-toolbar-card>.portal-svg-icon{width:19px;height:19px;color:#9c76ff}
.portal-search-input{
  flex:1;min-width:160px;height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.075);
  border-radius:8px;background:#080c14;color:#f5f7fb;outline:none;font:inherit;
}
.portal-search-input:focus{border-color:rgba(140,98,255,.52);box-shadow:0 0 0 3px rgba(127,80,255,.09)}
.portal-toolbar-hint{color:#737d91;font-size:11px;white-space:nowrap}
.portal-primary-action{
  min-height:38px;padding:0 13px;border:1px solid rgba(140,99,255,.34);border-radius:9px;
  background:linear-gradient(180deg,#8059eb,#6841c8);color:white;font:inherit;font-weight:750;cursor:pointer;
}
.portal-workspace-panel{min-height:520px}
.portal-workspace-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;min-height:250px;
}
.portal-workspace-grid .remote-instance-card,.remote-instance-grid .remote-instance-card{
  background:linear-gradient(180deg,rgba(14,18,28,.94),rgba(9,13,21,.94))!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;
}
.portal-content .admin-list-card,.portal-content .card{
  font-size:13.5px;
}
.portal-content table{font-size:12.5px}
.portal-content .empty,.portal-content .preview-notice{font-size:13px}
@media(max-width:1100px){
 .portal-layout{grid-template-columns:218px minmax(0,1fr)!important}
 .portal-sidebar.redesigned-nav nav button{font-size:12.5px!important}
}
@media(max-width:980px){
 .portal-layout{grid-template-columns:74px minmax(0,1fr)!important}
 .portal-nav-label,.portal-sidebar.redesigned-nav nav button>span,.portal-sidebar.redesigned-nav nav button i{display:none!important}
 .portal-sidebar.redesigned-nav nav button{grid-template-columns:1fr!important;justify-items:center!important}
}

/* GWA Core alpha172 — deterministic left-aligned portal navigation */
.portal-sidebar.redesigned-nav nav button,.portal-sidebar.redesigned-nav .portal-nav-group button{text-align:left!important;justify-items:stretch!important;justify-content:stretch!important}
.portal-sidebar.redesigned-nav nav button>span,.portal-sidebar.redesigned-nav .portal-nav-group button>span{display:block!important;place-items:initial!important;text-align:left!important;justify-self:stretch!important;align-self:center!important;font-size:13px!important;line-height:1.25!important;width:100%!important}
.portal-sidebar.redesigned-nav nav button>.portal-svg-icon{justify-self:start!important}.portal-sidebar.redesigned-nav nav button>i{justify-self:end!important}.portal-nav-label{text-align:left!important}
.portal-workspace-panel .support-ticket-card,.portal-workspace-panel .remote-instance-card{font-size:13.5px!important}.portal-toolbar-card>div{display:grid;gap:2px}.portal-toolbar-card>div small{color:#7f899d;font-size:11.5px}
@media(min-width:981px){.portal-sidebar.redesigned-nav nav button,.portal-sidebar.redesigned-nav .portal-nav-group button{grid-template-columns:20px minmax(0,1fr) 14px!important}}

/* alpha173 admin + customer settings */
.admin-portal .portal-sidebar.admin-redesigned-nav nav button{grid-template-columns:20px minmax(0,1fr)!important;text-align:left!important;justify-items:start!important;padding-left:12px!important}
.admin-portal .portal-sidebar.admin-redesigned-nav nav button>span{width:100%!important;display:block!important;place-items:initial!important;text-align:left!important;justify-self:stretch!important;font-size:13px!important}
.portal-settings-form{display:grid;gap:14px}
.portal-settings-form label{display:grid;gap:7px}
.portal-settings-form label>span{color:#aab2c2;font-size:12px;font-weight:700}
.portal-setting-status{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025)}
.portal-readonly-note{padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#8e97aa;font-size:12px;line-height:1.45}

/* alpha175 */
.oauth-provider-admin{margin-top:14px}
#oauthProviderAdmin{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}
.oauth-provider-card{border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(7,11,18,.72);padding:14px}
.oauth-provider-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.oauth-provider-card>header>div{display:grid;gap:3px;min-width:0}.oauth-provider-card>header small{color:#7f899d;overflow:hidden;text-overflow:ellipsis}
.admin-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.oauth-callback-code{display:block;margin-top:6px;padding:10px;border-radius:8px;background:#090d15;overflow:auto}
.oauth-guide-steps{display:grid;gap:8px;padding-left:22px;color:#c7ccda}.portal-session-list{display:grid}
.portal-session-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.portal-session-row>div{display:grid;gap:3px}.portal-session-row small{color:#7f899d}

/* alpha184 */
.license-admin-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(520px,1.6fr);gap:14px;align-items:start}
.license-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.065)}
.license-admin-row.master{background:linear-gradient(90deg,rgba(117,68,220,.1),transparent);border-radius:9px}
.license-main{display:flex;align-items:center;gap:10px;min-width:0}.license-main>div{display:grid;gap:3px;min-width:0}.license-main small{color:#858fa2;overflow:hidden;text-overflow:ellipsis}
.license-master-badge{font-size:9px;font-weight:850;letter-spacing:.08em;padding:5px 6px;border-radius:6px;border:1px solid rgba(141,89,255,.35);background:rgba(109,62,206,.14);color:#b99aff}
.license-meta{display:flex;align-items:center;gap:9px;color:#8892a5;font-size:11px}.license-secret{display:block;margin-top:6px;padding:9px;border:1px dashed rgba(164,117,255,.42);border-radius:7px;user-select:all;overflow:auto}
.code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.45}
@media(max-width:1180px){.license-admin-grid{grid-template-columns:1fr}.license-admin-row{grid-template-columns:1fr}}


/* alpha185 — Products page completion */
.product-admin-layout{
  display:grid;
  grid-template-columns:minmax(320px,440px) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.product-editor-panel,
.product-catalog-panel{min-width:0}
.product-editor-panel{position:sticky;top:12px}
.product-editor-form label{display:grid;gap:7px}
.product-editor-form label>span{font-weight:720}
.product-editor-form label>small{color:var(--muted,#8791a4);line-height:1.45}
.product-editor-actions{display:flex;gap:10px;align-items:center}
.product-editor-actions .primary{flex:1}
.compact-btn{width:auto!important;min-width:92px!important;padding-inline:14px!important}
.product-catalog-head>div{display:grid;gap:4px}
.product-catalog-head small{color:var(--muted,#8791a4)}
.product-catalog-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:10px;
  margin-bottom:14px;
}
.compact-select{min-width:0}
.product-catalog-list{display:grid;gap:12px;min-width:0}
.product-catalog-card{
  min-width:0;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(8,13,22,.72);
  border-radius:12px;
  padding:15px 16px;
  display:grid;
  gap:13px;
  overflow:hidden;
}
.product-catalog-card:hover{border-color:rgba(139,92,246,.34);background:rgba(12,18,30,.8)}
.product-card-top{
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.product-card-identity{display:flex;align-items:flex-start;gap:10px;min-width:0}
.product-card-identity>div{min-width:0;display:grid;gap:5px}
.product-card-identity strong{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.product-key-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.product-key-line code{
  max-width:100%;
  padding:3px 7px;
  border-radius:6px;
  background:rgba(255,255,255,.045);
  color:#b7c0d2;
  overflow-wrap:anywhere;
}
.product-alias-note{font-size:10px;color:#7f899b}
.product-status-dot{width:9px;height:9px;border-radius:999px;margin-top:5px;flex:0 0 auto}
.product-status-dot.active{background:#49c986;box-shadow:0 0 0 4px rgba(73,201,134,.1)}
.product-status-dot.disabled{background:#7a8495;box-shadow:0 0 0 4px rgba(122,132,149,.1)}
.product-status-pill{
  flex:0 0 auto;
  border-radius:999px;
  padding:5px 9px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
  border:1px solid rgba(255,255,255,.09);
}
.product-status-pill.active{color:#75daa5;background:rgba(73,201,134,.08);border-color:rgba(73,201,134,.23)}
.product-status-pill.disabled{color:#a3acba;background:rgba(122,132,149,.08)}
.product-card-description{
  margin:0;
  color:#98a3b6;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.product-card-capabilities{
  display:grid;
  gap:8px;
  padding:11px 12px;
  border-radius:9px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.055);
  min-width:0;
}
.product-card-capability-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-card-capability-head>span{font-size:11px;font-weight:750;color:#aeb8c9}
.product-card-capability-head>small{color:#727e92}
.product-capability-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.product-capability-chip{
  max-width:100%;
  padding:5px 7px;
  border-radius:6px;
  font-size:10px;
  line-height:1.2;
  color:#bdc7d8;
  background:rgba(129,92,246,.09);
  border:1px solid rgba(129,92,246,.16);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-capability-chip.muted{color:#818ca0;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.065)}
.product-capability-empty{font-size:11px;color:#6f7a8c;font-style:italic}
.product-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.product-card-created{min-width:0;color:#6f7a8e;font-size:10px;overflow-wrap:anywhere}
.product-edit-button{
  width:auto!important;
  min-width:104px!important;
  padding:8px 14px!important;
  flex:0 0 auto;
}
.product-empty-state{
  min-height:190px;
  display:grid;
  place-content:center;
  justify-items:center;
  text-align:center;
  gap:7px;
  color:#7e899d;
  border:1px dashed rgba(255,255,255,.09);
  border-radius:12px;
}
.product-empty-state strong{color:#b9c3d4}
.product-features-editor{min-height:180px;resize:vertical}
.product-editor-form input[readonly]{
  opacity:.74;
  cursor:not-allowed;
  background:rgba(255,255,255,.025);
}

@media(max-width:1180px){
  .product-admin-layout{grid-template-columns:1fr}
  .product-editor-panel{position:static}
}
@media(max-width:720px){
  .product-catalog-toolbar{grid-template-columns:1fr}
  .product-card-top,.product-card-footer{align-items:stretch;flex-direction:column}
  .product-status-pill,.product-edit-button{align-self:flex-start}
}

/* alpha186 audit live UI */
.audit-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.danger-button{border:1px solid rgba(244,83,103,.38);background:rgba(244,83,103,.11);color:#ff9cac;border-radius:8px;padding:9px 13px;font-weight:750;cursor:pointer}
.danger-button:hover{background:rgba(244,83,103,.18)}
.audit-toolbar{display:grid!important;grid-template-columns:auto minmax(260px,1fr) 180px auto auto;gap:10px;align-items:center}
.audit-autoscroll{display:flex;align-items:center;gap:6px;color:#8994a7;font-size:11px;white-space:nowrap}
.audit-live-body{max-height:68vh;overflow:auto;padding:0!important}
.audit-event-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:14px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.055)}
.audit-event-row:hover{background:rgba(255,255,255,.018)}
.audit-event-main{min-width:0;display:grid;gap:6px}
.audit-event-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.audit-event-title strong{font-size:12px}
.audit-event-path code{color:#c6cede;overflow-wrap:anywhere}
.audit-event-meta{display:flex;flex-wrap:wrap;gap:10px;color:#768196;font-size:10px}.audit-event-meta code{color:#99a6bb}
.audit-http-status,.audit-method{font-size:9px;font-weight:850;padding:3px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.08)}
.audit-http-status.ok{color:#72daa5;border-color:rgba(72,202,143,.2);background:rgba(72,202,143,.07)}
.audit-http-status.redirect{color:#e1be6b;border-color:rgba(225,190,107,.2);background:rgba(225,190,107,.07)}
.audit-http-status.warn{color:#f0a66f;border-color:rgba(240,166,111,.2);background:rgba(240,166,111,.07)}
.audit-http-status.error{color:#ff8ea2;border-color:rgba(255,90,118,.2);background:rgba(255,90,118,.07)}
.audit-method{color:#b99aff;background:rgba(128,83,225,.08)}
.audit-event-details{min-width:0}.audit-event-details summary{cursor:pointer;color:#8f9aad;font-size:11px}.audit-event-details pre{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);padding:10px;border-radius:7px;color:#aab5c8;font-size:10px}
@media(max-width:900px){.audit-toolbar{grid-template-columns:1fr}.audit-event-row{grid-template-columns:1fr}}


/* alpha188 — Audit only inside SuperVisor / SysOP AdminPanel */
.admin-audit-page{display:grid;gap:14px}
.admin-audit-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap}
.admin-audit-toolbar{margin:0}
.admin-audit-log-panel{min-height:430px;overflow:hidden}
.admin-audit-live-body{max-height:62vh;overflow:auto}
.admin-audit-log-panel .admin-subpanel-head{position:sticky;top:0;z-index:2;background:inherit}
@media(max-width:760px){
 .admin-audit-actions{justify-content:stretch}
 .admin-audit-actions>button{flex:1}
}


/* alpha192 — global operator master access */
.operator-master-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.operator-master-card{min-width:0}
.supervisor-master-card{border-color:rgba(139,92,246,.24)}
.sysops-master-card{border-color:rgba(89,142,255,.18)}
.operator-master-summary{display:grid;gap:0}
.operator-master-line{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.operator-master-line:last-child{border-bottom:0}
.operator-master-line>span{color:#7f899d;font-size:11px}
.operator-master-line code{overflow-wrap:anywhere;color:#c1caDA}
.operator-master-line pre{margin:0;max-height:170px;overflow:auto;white-space:pre-wrap;background:rgba(0,0,0,.18);padding:8px;border-radius:7px;font-size:10px}
@media(max-width:1000px){.operator-master-access-grid{grid-template-columns:1fr}}
@media(max-width:650px){.operator-master-line{grid-template-columns:1fr}}


/* alpha194 — Prod/Debug request-audit mode */
.admin-panel-settings-layout{display:grid;gap:14px}
.runtime-mode-panel{border-color:rgba(137,95,246,.18)}
.runtime-mode-control{display:grid;gap:14px}
.runtime-mode-status{padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.02)}
.runtime-mode-status>div{display:grid;gap:4px}
.runtime-mode-status small{color:#8994a7;line-height:1.5}
.runtime-mode-control.debug-active .runtime-mode-status{border-color:rgba(240,166,111,.25);background:rgba(240,166,111,.055)}
.runtime-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.runtime-mode-option{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:9px;cursor:pointer;background:rgba(255,255,255,.015)}
.runtime-mode-option.selected{border-color:rgba(139,92,246,.34);background:rgba(139,92,246,.065)}
.runtime-mode-option.disabled{opacity:.46;cursor:not-allowed}
.runtime-mode-option>span{display:grid;gap:4px}
.runtime-mode-option small{color:#7f899b;line-height:1.4}
.runtime-mode-actions{display:flex;justify-content:flex-end}
.runtime-mode-locked{display:flex;align-items:center;gap:8px;color:#7f899b;font-size:11px;padding:9px 11px;border-radius:8px;background:rgba(255,255,255,.025)}
.badge.orange{color:#f0a66f;border-color:rgba(240,166,111,.25);background:rgba(240,166,111,.08)}
@media(max-width:760px){.runtime-mode-options{grid-template-columns:1fr}}


/* alpha195 — Product key approval + IP reset live queues */
.product-security-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.live-dot-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8e98aa}
.live-dot-label i{width:7px;height:7px;border-radius:50%;background:#64d8a0;box-shadow:0 0 0 4px rgba(100,216,160,.08)}
.security-request-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.security-request-row:last-child{border-bottom:0}
.security-request-main{min-width:0;display:grid;gap:4px}
.security-request-main code{overflow-wrap:anywhere;color:#aeb9ca}
.security-request-main small{color:#7f899a}
.security-request-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.compact-token-input{width:130px;min-width:110px}
@media(max-width:1000px){.product-security-live-grid{grid-template-columns:1fr}}
@media(max-width:700px){.security-request-row{align-items:stretch;flex-direction:column}.security-request-actions{justify-content:flex-start}.compact-token-input{width:100%}}


/* GWA Core v243-r4: identity cleanup + mandatory first-password screen */
.portal-brand{
  display:flex;
  align-items:center;
  gap:10px;
}
.portal-brand .brand-gwa{
  flex:1 1 auto;
  min-width:0;
}
.portal-workspace-badge{
  flex:0 0 auto;
  padding:5px 7px;
  border:1px solid rgba(139,92,246,.28);
  border-radius:4px;
  background:rgba(124,58,237,.08);
  color:#bca8ff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.first-password-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px 18px;
  background:
    radial-gradient(circle at 50% 0%,rgba(124,58,237,.13),transparent 36rem),
    #07080b;
}
.first-password-panel{
  width:min(540px,100%);
  border:1px solid #272a34;
  border-radius:8px;
  background:#0d0f14;
  box-shadow:0 32px 90px rgba(0,0,0,.36);
  overflow:hidden;
}
.first-password-brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border-bottom:1px solid #232630;
  background:#101219;
}
.first-password-brand>span{
  color:#9699a6;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.first-password-copy{
  padding:28px 28px 12px;
}
.first-password-copy h1{
  margin:8px 0 10px;
  font-size:28px;
  letter-spacing:-.03em;
}
.first-password-copy p{
  margin:0;
  color:#a5a7b2;
  line-height:1.65;
}
.first-password-form{
  display:grid;
  gap:14px;
  padding:16px 28px 28px;
}
.first-password-form label{
  display:grid;
  gap:7px;
  color:#a5a7b2;
  font-size:11px;
}
.first-password-policy{
  padding:11px 12px;
  border-left:2px solid #7c3aed;
  background:#12121a;
  color:#989aa6;
  font-size:10px;
  line-height:1.55;
}
.first-password-panel>footer{
  padding:12px 20px;
  border-top:1px solid #232630;
  color:#737684;
  font-size:9px;
  text-align:center;
}


/* v243-r5 GWA Core Systems brand consolidation */
.portal-sidebar.redesigned-nav,
.portal-sidebar.admin-redesigned-nav{background:linear-gradient(180deg,#0a0b10 0%,#08090d 100%);border-right-color:#22242e}
.portal-brand{min-height:72px;padding:16px 14px;border-bottom:1px solid #242631;background:linear-gradient(180deg,rgba(124,58,237,.08),transparent)}
.portal-brand .brand-gwa-logo{height:23px;width:auto;filter:drop-shadow(0 0 12px rgba(124,58,237,.16))}
.portal-brand .brand-product strong{letter-spacing:.18em}.portal-brand .brand-product small{letter-spacing:.22em}
.portal-workspace-badge{border-radius:3px!important;background:#12101b!important;border-color:rgba(145,103,255,.32)!important;color:#c4b5fd!important}
.portal-page-head.modern{border-bottom:1px solid #22242d;padding-bottom:20px;margin-bottom:20px}
.portal-page-head.modern .eyebrow{color:#a78bfa;letter-spacing:.16em}
.portal-panel,.portal-metric{border-radius:6px!important;box-shadow:none!important}
.portal-metric{background:#0d0f14;border-color:#262934}
.portal-panel{background:#0c0e13;border-color:#262934}
.portal-commandbar{border-radius:6px!important}
.customer-profile-card.alpha169{background:transparent!important;border:0!important;padding:0!important}
.first-password-brand .brand-gwa-logo{height:25px;width:auto}
.first-password-brand{background:linear-gradient(90deg,rgba(124,58,237,.08),transparent),#101219}
.page-loader .brand-gwa-logo,.loading .brand-gwa-logo{filter:drop-shadow(0 0 15px rgba(124,58,237,.22))}


/* GWA Core v243-r10 — final brand layer + server Product Logs */
.portal-brand .brand-gwa-logo{display:block!important;width:auto!important;height:26px!important;max-width:86px!important}.portal-brand .brand-product{display:grid!important;gap:1px}.portal-brand{background:linear-gradient(180deg,rgba(124,58,237,.095),rgba(124,58,237,.015)),#0b0c11!important}.portal-sidebar{border-right-color:#272936!important}.portal-page-head .eyebrow,.admin-head .eyebrow{color:#a68aff!important;letter-spacing:.18em!important}.portal-commandbar{background:rgba(10,11,15,.94)!important;backdrop-filter:blur(14px)}
.product-log-page{display:grid;gap:14px}.product-log-environment{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border:1px solid var(--line);background:#0b0d12;border-radius:6px;color:var(--muted);font-size:11px}.product-log-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-log-category{border:1px solid var(--line);border-radius:7px;background:#0d0f14;overflow:hidden}.product-log-category.disabled{opacity:.72}.product-log-category>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-bottom:1px solid var(--line)}.product-log-category>header>div:first-child{display:grid;gap:3px}.product-log-category>header small{color:var(--muted);font-size:9px}.product-log-files{display:grid;padding:7px}.product-log-files button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:7px 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.product-log-files button:hover,.product-log-files button.active{border-color:#343747;background:#141720;color:var(--text)}.product-log-files button small{font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.product-log-toolbar{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.product-log-toolbar .input{min-width:120px}#productLogSearch{min-width:280px}.product-log-viewer{overflow:hidden}.product-log-table{display:grid;overflow:auto}.product-log-table-head,.product-log-row{min-width:1040px;display:grid;grid-template-columns:150px 78px 190px 190px minmax(300px,1fr) 92px;gap:10px;align-items:start}.product-log-table-head{padding:8px 10px;border-bottom:1px solid var(--line);color:#777b89;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.product-log-row{padding:10px;border-bottom:1px solid #1d2029;font-size:10px}.product-log-row>span,.product-log-row>strong{padding-top:4px}.product-log-row code{display:block;color:#9ba0b3;font-size:9px;word-break:break-all}.product-log-row pre{margin:0;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#aeb3c3;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.product-log-level{display:inline-flex!important;width:max-content;padding:4px 6px!important;border:1px solid #343747;border-radius:3px;font-size:8px;font-weight:800}.product-log-level.error,.product-log-level.critical{border-color:rgba(234,108,128,.42);color:#ff8da0}.product-log-level.warning{border-color:rgba(225,183,93,.42);color:#e1b75d}.product-log-level.info{color:#a8b1ff}.product-log-level.debug{color:#8d92a2}.product-log-access{display:grid;gap:10px}.product-log-access-grid{display:grid;gap:9px;padding:0 12px 12px}.product-log-access-operator{border:1px solid var(--line);border-radius:6px;background:#0b0d12;overflow:hidden}.product-log-access-operator>header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.product-log-access-operator>header small{color:var(--muted)}.product-log-access-cats{display:grid}.product-log-access-row{display:grid;grid-template-columns:minmax(150px,1fr) 80px 80px 90px;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #1b1e26}.product-log-access-row:last-child{border-bottom:0}.product-log-access-row label{display:flex;align-items:center;gap:5px;font-size:9px}.compact{padding:5px 8px!important;min-height:28px!important;font-size:9px!important}.empty.compact{padding:14px!important;min-height:0!important}@media(max-width:1050px){.product-log-categories{grid-template-columns:1fr}.product-log-access-row{grid-template-columns:1fr 70px 70px 80px}}


/* v243-r14 Customer Security: devices + Windows Hello */
.windows-hello-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 0 12px}.windows-hello-status>div:first-child{display:grid;gap:4px}.windows-hello-status small{color:var(--muted);line-height:1.5}.windows-hello-actions{display:flex;gap:7px;flex-wrap:wrap}.passkey-list,.customer-device-list{display:grid;gap:7px}.passkey-row,.customer-device-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:5px;background:#0b0d12}.passkey-row>div,.customer-device-row>div{display:grid;gap:3px}.passkey-row small,.customer-device-row small{color:var(--muted);font-size:9px}.customer-device-row{grid-template-columns:30px minmax(0,1fr) auto auto}.customer-device-row.current{border-color:rgba(124,58,237,.42);background:rgba(124,58,237,.055)}.customer-device-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #303342;border-radius:4px;color:#a68aff}.customer-device-row b{margin-left:7px;padding:2px 5px;border-radius:3px;background:rgba(124,58,237,.14);color:#bca8ff;font-size:8px;text-transform:uppercase;letter-spacing:.06em}@media(max-width:760px){.windows-hello-status{align-items:flex-start;flex-direction:column}.customer-device-row{grid-template-columns:28px minmax(0,1fr);}.customer-device-row>:nth-child(n+3){grid-column:2}.passkey-row{grid-template-columns:1fr auto}}


/* GWA Core v243-r18 — optional Windows Hello offer */
.windows-hello-offer{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  margin-bottom:14px;
  border:1px solid rgba(139,92,246,.34);
  border-radius:7px;
  background:
    linear-gradient(90deg,rgba(124,58,237,.12),rgba(124,58,237,.025)),
    #0d0f14;
}
.windows-hello-offer-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(139,92,246,.35);
  border-radius:6px;
  background:rgba(124,58,237,.1);
  color:#b69cff;
}
.windows-hello-offer-copy{
  display:grid;
  gap:3px;
  min-width:0;
}
.windows-hello-offer-copy strong{
  color:var(--text);
  font-size:12px;
}
.windows-hello-offer-copy small{
  color:var(--muted);
  line-height:1.45;
}
.windows-hello-offer-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media(max-width:850px){
  .windows-hello-offer{
    grid-template-columns:auto 1fr;
  }
  .windows-hello-offer-actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }
}


/* GWA Core v243-r19 — post-login Windows Hello offer */
.post-login-hello-overlay{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(4,5,8,.74);
  backdrop-filter:blur(10px);
}
.post-login-hello-dialog{
  width:min(560px,100%);
  overflow:hidden;
  border:1px solid rgba(139,92,246,.38);
  border-radius:8px;
  background:#0d0f14;
  box-shadow:0 28px 100px rgba(0,0,0,.52);
}
.post-login-hello-dialog>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid #262936;
  background:
    linear-gradient(180deg,rgba(124,58,237,.1),rgba(124,58,237,.02)),
    #0c0e13;
}
.post-login-hello-body{
  display:grid;
  gap:10px;
  padding:24px;
}
.post-login-hello-body h2{
  margin:0;
  font-size:24px;
  letter-spacing:-.03em;
}
.post-login-hello-body p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.post-login-hello-note{
  padding:10px 12px;
  border-left:2px solid #7c3aed;
  background:#12141b;
  color:#969baa;
  font-size:10px;
  line-height:1.55;
}
.post-login-hello-dialog>footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding:14px 16px;
  border-top:1px solid #262936;
}


/* GWA Core v243-r21 — visible Windows Hello enrollment errors */
.post-login-hello-result{
  margin:0 24px 16px;
  padding:10px 12px;
  border:1px solid rgba(234,108,128,.38);
  border-radius:5px;
  background:rgba(234,108,128,.08);
  color:#ff9aae;
  font-size:10px;
  line-height:1.5;
  word-break:break-word;
}


/* GWA Mobile Security / Security & Sessions */
@media (max-width: 760px), (pointer: coarse) {
  .portal-grid.two {
    grid-template-columns: 1fr;
  }

  .windows-hello-status.mobile-security-context,
  .windows-hello-status {
    align-items: stretch;
    gap: 14px;
  }

  .windows-hello-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .windows-hello-actions .portal-primary-action,
  .windows-hello-actions .secondary {
    width: 100%;
    min-height: 48px;
    justify-content: center;
  }

  .passkey-row {
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
  }

  .passkey-row > div:first-child {
    min-width: 0;
    flex: 1 1 180px;
  }

  .passkey-row .icon-action {
    min-width: 44px;
    min-height: 44px;
  }

  .post-login-hello-dialog {
    width: min(100% - 24px, 520px);
    max-height: calc(100dvh - 24px);
    overflow: auto;
  }

  .post-login-hello-dialog footer {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .post-login-hello-dialog footer .primary,
  .post-login-hello-dialog footer .secondary {
    width: 100%;
    min-height: 48px;
  }
}


/* =====================================================================
   GWA Core 0.3.0-build-2 — compact mobile portal header
   ===================================================================== */
.portal-mobile-brand,
.portal-mobile-menu{
  display:none;
}

@media (max-width:700px){
  .portal-content{
    padding:0 12px 18px!important;
  }

  .portal-commandbar{
    min-height:58px!important;
    height:58px;
    margin:0 -12px 16px!important;
    padding:7px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    gap:8px!important;
    background:rgba(7,10,17,.94)!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    overflow:visible!important;
  }

  .portal-mobile-brand{
    min-width:0;
    display:flex!important;
    align-items:center;
    gap:8px;
    overflow:hidden;
  }

  .portal-mobile-brand .brand{
    min-width:0!important;
    width:auto!important;
    gap:7px!important;
    overflow:hidden;
  }

  .portal-mobile-brand .brand img,
  .portal-mobile-brand .brand-monogram{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  .portal-mobile-brand .brand strong{
    max-width:124px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px!important;
  }

  .portal-mobile-brand .brand small,
  .portal-mobile-brand .brand-gwa-logo{
    display:none!important;
  }

  .portal-mobile-role{
    display:none;
  }

  .portal-mobile-menu{
    display:grid!important;
    place-items:center;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:9px!important;
    background:#0d111b!important;
    color:#c8cedd!important;
  }

  .portal-mobile-menu svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
  }

  .portal-search-wrap{
    display:none!important;
  }

  .portal-command-actions{
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }

  .portal-command-actions .workspace-switcher{
    margin:0!important;
  }

  .portal-command-actions .workspace-switcher-trigger{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden;
  }

  .portal-command-actions .workspace-switcher-trigger > span:not(:first-child),
  .portal-command-actions .workspace-switcher-trigger > b{
    display:none!important;
  }

  .portal-command-actions .language{
    display:none!important;
  }

  .portal-command-actions .utility-button,
  .portal-command-actions .utility-btn,
  .portal-command-actions [data-utility]{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
  }

  .portal-user-button{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:4px!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
  }

  .portal-user-button > span:nth-child(2),
  .portal-user-button > b{
    display:none!important;
  }

  .portal-user-avatar{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
  }

  .portal-user-dropdown{
    right:0!important;
    top:46px!important;
    min-width:200px!important;
  }

  .portal-page-head.modern{
    padding-top:2px!important;
  }

  .portal-page-head.modern h1{
    font-size:24px!important;
    line-height:1.15!important;
  }

  .portal-page-head.modern p{
    font-size:13px!important;
    line-height:1.45!important;
  }

  .mobile-drawer{
    width:min(86vw,330px)!important;
    max-width:330px!important;
    background:rgba(8,11,19,.985)!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:22px 0 60px rgba(0,0,0,.45)!important;
  }

  .mobile-drawer-head{
    min-height:64px!important;
    padding:10px 14px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
  }

  .mobile-drawer-head .brand strong{
    font-size:14px!important;
  }

  .mobile-drawer nav{
    padding:10px!important;
    gap:4px!important;
  }

  .mobile-drawer nav button{
    min-height:46px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }

  .mobile-drawer-foot{
    padding:10px 14px 14px!important;
  }
}

@media (max-width:390px){
  .portal-commandbar{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:5px!important;
  }

  .portal-mobile-brand .brand strong{
    max-width:92px;
    font-size:12px!important;
  }

  .portal-command-actions{
    gap:4px!important;
  }

  .portal-command-actions .workspace-switcher-trigger,
  .portal-user-button,
  .portal-mobile-menu{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
}


/* =====================================================================
   GWA Core 0.3.0-build-2 — mobile header cleanup
   ===================================================================== */
@media (max-width:700px){
  .portal-mobile-brand{gap:6px!important}

  .portal-mobile-role{
    display:inline-flex!important;align-items:center;min-height:24px;max-width:74px;
    padding:0 7px;border:1px solid rgba(139,98,255,.22);border-radius:7px;
    background:rgba(124,77,255,.10);color:#bca7ff;font-size:9px;font-weight:800;
    letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  .portal-command-actions .workspace-switcher{display:none!important}

  .portal-user-button{
    overflow:visible!important;border:1px solid rgba(255,255,255,.08)!important;
    background:#0d111b!important;
  }
  .portal-user-avatar{font-size:10px!important}

  .portal-user-dropdown{
    position:absolute!important;right:0!important;top:46px!important;
    min-width:190px!important;max-width:calc(100vw - 24px)!important;z-index:80!important;
  }

  .mobile-drawer-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;
  }
  .mobile-drawer-head .brand{min-width:0!important}
  .mobile-drawer-head .brand strong{display:none!important}
  .mobile-drawer-head .brand img,
  .mobile-drawer-head .brand-monogram{
    width:30px!important;height:30px!important;
  }
  .mobile-drawer-head #mobileDrawerClose{
    width:40px!important;height:40px!important;min-width:40px!important;
    display:grid!important;place-items:center!important;border:0!important;
    border-radius:9px!important;background:transparent!important;color:#f2f4f8!important;
    font-size:24px!important;line-height:1!important;
  }

  .mobile-drawer nav{display:grid!important;gap:6px!important}
  .mobile-drawer nav button{
    width:100%!important;display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;
    gap:11px!important;min-height:46px!important;padding:10px 12px!important;
    text-align:left!important;border:1px solid transparent!important;border-radius:9px!important;
    background:transparent!important;color:#b5bccb!important;
  }
  .mobile-drawer nav button.active{
    background:rgba(124,77,255,.16)!important;
    border-color:rgba(139,98,255,.22)!important;color:#fff!important;
  }
  .mobile-drawer-icon{
    width:22px!important;height:22px!important;display:grid!important;
    place-items:center!important;color:#9f7dff!important;
  }
  .mobile-drawer-icon .portal-svg-icon{width:18px!important;height:18px!important}
  .mobile-drawer-label{
    min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
    white-space:nowrap!important;font-size:13px!important;font-weight:650!important;
  }

  .mobile-drawer-foot button{
    width:100%!important;min-height:44px!important;border-radius:9px!important;
    border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.035)!important;
    color:#fff!important;
  }
}

@media (max-width:390px){
  .portal-mobile-role{display:none!important}
  .portal-mobile-brand .brand strong{max-width:100px!important}
}


/* =====================================================================
   GWA Core 0.3.0-build-2 — global mobile navigation + language
   ===================================================================== */
@media (max-width:700px){
  .mobile-drawer-foot{
    display:grid!important;
    gap:10px!important;
  }

  .mobile-drawer-language{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mobile-drawer-language button{
    min-height:40px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:8px!important;
    background:#0d111b!important;
    color:#7f8798!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.04em!important;
  }

  .mobile-drawer-language button.active{
    border-color:rgba(139,98,255,.34)!important;
    background:rgba(124,77,255,.15)!important;
    color:#d6c9ff!important;
  }
}


/* =====================================================================
   GWA Core 0.3.0-build-2 — restore compact mobile view switcher
   ===================================================================== */
.workspace-switcher-mobile-label{
  display:none;
}

@media (max-width:700px){
  .portal-command-actions .workspace-switcher{
    display:block!important;
    position:relative!important;
    margin:0!important;
  }

  .portal-command-actions .workspace-switcher-trigger{
    width:auto!important;
    min-width:46px!important;
    max-width:72px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border:1px solid rgba(139,98,255,.24)!important;
    border-radius:9px!important;
    background:rgba(124,77,255,.10)!important;
    color:#d7ccff!important;
    overflow:visible!important;
  }

  .workspace-switcher-full-label{
    display:none!important;
  }

  .workspace-switcher-mobile-label{
    display:inline!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }

  .portal-command-actions .workspace-switcher-trigger > b{
    display:inline!important;
    font-size:10px!important;
    color:#9f8ccf!important;
    line-height:1!important;
  }

  .workspace-switcher-menu{
    position:absolute!important;
    top:46px!important;
    right:0!important;
    left:auto!important;
    min-width:210px!important;
    max-width:calc(100vw - 24px)!important;
    z-index:90!important;
  }

  .workspace-switcher-menu button{
    min-height:44px!important;
  }
}

@media (max-width:390px){
  .portal-command-actions .workspace-switcher-trigger{
    min-width:42px!important;
    max-width:60px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 7px!important;
  }

  .workspace-switcher-mobile-label{
    font-size:9px!important;
  }
}


/* GWA Core 0.3.0-build-2 — network-focused authorized device rows */
.network-device-row .security-os-icon{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border:1px solid rgba(139,98,255,.2);border-radius:8px;color:#a785ff;background:rgba(124,77,255,.06)}
.security-os-svg{width:19px;height:19px;fill:currentColor}
.security-device-network{min-width:0;flex:1 1 auto}
.security-device-network strong{display:flex;align-items:center;gap:7px;min-width:0}
.security-device-network code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#f1f3f8;background:transparent;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-device-os{font-weight:750}
.security-device-dot{color:#726b84}
.security-device-network small{display:block;margin-top:4px;color:#8f97a9;font-size:11px}
@media (max-width:700px){
 .network-device-row{grid-template-columns:34px minmax(0,1fr) auto!important}
 .network-device-row .secondary{grid-column:2 / -1;width:100%}
 .security-device-network strong{flex-wrap:wrap;gap:5px}
 .security-device-network code{max-width:100%;font-size:11px}
}

/* r49: DB-IP attribution retained after CSS recovery */
.geo-attribution{margin-top:8px;font-size:10px;opacity:.58}.geo-attribution a{color:inherit;text-decoration:none}.geo-attribution a:hover{text-decoration:underline}

/* Devia24 Integration Lab */
.devia24-lab-page .devia24-response{min-height:180px;max-height:520px;overflow:auto;margin:0;padding:16px;border:1px solid var(--border-color,#2d2440);border-radius:10px;background:#0d0a12;white-space:pre-wrap;word-break:break-word;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.devia24-lab-page .note{padding:10px 12px;border:1px solid rgba(139,92,246,.24);border-radius:8px;background:rgba(139,92,246,.06);font-size:12px;line-height:1.5}
.devia24-lab-page .portal-list-row code{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* GWA Core 0.3.3-build-5 — External workspace links */
.portal-sidebar.redesigned-nav .portal-external-link{
  min-height:44px!important;padding:8px 10px!important;border-radius:9px!important;
  display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;gap:10px!important;align-items:center!important;
  color:#aeb5c6!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;
  background:transparent!important;border:1px solid transparent!important;box-sizing:border-box!important;
}
.portal-sidebar.redesigned-nav .portal-external-link>span{display:block!important;text-align:left!important;width:100%!important}
.portal-sidebar.redesigned-nav .portal-external-link>i{color:#485166;font-style:normal;font-size:17px;opacity:0;transform:translateX(-3px);transition:.16s ease}
.portal-sidebar.redesigned-nav .portal-external-link:hover{color:#f3f5fb!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important}
.portal-sidebar.redesigned-nav .portal-external-link:hover>i{opacity:1;transform:none}
@media(max-width:980px){.portal-sidebar.redesigned-nav .portal-external-link{grid-template-columns:1fr!important;justify-items:center!important}.portal-sidebar.redesigned-nav .portal-external-link>span,.portal-sidebar.redesigned-nav .portal-external-link>i{display:none!important}}


/* GWA Core 0.3.4-build-28 — Product Builds UI foundation */
.product-builds-page{display:grid;gap:16px}
.product-builds-foundation-note{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid rgba(139,92,246,.24);border-radius:12px;background:rgba(139,92,246,.06)}
.product-builds-foundation-note svg{width:20px;height:20px;flex:0 0 auto;color:#a98cff}.product-builds-foundation-note div{display:grid;gap:4px}.product-builds-foundation-note small{color:#9299aa;line-height:1.45}
.product-builds-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}
.product-build-flow{display:grid;gap:8px;margin:12px 0 16px}.product-build-stage{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}
.product-build-stage-number{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(139,92,246,.1);color:#ad92ff;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace}.product-build-stage>div{display:grid;gap:3px}.product-build-stage small{color:#858d9f;line-height:1.4}.product-build-stage>b{font-size:10px;letter-spacing:.06em;color:#7d8597;text-transform:uppercase}.product-build-stage.ready>b{color:#a98cff}.product-build-stage.locked{opacity:.62}
.product-build-upload-placeholder,.product-build-confirm{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px dashed rgba(139,92,246,.25);border-radius:10px;margin-top:10px}.product-build-upload-placeholder>div{display:grid;gap:3px}.product-build-upload-placeholder small{color:#858d9f}.product-build-confirm{border-style:solid;background:rgba(255,255,255,.015)}.product-build-confirm>div{display:flex;gap:8px}
.product-loader-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.product-loader-status-grid>div{display:grid;gap:4px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}.product-loader-status-grid small,.product-loader-status-grid span{color:#858d9f}.product-loader-status-grid strong{font-size:17px}.product-loader-policy{padding:14px;border-left:2px solid #8b5cf6;background:rgba(139,92,246,.05);margin:12px 0 16px}.product-loader-policy p{margin:6px 0 0;color:#9299aa;line-height:1.5}
@media(max-width:1050px){.product-builds-split{grid-template-columns:1fr}}@media(max-width:620px){.product-build-stage{grid-template-columns:34px minmax(0,1fr)}.product-build-stage>b{grid-column:2}.product-loader-status-grid{grid-template-columns:1fr}.product-build-upload-placeholder,.product-build-confirm{align-items:stretch;flex-direction:column}.product-build-confirm>div{display:grid;grid-template-columns:1fr 1fr}}

/* GWA Core 0.3.4-build-29 — System Downloads + integrated operator identity */
.portal-identity-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px!important}
.portal-identity-copy{display:grid;gap:3px;min-width:0}.portal-identity-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-identity-copy span{font-size:11px!important;color:#b28cff!important;font-weight:800!important}
.portal-identity-actions{display:flex;gap:6px}.portal-identity-actions button,.portal-mobile-identity button{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0b0f18;color:#d9dce5;cursor:pointer}.portal-identity-actions button:hover,.portal-mobile-identity button:hover{border-color:rgba(157,104,255,.45);color:#fff;background:rgba(139,92,246,.10)}
.portal-mobile-identity{display:none;align-items:center;gap:7px}.portal-mobile-identity>span{display:grid;gap:1px;text-align:right}.portal-mobile-identity strong{font-size:11px}.portal-mobile-identity small{font-size:9px;color:#9a82e8}
.system-downloads-page{display:grid;gap:16px}.system-download-notify{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(139,92,246,.22);border-radius:12px;background:rgba(139,92,246,.055)}.system-download-notify>div{display:flex;align-items:flex-start;gap:11px}.system-download-notify svg{width:20px;height:20px;color:#a98cff}.system-download-notify span{display:grid;gap:3px}.system-download-notify small{color:#8f97a8;line-height:1.4}
.system-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.system-download-card{display:grid;gap:14px}.system-download-card-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start}.system-download-card-head>div{display:grid;gap:4px}.system-download-card-head small{color:#858d9f;line-height:1.4}.system-download-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(139,92,246,.09);color:#ad92ff}.system-download-icon svg{width:19px;height:19px}.system-download-meta,.system-download-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.system-download-meta>span,.system-download-policy-grid>div{display:grid;gap:3px;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.015)}.system-download-meta small,.system-download-policy-grid small{color:#7f8798;font-size:9px}.system-download-meta b,.system-download-policy-grid strong{font-size:10px}.system-download-actions{display:flex;gap:8px}.system-download-policy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.system-download-grid{grid-template-columns:1fr}.system-download-policy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px) and (min-width:701px){.portal-identity-card{grid-template-columns:1fr!important;padding:8px 4px!important}.portal-identity-copy strong{font-size:9px!important;text-align:center}.portal-identity-copy span{font-size:9px!important;text-align:center}.portal-identity-actions{justify-content:center}.portal-identity-actions button{width:26px;height:26px}}
@media(max-width:700px){.portal-commandbar .portal-mobile-identity{display:flex;margin-left:auto}.system-download-policy-grid,.system-download-meta{grid-template-columns:1fr 1fr}.system-download-card-head{grid-template-columns:36px minmax(0,1fr)}.system-download-card-head>.badge{grid-column:2}.system-download-actions{display:grid;grid-template-columns:1fr 1fr}.system-download-notify{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.portal-mobile-identity>span{display:none}.system-download-policy-grid,.system-download-meta{grid-template-columns:1fr}.system-download-actions{grid-template-columns:1fr}}


/* GWA Core 0.3.4-build-30 — mobile administration header/identity correction */
.mobile-drawer-identity{display:none}
@media(max-width:700px){
  .admin-portal .portal-commandbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;padding:7px 10px!important}
  .admin-portal .portal-mobile-brand{grid-column:2;grid-row:1;justify-self:start;max-width:100%;overflow:hidden}
  .admin-portal .portal-mobile-menu{grid-column:1;grid-row:1}
  .admin-portal .portal-command-actions{grid-column:3;grid-row:1;max-width:84px!important;overflow:visible}
  .admin-portal .portal-command-actions>.language,
  .admin-portal .portal-command-actions>.portal-mobile-identity,
  .admin-portal .portal-command-actions>.utility-button,
  .admin-portal .portal-command-actions>.utility-btn,
  .admin-portal .portal-command-actions>[data-utility]{display:none!important}
  .admin-portal .portal-command-actions .workspace-switcher-trigger{max-width:76px!important}
  .admin-portal .portal-mobile-brand .brand strong{max-width:150px!important}
  .mobile-drawer-foot{border-top:1px solid rgba(255,255,255,.07);padding-top:12px!important}
  .mobile-drawer-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b0f18}
  .mobile-drawer-identity-copy{display:grid;gap:3px;min-width:0}
  .mobile-drawer-identity-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
  .mobile-drawer-identity-copy span{font-size:10px;color:#b28cff;font-weight:800}
  .mobile-drawer-identity-actions{display:flex;gap:6px}
  .mobile-drawer-identity-actions button{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;background:#0d111b!important;color:#d9dce5!important}
}
@media(max-width:390px){
  .admin-portal .portal-mobile-brand .brand strong{max-width:110px!important}
  .admin-portal .portal-command-actions{max-width:64px!important}
}

/* GWA Core 0.3.4-build-31 — global notifications + administration identity regression fix */
.admin-portal .portal-command-actions>.user-menu-wrap,
.admin-portal .portal-command-actions>.portal-mobile-identity{display:none!important}
.portal-notify-wrap{position:relative;flex:0 0 auto}
.portal-notify-button{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0b0f18;color:#d9dce5;cursor:pointer}
.portal-notify-button:hover,.portal-notify-button[aria-expanded="true"]{border-color:rgba(157,104,255,.45);background:rgba(139,92,246,.10);color:#fff}
.portal-notify-button .portal-svg-icon{width:18px;height:18px}
.portal-notify-dot{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#9d68ff;box-shadow:0 0 0 2px #0b0f18}
.portal-notify-panel{position:absolute;right:0;top:46px;width:min(380px,calc(100vw - 24px));z-index:130;border:1px solid rgba(157,104,255,.22);border-radius:12px;background:#0b0d14;box-shadow:0 24px 70px #000b;overflow:hidden}
.portal-notify-panel[hidden]{display:none!important}
.portal-notify-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.portal-notify-panel>header>div{display:grid;gap:2px}.portal-notify-panel>header strong{font-size:13px}.portal-notify-panel>header small{font-size:10px;color:#8f96a8}
.portal-notify-panel>header button{width:30px;height:30px;border:0;border-radius:7px;background:#ffffff08;color:#d9dce5;cursor:pointer;font-size:20px}
.portal-notify-list{max-height:min(430px,60vh);overflow:auto;padding:8px}.portal-notify-empty{padding:24px 14px;text-align:center;color:#8f96a8;font-size:12px}
@media(max-width:700px){
 .admin-portal .portal-command-actions{max-width:none!important;overflow:visible!important}
 .admin-portal .portal-command-actions>.portal-notify-wrap{display:block!important}
 .portal-notify-button{width:34px;height:34px}
 .portal-notify-panel{position:fixed;left:10px;right:10px;top:72px;width:auto;max-height:calc(100vh - 84px)}
}

/* GWA Core 0.3.4-build-32 — global shell identity + interactive notify/support room */
.portal-command-actions>.user-menu-wrap,.top-actions>.user-menu-wrap{display:none!important}
.portal-core-state{display:flex!important;align-items:center;gap:5px;color:#7f8798!important;font-size:9px!important;font-weight:600!important}.portal-core-state i{width:6px;height:6px;border-radius:50%;background:#46d48c;display:inline-block}
.portal-notify-button[data-count]:not([data-count="0"])::after{content:attr(data-count);position:absolute;right:-5px;top:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#9d68ff;color:#fff;font-size:9px;font-weight:900;display:grid;place-items:center;border:2px solid #0b0f18}.portal-notify-dot{display:none!important}
.portal-notify-item{display:grid;gap:7px;padding:11px;border-bottom:1px solid rgba(255,255,255,.06)}.portal-notify-item:last-child{border-bottom:0}.portal-notify-category{font-size:9px;font-weight:900;letter-spacing:.09em;color:#b69cff}.portal-notify-item>strong{font-size:12px}.portal-notify-item>small{font-size:9px;color:#7f8798}.portal-notify-item>div{display:flex;gap:7px}.portal-notify-item button{min-height:31px;padding:0 11px;font-size:10px}.portal-notify-footer{padding:8px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:flex-end}.portal-notify-footer button{min-height:30px;font-size:10px}
.notify-detail-modal,.notify-history-modal,.support-room-modal{width:min(720px,calc(100vw - 28px));max-width:720px}.support-room-modal{width:min(860px,calc(100vw - 28px));max-width:860px}.support-room-body{display:grid;gap:12px}.support-room-policy{display:flex;gap:8px;flex-wrap:wrap}.support-room-policy span{padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:9px;color:#9ca3b5}.support-room-messages{display:grid;gap:10px;max-height:420px;overflow:auto;padding:4px}.support-message{position:relative;width:min(76%,620px);padding:10px 34px 10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b0f18}.support-message.self{justify-self:start}.support-message.other{justify-self:end;text-align:right}.support-message.priority{border-color:rgba(157,104,255,.55)}.support-message small{font-size:9px;color:#8f96a8}.support-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-message button{position:absolute;right:7px;top:7px;border:0;background:transparent;color:#a98cff;cursor:pointer}.support-room-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.support-room-compose textarea{resize:vertical}
@media(max-width:700px){.portal-sidebar .portal-identity-card{display:none!important}.mobile-drawer-identity{display:grid!important}.support-room-modal,.notify-detail-modal,.notify-history-modal{width:calc(100vw - 20px);max-width:none}.support-room-compose{grid-template-columns:1fr}.support-message{width:90%}}
.support-room-controls{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.015)}
@media(max-width:700px){.support-room-controls{grid-template-columns:1fr}.support-room-controls>*{width:100%}}


/* GWA Core 0.3.4-build-33 — compact identity + functional global search */
.portal-core-state{display:none!important}
.portal-search-wrap{position:relative}
.portal-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:145;padding:6px;border:1px solid rgba(157,104,255,.22);border-radius:10px;background:#0b0d14;box-shadow:0 20px 55px #000a}
.portal-search-results[hidden]{display:none!important}
.portal-search-results button{width:100%;min-height:38px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#d9dce5;text-align:left;cursor:pointer}
.portal-search-results button:hover,.portal-search-results button:focus-visible{background:rgba(139,92,246,.11);outline:1px solid rgba(157,104,255,.35)}
.portal-search-results button .portal-svg-icon{width:16px;height:16px}.portal-search-results button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.portal-search-results button small{font-size:9px;color:#858d9f}.portal-search-empty{padding:13px 10px;color:#858d9f;font-size:10px;text-align:center}
@media(max-width:700px){
 .mobile-drawer-identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
 .mobile-drawer-identity-copy{display:grid!important;gap:2px!important;min-width:0!important}
 .mobile-drawer-identity-copy strong{display:block!important;font-size:12px!important;line-height:1.25!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .mobile-drawer-identity-copy span{display:block!important;font-size:10px!important;line-height:1.25!important;color:#b28cff!important;font-weight:800!important}
 .mobile-drawer-identity-actions{display:flex!important;gap:6px!important;align-items:center!important}
 .mobile-drawer-identity-actions button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;background:#0d111b!important;color:#d9dce5!important}
 .mobile-drawer-language{margin-top:8px!important}
}

/* GWA Core 0.3.4-build-34 — mobile identity, accessible drawer, fullscreen full-text search */
@media (max-width:700px){
  .mobile-drawer-foot .mobile-drawer-identity{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 0!important;background:transparent!important;border:0!important;border-radius:0!important}
  .mobile-drawer-foot .mobile-drawer-identity-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important;line-height:1.2!important}
  .mobile-drawer-foot .mobile-drawer-identity-copy strong{display:block!important;width:100%!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .mobile-drawer-foot .mobile-drawer-identity-copy span{display:block!important;font-size:10px!important;line-height:1.2!important;color:#b28cff!important;font-weight:800!important}
  .mobile-drawer-foot .mobile-drawer-identity-actions{display:flex!important;flex:0 0 auto!important;gap:6px!important}
  .mobile-drawer-foot .mobile-drawer-identity-actions button{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;padding:0!important;border-radius:8px!important}
}
.portal-search-launch{display:flex;align-items:center;gap:9px;width:min(336px,34vw);height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0b0f18;color:#8e96a8;cursor:text;text-align:left}.portal-search-launch span{flex:1}.portal-search-launch kbd{font-size:9px}.portal-search-overlay{position:fixed;inset:0;z-index:1000;background:rgba(4,5,9,.94);backdrop-filter:blur(12px);padding:clamp(18px,5vw,64px)}.portal-search-overlay[hidden]{display:none!important}.portal-search-shell{width:min(980px,100%);margin:0 auto;display:grid;gap:16px}.portal-search-shell>header{display:flex;align-items:center;justify-content:space-between}.portal-search-shell>header strong{font-size:18px}.portal-search-shell>header button{width:42px;height:42px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0d111b;color:#fff;font-size:24px}.portal-search-field{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(157,104,255,.3);border-radius:12px;background:#0b0d14}.portal-search-field input{width:100%;height:44px;border:0!important;outline:0!important;background:transparent!important;color:#fff;font-size:18px}.portal-search-field kbd{font-size:10px;color:#858d9f}.portal-search-overlay .portal-search-results{position:static!important;display:grid!important;gap:4px;max-height:calc(100vh - 210px);overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#080a10;box-shadow:none}.portal-search-overlay .portal-search-results button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#dfe2ea;text-align:left}.portal-search-overlay .portal-search-results button:hover,.portal-search-overlay .portal-search-results button:focus-visible{background:rgba(139,92,246,.11);outline:1px solid rgba(157,104,255,.35)}.portal-search-overlay .portal-search-results button span{display:grid;gap:2px;min-width:0}.portal-search-overlay .portal-search-results button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.portal-search-overlay .portal-search-results button small,.portal-search-overlay .portal-search-results button em{font-size:9px;color:#858d9f;font-style:normal}.portal-search-open{overflow:hidden}
@media(max-width:700px){.portal-search-launch{width:40px;height:40px;padding:0;display:grid;place-items:center}.portal-search-launch span,.portal-search-launch kbd{display:none}.portal-search-overlay{padding:12px}.portal-search-shell>header strong{font-size:15px}.portal-search-field input{font-size:16px}.portal-search-overlay .portal-search-results{max-height:calc(100vh - 150px)}}

/* GWA Core 0.3.4-build-35 — responsive shell CSS + true viewport search */
.portal-search-overlay{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:2147483000!important;
  box-sizing:border-box!important;
  margin:0!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:#05070c!important;
  backdrop-filter:none!important;
}
.portal-search-overlay .portal-search-shell{position:relative!important;width:min(1080px,100%)!important;max-width:1080px!important;margin:0 auto!important;box-sizing:border-box!important}
.portal-search-open .portal-content,.portal-search-open .mobile-drawer,.portal-search-open .mobile-drawer-backdrop{pointer-events:none}
@media(max-width:700px){
  .portal-commandbar{
    height:auto!important;min-height:58px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:7px 8px!important;
    padding:7px 12px!important;
  }
  .portal-mobile-menu{grid-column:1!important;grid-row:1!important}
  .portal-mobile-brand{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .portal-command-actions{grid-column:3!important;grid-row:1!important;display:flex!important;gap:6px!important;max-width:none!important;min-width:0!important;overflow:visible!important}
  .portal-search-launch{grid-column:1 / -1!important;grid-row:2!important;width:100%!important;height:38px!important;padding:0 11px!important;display:flex!important;place-items:initial!important;align-items:center!important;gap:8px!important}
  .portal-search-launch span{display:block!important;flex:1!important;text-align:left!important;font-size:12px!important}
  .portal-search-launch kbd{display:none!important}
  .portal-command-actions>.language,.portal-command-actions>.utility-button,.portal-command-actions>.utility-btn,.portal-command-actions>[data-utility]{display:none!important}
  .portal-command-actions .workspace-switcher{display:none!important}
  .portal-notify-button{width:40px!important;height:40px!important;min-width:40px!important}
  .portal-search-overlay{padding:0!important}
  .portal-search-overlay .portal-search-shell{width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:16px 12px 24px!important;gap:14px!important}
  .portal-search-shell>header{min-height:46px!important}
  .portal-search-shell>header strong{font-size:16px!important}
  .portal-search-shell>header button{width:42px!important;height:42px!important;min-width:42px!important}
  .portal-search-field{width:100%!important;box-sizing:border-box!important;padding:8px 12px!important}
  .portal-search-field input{min-width:0!important;height:42px!important;font-size:16px!important}
  .portal-search-field kbd{display:none!important}
  .portal-search-overlay .portal-search-results{width:100%!important;max-height:none!important;box-sizing:border-box!important;overflow:visible!important}
  .mobile-drawer-foot .mobile-drawer-identity{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;width:100%!important}
  .mobile-drawer-foot .mobile-drawer-identity-copy{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;min-width:0!important}
  .mobile-drawer-foot .mobile-drawer-identity-copy strong,.mobile-drawer-foot .mobile-drawer-identity-copy span{display:block!important;min-width:0!important;width:auto!important;margin:0!important}
  .mobile-drawer-foot .mobile-drawer-identity-actions{display:flex!important;align-items:center!important;gap:6px!important}
  .mobile-drawer-foot .mobile-drawer-identity-actions button{display:grid!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;padding:0!important;margin:0!important}
}

/* GWA Core 0.3.4-build-36 — root-mounted global search overlay */
body > .portal-search-overlay{
 position:fixed!important;
 inset:0!important;
 z-index:2147483000!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 max-height:none!important;
 margin:0!important;
 box-sizing:border-box!important;
 overflow:auto!important;
 isolation:isolate!important;
 background:#05070c!important;
}
body > .portal-search-overlay[hidden]{display:none!important}
body.portal-search-open{overflow:hidden!important}
@media(max-width:700px){
 body > .portal-search-overlay{padding:0!important}
 body > .portal-search-overlay .portal-search-shell{min-height:100%!important;width:100%!important;max-width:none!important;margin:0!important;padding:16px 12px 24px!important;box-sizing:border-box!important}
}


/* GWA Core 0.3.4-build-37 — portal background restore + compact responsive search */
.gwa-global-background{
  z-index:0!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
.portal-main,.portal-layout{position:relative;z-index:1}
body > .portal-search-overlay{z-index:2147483000!important}
body > .portal-search-overlay .portal-search-shell{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-height:0!important;
}
body > .portal-search-overlay .portal-search-shell>header,
body > .portal-search-overlay .portal-search-field{flex:0 0 auto!important}
body > .portal-search-overlay .portal-search-results{flex:1 1 auto!important;min-height:0!important}
@media(max-width:700px){
  body > .portal-search-overlay{padding:0!important}
  body > .portal-search-overlay .portal-search-shell{
    min-height:100%!important;
    padding:14px 12px 18px!important;
    gap:12px!important;
  }
  body > .portal-search-overlay .portal-search-shell>header{min-height:44px!important;margin:0!important}
  body > .portal-search-overlay .portal-search-field{
    min-height:54px!important;
    height:54px!important;
    padding:5px 12px!important;
    margin:0!important;
    border-radius:12px!important;
  }
  body > .portal-search-overlay .portal-search-field input{height:42px!important;min-height:42px!important}
  body > .portal-search-overlay .portal-search-results{
    margin:0!important;
    min-height:120px!important;
    max-height:none!important;
    overflow:auto!important;
  }
}


/* GWA Core 0.3.4-build-38 — independent global background + non-stretched search rows */
.gwa-global-background{position:fixed!important;inset:0!important;z-index:0!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;overflow:hidden!important;background:#060912!important}
.gwa-global-background .gwa-grid-layer,.gwa-global-background .gwa-grid-glow,.gwa-global-background .gwa-grid-stars{display:block!important}
.portal-layout,.portal-main{position:relative;z-index:1}
body > .portal-search-overlay .portal-search-results{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-content:flex-start!important;align-items:stretch!important;gap:4px!important}
body > .portal-search-overlay .portal-search-results > button{flex:0 0 auto!important;height:auto!important;min-height:52px!important}
body > .portal-search-overlay .portal-search-empty{flex:0 0 auto!important}
@media(max-width:700px){body > .portal-search-overlay .portal-search-results > button{min-height:52px!important}}