/* Final workspace polish. The sidebar intentionally keeps its category colors. */
.workspace {
  --panel-surface: #0b121c;
  --panel-surface-raised: #0e1722;
  --panel-surface-control: #111b29;
  --panel-divider: rgba(181, 198, 219, .1);
  --panel-border: rgba(181, 198, 219, .13);
  --panel-muted: #8290a5;
}

.workspace-scroll {
  background-color: #070c13;
  background-image: none;
}

.view-heading {
  min-height: 72px;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom-color: var(--panel-divider);
}

.view-heading::after { display: none; }
.view-heading .eyebrow { margin-bottom: 5px; }
.view-heading h1 { font-size: 24px; line-height: 1.25; }
.view-heading > div:first-child > p:last-child:not(.eyebrow) { max-width: 700px; margin-top: 6px; line-height: 1.55; }

.workspace .configuration-surface {
  overflow: visible;
  padding: 4px 18px 18px;
  border: 1px solid var(--panel-border);
  border-radius: 7px;
  background: var(--panel-surface);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.workspace .configuration-surface::before { display: none; }
.workspace .configuration-surface:focus-within { border-color: rgba(var(--dashboard-user-accent-rgb), .22); }
.workspace .configuration-surface.has-unsaved-changes { border-color: rgba(250, 190, 73, .27); }

.workspace .tool-section,
.workspace .settings-disclosure,
.workspace .form-block,
.workspace .message-option-group,
.workspace .customization-group {
  border-color: var(--panel-divider);
}

.workspace .section-heading { min-height: 62px; padding-block: 16px 10px; }
.workspace .section-heading h2 { font-size: 12px; line-height: 1.35; }
.workspace .section-heading p { line-height: 1.55; }

.workspace input[type="text"],
.workspace input[type="number"],
.workspace input[type="search"],
.workspace input[type="url"],
.workspace input[type="email"],
.workspace input[type="date"],
.workspace select,
.workspace textarea {
  border-color: rgba(181, 198, 219, .14);
  border-radius: 6px;
  background: var(--panel-surface-control);
  box-shadow: none;
}

.workspace input[type="text"],
.workspace input[type="number"],
.workspace input[type="search"],
.workspace input[type="url"],
.workspace input[type="email"],
.workspace input[type="date"],
.workspace select { min-height: 44px; }

.workspace textarea { min-height: 92px; padding: 12px 13px; line-height: 1.55; resize: vertical; }
.workspace input:hover:not(:disabled),
.workspace select:hover:not(:disabled),
.workspace textarea:hover:not(:disabled) { border-color: rgba(181, 198, 219, .25); background: #131f2e; }

.workspace input:focus,
.workspace select:focus,
.workspace textarea:focus { border-color: rgba(var(--dashboard-user-accent-rgb), .5); background: #131f2e; }

.workspace label.is-dependent-disabled { opacity: .58; }
.workspace label.is-dependent-disabled > span:first-child { color: #778397; }

.workspace .button {
  min-height: 40px;
  border-radius: 6px;
  box-shadow: none;
  font-weight: 650;
}

.workspace .button-primary,
.workspace .button.primary,
.workspace .form-actions .button-primary {
  border-color: rgba(var(--dashboard-user-accent-rgb), .32);
  background: color-mix(in srgb, var(--dashboard-user-accent) 72%, #334155);
  color: #061018;
  box-shadow: none;
}

.workspace .button-primary::after,
.workspace .button.primary::after,
.workspace .form-actions .button-primary::after { display: none; }

.workspace .button-primary:hover:not(:disabled),
.workspace .button.primary:hover:not(:disabled),
.workspace .form-actions .button-primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dashboard-user-accent) 82%, #475569);
  box-shadow: none;
}

.workspace .button-secondary { border-color: var(--panel-border); background: #111a27; }
.workspace .form-actions { align-items: center; gap: 9px; margin-top: 18px; padding-top: 16px; border-top-color: var(--panel-divider); }

.workspace .stat-card,
.workspace .analytics-stat,
.workspace .security-status,
.workspace .case-summary-item,
.workspace .overview-side-panel,
.workspace .member-center-layout {
  border-color: var(--panel-border);
  background: var(--panel-surface-raised);
  box-shadow: none;
}

.workspace .stat-card:hover,
.workspace .analytics-stat:hover,
.workspace .security-status:hover,
.workspace .case-summary-item:hover {
  border-color: rgba(var(--dashboard-user-accent-rgb), .22);
  background: #101a27;
  box-shadow: none;
  transform: none;
}

.module-activation-control {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0 10px 0 13px;
  border: 1px solid var(--panel-border);
  border-radius: 6px;
  background: var(--panel-surface-raised);
}

.module-activation-state { color: var(--panel-muted); font-size: 9px; font-weight: 700; }
.module-activation-state.is-enabled { color: #52d6a0; }

.automod-overview {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid var(--panel-border);
  border-radius: 7px;
  background: var(--panel-surface-raised);
}

.automod-overview > div:first-child { min-width: 180px; display: flex; align-items: center; gap: 11px; }
.automod-overview-icon { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(var(--dashboard-user-accent-rgb), .25); border-radius: 6px; background: rgba(var(--dashboard-user-accent-rgb), .07); color: var(--dashboard-user-accent); }
.automod-overview small { display: block; margin-bottom: 3px; color: var(--panel-muted); font-size: 8px; }
.automod-overview strong { display: block; color: #e4ebf4; font-size: 11px; }

.automod-presets { min-width: 0; display: flex; align-items: center; gap: 5px; }
.automod-presets > span { margin-right: 3px; color: var(--panel-muted); font-size: 8px; font-weight: 650; }
.automod-presets button {
  min-height: 32px;
  padding: 0 11px;
  border: 1px solid var(--panel-border);
  border-radius: 5px;
  background: #111b29;
  color: #91a0b5;
  font: inherit;
  font-size: 8px;
  font-weight: 650;
  cursor: pointer;
}
.automod-presets button:hover { border-color: rgba(var(--dashboard-user-accent-rgb), .28); color: #dce8f2; }
.automod-presets button.active { border-color: rgba(var(--dashboard-user-accent-rgb), .38); background: rgba(var(--dashboard-user-accent-rgb), .1); color: color-mix(in srgb, var(--dashboard-user-accent) 55%, white); }

.native-automod-section::before { display: none; }
.native-automod-summary { border-color: var(--panel-border); background: #0a131e; }
.native-automod-summary > div { border-color: var(--panel-divider); }
.native-rule-row { border-color: var(--panel-border); background: #0d1622; }

.developer-subnav {
  display: block;
  padding-top: 5px;
  padding-bottom: 7px;
}

.developer-subnav-group { display: grid; gap: 2px; }
.developer-subnav-group + .developer-subnav-group { margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(181, 198, 219, .07); }
.developer-subnav-group:not(:has(.developer-subnav-item:not(.hidden))) { display: none; }
.developer-subnav-label {
  display: block;
  padding: 3px 9px 4px;
  color: #536176;
  font-size: 7px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

.developer-subnav-item { width: 100%; outline: 0; transition: color .14s ease, transform .14s ease; }
.developer-subnav-item:not(.active):not(:hover) > i:first-child { color: #66758a !important; filter: none; }
.developer-subnav-item.active > i:first-child,
.developer-subnav-item > i:first-child.nav-icon-activated { color: var(--item-accent, var(--accent-hover)) !important; }
.developer-subnav-item:focus:not(:focus-visible) { outline: 0; }
.developer-subnav-item:focus-visible { outline: 1px solid rgba(var(--accent-rgb),.55); outline-offset: 1px; }

.view[data-view="developer"] > .view-heading > div:first-child { max-width: 760px; }
.view[data-view="developer"] > .view-heading #developer-view-description { min-height: 16px; }

.workspace .table-wrap,
.workspace .control-list,
.workspace .command-list,
.workspace .developer-guild-list { border-color: var(--panel-border); background: var(--panel-surface); box-shadow: none; }

@media (max-width: 760px) {
  .view-heading { min-height: 0; align-items: flex-start; }
  .automod-overview { align-items: stretch; flex-direction: column; }
  .automod-presets { overflow-x: auto; padding-bottom: 2px; }
  .automod-presets button { flex: 0 0 auto; }
  .workspace .configuration-surface { padding-inline: 13px; }
}

@media (max-width: 480px) {
  .view-heading { gap: 12px; }
  .view-heading h1 { font-size: 21px; }
  .module-activation-control { min-height: 36px; padding-inline: 9px; }
  .module-activation-state { display: none; }
  .automod-presets > span { display: none; }
  .automod-presets button { flex: 1 0 auto; }
}

/* Restrained application palette and a clearer navigation hierarchy. */
.sidebar {
  border-right-color: rgba(181, 198, 219, .09);
  background: #080d14;
  box-shadow: 8px 0 30px rgba(0, 0, 0, .18);
  backdrop-filter: none;
}

.sidebar::before {
  height: 1px;
  background: #456180;
  opacity: .55;
}

.brand img { filter: none; }

.dashboard-nav { padding-right: 4px; }
.dashboard-nav .nav-section-primary { --nav-accent: var(--accent); }
.dashboard-nav .nav-section-settings { --nav-accent: #818cf8; }
.dashboard-nav .nav-section-community { --nav-accent: #f3b75f; }
.dashboard-nav .nav-section-security { --nav-accent: var(--accent); }
.developer-nav-group { --nav-accent: var(--accent); }
.developer-nav-group .nav-item { --nav-accent: var(--accent); }

.nav-section + .nav-section { border-top-color: rgba(181, 198, 219, .065); }
.nav-section-label,
.nav-section-primary .nav-section-label,
.nav-section-settings .nav-section-label,
.nav-section-community .nav-section-label,
.nav-section-security .nav-section-label {
  color: #647186;
  letter-spacing: 0;
}
.nav-section-label > i { color: color-mix(in srgb, var(--nav-accent) 62%, #6f7d91); opacity: .82; }
.nav-section-label::after { background: rgba(181, 198, 219, .055) !important; }

.nav-item {
  border-color: transparent;
  border-radius: 6px;
  color: #8794a7;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.nav-item > i:first-child,
.nav-item > .nav-animated-bars { border-color: transparent; background: transparent; color: #6f7d91; box-shadow: none; }
.nav-item:hover {
  border-color: rgba(181, 198, 219, .08);
  background: #0f1722;
  color: #d3dbe6;
  transform: none;
}
.nav-item:hover > i:first-child,
.nav-item:hover > .nav-animated-bars {
  border-color: rgba(181, 198, 219, .09);
  background: #131e2b;
  color: #9aabc0;
}
.nav-item:hover .nav-item-arrow { color: #8594a8; }
.nav-item.active {
  border-color: color-mix(in srgb, var(--nav-accent) 14%, rgba(181, 198, 219, .08));
  background: color-mix(in srgb, var(--nav-accent) 5%, #111a26);
  color: #edf1f6;
  box-shadow: none;
}
.nav-item.active::before { width: 2px; background: var(--nav-accent); opacity: .9; }
.nav-item.active > i:first-child,
.nav-item.active > .nav-animated-bars {
  border-color: color-mix(in srgb, var(--nav-accent) 24%, transparent);
  background: color-mix(in srgb, var(--nav-accent) 8%, #111a26);
  color: color-mix(in srgb, var(--nav-accent) 84%, white);
  box-shadow: none;
}
.nav-item.active .nav-item-arrow { color: color-mix(in srgb, var(--nav-accent) 70%, #9aa7ba); }
.nav-item .nav-plus-marker,
.nav-item:not(.is-plus-locked) .nav-plus-marker {
  border-color: rgba(214, 173, 91, .27);
  background: rgba(190, 143, 54, .08);
  color: #d6ad63;
  backdrop-filter: none;
}

/* Premium views stay explorable before purchase; only their server-side actions are locked. */
.nav-item.is-plus-preview-available > span { color: inherit; }
.nav-item.is-plus-preview-available .nav-plus-marker {
  border-color: rgba(214, 173, 91, .34);
  background: rgba(190, 143, 54, .1);
  color: #e1bd76;
}
.plus-preview-banner {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  margin: 0 0 16px;
  padding: 15px 16px;
  border: 1px solid rgba(99, 153, 224, .22);
  border-left: 2px solid #7aa7ee;
  border-radius: 6px;
  background: #0d1724;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}
.plus-preview-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(214, 173, 91, .3);
  border-radius: 6px;
  background: rgba(190, 143, 54, .08);
  color: #dfb96d;
  font-size: 16px;
}
.plus-preview-copy { min-width: 0; }
.plus-preview-copy > small {
  display: block;
  color: #7f9fc9;
  font-size: 8px;
  font-weight: 750;
  text-transform: uppercase;
}
.plus-preview-copy h2 { margin: 4px 0 3px; font-size: 15px; }
.plus-preview-copy p { margin: 0; color: #91a0b4; font-size: 9px; line-height: 1.55; }
.plus-preview-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 7px;
  color: #6f829b;
  font-size: 8px;
}
.plus-preview-copy > span i { color: #77a8e8; }
.plus-preview-cta { min-width: 172px; justify-content: center; }
.plus-preview-cta > i:last-child { margin-left: 3px; font-size: 8px; }
.is-plus-preview [data-plus-preview-disabled="true"] {
  opacity: .56;
  cursor: not-allowed;
  filter: saturate(.65);
}
.is-plus-preview .analytics-summary-grid,
.is-plus-preview .analytics-chart-section,
.is-plus-preview .analytics-ranking-grid,
.is-plus-preview .analytics-ranking-section,
.is-plus-preview .customization-layout,
.is-plus-preview .report-export-surface,
.is-plus-preview .reports-layout,
.is-plus-preview .public-page-layout { position: relative; }

@media (max-width: 760px) {
  .plus-preview-banner { grid-template-columns: 40px minmax(0, 1fr); padding: 14px; }
  .plus-preview-icon { width: 40px; height: 40px; }
  .plus-preview-cta { width: 100%; min-width: 0; grid-column: 1 / -1; }
}

.developer-subnav { margin-left: 20px; border-left-color: rgba(181, 198, 219, .08); }
.developer-subnav-group:nth-child(1) { --admin-group-accent: #60a5fa; }
.developer-subnav-group:nth-child(2) { --admin-group-accent: #818cf8; }
.developer-subnav-group:nth-child(3) { --admin-group-accent: #f3b75f; }
.developer-subnav .developer-subnav-item { --item-accent: var(--admin-group-accent); }
.developer-subnav-item[data-developer-tab-target="overview"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="analytics"],
.developer-subnav-item[data-developer-tab-target="inspector"],
.developer-subnav-item[data-developer-tab-target="releases"] { --item-accent: #60a5fa; }
.developer-subnav-item[data-developer-tab-target="services"],
.developer-subnav-item[data-developer-tab-target="commands"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="tasks"] { --item-accent: #f5c85b; }
.developer-subnav-item[data-developer-tab-target="history"],
.developer-subnav-item[data-developer-tab-target="plans"] { --item-accent: #a78bfa; }
.developer-subnav-item[data-developer-tab-target="features"] { --item-accent: #fb7185; }
.developer-subnav-item[data-developer-tab-target="suggestions"] { --item-accent: #facc15; }
.developer-subnav-item[data-developer-tab-target="live-chat"] { --item-accent: var(--accent); }
.developer-subnav-item[data-developer-tab-target="notifications"] { --item-accent: #818cf8; }
.developer-subnav-item[data-developer-tab-target="broadcast"] { --item-accent: #f97316; }
.developer-subnav-label { color: #59677a; letter-spacing: 0; }
.developer-subnav-item {
  min-height: 35px;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #7e8b9e;
  transition: color .14s ease, border-color .14s ease;
}
.developer-subnav-item:hover { border-color: rgba(181, 198, 219, .07); background: #0f1722; color: #cbd4df; transform: none; }
.developer-subnav-item.active {
  border-color: color-mix(in srgb, var(--item-accent) 15%, rgba(181, 198, 219, .06));
  background: color-mix(in srgb, var(--item-accent) 5%, #111a26);
  color: #edf1f6;
  box-shadow: inset 2px 0 var(--item-accent);
}
.developer-subnav-item:not(.active):not(:hover) > i:first-child { color: #657286 !important; }
.developer-subnav-item:focus-visible { outline-color: rgba(128, 151, 184, .55); }

.workspace .button-primary,
.workspace .button.primary,
.workspace .form-actions .button-primary,
body[data-dashboard-accent] .button-primary:not(.button-danger) {
  border-color: color-mix(in srgb, var(--dashboard-user-accent) 24%, #6f83a1);
  background: color-mix(in srgb, var(--dashboard-user-accent) 38%, #526b91);
  color: #f5f8fb;
}
.workspace .button-primary:hover:not(:disabled),
.workspace .button.primary:hover:not(:disabled),
.workspace .form-actions .button-primary:hover:not(:disabled) {
  background: color-mix(in srgb, var(--dashboard-user-accent) 46%, #5d769d);
}
.workspace input:focus,
.workspace select:focus,
.workspace textarea:focus { border-color: color-mix(in srgb, var(--dashboard-user-accent) 38%, #71839d); }
.workspace .settings-note:not(.owner-broadcast-warning):not(.danger-note) {
  border-color: rgba(125, 151, 184, .16);
  background: rgba(93, 122, 160, .055);
}
.workspace .settings-note:not(.owner-broadcast-warning):not(.danger-note) > i { color: #7f9fc3; }

.view[data-view="overview"],
.view[data-view="subscription"],
.view[data-view="analytics"],
.view[data-view="reports"],
.view[data-view="members"],
.view[data-view="music"] { --view-accent: #7191bb; }
.view[data-view="general"],
.view[data-view="customization"],
.view[data-view="team-access"],
.view[data-view="commands"],
.view[data-view="automations"],
.view[data-view="integrations"],
.view[data-view="public-page"],
.view[data-view="logs"],
.view[data-view="counters"] { --view-accent: #888eb5; }
.view[data-view="welcome"],
.view[data-view="autorole"],
.view[data-view="farewell"],
.view[data-view="tickets"],
.view[data-view="partnerships"],
.view[data-view="suggestions"],
.view[data-view="voice"] { --view-accent: #b69264; }
.view[data-view="health"],
.view[data-view="permissions"],
.view[data-view="automod"],
.view[data-view="antiraid"],
.view[data-view="warnings"],
.view[data-view="audit"],
.view[data-view="cases"],
.view[data-view="privacy-center"] { --view-accent: #ae7781; }
.view[data-view="developer"] { --view-accent: #9182b7; }

/* Administrator heading. */
.developer-view-heading { align-items: flex-start; }
.developer-heading-tools { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }

/* Explicit review for high-impact administrator operations. */
.global-operation-dialog { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 20px; }
.global-operation-dialog.hidden { display: none; }
.global-operation-backdrop { position: absolute; inset: 0; border: 0; background: rgba(2, 6, 12, .76); backdrop-filter: blur(5px); cursor: default; }
.global-operation-card {
  position: relative;
  width: min(520px, 100%);
  overflow: hidden;
  border: 1px solid rgba(181, 198, 219, .17);
  border-radius: 8px;
  background: #0c141e;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .55);
}
.global-operation-card header { min-height: 72px; display: grid; grid-template-columns: 40px 1fr 34px; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid rgba(181, 198, 219, .1); }
.global-operation-icon { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(222, 177, 83, .25); border-radius: 6px; background: rgba(202, 151, 50, .08); color: #d8ad5b; }
.global-operation-card header small { display: block; margin-bottom: 3px; color: #79879a; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.global-operation-card h2 { margin: 0; color: #edf2f7; font-size: 16px; line-height: 1.35; }
.global-operation-card > p { margin: 0; padding: 15px 16px 12px; color: #9aa7b8; font-size: 10px; line-height: 1.6; }
.global-operation-summary { display: grid; gap: 0; margin: 0 16px; border: 1px solid rgba(181, 198, 219, .1); border-radius: 6px; background: #09111a; }
.global-operation-summary > div { min-height: 42px; display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 12px; padding: 8px 11px; }
.global-operation-summary > div + div { border-top: 1px solid rgba(181, 198, 219, .08); }
.global-operation-summary dt { color: #728095; font-size: 8px; font-weight: 650; }
.global-operation-summary dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: #dce4ed; font-size: 10px; font-weight: 600; text-align: right; }
.global-operation-warning { display: flex; align-items: flex-start; gap: 9px; margin: 12px 16px 0; padding: 10px 11px; border: 1px solid rgba(222, 177, 83, .18); border-radius: 6px; background: rgba(202, 151, 50, .055); color: #b7a784; font-size: 9px; line-height: 1.55; }
.global-operation-warning i { margin-top: 2px; color: #d8ad5b; }
.global-operation-card footer { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; padding: 13px 16px; border-top: 1px solid rgba(181, 198, 219, .09); background: #0a121b; }
.global-operation-dialog[data-tone="danger"] .global-operation-icon { border-color: rgba(230, 104, 112, .27); background: rgba(208, 70, 80, .08); color: #ea7d84; }
.global-operation-dialog[data-tone="danger"] .global-operation-warning { border-color: rgba(230, 104, 112, .18); background: rgba(208, 70, 80, .05); color: #bd9296; }
.global-operation-dialog[data-tone="danger"] .global-operation-warning i { color: #ea7d84; }
.global-operation-dialog[data-tone="danger"] #global-operation-confirm { border-color: rgba(230, 104, 112, .34); background: #a94850; }

@media (max-width: 760px) {
  .developer-view-heading { align-items: stretch; }
  .developer-heading-tools { width: 100%; justify-content: space-between; }
}

@media (max-width: 480px) {
  .developer-heading-tools { align-items: stretch; flex-direction: column; }
  .developer-heading-tools .state-badge { align-self: flex-start; }
  .global-operation-dialog { padding: 10px; }
  .global-operation-summary > div { grid-template-columns: 88px minmax(0, 1fr); }
  .global-operation-card footer { display: grid; grid-template-columns: 1fr; }
  .global-operation-card footer .button { width: 100%; }
}

/* Overview: progressive disclosure instead of a wall of cards. */
.overview-status-board {
  overflow: hidden;
  margin: -8px 0 16px;
  border: 1px solid var(--panel-border);
  border-radius: 7px;
  background: var(--panel-surface);
}
.overview-status-board .overview-server-banner {
  min-height: 76px;
  margin: 0;
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
  background: #0d1621;
}
.overview-status-board .overview-guild-avatar { width: 46px; height: 46px; border-color: rgba(113, 145, 187, .25); background: #172335; }
.overview-status-board .overview-guild-copy h2 { font-size: 15px; }
.overview-kpi-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--panel-divider); background: #0a121b; }
.overview-kpi-strip article { min-width: 0; min-height: 58px; display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 9px; padding: 9px 13px; }
.overview-kpi-strip article + article { border-left: 1px solid var(--panel-divider); }
.overview-kpi-strip article > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 5px; background: rgba(113, 145, 187, .075); color: #83a1c6; font-size: 9px; }
.overview-kpi-strip article:nth-child(2) > i { background: rgba(129, 140, 248, .07); color: #959de5; }
.overview-kpi-strip article:nth-child(3) > i { background: rgba(181, 150, 100, .07); color: #baa176; }
.overview-kpi-strip article:nth-child(4) > i { background: rgba(174, 119, 129, .075); color: #c28b95; }
.overview-kpi-strip span,
.overview-kpi-strip strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overview-kpi-strip span { color: #728095; font-size: 7px; font-weight: 650; text-transform: uppercase; }
.overview-kpi-strip strong { margin-top: 3px; color: #e4eaf1; font-size: 13px; }

.overview-dashboard-grid { grid-template-columns: minmax(0, 1fr) 296px; gap: 16px; }
.overview-main-column .setup-summary { min-height: 92px; gap: 10px 16px; padding: 13px 14px; border: 1px solid var(--panel-border); border-left: 2px solid #7191bb; background: #0c141e; }
.overview-main-column .setup-summary-main { grid-template-columns: 58px minmax(0, 1fr); gap: 13px; }
.overview-main-column .setup-score { width: 56px; height: 56px; }
.overview-main-column .setup-score span { font-size: 12px; }
.overview-main-column .setup-progress-line { grid-column: 2 / -1; }
.overview-main-column .setup-copy p { max-width: 520px; }

.overview-module-section { margin-top: 16px; }
.overview-module-heading { align-items: flex-end; gap: 14px; }
.overview-module-filters { flex: 0 0 auto; }
.overview-module-filters button { min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding-inline: 9px; }
.overview-module-filters b { min-width: 17px; height: 17px; display: grid; place-items: center; border-radius: 4px; background: rgba(181, 198, 219, .075); color: #8997aa; font-size: 7px; }
.overview-module-filters button.active b { background: rgba(113, 145, 187, .14); color: #d7e2ef; }
.overview-module-section .module-status-grid { gap: 8px; }
.overview-module-section .module-status { min-height: 72px; }
.overview-module-section .module-status-main { grid-template-columns: 31px minmax(0, 1fr) 10px; gap: 9px; padding: 10px 9px 10px 12px; }
.overview-module-section .module-status-icon { width: 31px; height: 31px; }
.overview-module-section .module-status-control { min-width: 91px; padding-inline: 10px; }
.overview-module-section .module-status-copy small { margin-top: 3px; }
.overview-module-footer { display: flex; justify-content: center; padding-top: 12px; }
.overview-module-footer .button { min-width: 174px; }
.overview-module-footer .button.hidden { display: none; }
.overview-module-empty { min-height: 90px; margin-top: 0; border: 1px dashed rgba(181, 198, 219, .12); border-radius: 6px; }

.overview-side-column { gap: 12px; }
.overview-side-panel { background: #0c141e; }
.overview-side-heading { min-height: 58px; padding: 10px 12px; background: #0d1621; }
.overview-side-heading > span { width: 30px; height: 30px; background: rgba(113, 145, 187, .075); color: #83a1c6; }
.overview-quick-actions button { min-height: 52px; }

.overview-details-section { margin-top: 16px; }
.overview-details-heading { align-items: flex-end; }
.overview-details-heading .segmented-control button { min-width: 100px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.overview-details-heading .segmented-control button > i { font-size: 8px; }
.overview-details-heading .segmented-control button > b { min-width: 22px; color: #96a4b6; font-size: 7px; }
.overview-details-heading .segmented-control button > b.on { color: #61cba0; }
.overview-details-panel { padding-top: 12px; }
.overview-details-panel[hidden] { display: none; }
.overview-detail-actions { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 10px; }
.overview-details-section .server-detail-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.overview-details-section .detail-item { min-height: 58px; padding: 11px 12px; background: #0d151f; }
.overview-details-section .detail-item::before { display: none; }
.overview-permission-toolbar { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.overview-permission-toolbar p { margin: 0; color: var(--panel-muted); font-size: 9px; line-height: 1.5; }
.overview-details-section .permission-list { box-shadow: none; }
.overview-details-section .permission-item { min-height: 49px; }

@media (max-width: 1120px) {
  .overview-dashboard-grid { grid-template-columns: 1fr; }
  .overview-side-column { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .overview-module-heading,
  .overview-details-heading { align-items: stretch; flex-direction: column; }
  .overview-module-filters,
  .overview-details-heading .segmented-control { width: 100%; overflow-x: auto; }
  .overview-module-filters button,
  .overview-details-heading .segmented-control button { flex: 1 0 auto; }
  .overview-details-section .server-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .overview-status-board .overview-server-banner { grid-template-columns: 44px minmax(0, 1fr); }
  .overview-status-board .overview-server-banner > .button { grid-column: 1 / -1; }
  .overview-kpi-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .overview-kpi-strip article:nth-child(3) { border-top: 1px solid var(--panel-divider); border-left: 0; }
  .overview-kpi-strip article:nth-child(4) { border-top: 1px solid var(--panel-divider); }
  .overview-side-column { grid-template-columns: 1fr; }
  .overview-main-column .setup-summary { grid-template-columns: 1fr; }
  .overview-main-column .setup-progress-line { grid-column: 1 / -1; }
  .overview-permission-toolbar { align-items: stretch; flex-direction: column; }
  .overview-permission-toolbar .button { width: 100%; }
}

@media (max-width: 420px) {
  .overview-details-section .server-detail-grid { grid-template-columns: 1fr; }
  .overview-detail-actions { display: grid; grid-template-columns: 1fr; }
  .overview-detail-actions .button { width: 100%; }
}


/* Available workspace width drives layouts, including with the sidebar open. */
.workspace-scroll { container-type: inline-size; }
.view :is(form, fieldset, details, .form-grid, .setting-row) { min-width: 0; max-width: 100%; }
.workspace .settings-form {
  overflow: visible;
  padding: 4px 0 20px;
  border: 0;
  border-bottom: 1px solid var(--panel-divider);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-dashboard-accent] .workspace .configuration-surface {
  background: transparent;
  border-color: var(--panel-divider);
}
.workspace .setting-row { margin-inline: 0; padding-inline: 0; gap: 20px; }
.workspace .configuration-surface .form-block,
.workspace .settings-form .form-block { margin-inline: 0; padding-inline: 0; }
.workspace .form-grid > *, .workspace .settings-section-body > * { min-width: 0; }
.workspace .setting-row > :is(select, input:not([type="checkbox"])) { min-width: 0; max-width: 48%; }
.workspace .setting-row .switch { flex: 0 0 40px; }
.workspace :is(.setting-row, .form-grid, .section-heading) :is(p, small, label, h2, h3) { overflow-wrap: anywhere; }
.workspace .view-heading { flex-wrap: wrap; }
.workspace .view-heading > div:first-child { min-width: 0; flex: 1 1 260px; }
.workspace .section-heading { flex-wrap: wrap; gap: 12px; }
.workspace .overview-plan-meta { grid-template-columns: 1fr; }
.workspace .overview-plan-meta :is(small, strong),
.workspace .module-status-copy :is(strong, small),
.workspace .overview-quick-actions :is(strong, small),
.workspace .overview-kpi-strip strong {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
.workspace .overview-plan-panel,
.workspace .overview-side-panel { background: var(--panel-surface); }
.workspace .member-center-layout { background: var(--panel-surface); }
.workspace .member-directory { background: #0c121b; }
.workspace .member-profile-panel,
.workspace .member-profile-content { background: var(--panel-surface); }
.workspace .member-profile-facts > div,
.workspace .member-action-button,
.workspace .member-case-row { background: var(--panel-surface-raised); }
.workspace .member-profile-header :is(h2, p),
.workspace .member-profile-facts :is(span, strong),
.workspace .member-action-button span,
.workspace .member-role {
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
}
.workspace .member-role { max-width: 100%; }
.workspace .member-action-button { font-size: 11px; }
.workspace .member-profile-facts span { font-size: 10px; }
.workspace .member-profile-facts strong { font-size: 11px; }
.workspace .member-profile-section-heading h3 { font-size: 13px; }
.workspace .member-profile-section-heading p,
.workspace .report-status-card p { font-size: 11px; }
.workspace .report-status-card :is(dt, dd) { font-size: 11px; overflow-wrap: anywhere; }
.workspace .report-status-card { margin-top: 0; padding-top: 16px; }
.modal-card { background: var(--panel-surface); color: var(--text); border-color: var(--panel-border); }

@container (max-width: 1000px) {
  .reports-layout, .custom-bot-layout, .customization-layout,
  .team-access-layout, .release-manager-grid, .permission-simulator-layout,
  .automation-layout, .music-layout { grid-template-columns: minmax(0, 1fr); }
  .report-status-card, .customization-preview { position: static; }
  .overview-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
  .member-center-layout { grid-template-columns: minmax(220px, .7fr) minmax(0, 1fr); }
  .member-profile-facts, .member-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 700px) {
  .member-center-layout { display: block; }
  .member-directory { border-right: 0; border-bottom: 1px solid var(--panel-divider); }
  .member-list { max-height: 340px; }
  .overview-side-column { grid-template-columns: minmax(0, 1fr); }
  .form-grid, .settings-section-body.form-grid { grid-template-columns: minmax(0, 1fr); }
  .form-grid > .span-two { grid-column: 1 / -1; }
  .view .setting-row { flex-wrap: wrap; }
  .view .setting-row > div:first-child { flex: 1 1 200px; }
  .view .setting-row > :is(select, input:not([type="checkbox"])) { max-width: 100%; width: 100%; }
  .overview-module-section .module-status-grid { grid-template-columns: minmax(0, 1fr); }
  .view .section-actions { flex-wrap: wrap; max-width: 100%; }
}