:root, .workspace {
  --bg: var(--background);
  --surface-2: var(--surface-elevated);
  --surface-3: var(--surface-hover);
  --border-strong: var(--border-hover);
  --text: var(--text-primary);
  --muted: var(--text-secondary);
  --primary: var(--accent);
  --primary-hover: var(--accent-hover);
  --cyan: var(--accent);
  --green: var(--success);
  --yellow: var(--warning);
  --red: var(--error);
  --border-color: var(--border);
  --panel-surface: var(--surface);
  --panel-surface-raised: var(--surface-elevated);
  --panel-surface-control: var(--surface-elevated);
  --panel-divider: var(--border);
  --panel-border: var(--border);
  --panel-muted: var(--text-secondary);
  --panel-shadow: var(--shadow-soft);
  --scrollbar-thumb: #344b6b;
  --scrollbar-thumb-hover: #557aad;
  --sidebar-width: 264px;
  font-family: var(--font-body);
}
.command-registration-progress { margin-top: 18px; padding: 14px; border: 1px solid var(--border); border-radius: 6px; background: var(--background-secondary); min-width: 0; }
.command-registration-heading { display: flex; align-items: center; gap: 12px; }
.command-registration-heading > div { flex: 1; min-width: 0; display: grid; gap: 4px; }
.command-registration-heading strong { font-size: 12px; color: var(--text-primary); overflow-wrap: anywhere; }
.command-registration-heading small, .command-registration-heading > span { font-size: 11px; color: var(--text-secondary); }
.command-registration-heading .icon-button { flex: 0 0 30px; width: 30px; height: 30px; }
.command-registration-progress progress { display: block; width: 100%; height: 5px; margin-top: 12px; border: 0; border-radius: 3px; overflow: hidden; appearance: none; accent-color: var(--accent); background: var(--border); }
.command-registration-progress progress::-webkit-progress-bar { background: var(--border); }
.command-registration-progress progress::-webkit-progress-value { background: var(--accent); transition: width .2s ease; }
.command-registration-progress progress::-moz-progress-bar { background: var(--accent); }
.command-registration-progress p { margin: 10px 0 0; font-size: 11px; color: var(--text-secondary); line-height: 1.6; overflow-wrap: anywhere; }
.command-registration-progress p:empty { display: none; }
.command-registration-progress dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--border); }
.command-registration-progress dt { color: var(--text-muted); font-size: 10px; margin-bottom: 5px; }
.command-registration-progress dd { margin: 0; color: var(--text-secondary); font-size: 11px; overflow-wrap: anywhere; }
.command-registration-progress [hidden] { display: none; }
.command-registration-progress[data-state="failed"] { border-color: color-mix(in srgb, var(--error) 40%, var(--border)); }
.command-registration-progress[data-state="partial"] { border-color: color-mix(in srgb, var(--warning) 40%, var(--border)); }
.command-registration-progress #command-registration-error { color: var(--error); white-space: pre-line; }
@media (max-width: 700px) { .command-registration-progress dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (prefers-reduced-motion: reduce) { .command-registration-progress progress::-webkit-progress-value { transition: none; } }
body, input, select, textarea, button, optgroup, option { font-family: var(--font-body); letter-spacing: 0; }
body, body[data-dashboard-accent="cyan"] { --dashboard-user-accent: var(--accent); --dashboard-user-accent-rgb: var(--accent-rgb); }
body { --dashboard-accent-text: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 62%, #fff); }
.workspace :is(h1, h2, h3), .sidebar .brand { font-family: var(--font-display); }
.sidebar .dashboard-nav .nav-section-primary, .sidebar .developer-nav-group, .sidebar .developer-nav-group .nav-item { --nav-accent: var(--accent); }
body, .login-screen, .boot-screen, .workspace { background: var(--background); background-image: none; }
.login-screen .back-link:hover, .login-screen .back-link:focus-visible { color: var(--accent-hover); }
.login-screen .back-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 2px; }
.login-screen::before, .login-panel::before, .sidebar::before, .sidebar::after { display: none; }
.login-panel { padding: 38px; background: var(--surface); border-color: var(--border); border-radius: var(--radius-card); box-shadow: var(--shadow-popover); }
.login-panel h1 { font-size: 28px; line-height: 1.3; font-weight: 600; }
.login-panel > p:not(.eyebrow) { font-size: 14px; line-height: 1.7; color: var(--text-secondary); }
.login-icon { background: var(--accent-soft); border-color: var(--border); color: var(--accent); }
body[data-dashboard-accent] .login-panel .button-primary { background: var(--accent); color: var(--accent-contrast); border-color: var(--accent); box-shadow: 0 4px 20px var(--accent-glow); }
body[data-dashboard-accent] .login-panel .button-primary:hover { background: color-mix(in srgb, var(--accent) 90%, #000); }
.login-panel .button-primary::after, .workspace .button::after { display: none; }
.sidebar { padding: 24px 16px 16px; background: var(--background-secondary); border-right-color: var(--border); box-shadow: none; }
.sidebar-brand-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 25px; }
.sidebar .brand { margin: 0; padding: 0 8px; font-size: 21px; }
.sidebar .sidebar-brand-row > .brand { gap: 10px; min-width: 0; }
.sidebar-brand-name { line-height: 1.2; white-space: nowrap; color: var(--text-primary); }
.sidebar-brand-row { flex-shrink: 0; }
.sidebar-guild-context { display: flex; align-items: center; gap: 10px; flex-shrink: 0; min-width: 0; padding: 0 8px 14px; border-bottom: 1px solid var(--border); }
.sidebar-guild-context.hidden { display: none; }
.sidebar-guild-avatar { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 6px; overflow: hidden; background: var(--surface); color: var(--text-secondary); font-size: 13px; }
.sidebar-guild-avatar img { width: 32px; height: 32px; object-fit: cover; }
.sidebar-guild-avatar [hidden] { display: none; }
.sidebar-guild-details { display: grid; gap: 4px; min-width: 0; }
.sidebar-guild-details small { font-size: 9px; line-height: 1.4; color: var(--text-muted); }
.sidebar-guild-details strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; font-weight: 600; color: var(--text-primary); }
.brand img, .login-brand img { filter: none; }
/* The transparent brand mark is not a circular Discord avatar or album cover. */
body img[src="/assets/images/omnitrix-mark-muted.png"],
body :is(.workspace, .sidebar, .account-trigger) img[src="/assets/images/omnitrix-mark-muted.png"] { object-fit: contain; border-radius: 0; background: transparent; }
body .discord-preview-avatar:has(> img[src="/assets/images/omnitrix-mark-muted.png"]) { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.sidebar .brand img { width: 46px; height: 46px; object-fit: contain; }
.sidebar-collapse { width: 30px; height: 30px; min-width: 30px; background: transparent; border-color: transparent; color: var(--text-muted); }
.sidebar-collapse:hover { color: var(--accent); background: var(--surface); }
.dashboard-nav { margin-top: 0; }
.dashboard-nav > .nav-section, .dashboard-nav > .developer-nav-group { flex-shrink: 0; }
.sidebar .nav-section-label { margin-block: 20px 8px; color: var(--text-muted); font-size: 10px; font-weight: 600; }
.sidebar .nav-section-label > i { display: none; }
.sidebar .nav-item { min-height: 44px; height: auto; padding: 6px 12px; grid-template-columns: 29px minmax(0, 1fr) 14px; border: 1px solid transparent; border-radius: var(--radius-control); color: var(--text-secondary); }
.sidebar .nav-item > span, .sidebar .developer-subnav-item > span { min-width: 0; line-height: 1.5; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.sidebar .nav-item[data-plus-feature] { padding-right: 12px; grid-template-columns: 29px minmax(0, 1fr) 17px 14px; }
.sidebar .nav-item[data-plus-feature] .nav-plus-marker { position: static; grid-column: 3; right: auto; }
.sidebar .nav-item span, .sidebar .developer-subnav-item span { font-size: 12px; font-weight: 500; }
.sidebar .nav-item > i:first-child { color: var(--text-muted); font-size: 13px; }
.sidebar .nav-item.active, .sidebar .nav-item.active:hover { background: color-mix(in srgb, var(--nav-accent, var(--accent)) 7%, var(--surface)); border-color: color-mix(in srgb, var(--nav-accent, var(--accent)) 22%, transparent); color: var(--text-primary); box-shadow: none; }
.sidebar .nav-item.active > i:first-child, .sidebar .nav-item.active > .nav-animated-bars { color: var(--nav-accent, var(--accent)); background: color-mix(in srgb, var(--nav-accent, var(--accent)) 9%, var(--surface)); border-color: color-mix(in srgb, var(--nav-accent, var(--accent)) 24%, transparent); }
.sidebar .nav-item.active .nav-item-arrow { color: var(--nav-accent, var(--accent)); }
.sidebar .nav-item.active::before { display: none; }
.sidebar .nav-item:hover { background: var(--surface-hover); color: var(--text-primary); }
.sidebar .developer-subnav-item.active { background: var(--surface-hover); border-color: var(--border); }
.sidebar .developer-subnav-item > i { animation: none !important; transform: none !important; filter: none !important; }
.sidebar .developer-subnav-label, .sidebar .sidebar-label { color: var(--text-muted); }
.sidebar { min-height: 0; }
.sidebar .dashboard-nav { flex: 1 1 0; min-height: 60px; }
.sidebar-bottom { flex: 0 1 auto; max-height: calc(100% - 220px); overflow-y: auto; background: var(--background-secondary); padding-top: 14px; border-top: 1px solid var(--border); }
.sidebar .user-card { padding: 10px; border-color: var(--border); border-radius: var(--radius-card); background: var(--surface); }
.sidebar .sidebar-account { width: 100%; min-height: 58px; text-align: left; color: var(--text-primary); cursor: pointer; grid-template-columns: 36px minmax(0, 1fr) 16px; font-family: var(--font-body); }
.sidebar-account-details { display: grid; min-width: 0; gap: 3px; }
.sidebar .sidebar-account:hover, .sidebar .sidebar-account[aria-expanded="true"] { background: var(--surface-hover); border-color: var(--border-hover); }
.sidebar-account:focus-visible { outline: 2px solid var(--accent-hover); outline-offset: -2px; }
.sidebar-account > .account-arrow { transform: rotate(180deg); }
.sidebar-account[aria-expanded="true"] > .account-arrow { transform: none; }
.sidebar-account-menu .account-popover-inline { position: static; width: 100%; margin: 0 0 8px; box-shadow: none; padding: 6px; }
.sidebar-account-menu .account-popover-inline header { display: none; }
.sidebar-account-menu .account-popover-inline [role="menuitem"] { min-height: 38px; padding: 8px 10px; }
.bot-connection { font-size: 11px; padding-block: 12px; }
.bot-connection strong { font-size: 11px; }
.workspace-scroll, body[data-dashboard-background] .workspace-scroll { height: calc(100dvh - 80px); background: var(--background); background-image: none; }
body[data-dashboard-background="visible"] .workspace-scroll { background-color: var(--background-secondary); }
.topbar { height: 80px; display: flex; align-items: center; gap: 18px; padding: 0 32px; border-bottom-color: var(--border); background: var(--background-secondary); box-shadow: none; }
.topbar-title { flex: 1 1 180px; font-size: 11px; }
.topbar-title strong { font-size: 13px; font-weight: 600; }
.topbar-title #active-guild-name { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.topbar .panel-search-trigger { width: min(280px, 24vw); min-width: 44px; min-height: 40px; background: var(--surface); border-color: var(--border); color: var(--text-muted); }
.topbar .panel-change-status { flex: 0 1 auto; max-width: 180px; font-size: 10px; background: transparent; border-color: transparent; }
.topbar .icon-button, .topbar .language-button { width: 38px; min-width: 38px; height: 38px; padding: 0; border-color: transparent; background: transparent; color: var(--text-secondary); box-shadow: none; }
.topbar .icon-button:hover, .topbar .language-button:hover { background: var(--surface-hover); color: var(--accent); }
.topbar .icon-button::after, .topbar .language-button::after { display: none; }
.topbar-actions { flex-shrink: 0; gap: 4px; }
.view-stack, .empty-state { width: min(1320px, 100%); margin-inline: auto; padding: 36px 32px 72px; }
.workspace .view-heading { min-height: 70px; margin-bottom: 24px; padding-bottom: 20px; border-color: var(--border); }
.workspace .view-heading h1 { margin-top: 4px; font: 600 28px/1.25 var(--font-display); }
.workspace .view-heading .eyebrow { font-size: 10px; font-weight: 500; color: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 70%, #fff); }
.workspace .view-heading > div:first-child > p:last-child:not(.eyebrow) { font-size: 13px; line-height: 1.65; color: var(--text-secondary); }
.workspace .tool-section, body[data-dashboard-accent] .workspace .configuration-surface { padding-inline: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.workspace .view .form-actions, .workspace .settings-disclosure { border: 0; }
/* One surface per editor; row-based settings already have their own boundaries. */
body[data-dashboard-accent] .workspace .configuration-surface:not(:is(#general-form, #logs-form, #counters-form, #mention-replies-form, #autorole-form)) {
  min-width: 0; padding: 20px 22px; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--background-secondary); box-shadow: none;
}
body[data-dashboard-accent] .workspace .configuration-surface:not(:is(#general-form, #logs-form, #counters-form, #mention-replies-form, #autorole-form)):focus-within { border-color: var(--border-hover); }
body[data-dashboard-accent] .workspace .configuration-surface.has-unsaved-changes { border-color: color-mix(in srgb, var(--warning) 55%, var(--border)); }
.workspace .configuration-surface > .settings-disclosure { border-bottom: 1px solid var(--border); }
.workspace .configuration-surface > .settings-disclosure > .settings-section-body { padding-bottom: 20px; }
.workspace .configuration-surface > .form-actions { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border); }
.workspace .configuration-surface > :is(.section-heading, .suggestion-form-intro):first-child { padding-top: 0; }
.workspace .mention-replies-settings { margin-top: 24px; padding-block: 0; }
.workspace .mention-replies-settings .setting-row { gap: 16px; border: 0; padding-block: 12px; }
.workspace .mention-replies-settings .setting-row .switch { flex-shrink: 0; }
.workspace .mention-replies-settings .settings-note { margin-top: 8px; }
.workspace .mention-replies-settings .mention-owner-note { display: block; margin-top: 6px; color: var(--text-muted); font-size: 11px; }
.workspace .mention-replies-settings .mention-owner-note[hidden] { display: none; }
.workspace .view[data-view="music"] { --dashboard-user-accent: var(--accent); }
.workspace .music-session-strip > span { min-width: 0; padding: 16px; }
.workspace .music-session-strip small { font-size: 10px; font-weight: 500; color: var(--text-muted); }
.workspace .music-session-strip strong { font-size: 12px; font-weight: 600; }
.workspace .music-session-strip :is(small, strong) { white-space: normal; overflow-wrap: anywhere; }
.workspace .music-kicker { font-size: 10px; font-weight: 500; color: var(--text-muted); }
.workspace :is(.music-current-meta, .music-add-heading p, .music-add-note, .music-mode-note, .music-empty span, .music-queue-copy small, .music-search-results small) { font-size: 11px; line-height: 1.6; color: var(--text-muted); }
.workspace .music-current-meta { white-space: normal; overflow-wrap: anywhere; }
.workspace .music-add-heading h2 { font-size: 15px; font-weight: 600; }
.workspace .music-search-results b, .workspace .music-queue-copy a { font-size: 12px; }
.workspace .music-progress > div:last-child { font-size: 10px; }
.workspace .music-billing-copy small { font-size: 10px; font-weight: 500; }
.workspace .music-billing-copy strong { font-size: 13px; }
.workspace .music-billing-copy span { font-size: 11px; line-height: 1.6; }
.workspace .tool-section::before, .workspace .configuration-surface::before { display: none; }
.workspace .section-heading { padding-block: 20px 16px; }
.workspace .section-heading h2 { font-size: 16px; line-height: 1.4; font-weight: 600; }
.workspace .section-heading p { font-size: 12px; line-height: 1.65; color: var(--text-muted); }
.workspace .setting-row { padding-block: 18px; border-color: var(--border); }
.workspace :is(#general-form, #logs-form, #counters-form, #mention-replies-form, #autorole-form) > .setting-row { min-width: 0; padding: 18px 20px; border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--background-secondary); }
.workspace :is(#general-form, #logs-form, #counters-form, #mention-replies-form, #autorole-form) > .setting-row > div { min-width: 0; }
.workspace .setting-row-title, .workspace label > span:first-child { font-size: 13px; font-weight: 600; }
.workspace .setting-row label { font-size: 13px; }
.workspace .setting-row p, .workspace .setting-row small, .workspace .form-grid > label > small, .workspace .form-control-group > small { color: var(--text-muted); font-size: 12px; line-height: 1.65; }
.workspace .setting-row > div:first-child { flex: 1 1 auto; }
.workspace .settings-note { background: var(--background-secondary); border-color: var(--border); box-shadow: none; }
.workspace .settings-note p { font-size: 12px; color: var(--text-secondary); }
.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 input[type="password"], .workspace select, .workspace textarea {
  background: var(--surface-elevated); border-color: var(--border); color: var(--text-primary); border-radius: var(--radius-control); font-size: 13px; box-shadow: none;
}
.workspace input::placeholder, .workspace textarea::placeholder { color: var(--text-muted); }
.workspace input:hover:not(:disabled), .workspace select:hover:not(:disabled), .workspace textarea:hover:not(:disabled) { border-color: var(--border-hover); }
.workspace input:focus, .workspace select:focus, .workspace textarea:focus,
body[data-dashboard-accent] .workspace :is(input, select, textarea):focus { border-color: var(--dashboard-user-accent, var(--accent)); background: var(--surface-elevated); outline: 0; box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 16%, transparent); }
/* Composite controls own the border and focus ring, not their inner input. */
:is(.workspace, .sidebar) :is(.filter-input, .password-field, .slug-input, .input-with-suffix) { background: var(--surface-elevated); border: 1px solid var(--border); border-radius: var(--radius-control); transition: border-color .18s, box-shadow .18s; }
:is(.workspace, .sidebar) :is(.filter-input, .password-field, .slug-input, .input-with-suffix):hover { border-color: var(--border-hover); }
:is(.workspace, .sidebar) :is(.filter-input, .password-field, .slug-input, .input-with-suffix):focus-within { border-color: var(--dashboard-user-accent, var(--accent)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 16%, transparent); }
body :is(.workspace, .sidebar) :is(.filter-input, .password-field, .slug-input, .input-with-suffix) input,
body :is(.workspace, .sidebar) :is(.filter-input, .password-field, .slug-input, .input-with-suffix) input:is(:hover, :focus, :focus-visible),
body .panel-command-search input, body .panel-command-search input:is(:hover, :focus, :focus-visible) { background: transparent; border: 0; border-radius: 0; outline: 0; box-shadow: none; }
.workspace .input-with-suffix > span { border: 0; border-left: 1px solid var(--border); border-radius: 0; background: transparent; font-size: 11px; }
.workspace .field-invalid :is(input, select, textarea):focus,
.workspace :is(input, select, textarea)[aria-invalid="true"]:focus { border-color: var(--error); box-shadow: 0 0 0 3px color-mix(in srgb, var(--error) 16%, transparent); }
.workspace .button, .login-panel .button { min-height: 40px; font-size: 12px; font-weight: 600; border-radius: 999px; }
body[data-dashboard-accent] .workspace .button-primary, .workspace .button.primary, .workspace .form-actions .button-primary { background: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 12%, var(--background)); color: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 48%, #fff); border-color: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 45%, var(--border)); box-shadow: inset 0 1px 0 #ffffff08, 0 3px 14px #00000020; }
body[data-dashboard-accent] .workspace .button-primary:hover:not(:disabled), .workspace .button.primary:hover:not(:disabled) { filter: none; background: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 23%, var(--background)); color: var(--text-primary); border-color: color-mix(in srgb, var(--dashboard-user-accent, var(--accent)) 70%, #fff); box-shadow: inset 0 1px 0 #ffffff12, 0 4px 16px var(--accent-glow); }
.workspace .button-secondary { background: var(--surface); border-color: var(--border); color: var(--text-primary); }
.workspace .button-secondary:hover:not(:disabled) { background: color-mix(in srgb, var(--surface) 90%, #fff); border-color: var(--border-hover); }
.workspace .button-danger { background: #f38d9910; color: var(--error); border-color: #f38d992a; }
body[data-dashboard-accent] .workspace .button:disabled { background: var(--surface-hover); border-color: var(--border); color: var(--text-muted); box-shadow: none; opacity: 1; cursor: not-allowed; }
.workspace .button:focus-visible, .icon-button:focus-visible, .nav-item:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.workspace :is(.stat-card,.analytics-stat,.security-status,.overview-status-board,.overview-side-panel,.setup-summary,.module-status,.music-player-surface,.member-center-layout,.report-status-card) { background: var(--surface); border-color: var(--border); border-radius: var(--radius-card); box-shadow: var(--shadow-soft); }
.workspace :is(.stat-card,.overview-module-card)::before { display: none; }
.workspace .overview-status-board { overflow: hidden; margin-bottom: 24px; }
.workspace .overview-server-banner { padding: 22px; background: transparent; border-color: var(--border); }
.workspace .overview-guild-copy h2 { font-size: 20px; font-weight: 600; }
.workspace .overview-guild-copy > span { font-size: 10px; color: var(--text-muted); }
.workspace .overview-guild-copy p { font-size: 12px; color: var(--text-secondary); }
.workspace .overview-kpi-strip { background: transparent; }
.workspace .overview-kpi-strip article { padding: 18px 22px; border-color: var(--border); }
.workspace .overview-kpi-strip span { font-size: 10px; font-weight: 500; color: var(--text-muted); }
.workspace .overview-kpi-strip strong { font: 500 24px/1.3 var(--font-display); color: var(--text-primary); }
.workspace .overview-kpi-strip article > i { width: 32px; height: 32px; color: var(--accent); background: var(--accent-soft); }
.workspace .overview-kpi-strip article:nth-child(2) > i { color: var(--info); background: #87b8ec12; }
.workspace .overview-kpi-strip article:nth-child(3) > i { color: var(--warning); background: #eac47112; }
.workspace .overview-kpi-strip article:nth-child(4) > i { color: var(--error); background: #f38d9912; }
.workspace .overview-main-column .setup-summary { padding: 20px; border-left: 1px solid var(--border); }
.workspace .setup-copy h2 { font-size: 15px; font-weight: 600; }
.workspace .setup-copy p { font-size: 12px; color: var(--text-muted); }
.workspace .overview-dashboard-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
.workspace .overview-module-section .module-status-grid { gap: 12px; }
.workspace .overview-module-section .module-status { min-height: 104px; transition: border-color .18s, background-color .18s; }
.workspace .overview-module-section .module-status:hover { border-color: var(--border-hover); background: color-mix(in srgb, var(--surface) 96%, #fff); }
.workspace .overview-module-section .module-status-main { padding: 16px; gap: 12px; }
.workspace .overview-module-section .module-status-control { min-width: 84px; }
.workspace .module-status-copy strong { font-size: 13px; font-weight: 600; }
.workspace .module-status-copy small { margin-top: 5px; font-size: 11px; line-height: 1.5; color: var(--text-muted); }
.workspace .overview-plan-content { padding: 20px; }
.workspace .overview-plan-copy strong { font-size: 16px; }
.workspace .overview-plan-copy small { color: var(--text-muted); font-size: 10px; }
.workspace .overview-plan-copy > span { font-size: 11px; }
.workspace .overview-plan-panel .overview-plan-icon { border-color: var(--border); background: var(--accent-soft); color: var(--accent); }
.workspace .overview-plan-accent, .workspace .overview-plan-panel.is-plus .overview-plan-accent, .workspace .overview-plan-panel::before, .workspace .overview-plan-meter > span { background: var(--accent); }
.workspace .overview-plan-usage { margin: 0 20px 16px; padding: 0; border: 0; background: transparent; }
.workspace .overview-plan-meta { gap: 14px; padding-top: 14px; }
.workspace .overview-plan-meta strong { font-size: 11px; }
.workspace .overview-plan-action { padding: 16px 20px; border-color: var(--border); font-size: 12px; }
.workspace .overview-side-heading { padding: 18px 20px; background: transparent; border-color: var(--border); }
.workspace .overview-side-heading h2 { font-size: 14px; }
.workspace .overview-quick-actions button { padding: 16px 20px; border-color: var(--border); }
.workspace .overview-quick-actions strong { font-size: 12px; }
.workspace .overview-quick-actions small { font-size: 11px; color: var(--text-muted); }
.workspace .overview-details-section { border-radius: 0; background: transparent; box-shadow: none; }
.workspace .reports-layout { width: 100%; min-width: 0; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 24px; }
.workspace .reports-layout > * { min-width: 0; max-width: 100%; }
.workspace .reports-layout > .report-status-card { padding: 22px; margin: 0; border: 1px solid var(--border); border-radius: var(--radius-card); background: var(--surface); }
.workspace .report-status-card > div, .workspace .report-status-card dl { width: 100%; min-width: 0; }
.workspace .report-status-card h2 { font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.workspace .report-status-card :is(p, dt, dd) { font-size: 12px; line-height: 1.6; }
.workspace .reports-form .settings-section-body { min-width: 0; }
.workspace .reports-form :is(select, input) { max-width: 100%; min-width: 0; }
.workspace .table-wrap, .workspace .case-table-surface, .workspace .maintenance-control { background: var(--surface); border-color: var(--border); box-shadow: none; }
.workspace .maintenance-control-copy strong, .workspace .maintenance-message-heading h3 { font-size: 14px; }
.workspace .maintenance-control-copy p, .workspace .maintenance-message-heading p { font-size: 12px; }
.workspace .maintenance-section.active, .workspace .maintenance-section.active .maintenance-control { background: #242218; border-color: #5b5134; }
.workspace .view.active { animation: workspace-enter .3s var(--ui-easing) both; }
.workspace .view.active > * { animation: none; }
.workspace .button, .sidebar .nav-item, .topbar .icon-button { transition: background-color .18s, border-color .18s, color .18s, box-shadow .18s; }
.dashboard-language-flag { width: 22px; height: 16px; object-fit: cover; border-radius: 2px; }
.maintenance-language-label img { border-radius: 2px; object-fit: cover; }
.modal-card, .notification-popover { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow-popover); }

.bot-profile-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 32px; align-items: start; }
.bot-profile-layout .custom-bot-form { padding: 24px; background: var(--background-secondary); border-color: var(--border); }
.bot-profile-field { display: grid; gap: 9px; margin: 24px 0; font-size: 13px; font-weight: 600; }
.bot-profile-field small { text-align: right; font-size: 11px; color: var(--text-muted); font-weight: 400; }
.bot-profile-field textarea { min-height: 120px; }
.bot-profile-layout .custom-bot-form .section-heading p { margin-top: 5px; }
.bot-profile-preview { overflow: hidden; min-height: 520px; border: 1px solid var(--border); border-radius: 8px; background: var(--background-secondary); }
.bot-profile-banner-edit { position: relative; display: block; width: 100%; height: 136px; padding: 0; border: 0; background: #17212b; cursor: pointer; }
.bot-profile-banner-edit > img { width: 100%; height: 100%; object-fit: cover; }
.bot-profile-banner-edit > span, .bot-profile-avatar-edit > span { position: absolute; inset: 0; display: grid; align-content: center; justify-items: center; gap: 6px; color: #fff; background: rgba(0,0,0,.48); opacity: 0; transition: opacity .2s; }
.bot-profile-banner-edit > span i, .bot-profile-avatar-edit > span i { font-size: 21px; }
.bot-profile-banner-edit > span b, .bot-profile-avatar-edit > span b { font-size: 10px; text-transform: uppercase; }
.bot-profile-banner-edit:is(:hover,:focus-visible) > span, .bot-profile-avatar-edit:is(:hover,:focus-visible) > span { opacity: 1; }
.bot-profile-preview-body { padding: 0 20px 28px; }
.bot-profile-avatar-wrap { position: relative; width: 88px; height: 88px; margin-top: -42px; }
.bot-profile-avatar-edit { position: relative; width: 88px; height: 88px; padding: 4px; border: 5px solid var(--background-secondary); border-radius: 50%; overflow: hidden; background: var(--background-secondary); cursor: pointer; }
.bot-profile-avatar-edit > img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.bot-profile-avatar-edit > img[src$="omnitrix-mark-muted.png"] { object-fit: contain; border-radius: 0; }
.bot-profile-online { position: absolute; right: 2px; bottom: 3px; width: 19px; height: 19px; border: 4px solid var(--background-secondary); border-radius: 50%; background: #23bd89; }
.bot-profile-preview h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 18px 0 4px; font-size: 21px; line-height: 1.3; }
.bot-profile-preview h2 > span:first-child { overflow-wrap: anywhere; min-width: 0; }
.bot-profile-app { display: inline-flex; align-items: center; gap: 3px; padding: 4px 5px; border-radius: 4px; background: var(--accent); color: #fff; font-size: 9px; }
.bot-profile-username { color: var(--text-muted); font-size: 12px; margin: 0; }
.bot-profile-preview-details { margin-top: 18px; padding-top: 1px; border-top: 1px solid var(--border); }
.bot-profile-preview-details h3 { font-size: 10px; text-transform: uppercase; color: var(--text-secondary); margin: 18px 0 6px; }
.bot-profile-preview-details p { font-size: 13px; line-height: 1.5; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.bot-profile-preview-details .is-empty { font-style: italic; color: var(--text-muted); }
.bot-profile-image-dialog { width: min(440px,calc(100vw - 32px)); box-sizing: border-box; padding: 22px; border: 1px solid var(--border); border-radius: 8px; background: var(--background-secondary); color: var(--text-primary); }
.bot-profile-image-dialog::backdrop { background: rgba(0,0,0,.65); }
.bot-profile-image-dialog header, .bot-profile-image-dialog footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bot-profile-image-dialog h2 { margin: 0; font-size: 18px; }
.bot-profile-image-dialog footer { flex-wrap: wrap; }
.bot-profile-upload { position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 90px; margin: 24px 0 10px; border: 1px dashed var(--border-strong); border-radius: 6px; cursor: pointer; font-size: 14px; }
.bot-profile-upload input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.bot-profile-image-dialog form > small { color: var(--text-muted); font-size: 11px; }

.panel-loading-overlay { inset: 0; z-index: 1300; background: rgba(5,9,15,.28); -webkit-backdrop-filter: blur(8px) saturate(.82); backdrop-filter: blur(8px) saturate(.82); }
.view-stack.is-loading { opacity: 1; filter: none; }
.toast-stack { position: fixed; z-index: 190; right: 86px; bottom: max(20px,env(safe-area-inset-bottom)); width: min(292px,calc(100vw - 104px)); pointer-events: none; }
.toast-stack-items { position: relative; height: 0; transition: height .3s cubic-bezier(.22,1,.36,1); }
.toast-stack.has-toasts .toast-stack-items { height: var(--front-height,34px); margin-top: 12px; }
.toast-stack.is-expanded.has-toasts .toast-stack-items { height: var(--stack-height,34px); }
.toast-stack .toast { position: absolute; inset: auto 0 0; width: 100%; max-width: none; box-sizing: border-box; display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 7px 10px; border: 1px solid var(--border); border-radius: var(--radius-control); background: var(--surface); color: var(--text-secondary); font-family: var(--font-body); font-size: 11px; font-weight: 500; line-height: 1.5; box-shadow: 0 4px 14px #00000030; opacity: 1; z-index: calc(4 - var(--toast-index)); transform-origin: center bottom; transform: translateY(calc(var(--toast-index) * -4px)) scale(calc(1 - var(--toast-index) * .025)); transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .18s ease, background .2s; pointer-events: none; }
.toast-stack .toast:first-child { pointer-events: auto; }
.toast-stack .toast > span { flex: 1; min-width: 0; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.toast-stack .toast > i { flex: 0 0 12px; color: var(--success); font-size: 12px; }
.toast-stack .toast.error { border-color: color-mix(in srgb, var(--error) 30%, var(--border)); }
.toast-stack .toast.error > i { color: var(--error); }
.toast-stack .toast > button { display: grid; place-items: center; flex: 0 0 22px; width: 22px; height: 22px; border: 0; border-radius: 4px; padding: 0; background: transparent; color: var(--text-muted); font-size: 11px; cursor: pointer; transition: background .18s, color .18s; }
.toast-stack .toast > button:hover, .toast-stack .toast > button:focus-visible { background: var(--surface-hover); color: var(--text-primary); }
.toast-stack .toast > button:focus-visible { outline: 1px solid var(--accent-hover); outline-offset: 1px; }
.toast-stack .toast:not(:first-child) > :is(i,span,button) { opacity: 0; transition: opacity .2s; }
.toast-stack.is-expanded .toast { transform: translateY(calc(var(--toast-offset) * -1)); pointer-events: auto; }
.toast-stack.is-expanded .toast:not(:first-child) > :is(i,span,button) { opacity: 1; }
.toast-stack .toast.is-leaving { opacity: 0; pointer-events: none; animation: toast-dismiss .18s ease-in both; }
@keyframes toast-dismiss {
  from { opacity: 1; translate: 0 0; scale: 1; }
  to { opacity: 0; translate: 0 6px; scale: .98; }
}
@media (max-width: 1000px) { .bot-profile-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 20px; } }
@media (max-width: 760px) { .bot-profile-layout { grid-template-columns: minmax(0,1fr); } .bot-profile-preview { width: min(340px,100%); justify-self: center; min-height: 420px; } .bot-profile-layout .custom-bot-form { padding: 18px; } .toast-stack { right: 16px; bottom: max(78px,calc(env(safe-area-inset-bottom) + 66px)); width: min(292px,calc(100vw - 32px)); } }
@media (max-width: 520px) { body.has-live-chat.has-toolbar-chat:not(.live-chat-open) #dashboard-app:not(.hidden) ~ #toast.toast-stack { right: 14px; bottom: max(14px,env(safe-area-inset-bottom)); width: min(292px,calc(100vw - 28px)); max-width: calc(100vw - 28px); } }
@media (hover: none) { .bot-profile-banner-edit > span, .bot-profile-avatar-edit > span { opacity: 1; background: rgba(0,0,0,.24); } }
@media (prefers-reduced-motion: reduce) { .toast-stack-items, .toast-stack .toast, .toast-stack .toast > :is(i,span,button) { transition: none; } .toast-stack .toast.is-leaving { animation: none; translate: none; scale: none; } }
.customization-preview-body main { background: var(--background); background-image: none; }
.dashboard.is-collapsed { --sidebar-width: 76px; }
.dashboard.is-collapsed .sidebar { padding-inline: 10px; }
.dashboard.is-collapsed .sidebar-brand-row { flex-direction: column; margin-bottom: 16px; }
.dashboard.is-collapsed .sidebar .brand { padding: 0; }
.dashboard.is-collapsed .sidebar :is(.brand > span,.nav-section-label,.nav-item > span,.nav-item-arrow,.nav-plus-marker,.developer-subnav,.bot-connection,.user-card > div) { display: none; }
.dashboard.is-collapsed .dashboard-nav { margin-top: 0; }
.dashboard.is-collapsed .nav-item { justify-content: center; grid-template-columns: 29px; padding-inline: 0; }
.dashboard.is-collapsed .nav-item-parent > .developer-nav-chevron { display: none; }
.dashboard.is-collapsed .user-card { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 8px; padding: 8px 0; }
.dashboard.is-collapsed .user-card img { width: 30px; height: 30px; }
.dashboard.is-collapsed .sidebar-account :is(.sidebar-account-details, .account-arrow) { display: none; }
.dashboard.is-collapsed .sidebar-account-menu { display: none; }
.dashboard.is-collapsed .sidebar-guild-context { justify-content: center; padding-inline: 0; }
.dashboard.is-collapsed .sidebar-guild-details { display: none; }
.sidebar-close { display: none; }
.workspace .form-grid { gap: 22px; }
.workspace .settings-disclosure > summary { min-height: 50px; padding-block: 12px; }
.workspace .settings-disclosure > summary:hover { color: var(--text-primary); }
.workspace .settings-disclosure > summary > i { color: var(--text-muted); }
.workspace .form-grid > label > span:first-child { min-height: 20px; line-height: 1.5; }
.workspace .state-badge { padding: 6px 9px; font-size: 10px; font-weight: 500; }
.workspace .view-heading .heading-tools { align-items: center; flex-wrap: wrap; gap: 8px; }
.workspace .privacy-option strong { font-size: 13px; font-weight: 600; color: var(--text-primary); }
.workspace .privacy-option p { font-size: 12px; line-height: 1.65; color: var(--text-muted); }
.workspace .privacy-option > div { min-width: 0; overflow-wrap: anywhere; }
.workspace .case-view-tabs button { font-size: 11px; font-weight: 500; }
.workspace .case-view-tabs button b { font-size: 10px; }
.workspace .case-view-tabs button > span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
@keyframes workspace-enter { from { opacity: .5; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.developer-observability { min-width: 0; }
.diagnostics-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.diagnostics-toolbar .filter-input { flex: 1 1 240px; min-width: 0; }
.diagnostics-toolbar select { width: auto; min-width: 120px; max-width: 220px; flex: 0 1 auto; }
.diagnostics-toolbar .icon-button { flex: 0 0 38px; width: 38px; height: 38px; }
.diagnostics-live { display: flex; align-items: center; gap: 7px; white-space: nowrap; font-size: 12px; }
.diagnostics-live input { accent-color: var(--accent); }
.diagnostics-status { min-height: 36px; padding-top: 10px; font-size: 11px; color: var(--text-muted); }
.diagnostics-status.is-error { color: var(--error); }
.diagnostics-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 8px 0 24px; border-block: 1px solid var(--border); }
.diagnostics-summary > div { min-width: 0; padding: 18px 16px; border-right: 1px solid var(--border); }
.diagnostics-summary > div:last-child { border-right: 0; }
.diagnostics-summary span { display: block; font-size: 11px; color: var(--text-secondary); }
.diagnostics-summary strong { display: block; margin-top: 8px; font-size: 23px; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.diagnostics-summary:empty { display: none; }
.diagnostics-context, .diagnostics-empty { font-size: 12px; line-height: 1.7; color: var(--text-muted); }
.diagnostics-context { margin-bottom: 20px; }
.diagnostics-empty { padding: 28px 16px; border: 1px dashed var(--border); text-align: center; }
.diagnostics-content > h2 { margin: 28px 0 14px; font-size: 16px; }
.diagnostics-error { margin-bottom: 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--background-secondary); }
.diagnostics-error > summary { display: flex; align-items: flex-start; gap: 12px; padding: 18px; cursor: pointer; list-style: none; }
.diagnostics-error > summary::-webkit-details-marker { display: none; }
.diagnostics-error > summary:hover { background: var(--surface-hover); }
.diagnostics-error > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.diagnostics-error > summary > i { padding-top: 3px; color: var(--warning); }
.diagnostics-error > summary > span:first-of-type { min-width: 0; flex: 1; }
.diagnostics-error summary :is(strong, small, em) { display: block; overflow-wrap: anywhere; }
.diagnostics-error summary strong { font-size: 13px; }
.diagnostics-error summary small { margin-top: 6px; color: var(--text-secondary); font-size: 12px; line-height: 1.6; }
.diagnostics-error summary em { margin-top: 8px; color: var(--text-muted); font-size: 11px; font-style: normal; }
.diagnostics-error-meta { display: grid; gap: 6px; flex: 0 0 160px; text-align: right; font-size: 12px; }
.diagnostics-label { display: inline-block; padding: 4px 7px; border: 1px solid var(--border); border-radius: 4px; font-size: 10px; line-height: 1.5; color: var(--text-secondary); overflow-wrap: anywhere; }
.diagnostics-label.is-resolved { color: var(--success); }
.diagnostics-error-body { padding: 0 18px 18px; border-top: 1px solid var(--border); }
.diagnostics-error-body dl { display: flex; flex-wrap: wrap; gap: 24px; margin: 16px 0; }
.diagnostics-error-body dt, .diagnostics-session dt { color: var(--text-muted); font-size: 11px; }
.diagnostics-error-body dd, .diagnostics-session dd { margin: 5px 0 0; font-size: 12px; overflow-wrap: anywhere; }
.diagnostics-error-body pre { max-height: 360px; overflow: auto; padding: 16px; margin-bottom: 16px; background: var(--background); font: 12px/1.7 monospace; tab-size: 2; white-space: pre-wrap; overflow-wrap: anywhere; }
.diagnostics-session { padding: 22px 0; border-block: 1px solid var(--border); }
.diagnostics-session + .diagnostics-session { border-top: 0; }
.diagnostics-session header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.diagnostics-session header > div { min-width: 0; }
.diagnostics-session h3 { font-size: 14px; overflow-wrap: anywhere; }
.diagnostics-session p { margin-top: 5px; font-size: 12px; color: var(--text-secondary); overflow-wrap: anywhere; }
.diagnostics-session dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 22px; }
.diagnostics-events article { display: grid; grid-template-columns: 140px minmax(0, 1fr) 160px; align-items: start; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--border); }
.diagnostics-events strong { font-size: 12px; overflow-wrap: anywhere; }
.diagnostics-events p { margin-top: 5px; font-size: 12px; line-height: 1.6; color: var(--text-secondary); overflow-wrap: anywhere; }
.diagnostics-events time { font-size: 11px; color: var(--text-muted); }
.diagnostics-table-scroll { max-width: 100%; overflow: auto; border-block: 1px solid var(--border); }
.diagnostics-table { width: 100%; min-width: 950px; border-collapse: collapse; font-size: 12px; }
.diagnostics-table :is(th, td) { padding: 14px 12px; border-bottom: 1px solid var(--border); text-align: right; font-variant-numeric: tabular-nums; }
.diagnostics-table th { background: var(--background-secondary); color: var(--text-secondary); font-size: 11px; font-weight: 500; }
.diagnostics-table :is(th, td):first-child { text-align: left; }
.diagnostics-table .is-warning { color: var(--warning); }
@media (max-width: 620px) {
  .diagnostics-toolbar .filter-input { flex-basis: 100%; }
  .diagnostics-toolbar select { flex: 1 1 110px; min-width: 0; max-width: 100%; }
  .diagnostics-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .diagnostics-summary > div { padding: 14px 10px; }
  .diagnostics-summary strong { font-size: 20px; }
  .diagnostics-error > summary { flex-wrap: wrap; padding: 14px; }
  .diagnostics-error-meta { flex-basis: 100%; display: flex; flex-wrap: wrap; align-items: center; text-align: left; gap: 10px; padding-left: 24px; }
  .diagnostics-error-body { padding-inline: 14px; }
  .diagnostics-session dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .diagnostics-events article { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
@container (max-width: 1060px) { .workspace .overview-dashboard-grid, .workspace .reports-layout { grid-template-columns: minmax(0, 1fr); } .workspace .report-status-card { position: static; } }
@media (max-width:1280px) { .topbar .panel-change-status { width: 32px; padding: 0; min-width: 32px; } .topbar .panel-change-status > span { display: none; } .topbar-title > i { display: none; } .topbar-title { display: grid; gap: 3px; min-width: 0; } .topbar-title #active-guild-name { display: block; max-width: 100%; font-size: 10px; } .topbar .dashboard-account .account-name { display: none; } }
@media (max-width:960px) {
  .dashboard, .dashboard.is-collapsed { grid-template-columns: minmax(0, 1fr); }
  .sidebar { position: fixed; width: min(284px, 88vw); z-index: 30; height: 100dvh; transform: translateX(-102%); box-shadow: var(--shadow-popover); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-overlay { z-index: 25; }
  .sidebar-collapse { display: none; }
  .sidebar-close, .mobile-only { display: inline-grid; }
  .topbar { height: 68px; padding-inline: 20px; gap: 12px; }
  .workspace-scroll, body[data-dashboard-background] .workspace-scroll { height: calc(100dvh - 68px); }
  .topbar .panel-search-trigger { width: 44px; }
  .topbar .panel-search-trigger > span, .topbar .panel-search-trigger kbd { display: none; }
  .view-stack, .empty-state { padding: 26px 22px 60px; }
}
@media (max-width:620px) {
  .topbar { padding-inline: 12px; gap: 8px; }
  .topbar-title { flex-basis: auto; }
  .topbar-title strong { font-size: 12px; white-space: normal; }
  .topbar .panel-change-status, .topbar .topbar-action-home { display: none; }
  .topbar .panel-search-trigger { width: 32px; min-width: 32px; padding: 0; background: transparent; border: 0; }
  .topbar-actions { gap: 0; }
  .topbar .icon-button, .topbar .language-button { width: 32px; min-width: 32px; }
  .view-stack, .empty-state { padding: 22px 16px 60px; }
  .workspace .view-heading h1 { font-size: 24px; }
  body[data-dashboard-accent] .workspace .configuration-surface:not(:is(#general-form, #logs-form, #counters-form, #mention-replies-form, #autorole-form)) { padding: 16px; }
  .workspace :is(#general-form, #logs-form, #counters-form, #mention-replies-form, #autorole-form) > .setting-row { padding: 16px; }
  .workspace .overview-server-banner { padding: 16px; }
  .workspace .overview-kpi-strip article { padding: 16px; }
  .workspace .overview-kpi-strip strong { font-size: 20px; }
  .workspace .overview-module-section .module-status { min-height: 100px; }
  .workspace .case-view-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .workspace .case-view-tabs button { min-width: 0; min-height: 48px; }
  .workspace .case-view-tabs button:last-child { grid-column: 1 / -1; }
  .workspace .privacy-option:has(select) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .workspace .privacy-option select { width: 100%; }
  .login-panel { padding: 28px 22px; }
}
body[data-dashboard-motion="calm"] .workspace .view.active { animation: none; }
@media (prefers-reduced-motion: reduce) { .workspace .view.active { animation: none !important; } .dashboard *, .login-screen * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }