/* Shared late-cascade for every server-rendered /admin surface. */
body.page-admin-surface {
  --admin-bg:#0b0810;
  --admin-panel:rgba(25,14,33,.66);
  --admin-panel-strong:rgba(34,19,44,.84);
  --admin-line:rgba(224,207,244,.14);
  --admin-line-strong:rgba(211,176,232,.27);
  --admin-text:rgba(248,244,250,.92);
  --admin-copy:rgba(240,232,244,.7);
  --admin-muted:rgba(232,218,239,.58);
  --admin-purple:#c6a4de;
  min-height:100svh;
  background:var(--admin-bg);
  color:var(--admin-text);
  font-size:15px;
}

body.page-admin-surface main.container {
  width:min(1540px,calc(100% - clamp(26px,4vw,72px)));
  max-width:none;
  margin:0 auto;
  padding-top:clamp(34px,4vw,62px);
  padding-bottom:90px;
}

body.page-admin-surface main.container *,
body.page-admin-surface main.container *::before,
body.page-admin-surface main.container *::after { background-image:none!important; }

body.page-admin-surface :is(.hero,.adm-hero,.ae-hero,.ap-hero,.aws-hero,.mbx-hero,.mbassign-hero,.mem-hero) {
  margin:0 0 18px;
  padding:clamp(24px,3vw,38px)!important;
  border:1px solid var(--admin-line)!important;
  border-radius:6px 22px 6px 22px!important;
  background:var(--admin-panel)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

body.page-admin-surface :is(.adm-hero-inner,.ae-wrapper,.ap-wrapper,.aws-container,.adm-container,.mbx-shell,.mbassign-page,.mem-page,.au-page,.it-support-shell) {
  width:100%!important;
  max-width:none!important;
}

body.page-admin-surface :is(.h1,.adm-hero-text h1,.ae-hero h1,.ap-hero h1,.aws-hero h1,.mbx-hero h1,.mbassign-hero h1,.mem-hero h1) {
  color:var(--admin-text)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(30px,3.5vw,50px)!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

body.page-admin-surface :is(.p,.adm-hero-text p,.ae-hero p,.ap-hero p,.aws-hero p,.mbx-hero p,.mbassign-hero p,.mem-hero p) {
  color:var(--admin-copy)!important;
  font-size:14px!important;
  line-height:1.65!important;
}

body.page-admin-surface main.container :is([class$="-card"],[class$="-panel"],.card,.sec-section,.admin-topbar,.au-topbar,.act-toolbar,.mem-toolbar,.rk-toolbar,.ap-builder-toolbar,.ap-list-toolbar) {
  border-color:var(--admin-line)!important;
  background-color:var(--admin-panel)!important;
  background-image:none!important;
  box-shadow:0 16px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(17px);
  -webkit-backdrop-filter:blur(17px);
}

body.page-admin-surface main.container :is(.card,.sec-section,[class$="-card"],[class$="-panel"]) {
  border-radius:5px 17px 5px 17px!important;
}

body.page-admin-surface main.container :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.act-search,.act-select) {
  min-height:42px;
  border:1px solid var(--admin-line)!important;
  border-radius:4px 10px 4px 10px!important;
  background:rgba(6,4,9,.54)!important;
  color:var(--admin-text)!important;
  font-size:13px!important;
  box-shadow:none!important;
}

body.page-admin-surface main.container :is(input,select,textarea,.input):focus {
  border-color:rgba(198,164,222,.5)!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(157,96,188,.1)!important;
}

body.page-admin-surface main.container :is(button:not(.hmp-select__trigger),.btn,.adm-btn,[class$="-btn"],[class*="-btn "]) {
  min-height:40px;
  border-color:var(--admin-line)!important;
  background-image:none!important;
  color:rgba(249,244,251,.82)!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

body.page-admin-surface main.container :is(button:not(.hmp-select__trigger),.btn,.adm-btn,[class$="-btn"]):hover {
  border-color:var(--admin-line-strong)!important;
  background-color:rgba(62,35,76,.7)!important;
  color:#fff!important;
  transform:none!important;
}

body.page-admin-surface main.container :is(.btn.primary,.ap-btn-primary,.au-btn-primary,.s-btn--primary,[class*="primary"]) {
  border-color:#f0eee8!important;
  background:#f0eee8!important;
  color:#0c0910!important;
}

body.page-admin-surface main.container :is(p,li,td,.sec-dim,[class*="-copy"],[class*="-desc"],[class*="-subtitle"]) {
  color:var(--admin-copy);
  line-height:1.55;
}
body.page-admin-surface main.container p { font-size:13px!important; }

body.page-admin-surface main.container :is([class*="-badge"],[class*="-tag"],[class*="-sub"],[class*="-meta"],[class*="-desc"],.rk-drive-icon) {
  color:var(--admin-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
}

body.page-admin-surface main.container :is(small,.small,.hint,[class*="-hint"],[class*="-eyebrow"],[class*="-kicker"],[class*="-label"],.sec-dim) {
  color:var(--admin-muted)!important;
  font-size:clamp(11px,.78vw,13px)!important;
  line-height:1.45!important;
}

body.page-admin-surface main.container :is(h2,h3,h4,strong,th) { color:var(--admin-text); }
body.page-admin-surface main.container :is(a,.sec-link) { color:#d9c0e7; }
body.page-admin-surface main.container :is(code,.mono,.sec-ip) { color:#dcc7e8!important; font-size:12px!important; }

body.page-admin-surface table {
  width:100%;
  border-collapse:collapse;
  color:var(--admin-copy);
  font-size:13px!important;
}
body.page-admin-surface th {
  padding:12px 11px!important;
  border-color:var(--admin-line)!important;
  background:rgba(50,28,62,.5)!important;
  font-size:11px!important;
  letter-spacing:.045em;
}
body.page-admin-surface td { padding:12px 11px!important; border-color:rgba(224,207,244,.09)!important; }
body.page-admin-surface tbody tr:hover { background:rgba(142,83,172,.08)!important; }

body.page-admin-surface main.container :is(.modal,.ap-modal,[class*="-modal"]) { backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); }
body.page-admin-surface ::-webkit-scrollbar { width:7px; height:7px; }
body.page-admin-surface ::-webkit-scrollbar-thumb { border-radius:8px; background:rgba(198,164,222,.2); }
body.page-admin-surface ::-webkit-scrollbar-track { background:transparent; }

@media(max-width:760px) {
  body.page-admin-surface main.container { width:calc(100% - 18px); padding-top:26px; }
  body.page-admin-surface :is(.hero,.adm-hero,.ae-hero,.ap-hero,.aws-hero,.mbx-hero,.mbassign-hero,.mem-hero) { padding:22px 17px!important; }
  body.page-admin-surface table { min-width:680px; }
}

/* Admin studio V2: one full-page system for every /admin route. */
body.page-admin-surface {
  --admin-canvas:#0a0710;
  --admin-panel:rgba(31,18,40,.68);
  --admin-panel-strong:rgba(39,22,49,.86);
  --admin-panel-soft:rgba(18,11,24,.56);
  --admin-line:rgba(226,207,238,.13);
  --admin-line-strong:rgba(211,176,232,.3);
  --admin-purple:#c6a4de;
  background-color:var(--admin-canvas)!important;
  background-image:none!important;
  font-family:"Segoe UI Variable Text","Aptos","Segoe UI",sans-serif!important;
}

body.page-admin-surface::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-color:#0a0710;
  background-image:none;
}

body.page-admin-surface main.container {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(26px,3vw,50px) clamp(16px,3vw,52px) 88px!important;
}

body.page-admin-surface main.container > :is(
  .studio-page,.adm-hero,.adm-container,.ae-wrapper,.ap-wrapper,.aws-hero,.aws-container,
  .mbx-shell,.mbassign-page,.mem-page,.it-support-shell,.rk-admin,.biz-modern,.hero,
  .admin-topbar,.au-topbar,.au-storage-requests,.au-analytics,.au-toolbar,.au-bulk-bar,.au-list,
  .card,.grid,.admin-grid
) {
  width:min(1680px,100%)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.page-admin-surface main.container > .adm-hero + :is(.adm-container,.rk-admin),
body.page-admin-surface main.container > .aws-hero + .aws-container,
body.page-admin-surface main.container > .hero + :is(.admin-topbar,.au-topbar) {
  margin-top:18px!important;
}

body.page-admin-surface main.container :is(
  .hero,.adm-hero,.ae-hero,.ap-hero,.aws-hero,.mbx-hero,.mbassign-hero,.mem-hero,
  .ap-page-header,.it-support-header
) {
  position:relative;
  overflow:hidden;
  min-height:124px;
  display:flex;
  align-items:center;
  margin:0 0 20px!important;
  padding:clamp(22px,2.7vw,38px)!important;
  border:1px solid var(--admin-line)!important;
  border-radius:5px 20px 5px 20px!important;
  background:rgba(34,19,44,.72)!important;
  background-image:none!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important;
  backdrop-filter:blur(22px) saturate(112%);
  -webkit-backdrop-filter:blur(22px) saturate(112%);
}

body.page-admin-surface :is(.hero,.adm-hero,.ae-hero,.ap-hero,.aws-hero,.mbx-hero,.mbassign-hero,.mem-hero)::after {
  content:"ADMIN / CONTROL SURFACE";
  position:absolute;
  top:13px;
  right:18px;
  color:rgba(224,199,237,.42);
  font:600 10px/1 "Cascadia Mono",Consolas,monospace;
  letter-spacing:.12em;
  pointer-events:none;
}

body.page-admin-surface :is(
  .h1,.hero h1,.adm-hero-text h1,.ae-hero h1,.ap-hero h1,.aws-hero h1,
  .mbx-hero h1,.mbassign-hero h1,.mem-hero h1,.ap-page-header h1,.it-support-header h1
) {
  margin:0!important;
  color:rgba(249,245,250,.94)!important;
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",sans-serif!important;
  font-size:clamp(27px,3vw,43px)!important;
  font-style:normal!important;
  font-weight:650!important;
  line-height:1.05!important;
  letter-spacing:-.045em!important;
}

body.page-admin-surface :is(
  .p,.hero p,.adm-hero-text p,.ae-hero p,.ap-hero p,.aws-hero p,.mbx-hero p,
  .mbassign-hero p,.mem-hero p,.ap-page-header p,.it-support-header p
) {
  max-width:760px;
  margin-top:8px!important;
  color:rgba(238,226,244,.68)!important;
  font-size:13px!important;
  line-height:1.6!important;
}

body.page-admin-surface :is(
  .adm-container,.rk-admin,.aws-container,.ap-wrapper,.ae-wrapper,.mbx-shell,.mbassign-shell,
  .mem-shell,.it-support-shell,.ap-wrap,.admin-grid,.grid,.au-list,.biz-grid
) {
  min-width:0;
}

body.page-admin-surface :is(.ap-wrap,.it-support-shell--messages) {
  height:auto!important;
  min-height:calc(100svh - 160px)!important;
  max-height:none!important;
}

body.page-admin-surface:has(:is(.mbx-shell,.it-support-shell--messages,.admin-projects-studio)) {
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

body.page-admin-surface :is(.mbx-shell,.admin-projects-studio) {
  width:100%!important;
  height:auto!important;
  min-height:calc(100svh - 170px)!important;
  margin:0 auto!important;
  overflow:visible!important;
}

body.page-admin-surface .it-support-shell--messages .it-support-body {
  width:100%!important;
  height:auto!important;
  min-height:calc(100svh - 160px)!important;
}

body.page-admin-surface main.container :is(
  .card,.sec-section,[class$="-card"],[class$="-panel"],.admin-topbar,.au-topbar,.act-toolbar,
  .mem-toolbar,.rk-toolbar,.ap-builder-toolbar,.ap-list-toolbar,.au-toolbar,.aws-toolbar,
  .ap-sidebar,.ap-main,.it-support-sidebar,.it-support-main
) {
  border:1px solid var(--admin-line)!important;
  background-color:var(--admin-panel)!important;
  background-image:none!important;
  box-shadow:0 18px 46px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(108%);
  -webkit-backdrop-filter:blur(18px) saturate(108%);
}

body.page-admin-surface main.container :is(.admin-topbar,.au-topbar,.act-toolbar,.mem-toolbar,.rk-toolbar,.au-toolbar) {
  min-height:62px;
  padding:12px 14px!important;
  border-radius:5px 15px 5px 15px!important;
}

body.page-admin-surface main.container :is(.card,.sec-section,[class$="-card"],[class$="-panel"]) {
  border-radius:5px 16px 5px 16px!important;
}

body.page-admin-surface main.container :is(.card,.sec-section,[class$="-card"],[class$="-panel"]):hover {
  border-color:rgba(211,176,232,.2)!important;
}

body.page-admin-surface main.container :is(h2,h3,h4,.card-title,[class$="-title"]) {
  color:rgba(249,245,250,.91)!important;
  font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",sans-serif!important;
  letter-spacing:-.025em;
}

body.page-admin-surface main.container :is([class*="-eyebrow"],[class*="-kicker"],[class*="-label"],th,.sec-label) {
  color:rgba(216,190,230,.59)!important;
  font-family:"Cascadia Mono",Consolas,monospace!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.075em!important;
  text-transform:uppercase;
}

body.page-admin-surface main.container :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.input,.act-search,.act-select) {
  min-height:42px!important;
  padding:9px 11px!important;
  border:1px solid var(--admin-line)!important;
  border-radius:4px 10px 4px 10px!important;
  background:rgba(7,5,10,.66)!important;
  background-image:none!important;
  color:rgba(249,245,250,.9)!important;
}

body.page-admin-surface main.container :is(button:not(.hmp-select__trigger),.btn,.adm-btn,[class$="-btn"],[class*="-btn "]) {
  border-radius:4px 10px 4px 10px!important;
  background-image:none!important;
}

body.page-admin-surface main.container :is(.btn.primary,.ap-btn-primary,.au-btn-primary,[class*="primary"]) {
  border-color:rgba(225,204,237,.5)!important;
  background:#c6a4de!important;
  color:#100b14!important;
}

body.page-admin-surface main.container :is(.btn.primary,.ap-btn-primary,.au-btn-primary,[class*="primary"]):hover {
  background:#d6bae5!important;
  color:#0d0911!important;
}

body.page-admin-surface table {
  overflow:hidden;
  border:1px solid var(--admin-line);
  border-radius:5px 14px 5px 14px;
  background:rgba(14,9,19,.42);
}

body.page-admin-surface th { background:rgba(48,27,60,.72)!important; }
body.page-admin-surface td { color:rgba(239,231,243,.72)!important; }
body.page-admin-surface main.container :is(.modal,.ap-modal,[class*="-modal"],[class*="backdrop"],[class*="overlay"]) { background-image:none!important; }

/* Bring the self-contained admin applications onto the same palette and spacing. */
body.page-admin-surface .biz-modern {
  --biz-bg:#0a0710;
  --biz-panel-bg:rgba(31,18,40,.68);
  --biz-border:rgba(226,207,238,.13);
  --biz-border-hi:rgba(211,176,232,.3);
  --biz-accent:#b88bd0;
  --biz-accent-lt:#d8bee7;
  --biz-text-1:rgba(249,245,250,.94);
  --biz-text-2:rgba(239,231,243,.7);
  --biz-text-3:rgba(224,205,234,.5);
  padding:0!important;
}
body.page-admin-surface .biz-modern::before,
body.page-admin-surface .mbx-shell::before,
body.page-admin-surface .mbx-shell::after { background-color:transparent!important; }
body.page-admin-surface :is(.biz-head,.biz-panel-top,.mbx-panel-head,.mbx-reseller-toolbar,.mbassign-toolbar) {
  border-color:var(--admin-line)!important;
}
body.page-admin-surface :is(.biz-table-wrap,.mbx-table-wrap,.mbx-reseller-list-v2,.mbx-reseller-detail-v2) {
  overflow:auto;
  border:1px solid var(--admin-line)!important;
  border-radius:5px 16px 5px 16px!important;
  background:rgba(20,12,27,.62)!important;
}
body.page-admin-surface .mbx-shell {
  --bg:#0a0710;
  --panel:rgba(31,18,40,.68);
  --panel2:rgba(37,21,47,.75);
  --panel3:rgba(48,27,60,.72);
  --line:rgba(226,207,238,.13);
  --line2:rgba(211,176,232,.3);
  --text:rgba(249,245,250,.94);
  --muted:rgba(239,231,243,.66);
  --dim:rgba(224,205,234,.48);
  --blue:#b88bd0;
  --blue2:#d8bee7;
  --cyan:#c6a4de;
  --purple:#ad7bc6;
  padding:0!important;
}
body.page-admin-surface .mbx-workspace { gap:14px!important; }
body.page-admin-surface .it-support-shell--messages {
  --it-bg:#0b0810;
  --it-panel:rgba(31,18,40,.82);
  --it-panel-soft:rgba(255,255,255,.04);
  --it-border:rgba(226,207,238,.12);
  --it-border-strong:rgba(211,176,232,.25);
  --it-text:rgba(249,245,250,.94);
  --it-muted:rgba(239,231,243,.64);
  --it-muted2:rgba(224,205,234,.43);
  --it-blue:#b88bd0;
  background-color:#0b0810!important;
}
body.page-admin-surface :is(.it-support-sidebar,.it-support-header,.it-thread-list,.it-message-compose) {
  border-color:var(--admin-line)!important;
  background-color:rgba(31,18,40,.7)!important;
}

/* Admin launch tiles use one brighter resting surface and one hover response. */
body.page-admin-surface .admin-studio .ap-card,
body.page-admin-surface .admin-studio .ap-card-featured,
body.page-admin-surface .admin-studio .ap-card-alert {
  border-color:rgba(216,188,231,.2)!important;
  background-color:rgba(48,27,60,.78)!important;
  color:rgba(249,245,250,.91)!important;
}
body.page-admin-surface .admin-studio .ap-card:hover,
body.page-admin-surface .admin-studio .ap-card-featured:hover,
body.page-admin-surface .admin-studio .ap-card-alert:hover {
  border-color:rgba(221,196,235,.4)!important;
  background-color:rgba(71,41,87,.9)!important;
  color:#fff!important;
}
body.page-admin-surface .admin-studio .ap-card:hover .ap-card-title { color:#fff!important; }

@media(max-width:900px) {
  body.page-admin-surface main.container { padding:20px 12px 70px!important; }
  body.page-admin-surface :is(.hero,.adm-hero,.ae-hero,.ap-hero,.aws-hero,.mbx-hero,.mbassign-hero,.mem-hero) {
    min-height:108px;
    padding:21px 17px!important;
  }
  body.page-admin-surface :is(.hero,.adm-hero,.ae-hero,.ap-hero,.aws-hero,.mbx-hero,.mbassign-hero,.mem-hero)::after { display:none; }
}