/* Secondary pages share the product palette without touching the report canvas. */
body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) {
  --ink: var(--ui-text);
  --muted: var(--ui-muted);
  --line: var(--ui-border);
  --accent: var(--ui-accent);
  --accent-soft: var(--ui-accent-soft);
  --shadow: var(--ui-shadow);
  min-height: 100dvh;
  color: var(--ui-text);
  background: var(--ui-page);
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
}
body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) [hidden] { display: none !important; }
body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) :is(button, input, select, textarea) { font-family: inherit; }
body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) :focus-visible {
  outline: 2px solid var(--ui-accent);
  outline-offset: 3px;
}
body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) :is(button, a, input, select, textarea) {
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) .brand-mark {
  color: var(--ui-text);
  letter-spacing: -.035em;
  text-decoration: none;
}
body:is(.beta-access-page, .legal-page) .hero-eyebrow {
  border: 0;
  padding: 0;
  color: var(--ui-accent);
  background: transparent;
  box-shadow: none;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .1em;
}
body:is(.admin-page, .admin-login-page, .legal-page) :is(.plain-button, .icon-button) {
  border: 1px solid var(--ui-border);
  border-radius: 10px;
  color: var(--ui-text);
  background: var(--ui-surface);
  box-shadow: none;
  font-weight: 600;
}
body:is(.admin-page, .admin-login-page, .legal-page) .plain-button { min-height: 38px; }
body:is(.admin-page, .admin-login-page, .legal-page) :is(.plain-button, .icon-button):hover {
  border-color: var(--ui-accent);
  background: var(--ui-soft);
  box-shadow: none;
  transform: none;
}
body:is(.admin-page, .admin-login-page, .legal-page) .plain-button.primary {
  border-color: var(--ui-action);
  color: var(--ui-action-ink);
  background: var(--ui-action);
}
body:is(.admin-page, .admin-login-page, .legal-page) .plain-button.primary:hover {
  border-color: var(--ui-action);
  color: var(--ui-action-ink);
  background: var(--ui-action);
}

/* Invitation and administrator sign-in. */
.admin-login-page .admin-login-shell { position: relative; isolation: isolate; }
.admin-login-page .login-art { width: 280px; right: -120px; top: -155px; z-index: -1; opacity: .55; }
.admin-login-page { overflow-x: clip; }
.beta-access-page .beta-access-copy { position: relative; }
.beta-access-page .invite-art { width: 280px; left: 0; top: -180px; opacity: .5; }
.mcp-page .mcp-hero-note { position: relative; display: grid; gap: 2px; align-content: center; overflow: clip; }
.mcp-page .mcp-art { position: relative; width: min(200px, 100%); justify-self: center; }
.beta-access-page::before, .beta-access-page::after { content: none; }
.beta-access-page { overflow-x: clip; }
.beta-access-page .beta-access-shell { min-height: 100dvh; padding-top: 30px; }
.beta-access-page .beta-access-badge {
  border: 1px solid var(--ui-border);
  padding: 7px 11px;
  color: var(--ui-accent);
  background: var(--ui-accent-soft);
  box-shadow: none;
  font-weight: 600;
  letter-spacing: .02em;
}
.beta-access-page .beta-access-layout { min-height: calc(100dvh - 210px); padding: 80px 0; }
.beta-access-page .beta-access-copy h1 { font-size: clamp(42px, 5.2vw, 66px); line-height: 1.16; letter-spacing: -.045em; font-weight: 600; }
.beta-access-page .beta-access-copy > p { color: var(--ui-muted); font-size: 15px; }
.beta-access-page .beta-access-card, .admin-login-page .admin-login-panel {
  border: 1px solid var(--ui-border);
  border-radius: 22px;
  padding: 32px;
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow);
}
.beta-access-page .beta-access-card-mark { width: 52px; height: 44px; border: 0; border-radius: 12px; padding: 10px; background: var(--ui-accent-soft); box-shadow: none; }
.beta-access-page .beta-access-card-mark i { border: 0; border-radius: 3px 3px 1px 1px; background: var(--ui-accent); }
.beta-access-page .beta-access-card-mark i:nth-child(1) { opacity: .45; }
.beta-access-page .beta-access-card-mark i:nth-child(2) { opacity: .7; }
.beta-access-page .beta-access-card > div:nth-child(2) > span { font-weight: 600; }
.beta-access-page .beta-access-card h2 { font-size: 25px; font-weight: 600; letter-spacing: -.025em; }
.beta-access-page .beta-access-form label, .admin-login-page .admin-login-form label { color: var(--ui-text); font-weight: 600; }
.beta-access-page .beta-access-form input, .admin-login-page .admin-password-row input {
  min-height: 48px;
  border: 1px solid var(--ui-border);
  border-radius: 10px;
  color: var(--ui-text);
  background: var(--ui-surface);
  box-shadow: none;
  font-weight: 500;
}
.beta-access-page .beta-access-form input:focus, .admin-login-page .admin-password-row input:focus {
  border-color: var(--ui-accent);
  box-shadow: 0 0 0 3px var(--ui-accent-soft);
  transform: none;
}
.beta-access-page .beta-access-form input::placeholder, .admin-login-page input::placeholder { color: var(--ui-muted); opacity: .85; }
.beta-access-page .beta-access-form button {
  border: 1px solid var(--ui-action);
  border-radius: 10px;
  color: var(--ui-action-ink);
  background: var(--ui-action);
  box-shadow: none;
  font-weight: 600;
}
.beta-access-page .beta-access-form button:hover { background: var(--ui-action); filter: brightness(.95); }
.beta-access-page .beta-access-footer { border-top: 1px solid var(--ui-border); color: var(--ui-muted); }
.beta-access-page .beta-access-footer :is(a, span) { color: var(--ui-muted); }
.admin-login-page .admin-login-panel h1 { color: var(--ui-text); font-weight: 600; letter-spacing: -.03em; }
.admin-login-page .admin-login-kicker { color: var(--ui-accent); font-weight: 600; }
.admin-login-page .admin-login-panel p { color: var(--ui-muted); font-size: 14px; }
.admin-login-page .admin-password-row { grid-template-columns: minmax(0, 1fr) 46px; }
.admin-login-page .admin-password-row .icon-button { width: 46px; height: 48px; }
.admin-login-page .admin-login-form > button { min-height: 46px; }
.admin-login-page .admin-login-message.error, .beta-access-page .beta-access-message.error { color: #a4363b; }

/* Documentation, service information and complaints. */
.mcp-page .mcp-shell { padding-top: 30px; }
.legal-page .legal-shell { width: min(960px, calc(100% - 48px)); padding-top: 30px; }
body:is(.mcp-page, .legal-page) .legal-nav a { color: var(--ui-muted); font-size: 13px; font-weight: 500; }
body:is(.mcp-page, .legal-page) .legal-nav a:hover { color: var(--ui-accent); }
.mcp-page .mcp-hero, .legal-page .legal-hero {
  margin-top: 56px;
  border: 1px solid var(--ui-border);
  border-radius: 22px;
  padding: clamp(28px, 4.5vw, 48px);
  color: var(--ui-text);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow);
}
.mcp-page .mcp-hero { align-items: center; gap: 36px; }
.mcp-page .mcp-hero h1, .legal-page .legal-hero h1 { color: var(--ui-text); font-size: clamp(36px, 4.5vw, 56px); line-height: 1.14; letter-spacing: -.04em; font-weight: 600; }
.mcp-page :is(.mcp-kicker, .mcp-section-head > span, .mcp-tool-card > span) { color: var(--ui-accent); font-weight: 600; }
.mcp-page :is(.mcp-hero p, .mcp-section-head p, .mcp-code-card p, .mcp-tool-card p),
.legal-page :is(.legal-hero p, .legal-content p, .legal-content li) { color: var(--ui-muted); }
.mcp-page .mcp-hero-note { border: 1px solid var(--ui-border); border-radius: 16px; padding: 20px 22px 24px; background: var(--ui-soft); backdrop-filter: none; }
.mcp-page .mcp-note-copy { display: grid; gap: 8px; }
.mcp-page .mcp-note-copy p { margin: 0; line-height: 1.8; }
.mcp-page .mcp-hero-note strong { color: var(--ui-text); font-weight: 600; }
.mcp-page .mcp-section-head h2 { font-size: clamp(25px, 3vw, 32px); font-weight: 600; letter-spacing: -.03em; }
.mcp-page :is(.mcp-code-card, .mcp-tool-card),
.legal-page :is(.legal-content > section, .legal-request-layout > div, .legal-request-help) {
  border: 1px solid var(--ui-border);
  border-radius: 16px;
  background: var(--ui-surface);
  box-shadow: none;
}
.mcp-page .mcp-tool-card:hover { border-color: var(--ui-border); box-shadow: none; transform: none; }
.mcp-page .mcp-tool-card h3, .mcp-page .mcp-card-topline { color: var(--ui-text); }
.mcp-page .mcp-card-topline { letter-spacing: .02em; }
.mcp-page :is(.mcp-code-line, .mcp-config-code) { border-radius: 10px; padding: 14px; color: var(--ui-text); background: var(--ui-soft); }
.mcp-page .mcp-copy-button { min-height: 34px; border-color: var(--ui-border); border-radius: 10px; padding: 6px 11px; color: var(--ui-text); background: var(--ui-surface); font-weight: 600; }
.mcp-page .mcp-copy-button:hover { border-color: var(--ui-accent); color: var(--ui-accent); background: var(--ui-accent-soft); }
.mcp-page .site-footer { border-top: 1px solid var(--ui-border); color: var(--ui-muted); background: var(--ui-page); }
.mcp-page .site-footer :is(strong, b) { color: var(--ui-text); }
.mcp-page .site-footer a { color: var(--ui-muted); }
.mcp-page .site-footer a:hover { color: var(--ui-accent); }
.legal-page .legal-content { gap: 16px; }
.legal-page .legal-content h2 { color: var(--ui-text); font-size: 21px; font-weight: 600; letter-spacing: -.025em; }
.legal-page .legal-content a { font-weight: 600; text-underline-offset: 3px; }
.legal-page .legal-request-form :is(input, select, textarea) { min-height: 44px; border: 1px solid var(--ui-border); border-radius: 10px; color: var(--ui-text); background: var(--ui-surface); }
.legal-page .legal-request-form :is(input, select, textarea):focus { border-color: var(--ui-accent); box-shadow: 0 0 0 3px var(--ui-accent-soft); }
.legal-page .legal-request-form label { margin-top: 6px; font-weight: 600; }
.legal-page .legal-footer { border-top: 1px solid var(--ui-border); }
.legal-page .legal-footer a, .legal-page .legal-footer p a { color: var(--ui-muted); font-weight: 500; }
.legal-page .legal-request-message.is-error { color: #a4363b; }
.legal-page .legal-request-message.is-success { color: var(--ui-accent); }

/* Admin-specific aliases preserve the existing manual theme switch. */
body.admin-page, body.admin-page.admin-dark {
  --admin-bg: var(--ui-page);
  --admin-surface: var(--ui-surface);
  --admin-surface-soft: var(--ui-soft);
  --admin-ink: var(--ui-text);
  --admin-muted: var(--ui-muted);
  --admin-line: var(--ui-border);
  --admin-wine: var(--ui-accent);
  --admin-mint: var(--ui-accent-soft);
  --admin-blue: var(--ui-soft);
  --admin-success: var(--ui-accent);
  --admin-warning: #90601d;
  --admin-danger: #a4363b;
  font-variant-numeric: tabular-nums;
}
body.admin-page.admin-dark { --admin-warning: #e5bd7c; --admin-danger: #f0a5a8; }
.admin-page .admin-shell { width: min(1500px, 100%); min-height: 100dvh; background: var(--ui-page); }
.admin-page .admin-topbar { border-color: var(--ui-border); background: var(--ui-surface); box-shadow: none; backdrop-filter: none; }
.admin-page .admin-sidebar { border-color: var(--ui-border); background: var(--ui-page); box-shadow: none; }
.admin-page .admin-topbar .brand-mark { color: var(--ui-text); }
.admin-page .admin-side-item { border-radius: 10px; color: var(--ui-muted); }
.admin-page .admin-side-item:hover { color: var(--ui-accent); background: var(--ui-soft); }
.admin-page .admin-side-item.is-active { color: var(--ui-accent); background: var(--ui-accent-soft); }
.admin-page .admin-side-item strong { color: inherit; font-weight: 600; }
.admin-page .admin-side-item.is-active::before { background: var(--ui-accent); }
.admin-page .admin-side-group { color: var(--ui-muted); font-size: 11px; font-weight: 500; letter-spacing: .02em; }
.admin-page .admin-view-head h1 { color: var(--ui-text); font-size: 26px; font-weight: 600; letter-spacing: -.025em; }
.admin-page :is(.admin-view-head p, .operations-section header p) { color: var(--ui-muted); font-size: 13px; }
.admin-page :is(.admin-segmented, .admin-json-tab) { border: 1px solid var(--ui-border); border-radius: 10px; color: var(--ui-muted); background: var(--ui-surface); box-shadow: none; }
.admin-page .admin-segmented button { border-radius: 7px; color: var(--ui-muted); font-size: 12px; font-weight: 500; }
.admin-page .admin-segmented button.is-active, .admin-page .admin-json-tab.is-active { color: var(--ui-accent-ink); background: var(--ui-accent); }
.admin-page :is(.operations-metrics, .operations-health, .admin-overview) { border-color: var(--ui-border); border-radius: 16px; background: var(--ui-surface); }
.admin-page :is(.operations-metrics article, .operations-health > article, .admin-overview article) { border-color: var(--ui-border); background: var(--ui-surface); box-shadow: none; }
.admin-page :is(.operations-section, .invite-generate-card, .invite-generated-card, .mcp-key-create-card, .mcp-key-generated-card, .compliance-status-summary article, .operations-capability-card, .admin-workspace) {
  border: 1px solid var(--ui-border);
  border-radius: 16px;
  background: var(--ui-surface);
  box-shadow: none;
}
.admin-page .operations-section { padding: 18px; }
.admin-page :is(.operations-section h2, .invite-generate-card h2, .invite-generated-card h2, .mcp-key-create-card h2, .mcp-key-generated-card h2, .admin-workspace h1) { color: var(--ui-text); font-weight: 600; }
.admin-page :is(.operations-metrics strong, .admin-overview strong, .compliance-status-summary strong, .operations-capability-card header strong, .operations-capability-card dd, .invite-summary strong, .mcp-key-summary strong, .admin-resource-panel strong, .admin-detail-summary strong, .admin-detail-row strong, .admin-drawer-head h2) { color: var(--ui-text); font-weight: 600; }
.admin-page :is(.operations-metrics span, .operations-metrics em, .operations-health span, .operations-capability-card dt, .admin-overview span, .admin-overview em, .admin-workspace p, .admin-filters span, .admin-resource-panel span, .admin-resource-panel em, .admin-pagination, .admin-drawer-head p, .admin-detail-summary span, .admin-detail-row span, .invite-form-grid label, .invite-form-grid em, .invite-generated-card > p, .compliance-status-summary span, .compliance-status-summary em, .compliance-request-time, .operations-distributions section h3, .operations-distribution-row, .admin-row-affordance) { color: var(--ui-muted); font-weight: 500; }
.admin-page :is(.operations-empty-inline, .operations-loading, .admin-detail-empty) { color: var(--ui-muted); }
.admin-page .operations-health strong { color: var(--ui-text); }
.admin-page .operations-health :is(.health-healthy, .health-ok) { color: var(--admin-success); }
.admin-page .operations-health .health-degraded { color: var(--admin-warning); }
.admin-page .operations-health .health-disabled { color: var(--ui-muted); }
.admin-page .operations-system-health { border-color: var(--ui-border); background: var(--ui-soft); }
.admin-page .operations-system-health-grid { border-color: var(--ui-border); background: var(--ui-border); }
.admin-page .operations-system-health-grid div { background: var(--ui-surface); }
.admin-page .operations-distribution-row > div { background: var(--ui-soft); }
.admin-page .operations-distribution-row i { background: var(--ui-accent); }
.admin-page .operations-distribution-row strong { color: var(--ui-text); }
.admin-page .operations-capability-card dl div { border-color: var(--ui-border); }
.admin-page :is(.operations-link-button, .compliance-switch-table code) { color: var(--ui-accent); }
.admin-page :is(.invite-summary > span, .mcp-key-summary > span) { border-color: var(--ui-border); border-radius: 12px; background: var(--ui-surface); box-shadow: none; }
.admin-page :is(.admin-filters, .admin-resource-panel article, .admin-detail-summary article, .admin-detail-row, .invite-generated-list > div, .mcp-key-generated-value) { border: 1px solid var(--ui-border); border-radius: 10px; color: var(--ui-text); background: var(--ui-soft); }
.admin-page :is(.invite-generated-list code, .invite-code-hint, .mcp-key-hint) { color: var(--ui-text); }
.admin-page :is(.invite-form-grid input, .mcp-key-form-grid input, .admin-filters input, .admin-filters select, .admin-action-dialog textarea, .compliance-request-actions select) { border: 1px solid var(--ui-border); border-radius: 10px; color: var(--ui-text); background: var(--ui-surface); }
.admin-page :is(input, select, textarea):focus { border-color: var(--ui-accent); box-shadow: 0 0 0 3px var(--ui-accent-soft); }
.admin-page input::placeholder { color: var(--ui-muted); opacity: .85; }
.admin-page .admin-table-shell { border: 1px solid var(--ui-border); border-radius: 10px; background: var(--ui-surface); scrollbar-width: thin; scrollbar-color: var(--ui-border) transparent; }
.admin-page .admin-table :is(th, td) { border-bottom: 1px solid var(--ui-border); color: var(--ui-text); padding: 12px; }
.admin-page .admin-table th { color: var(--ui-muted); background: var(--ui-soft); font-size: 11px; font-weight: 600; letter-spacing: .01em; }
.admin-page .admin-table tbody tr:hover { background: var(--ui-soft); }
.admin-page .admin-table tbody tr:last-child td { border-bottom: 0; }
.admin-page .admin-empty { color: var(--ui-muted) !important; }
.admin-page .admin-action-dialog, .admin-page .admin-drawer-panel { border: 1px solid var(--ui-border); border-radius: 22px; color: var(--ui-text); background: var(--ui-surface); box-shadow: 0 20px 70px rgba(18, 34, 25, .18); }
.admin-page .admin-action-dialog { max-height: calc(100dvh - 32px); overflow-y: auto; }
.admin-page .admin-action-dialog form { gap: 18px; padding: 24px; }
.admin-page .admin-action-dialog :is(h2, label) { color: var(--ui-text); font-weight: 600; }
.admin-page .admin-action-dialog p { color: var(--ui-muted); }
.admin-page .admin-action-dialog::backdrop, .admin-page .admin-drawer { background: rgba(18, 34, 25, .42); backdrop-filter: blur(3px); }
.admin-page .admin-drawer-panel { height: calc(100dvh - 24px); }
.admin-page .admin-json { border: 1px solid var(--ui-border); border-radius: 10px; color: var(--ui-text); background: var(--ui-soft); }
.admin-page .admin-toast { border: 1px solid var(--ui-border); border-radius: 12px; color: var(--ui-accent-ink); background: var(--ui-accent); box-shadow: var(--ui-shadow); font-size: 13px; font-weight: 600; }
body.admin-page .plain-button.danger-action { border-color: color-mix(in srgb, var(--admin-danger) 25%, var(--ui-border)); color: var(--admin-danger); background: color-mix(in srgb, var(--admin-danger) 8%, var(--ui-surface)); }
body.admin-page .plain-button.danger-action:hover { border-color: var(--admin-danger); color: var(--admin-danger); background: color-mix(in srgb, var(--admin-danger) 12%, var(--ui-surface)); }
.admin-page .admin-action-error { border-left-color: var(--admin-danger); color: var(--admin-danger) !important; background: color-mix(in srgb, var(--admin-danger) 8%, var(--ui-surface)); }
.admin-page :is(.operations-notice, .mcp-key-service-notice) { border-left-color: var(--admin-warning); border-radius: 0 10px 10px 0; color: var(--admin-warning); background: color-mix(in srgb, var(--admin-warning) 8%, var(--ui-surface)); }
.admin-page .mcp-key-service-notice[data-state="ready"] { border-left-color: var(--ui-accent); color: var(--ui-accent); background: var(--ui-accent-soft); }
.admin-page .status-badge { border-radius: 8px; font-weight: 600; }
.admin-page .status-badge:is(.success, .invite-active, .mcp-key-active, .compliance-readiness-ready, .compliance-switch-enabled, .compliance-resolved) { color: var(--ui-accent); background: var(--ui-accent-soft); }
.admin-page .status-badge:is(.invite-used, .invite-expired, .invite-scheduled, .mcp-key-expired, .compliance-readiness-pending, .compliance-switch-dependency, .compliance-reviewing) { color: var(--admin-warning); background: color-mix(in srgb, var(--admin-warning) 10%, var(--ui-surface)); }
.admin-page .status-badge:is(.failed, .compliance-switch-locked, .compliance-rejected) { color: var(--admin-danger); background: color-mix(in srgb, var(--admin-danger) 10%, var(--ui-surface)); }
.admin-page .status-badge:is(.invite-revoked, .mcp-key-revoked, .compliance-readiness-not_applicable, .compliance-switch-disabled, .compliance-received) { color: var(--ui-muted); background: var(--ui-soft); }

@media (max-width: 980px) {
  .beta-access-page .beta-access-layout { grid-template-columns: minmax(0, 1fr); gap: 36px; padding: 56px 0; }
  .beta-access-page .beta-access-card { width: min(100%, 520px); }
  .mcp-page :is(.mcp-hero, .mcp-connect-grid) { grid-template-columns: minmax(0, 1fr); }
  .legal-page .legal-request-layout { grid-template-columns: minmax(0, 1fr); }
  .admin-page .admin-sidebar { background: var(--ui-surface); }
}
@media (max-width: 680px) {
  .admin-login-page .login-art { width: 180px; right: 0; top: -128px; }
  .beta-access-page .invite-art { display: none; }
  .mcp-page .mcp-hero-note { padding: 18px; gap: 8px; }
  .mcp-page .mcp-art { width: min(200px,100%); }
  .beta-access-page .beta-access-shell, .mcp-page .mcp-shell, .legal-page .legal-shell { width: calc(100% - 32px); padding-top: 22px; }
  .beta-access-page .beta-access-layout { padding: 44px 0; }
  .beta-access-page .beta-access-copy h1 { font-size: 42px; }
  .beta-access-page .beta-access-card, .admin-login-page .admin-login-panel { padding: 24px; }
  .beta-access-page .beta-access-footer { align-items: flex-start; flex-direction: column; gap: 20px; }
  .beta-access-page .beta-access-footer > div { justify-items: start; text-align: left; }
  .admin-login-page { padding: 20px; }
  .legal-page .legal-header { align-items: flex-start; flex-direction: column; gap: 18px; }
  .mcp-page .mcp-hero, .legal-page .legal-hero { margin-top: 36px; padding: 26px; }
  .mcp-page .mcp-hero h1, .legal-page .legal-hero h1 { font-size: 38px; }
  .mcp-page :is(.mcp-code-card, .mcp-tool-card) { padding: 20px; }
  .legal-page .legal-content > section, .legal-page .legal-request-layout > div, .legal-page .legal-request-help { padding: 22px; }
  .legal-page .legal-footer { flex-direction: column; }
  .legal-page .legal-registration-links { justify-content: flex-start; }
  .admin-page .admin-shell { width: 100%; }
  .admin-page .admin-topbar { padding-right: 12px; padding-left: 12px; }
  .admin-page .admin-topbar-leading { gap: 8px; }
  .admin-page .admin-topbar .brand-mark { gap: 7px; font-size: 14px; }
  .admin-page .admin-topbar-actions { gap: 5px; }
  .admin-page .admin-topbar-actions .plain-button { padding-right: 8px; padding-left: 8px; }
  .admin-page .admin-view-head h1 { font-size: 24px; }
  .admin-page .operations-section { padding: 14px; }
  .admin-page .admin-action-dialog form { padding: 20px; }
  .admin-page .admin-drawer-panel { height: calc(100dvh - 16px); }
}
.improvements-page { background: var(--ui-page); color: var(--ui-text); }
.improvements-page :is(.improvement-page header, .improvement-card) { border: 1px solid var(--ui-border); border-radius: 22px; background: var(--ui-surface); color: var(--ui-text); box-shadow: var(--ui-shadow); }
.improvements-page :is(.improvement-page header span, .improvement-card span) { color: var(--ui-accent); font-weight: 600; }
.improvements-page :is(.improvement-page header p, .improvement-card p) { color: var(--ui-muted); }
.improvements-page code { overflow-wrap: anywhere; }
@media (prefers-reduced-motion: reduce) {
  body:is(.beta-access-page, .admin-login-page, .admin-page, .mcp-page, .legal-page) :is(button, a, input, select, textarea, .admin-sidebar, .admin-drawer-panel) { transition: none; animation: none; }
}
