/* Built by scripts/build-styles-r197.js; layout source: foundation-r190.css. */
/* Generated compatibility bundle. Do not edit directly; run node scripts/build-styles-r190.js. */

/* ======= responsive-v1151.css ======= */
/* v1.15.1 adaptive layout layer. Visual-only: no billing/provisioning behavior. */
:root {
  --app-content-max: 1440px;
  --app-content-pad: clamp(18px, 2.8vw, 42px);
  --app-section-gap: clamp(22px, 2.4vw, 36px);
}

.app-body .main-area { min-width: 0; }
.app-body .topbar { padding-inline: var(--app-content-pad); }
.app-body .page:not(.page-admin):not(.ov9-page):not(.ov44-page):not(.create9-page):not(.status-page) {
  width: min(100%, var(--app-content-max));
  margin-inline: auto;
  padding-inline: var(--app-content-pad);
}

/* Keep the bespoke customer pages on the same centered desktop rail as Overview. */
.overview-v1140-body .ov9-page,
.overview-r44-body .ov44-page,
.create-server-v1140-body .create9-page,
.status-v1150-body .status-page,
.billing-v1140-body .billing-page {
  width: min(100%, var(--app-content-max));
  max-width: var(--app-content-max);
  margin-inline: auto;
  padding-left: var(--app-content-pad);
  padding-right: var(--app-content-pad);
}

/* Premium cards stay useful on ultrawide displays instead of becoming giant strips. */
.billing-v1140-body .premium-plan-grid,
.billing-v1140-body .premium-plans-showcase .premium-plan-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 360px));
  justify-content: start;
  align-items: stretch;
}
.billing-v1140-body .premium-plan-card { width: 100%; max-width: 360px; }
.billing-v1140-body .pool-switcher { grid-template-columns: repeat(2, minmax(0, 520px)); justify-content: start; }

/* Common large grids get sensible card sizes on wide screens. */
.app-body .server-card-grid:not(.admin-overview-grid) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
}
.app-body .dashboard-server-grid-v2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.app-body .form-card,
.app-body .server-detail-card,
.app-body .users-card,
.app-body .settings-nav-card { min-width: 0; }

@media (min-width: 1720px) {
  .app-body .topbar { padding-inline: clamp(32px, 3vw, 54px); }
  .billing-v1140-body .premium-plans-showcase { padding: 32px; }
  .overview-v1140-body .ov9-server-grid { gap: 22px; }
}

@media (max-width: 1100px) {
  :root { --app-content-pad: clamp(18px, 3vw, 30px); }
  .billing-v1140-body .premium-plan-grid,
  .billing-v1140-body .premium-plans-showcase .premium-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .billing-v1140-body .premium-plan-card { max-width: none; }
}

@media (max-width: 980px) {
  .app-body .dashboard-server-grid-v2 { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  :root { --app-content-pad: clamp(16px, 4vw, 28px); }
  .app-body .topbar { padding-inline: var(--app-content-pad); }
}

@media (max-width: 700px) {
  :root { --app-content-pad: clamp(15px, 4.5vw, 20px); }
  .app-body .topbar { padding-inline: var(--app-content-pad); }
  .billing-v1140-body .premium-plan-grid,
  .billing-v1140-body .premium-plans-showcase .premium-plan-grid,
  .billing-v1140-body .pool-switcher { grid-template-columns: 1fr; }
  .billing-v1140-body .premium-plan-card { max-width: none; }
  .app-body .page-heading-row,
  .app-body .section-title-row { align-items: stretch; }
  .app-body .heading-actions { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 460px) {
  .app-body .page-heading h1 { font-size: clamp(28px, 9vw, 32px); }
  .app-body .button { white-space: normal; text-align: center; }
  .app-body .server-summary-main,
  .app-body .server-detail-title { min-width: 0; }
  .app-body .server-summary-main > div,
  .app-body .server-detail-title > div { min-width: 0; }
}

/* R97 one customer-content rail: utility pages align with Overview. */
.app-body .server-tool-page,
.app-body .minecraft-players-page,
.app-body .server-version-page,
.app-body .server-files-page,
.app-body .server-plugin-page,
.app-body .server-settings-page,
.app-body .server-subusers-page,
.app-body .account-settings-page,
.app-body .resource97-page,
.create-server-v1140-body .create9-page,
.app-body .billing-page,
.app-body .status-page,
.app-body .page-admin{
  box-sizing:border-box;
  width:min(100%,var(--app-content-max,1440px));
  max-width:var(--app-content-max,1440px);
  margin-inline:auto;
}
.server-minecraft-tools-v92-body .server-tool-page,
.server-minecraft-tools-v92-body .minecraft-players-page{max-width:var(--app-content-max,1440px)}
.app-body .page-narrow,
.app-body .server-overview-page,
.app-body .server-billing-hold-page,
.app-body .premium-checkout-page,
.app-body .premium-approved-page,
.app-body .rewards-page,
.app-body .ticket-page,
.app-body .server-file-editor-page{
  width:min(100%,var(--app-content-max,1440px));
  max-width:var(--app-content-max,1440px);
  margin-inline:auto;
}


/* ======= responsive-v135.css ======= */
/* R135 final mobile compatibility layer. This intentionally stays structural:
   it fixes narrow-screen overflow/touch sizing without changing desktop design. */
.app-body .page,
.app-body .main-area,
.app-body .main-content,
.app-body .content-area { min-width:0; }
.app-body .table-scroll,
.app-body .admin-table-scroll,
.app-body .analytics-table-scroll,
.app-body .sub62-table-wrap,
.app-body .server-tool-table-wrap,
.app-body .file64-table-wrap { max-width:100%; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
.app-body .mono-value,
.app-body .server-tool-mono,
.app-body code { overflow-wrap:anywhere; word-break:break-word; }
.app-body input,
.app-body select,
.app-body textarea { max-width:100%; }
.app-body dialog.user-dialog { max-width:calc(100vw - 24px); }

@media(max-width:760px){
  .app-body .page-heading-row,
  .app-body .section-title-row { min-width:0; }
  .app-body .page-heading-row>.heading-actions,
  .app-body .section-title-row>.heading-actions,
  .app-body .heading-actions { max-width:100%; flex-wrap:wrap; }
  .app-body .heading-actions>.button,
  .app-body .heading-actions>form,
  .app-body .heading-actions>form>.button { min-width:0; }
  .app-body dialog.user-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 20px); margin:auto; overflow-y:auto; }
  .app-body dialog.user-dialog .dialog-header,
  .app-body dialog.user-dialog .dialog-options,
  .app-body dialog.user-dialog .dialog-actions { max-width:100%; }
  .app-body dialog.user-dialog .dialog-actions { flex-wrap:wrap; }
  .app-body .field,
  .app-body .dialog-fields,
  .app-body .form-grid { min-width:0; }
  .app-body .field input,
  .app-body .field select,
  .app-body .field textarea { width:100%; }
  .app-body .table-scroll,
  .app-body .admin-table-scroll,
  .app-body .analytics-table-scroll,
  .app-body .sub62-table-wrap,
  .app-body .file64-table-wrap { overflow-x:auto; scrollbar-width:thin; }
  .app-body .button,
  .app-body button,
  .app-body input,
  .app-body select { touch-action:manipulation; }
  .app-body .button { min-height:40px; }
}

@media(max-width:520px){
  .app-body .heading-actions { display:grid; grid-template-columns:1fr; width:100%; }
  .app-body .heading-actions>.button,
  .app-body .heading-actions>form,
  .app-body .heading-actions>form>.button { width:100%; }
  .app-body dialog.user-dialog .dialog-actions { flex-direction:column-reverse; }
  .app-body dialog.user-dialog .dialog-actions .button { width:100%; }
  .app-body .notice { overflow-wrap:anywhere; }
}

/* Subusers: keep the same desktop design, but turn the index rows into cards on
   phones instead of requiring a wide horizontal table. */
@media(max-width:700px){
  .account-subusers-v78-body .sub62-table-wrap{overflow:visible}
  .account-subusers-v78-body .sub63-table{display:block;min-width:0;width:100%}
  .account-subusers-v78-body .sub63-table thead{display:none}
  .account-subusers-v78-body .sub63-table tbody{display:grid;gap:12px;padding:0;background:transparent}
  .account-subusers-v78-body .sub63-table .sub62-row{display:grid;grid-template-columns:44px minmax(0,1fr) 38px;height:auto;overflow:hidden;border:1px solid var(--sub78-border,var(--border));border-radius:10px;background:var(--sub78-card,var(--white))}
  .account-subusers-v78-body .sub63-table .sub62-row td{height:auto;padding:11px 13px;border:0;border-bottom:1px solid var(--sub78-border,var(--border));background:transparent}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(1){grid-column:1;grid-row:1;display:grid;place-items:center;padding-right:4px}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(2){grid-column:2;grid-row:1;display:flex;align-items:center;padding-left:4px}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(6){grid-column:3;grid-row:1;display:grid;place-items:center;padding:7px;border-bottom:1px solid var(--sub78-border,var(--border))}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(3),
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(4),
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(5){grid-column:1/-1;display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;align-items:center}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(3)::before{content:'Servers'}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(4)::before{content:'Permissions'}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(5)::before{content:'Status'}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(3)::before,
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(4)::before,
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(5)::before{color:var(--sub78-muted,var(--muted));font-size:9px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
  .account-subusers-v78-body .sub63-table .sub62-row td:nth-child(5){border-bottom:0}
  .account-subusers-v78-body .sub63-table .sub62-row .sub62-primary small,
  .account-subusers-v78-body .sub63-table .sub62-row .sub62-cell small{white-space:normal;overflow-wrap:anywhere}
  .account-subusers-v78-body .sub63-table [data-account-subusers-search-empty]{display:block}
  .account-subusers-v78-body .sub63-table [data-account-subusers-search-empty][hidden]{display:none}
  .account-subusers-v78-body .sub63-table [data-account-subusers-search-empty] td{display:block;padding:0;border:0}
}


/* ======= shell-v143.css ======= */
/* R143 global shell refresh
   The dashboard keeps page-specific components intact while replacing the shared
   application chrome with a tighter, collapsible control-panel shell. */
:root {
  --shell-sidebar-width: 278px;
  --shell-sidebar-collapsed-width: 78px;
  --shell-topbar-height: 64px;
  --shell-sidebar: var(--dark-card, #33393f);
  --shell-topbar: var(--dark-card, #373d42);
  --shell-sidebar-hover: var(--dark-raised, #3e454c);
  --shell-sidebar-active: #087df5;
  --shell-sidebar-active-hover: #0b75e5;
  --shell-sidebar-text: var(--dark-text, #d6dbe0);
  --shell-sidebar-muted: var(--dark-muted, #9ca5ae);
  --shell-line: rgba(255,255,255,.085);
  --shell-focus: rgba(8,125,245,.28);
  --shell-shadow: 0 16px 42px rgba(18,24,30,.22);
}

/* The chrome is deliberately stable. R146 keeps the graphite navigation while
   allowing the customer workspace/topbar to switch between dark and light. */
.sidebar {
  width: var(--shell-sidebar-width);
  padding: 0;
  overflow: hidden;
  color: var(--shell-sidebar-text);
  background: var(--shell-sidebar);
  border-right: 1px solid rgba(0,0,0,.13);
  transition: width .2s cubic-bezier(.2,.8,.2,1), transform .2s ease;
}

.main-area {
  margin-left: var(--shell-sidebar-width);
  transition: margin-left .2s cubic-bezier(.2,.8,.2,1);
}

.sidebar .brand {
  height: var(--shell-topbar-height);
  min-height: var(--shell-topbar-height);
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 0 17px;
  border-bottom: 1px solid var(--shell-line);
  color: #f7f8f9;
  white-space: nowrap;
  overflow: hidden;
}
.sidebar .brand-mark {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 50%;
  box-shadow: none;
}
.sidebar .brand-mark svg { width: 20px; height: 20px; }
.sidebar .brand-word {
  min-width: 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: 660;
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  transition: opacity .14s ease, transform .18s ease;
}

.sidebar-menu-scroll {
  min-height: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 14px 10px 18px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.17) transparent;
}
.sidebar-menu-scroll::-webkit-scrollbar { width: 6px; }
.sidebar-menu-scroll::-webkit-scrollbar-track { background: transparent; }
.sidebar-menu-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--dark-card-alpha-0-15, rgba(255,255,255,.15)); }
.sidebar-menu-scroll::-webkit-scrollbar-thumb:hover { background: var(--dark-card-alpha-0-24, rgba(255,255,255,.24)); }
.sidebar-section { margin-top: 0; }
.sidebar-section + .sidebar-section { margin-top: 22px; }
.sidebar-secondary,
.sidebar-admin { margin-top: 22px; }
.sidebar-label {
  min-height: 23px;
  display: flex;
  align-items: center;
  padding: 0 12px 7px;
  color: var(--shell-sidebar-muted);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .045em;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-transform: none;
  transition: opacity .14s ease;
}
.sidebar-nav { gap: 4px; }
.sidebar-link {
  min-height: 46px;
  gap: 12px;
  padding: 0 12px;
  border-radius: 4px;
  color: var(--shell-sidebar-text);
  font-size: 14px;
  font-weight: 540;
  letter-spacing: 0;
  white-space: nowrap;
  transition: color .14s ease, background .14s ease, padding .18s ease;
}
.sidebar-link::before { display: none; }
.sidebar-link svg {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: var(--dark-text, #c8ced4);
  stroke-width: 1.8;
}
.sidebar-link:hover {
  color: #fff;
  background: var(--shell-sidebar-hover);
}
.sidebar-link:hover svg { color: #fff; }
.sidebar-link.active,
.sidebar-link-free.active,
.sidebar-link-premium.active {
  color: #fff;
  background: var(--shell-sidebar-active);
  box-shadow: none;
}
.sidebar-link.active:hover,
.sidebar-link-free.active:hover,
.sidebar-link-premium.active:hover { background: var(--shell-sidebar-active-hover); }
.sidebar-link.active svg,
.sidebar-link-free.active svg,
.sidebar-link-premium.active svg { color: #fff; }
.sidebar-link > span:not(.sidebar-count):not(.sidebar-setup-badge) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity .12s ease, transform .18s ease;
}
.sidebar-link > span:has(strong) { gap: 1px; }
.sidebar-link > span > strong { font-size: 14px; font-weight: 590; }
.sidebar-link > span > small { color: var(--dark-muted, #9fa8b1); font-size: 9px; font-weight: 520; }
.sidebar-link:hover > span > small,
.sidebar-link.active > span > small { color: rgba(255,255,255,.76); }
.sidebar-count {
  margin-left: auto;
  min-width: 22px;
  padding: 3px 6px;
  border-radius: 4px;
  color: var(--dark-text, #f1f4f6);
  background: var(--dark-card-alpha-0-12, rgba(255,255,255,.12));
  font-size: 9px;
  font-weight: 750;
  transition: opacity .12s ease;
}
.sidebar-link.active .sidebar-count { background: var(--dark-card-alpha-0-18, rgba(255,255,255,.18)); }

/* Context sidebars use the exact same shell geometry. */
.sidebar-server-context,
.sidebar-account-context,
.sidebar-admin-context { width: var(--shell-sidebar-width); }
.sidebar-server-context .brand,
.sidebar-account-context .brand,
.sidebar-admin-context .brand { padding: 0 17px; }
.sidebar-server-back-section,
.sidebar-server-section,
.sidebar-server-panel-section,
.sidebar-admin-context-section {
  margin: 0;
  padding: 0;
  border: 0;
}
.sidebar-server-back-section { padding-bottom: 10px; margin-bottom: 13px; border-bottom: 1px solid var(--shell-line); }
.sidebar-server-section + .sidebar-server-section,
.sidebar-admin-context-section + .sidebar-admin-context-section { margin-top: 20px; }
.sidebar-server-panel-section { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--shell-line); }
.sidebar-server-nav { gap: 4px; }
.sidebar-server-nav .sidebar-link { min-height: 44px; padding: 0 12px; }
.sidebar-server-nav .sidebar-link svg { width: 18px; height: 18px; }
.sidebar-server-back { color: var(--dark-text, #bfc6cd); }
.sidebar-server-external { color: var(--dark-text, #bfc6cd); }

.sidebar-footer {
  flex: 0 0 auto;
  margin: 0;
  padding: 13px 12px 14px;
  border-top: 1px solid var(--shell-line);
  background: rgba(0,0,0,.055);
  overflow: hidden;
}
.sidebar-user {
  min-height: 42px;
  gap: 10px;
  padding: 0;
  white-space: nowrap;
}
.sidebar-user .avatar {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  font-size: 12px;
}
.sidebar-user .avatar-amber { color: #fff; background: var(--shell-sidebar-active); }
.sidebar-user-copy { transition: opacity .12s ease, transform .18s ease; }
.sidebar-user-copy strong { color: var(--dark-text, #f3f5f6); font-size: 13px; font-weight: 650; }
.sidebar-user-copy small { margin-top: 2px; color: var(--dark-muted, #9ca5ae); font-size: 9px; letter-spacing: .08em; }
.sidebar-signout {
  min-height: 38px;
  margin-top: 7px;
  gap: 11px;
  padding: 0 8px;
  border-radius: 4px;
  color: var(--dark-text, #b8c0c8);
  font-size: 13px;
  font-weight: 540;
  white-space: nowrap;
  transition: color .14s ease, background .14s ease;
}
.sidebar-signout:hover { color: #fff; background: var(--shell-sidebar-hover); }
.sidebar-signout svg { width: 18px; height: 18px; flex: 0 0 18px; }
.sidebar-signout span { transition: opacity .12s ease; }
.sidebar-legal { padding: 0 8px; }
.sidebar-legal a { color: var(--dark-muted, #9ca5ae); }

/* Top navigation follows the same graphite family as the reference panel. */
.topbar {
  height: var(--shell-topbar-height);
  padding: 0 20px;
  border-bottom: 1px solid rgba(0,0,0,.18);
  color: var(--dark-text, #e8ecef);
  background: var(--shell-topbar) !important;
  backdrop-filter: none;
}
.mobile-menu {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-content: center;
  gap: 4px;
  margin: 0 16px 0 0;
  border: 0;
  border-radius: 4px;
  color: var(--dark-text, #dce1e5);
  background: transparent;
  transition: background .14s ease, color .14s ease;
}
.mobile-menu:hover { color: #fff; background: var(--dark-card-alpha-0-085, rgba(255,255,255,.085)); }
.mobile-menu:focus-visible { outline: 3px solid var(--shell-focus); outline-offset: 1px; }
.mobile-menu span { width: 17px; height: 2px; border-radius: 2px; background: currentColor; }
.breadcrumb { gap: 9px; color: var(--dark-text, #c2c9cf); font-size: 12px; }
.breadcrumb > span:first-child { color: #f4f6f7; font-weight: 610; letter-spacing: .035em; }
.breadcrumb b { color: var(--dark-muted, #7f8992); }
.topbar-right { gap: 9px; }
.topbar-mobile-brand { color: #f4f6f7; }

.theme-toggle,
.system-status {
  min-height: 36px;
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 4px;
  color: var(--dark-text, #d1d7dc) !important;
  background: var(--dark-card-alpha-0-045, rgba(255,255,255,.045)) !important;
  box-shadow: none;
}
.theme-toggle:hover,
.system-status:hover { color: #fff !important; border-color: rgba(255,255,255,.22) !important; background: var(--dark-card-alpha-0-08, rgba(255,255,255,.08)) !important; }
.user-menu[open] summary { box-shadow: 0 0 0 3px rgba(8,125,245,.24); }
.topbar .avatar-teal { background: var(--shell-sidebar-active); }

.topbar-admin-switch {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 4px;
  color: var(--dark-text, #f3f5f7);
  background: var(--dark-card-alpha-0-055, rgba(255,255,255,.055));
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  transition: border-color .14s ease, background .14s ease;
}
.topbar-admin-switch:hover { border-color: rgba(255,255,255,.24); background: var(--dark-card-alpha-0-1, rgba(255,255,255,.1)); }
.topbar-admin-switch.is-admin { border-color: rgba(8,125,245,.55); background: rgba(8,125,245,.18); }
.topbar-admin-switch.is-admin:hover { background: rgba(8,125,245,.28); }
.topbar-admin-switch svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* A denser, control-panel-like workspace rhythm. */
.page { padding: 30px 30px 72px; }
.page-heading { margin-bottom: 28px; }
.global-banner-ad { padding: 14px 30px 0; }

/* Desktop collapsed mode. It is stored on <html> so the correct width paints
   before app.js runs, avoiding a noticeable expanded -> collapsed flash. */
@media (min-width: 1121px) {
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-server-context,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-account-context,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-admin-context {
    width: var(--shell-sidebar-collapsed-width);
  }
  html[data-sidebar-state="collapsed"] .main-area { margin-left: var(--shell-sidebar-collapsed-width); }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar .brand {
    height: 0;
    min-height: 0;
    justify-content: center;
    gap: 0;
    padding: 0;
    border-bottom: 0;
    opacity: 0;
    pointer-events: none;
  }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar .brand-word,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-label,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-user-copy,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-signout span,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-legal,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-setup-badge {
    width: 0;
    max-width: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
  }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-menu-scroll { padding: 8px 11px 18px; }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-section + .sidebar-section { margin-top: 14px; }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-link,
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-server-nav .sidebar-link {
    min-height: 46px;
    justify-content: center;
    gap: 0;
    padding-inline: 0;
  }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-link > span:not(.sidebar-count):not(.sidebar-setup-badge) {
    width: 0;
    max-width: 0;
    margin: 0;
    opacity: 0;
    transform: translateX(-4px);
    overflow: hidden;
  }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-count {
    position: absolute;
    top: 4px;
    right: 3px;
    min-width: 15px;
    padding: 2px 4px;
    border-radius: 999px;
    font-size: 7px;
  }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-server-back-section { margin-bottom: 10px; }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-footer { padding-inline: 12px; }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-user { justify-content: center; }
  html[data-sidebar-state="collapsed"]:not([data-sidebar-peek="true"]) .sidebar-signout { justify-content: center; padding-inline: 0; }
  /* A collapsed desktop sidebar peeks open while hovered/focused. The content
     column stays at the collapsed offset, so this feels like CtrlPanel instead
     of making the whole page jump sideways. */
  html[data-sidebar-state="collapsed"][data-sidebar-peek="true"] .sidebar {
    width: var(--shell-sidebar-width);
    box-shadow: 10px 0 30px rgba(10,14,18,.24);
  }
  html[data-sidebar-state="collapsed"][data-sidebar-peek="true"] .main-area {
    margin-left: var(--shell-sidebar-collapsed-width);
  }
}


/* Drawer behaviour takes priority on tablet/mobile; the persisted desktop
   collapsed preference remains untouched for when the viewport grows again. */
@media (max-width: 1120px) {
  .sidebar,
  .sidebar-server-context,
  .sidebar-account-context,
  .sidebar-admin-context {
    width: min(var(--shell-sidebar-width), calc(100vw - 42px));
    transform: translateX(-100%);
    box-shadow: var(--shell-shadow);
  }
  body.sidebar-open .sidebar { transform: translateX(0); }
  .main-area { margin-left: 0 !important; }
  .sidebar-overlay {
    display: block;
    background: var(--dark-card-alpha-0-52, rgba(18,24,30,.52));
    backdrop-filter: blur(1px);
  }
  .topbar { padding-inline: 14px; }
  .page { padding-inline: 22px; }
  .global-banner-ad { padding-inline: 22px; }
}

@media (max-width: 760px) {
  .topbar { height: 60px; }
  .mobile-menu { margin-right: 8px; }
  .breadcrumb { margin-left: 5px; }
  .breadcrumb > span:first-child,
  .breadcrumb b { display: none; }
  .theme-toggle > span,
  .system-status > span,
  .topbar-admin-switch > span { display: none; }
  .theme-toggle,
  .system-status,
  .topbar-admin-switch { width: 36px; padding: 0; justify-content: center; }
  .system-status { gap: 0; }
  .page { padding: 24px 16px 64px; }
  .global-banner-ad { padding: 12px 16px 0; }
}

@media (max-width: 480px) {
  .topbar-right { gap: 5px; }
  .system-status { display: none; }
  .sidebar,
  .sidebar-server-context,
  .sidebar-account-context,
  .sidebar-admin-context { width: min(var(--shell-sidebar-width), calc(100vw - 24px)); }
}

@media (prefers-reduced-motion: reduce) {
  .sidebar,
  .main-area,
  .brand-word,
  .sidebar-link,
  .sidebar-link > span,
  .sidebar-user-copy { transition: none !important; }
}


/* R147 — compact collapsed rail: no section-label voids and no hover expansion. */
.sidebar-hover-tooltip{
  position:fixed;
  z-index:5000;
  max-width:min(240px,calc(100vw - 110px));
  padding:6px 8px;
  border:1px solid var(--dark-border, #4f5962);
  border-radius:6px;
  color:#f4f6f8;
  background:var(--dark-card, #30373d);
  box-shadow:0 7px 22px rgba(0,0,0,.24);
  font:600 11px/1.25 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transform:translateX(-4px);
  transition:opacity .12s ease,transform .12s ease;
}
.sidebar-hover-tooltip::before{
  content:"";
  position:absolute;
  top:50%;
  left:-5px;
  width:8px;
  height:8px;
  border-left:1px solid var(--dark-border, #4f5962);
  border-bottom:1px solid var(--dark-border, #4f5962);
  background:var(--dark-card, #30373d);
  transform:translateY(-50%) rotate(45deg);
}
.sidebar-hover-tooltip.is-visible{opacity:1;transform:translateX(0)}
.sidebar-hover-tooltip[hidden]{display:none!important}

@media (min-width:1121px){
  /* R146's temporary hover-peek is deliberately disabled in R147. */
  html[data-sidebar-state="collapsed"] .sidebar,
  html[data-sidebar-state="collapsed"][data-sidebar-peek="true"] .sidebar,
  html[data-sidebar-state="collapsed"] .sidebar-server-context,
  html[data-sidebar-state="collapsed"] .sidebar-account-context,
  html[data-sidebar-state="collapsed"] .sidebar-admin-context{
    width:var(--shell-sidebar-collapsed-width)!important;
    box-shadow:2px 0 9px rgba(11,15,18,.13)!important;
  }
  html[data-sidebar-state="collapsed"] .main-area,
  html[data-sidebar-state="collapsed"][data-sidebar-peek="true"] .main-area{margin-left:var(--shell-sidebar-collapsed-width)!important}
  html[data-sidebar-state="collapsed"] .sidebar .brand{
    height:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    opacity:0;
    pointer-events:none;
  }
  html[data-sidebar-state="collapsed"] .sidebar-menu-scroll{padding:8px 11px 18px!important}
  html[data-sidebar-state="collapsed"] .sidebar-label{display:none!important}
  html[data-sidebar-state="collapsed"] .sidebar-section,
  html[data-sidebar-state="collapsed"] .sidebar-section+.sidebar-section,
  html[data-sidebar-state="collapsed"] .sidebar-secondary,
  html[data-sidebar-state="collapsed"] .sidebar-admin,
  html[data-sidebar-state="collapsed"] .sidebar-server-back-section,
  html[data-sidebar-state="collapsed"] .sidebar-server-section,
  html[data-sidebar-state="collapsed"] .sidebar-server-group,
  html[data-sidebar-state="collapsed"] .sidebar-server-group+.sidebar-server-group,
  html[data-sidebar-state="collapsed"] .sidebar-server-panel-section,
  html[data-sidebar-state="collapsed"] .sidebar-admin-context-section,
  html[data-sidebar-state="collapsed"] .sidebar-admin-context-section+.sidebar-admin-context-section{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border-top:0!important;
    border-bottom:0!important;
  }
  html[data-sidebar-state="collapsed"] .sidebar-section+.sidebar-section,
  html[data-sidebar-state="collapsed"] .sidebar-server-back-section+.sidebar-section,
  html[data-sidebar-state="collapsed"] .sidebar-server-group+.sidebar-server-group,
  html[data-sidebar-state="collapsed"] .sidebar-admin-context-section+.sidebar-admin-context-section{margin-top:4px!important}
  html[data-sidebar-state="collapsed"] .sidebar-link,
  html[data-sidebar-state="collapsed"] .sidebar-server-nav .sidebar-link{
    width:46px!important;
    min-width:46px!important;
    min-height:44px!important;
    justify-content:center!important;
    gap:0!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  html[data-sidebar-state="collapsed"] .sidebar-link>span:not(.sidebar-count):not(.sidebar-setup-badge),
  html[data-sidebar-state="collapsed"] .sidebar-user-copy,
  html[data-sidebar-state="collapsed"] .sidebar-signout span,
  html[data-sidebar-state="collapsed"] .sidebar-legal,
  html[data-sidebar-state="collapsed"] .sidebar-setup-badge{display:none!important}
  html[data-sidebar-state="collapsed"] .sidebar-count{
    position:absolute;
    top:3px;
    right:2px;
    min-width:15px;
    margin:0;
    padding:2px 4px;
    border-radius:999px;
    font-size:7px;
  }
  html[data-sidebar-state="collapsed"] .sidebar-footer{padding:13px 12px 14px!important}
  html[data-sidebar-state="collapsed"] .sidebar-user{
    width:46px;
    min-height:42px;
    justify-content:center!important;
    gap:0!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  html[data-sidebar-state="collapsed"] .sidebar-footer form{display:flex;justify-content:center}
  html[data-sidebar-state="collapsed"] .sidebar-signout{
    width:46px!important;
    min-width:46px;
    justify-content:center!important;
    gap:0!important;
    margin:7px auto 0!important;
    padding-inline:0!important;
  }
}

@media (max-width:1120px){.sidebar-hover-tooltip{display:none!important}}


/* ======= ui-v144.css ======= */
/* R144 — full product UI refresh
   One deliberate graphite + blue visual system across customer, server, billing,
   support, authentication, status, and admin surfaces. R146 layers a persisted
   customer light theme after this dark-first baseline. */

:root,
html[data-theme="dark"] {
  color-scheme: dark;
  --navy: var(--dark-card, #2f353a);
  --navy-2: var(--dark-card, #363d43);
  --page: var(--dark-page, #252b30);
  --white: var(--dark-card, #30373d);
  --soft: var(--dark-inset, #2a3035);
  --surface: var(--dark-card, #2a3035);
  --surface-raised: var(--dark-raised, #30373d);
  --surface-soft: var(--dark-inset, #282e33);
  --border: var(--dark-border, #414950);
  --border-dark: var(--dark-border, #505a63);
  --text: var(--dark-text, #f3f5f7);
  --ink: var(--dark-text, #f3f5f7);
  --muted: var(--dark-muted, #aeb7c0);
  --muted-2: var(--dark-muted, #8f9aa4);
  --teal: #087df5;
  --teal-hover: #1789f7;
  --teal-soft: rgba(8,125,245,.13);
  --amber: #f5b942;
  --green: #39c98b;
  --red: #ef6b78;
  --red-soft: rgba(239,107,120,.12);
  --purple: #9185ff;
  --panel: var(--dark-card, #30373d);
  --panel-2: var(--dark-card, #2b3137);
  --panel-3: var(--dark-card, #252b30);
  --line: var(--dark-border, #414950);
  --blue: #087df5;
  --blue-hover: #1789f7;
  --blue-soft: rgba(8,125,245,.12);
  --focus: rgba(8,125,245,.3);
  --shadow: 0 10px 28px rgba(9,13,17,.16);
  --menu-shadow: 0 22px 50px rgba(8,12,16,.38);
  --radius: 8px;
  --radius-sm: 6px;
  --radius-lg: 10px;
  --shell-sidebar: var(--dark-card, #33393f);
  --shell-topbar: var(--dark-card, #373d42);
  --shell-sidebar-hover: var(--dark-raised, #3e454c);
  --shell-sidebar-active: #087df5;
  --shell-sidebar-active-hover: #0b75e5;
}

html { background: var(--page); }
body,
html[data-theme="dark"] body,
html[data-theme="dark"] .main-area,
html[data-theme="dark"] .auth-body {
  color: var(--text);
  background: var(--page);
}
body { font-size: 14px; }
::selection { color: #fff; background: rgba(8,125,245,.72); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
* { scrollbar-color: #56616b transparent; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--dark-card, #56616b); }
*::-webkit-scrollbar-thumb:hover { background: var(--dark-card, #66727d); }
*::-webkit-scrollbar-track { background: transparent; }

/* --------------------------------------------------------------------------
   Global shell
   -------------------------------------------------------------------------- */
.main-area { background: var(--page); }
.topbar {
  border-bottom-color: rgba(255,255,255,.07);
  box-shadow: 0 1px 0 rgba(0,0,0,.14);
}
.topbar-right { gap: 8px; }
.topbar-admin-switch,
.system-status {
  min-height: 36px;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 6px;
  background: var(--dark-card-alpha-0-045, rgba(255,255,255,.045)) !important;
  color: var(--dark-text, #dce2e7) !important;
  box-shadow: none;
}
.topbar-admin-switch:hover,
.system-status:hover { border-color: rgba(255,255,255,.19) !important; background: var(--dark-card-alpha-0-08, rgba(255,255,255,.08)) !important; }
.topbar-admin-switch.is-admin { border-color: rgba(8,125,245,.45) !important; background: rgba(8,125,245,.17) !important; }
.system-status i { box-shadow: 0 0 0 4px rgba(57,201,139,.09); }
.user-dropdown {
  border-color: var(--dark-border, #48515a);
  border-radius: 8px;
  background: var(--dark-card, #30373d);
  box-shadow: var(--menu-shadow);
}
.user-dropdown-head { border-bottom-color: var(--dark-border, #424a52); }
.user-dropdown a,
.user-dropdown button { border-radius: 6px; color: var(--dark-text, #dce1e5); }
.user-dropdown a:hover,
.user-dropdown button:hover { color: #fff; background: var(--dark-card, #3a4249); }
.breadcrumb { color: var(--dark-text, #aeb6bd); }
.breadcrumb > span:first-child { color: var(--dark-text, #f2f4f6); letter-spacing: .09em; }
.breadcrumb b { color: var(--dark-muted, #77818a); }

.sidebar { box-shadow: 8px 0 30px rgba(8,12,16,.08); }
.sidebar .brand-mark { color: #fff; background: var(--blue); }
.sidebar .brand-word > span { color: #fff; }
.sidebar-label { color: var(--dark-muted, #8e99a3); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .085em; }
.sidebar-link { border-radius: 6px; }
.sidebar-link:hover { background: var(--dark-card, #3c444b); }
.sidebar-link.active,
.sidebar-link-free.active,
.sidebar-link-premium.active { background: var(--blue); }
.sidebar-link > span > small { color: var(--dark-muted, #929da7); }
.sidebar-footer { background: rgba(0,0,0,.045); }
.sidebar .avatar-amber { color: #fff; background: var(--blue); }
.sidebar-signout { border-radius: 6px; }
.sidebar-signout:hover { background: var(--dark-card, #3c444b); }
.sidebar-overlay { backdrop-filter: blur(2px); }

/* --------------------------------------------------------------------------
   Workspace rhythm, headings and typography
   -------------------------------------------------------------------------- */
.page {
  width: min(100%, 1580px);
  margin: 0 auto;
  padding: 32px clamp(22px, 2.7vw, 42px) 76px;
}
.page-narrow { width: min(100%, 1050px); }
.page-heading,
.page-heading-row,
.server-tool-heading,
.server-settings-heading,
.billing-heading,
.account-security-heading,
.entity136-heading,
.ticket-page-heading,
.account-invoice-detail-heading {
  margin-bottom: 24px;
}
.page-heading h1,
.page-heading-row h1,
.server-tool-heading h1,
.server-settings-heading h1,
.billing-heading h1,
.account-security-heading h1,
.entity136-heading h1,
.ticket-page-heading h1,
.account-invoice-detail-heading h1,
.ov44-header h1,
.create9-hero h1,
.status-clean-head h1 {
  color: #f6f8f9;
  font-weight: 650;
  letter-spacing: -.035em;
}
.page-heading h1,
.page-heading-row h1,
.server-tool-heading h1,
.server-settings-heading h1,
.billing-heading h1,
.account-security-heading h1,
.entity136-heading h1,
.ticket-page-heading h1 { font-size: clamp(25px, 2.3vw, 34px); }
.page-heading p,
.page-heading-row p,
.server-tool-heading p,
.server-settings-heading p,
.billing-heading p,
.account-security-heading p,
.entity136-heading p,
.ticket-page-heading p,
.ov44-header p,
.create9-hero p,
.status-clean-head p { color: var(--muted); line-height: 1.65; }
.eyebrow,
.ov44-eyebrow,
.create9-kicker,
.ov9-kicker {
  color: #78baff;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .12em;
}
.eyebrow-danger { color: #ff9aa4; }
.muted { color: var(--muted); }

/* --------------------------------------------------------------------------
   Core components
   -------------------------------------------------------------------------- */
.form-card,
.users-card,
.settings-card,
.server-settings-card,
.server-tool-table-wrap,
.server-tool-empty-card,
.server-panel-card,
.server-info-card,
.runtime-card,
.console8-runtime-card,
.console8-chart-card,
.billing-section-card,
.billing-hero-card,
.billing-reward-card,
.premium-plan-card,
.ticket-summary-card,
.ticket-section-card,
.ticket-detail-card,
.ticket-new-card,
.ticket-search-card,
.account-email-card,
.account-google-card,
.account-2fa-card,
.account-provider-card,
.oauth-consent-card,
.account-invoice-history-card,
.account-invoice-detail-card,
.admin-stat-card,
.admin-secondary-card,
.admin-snapshot-card,
.admin-node-policy-card,
.admin-node-partner-card,
.admin-node-stock-card,
.admin-email-compose-card,
.admin-email-delivery-card,
.admin-email-info-card,
.analytics-chart-card,
.analytics-live-card,
.paypal-rest-card,
.paypal-sync-card,
.auto-stock74-card,
.renewal70-card,
.bypass105-panel,
.entity136-list-shell,
.status-clean-card,
.dashboard-empty-card,
.server-fleet-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.form-card,
.users-card,
.settings-card { overflow: hidden; }
.card-heading,
.users-card-header,
.server-settings-card-head,
.ticket-section-heading,
.account-invoice-card-heading,
.server-info-heading,
.checkout-section-heading,
.checkout-summary-heading-v2 {
  border-color: var(--border);
}
.card-heading h2,
.card-heading h3,
.users-card-header h2,
.server-settings-card-head h2,
.server-settings-card-head h3,
.ticket-section-heading h2,
.ticket-section-heading h3 { color: var(--text); }
.card-heading p,
.users-card-header p,
.server-settings-card-head p { color: var(--muted); }
.card-icon,
.server-settings-card-icon,
.entity136-empty-icon,
.ticket-empty-icon,
.account-invoice-empty-icon,
.dashboard-empty-icon {
  border: 1px solid var(--dark-border, #46505a);
  border-radius: 7px;
  color: #87c1ff;
  background: var(--dark-card, #283039);
}

.button {
  min-height: 38px;
  border-radius: 6px;
  font-weight: 650;
  letter-spacing: -.005em;
  box-shadow: none;
  transition: transform .12s ease, border-color .14s ease, background .14s ease, color .14s ease, opacity .14s ease;
}
.button:active:not(:disabled) { transform: translateY(1px); }
.button-primary {
  border-color: var(--blue);
  color: #fff;
  background: var(--blue);
}
.button-primary:hover { border-color: var(--blue-hover); background: var(--blue-hover); }
.button-secondary,
html[data-theme="dark"] .button-secondary {
  border-color: var(--dark-border, #4a535c);
  color: var(--dark-text, #e9edf0);
  background: var(--dark-card, #363e45);
}
.button-secondary:hover,
html[data-theme="dark"] .button-secondary:hover { border-color: var(--dark-border, #5a6570); color: #fff; background: var(--dark-card, #404951); }
.button-ghost { color: var(--dark-text, #c5cdd4); background: transparent; }
.button-ghost:hover { color: #fff; background: var(--dark-card, #394148); }
.button-danger { border-color: #c85664; color: #fff; background: #c85664; }
.button-danger:hover { border-color: #d86472; background: #d86472; }
.button-danger-outline { border-color: rgba(239,107,120,.45); color: #ff9aa4; background: rgba(239,107,120,.05); }
.button-google { border-radius: 6px; }
.button-small { min-height: 32px; }
.button-large { min-height: 44px; }
.mini-action,
.mini-danger,
.icon-button,
.entity136-action { border-radius: 6px; }

.field > span,
.field label,
.checkout-label { color: var(--dark-text, #cbd2d8); font-weight: 620; }
.field small { color: var(--dark-muted, #89959f); line-height: 1.45; }
.field input,
.field select,
.field textarea,
.admin-list-search,
.server-tool-search,
.entity136-search,
.ticket-search-field,
.bulk-fields select,
.mono-input,
.input-suffix input,
.checkout-promo-input,
.file64-search input,
.file65-search input,
.mp95-search input,
.version79-search input {
  border: 1px solid var(--dark-border, #46505a);
  border-radius: 6px;
  color: var(--dark-text, #f0f3f5);
  background: var(--dark-card, #272e34);
  box-shadow: inset 0 1px 0 rgba(0,0,0,.12);
}
.field input:hover,
.field select:hover,
.field textarea:hover { border-color: var(--dark-border, #57636e); }
.field input:focus,
.field select:focus,
.field textarea:focus,
.admin-list-search:focus,
.server-tool-search:focus,
.entity136-search:focus,
.ticket-search-field:focus,
.mono-input:focus {
  border-color: #268eff;
  box-shadow: 0 0 0 3px rgba(8,125,245,.17);
  outline: 0;
}
.field input:disabled,
.field select:disabled,
.field textarea:disabled { color: var(--dark-muted, #7f8992); background: var(--dark-card, #242a2f); opacity: .85; }
.field select { color-scheme: dark; }
.input-suffix b { border-color: var(--dark-border, #46505a); background: var(--dark-card, #313940); color: var(--dark-text, #aeb7c0); }
.check-row,
.switch-row,
.choice-box,
.dialog-options label,
.server-settings-switch-row {
  border-color: var(--border);
  border-radius: 7px;
  background: var(--dark-card, #2b3238);
}
.check-row:hover,
.choice-box:hover,
.dialog-options label:hover { border-color: var(--dark-border, #56616b); background: var(--dark-card, #30383f); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--blue); }

.notice,
.compact-notice,
.server-page-notice,
.server-tool-form-note,
.account-provider-note,
.account-google-lockout,
.dialog-warning {
  border-radius: 7px;
  color: var(--dark-text, #d9dfe4);
  background: var(--dark-card, #30373d);
  border-color: var(--dark-border, #47515a);
  box-shadow: none;
}
.notice-info { border-color: rgba(8,125,245,.34); background: rgba(8,125,245,.08); }
.notice-success { border-color: rgba(57,201,139,.33) !important; background: rgba(57,201,139,.09) !important; }
.notice-warning { border-color: rgba(245,185,66,.34); background: rgba(245,185,66,.08); }
.notice-error,
.danger-card,
.dialog-inline-error { border-color: rgba(239,107,120,.38) !important; background: rgba(239,107,120,.09) !important; color: #ffc0c6 !important; }
.notice-dot { box-shadow: 0 0 0 4px currentColor; box-shadow: none; }

.count-pill,
.chip,
.state,
.server-status-chip,
.billing-pill,
.billing-status-chip,
.server-pool-chip,
.ticket-status,
.ticket-priority,
.entity136-badge,
.status-compact-state,
.version79-current-state,
.file-access-chip {
  border-radius: 999px;
  box-shadow: none;
}
.count-pill,
.chip,
.billing-pill,
.billing-status-chip { border-color: var(--dark-border, #48525b); background: var(--dark-card, #293138); color: var(--dark-text, #b9c1c8); }
.server-pool-chip.free { color: #6fe1bd; border-color: rgba(57,201,139,.35); background: rgba(57,201,139,.09); }
.server-pool-chip.premium { color: #c0b8ff; border-color: rgba(145,133,255,.36); background: rgba(145,133,255,.1); }
.server-pool-chip.partner { color: #8ec7ff; border-color: rgba(8,125,245,.38); background: rgba(8,125,245,.11); }

.table-scroll,
.admin-table-scroll,
.admin-users-scroll,
.analytics-table-scroll,
.auto-stock74-table-wrap,
.renewal70-scroll { border-color: var(--border); border-radius: 8px; background: var(--panel); }
.user-table,
.server-tool-table,
.analytics-table,
.partner-table,
.admin-server-table,
.auto-stock74-table,
.renewal70-table,
.account-invoice-list { color: var(--text); }
.user-table th,
.server-tool-table th,
.analytics-table th,
.partner-table th,
.admin-server-table th,
.auto-stock74-table th,
.renewal70-table th {
  color: var(--dark-muted, #99a4ae);
  background: var(--dark-card, #292f35) !important;
  border-color: var(--dark-border, #414950);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.user-table td,
.server-tool-table td,
.analytics-table td,
.partner-table td,
.admin-server-table td,
.auto-stock74-table td,
.renewal70-table td { border-color: var(--dark-border, #3d454d); }
.user-table tbody tr:hover,
.server-tool-table tbody tr:hover,
.analytics-table tbody tr:hover,
.partner-table tbody tr:hover,
.admin-server-table tbody tr:hover,
.auto-stock74-table tbody tr:hover,
.renewal70-table tbody tr:hover { background: var(--dark-card, #343c43) !important; }
.empty-table { color: var(--muted); }

.user-dialog,
.destructive-dialog,
.server-tool-dialog,
.file-dialog,
.file64-dialog,
.server-settings-dialog,
.version79-dialog,
.premium-plan-dialog,
.admin-user-dialog,
.admin-promo-dialog,
.subuser-confirm-dialog {
  border: 1px solid var(--dark-border, #4a545d);
  border-radius: 9px;
  color: var(--text);
  background: var(--dark-card, #30373d);
  box-shadow: 0 28px 80px rgba(5,8,11,.46);
}
.user-dialog::backdrop,
.destructive-dialog::backdrop,
.server-tool-dialog::backdrop,
.file-dialog::backdrop,
.file64-dialog::backdrop,
.server-settings-dialog::backdrop,
.version79-dialog::backdrop,
.premium-plan-dialog::backdrop,
.admin-user-dialog::backdrop,
.admin-promo-dialog::backdrop,
.subuser-confirm-dialog::backdrop { background: rgba(12,16,20,.68); backdrop-filter: blur(4px); }
.dialog-header,
.version79-dialog-head { border-color: var(--border); }
.dialog-close { border-color: var(--dark-border, #47515a); border-radius: 6px; background: var(--dark-card, #2b3238); }
.dialog-close:hover { background: var(--dark-card, #3a434a); }
.dialog-actions { border-color: var(--border); }

/* --------------------------------------------------------------------------
   Dashboard overview
   -------------------------------------------------------------------------- */
.ov44-page { max-width: 1580px; }
.ov44-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
  padding: 6px 0 2px;
}
.ov44-heading-copy { max-width: 760px; }
.ov44-header h1 { margin: 6px 0 7px; font-size: clamp(29px, 3vw, 41px); }
.ov44-header-actions { display: flex; gap: 9px; }
.ov44-summary {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 30px;
}
.ov44-summary > div {
  min-width: 0;
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 20px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.ov44-summary > div:hover { border-color: var(--dark-border, #53606a); }
.ov44-summary > div > span { color: var(--dark-muted, #95a0aa); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.ov44-summary > div > strong { margin: 8px 0 5px; color: #fff; font-size: 25px; font-weight: 650; letter-spacing: -.03em; }
.ov44-summary > div > small { color: var(--dark-muted, #9da8b2); }
.ov44-summary > div > small a { color: #74b9ff; font-weight: 650; }
.ov44-summary-main { border-left: 3px solid var(--blue) !important; }
.ov44-section { margin-top: 30px; }
.ov44-section-head { margin-bottom: 16px; }
.ov44-section-head h2 { margin: 5px 0 4px; color: var(--dark-text, #f3f5f6); font-size: 21px; font-weight: 630; letter-spacing: -.02em; }
.ov44-section-head p { margin: 0; color: var(--muted); }
.ov44-pools { gap: 12px; }
.ov44-pool {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.ov44-pool:hover { border-color: var(--dark-border, #515c65); }
.ov44-pool-top { padding: 20px; }
.ov44-pool-top h3 { color: #f4f6f7; font-weight: 640; }
.ov44-pool-top p { color: var(--dark-muted, #9ea9b3); }
.ov44-pool-count { border-color: var(--dark-border, #48525b); background: var(--dark-card, #293138); }
.ov44-pool-status,
.ov44-resource-list,
.ov44-pool-footer { border-color: var(--border); }
.ov44-pool-status { background: var(--dark-card, #2b3238); }
.ov44-resource-list { background: var(--dark-card, #2d343a); }
.ov44-resource-label span,
.ov44-resource > small { color: var(--dark-muted, #99a5af); }
.ov44-resource-label strong { color: var(--dark-text, #dce2e7); }
.ov77-progress { background: var(--dark-card, #20262b); }
.ov77-progress::-webkit-progress-bar { background: var(--dark-card, #20262b); }
.ov77-progress::-webkit-progress-value { background: var(--blue); }
.ov77-progress::-moz-progress-bar { background: var(--blue); }
.ov44-pool-footer { background: var(--dark-card, #2b3238); }
.ov44-text-link { color: #78bbff; }
.dashboard-server-grid,
.ov44-server-grid { gap: 12px; }
.dashboard-server-card,
.server-fleet-card { border-radius: 8px; }
.server-fleet-card:hover { border-color: var(--dark-border, #56616b); transform: translateY(-1px); }
.server-fleet-card .server-mini-stats,
.dashboard-server-card .server-mini-stats { border-color: var(--border); }
.server-mini-stats span,
.server-stats { background: var(--dark-card, #293138) !important; }
.dashboard-server-billing { border-color: var(--border); background: var(--dark-card, #2b3238) !important; }
.dashboard-empty-card { min-height: 300px; }
.dashboard-empty-content > p { color: var(--muted); }

/* --------------------------------------------------------------------------
   Create server
   -------------------------------------------------------------------------- */
.create9-page { max-width: 1280px; }
.create9-hero { margin-bottom: 22px; }
.create9-hero h1 { margin: 6px 0 6px; font-size: 34px; }
.create9-card,
.create-step-card,
.create-resource-overview,
.create-submit-bar {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.create9-card { overflow: hidden; }
.create9-card-head,
.create-card-heading { border-color: var(--border); }
.create9-card-head h2,
.create-card-heading h2 { color: var(--text); }
.create9-card-head p,
.create-card-heading p { color: var(--muted); }
.create9-fields,
.create-allocation-fields { gap: 14px; }
.create9-resource-summary,
.create-pool-summary,
.resource-preview > div,
.create-resource-intro { border-color: var(--border); background: var(--dark-card, #2b3238) !important; }
.create-step-number { border-color: rgba(8,125,245,.4); color: #87c3ff; background: rgba(8,125,245,.1); }
.create-minimum-banner { border-color: rgba(8,125,245,.28); background: rgba(8,125,245,.07); }
.create-minimum-icon { color: #87c3ff; background: rgba(8,125,245,.12); }
.create-submit-bar { border-color: var(--dark-border, #48525b); }

/* --------------------------------------------------------------------------
   Server overview / console
   -------------------------------------------------------------------------- */
.server-overview-page { max-width: 1580px; }
.server-page-heading { gap: 20px; }
.server-title-line h1 { color: #f6f8f9; font-weight: 650; }
.server-status-chip { border-color: var(--dark-border, #4a555e); background: var(--dark-card, #2b333a); }
.server-status-chip.state-text-good { color: #74ddb6; border-color: rgba(57,201,139,.3); background: rgba(57,201,139,.08); }
.server-status-chip.state-text-offline { color: var(--dark-text, #b0bac3); }
.server-status-chip.state-text-stopping { color: #f0c979; border-color: rgba(245,185,66,.3); background: rgba(245,185,66,.08); }
.server-status-chip.state-text-suspended,
.server-status-chip.state-text-error { color: #ff9ca6; border-color: rgba(239,107,120,.34); background: rgba(239,107,120,.08); }
.shared-server-banner { border-color: rgba(8,125,245,.3); border-radius: 7px; background: rgba(8,125,245,.08); }
.server-control-tabs { border-color: var(--border); background: var(--dark-card, #2b3238); }
.server-control-tab { border-radius: 6px; color: var(--dark-text, #b5bec6); }
.server-control-tab:hover { background: var(--dark-card, #353d44); color: #fff; }
.server-control-tab.active { border-color: var(--dark-border, #4e5a65); color: #fff; background: var(--dark-card, #3a4249); box-shadow: inset 0 0 0 1px #4e5a65; }
.server-console-v1138-body .console8-runtime-card,
.server-console-v1138-body .console8-chart-card,
.server-console-v1138-body .server-info-card,
.server-console-v1138-body .server-hosting-card,
.server-console-v1138-body .server-panel-card { border-radius: 8px; border-color: var(--border); background: var(--panel); box-shadow: var(--shadow); }
.server-console-v1138-body .console8-runtime-card { background: var(--dark-card, #2e353b); }
.server-console-v1138-body .console8-terminal,
.server-console-v1138-body .console8-console,
.console-output,
.console-terminal { border-color: var(--dark-border, #364049); background: var(--dark-card, #151a1f) !important; }
.server-console-v1138-body .console8-command input { border-color: var(--dark-border, #424d57); background: var(--dark-card, #20262b); color: var(--dark-text, #f0f4f6); }
.server-console-v1138-body .console8-command input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8,125,245,.15); }
.server-console-v1138-body .console8-meter-track,
.server-console-v1138-body .console8-chart-grid { border-color: var(--dark-border, #3e474f); }
.server-info-list li,
.server-hosting-grid > div,
.server-identity-facts { border-color: var(--border); background: var(--dark-card, #2b3238) !important; }
.server-panel-unavailable { border-color: var(--dark-border, #47515a); background: var(--dark-card, #2a3137) !important; }
.eula-callout { border-color: rgba(245,185,66,.34) !important; background: rgba(245,185,66,.08) !important; }

/* --------------------------------------------------------------------------
   Server tools: files, databases, backups, network, startup, settings
   -------------------------------------------------------------------------- */
.server-tool-page,
.server-settings-page,
.startup-tool-page,
.server-plugin-page,
.server-version-page { max-width: 1580px; }
.server-tool-heading,
.server-settings-heading { align-items: flex-end; }
.server-tool-heading-actions,
.heading-actions { gap: 8px; }
.server-tool-table-wrap { overflow: hidden; }
.server-tool-search { min-height: 38px; }
.server-tool-menu-popover,
.marketplace-select-menu,
.file64-new-popover,
.file65-menu,
.file64-menu {
  border: 1px solid var(--dark-border, #48525b);
  border-radius: 7px;
  color: var(--text);
  background: var(--dark-card, #30373d);
  box-shadow: var(--menu-shadow);
}
.server-tool-menu-popover a:hover,
.server-tool-menu-popover button:hover { background: var(--dark-card, #3a4249); }
.server-tool-empty { color: var(--muted); }
.server-tool-empty-card { padding: 42px; }
.server-tool-mono,
.mono-value,
.database-secret-field code { color: #b8d9ff; background: var(--dark-card, #242b31); border-color: var(--dark-border, #46515b); border-radius: 5px; }
.database-secret-card,
.startup-setting-card,
.startup-variable-card,
.startup-command-card,
.startup-image-card { border-color: var(--border); border-radius: 8px; background: var(--panel); box-shadow: var(--shadow); }
.startup-card-head,
.startup-variable-head { border-color: var(--border); }
.startup-card-icon { border-radius: 7px; color: #82c0ff; background: var(--dark-card, #283039); }
.network-notes-form input { background: var(--dark-card, #272e34) !important; color: var(--dark-text, #f1f4f6) !important; }

.server-settings-grid { gap: 12px; }
.server-settings-card { overflow: hidden; }
.server-settings-card-body { background: transparent; }
.server-settings-readonly-field input,
.server-settings-form .field input,
.server-settings-form .field select,
.server-settings-form .field textarea { background: var(--dark-card, #272e34) !important; }
.server-settings-danger-card { border-color: rgba(239,107,120,.34); }
.server-settings-danger-icon { color: #ff9ca7; background: rgba(239,107,120,.1) !important; }
.server-settings-debug-card { border-color: var(--dark-border, #4a555e); }

/* Files */
.server-files-v73-body .server-files-commandbar,
.server-files-v73-body .file64-commandbar,
.server-files-v73-body .file64-storage,
.server-files-v73-body .file64-browser,
.server-files-v73-body .file65-commandbar,
.server-files-v73-body .file65-storage,
.server-files-v73-body .file65-browser,
.file-browser-card-v2,
.file-editor-card-v2 {
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: var(--panel) !important;
  box-shadow: var(--shadow) !important;
}
.file-table th,
.file-table-v2 th { color: var(--dark-muted, #99a4ae) !important; background: var(--dark-card, #292f35) !important; border-color: var(--border) !important; }
.file-row,
.file-table-v2 td { border-color: var(--dark-border, #3d454d) !important; }
.file-row:hover,
.file-row:hover td,
.file-table-v2 tbody tr:hover td { background: var(--dark-card, #353d44) !important; }
.file-parent-row td { background: var(--dark-card, #2a3137) !important; }
.file64-file-icon,
.file65-file-icon,
.file-editor-file-icon { border-color: var(--dark-border, #46505a) !important; background: var(--dark-card, #293138) !important; }
.file-editor-toolbar-v2,
.file-editor-footer,
.file-browser-footer-v2 { border-color: var(--border); background: var(--dark-card, #292f35) !important; }
.file-editor-textarea-v2 { border-color: var(--dark-border, #3b4650) !important; background: var(--dark-card, #151a1f) !important; color: var(--dark-text, #e8edf2) !important; }
.file-drop-overlay { background: var(--dark-card-alpha-0-92, rgba(20,25,30,.92)) !important; }

/* Marketplace + plugins */
.plugin-manager-body .mp95-controls,
.plugin-manager-body .mp96-controls,
.marketplace-toolbar,
.marketplace-search,
.marketplace-card,
.plugin-card,
.plugin-bb-modrinth,
.plugin-bb-modrinth-table-wrap {
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: var(--panel) !important;
  box-shadow: var(--shadow);
}
.marketplace-card:hover,
.plugin-card:hover { border-color: var(--dark-border, #56616b) !important; transform: translateY(-1px); }
.marketplace-select-menu { background: var(--dark-card, #30373d) !important; }
.plugin-bb-modrinth code:not(pre code),
.plugin-bb-modrinth .plugin-bb-modrinth-code,
.plugin-bb-modrinth .plugin-bb-modrinth-spoiler { background: var(--dark-card, #252c32) !important; }

/* Versions */
.version79-current,
.version79-type-card,
.version79-version-view,
.version79-selection-summary,
.version80-software-profile {
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: var(--panel) !important;
  box-shadow: var(--shadow);
}
.version79-type-card:hover { border-color: var(--dark-border, #5a6670) !important; }
.version79-type-card.is-selected,
.version79-type-card[aria-pressed="true"] { border-color: #268eff !important; background: rgba(8,125,245,.08) !important; }
.version79-type-icon,
.version79-current-icon,
.version80-software-icon { border-color: var(--dark-border, #47515a) !important; background: var(--dark-card, #293139) !important; color: #8cc6ff !important; }
.version79-version-list button:hover { background: var(--dark-card, #363e45) !important; }
.version79-version-list button.is-selected { background: rgba(8,125,245,.12) !important; color: #fff; }
.version79-install-progress-track { background: var(--dark-card, #20262b); }
.version79-install-progress-track i { background: var(--blue); }

/* --------------------------------------------------------------------------
   Account / security / subusers
   -------------------------------------------------------------------------- */
.account-settings-page { max-width: 1260px; }
.settings-layout { gap: 18px; }
.settings-content-stack { gap: 12px; }
.settings-nav {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.settings-nav-link { border-radius: 6px; color: var(--dark-text, #b3bdc6); }
.settings-nav-link:hover { color: #fff; background: var(--dark-card, #384047); }
.settings-nav-link.active { color: #fff; background: var(--blue); }
.account-email-card,
.account-google-card,
.account-2fa-card { border-radius: 8px; }
.account-email-summary,
.account-provider-body,
.account-email-body { border-color: var(--border); }
.account-email-mark,
.account-google-icon,
.account-provider-google-mark { border-color: var(--dark-border, #46515b) !important; background: var(--dark-card, #293138) !important; }
.account-provider-rule { border-color: var(--border); background: var(--dark-card, #2b3238); }
.account-provider-action-panel { border-color: var(--border); border-radius: 7px; background: var(--dark-card, #2b3238); }
.account-provider-action-danger { border-color: rgba(239,107,120,.35); background: rgba(239,107,120,.06); }
.password-assist,
.verify-code-card,
.security-confirm-card { border-color: var(--border); border-radius: 8px; background: var(--panel); box-shadow: var(--shadow); }
.password-strength-track { background: var(--dark-card, #20262b); }
.password-strength-track i { background: var(--blue); }
.password-requirements li { color: var(--dark-muted, #9da8b2); }
.password-requirements li.is-valid { color: #72dcae; }
.password-requirements li.is-invalid { color: #ff9ca6; }

.entity136-list-shell { overflow: hidden; }
.entity136-row { border-color: var(--border); }
.entity136-row:hover { background: var(--dark-card, #353d44); }
.entity136-avatar,
.account-subuser-avatar { background: var(--dark-card, #293138); color: #b9dafe; }
.entity136-overflow-menu { border-color: var(--dark-border, #48525b); background: var(--dark-card, #30373d); box-shadow: var(--menu-shadow); }
.account-subuser-editor-card,
.account-subuser-server-access-card,
.account-subuser-permission-card,
.sub63-editor-surface { border-color: var(--border) !important; border-radius: 8px !important; background: var(--panel) !important; box-shadow: var(--shadow); }
.account-subuser-section-head,
.sub63-section-head { border-color: var(--border); }
.account-subuser-server-row-v59,
.subuser-permission-option-v51,
.subuser-permission-group-summary,
.account-subuser-capbar,
.account-subuser-assignment-v59 { border-color: var(--border) !important; background: var(--dark-card, #2b3238) !important; }
.account-subuser-server-row-v59:hover,
.subuser-permission-option-v51:hover { background: var(--dark-card, #363e45) !important; }
.account-subuser-server-row-v59:has(input:checked) { border-color: rgba(8,125,245,.45) !important; background: rgba(8,125,245,.09) !important; }

/* --------------------------------------------------------------------------
   Billing, free hosting, checkout, invoices
   -------------------------------------------------------------------------- */
.billing-page,
.account-invoices-page,
.account-invoice-detail-page { max-width: 1450px; }
.billing-feature-strip,
.free-rate-strip,
.free-reward-strip,
.premium-plans-highlights { gap: 10px; }
.billing-feature-strip > div,
.free-rate-strip > div,
.free-reward-strip > div,
.premium-plans-highlights > span,
.billing-pool-mini-grid > div,
.billing-rate-grid > div,
.premium-plan-resources > div,
.premium-plan-resource-grid,
.premium-plan-header-resources span,
.billing-admin-status-grid > div,
.integration-health-row {
  border-color: var(--border) !important;
  border-radius: 7px !important;
  background: var(--dark-card, #2b3238) !important;
}
.billing-resource-pool,
.premium-plan-card,
.free-balance-panel,
.free-capacity-panel,
.free-how-card,
.checkout-main-card-v2,
.checkout-summary-card-v2,
.account-invoice-document {
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: var(--panel) !important;
  box-shadow: var(--shadow);
}
.billing-resource-pool-head,
.free-capacity-panel-head,
.checkout-plan-heading-v2,
.checkout-summary-heading-v2,
.account-invoice-document-top { border-color: var(--border); }
.billing-pool-meter-segment { background: var(--dark-card, #20262b) !important; }
.billing-pool-meter-segment.is-filled { background: var(--blue) !important; }
.premium-plan-card:hover { border-color: var(--dark-border, #56616b) !important; }
.premium-plan-card.is-featured,
.premium-plan-card.featured { border-color: rgba(8,125,245,.56) !important; }
.premium-plan-live-preview { border-color: rgba(8,125,245,.32) !important; background: rgba(8,125,245,.08) !important; }
.checkout-paypal-button { border-radius: 6px; }
.checkout-total-v2 { border-color: var(--border); }
.account-invoice-row { border-color: var(--border); }
.account-invoice-row:hover { background: var(--dark-card, #353d44); }
.account-invoice-row-icon { background: var(--dark-card, #293138); color: #8ec7ff; }
.account-invoice-paid-mark { color: #72dcae; background: rgba(57,201,139,.09); border-color: rgba(57,201,139,.3); }

/* --------------------------------------------------------------------------
   Support tickets
   -------------------------------------------------------------------------- */
.ticket-page,
.ticket-detail-page { max-width: 1320px; }
.ticket-list { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--panel); box-shadow: var(--shadow); }
.ticket-list-row { border-color: var(--border); background: transparent; }
.ticket-list-row:hover { background: var(--dark-card, #353d44); }
.ticket-list-topline { color: var(--dark-text, #f0f3f5); }
.ticket-number { color: #83c2ff; }
.ticket-list-side { color: var(--dark-muted, #98a3ad); }
.ticket-status { border-color: var(--dark-border, #4a555e); background: var(--dark-card, #293138); }
.ticket-priority { border-color: rgba(245,185,66,.32); background: rgba(245,185,66,.08); }
.ticket-thread { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; background: var(--panel); box-shadow: var(--shadow); }
.ticket-thread-header,
.ticket-composer-header,
.ticket-composer-footer { border-color: var(--border); background: var(--dark-card, #2b3238); }
.ticket-thread-messages { background: var(--dark-card, #252b30) !important; }
.ticket-message { border-color: var(--border); border-radius: 8px; background: var(--dark-card, #30373d); }
.ticket-message.is-staff,
.ticket-message:has(.ticket-message-author .ticket-staff-badge) { border-color: rgba(8,125,245,.34); background: var(--dark-card, #2e3740); }
.ticket-message-body { color: var(--dark-text, #dce2e7) !important; }
.ticket-message-meta { color: var(--dark-muted, #8f9aa4); }
.ticket-message-avatar { background: var(--dark-card, #293138); color: #9bcbff; }
.ticket-composer-field textarea { border-color: var(--dark-border, #46505a) !important; background: var(--dark-card, #272e34) !important; color: var(--dark-text, #f0f3f5) !important; }
.ticket-claim-card { border-color: rgba(8,125,245,.3); border-radius: 8px; background: rgba(8,125,245,.07); }
.ticket-claim-icon { color: #8cc6ff; background: rgba(8,125,245,.1); }

/* --------------------------------------------------------------------------
   Status
   -------------------------------------------------------------------------- */
.status-clean-page { max-width: 1480px; }
.status-clean-head { margin-bottom: 22px; }
.status-clean-head h1 { margin: 5px 0 6px; font-size: 34px; }
.status-clean-live { border: 1px solid var(--border); border-radius: 7px; background: var(--panel); }
.status-clean-grid { gap: 12px; }
.status-clean-card { min-height: 260px; }
.status-clean-card-head,
.status-clean-specs { border-color: var(--border); }
.status-clean-node-title strong { color: var(--dark-text, #f3f5f7); }
.status-clean-node-title small { color: var(--dark-muted, #929da7); }
.status-node-state.is-online,
.status-live-dot:not(.is-loading) { background: var(--green); box-shadow: 0 0 0 4px rgba(57,201,139,.09); }
.status-clean-spec-row { border-color: var(--border); background: var(--dark-card, #2b3238); }
.status-resource-bar { background: var(--dark-card, #20262b); }
.status-resource-bar i { background: var(--blue); }
.status-clean-empty { border-color: var(--border); border-radius: 8px; background: var(--panel); }

/* --------------------------------------------------------------------------
   Admin — same product, denser information architecture
   -------------------------------------------------------------------------- */
.page-admin { max-width: 1720px; }
.admin104-page-heading { margin-bottom: 20px; }
.admin-tab-groups,
.admin-page-nav { gap: 8px; margin-bottom: 20px; }
.admin-tab-group {
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--panel);
  box-shadow: none;
}
.admin-tab-group > span { color: var(--dark-muted, #8f9aa4); }
.admin-tab-group .admin-tab,
.admin-page-nav a {
  border-radius: 5px;
  color: var(--dark-text, #b8c1c9);
}
.admin-tab-group .admin-tab:hover,
.admin-page-nav a:hover { color: #fff; background: var(--dark-card, #394148); }
.admin-tab-group .admin-tab.active,
.admin-page-nav a.active { color: #fff; background: var(--blue) !important; box-shadow: none !important; }
.admin-stat-grid,
.admin-overview-grid { gap: 10px; }
.admin-stat-card { min-height: 104px; }
.admin-stat-card strong { color: #fff; }
.admin-stat-card span,
.admin-stat-card small { color: var(--dark-muted, #9aa5af); }
.admin-list-filter-bar,
.admin-filter-help,
.admin-list-range,
.admin-pagination,
.admin-pool-summary,
.admin-server-job,
.admin-default-software-grid,
.admin-email-workspace,
.admin-access-stack,
.admin-hosting-stack,
.admin-node-policy-grid,
.premium-plan-manager,
.partner-admin-card,
.admin-promo-workspace,
.bypass105-overview,
.bypass105-bulkbar,
.bypass105-filterbar,
.renewal68-stats,
.renewal70-filter-bar,
.analytics-data-grid,
.analytics-stat-grid {
  border-color: var(--border) !important;
  border-radius: 8px !important;
}
.admin-list-filter-bar,
.admin-list-range,
.admin-pagination,
.admin-pool-summary,
.admin-server-job,
.admin-filter-help { background: var(--dark-card, #2b3238) !important; }
.admin-list-search { background: var(--dark-card, #272e34); }
.admin-row-actions { gap: 5px; }
.admin-server-owner-link,
.admin-server-link { color: #82c1ff; text-decoration: none; }
.admin-server-owner-link:hover,
.admin-server-link:hover { color: #a4d2ff; text-decoration: underline; }
.admin-onboarding-control { border-color: var(--border); border-radius: 7px; background: var(--dark-card, #2b3238); }
.admin-onboarding-toggle { border-color: var(--dark-border, #56616b); background: var(--dark-card, #242b31); }
.admin-onboarding-toggle.is-on { border-color: rgba(8,125,245,.5); background: rgba(8,125,245,.14); }
.admin-onboarding-toggle.is-on span { background: var(--blue); }
.admin-node-option,
.auto-stock74-option,
.software-family-option { border-color: var(--border) !important; border-radius: 7px !important; background: var(--dark-card, #2b3238) !important; }
.admin-node-option:hover,
.software-family-option:hover { border-color: var(--dark-border, #56616b) !important; background: var(--dark-card, #343c43) !important; }
.admin-node-option:has(input:checked),
.software-family-option:has(input:checked) { border-color: rgba(8,125,245,.5) !important; background: rgba(8,125,245,.09) !important; }
.analytics-stat,
.alt73-stat { border-color: var(--border) !important; border-radius: 7px !important; background: var(--dark-card, #2b3238) !important; }
.analytics-chart { border-color: var(--dark-border, #414950); background: var(--dark-card, #252b30); }
.analytics-gridline { stroke: #404850; }
.admin-promo-item,
.bypass105-row { border-color: var(--border) !important; background: var(--dark-card, #2b3238) !important; }
.admin-promo-item:hover,
.bypass105-row:hover { background: var(--dark-card, #353d44) !important; }

/* --------------------------------------------------------------------------
   Authentication / verification / public account flows
   -------------------------------------------------------------------------- */
.auth-body { min-height: 100vh; background: var(--dark-card, #252b30) !important; }
.auth-shell { min-height: 100vh; background: var(--dark-card, #252b30); }
.auth-visual {
  position: relative;
  color: #fff;
  background:
    radial-gradient(circle at 15% 15%, rgba(72,161,255,.23), transparent 28%),
    linear-gradient(145deg, #087df5 0%, #0866c7 58%, #0757aa 100%);
}
.auth-visual::after {
  content: "";
  position: absolute;
  inset: auto 8% 9% auto;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 38px;
  transform: rotate(14deg);
  pointer-events: none;
}
.auth-brand { color: #fff; }
.auth-brand .brand-mark { color: var(--blue); background: var(--dark-card, #fff); }
.auth-brand > span:last-child > span { color: #fff; }
.auth-copy h1 { color: #fff; font-weight: 650; }
.auth-copy p,
html[data-theme="dark"] .auth-copy p { color: rgba(255,255,255,.78); }
.auth-copy .eyebrow-light { color: rgba(255,255,255,.78); }
.auth-main { background: var(--dark-card, #252b30) !important; }
.auth-form-wrap { width: min(100%, 510px); }
.auth-mobile-brand { color: #fff; }
.auth-mobile-brand .brand-mark { color: #fff; background: var(--blue); }
.auth-intro h2 { color: #f6f8f9; font-weight: 650; }
.auth-intro p { color: var(--muted); }
.auth-form .field input { min-height: 46px; }
.auth-switch { color: var(--dark-muted, #9da8b2); }
.auth-switch a,
.auth-field-link { color: #80c1ff; }
.auth-divider { color: var(--dark-muted, #7f8992); }
.auth-divider::before,
.auth-divider::after { background: var(--dark-card, #414950); }
.auth-visual-footer { color: rgba(255,255,255,.74); }
.turnstile-wrap { filter: saturate(.9); }
.verify-code-card,
.login-2fa-card { border-color: var(--border); background: var(--panel); }
.verify-code-icon,
.security-confirm-icon { color: #8bc5ff; background: rgba(8,125,245,.1); }
.google-auth-note { border-color: var(--border); background: var(--dark-card, #2b3238); }

/* OAuth authorization uses the logged-in shell. */
.oauth-consent-note { border-color: var(--border); background: var(--dark-card, #2b3238); }

/* --------------------------------------------------------------------------
   Mandatory server onboarding — R150 control-panel matched standalone flow
   -------------------------------------------------------------------------- */
html[data-theme="dark"] .server-onboarding-v1-body {
  --ob-ink: #f4f6f8 !important;
  --ob-muted: var(--dark-muted, #b8c0c7) !important;
  --ob-line: var(--dark-border, #515c65) !important;
  --ob-surface: var(--dark-card, #343a40) !important;
  --ob-bg: var(--dark-page, #444d55) !important;
  background: var(--dark-card, #444d55) !important;
}
html[data-theme="dark"] .onboard141-shell { background: var(--dark-card, #444d55); }
.onboard141-rail { background: var(--dark-card, #343a40) !important; }
html[data-theme="dark"] .onboard141-main { background: var(--dark-card, #444d55) !important; }
html[data-theme="dark"] .onboard141-topbar { border-color: rgba(255,255,255,.08) !important; background:var(--dark-card, #343a40) !important; }
html[data-theme="dark"] .onboard141-filterbar,
html[data-theme="dark"] .onboard141-software-card,
html[data-theme="dark"] .onboard141-config,
html[data-theme="dark"] .onboard141-empty,
html[data-theme="dark"] .onboard141-no-results {
  border-color: var(--dark-border, #515c65) !important;
  border-radius: 6px !important;
  background: var(--dark-card, #343a40) !important;
  box-shadow: 0 2px 7px rgba(10,14,18,.14) !important;
}
html[data-theme="dark"] .onboard141-software-card:hover { border-color: var(--dark-border, #6c7881) !important; background:var(--dark-card, #394047) !important; transform:none !important; }
html[data-theme="dark"] .onboard141-software-card.is-selected { border-color: #087df5 !important; background:var(--dark-card, #394047) !important; box-shadow: inset 3px 0 0 #087df5,0 2px 7px rgba(10,14,18,.12) !important; }
html[data-theme="dark"] .onboard141-software-icon,
html[data-theme="dark"] .onboard141-selected-icon { border-color: var(--dark-border, #515c65) !important; border-radius:4px !important; background: var(--dark-card, #30363c) !important; }
html[data-theme="dark"] .onboard141-search { border-color: var(--dark-border, #59656e) !important; border-radius: 4px !important; background: var(--dark-card, #2f353b) !important; }
html[data-theme="dark"] .onboard141-search input { color: #f4f6f8 !important; }
html[data-theme="dark"] .onboard141-field select { border-color: var(--dark-border, #59656e) !important; border-radius: 4px !important; background: var(--dark-card, #2f353b) !important; color: #f4f6f8 !important; }
.onboard141-primary,
.onboard141-finish-button { border-radius: 4px !important; background: var(--blue) !important; box-shadow: none !important; }
.onboard141-primary:hover,
.onboard141-finish-button:hover { background: var(--blue-hover) !important; }
html[data-theme="dark"] .onboard141-install-status,
html[data-theme="dark"] .onboard141-finish { border-color: var(--dark-border, #515c65) !important; border-radius: 6px !important; background: var(--dark-card, #343a40) !important; }
html[data-theme="dark"] .onboard141-finish.is-ready { border-color: #3d8b68 !important; background:var(--dark-card, #343a40) !important; box-shadow:inset 3px 0 0 #4cc38a !important; }

/* --------------------------------------------------------------------------
   Error and lightweight handoff pages
   -------------------------------------------------------------------------- */
.error-card,
.paypal-opening-card,
.paypal-popup-card,
.paypal-handoff-card,
.approved-card {
  border-color: var(--border) !important;
  border-radius: 8px !important;
  background: var(--panel) !important;
  box-shadow: var(--shadow) !important;
}
.error-brand .brand-mark { color: #fff; background: var(--blue); }
.error-brand strong > span { color: #fff; }

/* --------------------------------------------------------------------------
   Responsive details
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
  .ov44-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ov44-pools { grid-template-columns: 1fr !important; }
  .admin-stat-grid,
  .admin-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .page { padding: 24px 18px 64px; }
  .ov44-header,
  .server-tool-heading,
  .server-settings-heading,
  .page-heading-row { align-items: flex-start; flex-direction: column; }
  .ov44-header-actions,
  .server-tool-heading-actions,
  .heading-actions { width: 100%; }
  .ov44-header-actions .button,
  .server-tool-heading-actions .button { flex: 1; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-nav { display: flex; gap: 5px; padding: 6px; overflow-x: auto; }
  .settings-nav-link { white-space: nowrap; }
}

@media (max-width: 700px) {
  .ov44-summary { grid-template-columns: 1fr; }
  .ov44-summary > div { min-height: 98px; }
  .ov44-header h1,
  .create9-hero h1,
  .status-clean-head h1 { font-size: 29px; }
  .ov44-header-actions,
  .heading-actions,
  .server-tool-heading-actions { display: grid; grid-template-columns: 1fr; }
  .ov44-header-actions .button,
  .heading-actions .button,
  .server-tool-heading-actions .button { width: 100%; }
  .admin-stat-grid,
  .admin-overview-grid { grid-template-columns: 1fr; }
  .table-scroll,
  .admin-table-scroll,
  .server-tool-table-wrap { border-radius: 7px; }
  .auth-visual { display: none; }
  .auth-main { padding: 28px 20px; }
  .auth-form-wrap { margin: 0 auto; }
  .onboard141-main { padding-inline: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}