/* GWA Core Systems v236 — restrained Control Center UI.
   The existing JS/backend contract remains unchanged. */
:root{
 --cc-bg:#08080a;--cc-nav:#0c0c0f;--cc-surface:#111115;--cc-surface2:#17171c;
 --cc-line:#2a2a31;--cc-line2:#202026;--cc-text:#f2f2f5;--cc-muted:#9999a3;
 --cc-faint:#6c6c76;--cc-accent:#7747f2;--cc-accent2:#9c79ff;
 --cc-good:#54c58b;--cc-warn:#d5a94f;--cc-bad:#dc6579;--cc-r:5px;
 color-scheme:dark;
}
html[data-theme="light"]{
 --cc-bg:#f3f3f5;--cc-nav:#ececf0;--cc-surface:#fff;--cc-surface2:#f8f8fa;
 --cc-line:#d5d5dc;--cc-line2:#e5e5e9;--cc-text:#17171b;--cc-muted:#666671;
 --cc-faint:#898993;--cc-accent:#6537dc;color-scheme:light;
}
html,body{background:var(--cc-bg)!important;color:var(--cc-text)!important}
body{margin:0!important;background-image:none!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.ambient-background,.ambient-grid,.ambient-orb{display:none!important}
*{box-sizing:border-box}
button,input,select,textarea{font:inherit}
.page-loader{background:var(--cc-bg)!important}
.page-loader-mark{border:1px solid var(--cc-line)!important;border-radius:6px!important;background:var(--cc-surface)!important;box-shadow:none!important}
.page-loader-mark img{width:40px!important;height:40px!important;object-fit:contain!important}
.action-progress{height:2px!important;background:var(--cc-accent)!important;box-shadow:none!important}
.brand.brand-gwa{display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important}
.brand-gwa-logo{width:47px!important;height:auto!important;object-fit:contain!important}
.brand-monogram{display:none!important}
.brand-product{display:flex!important;flex-direction:column!important;border-left:1px solid var(--cc-line)!important;padding-left:10px!important;line-height:1!important}
.brand-product strong{font-size:12px!important;letter-spacing:.17em!important}
.brand-product small{margin-top:4px!important;font-size:8px!important;letter-spacing:.23em!important;color:var(--cc-muted)!important}
.topbar,.portal-command-bar,.global-header{
 background:var(--cc-nav)!important;border-bottom:1px solid var(--cc-line)!important;
 box-shadow:none!important;backdrop-filter:none!important;
}
.dashboard,.portal-content,.admin-hub{background:var(--cc-bg)!important}
.topnav,.portal-sidebar,.admin-sidebar,.mobile-drawer{
 background:var(--cc-nav)!important;border-color:var(--cc-line)!important;box-shadow:none!important;
}
.nav-link,.portal-sidebar button,.admin-sidebar button{
 border-radius:3px!important;background:transparent!important;color:var(--cc-muted)!important;
 box-shadow:none!important;
}
.nav-link:hover,.portal-sidebar button:hover,.admin-sidebar button:hover{
 background:var(--cc-surface)!important;color:var(--cc-text)!important;
}
.nav-link.active,.portal-sidebar button.active,.admin-sidebar button.active{
 background:var(--cc-surface2)!important;color:var(--cc-text)!important;
 box-shadow:inset 2px 0 0 var(--cc-accent)!important;
}
.page-heading,.portal-page-header,.admin-head,.admin-workspace-head{
 background:none!important;border-bottom:1px solid var(--cc-line2)!important;box-shadow:none!important;
}
.page-heading h1,.portal-page-header h1,.admin-head h1,.admin-workspace-head h1{
 font-size:25px!important;line-height:1.15!important;letter-spacing:-.025em!important;font-weight:680!important;
}
.page-heading p,.portal-page-header p,.admin-head p,.admin-workspace-head p{color:var(--cc-muted)!important;font-size:12px!important;line-height:1.6!important}
.card,.dashboard-panel,.admin-module,.admin-list-card,.admin-subpanel,.payment-card,.auth-card,
.customer-hero,.customer-profile-card,.account-profile-card,.account-command-card,.coins-card,
.big-stat,.detail-stat,.admin-overview-tile,.license-admin-row,.activity-item,.device-row{
 background:var(--cc-surface)!important;background-image:none!important;border:1px solid var(--cc-line)!important;
 border-radius:var(--cc-r)!important;box-shadow:none!important;
}
.card:hover,.dashboard-panel:hover,.admin-overview-tile:hover{transform:none!important;box-shadow:none!important}
.card-head,.dashboard-panel-head,.admin-subpanel-head,.accounts-list-head{
 background:var(--cc-surface2)!important;border-bottom:1px solid var(--cc-line)!important;
}
.hero{background:transparent!important;border:0!important;border-bottom:1px solid var(--cc-line2)!important;border-radius:0!important;box-shadow:none!important}
.hero:before,.hero:after{display:none!important}
.hero h1{font-size:27px!important;letter-spacing:-.025em!important}
.hero p{color:var(--cc-muted)!important}
.hero-stats{gap:1px!important;border:1px solid var(--cc-line)!important;background:var(--cc-line)!important;border-radius:4px!important;overflow:hidden!important}
.hero-stat{background:var(--cc-surface)!important;border:0!important;border-radius:0!important}
.hero-stat strong{font-size:18px!important}
.content-grid,.grid-main,.grid-bottom,.admin-overview-grid,.customer-dashboard-grid,.customer-detail-grid{gap:12px!important}
.admin-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.admin-overview-tile,.big-stat,.detail-stat{min-height:82px!important;padding:13px!important}
.admin-overview-tile strong,.big-stat strong,.detail-stat strong{font-size:19px!important;font-weight:650!important}
.admin-overview-tile span,.big-stat span,.detail-stat span{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.09em!important;color:var(--cc-muted)!important}
.new-table,.table,.account-table,table{border-collapse:collapse!important;background:transparent!important}
.new-table-head,th{background:var(--cc-surface2)!important;color:var(--cc-faint)!important;border-bottom:1px solid var(--cc-line)!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.new-table-row,td{border-bottom:1px solid var(--cc-line2)!important}
.new-table-row:hover,tbody tr:hover td{background:var(--cc-surface2)!important}
.primary,button.primary,.button.primary{
 background:var(--cc-accent)!important;border:1px solid var(--cc-accent)!important;color:#fff!important;
 border-radius:4px!important;box-shadow:none!important;
}
.secondary,button.secondary,.button.secondary,.compact-btn,.icon-action{
 background:var(--cc-surface)!important;border:1px solid var(--cc-line)!important;color:var(--cc-text)!important;
 border-radius:4px!important;box-shadow:none!important;
}
input,select,textarea,.input{
 background:var(--cc-surface2)!important;border:1px solid var(--cc-line)!important;color:var(--cc-text)!important;
 border-radius:4px!important;box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.input:focus{outline:1px solid var(--cc-accent)!important;border-color:var(--cc-accent)!important}
.badge,.status,.edition-badge,.component-chip,.portal-authority-chip{border-radius:3px!important;box-shadow:none!important}
.utility-panel,.modal-card,.account-detail-modal{
 background:var(--cc-surface)!important;border:1px solid var(--cc-line)!important;border-radius:6px!important;
 box-shadow:0 26px 80px rgba(0,0,0,.46)!important;
}
.toast{background:var(--cc-surface2)!important;border:1px solid var(--cc-line)!important;border-radius:4px!important;box-shadow:none!important}
.gwa-site-footer{border-top:1px solid var(--cc-line)!important;background:var(--cc-nav)!important}
.gwa-site-footer__inner{color:var(--cc-faint)!important;font-size:9px!important}
@media(max-width:1000px){.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.admin-overview-grid{grid-template-columns:1fr!important}.brand-product{display:none!important}}

/* GWA Core 0.3.4-build-39 — Core Environment background
 * Auth UI is a visual reference only. This layer is purpose-built for CS and
 * lives on the real document surface, independent from legacy ambient nodes.
 */
html[data-theme="dark"],
html[data-theme="dark"] body{
  background-color:#05050b!important;
}
html[data-theme="dark"] body{
  background-image:
    radial-gradient(ellipse at 18% 18%,rgba(112,58,238,.105) 0,rgba(65,34,145,.045) 27%,transparent 52%),
    radial-gradient(ellipse at 82% 28%,rgba(130,72,255,.115) 0,rgba(68,37,145,.045) 24%,transparent 50%),
    radial-gradient(ellipse at 54% 86%,rgba(92,49,205,.085) 0,transparent 43%),
    linear-gradient(rgba(133,105,205,.042) 1px,transparent 1px),
    linear-gradient(90deg,rgba(133,105,205,.042) 1px,transparent 1px),
    linear-gradient(180deg,#06060c 0%,#05050b 58%,#07060d 100%)!important;
  background-size:auto,auto,auto,64px 64px,64px 64px,auto!important;
  background-attachment:fixed!important;
  background-position:center!important;
}
/* The authenticated workspaces must reveal the document environment instead
 * of painting an opaque cc-bg sheet over it. Cards/navigation remain opaque. */
html[data-theme="dark"] #app.app-shell,
html[data-theme="dark"] .dashboard,
html[data-theme="dark"] .portal-main,
html[data-theme="dark"] .portal-layout,
html[data-theme="dark"] .portal-content,
html[data-theme="dark"] .admin-hub,
html[data-theme="dark"] .admin-shell,
html[data-theme="dark"] .admin-workspace{
  background-color:transparent!important;
  background-image:none!important;
}
/* Add CS-specific depth without relying on generated images or legacy nodes. */
html[data-theme="dark"] #app.app-shell{
  position:relative;
  isolation:isolate;
  min-height:100vh;
}
html[data-theme="dark"] #app.app-shell::before{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  left:-18vw;
  bottom:-32vw;
  width:72vw;
  height:58vw;
  border-radius:50%;
  opacity:.38;
  background:
    radial-gradient(ellipse at 58% 34%,rgba(145,91,255,.20),transparent 5%),
    repeating-radial-gradient(ellipse at 54% 31%,rgba(138,91,255,.075) 0 1px,transparent 1px 13px);
  transform:rotate(9deg);
  filter:drop-shadow(0 0 70px rgba(105,54,230,.16));
}
html[data-theme="dark"] #app.app-shell::after{
  content:"";
  position:fixed;
  z-index:-1;
  pointer-events:none;
  inset:76px 0 0;
  background:
    linear-gradient(90deg,rgba(5,5,11,.16),transparent 17%,transparent 82%,rgba(5,5,11,.18)),
    radial-gradient(circle at 68% 38%,rgba(126,68,255,.055),transparent 31%);
}
/* Search is its own top-level product surface and must never mutate the Core environment. */
body > .portal-search-overlay{
  background:rgba(5,5,11,.965)!important;
  backdrop-filter:blur(12px) saturate(115%);
}
@media(max-width:900px){
  html[data-theme="dark"] body{
    background-image:
      radial-gradient(ellipse at 76% 18%,rgba(126,68,255,.11),transparent 43%),
      radial-gradient(ellipse at 18% 80%,rgba(96,50,215,.07),transparent 44%),
      linear-gradient(rgba(133,105,205,.032) 1px,transparent 1px),
      linear-gradient(90deg,rgba(133,105,205,.032) 1px,transparent 1px),
      linear-gradient(180deg,#06060c,#05050b)!important;
    background-size:auto,auto,52px 52px,52px 52px,auto!important;
  }
  html[data-theme="dark"] #app.app-shell::before{opacity:.18;width:105vw;height:82vw;left:-48vw;bottom:-28vw}
  html[data-theme="dark"] #app.app-shell::after{opacity:.65}
}