/* Stellar Pay Celestial — shared application theme.
   The financial product remains authoritative; this layer changes presentation only. */
:root {
  color-scheme: dark;
  --stellar-deep-navy: #070b1a;
  --stellar-navy: #10182d;
  --stellar-blue: #7253df;
  --stellar-blue-dark: #6245cb;
  --stellar-teal: #5de4e5;
  --stellar-cyan: #5de4e5;
  --stellar-cyan-ink: #5de4e5;
  --stellar-ice: #17283a;
  --white: #f4f7ff;
  --surface: #10182d;
  --surface-subtle: #0b1428;
  --canvas: #070b1a;
  --text: #f4f7ff;
  --text-soft: #aebbd2;
  --text-faint: #9daac3;
  --border: #34435f;
  --border-strong: #7485ac;
  --success: #75e2ba;
  --success-bg: #173931;
  --warning: #f5cd83;
  --warning-bg: #322a22;
  --danger: #ff9ca9;
  --danger-bg: #3a2430;
  --shadow-sm: 0 8px 24px rgb(0 0 0 / 18%);
  --shadow-md: 0 18px 56px rgb(0 0 0 / 24%);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --page-width: 1240px;
  --sticky-header-height: 0px;
  --celestial-violet: #7253df;
  --celestial-lilac: #b7a7ff;
  --celestial-rose: #f5a4db;
  --celestial-aurora: #5de4e5;
  --sidebar-width: 232px;
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html { background: var(--canvas); }
body { min-height: 100dvh; background: var(--canvas); color: var(--text); font-size: 15px; line-height: 1.55; }
::selection { color: #070b1a; background: var(--celestial-aurora); }
:focus-visible { outline: 3px solid var(--celestial-aurora); outline-offset: 3px; }
input, select, textarea { color-scheme: dark; }

.button { min-height: 48px; padding: 12px 18px; border-radius: 12px; font-size: 14px; transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, transform 160ms ease; }
.button-primary, .button-accent { color: #fff; background: var(--celestial-violet); box-shadow: 0 8px 24px rgb(114 83 223 / 22%); }
.button-primary:hover:not(:disabled), .button-accent:hover:not(:disabled) { background: #8063e7; box-shadow: 0 0 0 1px var(--celestial-lilac), 0 10px 28px rgb(114 83 223 / 28%); }
.button-secondary { color: var(--text); border-color: var(--border-strong); background: #1a2944; }
.button-secondary:hover:not(:disabled) { color: var(--text); border-color: var(--celestial-lilac); background: #213352; }
.button-ghost { color: var(--text); border-color: #52617f; background: rgb(23 35 61 / 82%); }
.button-tertiary { color: var(--celestial-lilac); }
.button-tertiary:hover:not(:disabled) { color: var(--text); background: #17233d; }
.button:disabled { color: #aebbd2; background: #28324a; opacity: .78; box-shadow: none; }
.section-kicker, .card-eyebrow { color: var(--celestial-aurora); font-size: 12px; font-weight: 700; letter-spacing: .14em; }
.page-shell { width: min(calc(100% - 48px), var(--page-width)); }
.brand-link, .login-logo, .checkout-header > a, .governance-header .page-shell > a:first-child {
  width: max-content; padding: 0; border: 0; border-radius: 0; background: transparent;
  box-shadow: none;
}
.brand-logo, .login-logo, .checkout-header img, .governance-header img, .access-header img, .checkout-assurance > img, .site-footer img {
  padding: 0; border: 0; border-radius: 0; background: transparent; filter: drop-shadow(0 6px 18px rgb(0 0 0 / 22%));
}

/* Dashboard shell */
.dashboard-page .site-header { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-width); height: 100dvh; border: 0; border-right: 1px solid #1a2742; background: #090f22; backdrop-filter: none; }
.dashboard-page .header-inner { width: 100%; height: 100%; padding: 28px 18px 22px; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 30px; }
.dashboard-page .brand-link { min-height: 56px; }
.dashboard-page .brand-logo-wide { width: 184px; }
.dashboard-page .primary-nav { width: 100%; margin: 10px 0 auto; flex-direction: column; align-items: stretch; gap: 7px; }
.dashboard-page .primary-nav::before { content: "Workspace"; margin: 0 12px 10px; color: #96a4be; font-size: 11px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.dashboard-page .primary-nav a { min-height: 48px; padding: 12px 14px; border-radius: 12px; color: #aebbd2; font-size: 14px; text-decoration: none; }
.dashboard-page .primary-nav a::after { display: none; }
.dashboard-page .primary-nav a:hover { color: var(--text); background: #141d34; }
.dashboard-page .primary-nav a[aria-current="location"], .dashboard-page .primary-nav a[aria-current="page"] { color: var(--text); background: #29264d; box-shadow: inset 3px 0 var(--celestial-lilac); }
.dashboard-page .header-actions { width: 100%; flex-wrap: wrap; }
.dashboard-page .session-button { order: 3; width: 100%; min-height: 46px; text-align: left; }
.dashboard-page .environment-badge { flex: 1 1 auto; justify-content: center; min-height: 38px; color: var(--warning); border-color: #4b4030; background: #332a21; text-transform: none; letter-spacing: 0; }
.dashboard-page main, .dashboard-page .site-footer { margin-left: var(--sidebar-width); }

.workspace-topbar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 24px auto 0; }
.workspace-title { margin: 0; color: var(--text); font-size: clamp(26px, 2.5vw, 34px); font-weight: 720; line-height: 1.12; letter-spacing: -.025em; }
.workspace-subtitle { margin: 4px 0 0; color: var(--text-soft); font-size: 14px; }
.workspace-boundary { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; padding: 8px 12px; border: 1px solid #4b4030; border-radius: 999px; color: var(--warning); background: #322a22; font-size: 13px; font-weight: 700; white-space: nowrap; }
.workspace-boundary .status-dot { background: var(--warning); box-shadow: 0 0 0 4px rgb(245 205 131 / 12%); }

.hero { width: min(calc(100% - 48px), var(--page-width)); margin: 20px auto 0; border: 1px solid #263654; border-radius: 24px; background: #070b1a url('/assets/celestial/celestial-eclipse.png') 68% center / cover no-repeat; }
.hero::before { opacity: 1; background: linear-gradient(90deg, rgb(7 11 26 / 97%), rgb(7 11 26 / 86%) 46%, rgb(7 11 26 / 12%) 88%); mask-image: none; }
.hero::after { display: none; }
.hero > .hero-grid { width: 100%; }
.hero-grid { grid-template-columns: minmax(0, 1fr); min-height: 304px; padding: 32px 40px; }
.hero-copy { max-width: 650px; }
.hero h1 { max-width: 620px; margin-block: 8px 12px; font-size: clamp(38px, 4vw, 58px); font-weight: 680; }
.hero-summary { max-width: 590px; color: #c4cee0; font-size: 16px; }
.route-card { display: none; }
.hero-actions { margin-top: 22px; }
.hero-notice { color: #c4cee0; }
.content-shell { padding-block: 20px 72px; }
.metric-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 0; }
.metric-card, .surface, .identity-review-queue, .control-card, .policy-card { border-color: var(--border); background: var(--surface); box-shadow: var(--shadow-sm); }
.metric-card { min-height: 108px; padding: 16px; }
.metric-card strong { color: var(--text); font-size: 30px; }
.metric-card:nth-child(1) { border-top: 3px solid var(--warning); }
.metric-card:nth-child(2) { border-top: 3px solid var(--celestial-aurora); }
.metric-card:nth-child(4) { border-top: 3px solid var(--success); }
.metric-card:nth-child(5) { border-top: 3px solid var(--celestial-lilac); }
.metric-scope, .section-heading p:not(.section-kicker), .handoff-copy > p:not(.section-kicker) { color: var(--text-soft); font-size: 14px; }
.content-section { padding-top: 30px; }
.section-heading h2, .handoff-copy h2 { color: var(--text); font-size: clamp(28px, 3vw, 40px); }
.operations-grid { grid-template-columns: minmax(0, 1.7fr) minmax(330px, .65fr); }
.identity-review-queue { border-left-color: var(--warning); }
.surface, .identity-review-queue { border-radius: 20px; }
.surface-head h3, .identity-review-queue h3 { color: var(--text); }
.updated-at, .identity-review-intro, .discovery-toolbar p, .runtime-list dt, .runtime-list dd { color: var(--text-soft); font-size: 13px; }
.demo-tool-card { padding: 20px; }
.demo-tool-intro { margin: 8px 0 16px; color: var(--text-soft); font-size: 14px; }
.demo-tool-actions { display: grid; gap: 10px; }
.demo-tool-actions .button { width: 100%; justify-content: flex-start; text-align: left; }
.demo-tool-card .demo-scenario-help { margin: 14px 0 0; padding: 12px; border: 1px solid #665338; border-radius: 12px; color: #e7d5ad; background: #2b251f; font-size: 13px; }
.filter-field input, .filter-field select, .governance-page input, .governance-page select, .governance-page textarea, .access-input, .access-panel input:not([type=checkbox]), .access-panel select { min-height: 48px; color: var(--text); border-color: var(--border-strong); background: #0b1428; font-size: 16px; }
.obligations-table, .sp-table { color: var(--text); }
.obligations-table th, .obligations-table td { border-color: var(--border); }
.obligations-table th { color: var(--text-soft); }
.row-action { min-height: 44px; color: var(--celestial-lilac); border-color: var(--border-strong); background: #17233d; }
.row-action-primary { color: #fff; border-color: var(--celestial-violet); background: var(--celestial-violet); }
.table-pagination { color: var(--text-soft); border-color: var(--border); font-size: 13px; }
.handoff-section { gap: 38px; }
.payment-preview { border-color: var(--border); background: var(--surface); box-shadow: var(--shadow-md); }
.payment-preview-body, .payment-preview-top { border-color: var(--border); }
.payment-review-note { color: var(--text-soft); background: #17283a; }
.check-list li span { color: var(--celestial-aurora); }
.policy-grid, .evidence-sections { color: var(--text); }
.trace-details { border-color: var(--border); background: var(--surface); }
.trace-details summary, .trace-body { border-color: var(--border); }
.trace-body pre, .detail-trace { color: #d6e4f5; background: #060a16; }
.site-footer { color: var(--text-soft); border-color: #1c2a47; background: #090f22; }
.site-footer img { width: 155px; }

/* Dialogs and state surfaces */
.modal, .access-dialog { color: var(--text); border-color: var(--border); background: var(--surface); box-shadow: 0 28px 90px rgb(0 0 0 / 55%); }
.modal::backdrop, .access-dialog::backdrop { background: rgb(3 6 15 / 78%); backdrop-filter: blur(5px); }
.modal-head, .modal-actions { border-color: var(--border); }
.icon-button { color: var(--text); border-color: var(--border-strong); background: #17233d; }
.detail-grid > div, .evidence-sections section, .technical-disclosure, .governance-detail { color: var(--text); border-color: var(--border); background: #0b1428; }
.detail-grid dt, .timeline-item p, .technical-disclosure p { color: var(--text-soft); }
.workflow-callout { color: var(--text); border-color: var(--celestial-lilac); background: #0b1428; }
.workflow-callout > h3 { color: var(--celestial-aurora); }
.workflow-callout > p, .workflow-callout > small { color: var(--text-soft); }
.workflow-callout dl > div { color: var(--text); border: 1px solid var(--border); background: #17233d; }
.workflow-callout dl dt { color: var(--text-soft); }
.workflow-callout dl dd { color: var(--text); }
.empty-state, .error-state { color: var(--text); background: #0b1428; }

/* Checkout and login use the aurora at the edge of the task, never below data. */
.checkout-page, .login-page { background: #070b1a; }
.checkout-page::before, .login-brand-panel::before { content: ""; position: fixed; inset: 0 48% 0 0; z-index: 0; pointer-events: none; background: #070b1a url('/assets/celestial/aurora-flow.png') center / cover no-repeat; }
.checkout-page::after, .login-brand-panel::after { content: ""; position: fixed; inset: 0 48% 0 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, rgb(7 11 26 / 40%), rgb(7 11 26 / 8%)); }
.checkout-header { position: relative; z-index: 3; height: auto; min-height: 88px; padding: 20px clamp(24px, 5vw, 72px); color: var(--text); border: 0; background: transparent; }
.checkout-header img { width: 190px; }
.secure-label { color: var(--warning); border-color: #51412b; background: #332a21; }
.payment-main { position: relative; z-index: 2; width: min(calc(100% - 48px), 1320px); max-width: none; min-height: calc(100dvh - 150px); grid-template-columns: minmax(360px, .9fr) minmax(460px, 620px); gap: clamp(30px, 6vw, 88px); align-items: center; }
.checkout-card { grid-column: 2; color: var(--text); border-color: var(--border); background: var(--surface); box-shadow: var(--shadow-md); }
.checkout-assurance { grid-column: 1; grid-row: 1; color: var(--text); border: 1px solid rgb(116 133 172 / 55%); background: rgb(11 20 40 / 88%); backdrop-filter: blur(10px); }
.checkout-assurance img { width: 190px; }
.checkout-assurance p, .checkout-assurance small { color: #c4cee0; }
.checkout-intro p, .merchant-row small, .checkout-summary dt, .checkout-footer { color: var(--text-soft); }
.merchant-row, .checkout-summary > div, .authorization-receipt dl > div { border-color: var(--border); }
.merchant-avatar { color: var(--text); background: #28385e; }
.checkout-summary dd, .authorization-receipt dd { color: var(--text); }
.checkout-summary .amount-row dd { color: var(--text); font-size: clamp(44px, 6vw, 64px); }
.authorization-receipt { border-color: #315c55; background: #102a27; }
.payment-status { color: var(--text); border-color: #335367; background: #17283a; }
.payment-status p { color: #d5e7f0; }
.checkout-footer { position: relative; z-index: 2; }

.login-shell { grid-template-columns: minmax(0, 1fr) minmax(440px, 620px); background: #070b1a; }
.login-brand-panel { position: relative; isolation: isolate; color: var(--text); background: transparent; }
.login-brand-panel::before, .login-brand-panel::after { position: absolute; inset: 0; z-index: -2; }
.login-brand-panel::after { z-index: -1; }
.login-logo { width: min(220px, 72%); }
.login-form-panel { color: var(--text); background: #070b1a; }
.login-form-wrap { width: min(100%, 460px); }
.login-form-wrap h2 { color: var(--text); }
.login-intro, .login-help, .login-privacy, .field-help { color: var(--text-soft); }
.login-environment { color: var(--warning); border-color: #51412b; background: #332a21; }
.login-field input { min-height: 50px; color: var(--text); border-color: var(--border-strong); background: #0b1428; font-size: 16px; }
.password-control { border-color: var(--border-strong); background: #0b1428; }
.password-control input { border: 0; background: transparent; }
.password-toggle { min-width: 72px; color: var(--celestial-lilac); }

/* Governance */
.governance-header { position: relative; overflow: hidden; padding: 22px 0 110px; border-bottom: 1px solid #1c2a47; background: #070b1a url('/assets/celestial/aurora-flow.png') center 42% / cover no-repeat; }
.governance-header::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(180deg, rgb(7 11 26 / 30%), rgb(7 11 26 / 82%)); }
.governance-header > .page-shell { position: relative; z-index: 1; }
.governance-header img { width: 184px; }
.governance-main { position: relative; margin-top: -84px; padding-bottom: 72px; }
.governance-title { position: relative; z-index: 2; max-width: none; margin: 0 0 24px; padding: 28px; border: 1px solid var(--border); border-radius: 20px; background: rgb(16 24 45 / 94%); box-shadow: var(--shadow-md); }
.governance-title h1, .governance-card h2, .governance-card h3 { color: var(--text); }
.governance-title > p, .governance-row p, .governance-detail, .governance-page small { color: var(--text-soft); }
.governance-card { color: var(--text); border-color: var(--border); background: var(--surface); box-shadow: var(--shadow-sm); }
.governance-form, .governance-row { border-color: var(--border); }
.governance-policy, .governance-notice { color: #d6cffb; border: 1px solid #594e81; background: #2b2843; }
.governance-status { color: var(--celestial-lilac); }

/* Payment Access and Funding */
.access-header { color: var(--text); border-bottom: 1px solid #1c2a47; background: #090f22; }
.access-header nav a { color: var(--celestial-lilac); }
.access-preview-note { color: var(--warning); border-color: #51412b; background: #332a21; }
.access-shell { width: min(100% - 48px, 1120px); }
.access-intro { position: relative; overflow: hidden; min-height: 220px; display: flex; flex-direction: column; justify-content: center; padding: 34px; border: 1px solid #243553; border-radius: 22px; background: #070b1a url('/assets/celestial/aurora-flow.png') right center / cover no-repeat; }
.access-intro::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgb(7 11 26 / 96%), rgb(7 11 26 / 78%) 58%, rgb(7 11 26 / 18%)); }
.access-intro > * { position: relative; z-index: 1; }
.access-intro h1 { color: var(--text); }
.access-intro p { color: #c4cee0; }
.access-card { color: var(--text); border-color: #4b4a78; background: linear-gradient(140deg, #171c3a, #10182d); }
.access-card::after { border-color: rgb(183 167 255 / 10%); }
.access-card .section-kicker { color: var(--celestial-aurora); }
.access-card p, .access-card-foot { color: #c4cee0; }
.access-status { color: var(--celestial-lilac); border-color: #62568f; background: #2b2843; }
.access-panel, .access-item, .access-empty { color: var(--text); border-color: var(--border); background: var(--surface); }
.access-panel p, .access-item p, .access-footer { color: var(--text-soft); }
.access-panel h2, .access-item h2, .access-item strong { color: var(--text); }
.access-breakdown > div, .access-muted-option, .access-footer, .funding-choice, .funding-cycle, .funding-method { border-color: var(--border); }
.access-setup { color: var(--text); border-color: #665338; border-left-color: var(--warning); background: #322a22; }
.funding-rails span { border-color: #536985; }
.funding-attempt { color: #d5e7f0; background: #17283a; }
.access-card .button-secondary { color: var(--text); border-color: var(--border-strong); background: #1a2944; }

/* Focused workspace pages */
.dashboard-page main { min-height: calc(100dvh - 96px); }
.workspace-page-content { padding-top: 20px; }
.workspace-page-head { position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin: 0 0 20px; padding: 28px 30px; border: 1px solid #263654; border-radius: 20px; background: linear-gradient(110deg, rgb(16 24 45 / 98%), rgb(16 24 45 / 86%)), url('/assets/celestial/aurora-flow.png') right 35% / 58% auto no-repeat; box-shadow: var(--shadow-sm); }
.workspace-page-head > div { max-width: 760px; }
.workspace-page-head h1 { margin: 7px 0 8px; color: var(--text); font-size: clamp(30px, 3.4vw, 46px); font-weight: 680; line-height: 1.08; letter-spacing: -.035em; }
.workspace-page-head p:not(.section-kicker) { margin: 0; color: var(--text-soft); font-size: 15px; line-height: 1.65; }
.workspace-page-head > .button { flex: 0 0 auto; }
.overview-content { padding-top: 18px; }
.workspace-directory { padding-top: 22px; }
.workspace-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.workspace-card { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 15px; padding: 20px; color: var(--text); text-decoration: none; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.workspace-card:hover { color: var(--text); border-color: var(--celestial-lilac); background: #15203a; transform: translateY(-2px); }
.workspace-card-icon, .demo-path-number { width: 42px; height: 42px; display: inline-grid; place-items: center; border: 1px solid #60578d; border-radius: 12px; color: var(--celestial-lilac); background: #29264d; font-size: 12px; font-weight: 800; }
.workspace-card h3 { margin: 5px 0 7px; color: var(--text); font-size: 20px; }
.workspace-card p:not(.card-eyebrow) { margin: 0; color: var(--text-soft); font-size: 14px; line-height: 1.55; }
.workspace-card-action { display: inline-block; margin-top: 14px; color: var(--celestial-lilac); font-size: 14px; font-weight: 750; }
.workspace-page-content > .operations-grid { margin-top: 0; }
.workspace-page-content .trace-section { margin-top: 18px; }
.operations-side { align-content: start; }
.demo-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 6px; }
.demo-path { min-width: 0; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; padding: 24px; }
.demo-path > .text-link { grid-column: 2; width: max-content; max-width: 100%; margin-top: 2px; }
.demo-path h2 { margin: 6px 0 8px; color: var(--text); font-size: 22px; }
.demo-path p:not(.card-eyebrow) { margin: 0; color: var(--text-soft); font-size: 14px; line-height: 1.6; }
.demo-path-primary { border-top: 3px solid var(--celestial-aurora); }
.demo-path-blocked { border-top: 3px solid var(--warning); }
.demo-path-blocked .demo-path-number { color: var(--warning); border-color: #665338; background: #322a22; }
.compact-feature-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 0; padding: 0; list-style: none; }
.compact-feature-list li { padding: 5px 9px; border: 1px solid var(--border); border-radius: 999px; color: #c4cee0; background: #0b1428; font-size: 12px; }
.payment-links-head { align-items: center; }
.workspace-page-content .handoff-section { margin-top: 16px; padding: 28px; border: 1px solid var(--border); border-radius: 20px; background: #0b1428; }
.control-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.control-principles article { min-width: 0; display: flex; gap: 13px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 14px; background: #0b1428; }
.control-principles article > span { color: var(--celestial-aurora); font-size: 12px; font-weight: 800; }
.control-principles strong { display: block; color: var(--text); }
.control-principles p { margin: 3px 0 0; color: var(--text-soft); font-size: 13px; line-height: 1.45; }
.controls-content { padding-top: 24px; }
.workspace-page-content > :last-child { margin-bottom: 0; }

@media (max-width: 1600px) {
  .workspace-page-content > .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .workspace-page-content .operations-side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1180px) {
  :root { --sticky-header-height: 76px; }
  .dashboard-page .site-header { position: sticky; top: 0; right: auto; bottom: auto; left: auto; width: auto; height: 76px; }
  .dashboard-page .header-inner { width: min(calc(100% - 36px), var(--page-width)); height: 100%; padding: 0; flex-direction: row; align-items: center; gap: 16px; }
  .dashboard-page .brand-link { min-height: 52px; padding: 0; }
  .dashboard-page .brand-logo-wide { width: 170px; }
  .dashboard-page .primary-nav { position: absolute; top: calc(100% + 8px); right: 0; left: auto; z-index: 30; width: min(360px, calc(100vw - 32px)); display: none; margin: 0; padding: 12px; border: 1px solid var(--border); border-radius: 16px; background: #10182d; box-shadow: var(--shadow-md); }
  .dashboard-page .primary-nav.is-open { display: flex; }
  .dashboard-page .primary-nav::before { display: none; }
  .dashboard-page .nav-toggle { display: inline-flex; }
  .dashboard-page .session-button { order: initial; width: auto; }
  .dashboard-page .environment-badge { flex: 0 0 auto; }
  .dashboard-page main, .dashboard-page .site-footer { margin-left: 0; }
  .metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .workspace-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .operations-toolbar { grid-template-columns: minmax(0, 1fr); }
  .operations-toolbar .clear-filters { width: 100%; }
  .handoff-section { grid-template-columns: 1fr; }
  .workspace-page-head { align-items: stretch; flex-direction: column; gap: 18px; }
  .workspace-page-head > .button { align-self: flex-start; }
  .demo-paths, .control-principles { grid-template-columns: 1fr; }
  .workspace-page-content .operations-side { grid-template-columns: minmax(0, 1fr); }
  .payment-main { grid-template-columns: 1fr; width: min(calc(100% - 32px), 680px); max-width: 680px; gap: 24px; }
  .checkout-card { grid-column: 1; grid-row: 2; }
  .checkout-assurance { grid-column: 1; grid-row: 1; min-height: 260px; background: linear-gradient(90deg, rgb(7 11 26 / 70%), rgb(11 20 40 / 84%)), url('/assets/celestial/aurora-flow.png') center / cover no-repeat; }
  .checkout-page::before, .checkout-page::after { display: none; }
  .login-shell { grid-template-columns: 1fr; }
  .login-brand-panel { min-height: 330px; }
}

@media (max-width: 640px) {
  :root { --sticky-header-height: 68px; }
  .page-shell { width: calc(100% - 32px); }
  .dashboard-page .site-header { height: 68px; }
  .dashboard-page .header-inner { width: calc(100% - 24px); }
  .dashboard-page .brand-logo-wide { display: none; }
  .dashboard-page .brand-logo-compact { display: block; width: 46px; height: 46px; }
  .dashboard-page .brand-link { padding: 0; }
  .dashboard-page .session-button { display: none; }
  .dashboard-page .environment-badge { max-width: 150px; padding: 7px 10px; font-size: 11px; }
  .workspace-topbar { width: calc(100% - 24px); margin-top: 14px; gap: 12px; }
  .workspace-title { font-size: 24px; }
  .workspace-subtitle { font-size: 13px; }
  .workspace-boundary { min-height: 34px; padding: 7px 10px; font-size: 12px; }
  .hero { width: calc(100% - 24px); margin-top: 14px; background-position: 68% center; }
  .hero::before { background: rgb(7 11 26 / 80%); }
  .hero-grid { min-height: 0; padding: 26px 20px; }
  .hero h1 { font-size: clamp(34px, 10.5vw, 46px); }
  .hero-summary { font-size: 15px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; min-height: 52px; }
  .hero-notice { margin-top: 18px; }
  .content-shell { width: calc(100% - 32px); }
  .workspace-page-content { padding-top: 14px; padding-bottom: 42px; }
  .workspace-page-head { margin-bottom: 14px; padding: 22px 18px; border-radius: 16px; background: linear-gradient(110deg, rgb(16 24 45 / 96%), rgb(16 24 45 / 90%)), url('/assets/celestial/aurora-flow.png') right center / cover no-repeat; }
  .workspace-page-head h1 { font-size: clamp(30px, 9vw, 39px); }
  .workspace-page-head > .button { width: 100%; }
  .workspace-directory { padding-top: 18px; }
  .workspace-card-grid { grid-template-columns: 1fr; }
  .workspace-card { padding: 18px; }
  .demo-path { grid-template-columns: 38px minmax(0, 1fr); padding: 18px; }
  .demo-path-number { width: 38px; height: 38px; }
  .demo-path > .text-link { grid-column: 1 / -1; width: 100%; justify-content: flex-start; min-height: 44px; }
  .workspace-page-content .handoff-section { margin-top: 14px; padding: 20px 16px; }
  .control-principles article { padding: 15px; }
  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .metric-card { min-height: 96px; padding: 14px; }
  .metric-card strong { font-size: 28px; }
  .metric-card small { font-size: 11px; line-height: 1.35; }
  .section-heading { align-items: stretch; flex-direction: column; gap: 14px; }
  .section-heading > .button { width: 100%; }
  .surface, .identity-review-queue { border-radius: 16px; }
  .table-wrap { width: 100%; margin-inline: 0; padding-inline: 0; }
  .table-wrap table, .table-wrap tbody, .table-wrap tr, .table-wrap td { min-width: 0; max-width: 100%; }
  .table-wrap td { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; }
  .table-wrap td > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .table-wrap td::before { width: auto; max-width: 100%; }
  .table-wrap .status-badge { max-width: 100%; white-space: normal; line-height: 1.35; }
  .table-wrap .row-actions { flex-wrap: wrap; }
  .table-pagination { align-items: stretch; flex-direction: column; }
  .table-pagination > div, .table-pagination .button { flex: 1; }
  .checkout-header { min-height: 72px; padding: 12px 16px; }
  .checkout-header img { width: 150px; }
  .secure-label { padding: 7px 10px; font-size: 11px; }
  .payment-main { width: calc(100% - 24px); padding-block: 8px 36px; }
  .checkout-assurance { display: none; }
  .checkout-card { grid-row: 1; padding: 22px 20px; border-radius: 20px; }
  .checkout-page { background: #070b1a url('/assets/celestial/aurora-flow.png') center top / auto 350px no-repeat; }
  .amount-row dd { font-size: clamp(42px, 15vw, 58px); }
  .login-brand-panel { min-height: 250px; padding: 28px 24px; }
  .login-brand-copy h1 { font-size: 34px; }
  .login-assurance { display: none; }
  .login-form-panel { padding: 34px 20px 48px; }
  .login-mobile-logo { width: 160px; display: block; margin-bottom: 36px; }
  .login-mobile-logo img { padding: 0; background: transparent; filter: drop-shadow(0 6px 18px rgb(0 0 0 / 22%)); }
  .governance-header { padding: 14px 0 84px; }
  .governance-header img { width: 140px; height: auto; }
  .governance-main { width: calc(100% - 24px); margin-top: -64px; }
  .governance-title, .governance-card { padding: 20px 16px; border-radius: 16px; }
  .access-shell { width: calc(100% - 32px); }
  .access-intro { min-height: 260px; padding: 24px 20px; }
  .access-intro::after { background: rgb(7 11 26 / 72%); }
  .access-header > div, .access-header-inner { align-items: flex-start; flex-direction: column; }
  .access-card, .access-panel { padding: 20px 18px; }
}

@media (max-width: 360px) {
  .workspace-boundary { max-width: 128px; white-space: normal; line-height: 1.2; }
  .hero-grid { padding: 24px 18px; }
  .table-card, .runtime-card, .identity-review-queue, .demo-tool-card { padding: 14px; }
  .table-wrap tr { padding: 12px; }
}

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

/* Commercial workspace polish — consistent density, hierarchy and responsive rhythm. */
:root {
  --surface: #10192e;
  --surface-subtle: #0b1326;
  --surface-raised: #15213a;
  --border: #2c3b58;
  --border-strong: #64769d;
  --page-width: 1280px;
  --sidebar-width: 224px;
  --shadow-sm: 0 12px 30px rgb(0 0 0 / 16%);
  --shadow-md: 0 24px 72px rgb(0 0 0 / 28%);
}

body {
  background:
    radial-gradient(circle at 82% -10%, rgb(78 61 150 / 10%), transparent 34rem),
    var(--canvas);
  font-size: 15px;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

.button {
  min-height: 46px;
  padding: 11px 17px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 720;
}

.button-primary,
.button-accent {
  background: linear-gradient(135deg, #7758e8, #6547d2);
  box-shadow: 0 10px 28px rgb(114 83 223 / 24%);
}

.button-secondary,
.button-ghost {
  border-color: #4b5d80;
  background: #17243d;
}

.surface,
.metric-card,
.identity-review-queue,
.control-card,
.policy-card {
  border-color: var(--border);
  background: linear-gradient(180deg, #111b31 0%, #0f182c 100%);
  box-shadow: 0 10px 28px rgb(0 0 0 / 13%);
}

.dashboard-page .site-header {
  width: var(--sidebar-width);
  background:
    linear-gradient(180deg, rgb(9 15 34 / 99%), rgb(7 12 28 / 99%)),
    var(--canvas);
}

.dashboard-page .header-inner {
  padding: 26px 16px 20px;
  gap: 22px;
}

.dashboard-page .brand-link {
  width: 100%;
  min-height: 66px;
  justify-content: center;
  padding-bottom: 18px;
  border-bottom: 1px solid #1d2942;
}

.dashboard-page .brand-logo-wide { width: 184px; }
.dashboard-page .primary-nav { margin-top: 0; gap: 5px; }
.dashboard-page .primary-nav::before { margin-bottom: 8px; }
.dashboard-page .primary-nav a {
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
}

.dashboard-page .primary-nav a[aria-current="location"],
.dashboard-page .primary-nav a[aria-current="page"] {
  border-color: #4a4472;
  background: linear-gradient(100deg, #302b58, #242342);
  box-shadow: inset 3px 0 var(--celestial-lilac), 0 8px 22px rgb(0 0 0 / 14%);
}

.dashboard-page .header-actions { gap: 9px; }
.dashboard-page .environment-badge { min-height: 40px; }
.dashboard-page .session-button { min-height: 44px; border-color: #36435f; background: #111a2f; }
.dashboard-page main,
.dashboard-page .site-footer { margin-left: var(--sidebar-width); }

.page-shell { width: min(calc(100% - 48px), var(--page-width)); }
.workspace-topbar { margin-top: 22px; padding-inline: 2px; }
.workspace-title { font-size: clamp(25px, 2.2vw, 32px); }
.workspace-subtitle { margin-top: 2px; font-size: 13px; }
.workspace-boundary { display: none; }
.content-shell { padding-bottom: 56px; }
.workspace-page-content { padding-top: 16px; }

.hero {
  margin-top: 16px;
  border-color: #2b3d60;
  border-radius: 20px;
  box-shadow: 0 18px 52px rgb(0 0 0 / 18%);
}

.hero-grid { min-height: 292px; padding: 30px 38px; }
.hero h1 { margin-block: 7px 10px; font-size: clamp(40px, 3.8vw, 54px); line-height: 1.04; }
.hero-summary { max-width: 560px; font-size: 15.5px; line-height: 1.62; }
.hero-actions { margin-top: 20px; }
.hero-notice { margin-top: 14px; }

.overview-content { padding-top: 16px; }
.metric-grid { gap: 10px; }
.metric-card { min-height: 122px; padding: 16px 15px; border-radius: 14px; }
.metric-card strong { margin: 8px 0 3px; font-size: 30px; line-height: 1; }
.metric-card small { color: #a9b7cf; font-size: 12.5px; line-height: 1.4; }
.metric-scope { margin-top: 12px; }
.workspace-directory { padding-top: 20px; }
.section-heading h2,
.handoff-copy h2 { font-size: clamp(27px, 2.7vw, 36px); }
.workspace-card-grid { gap: 12px; }
.workspace-card { min-height: 182px; padding: 20px; border-radius: 16px; }
.workspace-card:hover { transform: translateY(-1px); }
.workspace-card-action { margin-top: 12px; }

.workspace-page-head {
  min-height: 158px;
  align-items: center;
  margin-bottom: 16px;
  padding: 24px 28px;
  border-radius: 18px;
  background:
    linear-gradient(108deg, rgb(16 25 46 / 99%), rgb(16 25 46 / 92%) 62%, rgb(16 25 46 / 72%)),
    url('/assets/celestial/aurora-flow.png') right 36% / 52% auto no-repeat;
}

.workspace-page-head h1 {
  max-width: 780px;
  margin: 6px 0 7px;
  font-size: clamp(31px, 3vw, 42px);
  line-height: 1.08;
}

.workspace-page-head p:not(.section-kicker) { max-width: 760px; font-size: 14.5px; line-height: 1.58; }
.section-kicker,
.card-eyebrow { font-size: 11.5px; letter-spacing: .13em; }

/* Operations: keep the ledger compact and stop support cards from stretching. */
.workspace-page-content > .operations-grid { gap: 16px; }
.table-card { padding: 22px; }
.surface-head { align-items: center; }
.surface-head h2 { margin: 5px 0 0; font-size: 21px; }
.operations-toolbar { grid-template-columns: minmax(240px, 1.6fr) minmax(150px, .72fr) minmax(180px, .92fr) auto; gap: 10px; margin-top: 18px; }
.filter-field { gap: 7px; font-size: 12.5px; }
.filter-field input,
.filter-field select { min-height: 46px; font-size: 14px; }
.table-wrap { margin-top: 14px; }
.table-wrap table { table-layout: fixed; }
.table-wrap th:nth-child(1) { width: 23%; }
.table-wrap th:nth-child(2) { width: 14%; }
.table-wrap th:nth-child(3) { width: 13%; }
.table-wrap th:nth-child(4) { width: 30%; }
.table-wrap th:nth-child(5) { width: 20%; }
.obligations-table th,
.obligations-table td,
.table-wrap th,
.table-wrap td { padding: 14px 10px; }
.table-wrap td { vertical-align: middle; }
.table-wrap td small { color: #a4b2ca; line-height: 1.45; }
.table-wrap td:nth-child(4) > small { display: block; margin-top: 6px; }
.table-wrap .stage-reason { color: var(--warning); }
.row-action { min-width: 58px; min-height: 42px; }
.source-order-id { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row-actions { justify-content: flex-end; flex-wrap: wrap; }
.row-actions .row-action { flex: 0 0 auto; white-space: nowrap; }
.table-pagination { margin-top: 4px; padding-top: 14px; }

.operations-side { min-width: 0; align-items: start; align-content: start; gap: 16px; }
.operations-side > * { min-height: 0; height: auto; align-self: start; }
.demo-tool-card,
.runtime-card,
.identity-review-queue { padding: 22px; }
.demo-tool-card .demo-scenario-help { margin-top: 12px; }
.runtime-list { margin-top: 12px; }
.runtime-list > div { padding: 11px 0; }
.identity-review-queue { border-left-width: 1px; border-top: 3px solid var(--warning); }
#identityReviews { gap: 12px; }
.identity-review-card { padding: 18px; border-radius: 14px; }
.identity-review-card .review-members { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.identity-review-card .review-handoff { align-items: flex-start; }
.identity-review-card .review-decision { padding: 14px; }
.trace-section { margin-top: 16px !important; }

@media (max-width: 1600px) {
  .workspace-page-content .operations-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "demo runtime" "review review";
  }
  .workspace-page-content .demo-tool-card { grid-area: demo; }
  .workspace-page-content .runtime-card { grid-area: runtime; }
  .workspace-page-content .identity-review-queue { grid-area: review; }
}

/* Payment links and policy surfaces use balanced, complete rows. */
.demo-paths { gap: 14px; }
.demo-path { padding: 22px; border-radius: 16px; }
.demo-path h2 { font-size: 21px; }
.demo-path > .text-link {
  align-self: end;
  padding-top: 13px;
  border-top: 1px solid var(--border);
  color: #c1b6ff;
}
.compact-feature-list li { color: #c7d2e4; background: #0c1529; }
.workspace-page-content .handoff-section { gap: 34px; padding: 26px; border-radius: 18px; }
.payment-preview { border-radius: 16px; box-shadow: 0 16px 44px rgb(0 0 0 / 20%); }
.payment-qr-placeholder {
  color: #a89be8;
  border: 1px dashed #675d91;
  background:
    linear-gradient(135deg, rgb(114 83 223 / 13%), transparent 60%),
    #0c1529;
}

.control-principles { gap: 10px; }
.control-principles article { min-height: 92px; align-items: flex-start; padding: 16px; background: #0d162a; }
.control-principles article > span { width: 26px; height: 26px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 8px; background: #222447; }
.controls-content { padding-top: 22px; }
.policy-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); align-items: start; gap: 14px; }
.policy-card { height: 100%; padding: 22px; border-radius: 16px; }
.policy-card dl > div { padding: 11px 0; }

/* Governance remains permission-aware but now belongs to the same product family. */
.governance-page { min-height: 100dvh; background: var(--canvas); }
.governance-header {
  min-height: 86px;
  padding: 0;
  border-bottom: 1px solid #1d2942;
  background:
    linear-gradient(90deg, rgb(7 11 26 / 99%), rgb(7 11 26 / 88%)),
    url('/assets/celestial/aurora-flow.png') right 38% / 46% auto no-repeat;
}
.governance-header::after { display: none; }
.governance-header > .page-shell { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.governance-header img { width: 178px; }
.governance-main { margin-top: 0; padding-block: 26px 64px; }
.governance-title {
  margin-bottom: 16px;
  padding: 28px 30px;
  border-radius: 18px;
  background:
    linear-gradient(108deg, rgb(16 25 46 / 99%), rgb(16 25 46 / 90%)),
    url('/assets/celestial/aurora-flow.png') right center / 48% auto no-repeat;
  box-shadow: var(--shadow-sm);
}
.governance-title h1 { margin: 7px 0 9px; font-size: clamp(32px, 3.5vw, 46px); line-height: 1.08; }
.governance-title > p { max-width: 760px; margin-block: 7px; }
.governance-notice { margin: 0 0 16px; padding: 16px 18px; border-radius: 12px; font-size: 14px; }
.governance-context-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 16px 0 24px; }
.governance-context-grid article { min-width: 0; padding: 18px; border: 1px solid var(--border); border-radius: 14px; background: #0d162a; }
.governance-context-grid span { color: var(--celestial-aurora); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.governance-context-grid strong { display: block; margin: 7px 0 5px; color: var(--text); font-size: 16px; }
.governance-context-grid p { margin: 0; color: var(--text-soft); font-size: 13px; line-height: 1.5; }
.governance-card { padding: 24px; border-radius: 16px; }

/* Customer and access surfaces use a contained commercial card treatment. */
.login-form-wrap {
  padding: 38px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: linear-gradient(180deg, rgb(16 25 46 / 98%), rgb(10 17 33 / 98%));
  box-shadow: var(--shadow-md);
}
.login-brand-copy h1 { font-size: clamp(40px, 4.2vw, 58px); }
.login-environment { margin-top: -10px; }
.checkout-header { width: min(calc(100% - 48px), 1320px); margin-inline: auto; padding-inline: 0; }
.payment-main { margin-inline: auto; }
.checkout-card,
.checkout-assurance { border-radius: 18px; }
.checkout-card { padding: clamp(28px, 3vw, 38px); }
.checkout-assurance { padding: clamp(28px, 3vw, 38px); }
.checkout-assurance > img { margin-bottom: 38px; }

.site-footer { border-top-color: #1d2942; }
.footer-inner { min-height: 82px; }

@media (max-width: 1180px) {
  .dashboard-page .site-header { width: auto; }
  .dashboard-page .header-inner { padding: 0; }
  .dashboard-page .brand-link { width: max-content; min-height: 52px; padding: 0; border: 0; }
  .dashboard-page main,
  .dashboard-page .site-footer { margin-left: 0; }
  .workspace-topbar { margin-top: 18px; }
}

@media (max-width: 900px) {
  .workspace-page-head { min-height: 0; }
  .workspace-page-content .operations-side { grid-template-columns: minmax(0, 1fr); grid-template-areas: "demo" "review" "runtime"; }
  .operations-toolbar { grid-template-columns: minmax(0, 1fr); }
  .governance-context-grid { grid-template-columns: 1fr; }
  .login-form-wrap { padding: 32px; }
}

@media (max-width: 640px) {
  body { font-size: 14.5px; }
  .dashboard-page .brand-link { justify-content: flex-start; }
  .dashboard-page .environment-badge { min-height: 38px; }
  .workspace-topbar { margin-top: 12px; }
  .workspace-title { font-size: 22px; }
  .workspace-subtitle { max-width: 220px; font-size: 12.5px; line-height: 1.4; }
  .hero { margin-top: 12px; border-radius: 16px; }
  .hero-grid { padding: 24px 20px; }
  .hero h1 { font-size: clamp(34px, 10vw, 40px); line-height: 1.06; }
  .hero-summary { font-size: 14.5px; line-height: 1.55; }
  .metric-grid { gap: 9px; }
  .metric-card { min-height: 110px; padding: 14px; }
  .metric-card strong { font-size: 27px; }
  .metric-card small { font-size: 12px; }
  .workspace-directory { padding-top: 16px; }
  .workspace-page-head { gap: 14px; padding: 20px 18px; }
  .workspace-page-head h1 { font-size: clamp(28px, 8.3vw, 34px); line-height: 1.08; }
  .workspace-page-head p:not(.section-kicker) { font-size: 14px; line-height: 1.55; }
  .table-card,
  .demo-tool-card,
  .runtime-card,
  .identity-review-queue { padding: 17px; }
  .surface-head { align-items: flex-start; gap: 12px; }
  .updated-at { max-width: 124px; text-align: right; }
  .table-wrap table { table-layout: auto; }
  .table-wrap tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 11px 14px;
    padding: 17px 0;
  }
  .table-wrap td { width: auto; display: block; padding: 0; text-align: left; }
  .table-wrap td::before { display: block; margin-bottom: 4px; font-size: 10.5px; letter-spacing: .08em; }
  .table-wrap td:nth-child(1) { grid-column: 1 / -1; }
  .table-wrap td:nth-child(2) { grid-column: 1; }
  .table-wrap td:nth-child(2) small { display: none; }
  .table-wrap td:nth-child(3) { grid-column: 2; text-align: right; }
  .table-wrap td:nth-child(3)::before { text-align: right; }
  .table-wrap td:nth-child(4) { grid-column: 1 / -1; padding: 11px 12px; border-radius: 10px; background: #0b1428; }
  .table-wrap td:nth-child(4) > small {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .table-wrap td:nth-child(5) { grid-column: 1 / -1; }
  .table-wrap td:nth-child(5)::before { display: none; }
  .table-wrap .row-actions { justify-content: flex-start; }
  .table-wrap .row-action { min-height: 42px; }
  .identity-review-card .review-members { grid-template-columns: 1fr; }
  .demo-path { padding: 17px; }
  .workspace-page-content .handoff-section { padding: 18px 16px; }
  .control-principles article { min-height: 0; }
  .governance-header { min-height: 72px; padding: 0; }
  .governance-header > .page-shell { min-height: 72px; }
  .governance-header img { width: 148px; }
  .governance-main { width: calc(100% - 28px); margin-top: 0; padding-top: 18px; }
  .governance-title { padding: 22px 18px; }
  .governance-title h1 { font-size: clamp(29px, 9vw, 36px); }
  .governance-context-grid { margin-top: 12px; }
  .login-form-panel { padding: 22px 16px 36px; }
  .login-form-wrap { padding: 26px 20px; border-radius: 16px; }
  .login-mobile-logo { width: 152px; margin: 0 0 24px; }
  .checkout-header { width: calc(100% - 28px); }
  .checkout-card { padding: 22px 18px; }
}

@media (max-width: 360px) {
  .dashboard-page .environment-badge { max-width: 140px; }
  .metric-card { min-height: 104px; padding: 12px; }
  .metric-label { font-size: 12px; }
  .workspace-card { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 16px; }
  .workspace-card-icon { width: 36px; height: 36px; }
  .table-card,
  .demo-tool-card,
  .runtime-card,
  .identity-review-queue { padding: 14px; }
  .governance-header img { width: 132px; }
  .governance-header .button { padding-inline: 11px; }
}

@media print {
  :root { color-scheme: light; }
  body { color: #111; background: #fff; }
  .dashboard-page main, .dashboard-page .site-footer { margin-left: 0; }
  .dashboard-page .site-header { display: none; }
}