:root {
  --ws-bg: #f4f6f5;
  --ws-surface: #ffffff;
  --ws-raised: #edf2f1;
  --ws-text: #202c2b;
  --ws-muted: #596966;
  --ws-line: #d6dfdc;
  --ws-accent: #087b74;
  --ws-selected: #def0ec;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ws-bg: #151a1b;
  --ws-surface: #1d2425;
  --ws-raised: #273031;
  --ws-text: #edf3f1;
  --ws-muted: #a6b6b1;
  --ws-line: #364440;
  --ws-accent: #78d9c4;
  --ws-selected: #243e36;
}
[data-workspace-page] { margin: 0; background: var(--ws-bg); color: var(--ws-text); letter-spacing: 0; }
[data-workspace-page] [hidden] { display: none !important; }
[data-workspace-page] * { box-sizing: border-box; }
.workspace-header {
  position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 48px;
  min-height: 72px; padding: 12px 32px; background: var(--ws-surface); border-bottom: 1px solid var(--ws-line);
}
.workspace-brand { display: flex; flex-shrink: 0; align-items: center; gap: 10px; color: var(--ws-text); text-decoration: none; }
.workspace-brand img { width: 36px; height: 36px; border-radius: 6px; }
.workspace-brand strong { font-size: 19px; }
.workspace-nav { display: flex; align-items: stretch; flex-wrap: nowrap; gap: 8px; margin: 0; padding: 0; }
.workspace-nav a { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 16px; color: var(--ws-muted); text-decoration: none; border-radius: 6px; border: 1px solid transparent; font-size: 14px; font-weight: 650; white-space: nowrap; }
.workspace-nav a[aria-current="page"] { color: var(--ws-accent); background: var(--ws-selected); border-color: var(--ws-line); }
.workspace-nav a:hover { color: var(--ws-text); background: var(--ws-raised); }
.workspace-header svg, [data-workspace-icon] svg { flex: 0 0 20px; }
.workspace-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 24px; }
.workspace-page-heading h1 { margin: 0; color: var(--ws-text); font-size: 26px; line-height: 1.3; overflow-wrap: anywhere; }
.workspace-page-actions { display: flex; align-items: center; gap: 16px; }
.workspace-eyebrow { color: var(--ws-muted); font-size: 11px; font-weight: 700; margin: 0 0 6px; }
.workspace-tabs { display: flex; gap: 24px; margin: 0 0 24px; padding: 0; border-bottom: 1px solid var(--ws-line); overflow-x: auto; flex-wrap: nowrap; }
.workspace-tabs a { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; min-height: 48px; border-bottom: 2px solid transparent; color: var(--ws-muted); font-size: 14px; font-weight: 650; text-decoration: none; }
.workspace-tabs a[aria-current="page"] { color: var(--ws-accent); border-bottom-color: var(--ws-accent); }
[data-workspace-page] :focus-visible { outline: 2px solid var(--ws-accent); outline-offset: 3px; }
[data-workspace-icon] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; }
[data-workspace-page] button, [data-workspace-page] input, [data-workspace-page] select { max-width: 100%; }
.workspace-unavailable { max-width: 1000px; padding: 32px; margin: auto; font: 15px/1.6 system-ui,sans-serif; }
.workspace-unavailable h1 { font-size: 26px; }
.workspace-unavailable a { display: inline-flex; align-items: center; min-height: 44px; margin: 16px 24px 0 0; color: var(--ws-accent); }

/* Account settings use the full workspace, separate from the login form. */
[data-workspace-page="account"] {
  --bg: var(--ws-bg); --surface: var(--ws-surface); --surface-raised: var(--ws-raised);
  --line: var(--ws-line); --line-strong: var(--ws-line); --text: var(--ws-text); --muted: var(--ws-muted);
  --cyan: #54c8b0; --cyan-strong: var(--ws-accent); --green: #64c99d;
  font-size: 14px;
}
[data-workspace-page="account"] .page-shell { width: min(1120px, calc(100% - 64px)); min-height: 0; display: block; }
[data-workspace-page="account"] .account-pane { padding: 36px 0 64px; display: block; min-height: 0; }
[data-workspace-page="account"] .account-pane > div { max-width: none; }
[data-workspace-page="account"][data-authenticated="false"] .workspace-nav { display: none; }
[data-workspace-page="account"][data-authenticated="false"] .page-shell { max-width: 440px; }
[data-workspace-page="account"][data-authenticated="false"] .account-pane { padding-top: 48px; }
[data-workspace-page="account"] .account-header { padding: 0 0 24px; margin-bottom: 24px; display: flex; align-items: center; border: 0; }
[data-workspace-page="account"] .account-header h2 { font-size: 22px; }
[data-workspace-page="account"] .account-initial { width: 48px; height: 48px; flex-basis: 48px; background: var(--ws-selected); color: var(--ws-accent); }
[data-workspace-page="account"] .account-kicker .eyebrow { display: none; }
[data-workspace-page="account"] label { color: var(--ws-text); }
[data-workspace-page="account"] input { background: var(--ws-surface); }
[data-workspace-page="account"] .primary, [data-workspace-page="account"] .secondary { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
[data-workspace-page="account"] .primary:hover { background: #79dfc5; }
[data-workspace-page="account"] .section-heading { align-items: center; }
[data-workspace-page="account"] .section-heading p { max-width: none; }
[data-workspace-page="account"] .account-section { padding: 24px 0; }
[data-workspace-page="account"] .verified-line { padding: 0 0 20px; margin: 0; background: none; border: 0; }
[data-workspace-page="account"] .verified-line small { display: none; }
[data-workspace-page="account"] #preferencesForm { margin-top: 24px; max-width: 640px; grid-template-columns: repeat(2,minmax(0,1fr)); }
#preferencesForm > button { justify-self: start; grid-column: 1 / -1; }
.account-access-notice { padding: 12px 0; color: var(--ws-accent); border-top: 1px solid var(--ws-line); }
.session-item { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: start; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--ws-line); }
.session-item > svg { margin-top: 3px; color: var(--ws-muted); }
.session-copy { min-width: 0; display: grid; gap: 7px; }
.session-copy strong { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.session-copy small, .session-copy summary { color: var(--ws-muted); font-size: 12px; }
.session-copy summary { cursor: pointer; padding: 6px 0; }
.session-copy details p { overflow-wrap: anywhere; margin: 8px 0; font-size: 12px; color: var(--ws-muted); }
.session-current { background: var(--ws-selected); color: var(--ws-accent); padding: 3px 6px; border-radius: 4px; font-size: 11px; }
[data-account-view]:not([data-account-view="security"]) [data-account-panel="security"],
[data-account-view]:not([data-account-view="devices"]) [data-account-panel="devices"],
[data-account-view]:not([data-account-view="preferences"]) [data-account-panel="preferences"] { display: none; }

/* Administrator tasks stay in separate, addressable views. */
[data-workspace-page="admin"] main { max-width: 1440px; padding: 32px; }
[data-workspace-page="admin"] .workspace-page-actions .theme-select { width: auto; }
[data-workspace-page="admin"] .workspace-page-actions button { flex-shrink: 0; }
[data-workspace-page="admin"] .workspace-tabs { width: auto; margin-left: 0; }
[data-workspace-page="admin"] .admin-search { padding: 12px 0 8px; }
[data-workspace-page="admin"] .admin-search input { min-height: 44px; }
[data-workspace-page="admin"] #adminNotice { margin: 0 0 16px; font-size: 12px; }
[data-workspace-page="admin"] .account-disclosure > summary { padding: 16px 4px; }
[data-workspace-page="admin"] #auditPanel { border: 0; padding-top: 0; }
[data-workspace-page="admin"] .metric-summary > div { border-radius: 6px; }
[data-admin-view]:not([data-admin-view="accounts"]) [data-admin-panel="accounts"],
[data-admin-view]:not([data-admin-view="monitoring"]) [data-admin-panel="monitoring"],
[data-admin-view]:not([data-admin-view="security"]) [data-admin-panel="security"],
[data-admin-view]:not([data-admin-view="protection"]) [data-admin-panel="protection"],
[data-admin-view]:not([data-admin-view="audit"]) [data-admin-panel="audit"] { display: none; }
.security-meta { display:flex; flex-wrap:wrap; gap:8px 24px; color:var(--ws-muted); font-size:12px; }
.security-controls { margin:0; }
.security-control { display:grid; grid-template-columns:minmax(150px,1fr) minmax(0,2fr); gap:12px 24px; padding:18px 0; border-bottom:1px solid var(--ws-line); }
.security-control dt { display:flex; flex-wrap:wrap; align-items:center; gap:10px; font-weight:650; }
.security-control dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.security-control dd p { margin:0 0 8px; }
.security-control dd small { display:block; color:var(--ws-muted); line-height:1.6; }
.security-counters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; padding:16px 0; }
.security-counters div { min-width:0; }
.security-counters dt { font-size:12px; color:var(--ws-muted); overflow-wrap:anywhere; }
.security-counters dd { margin:6px 0 0; font-size:24px; font-weight:650; }
.security-event-panel { border-top:1px solid var(--ws-line); margin-top:20px; }
.security-event-panel > summary, .security-event-row summary { display:flex; align-items:center; gap:10px; min-height:56px; cursor:pointer; list-style:none; }
.security-event-panel summary::-webkit-details-marker { display:none; }
.security-event-panel summary > svg { width:18px; height:18px; flex:0 0 18px; transform:rotate(-90deg); }
.security-event-panel[open] > summary > svg, .security-event-row details[open] > summary > svg { transform:none; }
.security-event-total { margin-left:auto; color:var(--ws-muted); font-size:12px; white-space:nowrap; }
.security-event-toolbar { display:flex; align-items:center; gap:12px; margin:8px 0; }
.security-event-toolbar small { flex:1; min-width:0; line-height:1.5; }
.security-event-list { max-height:360px; overflow:auto; scrollbar-gutter:stable; overscroll-behavior:contain; }
.security-event-row { display:grid; grid-template-columns:minmax(0,1fr) 44px; gap:12px; align-items:start; border-bottom:1px solid var(--ws-line); padding:6px 0; }
.security-event-row details { min-width:0; }
.security-event-copy { display:grid; gap:5px; min-width:0; flex:1; overflow-wrap:anywhere; }
.security-event-copy strong { font-size:14px; }
.security-event-copy small { font-size:12px; }
.security-event-count { font-size:13px; font-variant-numeric:tabular-nums; white-space:nowrap; color:var(--ws-accent); }
.security-event-panel .security-icon-button { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; flex:0 0 44px; padding:0; }
.security-event-row > .security-icon-button { margin-top:6px; }
.security-event-fields { display:grid; grid-template-columns:88px minmax(0,1fr); gap:8px; font-size:12px; margin:12px 0; }
.security-event-fields dt { color:var(--ws-muted); }
.security-event-fields dd { margin:0; overflow-wrap:anywhere; }
.security-event-reference { font-family:ui-monospace,monospace; }
.security-event-pager { display:flex; align-items:center; justify-content:flex-end; gap:16px; padding-top:12px; font-size:13px; }
.security-delete-confirm { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 0; border-block:1px solid var(--ws-line); }
.security-delete-confirm span { flex:1 1 180px; font-size:14px; }
@media(max-width:600px) {
  .security-control { grid-template-columns:minmax(0,1fr); gap:10px; }
  .security-counters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Cloud console: unframed work area, compact toolbar, persistent server rail. */
html[data-cloud-dashboard], html[data-cloud-dashboard][data-accent-theme][data-theme] {
  --bg: var(--ws-bg); --panel: var(--ws-surface); --raised: var(--ws-raised); --ink: var(--ws-text);
  --muted: var(--ws-muted); --line: var(--ws-line); --soft: var(--ws-selected);
  --accent2: var(--ws-accent); --accent-text: var(--ws-accent);
}
html[data-cloud-dashboard][data-accent-theme] { --accent: #087b74; --accent-strong: #087b74; --accent-gradient: linear-gradient(135deg,#126c70,#167c70); }
html[data-cloud-dashboard][data-accent-theme="forest"] { --accent: #24704d; --accent-strong: #28744f; --accent-gradient: linear-gradient(135deg,#24704d,#2a795e); }
html[data-cloud-dashboard][data-accent-theme="berry"] { --accent: #855078; --accent-strong: #855078; --accent-gradient: linear-gradient(135deg,#855078,#92556c); }
html[data-cloud-dashboard][data-accent-theme="sunset"] { --accent: #a34f55; --accent-strong: #a34f55; --accent-gradient: linear-gradient(135deg,#a34f55,#a4503d); }
html[data-cloud-dashboard][data-theme="dark"] { --accent-strong: #8dd8c0; }
html[data-cloud-dashboard] body .eyebrow { color: var(--ws-muted) !important; }
html[data-cloud-dashboard] body .toolbar button { min-height: 44px; }
html[data-cloud-dashboard] body .tab-panel > .three-grid:has(> .panel-card > .eyebrow) { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border-bottom: 1px solid var(--ws-line); margin-bottom: 20px; }
html[data-cloud-dashboard] body .tab-panel > .three-grid:has(> .panel-card > .eyebrow) > .panel-card { border: 0; border-radius: 0; background: transparent; padding: 20px 12px; }
html[data-cloud-dashboard] body .tab-panel > .three-grid:has(> .panel-card > .eyebrow) h3 { font-size: 13px; margin: 6px 0; }
html[data-cloud-dashboard] body .tab-panel > .three-grid:has(> .panel-card > .eyebrow) strong { font-size: 20px; }
html[data-cloud-dashboard] body .tab-panel > section.panel-card { border: 0; border-radius: 0; background: transparent; padding: 16px 0; }
html[data-cloud-dashboard] body .main-modern > .split-grid { grid-template-columns: minmax(0,1fr); }
html[data-cloud-dashboard] body #botStatusPanel { padding: 20px 0 0; background: transparent; border: 0; }
.workspace-presence { border-top: 1px solid var(--ws-line); padding-top: 16px; }
.workspace-presence > summary { cursor: pointer; min-height: 44px; font-weight: 650; }
.workspace-command-hints { min-width:0; border-block:1px solid var(--ws-line); padding:16px 0; }
.workspace-command-hints p { margin:8px 0 12px; font-size:13px; line-height:1.6; color:var(--ws-muted); }
.workspace-command-variables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
html[data-cloud-dashboard] .workspace-command-variables button { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-height:66px; text-align:left; white-space:normal; color:var(--ws-text); background:var(--ws-surface); }
.workspace-command-variables code { font-size:13px; color:inherit; }
.workspace-command-variables span { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.workspace-command-guide { margin-top:12px; }
.workspace-command-guide summary { cursor:pointer; min-height:44px; display:list-item; align-content:center; }
.workspace-command-guide dl { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:10px 16px; font-size:13px; }
.workspace-command-guide dd { margin:0; overflow-wrap:anywhere; }
.workspace-command-guide dt { color:var(--ws-text); }
.workspace-command-hints .workspace-command-example { padding:12px 0; color:var(--ws-text); border-block:1px solid var(--ws-line); overflow-wrap:anywhere; }
.workspace-command-guide a { display:inline-block; margin:12px; font-size:13px; color:var(--ws-accent); }
.workspace-guild-options > summary { display: flex; gap: 8px; align-items: center; min-height: 44px; padding: 8px 12px; font-size: 13px; font-weight: 600; border: 1px solid var(--ws-line); border-radius: 6px; cursor: pointer; list-style: none; }
.workspace-guild-options { position: relative; }
.workspace-guild-options > .actions { position: absolute; top: 48px; right: 0; z-index: 25; padding: 12px; width: 240px; display: grid; gap: 8px; border: 1px solid var(--ws-line); border-radius: 6px; background: var(--ws-surface); box-shadow: 0 10px 30px #0002; }
html[data-cloud-dashboard] body .work-status-dock, html[data-cloud-dashboard] body .work-status-dock.is-collapsed { position: static; width: auto; inset: auto; margin: 16px 0 0; }
html[data-cloud-dashboard] body .work-status-card, html[data-cloud-dashboard] body .work-status-dock.is-collapsed .work-status-card { border: 0; border-radius: 0; padding: 0; background: none; box-shadow: none; }
html[data-cloud-dashboard] body[data-workspace-page="bot"] > .topbar { padding: 24px 32px 16px; background: none !important; border: 0; flex-direction: row; align-items: center; }
html[data-cloud-dashboard] .topbar .brand-logo, html[data-cloud-dashboard] .topbar .brand-copy .eyebrow { display: none; }
html[data-cloud-dashboard] .topbar h1 { font-size: 24px; margin: 0; }
html[data-cloud-dashboard] .layout-modern { display: grid; grid-template-columns: 224px minmax(0,1fr); max-width: 1600px; margin: 0 auto; padding: 12px 32px 48px; gap: 28px; align-items: start; }
html[data-cloud-dashboard] body .sidebar-modern, html[data-cloud-dashboard] body .main-modern { background: transparent !important; border: 0; box-shadow: none; border-radius: 0; padding: 0; }
html[data-cloud-dashboard] body .main-modern { gap: 24px; }
html[data-cloud-dashboard] body .main-modern > .panel-card, html[data-cloud-dashboard] body .split-grid > .panel-card { background: transparent !important; border: 0; border-radius: 0; padding: 0; box-shadow: none; }
html[data-cloud-dashboard] body .summary-modern { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border-bottom: 1px solid var(--ws-line); padding-bottom: 16px; }
html[data-cloud-dashboard] body .summary-modern .panel-card { background: transparent !important; border: 0; border-radius: 0; padding: 0 16px; }
html[data-cloud-dashboard] body .summary-modern .panel-card:first-child { padding-left: 0; }
html[data-cloud-dashboard] body .summary-modern strong { font-size: 20px; }
html[data-cloud-dashboard] body .guild-list button { background: var(--ws-surface) !important; border-color: var(--ws-line) !important; box-shadow: none !important; border-radius: 6px; }
html[data-cloud-dashboard] body .guild-list button.active { background: var(--ws-selected) !important; border-color: var(--ws-accent) !important; }
html[data-cloud-dashboard] body #botManagement { border-bottom: 1px solid var(--ws-line); padding-bottom: 16px; }
html[data-cloud-dashboard] body #botManagement > summary { min-height: 44px; display: flex; align-items: center; }
html[data-cloud-dashboard] body #guildPanel { border-top: 1px solid var(--ws-line); padding-top: 24px; }
.workspace-servers { position: sticky; top: 96px; border: 0; padding: 0; }
.workspace-servers > summary { display: none; }
html[data-cloud-dashboard] body[data-workspace-page="bot"] .sidebar-modern,
html[data-cloud-dashboard] body[data-workspace-page="bot"] .main-modern,
html[data-cloud-dashboard] body[data-workspace-page="bot"] .main-modern > .panel-card,
html[data-cloud-dashboard] body[data-workspace-page="bot"] .summary-modern .panel-card { background: transparent !important; }
html[data-cloud-dashboard] body[data-workspace-page="bot"] .eyebrow { color: var(--ws-muted) !important; }
html[data-cloud-dashboard] body #botManagement > summary svg { margin-left: auto; }
html[data-cloud-dashboard] body .work-status-dock.is-collapsed .work-status-head > div { display: block; }
html[data-cloud-dashboard] body .work-status-dock.is-collapsed .work-status-head small { display: none; }
html[data-cloud-dashboard] body .sidebar-modern { position: static; max-height: calc(100dvh - 120px); padding-right: 16px; border-right: 1px solid var(--ws-line); }
.workspace-options { position: relative; z-index: 30; margin: 0; padding: 0; border: 0; }
.workspace-servers > summary::-webkit-details-marker { display: none; }
html[data-cloud-dashboard] .workspace-options > .app-actions { position:static; display:flex; flex-wrap:nowrap; align-items:center; gap:8px; padding:0; width:auto; max-width:100%; }
html[data-cloud-dashboard] .workspace-options .hd-account { min-width:0; }
html[data-cloud-dashboard] .workspace-options .hd-account > summary { max-width:220px; overflow-wrap:anywhere; }
html[data-cloud-dashboard] .workspace-options .hd-account-menu { max-width: min(310px,calc(100vw - 64px)); }
html[data-cloud-dashboard] .workspace-options .workspace-refresh { order:-1; display:inline-flex; flex:0 0 44px; width:44px; height:44px; padding:10px; align-items:center; justify-content:center; }
@media(max-width:600px) { html[data-cloud-dashboard] body > .topbar { align-items:flex-start; flex-wrap:wrap; gap:12px; } .workspace-options { margin-left:auto; max-width:100%; } html[data-cloud-dashboard] .workspace-options .hd-account > summary { max-width:190px; } }
@media(max-width:420px) {
  html[data-cloud-dashboard] body[data-workspace-page="bot"] > .topbar { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; }
  html[data-cloud-dashboard] .topbar .brand-lockup { min-width:0; }
  html[data-cloud-dashboard] .topbar .workspace-options { justify-self:end; }
}
.workspace-toast { position:fixed; z-index:80; bottom:calc(24px + env(safe-area-inset-bottom,0px)); right:24px; display:flex; align-items:center; gap:10px; width:max-content; max-width:min(360px,calc(100vw - 32px)); padding:12px 16px; border:1px solid var(--ws-line); border-radius:6px; background:var(--ws-surface); color:var(--ws-text); box-shadow:0 8px 28px #0002; font-size:14px; line-height:1.5; pointer-events:none; }
.workspace-toast svg { flex:0 0 20px; color:var(--ws-accent); }
.workspace-toast span { min-width:0; overflow-wrap:anywhere; }
.workspace-toast[data-result="error"] svg { color:#c74051; }
.workspace-connection { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:12px 24px; border-bottom:1px solid var(--ws-line); background:var(--ws-raised); color:var(--ws-text); font-size:14px; }
.workspace-connection span { flex:1 1 240px; line-height:1.5; }
.workspace-connection button { min-height:44px; background:var(--ws-surface); color:var(--ws-text); border:1px solid var(--ws-line); border-radius:4px; padding:8px 12px; }
@media(max-width:600px) { .workspace-toast { right:16px; bottom:calc(16px + env(safe-area-inset-bottom,0px)); } }
html[data-cloud-dashboard] body .author-notice { background: none; color: var(--ws-muted); font-size: 11px; }

@media (max-width: 960px) {
  html[data-cloud-dashboard] .layout-modern { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .workspace-servers { position: static; border-bottom: 1px solid var(--ws-line); }
  .workspace-servers > summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; min-height: 44px; padding-bottom: 12px; }
  .workspace-servers > summary span { flex: 1; }
  html[data-cloud-dashboard] body .sidebar-modern { max-height: 360px; border: 0; padding: 12px 0; }
  html[data-cloud-dashboard] body .guild-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .workspace-header { display: grid; gap: 8px; padding: 10px 16px 0; }
  .workspace-brand img { width: 30px; height: 30px; }
  .workspace-brand strong { font-size: 17px; }
  .workspace-nav { width: 100%; gap: 2px; }
  .workspace-nav a { flex: 1; gap: 6px; padding: 10px 6px; font-size: 12px; border-radius: 6px 6px 0 0; }
  .workspace-nav a svg { width: 18px; height: 18px; flex-basis: 18px; }
  .workspace-page-heading { gap: 12px; margin-bottom: 20px; align-items: center; }
  .workspace-page-heading h1 { font-size: 22px; }
  .workspace-page-actions { gap: 8px; }
  .workspace-tabs { gap: 20px; margin-bottom: 20px; }
  .workspace-tabs a { font-size: 13px; }
  [data-workspace-page="account"] .page-shell { width: calc(100% - 32px); }
  [data-workspace-page="account"] .account-pane { padding: 24px 0 48px; }
  [data-workspace-page="account"] .account-header { margin-bottom: 8px; }
  [data-workspace-page="account"] .account-header h2 { font-size: 20px; }
  [data-workspace-page="account"] .section-heading { display: flex; flex-wrap: wrap; gap: 14px; }
  [data-workspace-page="account"] .section-heading button { width: auto; }
  [data-workspace-page="account"] #preferencesForm { grid-template-columns: minmax(0,1fr); }
  .session-item { grid-template-columns: 24px minmax(0,1fr); gap: 10px; padding: 18px 0; }
  .session-item > button { grid-column: 2; justify-self: start; min-height: 40px; font-size: 13px; }
  [data-workspace-page="admin"] main { padding: 24px 16px 48px; }
  [data-workspace-page="admin"] .workspace-page-heading { flex-wrap: wrap; }
  [data-workspace-page="admin"] .workspace-page-actions { width: 100%; justify-content: space-between; }
  html[data-cloud-dashboard] body[data-workspace-page="bot"] > .topbar { padding: 18px 16px 12px; gap: 12px; }
  html[data-cloud-dashboard] .topbar h1 { font-size: 22px; }
  html[data-cloud-dashboard] .layout-modern { padding: 4px 16px 32px; }
  html[data-cloud-dashboard] body .summary-modern strong { font-size: 15px; }
  html[data-cloud-dashboard] body .summary-modern .panel-card { padding: 0 10px; }
  html[data-cloud-dashboard] body .guild-list { grid-template-columns: minmax(0,1fr); }
  html[data-cloud-dashboard] body .main-modern { gap: 18px; }
  html[data-cloud-dashboard] body #guildPanel > .section-title { flex-direction: row; align-items: center; gap: 8px; }
  html[data-cloud-dashboard] body #guildPanel > .toolbar { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; overflow: visible; }
  html[data-cloud-dashboard] body #guildPanel > .toolbar button { padding: 6px 2px; white-space: normal; font-size: 12px; }
  html[data-cloud-dashboard] body .tab-panel > .three-grid:has(> .panel-card > .eyebrow) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
html[data-cloud-dashboard] #commandDetectionForm { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--ws-line); }