/* AIQA bundle source: styles.css */
/* AIQA bundle source: styles_base_shell.css */
:root {
  --color-brand-primary: #244685;
  --color-brand-primary-hover: #1f3b70;
  --color-brand-primary-active: #17305d;
  --color-brand-primary-soft: #eaf0f8;
  --color-brand-primary-selected: #dbe6f4;
  --color-brand-secondary: #DC7370;
  --color-brand-secondary-hover: #c95f5c;
  --color-brand-secondary-soft: #fbeceb;
  --color-attention: var(--color-brand-secondary);
  --color-attention-hover: var(--color-brand-secondary-hover);
  --color-attention-soft: var(--color-brand-secondary-soft);
  --color-surface-canvas: #f5f7fa;
  --color-surface-panel: #ffffff;
  --color-surface-secondary: #f8fafc;
  --color-surface-elevated: #ffffff;
  --color-text-primary: #243a5f;
  --color-text-strong: #223f68;
  --color-text-secondary: #526174;
  --color-text-muted: #6f7d8f;
  --color-border-default: #e2e8f0;
  --color-border-subtle: #eef2f7;
  --color-status-success: #15803d;
  --color-status-success-soft: #dcfce7;
  --color-status-warning: #b45309;
  --color-status-warning-soft: #fef3c7;
  --color-status-error: #b91c1c;
  --color-status-error-soft: #fee2e2;
  --color-focus-ring: rgba(36, 70, 133, 0.28);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 8px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 16px 36px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 28px 80px rgba(15, 23, 42, 0.16);
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 15px;
  --font-size-lg: 19px;
  --font-size-xl: 28px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable", "Segoe UI", Aptos, ui-sans-serif, system-ui, sans-serif;
  --layout-sidebar-width: clamp(184px, 18vw, 260px);
  --layout-sidebar-collapsed: 76px;
  --layout-workspace-max: 1120px;
  --layout-card-width: min(var(--layout-workspace-max), 100%);
  --layout-upload-width: 720px;
  --layout-footer-height: 52px;
  --layout-shell-gutter-inline: clamp(16px, 3vw, 52px);
  --layout-shell-gutter-block: clamp(14px, 2.6vh, 32px);
  --blue: var(--color-brand-primary);
  --blue-2: var(--color-brand-primary-hover);
  --coral: var(--color-brand-secondary);
  --ink: var(--color-text-primary);
  --muted: var(--color-text-secondary);
  --line: var(--color-border-default);
  --panel: rgba(255, 255, 255, 0.92);
  --shadow: var(--shadow-md);
  font-family: var(--font-sans);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--color-surface-canvas);
  font-size: var(--font-size-md);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis-weight: none;
}

html:has([role="dialog"].open),
body:has([role="dialog"].open) {
  overflow: hidden;
  overscroll-behavior: none;
}

body::before {
  display: none;
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.5;
  background-image:
    radial-gradient(circle, rgba(43, 79, 142, 0.42) 1.2px, transparent 2px),
    linear-gradient(28deg, transparent 0 18%, rgba(43, 79, 142, 0.16) 18.1% 18.25%, transparent 18.4% 44%, rgba(43, 79, 142, 0.13) 44.1% 44.25%, transparent 44.4%),
    linear-gradient(118deg, transparent 0 12%, rgba(43, 79, 142, 0.13) 12.1% 12.25%, transparent 12.4% 36%, rgba(43, 79, 142, 0.12) 36.1% 36.25%, transparent 36.4%);
  background-size: 92px 82px, 380px 270px, 430px 310px;
}

body::after {
  display: none;
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.11;
  background:
    linear-gradient(14deg, transparent 0 46%, var(--blue-2) 46.1% 46.22%, transparent 46.35%),
    linear-gradient(164deg, transparent 0 53%, var(--blue-2) 53.1% 53.22%, transparent 53.35%);
  background-size: 330px 240px;
}

button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.app {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: calc(100svh - var(--layout-footer-height));
  overflow-x: clip;
  transition: grid-template-columns 0.22s ease;
}

.app.sidebar-collapsed { grid-template-columns: 88px minmax(0, 1fr); }

.side {
  position: relative;
  padding: clamp(28px, 3vw, 38px) clamp(16px, 1.7vw, 24px) 24px;
  background: rgba(255, 255, 255, 0.84);
  border-right: 4px solid var(--blue);
  backdrop-filter: blur(16px);
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 16px;
}

.sidebar-toggle {
  position: absolute;
  top: 24px;
  right: -14px;
  z-index: 5;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 0;
  background: white;
  color: var(--blue);
  box-shadow: 0 10px 24px rgba(32, 52, 84, 0.14);
}

.sidebar-toggle svg {
  width: 17px;
  height: 17px;
  transition: transform 0.18s ease;
}

.brand { text-align: center; }

.brand-logo {
  width: min(212px, 100%);
  height: auto;
  display: block;
  margin: 0 auto;
}

.brand p {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 17px;
  font-weight: 300;
}

.account-strip {
  position: absolute;
  top: calc(clamp(28px, 5vw, 58px) + 72px);
  left: calc(50% + min(560px, calc(50vw - clamp(28px, 5vw, 58px))) - 178px);
  z-index: 8;
  display: grid;
}

.account-button {
  width: 136px;
  min-width: 136px;
  min-height: 42px;
  border: 1px solid rgba(39, 49, 148, 0.18);
  background: rgba(255, 255, 255, 0.94);
  color: var(--blue);
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 7px 12px;
  text-align: left;
  box-shadow: 0 14px 34px rgba(32, 52, 84, 0.1);
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.account-button:hover {
  border-color: rgba(39, 49, 148, 0.34);
  background: rgba(39, 49, 148, 0.04);
  color: var(--blue);
}

.account-avatar {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(39, 49, 148, 0.22);
  background: rgba(39, 49, 148, 0.05);
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
}

.account-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.account-copy strong,
.account-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-copy strong {
  font-size: 13px;
}

.account-copy small {
  color: var(--muted);
  font-size: 11px;
}

.steps {
  display: grid;
  align-self: start;
  align-content: start;
  gap: 10px;
}

.step {
  min-height: 54px;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 0;
  color: var(--muted);
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  text-align: left;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.step span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 0;
  border: 1px solid #c9d4e4;
  font-weight: 900;
  color: currentColor;
}

.step span svg {
  width: 19px;
  height: 19px;
}

.step strong { font-size: 15px; }

.step.active {
  color: var(--blue);
  background: rgba(39, 49, 148, 0.06);
  border-color: rgba(39, 49, 148, 0.18);
}

.step:hover {
  color: var(--blue);
  border-color: rgba(39, 49, 148, 0.22);
}

.step.locked,
.step:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}

.step.locked:hover,
.step:disabled:hover {
  color: var(--muted);
  border-color: transparent;
}

.step.locked span,
.step:disabled span {
  background: #f6f8fc;
  border-color: #d8e0ec;
}

.step.done span {
  background: var(--blue);
  border-color: var(--blue);
  color: white;
}

.step.done span svg {
  display: none;
}

.step.done span::before {
  content: "\2713";
  font-size: 18px;
  line-height: 1;
}

.step.done {
  color: var(--blue);
}

.quality-card {
  align-self: end;
  border: 1px solid var(--line);
  background: white;
  padding: 0;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.quality-card[hidden] {
  display: none;
}

.quality-card.evaluated {
  border-color: rgba(39, 49, 148, 0.18);
}

.quality-card span {
  color: var(--blue);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.readiness-card strong {
  display: block;
  margin-top: 3px;
  font-size: 17px;
  line-height: 1.15;
  color: var(--blue);
}

.readiness-state {
  padding: 12px 14px 4px;
}

.readiness-heading {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 3px;
}

.readiness-heading strong {
  margin: 0;
}

.readiness-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--color-text-muted);
  box-shadow: 0 0 0 4px rgba(111, 125, 143, 0.12);
}

.readiness-card[data-readiness="progress"] .readiness-dot {
  background: var(--color-brand-primary);
  box-shadow: 0 0 0 4px var(--color-brand-primary-soft);
}

.readiness-card[data-readiness="attention"] .readiness-dot {
  background: var(--color-attention);
  box-shadow: 0 0 0 4px var(--color-attention-soft);
}

.readiness-card[data-readiness="ready"] .readiness-dot {
  background: var(--color-status-success);
  box-shadow: 0 0 0 4px var(--color-status-success-soft);
}

.readiness-facts {
  margin: 0;
  padding: 0 14px 12px;
}

.readiness-facts[hidden] {
  display: none;
}

.readiness-summary {
  margin: 0 0 0 20px;
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

.readiness-card:not(.has-readiness-facts) .readiness-state {
  padding-bottom: 12px;
}

.app.sidebar-collapsed .side { padding-inline: 16px; }
.app.sidebar-collapsed .sidebar-toggle svg { transform: rotate(180deg); }
.app.sidebar-collapsed .brand { display: grid; justify-items: center; }
.app.sidebar-collapsed .brand-logo {
  width: 56px;
  max-width: none;
}
.app.sidebar-collapsed .brand p,
.app.sidebar-collapsed .step strong,
.app.sidebar-collapsed .quality-card span,
.app.sidebar-collapsed .quality-card p,
.app.sidebar-collapsed .quality-card strong,
.app.sidebar-collapsed .readiness-facts {
  display: none;
}
.app.sidebar-collapsed .steps { justify-items: center; }
.app.sidebar-collapsed .step {
  width: 52px;
  min-height: 52px;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 8px;
}
.app.sidebar-collapsed .step span {
  width: 38px;
  height: 38px;
}
.app.sidebar-collapsed .quality-card {
  width: 56px;
  min-height: 56px;
  display: grid;
  place-items: center;
  padding: 8px;
}
.app.sidebar-collapsed .readiness-heading {
  display: grid;
  grid-template-columns: 10px;
  margin: 0;
}
.app.sidebar-collapsed .readiness-state {
  padding: 0;
}

.workspace-support-row {
  width: var(--layout-card-width);
  display: flex;
  justify-content: flex-end;
}

.bug-trigger {
  position: static;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  min-width: 136px;
  max-width: 100%;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid rgba(39, 49, 148, 0.22);
  background: rgba(255, 255, 255, 0.94);
  color: var(--blue);
  box-shadow: 0 18px 46px rgba(30, 45, 94, 0.16);
  font-weight: 900;
}

.bug-trigger svg {
  width: 18px;
  height: 18px;
}

.bug-trigger:hover {
  border-color: var(--coral);
  color: var(--coral);
}

.legal-links {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 100%;
  min-height: 52px;
  padding: 14px 24px 18px;
  border: 0;
  border-top: 1px solid var(--color-border-subtle);
  border-radius: 0;
  background: var(--color-surface-canvas);
  color: var(--color-text-muted);
  box-shadow: none;
  font-size: 11px;
  font-weight: 760;
}

.legal-links-label {
  flex: 0 0 auto;
  padding: 0;
  color: var(--color-text-muted);
  opacity: 0.72;
  font-weight: 800;
  line-height: 1.2;
}

.legal-links-actions {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.legal-links a,
.legal-links button {
  border: 0;
  min-height: 0;
  max-width: 160px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-brand-primary);
  font: inherit;
  font-weight: 800;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
}

.legal-links a:hover,
.legal-links a:focus-visible,
.legal-links button:hover,
.legal-links button:focus-visible {
  outline: 0;
  background: transparent;
  color: var(--color-brand-primary-hover);
  box-shadow: none;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* AIQA bundle source: styles_bug_dialog.css */
.bug-dialog {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  place-items: center;
  padding: 28px;
  background: rgba(28, 36, 80, 0.16);
  backdrop-filter: blur(4px);
}

.bug-dialog.open {
  display: grid;
}

.bug-panel {
  width: min(480px, calc(100vw - 56px));
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 26px 80px rgba(30, 45, 94, 0.24);
  display: grid;
  grid-template-rows: auto minmax(140px, 1fr) auto;
  max-height: min(680px, calc(100vh - 56px));
}

.bug-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.bug-head span,
.bug-message.mapped span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.bug-head h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 21px;
}

.icon-button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  background: white;
  color: var(--blue);
}

.icon-button svg {
  width: 18px;
  height: 18px;
}

.bug-chat {
  overflow: auto;
  padding: 18px;
  display: grid;
  align-content: start;
  gap: 12px;
  background: linear-gradient(180deg, rgba(248,251,255,.62), rgba(255,255,255,.92));
}

.bug-message {
  max-width: 100%;
  border: 1px solid var(--line);
  background: white;
  padding: 13px 14px;
}

.bug-message strong {
  color: var(--blue);
}

.bug-message p {
  margin: 5px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.bug-message ol {
  margin: 8px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.45;
}

.bug-message li + li {
  margin-top: 4px;
}

.bug-message.user {
  justify-self: end;
  background: rgba(39, 49, 148, 0.06);
  border-color: rgba(39, 49, 148, 0.18);
}

.bug-message.user p {
  margin: 0;
  color: var(--ink);
}

.bug-message.mapped {
  border-left: 4px solid var(--blue);
}

.bug-form {
  display: grid;
  gap: 12px;
  padding: 16px 18px 18px;
  border-top: 1px solid var(--line);
  background: white;
}

.bug-form[hidden] {
  display: none;
}

.bug-form textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  border: 1px solid var(--line);
  padding: 12px;
  color: var(--ink);
  background: #f8fbff;
}

.bug-form textarea:focus {
  outline: 2px solid rgba(39, 49, 148, 0.18);
  border-color: var(--blue);
}

.bug-attachment-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 36px;
}

.bug-attachment-picker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--line);
  color: var(--blue);
  background: #f8fbff;
  font-weight: 800;
  cursor: pointer;
}

.bug-attachment-row span {
  min-width: 0;
  color: var(--muted);
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bug-attachment-remove {
  min-height: 36px;
  padding: 0 12px;
}

.bug-form .primary {
  justify-self: end;
  margin-top: 0;
}

.bug-confirm-close {
  margin-top: 12px;
}

.bug-dialog.is-recognition-report .bug-panel {
  width: min(520px, calc(100vw - 56px));
  grid-template-rows: auto auto auto;
}

.bug-dialog.is-recognition-report .bug-head {
  padding: 22px 22px 16px;
  border-bottom: 0;
  background: #fff;
}

.bug-dialog.is-recognition-report .bug-head h2 {
  margin: 0;
  font-size: 22px;
  letter-spacing: 0;
}

.bug-dialog.is-recognition-report .bug-chat {
  padding: 0 22px 14px;
  gap: 10px;
  background: #fff;
  overflow: visible;
}

.bug-dialog.is-recognition-report .bug-message {
  border-radius: 0;
  box-shadow: none;
}

.bug-dialog.is-recognition-report .recognition-context-card {
  border-color: rgba(39, 49, 148, 0.16);
  background: #f7faff;
  padding: 14px 16px;
}

.bug-dialog.is-recognition-report .recognition-context-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.bug-dialog.is-recognition-report .recognition-context-card strong {
  font-size: 14px;
}

.bug-dialog.is-recognition-report .recognition-context-card p {
  margin-top: 6px;
}

.bug-dialog.is-recognition-report .recognition-guidance-card {
  border: 0;
  background: transparent;
  padding: 2px 0 0;
}

.bug-dialog.is-recognition-report .recognition-guidance-card strong {
  font-size: 14px;
}

.bug-dialog.is-recognition-report .recognition-guidance-card p {
  max-width: 420px;
  margin-top: 6px;
}

.bug-dialog.is-recognition-report .bug-form {
  padding: 0 22px 22px;
  border-top: 0;
  background: #fff;
}

.bug-dialog.is-recognition-report .bug-form textarea {
  min-height: 118px;
  border-color: rgba(201, 212, 228, 0.95);
  background: #f8fbff;
  font-size: 14px;
  line-height: 1.45;
}

.bug-dialog.is-recognition-report .bug-form .primary {
  min-width: 142px;
}

/* AIQA bundle source: styles_account_workspace_core.css */
.account-dialog {
  position: fixed;
  inset: 0;
  z-index: 55;
  display: none;
  place-items: center;
  padding: clamp(14px, 3vw, 28px);
  background: rgba(28, 36, 80, 0.16);
  backdrop-filter: blur(5px);
  container: account-auth-overlay / size;
  overflow: hidden;
}

.account-dialog.open {
  display: grid;
}

.account-dialog.open:has(.account-panel[data-auth-mode="login"]) {
  place-items: center;
  padding: clamp(14px, 3vw, 28px);
}

.account-workspace {
  position: fixed;
  inset: 0;
  z-index: 56;
  display: none;
  place-items: center;
  padding: 28px;
  background: rgba(28, 36, 80, 0.16);
  backdrop-filter: blur(5px);
}

.account-workspace.open {
  display: grid;
}

.account-workspace-panel {
  width: min(1080px, calc(100vw - 56px));
  height: min(720px, calc(100vh - 56px));
  border: 1px solid rgba(39, 49, 148, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 28px 82px rgba(30, 45, 94, 0.24);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

.account-workspace-panel[data-account-workspace-role="support"],
.account-workspace-panel[data-account-workspace-role="admin"] {
  width: min(1280px, calc(100vw - 56px));
}

.account-workspace-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.account-workspace-title-block span,
.account-workspace-card span,
.account-workspace-detail span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.account-workspace-title-block h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 23px;
}

.account-workspace-title-block p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.42;
}

.account-workspace-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-workspace-body {
  min-height: 0;
  display: grid;
  grid-template-columns: 292px minmax(0, 1fr);
  gap: 14px;
  padding: 14px;
  background: linear-gradient(180deg, rgba(248,251,255,.72), rgba(255,255,255,.96));
}

.account-workspace-nav,
.account-workspace-detail {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(39, 49, 148, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 34px rgba(30, 45, 94, 0.08);
}

.account-workspace-nav {
  padding: 10px;
  overflow-y: auto;
  display: grid;
  align-content: start;
  gap: 8px;
}

.account-workspace-card {
  width: 100%;
  min-height: 54px;
  padding: 10px;
  border: 1px solid rgba(39, 49, 148, 0.14);
  border-radius: 8px;
  background: #fff;
  text-align: left;
  display: grid;
  gap: 4px;
  color: var(--ink);
  cursor: pointer;
}

.account-workspace-card:hover,
.account-workspace-card.active {
  border-color: rgba(39, 73, 145, 0.35);
  box-shadow: 0 12px 26px rgba(39, 73, 145, 0.1);
}

.account-workspace-card.active {
  background: rgba(242, 247, 255, 0.98);
}

.account-workspace-card strong {
  color: var(--blue);
  font-size: 14px;
  line-height: 1.18;
}

.account-workspace-card span {
  color: var(--color-text-muted);
}

.account-workspace-card.active span {
  color: var(--coral);
}

.account-workspace-detail {
  padding: 18px;
  overflow-y: auto;
}

.account-workspace-detail article {
  display: grid;
  gap: 16px;
}

.account-workspace-detail h3 {
  margin: 3px 0 0;
  color: var(--blue);
  font-size: 24px;
}

.account-workspace-detail p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.account-workspace-status {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border: 1px solid rgba(39, 73, 145, 0.18);
  border-radius: 999px;
  background: rgba(242, 247, 255, 0.98);
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-workspace-notice {
  border: 1px solid rgba(39, 73, 145, 0.16);
  border-radius: 8px;
  padding: 12px 14px;
  background: rgba(242, 247, 255, 0.98);
  color: var(--blue);
  font-weight: 800;
}

.account-workspace-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
}

.account-workspace-list li {
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  padding: 11px 12px;
  background: rgba(248, 251, 255, 0.76);
  color: var(--ink);
  line-height: 1.38;
}

.account-workspace-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.account-workspace-link {
  text-decoration: none;
}

.account-workspace-actions-row .is-danger {
  border-color: rgba(184, 68, 68, 0.24);
  color: #9b2f2f;
  background: rgba(255, 245, 245, 0.96);
}

.account-workspace-facts {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.account-workspace-fact {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  padding: 11px 12px;
  background: rgba(248, 251, 255, 0.84);
}

.account-workspace-fact-wide {
  grid-column: 1 / -1;
}

.account-workspace-fact dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-workspace-fact dd {
  margin: 4px 0 0;
  color: var(--blue);
  font-weight: 900;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.account-workspace-fact.is-success dd {
  color: #1f7a4d;
}

.account-workspace-fact.is-warning dd {
  color: var(--color-status-warning);
}

.account-workspace-form {
  display: grid;
  gap: 12px;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  padding: 14px;
  background: #fff;
}

.account-workspace-form-section {
  display: grid;
  gap: 10px;
}

.account-workspace-form-section[hidden] {
  display: none;
}

.account-workspace-section-head {
  display: grid;
  gap: 3px;
  padding-bottom: 2px;
}

.account-workspace-section-head h4 {
  margin: 0;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.account-workspace-section-head p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.account-workspace-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.account-workspace-field {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.account-workspace-field-wide {
  grid-column: 1 / -1;
}

.account-workspace-field span,
.account-workspace-subsection h4 {
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.account-workspace-field input,
.account-workspace-field select,
.account-workspace-field textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(39, 49, 148, 0.16);
  border-radius: 8px;
  padding: 0 12px;
  background: #f8fbff;
  color: var(--ink);
  font: inherit;
  font-weight: 800;
}

.account-workspace-field textarea {
  min-height: 108px;
  padding: 11px 12px;
  line-height: 1.42;
  resize: vertical;
}

.account-workspace-field input[readonly] {
  color: var(--muted);
  background: rgba(246, 249, 253, 0.92);
}

.account-workspace-field input:focus,
.account-workspace-field select:focus,
.account-workspace-field textarea:focus {
  outline: 2px solid rgba(39, 73, 145, 0.2);
  border-color: rgba(39, 73, 145, 0.46);
  background: #fff;
}

.account-workspace-callout {
  border: 1px solid rgba(39, 73, 145, 0.13);
  border-radius: 8px;
  padding: 13px 14px;
  background: rgba(242, 247, 255, 0.92);
  display: grid;
  gap: 5px;
}

.account-workspace-callout strong {
  color: var(--blue);
}

.account-workspace-callout p {
  margin: 0;
}

.account-workspace-callout.is-warning {
  border-color: rgba(180, 83, 9, 0.18);
  background: rgba(254, 243, 199, 0.42);
}

.account-workspace-subsection {
  display: grid;
  gap: 10px;
}

.account-workspace-subsection h4 {
  margin: 0;
}

.account-role-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
}

.account-role-metric,
.account-role-panel {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 12px 28px rgba(30, 45, 94, 0.07);
}

.account-role-metric {
  padding: 11px 12px;
  display: grid;
  gap: 3px;
}

.account-role-metric span,
.account-role-panel-head span,
.account-role-filter span,
.support-error-trail span,
.admin-agent-audit-list article span,
.admin-policy-role-grid span,
.admin-provider-status span,
.admin-audit-list article span,
.support-recognition-list article span,
.support-recognition-list button span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-role-metric strong {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.08;
}

.account-role-metric small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.account-role-metric.is-warning strong {
  color: var(--color-status-warning);
}

.account-role-metric.is-danger strong {
  color: #b63a3a;
}

.account-role-status-line {
  border: 1px solid rgba(39, 73, 145, 0.13);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(242, 247, 255, 0.92);
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

.account-role-status-line.is-error {
  border-color: rgba(184, 68, 68, 0.24);
  background: rgba(255, 245, 245, 0.96);
  color: #9b2f2f;
}

.account-role-dashboard {
  display: grid;
  gap: 12px;
}

.support-dashboard-grid {
  grid-template-columns: minmax(250px, 0.88fr) minmax(340px, 1.12fr);
  align-items: start;
}

.support-dashboard-grid > .support-queue-panel:only-child {
  grid-column: 1 / -1;
}

.admin-dashboard-grid {
  grid-template-columns: minmax(360px, 1.12fr) minmax(300px, 0.88fr);
  align-items: start;
}

.account-role-panel {
  display: grid;
  gap: 12px;
  padding: 13px;
}

.account-role-panel-wide {
  grid-column: 1 / -1;
}

/* AIQA bundle source: styles_support_admin_workspace.css */
.account-workspace-panel[data-account-workspace-role="support"] .account-workspace-body {
  grid-template-columns: 220px minmax(0, 1fr);
}

.account-role-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(39, 49, 148, 0.1);
}

.account-role-panel-head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.account-role-panel-head strong {
  color: var(--blue);
  font-size: 14px;
  line-height: 1.2;
  text-align: right;
}

.support-identity-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.support-identity-strip div,
.support-analysis-card,
.support-corrected-panel {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(248, 251, 255, 0.96), rgba(255, 255, 255, 0.88));
  box-shadow: 0 12px 30px rgba(39, 73, 145, 0.07);
}

.support-identity-strip div {
  display: grid;
  gap: 3px;
  padding: 11px 12px;
}

.support-identity-strip span,
.support-analysis-card-head span,
.support-corrected-panel span,
.support-error-trail > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.support-identity-strip strong,
.support-corrected-panel strong {
  color: var(--blue);
  font-size: 15px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.support-identity-strip small,
.support-corrected-panel p,
.support-analysis-card p,
.support-analysis-list p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.support-ticket-artifact-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.support-ticket-artifact-chips span {
  border: 1px solid rgba(39, 73, 145, 0.15);
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(242, 247, 255, 0.94);
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.support-ticket-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.support-artifact-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.support-artifact-link {
  min-width: 0;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(39, 73, 145, 0.14);
  border-radius: 8px;
  padding: 10px;
  background: #fff;
  color: var(--ink);
  text-decoration: none;
}

.support-artifact-link:hover {
  border-color: rgba(39, 73, 145, 0.35);
  box-shadow: 0 10px 22px rgba(39, 73, 145, 0.08);
}

.support-artifact-link span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.support-artifact-link strong {
  color: var(--blue);
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.support-artifact-link small,
.support-artifact-empty {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.35;
}

.support-analysis-card {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.support-analysis-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.support-analysis-card-head strong {
  border: 1px solid rgba(39, 73, 145, 0.14);
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(242, 247, 255, 0.95);
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.support-analysis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.support-analysis-list {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.09);
  border-radius: 8px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.72);
}

.support-analysis-list strong {
  display: block;
  color: var(--blue);
  font-size: 12px;
  line-height: 1.25;
}

.support-analysis-list ul {
  margin: 6px 0 0;
  padding-left: 16px;
  color: var(--ink);
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}

.support-analysis-list li + li {
  margin-top: 4px;
}

.support-corrected-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(140px, 0.28fr);
  gap: 10px;
  align-items: center;
  padding: 12px;
}

.support-corrected-panel .primary,
.support-corrected-panel .secondary {
  justify-content: center;
  min-height: 38px;
  text-align: center;
  text-decoration: none;
}

.support-ticket-filters,
.admin-role-form,
.admin-credit-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 0.72fr)) minmax(180px, 1.6fr);
  gap: 8px;
  align-items: end;
}

.admin-credit-form {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}

.admin-credit-panel {
  gap: 0;
  overflow: hidden;
  padding: 0;
}

.admin-credit-panel .account-role-panel-head {
  padding: 15px 16px 13px;
}

.admin-credit-panel .account-role-panel-head > div > strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.3;
}

.admin-credit-badge {
  flex: none;
  border: 1px solid rgba(31, 122, 77, 0.2);
  border-radius: 999px;
  padding: 5px 9px;
  background: rgba(239, 253, 246, 0.82);
  color: #1f7a4d;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-credit-intro {
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(39, 49, 148, 0.08);
  background: rgba(248, 251, 255, 0.72);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.admin-credit-panel .admin-credit-form {
  padding: 15px 16px 16px;
}

.admin-credit-form .account-role-filter {
  grid-column: span 2;
}

.admin-credit-form .admin-credit-email {
  grid-column: span 4;
}

.admin-credit-form .admin-credit-reason {
  grid-column: 1 / -1;
}

.admin-credit-submit {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-top: 2px;
  border: 1px solid rgba(39, 73, 145, 0.12);
  border-radius: 10px;
  padding: 11px 12px;
  background: rgba(242, 247, 255, 0.68);
}

.admin-credit-submit > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.admin-credit-submit strong {
  color: var(--blue);
  font-size: 12px;
  line-height: 1.3;
}

.admin-credit-submit span,
.admin-credit-status {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.admin-credit-submit button {
  flex: none;
  min-width: 216px;
}

.admin-credit-form .admin-credit-status {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0 2px;
}

.admin-credentials-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.admin-credentials-summary {
  display: grid;
  align-content: start;
  gap: 7px;
  border: 1px solid rgba(39, 73, 145, 0.12);
  border-radius: 10px;
  padding: 16px;
  background: linear-gradient(145deg, rgba(242, 247, 255, 0.98), rgba(255, 255, 255, 0.9));
}

.admin-credentials-kicker {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.admin-credentials-summary > strong {
  color: var(--blue);
  font-size: 18px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.admin-credentials-summary p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.admin-credentials-details {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.account-role-filter {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.account-role-filter-wide {
  grid-column: 1 / -1;
}

.support-ticket-filters .account-role-filter-wide {
  grid-column: auto;
}

.account-role-filter input,
.account-role-filter select {
  width: 100%;
  min-height: 36px;
  border: 1px solid rgba(39, 49, 148, 0.16);
  border-radius: 8px;
  padding: 0 10px;
  background: #f8fbff;
  color: var(--ink);
  font: inherit;
  font-weight: 800;
}

.account-role-filter input:focus,
.account-role-filter select:focus {
  outline: 2px solid rgba(39, 73, 145, 0.2);
  border-color: rgba(39, 73, 145, 0.46);
  background: #fff;
}

.support-ticket-list-workspace,
.admin-account-list,
.admin-audit-list,
.admin-agent-audit-list,
.support-recognition-list,
.admin-provider-list,
.support-tool-list {
  min-width: 0;
  display: grid;
  gap: 8px;
}

.support-ticket-list-workspace {
  max-height: 330px;
  overflow-y: auto;
  padding-right: 2px;
}

.support-ticket-button,
.admin-account-button,
.support-tool-list button,
.admin-provider-status,
.admin-agent-audit-list article,
.admin-audit-list article,
.support-recognition-list article,
.support-recognition-list button,
.account-role-empty {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  background: rgba(248, 251, 255, 0.78);
  padding: 10px;
}

.support-ticket-button,
.admin-account-button,
.support-tool-list button,
.support-recognition-list button {
  text-align: left;
  color: var(--ink);
  cursor: pointer;
}

.support-ticket-button:hover,
.support-ticket-button.is-active,
.admin-account-button:hover,
.support-recognition-list button:hover {
  border-color: rgba(39, 73, 145, 0.35);
  background: #fff;
  box-shadow: 0 10px 22px rgba(39, 73, 145, 0.09);
}

.support-ticket-button.is-active {
  box-shadow: inset 3px 0 0 var(--blue), 0 10px 22px rgba(39, 73, 145, 0.09);
}

.support-ticket-button strong,
.admin-account-button strong,
.support-tool-list button strong,
.admin-agent-audit-list article strong,
.admin-audit-list article strong,
.support-recognition-list article strong,
.support-recognition-list button strong,
.account-role-empty strong,
.admin-provider-status strong {
  display: block;
  color: var(--blue);
  font-size: 13px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.support-ticket-button small,
.admin-account-button small,
.admin-account-button em,
.support-tool-list button span,
.admin-provider-status small,
.admin-agent-audit-list article small,
.admin-agent-audit-list article p,
.support-recognition-list article small,
.support-recognition-list button small,
.account-role-empty p,
.admin-audit-list article p {
  display: block;
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.support-ticket-link {
  justify-self: start;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.support-ticket-link:hover {
  text-decoration: underline;
}

.support-detail-panel .account-workspace-facts,
.admin-role-panel .account-workspace-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-error-trail {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  padding: 10px 12px;
  background: rgba(248, 251, 255, 0.74);
}

.support-error-trail ol {
  margin: 0;
  padding-left: 18px;
  color: var(--ink);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.support-tool-list button[disabled],
.support-status-actions button[disabled] {
  cursor: not-allowed;
  opacity: 0.72;
}

.support-status-actions,
.admin-role-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.support-ticket-workflow-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  padding: 12px;
  background: rgba(248, 251, 255, 0.78);
}

.support-ticket-workflow-form .account-workspace-field-wide,
.support-ticket-workflow-form .support-ticket-actions {
  grid-column: 1 / -1;
}

.support-ticket-workflow-form textarea {
  min-height: 92px;
}

.support-ticket-actions {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(96px, 0.42fr);
  gap: 8px;
}

.support-ticket-actions button {
  width: 100%;
  min-width: 0;
}

.admin-role-actions {
  display: grid;
  grid-template-columns: minmax(104px, 0.9fr) minmax(130px, 1.1fr);
  align-items: end;
}

.admin-role-actions button {
  width: 100%;
  min-width: 0;
  white-space: nowrap;
}

.admin-role-form p,
.admin-credit-form p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.admin-account-list {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 2px;
}

.admin-account-button {
  display: grid;
  gap: 2px;
}

.admin-account-button span {
  justify-self: start;
  min-height: 18px;
  border: 1px solid rgba(39, 73, 145, 0.14);
  border-radius: 999px;
  padding: 2px 7px;
  background: rgba(242, 247, 255, 0.92);
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.admin-audit-list,
.admin-agent-audit-list,
.support-recognition-list {
  max-height: 260px;
  overflow-y: auto;
  padding-right: 2px;
}

.admin-policy-role-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.admin-policy-role-grid div {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.11);
  border-radius: 8px;
  background: rgba(248, 251, 255, 0.78);
  padding: 10px;
}

.admin-policy-role-grid strong {
  display: block;
  margin-top: 3px;
  color: var(--blue);
  font-size: 12px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.admin-model-policy-editor textarea {
  min-height: 220px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  tab-size: 2;
}

.admin-agent-audit-list article {
  display: grid;
  gap: 3px;
}

.admin-provider-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-provider-status {
  display: grid;
  gap: 3px;
}

.admin-provider-status.is-ok {
  border-color: rgba(31, 122, 77, 0.2);
  background: rgba(239, 253, 246, 0.72);
}

.admin-provider-status.is-ok span {
  color: #1f7a4d;
}

@media (max-width: 1180px), (max-height: 760px) {
  .account-workspace-panel[data-account-workspace-role="support"],
  .account-workspace-panel[data-account-workspace-role="admin"] {
    width: min(980px, calc(100vw - 32px));
    height: min(700px, calc(100vh - 32px));
  }

  .account-role-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .support-dashboard-grid,
  .admin-dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .support-ticket-list-workspace,
  .admin-account-list,
  .admin-audit-list,
  .admin-agent-audit-list,
  .support-recognition-list {
    max-height: 220px;
  }
}

@media (max-width: 820px) {
  .account-role-metrics,
  .admin-role-form,
  .admin-credit-form,
  .support-ticket-workflow-form,
  .support-ticket-actions,
  .admin-policy-role-grid,
  .admin-provider-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-credit-form .account-role-filter,
  .admin-credit-form .admin-credit-email,
  .admin-credit-form .admin-credit-reason {
    grid-column: 1 / -1;
  }

  .admin-credit-submit {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-credit-submit button {
    width: 100%;
    min-width: 0;
  }

  .admin-credentials-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .account-workspace-panel[data-account-workspace-role="support"] .account-workspace-body,
  .account-workspace-panel[data-account-workspace-role="admin"] .account-workspace-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .support-ticket-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .support-ticket-filters .account-role-filter-wide {
    grid-column: 1 / -1;
  }
}

.support-dashboard-queue-only {
  grid-template-columns: minmax(0, 1fr);
}

.support-dashboard-queue-only .support-ticket-list-workspace {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

.support-ticket-button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 4px;
  align-items: center;
  padding: 9px 11px;
}

.support-ticket-button > strong {
  grid-column: 2;
  grid-row: 1;
  display: -webkit-box;
  max-height: 2.7em;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.support-ticket-badges {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  width: 92px;
}

.support-ticket-badges > span {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-height: 20px;
  border: 1px solid rgba(39, 73, 145, 0.18);
  border-radius: 999px;
  padding: 1px 7px;
  background: rgba(39, 73, 145, 0.07);
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.support-ticket-badges > span + span {
  border-color: rgba(221, 102, 102, 0.24);
  background: rgba(221, 102, 102, 0.07);
  color: var(--coral);
}

.support-ticket-button .support-ticket-id {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
  color: var(--blue);
  font-size: 10px;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

.support-ticket-button > small:not(.support-ticket-id) {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.support-ticket-button .support-ticket-artifact-chips {
  grid-column: 3;
  grid-row: 2;
  justify-content: flex-end;
  margin: 0;
}

.support-case-toolbar,
.support-case-section-head,
.support-case-run-list article,
.support-case-history li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.support-case-toolbar {
  margin-bottom: 14px;
}

.support-case-toolbar a,
.support-case-back {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--blue);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.support-case-toolbar a:hover,
.support-case-back:hover {
  text-decoration: underline;
}

.support-case-header {
  display: grid;
  gap: 8px;
  border-bottom: 1px solid rgba(39, 49, 148, 0.12);
  padding-bottom: 16px;
}

.support-case-header h3,
.support-case-header p,
.support-case-section h4,
.support-case-section p {
  margin: 0;
}

.support-case-header h3 {
  color: var(--blue);
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.15;
}

.support-case-header p,
.support-case-section p,
.support-case-section small,
.support-case-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
}

.support-case-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.support-case-section,
.support-case-grid > .support-analysis-card,
.support-case-grid > .support-audit-panel {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 12px;
  padding: 14px;
  background: #fff;
  box-shadow: none;
}

.support-case-report,
.support-case-history,
.support-followup-panel,
.support-case-grid > .support-analysis-card,
.support-case-grid > .support-audit-panel {
  grid-column: 1 / -1;
}

.support-case-section-head {
  margin-bottom: 12px;
}

.support-case-section-head > div {
  display: grid;
  gap: 3px;
}

.support-case-section-head span,
.support-case-run-list article span,
.support-case-file-list a span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.support-case-section-head h4 {
  color: var(--blue);
  font-size: 15px;
  line-height: 1.3;
}

.support-case-section .account-workspace-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.support-case-run-list,
.support-case-file-list {
  display: grid;
  gap: 8px;
}

.support-case-run-list {
  max-height: 280px;
  overflow-y: auto;
  padding-right: 2px;
}

.support-case-run-list article,
.support-case-file-list a {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.1);
  border-radius: 9px;
  padding: 10px;
  background: rgba(248, 251, 255, 0.72);
}

.support-case-run-list article.is-related {
  border-color: rgba(39, 73, 145, 0.34);
  box-shadow: inset 3px 0 0 var(--blue);
}

.support-case-run-list article > div,
.support-case-file-list a {
  display: grid;
  gap: 3px;
}

.support-case-run-list strong,
.support-case-file-list strong {
  color: var(--blue);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.support-case-file-list a {
  color: inherit;
  text-decoration: none;
}

.support-case-file-list a:hover {
  border-color: rgba(39, 73, 145, 0.35);
  background: #fff;
}

.support-case-history ol {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.support-case-history li {
  display: grid;
  gap: 6px;
  border-left: 3px solid var(--blue);
  padding: 5px 0 5px 12px;
}

.support-case-history li > div strong,
.support-case-history li > b {
  color: var(--blue);
  font-size: 12px;
}

.support-case-history li > div span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  text-align: right;
}

.support-case-history li p {
  color: var(--ink);
  white-space: pre-wrap;
}

.support-followup-panel {
  display: grid;
  gap: 10px;
}

.support-followup-panel .support-case-section-head {
  margin-bottom: 0;
}

.support-case-note {
  margin-top: 2px;
}

.support-case-empty {
  padding: 4px 0;
}

@media (max-width: 980px) {
  .support-case-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .support-case-section,
  .support-case-report,
  .support-case-history,
  .support-followup-panel,
  .support-case-grid > .support-analysis-card,
  .support-case-grid > .support-audit-panel {
    grid-column: 1;
  }

  .support-dashboard-queue-only .support-ticket-list-workspace {
    max-height: none;
  }
}

@media (max-width: 620px) {
  .support-case-section .account-workspace-facts,
  .support-ticket-filters,
  .support-ticket-workflow-form,
  .support-ticket-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .support-case-toolbar,
  .support-case-section-head,
  .support-case-run-list article,
  .support-case-history li > div {
    align-items: flex-start;
    flex-direction: column;
  }

  .support-case-history li > div span {
    text-align: left;
  }

  .support-ticket-button {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto auto;
  }

  .support-ticket-badges {
    grid-column: 1;
    grid-row: 1;
    width: auto;
  }

  .support-ticket-button .support-ticket-id {
    grid-column: 2;
    grid-row: 1;
  }

  .support-ticket-button > strong,
  .support-ticket-button > small:not(.support-ticket-id),
  .support-ticket-button .support-ticket-artifact-chips {
    grid-column: 1 / -1;
  }

  .support-ticket-button > strong {
    grid-row: 2;
  }

  .support-ticket-button > small:not(.support-ticket-id) {
    grid-row: 3;
  }

  .support-ticket-button .support-ticket-artifact-chips {
    grid-row: 4;
    justify-content: flex-start;
  }
}

/* AIQA bundle source: styles_account_workspace_customer.css */
.account-workspace-panel[data-account-workspace-role="user"] {
  width: min(1280px, calc(100vw - 56px));
  height: min(760px, calc(100vh - 56px));
  max-height: min(760px, calc(100vh - 56px));
  border-color: rgba(30, 45, 94, 0.12);
  border-radius: 22px;
  box-shadow: 0 30px 90px rgba(25, 38, 79, 0.26);
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-head {
  min-height: 88px;
  align-items: center;
  padding: 18px 24px;
  background: #ffffff;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-title-block h2 {
  margin-top: 0;
  font-size: 26px;
  letter-spacing: -0.02em;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-title-block > span {
  display: none;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-title-block p {
  margin-top: 4px;
  color: var(--color-brand-secondary);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-body {
  grid-template-columns: 272px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  min-height: 0;
  padding: 0;
  background: #ffffff;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-nav,
.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-detail {
  min-height: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-nav {
  display: block;
  padding: 18px 14px;
  overflow-y: auto;
  border-right: 1px solid rgba(30, 45, 94, 0.1);
  background: linear-gradient(180deg, #f7f8fb 0%, #f3f5f8 100%);
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-detail {
  padding: 30px 36px 36px;
  overflow-y: auto;
  background: #ffffff;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-detail > article {
  max-width: 880px;
  margin: 0 auto;
}

.account-settings-summary {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  padding: 5px 7px 17px;
  margin-bottom: 9px;
  border-bottom: 1px solid rgba(30, 45, 94, 0.1);
}

.account-settings-avatar {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #315ea6, #1e437d);
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: none !important;
  box-shadow: 0 8px 20px rgba(34, 76, 142, 0.2);
}

.account-settings-summary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.account-settings-summary strong,
.account-settings-summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-settings-summary strong {
  color: var(--blue);
  font-size: 14px;
}

.account-settings-summary small {
  color: var(--muted);
  font-size: 11px;
}

.account-settings-summary .account-settings-budget {
  grid-column: 1 / -1;
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border: 1px solid rgba(39, 73, 145, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--blue);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
  text-transform: none;
}

.account-settings-links {
  display: grid;
  gap: 3px;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card {
  min-height: 52px;
  grid-template-columns: 34px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  padding: 8px 9px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: none;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card.active {
  background: var(--color-brand-primary);
  box-shadow: 0 7px 18px rgba(33, 73, 133, 0.2);
}

.account-settings-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  border: 1px solid rgba(36, 70, 133, 0.14);
  background: var(--color-brand-primary-soft);
  color: var(--color-brand-primary) !important;
  text-transform: none !important;
}

.account-settings-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-settings-link-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
  color: inherit !important;
  text-transform: none !important;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-settings-link-copy strong {
  color: var(--blue);
  font-size: 13px;
  line-height: 1.2;
}

.account-settings-link-copy small {
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card.active .account-settings-link-copy strong,
.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card.active .account-settings-link-copy small {
  color: #ffffff;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card.active .account-settings-link-copy small {
  opacity: 0.74;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card.active .account-settings-icon {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff !important;
}

.account-settings-chevron {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: rgba(30, 67, 124, 0.46);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card.active .account-settings-chevron {
  stroke: rgba(255, 255, 255, 0.82);
}

@media (min-width: 1800px) and (min-height: 900px) {
  .account-workspace {
    padding: clamp(36px, 3vw, 72px);
  }

  .account-workspace-panel {
    width: min(1320px, calc(100vw - 112px));
    height: min(820px, calc(100vh - 112px));
  }

  .account-workspace-panel[data-account-workspace-role="user"] {
    width: min(1480px, calc(100vw - 128px));
    height: min(820px, calc(100vh - 128px));
    max-height: min(820px, calc(100vh - 128px));
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-body {
    grid-template-columns: 292px minmax(0, 1fr);
  }
}

@media (min-width: 2400px) and (min-height: 1100px) {
  .account-workspace-panel {
    width: min(1500px, calc(100vw - 152px));
    height: min(900px, calc(100vh - 152px));
  }

  .account-workspace-panel[data-account-workspace-role="user"] {
    width: min(1680px, calc(100vw - 176px));
    height: min(860px, calc(100vh - 176px));
    max-height: min(860px, calc(100vh - 176px));
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-body {
    grid-template-columns: 310px minmax(0, 1fr);
  }
}

.account-registration-panel,
.account-jobs-panel {
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(39, 49, 148, 0.14);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(30, 45, 94, 0.08);
}

.account-registration-panel {
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

.account-registration-panel [hidden] {
  display: none !important;
}

.account-registration-scroll {
  min-height: 0;
  padding: 16px;
  display: grid;
  align-content: start;
  gap: 12px;
  overflow: auto;
}

.account-profile-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 8px;
  background: #ffffff;
}

.account-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.account-card-head span,
.account-history-metric span,
.account-lift-badge span {
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.account-card-head strong {
  color: var(--blue);
  font-size: 14px;
  font-weight: 900;
}

.account-legacy-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px 12px;
}

.account-legacy-fields .account-workspace-field-wide {
  grid-column: 1 / -1;
}

.account-service-credit-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.72fr);
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 10px 12px;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 8px;
  background: rgba(248, 251, 255, 0.9);
}

.account-service-credit-footer span {
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.account-service-credit-footer strong {
  justify-self: end;
  max-width: 260px;
  min-height: 36px;
  width: 100%;
  display: grid;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(39, 49, 148, 0.16);
  border-radius: 8px;
  background: #ffffff;
  color: var(--blue);
  font-weight: 900;
  text-align: center;
}

.account-registration-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.account-registration-actions .compact {
  min-width: 134px;
}

.account-registration-panel .account-workspace-field {
  gap: 5px;
}

.account-registration-panel .account-workspace-field input,
.account-registration-panel .account-workspace-field select {
  min-height: 36px;
  padding: 8px 10px;
}

.account-crm-list {
  display: grid;
  gap: 8px;
}

.account-crm-row {
  min-height: 46px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 82px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 6px;
  padding: 7px 8px;
  background: #f8fbff;
}

.account-crm-dot {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(39, 49, 148, 0.18);
  border-radius: 6px;
  background: #ffffff;
  position: relative;
}

.account-crm-dot::after {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 999px;
  background: #8ca0bb;
}

.account-crm-row.is-connected .account-crm-dot::after {
  background: var(--color-status-success);
}

.account-crm-row strong,
.account-crm-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-crm-row strong {
  color: var(--blue);
  font-size: 13px;
}

.account-crm-row small {
  color: var(--muted);
  font-size: 11px;
}

.account-crm-row .compact {
  min-width: 76px;
  min-height: 32px;
  padding: 0 10px;
}

.account-jobs-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  padding: 16px;
  overflow: hidden;
}

.account-history-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 14px;
  border-bottom: 1px solid rgba(39, 49, 148, 0.12);
  padding-bottom: 12px;
}

.account-history-head h3 {
  margin: 0;
  color: var(--blue);
  font-size: 22px;
}

.account-history-head p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.4;
}

.account-lift-badge {
  min-width: 86px;
  border: 1px solid rgba(39, 49, 148, 0.14);
  border-radius: 6px;
  padding: 9px 10px;
  background: #ffffff;
  text-align: right;
}

.account-lift-badge strong {
  display: block;
  color: var(--blue);
  font-size: 16px;
}

.account-history-table {
  min-height: 0;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 8px;
  overflow: auto;
  background: #ffffff;
}

.account-history-row {
  width: 100%;
  border: 0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  min-height: 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px;
  gap: 4px 14px;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(39, 49, 148, 0.09);
  background: #f8fafc;
}

.account-history-row:nth-child(even) {
  background: #ffffff;
}

.account-history-row:hover,
.account-history-row:focus-visible {
  background: #f3f7fd;
}

.account-history-row:focus-visible {
  outline: 3px solid rgba(36, 70, 133, 0.22);
  outline-offset: -3px;
}

.account-history-row strong,
.account-history-row span,
.account-history-row small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-history-row strong {
  color: var(--blue);
  font-size: 13px;
}

.account-history-row span,
.account-history-row small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

.account-history-row p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.saved-dataset-row {
  grid-template-columns: minmax(0, 1fr) auto;
  cursor: default;
}

.saved-input-files-panel {
  margin-top: 16px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
  text-align: left;
}

.saved-input-files-panel .account-history-head {
  margin-bottom: 12px;
}

.saved-input-files-panel .account-history-head h4 {
  margin: 0;
  color: var(--color-brand-ink);
  font-size: 16px;
}

.saved-input-files-panel .account-history-head p {
  margin: 4px 0 0;
}

.saved-dataset-row > small {
  text-align: left;
}

.account-run-downloads.account-customer-run-files {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.account-run-downloads.saved-dataset-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  border-top: 0;
  padding-top: 4px;
}

.account-run-downloads.saved-dataset-actions button {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-run-downloads.saved-dataset-actions .primary {
  border-color: var(--color-brand-primary);
  background: var(--color-brand-primary);
  color: #ffffff;
}

.account-run-downloads.saved-dataset-actions .primary:hover {
  border-color: var(--color-brand-primary-hover);
  background: var(--color-brand-primary-hover);
  color: #ffffff;
}

.account-history-empty {
  min-height: 100%;
  display: grid;
  place-content: center;
  gap: 12px;
  padding: 24px;
  text-align: center;
}

.account-history-empty strong {
  color: var(--blue);
}

.account-history-empty p {
  margin: 0;
  color: var(--muted);
  line-height: 1.4;
}

.account-history-empty .account-empty-run-files {
  width: min(100%, 720px);
  margin-top: 4px;
  border-top: 1px solid rgba(39, 49, 148, 0.1);
}

.account-history-empty .account-empty-run-files button:disabled {
  opacity: 0.68;
  cursor: not-allowed;
}

.account-history-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.account-history-metric {
  min-height: 62px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(39, 49, 148, 0.12);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 18px rgba(30, 45, 94, 0.06);
}

.account-history-metric strong {
  color: var(--blue);
  font-size: 16px;
}

.account-history-actions {
  justify-content: flex-start;
  margin-top: 0;
}

.account-jobs-panel .account-run-detail {
  align-self: stretch;
}

.account-jobs-panel .account-run-detail-head {
  background: #ffffff;
}

.account-jobs-panel .account-run-back {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

.account-jobs-panel .account-run-downloads button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (max-width: 880px) {
  .account-workspace {
    padding: 14px;
  }

  .account-workspace-panel {
    width: min(100%, calc(100vw - 28px));
    height: min(100%, calc(100vh - 28px));
  }

  .account-run-downloads.account-customer-run-files {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .account-workspace-head {
    padding: 14px;
  }

  .account-workspace-body {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 10px;
  }

  .account-workspace-nav {
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px, 1fr);
    overflow-x: auto;
    overflow-y: hidden;
  }

  .account-workspace-facts,
  .account-workspace-fields {
    grid-template-columns: 1fr;
  }

  .account-legacy-fields {
    grid-template-columns: 1fr;
  }

  .account-service-credit-footer {
    grid-template-columns: 1fr;
  }

  .account-service-credit-footer strong {
    justify-self: stretch;
    max-width: none;
    text-align: left;
  }

  .account-registration-actions {
    grid-template-columns: 1fr;
  }

  .account-registration-actions .compact {
    justify-self: stretch;
  }

  .account-workspace-panel[data-account-workspace-role="user"] {
    width: min(100%, calc(100vw - 28px));
    max-height: min(100%, calc(100vh - 28px));
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-body {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(0, 1fr);
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-nav,
  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-detail {
    max-height: none;
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-nav {
    padding: 10px;
    overflow: hidden;
    border-right: 0;
    border-bottom: 1px solid rgba(30, 45, 94, 0.1);
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-detail {
    padding: 22px 18px 28px;
  }

  .account-settings-summary {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    padding: 2px 4px 10px;
    margin-bottom: 8px;
  }

  .account-settings-avatar {
    width: 38px;
    height: 38px;
    font-size: 12px !important;
  }

  .account-settings-summary .account-settings-budget {
    grid-column: auto;
    max-width: 210px;
  }

  .account-settings-links {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: thin;
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-card {
    flex: 0 0 190px;
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 46px;
  }

  .account-settings-icon {
    width: 29px;
    height: 29px;
  }

  .account-settings-chevron {
    display: none;
  }
}

@media (max-width: 560px) {
  .account-run-downloads.account-customer-run-files {
    grid-template-columns: 1fr;
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-head {
    padding: 12px 14px;
  }

  .account-workspace-panel[data-account-workspace-role="user"] .account-workspace-title-block h2 {
    font-size: 21px;
  }

  .account-settings-summary {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .account-settings-summary .account-settings-budget {
    grid-column: 1 / -1;
    max-width: none;
  }
}

/* AIQA bundle source: styles_account_auth_shell.css */
.account-panel {
  position: relative;
  width: min(900px, calc(100vw - 56px));
  height: min(650px, calc(100vh - 56px));
  overflow: hidden;
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 26px 80px rgba(30, 45, 94, 0.24);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.account-dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.account-dialog-head span,
.account-hero span,
.account-card span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.account-dialog-head h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 22px;
}

.account-dialog-lead {
  display: none;
  margin: 12px 0 0;
  max-width: 720px;
  color: var(--color-text-secondary);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.account-dialog-identity {
  display: block;
  margin-top: 4px;
  color: var(--color-attention);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

#accountShell.signed-in .account-dialog-identity {
  color: var(--color-text-secondary);
}

.account-body {
  min-height: 0;
  overflow: hidden;
  padding: 12px 14px 14px;
  display: grid;
  gap: 14px;
  background: linear-gradient(180deg, rgba(248,251,255,.72), rgba(255,255,255,.96));
}

.account-layout {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.account-access-card,
.account-dashboard-card {
  min-width: 0;
  border: 1px solid rgba(39, 49, 148, 0.13);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 34px rgba(30, 45, 94, 0.08);
}

.account-access-card {
  align-self: stretch;
  height: 100%;
  min-height: 0;
  padding: 16px;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 14px;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.account-dashboard-card {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  overflow: hidden;
}

.account-kicker,
.account-dashboard-head span,
.account-mini-total span,
.account-metric span {
  color: var(--color-text-muted);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.account-access-card h3,
.account-dashboard-head h3 {
  margin: 6px 0 0;
  color: var(--blue);
  line-height: 1.16;
}

.account-access-card h3 {
  margin-top: 5px;
  font-size: 18px;
}

.account-dashboard-head h3 {
  font-size: 18px;
}

.account-dashboard-head span[hidden] + h3 {
  margin-top: 0;
}

.account-access-card p,
.account-dashboard-head p,
.account-metric p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.account-form-stacked {
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 0;
}

.account-form-stacked input {
  min-height: 36px;
}

.account-assurance {
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.account-assurance h4 {
  margin: 0;
  color: var(--blue);
  font-size: 14px;
}

.account-assurance ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 7px;
  color: var(--ink);
  line-height: 1.38;
  font-size: 13px;
}

.account-assurance li {
  position: relative;
  padding-left: 18px;
}

.account-assurance li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border: 1px solid var(--blue);
  background: rgba(39, 49, 148, 0.08);
}

.account-dashboard-head {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: start;
}

.account-mini-total {
  display: none;
}

.account-mini-total strong {
  display: block;
  margin-top: 5px;
  color: var(--blue);
  font-size: 24px;
}

.hubspot-connect-card {
  border: 1px solid rgba(255, 95, 88, 0.28);
  border-radius: var(--radius-md);
  background:
    linear-gradient(135deg, rgba(255, 95, 88, 0.08), rgba(255, 255, 255, 0.92) 44%),
    var(--color-surface-panel);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
}

.hubspot-connect-card[hidden],
.hubspot-oauth-panel[hidden] {
  display: none;
}

.hubspot-connect-main {
  min-width: 0;
}

.hubspot-connect-main span,
.hubspot-oauth-head span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.hubspot-connect-main h4,
.hubspot-oauth-head h4 {
  margin: 3px 0 0;
  color: var(--blue);
  font-size: 15px;
  line-height: 1.16;
}

.hubspot-connect-main p,
.hubspot-status-line {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.hubspot-connect-actions {
  display: grid;
  justify-items: end;
  gap: var(--space-2);
  min-width: 132px;
}

.hubspot-connect-actions strong {
  color: var(--blue);
  font-size: 13px;
}

.hubspot-oauth-panel {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  display: grid;
  gap: var(--space-3);
  padding: var(--space-3);
}

.hubspot-oauth-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--space-3);
}

.hubspot-oauth-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.hubspot-oauth-step {
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  padding: var(--space-2);
}

.hubspot-oauth-step span {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(36, 70, 133, 0.1);
  color: var(--blue);
  display: grid;
  place-items: center;
  font-weight: 900;
}

.hubspot-oauth-step.active span {
  background: var(--blue);
  color: #fff;
}

.hubspot-oauth-step strong,
.hubspot-oauth-step small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hubspot-oauth-step strong {
  color: var(--blue);
  font-size: 12px;
}

.hubspot-oauth-step small {
  color: var(--muted);
  font-size: 11px;
}

.hubspot-scope-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.hubspot-scope-list label {
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0 var(--space-2);
  color: var(--blue);
  font-weight: 900;
  font-size: 12px;
}

.hubspot-oauth-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-2);
}

.account-access-card .hubspot-connect-card {
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: var(--space-2);
  padding: 12px;
}

.account-access-card .hubspot-connect-main p {
  max-width: 32ch;
}

.account-access-card .hubspot-connect-actions {
  grid-template-columns: 1fr;
  justify-items: stretch;
  min-width: 0;
}

.account-access-card .hubspot-connect-actions strong {
  justify-self: start;
  color: var(--coral);
}

.account-access-card .hubspot-connect-actions button {
  width: 100%;
}

.account-access-card .hubspot-oauth-panel {
  gap: var(--space-2);
  padding: 12px;
}

.account-access-card .hubspot-oauth-head {
  align-items: center;
}

.account-access-card .hubspot-oauth-steps,
.account-access-card .hubspot-scope-list {
  grid-template-columns: 1fr;
}

.account-access-card .hubspot-oauth-actions {
  display: grid;
  grid-template-columns: 1fr;
}

.account-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.account-metric {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #fff, rgba(248,251,255,.92));
  min-height: 54px;
  padding: 8px 10px;
  display: grid;
  grid-template-rows: 13px 1fr;
  align-items: center;
  justify-items: start;
  overflow: hidden;
}

.account-metric span {
  display: block;
  line-height: 1;
  white-space: nowrap;
}

.account-metric strong {
  display: block;
  margin-top: 0;
  color: var(--blue);
  font-size: 17px;
  line-height: 1;
  white-space: nowrap;
}

.account-metric p {
  font-size: 12px;
  line-height: 1.35;
}

.account-hero {
  border: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(39,49,148,.05), rgba(255,255,255,.92)),
    white;
  padding: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  box-shadow: var(--shadow);
}

.account-hero h3 {
  margin: 5px 0 0;
  color: var(--blue);
  font-size: 24px;
  line-height: 1.16;
}

.account-hero p,
.account-card p,
.account-table-panel .panel-head p {
  margin: 7px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.account-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-self: end;
}

.account-actions .primary,
.account-actions .secondary {
  width: 100%;
  min-width: 0;
  margin-top: 0;
  min-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-setup {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr);
  gap: 12px;
}

.account-form-card,
.account-trust-card {
  border: 1px solid var(--line);
  background: white;
  box-shadow: var(--shadow);
}

.account-form-card .panel-head {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}

.account-form-card h3,
.account-trust-card span {
  margin: 0;
  color: var(--blue);
}

.account-form-card p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.account-form {
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.9fr;
  gap: 8px;
  padding: 14px 16px 16px;
}

.account-form.account-form-stacked {
  grid-template-columns: 1fr;
  padding: 0;
  gap: 10px;
}

.account-form.account-form-stacked label {
  grid-template-columns: 1fr;
  align-items: stretch;
  gap: 5px;
}

.account-form label {
  display: grid;
  gap: 4px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-form input {
  min-width: 0;
  border: 1px solid var(--line);
  background: #fbfdff;
  color: var(--ink);
  padding: 6px 9px;
  font-size: 13px;
}

.account-form.account-form-stacked input {
  min-height: 34px;
}

.account-form input:focus {
  outline: 2px solid rgba(39, 49, 148, 0.16);
  border-color: var(--blue);
  background: white;
}

.account-form label.account-field-invalid > span:first-child {
  color: var(--color-status-error);
}

.account-form input[aria-invalid="true"] {
  border-color: rgba(197, 46, 56, 0.68);
  background: #fff8f9;
  box-shadow: 0 0 0 2px rgba(197, 46, 56, 0.08);
}

.account-form input[aria-invalid="true"]:focus {
  outline-color: rgba(197, 46, 56, 0.18);
  border-color: var(--color-status-error);
}

.account-field-error {
  min-height: 0;
  color: var(--color-status-error);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  text-transform: none;
}

.account-field-error:empty {
  display: none;
}

.account-password-control {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 50px;
  align-items: stretch;
}

.account-form.account-form-stacked .account-password-control input {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.account-password-control button {
  border: 1px solid var(--line);
  border-left: 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  background: #fff;
  color: var(--color-brand-primary);
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
}

.account-password-control button:hover {
  background: var(--color-brand-primary-soft);
}

.account-trust-card {
  padding: 16px;
}

.account-trust-card span {
  display: block;
  color: var(--coral);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.account-trust-card ul {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 9px;
  color: var(--ink);
  line-height: 1.35;
  font-size: 13px;
}

.account-trust-card li {
  position: relative;
  padding-left: 18px;
}

.account-trust-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border: 1px solid var(--blue);
  background: rgba(39, 49, 148, 0.08);
}

.account-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.account-card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #fff, rgba(248,251,255,.92));
  padding: 14px;
  box-shadow: var(--shadow);
}

.account-card strong {
  display: block;
  margin-top: 8px;
  color: var(--blue);
  font-size: 19px;
}

.account-table-panel {
  border: 1px solid var(--line);
  background: white;
  overflow: hidden;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  min-height: 350px;
  height: 350px;
}

.account-filter-tabs {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}

.account-filter-tabs button {
  border: 1px solid var(--line);
  background: white;
  color: var(--blue);
  padding: 8px 10px;
  min-width: 58px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-filter-tabs button.active {
  border-color: rgba(39, 49, 148, 0.32);
  background: rgba(39, 49, 148, 0.07);
}

.account-table-tools {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(248, 251, 255, 0.86);
  color: var(--muted);
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 16px;
  font-size: 12px;
}

.account-table-tools span:first-child {
  color: var(--blue);
  font-weight: 900;
  text-transform: uppercase;
}

.account-table-wrap {
  overflow-x: hidden;
  overflow-y: auto;
  height: 286px;
  min-height: 286px;
  max-height: 286px;
  scrollbar-gutter: auto;
}

.account-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 0;
  table-layout: fixed;
}

.account-table th {
  color: var(--blue);
  background: #f8fbff;
  text-align: left;
  font-size: 10px;
  text-transform: uppercase;
  padding: 8px 9px;
  position: sticky;
  top: 0;
  z-index: 1;
  white-space: nowrap;
}

.account-table td {
  background: white;
  border-top: 1px solid var(--line);
  color: var(--ink);
  padding: 8px 9px;
  white-space: nowrap;
}

.account-table th:nth-child(1),
.account-table td:nth-child(1) {
  width: 66%;
}

.account-table th:nth-child(2),
.account-table td:nth-child(2) {
  width: 34%;
}

.account-panel:not(.signed-in) .account-grid,
.account-panel:not(.signed-in) .account-table-panel {
  opacity: 1;
}

.account-panel.signed-in .account-setup {
  display: none;
}

/* AIQA bundle source: styles_workflow_upload.css */
.workspace {
  position: relative;
  padding: clamp(24px, 4vw, 46px);
  min-width: 0;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 14px;
  min-height: 100vh;
}

.workspace-card {
  width: min(1040px, 100%);
  height: min(700px, calc(100vh - 144px));
  border: 1px solid rgba(221, 228, 239, 0.92);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(250, 252, 255, 0.82));
  box-shadow: 0 26px 80px rgba(32, 52, 84, 0.16);
  padding: clamp(22px, 2.3vw, 30px);
  backdrop-filter: blur(16px);
  display: flex;
  flex-direction: column;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  margin-bottom: 18px;
  flex: 0 0 auto;
}

h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.1;
  color: var(--blue);
  font-weight: 800;
}

.header p {
  max-width: 680px;
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.42;
  font-size: 14px;
}

#viewText {
  max-width: min(680px, 100%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.view {
  display: none;
  min-height: 0;
  min-width: 0;
}

.view.active {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow: auto;
}

.upload-intake-layout {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(360px, 38%, 400px);
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 12% 0%, rgba(220, 115, 112, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 18px 42px rgba(30, 45, 94, 0.07);
}

#uploadView.active,
#checkView.active,
#cleanView.active,
#enrichView.active,
#prepareView.active,
#downloadView.active {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  overflow: hidden;
}

#uploadView .upload-intake-layout,
#checkView .panel,
#cleanView .panel,
#enrichView .panel,
#downloadView .panel {
  min-height: 0;
  min-width: 0;
  height: 100%;
  max-width: 100%;
  flex: 1 1 0;
  flex-direction: column;
  margin: 0;
}

#checkView .panel,
#cleanView .panel,
#enrichView .panel,
#downloadView .panel {
  display: flex;
}

#uploadView .upload-intake-layout {
  display: grid;
}

.dropzone {
  width: 100%;
  min-height: 420px;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 50% 6%, rgba(220, 115, 112, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 253, 255, 0.9));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.82);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  text-align: center;
  color: var(--muted);
  padding: 26px;
  cursor: default;
  user-select: none;
}

.dropzone:not(.has-file) {
  cursor: pointer;
}

.dropzone.dragging {
  border-color: var(--blue-2);
  background: #eef5ff;
  box-shadow:
    inset 0 0 0 1px rgba(36, 70, 133, 0.2),
    0 0 0 3px rgba(36, 70, 133, 0.08);
}

.dropzone.is-processing {
  border-color: rgba(36, 70, 133, 0.26);
  background:
    radial-gradient(circle at 50% 6%, rgba(36, 70, 133, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 251, 255, 0.94));
  cursor: progress;
}

.dropzone.has-upload-error {
  border-color: rgba(220, 115, 112, 0.34);
  background:
    radial-gradient(circle at 50% 6%, rgba(220, 115, 112, 0.09), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 249, 0.94));
}

.dropzone:focus-visible {
  outline: 3px solid rgba(36, 70, 133, 0.28);
  outline-offset: 4px;
}

.dropzone input {
  display: none;
}

.drop-empty {
  display: grid;
  justify-items: center;
  gap: 13px;
}

.dropzone.has-file .drop-empty {
  display: none;
}

.drop-empty svg {
  width: 58px;
  height: 58px;
  padding: 13px;
  border: 1px solid rgba(36, 70, 133, 0.13);
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.055);
  stroke: rgba(36, 70, 133, 0.55);
  box-shadow: 0 10px 24px rgba(30, 45, 94, 0.06);
}

.drop-empty strong {
  color: #26344b;
  font-size: 21px;
}

.file-tray {
  display: none;
  width: min(530px, 100%);
}

.dropzone.has-file .file-tray {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(168px, 188px));
  justify-content: start;
  gap: 10px;
  align-items: stretch;
}

.dropzone.has-file {
  overflow-y: auto;
  overscroll-behavior: contain;
  cursor: default;
}

.upload-processing-card {
  grid-column: 1 / -1;
  display: grid;
  gap: 10px;
  min-height: 0;
  border: 1px solid rgba(36, 70, 133, 0.18);
  border-radius: var(--radius-sm);
  background:
    linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(234, 240, 248, 0.78) 38%, rgba(255, 255, 255, 0) 72%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  background-size: 180% 100%, 100% 100%;
  padding: 12px;
  text-align: left;
  box-shadow: 0 14px 34px rgba(30, 45, 94, 0.09);
  animation: uploadProcessingSweep 1.8s ease-in-out infinite;
}

.upload-processing-head {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}

.upload-processing-icon {
  position: relative;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(36, 70, 133, 0.18);
  border-radius: var(--radius-sm);
  background: rgba(36, 70, 133, 0.06);
}

.upload-processing-icon::before,
.upload-processing-icon::after {
  content: "";
  position: absolute;
  inset: 9px;
  border: 2px solid rgba(36, 70, 133, 0.18);
  border-top-color: var(--color-brand-primary);
  border-radius: 999px;
}

.upload-processing-icon::before {
  animation: uploadProcessingSpin 900ms linear infinite;
}

.upload-processing-icon::after {
  inset: 15px;
  border-width: 1px;
  opacity: 0.7;
  animation: uploadProcessingSpin 1200ms linear infinite reverse;
}

.upload-processing-head strong,
.upload-processing-head small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-processing-head strong {
  color: var(--color-brand-primary);
  font-size: 15px;
  line-height: 1.15;
}

.upload-processing-head small {
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 800;
}

.upload-processing-head b {
  min-width: 42px;
  color: var(--color-brand-primary);
  font-size: 13px;
  text-align: right;
}

.upload-processing-bar {
  position: relative;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.1);
}

.upload-processing-bar i {
  display: block;
  height: 100%;
  min-width: 10%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-brand-primary), #6f89b6);
  transition: width 180ms ease;
}

.upload-processing-card p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.upload-processing-card.has-error {
  border-color: rgba(220, 115, 112, 0.35);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 250, 249, 0.94));
  animation: none;
}

.upload-processing-card.has-error .upload-processing-icon {
  border-color: rgba(220, 115, 112, 0.34);
  background: var(--color-attention-soft);
}

.upload-processing-card.has-error .upload-processing-icon::before,
.upload-processing-card.has-error .upload-processing-icon::after {
  inset: auto;
  border: 0;
  animation: none;
}

.upload-processing-card.has-error .upload-processing-icon::before {
  content: "!";
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--color-attention);
  font-size: 20px;
  font-weight: 900;
}

.upload-processing-card.has-error .upload-processing-head strong,
.upload-processing-card.has-error .upload-processing-head b {
  color: var(--color-attention);
}

.upload-processing-card.has-error p {
  color: var(--color-text-primary);
}

.upload-diagnostic-card {
  grid-column: 1 / -1;
  display: grid;
  gap: 9px;
  min-height: 0;
  padding: 12px;
  border: 1px solid rgba(220, 115, 112, 0.28);
  border-left: 3px solid rgba(220, 115, 112, 0.74);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.9);
  text-align: left;
  box-shadow: 0 14px 34px rgba(30, 45, 94, 0.07);
}

.upload-diagnostic-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.upload-diagnostic-card-head strong,
.upload-diagnostic-card-head small {
  display: block;
  min-width: 0;
}

.upload-diagnostic-card-head strong {
  color: var(--color-attention);
  font-size: 14px;
  line-height: 1.15;
}

.upload-diagnostic-card-head small {
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.upload-diagnostic-card-head b {
  color: var(--color-attention);
  font-size: 11px;
  line-height: 1;
}

.upload-diagnostic-card p {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.upload-diagnostic-placeholder {
  display: grid;
  gap: 4px;
  padding: 8px 10px;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.76);
}

.upload-diagnostic-placeholder span {
  color: var(--color-brand-primary);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.upload-diagnostic-placeholder strong {
  color: var(--color-text-primary);
  font-size: 11px;
  line-height: 1.25;
}

.upload-diagnostic-placeholder p,
.upload-diagnostic-placeholder small {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.34;
}

.upload-error-help {
  display: block;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}

.file-card {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(42px, auto) auto auto;
  justify-items: start;
  align-content: space-between;
  gap: 8px;
  min-height: 126px;
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.92);
  padding: 12px;
  text-align: left;
  box-shadow: 0 14px 34px rgba(30, 45, 94, 0.1);
  cursor: default;
}

.file-card.is-processing {
  border-color: rgba(36, 70, 133, 0.32);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 16px 36px rgba(30, 45, 94, 0.12);
}

.file-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: #f8fbff;
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.file-meta {
  min-width: 0;
  width: 100%;
}

.file-meta strong {
  display: block;
  color: var(--blue);
  font-size: 13px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.file-meta span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.file-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  border: 1px solid rgba(39, 49, 148, 0.24);
  background: rgba(39, 49, 148, 0.06);
  color: var(--blue);
  padding: 0 8px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.file-status.is-processing {
  color: var(--color-brand-primary);
  border-color: rgba(36, 70, 133, 0.24);
  background: rgba(36, 70, 133, 0.07);
}

.file-progress {
  width: 100%;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.12);
}

.file-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-brand-primary), rgba(36, 70, 133, 0.72));
  transition: width 180ms ease-out;
}

.file-remove {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(220, 112, 112, 0.35);
  background: white;
  color: var(--coral);
  font-size: 18px;
  line-height: 1;
}

.upload-actions {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 160px;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-3);
  border: 0;
  border-top: 1px solid rgba(36, 70, 133, 0.12);
  background: transparent;
  padding: 10px 0 0;
  box-shadow: none;
}

.upload-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding-left: 0;
}

.upload-actions strong {
  display: block;
  color: var(--blue);
  margin-top: 0;
  font-size: 13px;
}

.upload-actions small {
  display: block;
  margin-top: 1px;
  color: var(--muted);
  font-size: 11px;
}

.upload-buttons {
  display: grid;
  place-items: center;
  align-items: center;
  justify-self: end;
  flex: 0 0 auto;
}

.continue-button {
  margin-top: 0;
  min-width: 160px;
}

.continue-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

@keyframes uploadProcessingSweep {
  0% { background-position: 140% 0, 0 0; }
  100% { background-position: -60% 0, 0 0; }
}

@keyframes uploadProcessingSpin {
  to { transform: rotate(360deg); }
}

/* AIQA bundle source: styles_crm_setup.css */
.crm-connectors {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  align-content: stretch;
  align-items: stretch;
  gap: 8px;
  margin-top: 0;
  padding: 13px;
  border: 1px solid rgba(36, 70, 133, 0.11);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 251, 255, 0.72));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 14px 28px rgba(30, 45, 94, 0.05);
  overflow: hidden;
  isolation: isolate;
}

.crm-connector {
  min-height: 35px;
  border: 1px solid rgba(36, 70, 133, 0.13);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.crm-connectors-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  min-height: 38px;
  padding: 0 2px 6px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--muted);
}

.crm-connectors-label span,
.crm-status {
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.file-status.is-action {
  appearance: none;
  max-width: 100%;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
}

.file-status.is-action:hover,
.file-status.is-action:focus-visible {
  border-color: rgba(220, 115, 112, 0.48);
  background: rgba(220, 115, 112, 0.16);
}

.file-status.is-action:focus-visible {
  outline: 3px solid rgba(220, 115, 112, 0.22);
  outline-offset: 2px;
}

.crm-connectors-label strong {
  color: var(--blue);
  font-size: 12px;
  line-height: 1.15;
  text-align: right;
  max-width: 146px;
}

.crm-connected-list {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: 5px;
  min-height: 0;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 1px;
  scrollbar-gutter: stable;
}

.crm-request-button {
  width: 100%;
  margin: 0;
}

.crm-connector {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(72px, max-content);
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  color: var(--blue);
  cursor: pointer;
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.crm-connector:hover {
  border-color: rgba(36, 70, 133, 0.28);
  background: var(--color-surface-panel);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 0 0 1px rgba(36, 70, 133, 0.06);
}

.crm-connector:focus-visible {
  outline: 3px solid rgba(220, 115, 112, 0.25);
  outline-offset: 2px;
}

.crm-logo {
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 18px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.crm-logo::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 999px;
  background: currentColor;
}

.crm-logo-hubspot { color: #ff5c35; }
.crm-logo-pipedrive { color: #266d4d; }
.crm-logo-close { color: #1f4f8f; }
.crm-logo-freshsales { color: #6b4fd8; }
.crm-logo-salesforce { color: #0b77bd; }
.crm-logo-zoho { color: #c2473f; }
.crm-logo-dynamics { color: #3454d1; }
.crm-logo-copper { color: #b46d38; }
.crm-logo-request { color: var(--blue); }

.crm-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  justify-self: end;
  width: auto;
  min-width: 66px;
  max-width: 100%;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(119, 131, 153, 0.08);
  color: #778399;
  line-height: 1;
  white-space: nowrap;
}

.crm-status i {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #a8b4c5;
  box-shadow: 0 0 0 3px rgba(168, 180, 197, 0.12);
}

.crm-connector.is-connected {
  border-color: rgba(38, 109, 77, 0.28);
  background: linear-gradient(180deg, rgba(247, 251, 255, 0.98), rgba(255, 255, 255, 0.92));
  box-shadow: inset 3px 0 0 rgba(38, 109, 77, 0.32);
}

.crm-connector.is-connected .crm-status {
  color: var(--color-status-success);
}

.crm-connector.is-connected .crm-status i {
  background: var(--color-status-success);
  box-shadow: 0 0 0 3px rgba(38, 109, 77, 0.12);
}

.crm-connector.is-ready {
  border-color: rgba(38, 109, 77, 0.22);
  background: rgba(247, 251, 255, 0.92);
  box-shadow: inset 3px 0 0 rgba(38, 109, 77, 0.28);
}

.crm-connector.is-ready .crm-status {
  color: #266d4d;
}

.crm-connector.is-ready .crm-status i {
  background: #266d4d;
  box-shadow: 0 0 0 3px rgba(38, 109, 77, 0.12);
}

.crm-setup-panel,
.crm-request-panel {
  --crm-floating-top-clearance: 92px;
  --crm-floating-edge-clearance: 24px;
  position: absolute;
  z-index: 5;
  inset: 12px;
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  min-height: 0;
  max-width: calc(100% - 24px);
  max-height: calc(100% - 24px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 10px;
  border: 1px solid rgba(36, 70, 133, 0.14);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 36px rgba(30, 45, 94, 0.16);
}

.crm-connectors:has(.crm-setup-panel:not([hidden])),
.crm-connectors:has(.crm-request-panel:not([hidden])) {
  overflow: visible;
  z-index: 32;
}

.crm-setup-panel {
  position: fixed;
  z-index: 72;
  inset: 50% auto auto 50%;
  width: min(560px, calc(100vw - 56px));
  height: min(520px, calc(100dvh - 48px));
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%);
  grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
  align-content: stretch;
  overflow: hidden;
  padding: 16px;
  gap: 12px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow:
    0 24px 60px rgba(30, 45, 94, 0.22),
    0 0 0 999px rgba(247, 250, 255, 0.58);
}

.crm-request-panel {
  position: fixed;
  z-index: 72;
  inset: 50% auto auto 50%;
  width: min(520px, calc(100vw - 56px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  transform: translate(-50%, -50%);
  align-content: start;
  overflow: auto;
  padding: 16px;
  gap: 12px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow:
    0 24px 60px rgba(30, 45, 94, 0.22),
    0 0 0 999px rgba(247, 250, 255, 0.58);
}

.crm-setup-panel[hidden],
.crm-request-panel[hidden] {
  display: none;
}

.crm-setup-back {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  padding: 0;
  min-height: 18px;
}

.crm-setup-title {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(247, 251, 255, 0.78);
}

.crm-setup-title span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.crm-setup-title strong {
  color: var(--blue);
  font-size: 20px;
  line-height: 1.1;
}

.crm-setup-progress {
  display: grid;
  width: 100%;
  gap: 5px;
}

.crm-setup-progress span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.crm-setup-progress i {
  --setup-progress: 20%;
  position: relative;
  display: block;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.1);
}

.crm-setup-progress i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--setup-progress);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--coral));
  transition: width 180ms ease;
}

.crm-setup-step-card {
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: 10px;
  justify-items: stretch;
  min-height: 0;
  align-content: start;
  width: 100%;
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-sm);
  background:
    radial-gradient(circle at 100% 0%, rgba(220, 115, 112, 0.11), transparent 34%),
    rgba(247, 251, 255, 0.76);
}

.crm-setup-step-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.08);
  color: var(--blue);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.crm-setup-step-meta dt {
  color: var(--muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.crm-setup-step-card strong {
  display: block;
  width: 100%;
  color: var(--blue);
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  text-align: left;
}

.crm-setup-step-card p {
  display: block;
  width: 100%;
  margin: 0;
  color: #26344b;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.38;
  text-align: left;
}

.crm-setup-step-meta {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 5px;
  margin: 0;
}

.crm-setup-step-meta div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 9px 10px;
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.84);
}

.crm-setup-step-meta dd {
  margin: 0;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: left;
  overflow-wrap: anywhere;
}

.crm-setup-panel p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.crm-setup-note {
  width: 100%;
  padding: 6px 8px;
  border-radius: var(--radius-sm);
  background: rgba(255, 250, 249, 0.84);
}

.crm-setup-nav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 150px));
  justify-content: end;
  width: 100%;
  gap: 8px;
  margin-top: auto;
}

.crm-setup-nav > button {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.crm-setup-secondary {
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.9);
  color: var(--blue);
}

.crm-setup-nav > .primary {
  border-radius: var(--radius-md);
  min-width: 0;
}

.crm-setup-secondary:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.crm-setup-secondary.is-danger {
  border-color: rgba(194, 71, 63, 0.26);
  color: #c2473f;
}

.crm-setup-secondary[hidden],
.crm-setup-next[hidden],
.crm-setup-complete[hidden] {
  display: none;
}

.crm-request-field {
  display: grid;
  gap: 6px;
}

.crm-request-field span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.crm-request-field input,
.crm-request-field textarea {
  width: 100%;
  border: 1px solid rgba(36, 70, 133, 0.14);
  border-radius: var(--radius-sm);
  background: rgba(247, 251, 255, 0.76);
  color: var(--blue);
  font: inherit;
  font-size: 12px;
}

.crm-request-field input {
  min-height: 34px;
  padding: 0 9px;
}

.crm-request-field textarea {
  resize: none;
  padding: 9px;
  line-height: 1.35;
}

.crm-request-status {
  margin: 0;
  padding: 8px;
  border-radius: var(--radius-sm);
  background: rgba(247, 251, 255, 0.84);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}

.crm-request-status:empty {
  display: none;
}

.crm-setup-complete {
  width: 100%;
}

.crm-request-panel > .crm-setup-complete {
  justify-self: end;
  width: auto;
  min-width: 150px;
  min-height: 40px;
  border-radius: var(--radius-md);
}

/* AIQA bundle source: styles_review_workspace.css */
.formats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

.formats span {
  border: 1px solid rgba(36, 70, 133, 0.16);
  background: rgba(255, 255, 255, 0.9);
  color: var(--blue);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
}

.cards {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
}

.cards.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.card,
.panel {
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.card {
  padding: 14px 16px;
  min-height: 120px;
}

.card span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.card strong {
  display: block;
  margin-top: 9px;
  font-size: 22px;
  color: var(--blue);
}

.card p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.4;
}

.panel { overflow: hidden; }

.panel-head {
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}

#checkView .panel-head {
  padding: 14px 16px;
}

.panel-head h2 {
  margin: 0 0 4px;
  font-size: 19px;
  color: var(--blue);
}

.panel-head p {
  margin: 0;
  color: var(--muted);
  line-height: 1.34;
  font-size: 13px;
}

.panel-head.split {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.download-badge {
  border: 1px solid rgba(39, 49, 148, 0.18);
  background: rgba(39, 49, 148, 0.05);
  color: var(--blue);
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.master-panel {
  margin-top: 0;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96)),
    var(--color-surface-panel);
  box-shadow: 0 18px 42px rgba(30, 45, 94, 0.1);
  padding: var(--space-3);
}

.recognition-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: 34px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-sm);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.recognition-action svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  flex: 0 0 auto;
}

.recognition-action[aria-pressed="true"] {
  background: var(--color-brand-primary-soft);
  border-color: rgba(36, 70, 133, 0.44);
}

.recognition-choice-dialog {
  position: fixed;
  inset: 0;
  z-index: 36;
  display: none;
  place-items: center;
  padding: 28px;
  background: rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(12px);
}

.recognition-choice-dialog.open {
  display: grid;
}

.recognition-choice-panel {
  width: min(520px, calc(100vw - 56px));
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-xl);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

.recognition-choice-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4);
  border-bottom: 1px solid var(--color-border-default);
  background: var(--color-surface-panel);
}

.recognition-choice-head span {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--color-brand-secondary);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.recognition-choice-head h2 {
  margin: 0;
  color: var(--color-brand-primary);
  font-size: 22px;
  line-height: 1.15;
}

.recognition-choice-body {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
}

.recognition-choice-option {
  width: 100%;
  min-height: 76px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, var(--color-surface-panel), var(--color-surface-secondary));
  color: var(--color-text-primary);
  text-align: left;
  cursor: pointer;
}

.recognition-choice-option:hover,
.recognition-choice-option:focus-visible {
  border-color: rgba(36, 70, 133, 0.38);
  background: var(--color-brand-primary-soft);
  outline: none;
}

.recognition-choice-option svg {
  width: 32px;
  height: 32px;
  padding: 8px;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-sm);
  color: var(--color-brand-primary);
  background: #ffffff;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  box-sizing: border-box;
}

.recognition-choice-option strong,
.recognition-choice-option small {
  display: block;
  min-width: 0;
}

.recognition-choice-option strong {
  color: var(--color-brand-primary);
  font-size: 14px;
  line-height: 1.25;
}

.recognition-choice-option small {
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.35;
}

.recognition-annotation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding: 10px 12px;
  border: 1px solid rgba(36, 70, 133, 0.2);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, #ffffff, rgba(234, 240, 248, 0.72));
  color: var(--color-brand-primary);
}

.recognition-annotation[hidden] {
  display: none;
}

.recognition-annotation span {
  color: var(--color-brand-secondary);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.recognition-annotation strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recognition-annotation button {
  min-height: 32px;
  margin-top: 0;
  padding: 0 12px;
}

.master-table.annotation-mode th[data-recognition-target],
.master-table.annotation-mode td[data-recognition-target] {
  cursor: crosshair;
  user-select: none;
}

.master-table.annotation-mode th[data-recognition-target]:hover,
.master-table.annotation-mode td[data-recognition-target]:hover {
  background: #fde7e5;
  box-shadow: inset 0 0 0 2px #dc7370;
}

.master-table .recognition-selected {
  background: #fbd9d6 !important;
  color: #102c53;
  box-shadow: inset 0 0 0 2px #c95f5b;
}

.master-table .recognition-area-selected {
  background: #fce3df !important;
  color: #102c53;
  box-shadow: inset 0 0 0 1px #dc7370;
}

.excel-panel {
  border-color: rgba(36, 70, 133, 0.16);
}

.master-table-wrap {
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  max-width: 100%;
  max-height: none;
  min-height: 0;
  min-width: 0;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid rgba(201, 212, 228, 0.92);
  border-radius: var(--radius-md);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 251, 255, 0.92)),
    #f8fbff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
  scrollbar-gutter: auto;
}

.master-table {
  width: max-content;
  min-width: 1380px;
  table-layout: auto;
  font-size: 13px;
}

.master-table th,
.master-table td {
  min-width: 150px;
  white-space: nowrap;
  vertical-align: top;
  line-height: 1.28;
  padding: 9px 11px;
}

.master-table .row-index {
  min-width: 76px;
  width: 76px;
  max-width: 76px;
  padding-inline: 10px;
  text-align: right;
  color: rgba(36, 70, 133, 0.72);
  background: linear-gradient(180deg, #f2f6fc, #e9f0fb);
  font-weight: 900;
  position: sticky;
  left: 0;
  z-index: 3;
}

.master-table tbody .row-index {
  z-index: 2;
  border-right: 1px solid #c9d4e4;
  box-shadow: 6px 0 12px rgba(36, 70, 133, 0.06);
}

.master-table th {
  position: sticky;
  top: 0;
  z-index: 4;
  background: linear-gradient(180deg, #ffffff, #eaf1fb);
  color: var(--blue);
  border-right: 1px solid #d7e1ef;
  border-bottom: 1px solid #c9d4e4;
  cursor: text;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0;
  box-shadow: 0 6px 12px rgba(36, 70, 133, 0.07);
}

.excel-table td {
  background: rgba(255, 255, 255, 0.95);
  color: #24344f;
  border-right: 1px solid #e0e8f3;
  border-bottom: 1px solid #e0e8f3;
  font-size: 13px;
}

.excel-table tbody tr:nth-child(even) td {
  background: rgba(247, 250, 254, 0.98);
}

.excel-table td[contenteditable="true"] {
  cursor: text;
}

.excel-table th[contenteditable="true"]:focus,
.excel-table td[contenteditable="true"]:focus {
  outline: 2px solid rgba(36, 70, 133, 0.66);
  outline-offset: -2px;
  background: #ffffff;
  box-shadow: inset 0 0 0 999px rgba(234, 240, 248, 0.42);
}

.master-table tbody tr:hover td {
  background: rgba(234, 240, 248, 0.82);
}

.view-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-2);
  margin-top: 0;
  min-height: 40px;
  align-items: center;
  position: static;
  padding: 0;
  background: transparent;
}

.review-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 172px minmax(150px, 1fr);
  justify-content: stretch;
  align-items: center;
  position: relative;
  min-height: 40px;
  gap: var(--space-2);
}

.clean-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  justify-content: stretch;
  align-items: center;
  min-height: 40px;
  gap: var(--space-2);
}

.review-progress-summary {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  min-height: 40px;
  color: var(--color-text-muted);
  font-size: 12px;
  line-height: 1.15;
  overflow: hidden;
}

.review-progress-summary.is-meta-only {
  grid-template-columns: minmax(0, 1fr);
}

.review-progress-summary strong {
  color: var(--color-brand-primary);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.review-progress-summary small {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  flex-wrap: wrap;
}

.review-progress-summary.is-meta-only small.has-review-meta {
  justify-content: flex-start;
}

.review-progress-summary small:not(.has-review-meta) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.review-progress-chip {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 210px;
  height: 24px;
  padding: 0 8px;
  gap: 5px;
  border: 1px solid rgba(201, 212, 228, 0.9);
  border-radius: var(--radius-xs);
  background: rgba(248, 251, 255, 0.92);
  color: var(--color-text-muted);
}

.review-progress-chip b {
  flex: 0 0 auto;
  color: rgba(36, 70, 133, 0.78);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.review-progress-chip em {
  min-width: 0;
  overflow: hidden;
  color: var(--color-brand-primary);
  font-style: normal;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-progress-chip.is-warn {
  border-color: rgba(220, 104, 104, 0.26);
  background: rgba(254, 242, 242, 0.84);
}

.review-progress-chip.is-ok {
  border-color: rgba(36, 70, 133, 0.18);
  background: rgba(234, 240, 248, 0.64);
}

.review-actions button {
  width: 150px;
  height: 40px;
  min-height: 40px;
  margin-top: 0;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-sizing: border-box;
}

.clean-actions .primary {
  justify-self: end;
  width: 150px;
  height: 40px;
  min-height: 40px;
  margin-top: 0;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-sizing: border-box;
}

.review-actions .recognition-action {
  position: static;
  transform: none;
  justify-self: center;
  gap: 7px;
  padding: 0 14px;
  white-space: nowrap;
  width: 172px;
}

.review-actions .recognition-action span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  white-space: nowrap;
}

.review-actions .primary {
  flex: 0 0 auto;
  justify-self: end;
}

@media (max-width: 860px) {
  .review-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .clean-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .review-progress-summary {
    grid-template-columns: 1fr;
    gap: 5px;
    min-height: 0;
  }

  .review-actions .recognition-action,
  .review-actions .primary,
  .clean-actions .primary {
    justify-self: stretch;
    width: 100%;
  }
}

.primary,
.secondary,
.pay-button {
  border: 1px solid var(--coral);
  border-radius: 0;
  min-height: 40px;
  padding: 0 18px;
  font-weight: 900;
}

.primary {
  margin-top: 14px;
  background: transparent;
  color: var(--coral);
  min-width: 150px;
}

.primary:hover,
.pay-button:hover {
  background: var(--coral);
  color: white;
}

.secondary {
  border-color: var(--blue);
  background: white;
  color: var(--blue);
}

.secondary:hover {
  background: var(--blue);
  color: white;
}

/* AIQA bundle source: styles_cleanup_enrich_legacy.css */
.fix-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 14px;
  min-height: 0;
  overflow: auto;
}

.fix {
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  display: grid;
  grid-template-columns: 20px minmax(145px, 0.68fr) minmax(0, 1.5fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  box-shadow: 0 14px 34px rgba(32, 52, 84, 0.08);
}

.fix input {
  width: 18px;
  height: 18px;
  accent-color: var(--blue);
}

.fix-top {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  align-items: center;
  order: 4;
}

.fix strong {
  display: block;
  color: #102c53;
  font-size: 15px;
}

.fix span {
  display: inline-block;
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(39, 49, 148, 0.06);
  color: var(--blue);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.fix b {
  color: var(--coral);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.fix p {
  margin: 0;
  color: var(--muted);
  line-height: 1.38;
}

.cleanup-planning-state {
  min-height: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  align-content: stretch;
  gap: 14px;
  padding: 22px 24px;
  border: 1px solid rgba(39, 49, 148, 0.14);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 14px 34px rgba(32, 52, 84, 0.08);
  position: relative;
  overflow: hidden;
}

.cleanup-planning-state::before {
  content: "";
  position: absolute;
  inset: 0;
  border-left: 4px solid var(--blue);
  pointer-events: none;
}

.cleanup-planning-state.is-error {
  border-color: rgba(220, 115, 112, 0.28);
}

.cleanup-planning-state.is-idle {
  border-color: rgba(36, 70, 133, 0.18);
}

.cleanup-planning-state.is-error::before {
  border-left-color: var(--coral);
}

.cleanup-planning-state.is-idle::before {
  border-left-color: rgba(36, 70, 133, 0.38);
}

.cleanup-planning-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  width: min(620px, 100%);
}

.cleanup-planning-mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(39, 49, 148, 0.16);
  border-radius: 999px;
  background: #ffffff;
  position: relative;
  animation: cleanup-planning-pulse 1.8s ease-in-out infinite;
}

.cleanup-planning-mark::after {
  content: "";
  position: absolute;
  inset: -6px;
  border: 2px solid transparent;
  border-top-color: rgba(36, 70, 133, 0.42);
  border-right-color: rgba(220, 115, 112, 0.42);
  border-radius: inherit;
  animation: cleanup-planning-spin 1.6s linear infinite;
}

.cleanup-planning-mark span {
  width: 23px;
  height: 23px;
  border: 4px solid var(--blue);
  border-radius: 999px;
}

.cleanup-planning-mark i {
  position: absolute;
  right: 12px;
  bottom: 14px;
  width: 16px;
  height: 4px;
  border-radius: 999px;
  background: var(--coral);
  transform: rotate(45deg);
}

.cleanup-planning-copy {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.cleanup-planning-copy strong {
  color: var(--blue);
  font-size: 21px;
  line-height: 1.2;
  font-weight: 900;
}

.cleanup-planning-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}

.cleanup-planning-copy small {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  margin-top: 2px;
  padding: 5px 9px;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.05);
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.cleanup-planning-rail {
  width: min(620px, 100%);
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(39, 49, 148, 0.08);
}

.cleanup-planning-rail span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--blue), var(--coral));
  animation: cleanup-planning-rail 1.45s ease-in-out infinite;
}

.cleanup-planning-state.is-error .cleanup-planning-rail span,
.cleanup-planning-state.is-idle .cleanup-planning-rail span {
  animation: none;
  width: 100%;
  opacity: 0.32;
}

.cleanup-planning-skeleton {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 10px;
  padding-top: 4px;
}

.cleanup-planning-skeleton-row {
  min-height: 62px;
  display: grid;
  grid-template-columns: 24px minmax(150px, 0.74fr) minmax(0, 2.18fr) 152px;
  align-items: center;
  gap: var(--space-3);
  padding: 10px var(--space-3);
  border: 1px solid rgba(36, 70, 133, 0.1);
  border-left: 3px solid rgba(36, 70, 133, 0.32);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.58);
  position: relative;
  overflow: hidden;
}

.cleanup-planning-skeleton-row::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, 0.72) 46%, transparent 74%);
  transform: translateX(-110%);
  animation: cleanup-planning-skeleton 1.75s ease-in-out infinite;
}

.cleanup-planning-skeleton-row:nth-child(2)::after {
  animation-delay: 0.18s;
}

.cleanup-planning-skeleton-row:nth-child(3)::after {
  animation-delay: 0.34s;
}

.cleanup-planning-skeleton-row:nth-child(4) {
  opacity: 0.52;
}

.cleanup-planning-skeleton-row:nth-child(5) {
  opacity: 0.38;
}

.cleanup-planning-skeleton-row span {
  display: block;
  min-width: 0;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.1);
}

.cleanup-planning-skeleton-check {
  width: 18px;
  height: 18px;
  justify-self: center;
  border-radius: 4px;
  background: rgba(36, 70, 133, 0.12);
}

.cleanup-planning-skeleton-title {
  width: min(170px, 86%);
  height: 15px;
}

.cleanup-planning-skeleton-copy {
  width: 100%;
  height: 13px;
}

.cleanup-planning-skeleton-badges {
  width: 146px;
  height: 30px;
  justify-self: end;
  border-radius: var(--radius-sm);
}

@keyframes cleanup-planning-rail {
  0% {
    transform: translateX(-110%);
  }
  55% {
    transform: translateX(80%);
  }
  100% {
    transform: translateX(190%);
  }
}

@keyframes cleanup-planning-skeleton {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(110%);
  }
}

@keyframes cleanup-planning-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes cleanup-planning-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(36, 70, 133, 0.12);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(36, 70, 133, 0.04);
  }
}

@media (max-width: 760px) {
  .cleanup-planning-state {
    padding: 24px 18px;
  }

  .cleanup-planning-main {
    grid-template-columns: 1fr;
  }

  .cleanup-planning-main {
    justify-items: center;
    text-align: center;
  }

  .cleanup-planning-rail {
    width: 100%;
  }

  .cleanup-planning-skeleton-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .cleanup-planning-skeleton-title,
  .cleanup-planning-skeleton-copy,
  .cleanup-planning-skeleton-badges {
    grid-column: 2;
    justify-self: stretch;
    width: 100%;
  }

}

.fix.is-disabled {
  border-left-color: rgba(36, 70, 133, 0.28);
  opacity: 0.72;
}

.fix.is-disabled input {
  cursor: not-allowed;
}

.enrich-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1 1 auto;
}

.enrich-panel .panel-head {
  padding: 12px 18px;
}

.enrich-panel .panel-head h2 {
  margin-bottom: 0;
}

.enrich-body {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 16px 14px;
}

.enrich-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 0;
}

.enrich-metrics span {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  border: 1px solid rgba(39, 49, 148, 0.12);
  background: rgba(39, 49, 148, 0.04);
  color: var(--blue);
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.enrich-metrics strong {
  font-size: 16px;
}

.enrich-metrics span.is-highlight {
  border-color: rgba(39, 49, 148, 0.12);
  background: var(--color-surface-secondary);
  color: var(--blue);
}

.enrich-metrics span.is-highlight strong {
  color: var(--color-attention);
}

.option-list {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.enrich-source-column {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 8px;
  min-width: 0;
  min-height: 0;
}

.enrich-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.option-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 0;
  background: var(--panel);
  box-shadow: var(--shadow);
  padding: 12px 14px;
}

.enrich-card {
  min-height: 58px;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.95));
  border-left: 3px solid var(--blue);
}

.price-list {
  display: grid;
  gap: 0;
  min-height: 0;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.price-row,
.price-total {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 5px 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

.price-row strong,
.price-total strong {
  color: var(--blue);
}

.price-row.muted strong {
  color: var(--muted);
}

.price-total {
  border-top: 2px solid rgba(39, 49, 148, 0.2);
  color: var(--blue);
  font-weight: 900;
  padding: 8px 0 6px;
}

.enrich-source-request {
  width: 100%;
  min-height: 52px;
  color: var(--blue);
  cursor: pointer;
  border: 1px solid var(--color-border-default);
  background: var(--color-surface-panel);
  box-shadow: none;
}

.enrich-source-request:hover,
.enrich-source-request:focus-visible {
  border-color: rgba(39, 49, 148, 0.42);
  background: linear-gradient(180deg, #ffffff, #eef5ff);
  box-shadow: 0 10px 20px rgba(30, 74, 138, 0.1);
}

.request-source-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 2px solid var(--color-brand-primary);
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary);
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.request-source-icon > span {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 23px;
  text-align: center;
  transform: translateY(-1px);
}

.request-source-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.enrich-source-request .request-source-copy strong {
  color: #102c53;
  font-size: 13px;
  font-weight: 850;
}

.request-source-copy small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#enrichView .enrich-source-request .request-source-note {
  min-width: 0;
  color: var(--color-attention);
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.option-card input { display: none; }

.checkmark {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 2px solid #b9c7da;
  background: white;
}

.option-card input:checked + .checkmark {
  background: var(--blue);
  border-color: var(--blue);
}

.option-card input:checked + .checkmark::after {
  content: "";
  width: 10px;
  height: 6px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(-45deg);
}

.option-card strong { font-size: 17px; color: #102c53; }
.option-card p { margin: 6px 0 0; color: var(--muted); line-height: 1.4; }
.option-card b { font-size: 19px; color: var(--ink); }

/* AIQA bundle source: styles_enrichment_workspace.css */
.enrich-panel {
  height: 100%;
}

.enrich-body {
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--space-4);
  padding: var(--space-4);
}

.enrich-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.enrich-metrics span {
  min-height: 42px;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
}

.enrich-workspace {
  min-height: 0;
  height: 100%;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  align-items: stretch;
}

.option-list {
  min-height: 0;
  height: 100%;
  grid-template-columns: 1fr;
  grid-auto-rows: minmax(52px, auto);
  gap: var(--space-2);
  overflow-y: auto;
  padding: 2px;
}

.option-list.is-scrollable {
  grid-auto-rows: minmax(52px, auto);
  align-content: start;
  overflow-y: auto;
}

.option-list.is-scrollable .enrich-card {
  min-height: 52px;
}

.enrich-list-head,
.enrich-card {
  display: grid;
  grid-template-columns: 34px minmax(180px, 0.95fr) minmax(320px, 1.65fr) 68px;
  align-items: center;
  column-gap: var(--space-2);
}

.enrich-list-head {
  min-height: 32px;
  padding: 0 var(--space-3);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
}

.enrich-list-head b {
  color: var(--color-brand-primary);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.enrich-list-head b:last-child {
  justify-self: center;
  min-width: 58px;
  text-align: center;
}

.enrich-card {
  min-height: 52px;
  align-content: center;
  grid-template-rows: auto;
  border: 1px solid var(--color-border-default);
  padding: var(--space-2) var(--space-3);
}

.enrich-card .checkmark {
  grid-row: auto;
  width: 34px;
  height: 34px;
}

.enrich-card .option-copy {
  display: grid;
  min-width: 0;
}

.enrich-card .option-copy small,
.enrich-capabilities,
.enrich-price small {
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

.enrich-card.requires-account {
  border-color: rgba(241, 92, 92, 0.34);
}

.enrich-card.pay-as-you-go {
  border-color: rgba(39, 83, 153, 0.3);
  background: linear-gradient(90deg, rgba(39, 83, 153, 0.035), transparent 42%);
}

.enrich-card.pay-as-you-go .enrich-access-note {
  color: var(--color-brand-primary);
}

.enrich-card .enrich-access-note {
  color: var(--color-text-secondary);
  margin-top: 3px;
}

.enrich-card .enrich-price.is-account-required {
  background: rgba(241, 92, 92, 0.1);
  color: var(--coral);
  font-size: 10px;
  line-height: 1.15;
  padding: 4px;
  text-align: center;
}

.enrich-card .enrich-price.is-pay-as-you-go {
  color: var(--color-brand-primary);
}

.enrich-capabilities {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 650;
  cursor: help;
}

.enrich-capabilities:focus-visible {
  border-radius: var(--radius-sm);
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 2px;
}

.enrich-card b,
.enrich-price {
  justify-self: center;
  align-self: center;
  display: inline-flex;
  flex-direction: column;
  min-width: 58px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary-soft);
  color: var(--color-brand-primary);
  font-size: 14px;
  line-height: 1.1;
}

.enrich-card strong {
  font-size: 13px;
  line-height: 1.22;
}

.price-list {
  display: grid;
  gap: 4px;
  align-content: start;
  min-height: 0;
  overflow-y: auto;
  padding: var(--space-1) var(--pricing-inner-gutter) 0 var(--pricing-inner-gutter);
  scrollbar-gutter: auto;
}

.price-list.is-scrollable {
  overflow-y: auto;
}

.price-row,
.price-total {
  min-height: 32px;
  padding: 6px 8px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
}

.price-row {
  background: rgba(248, 251, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(201, 212, 228, 0.42);
}

.price-row span,
.price-total span {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.price-row strong,
.price-total strong {
  justify-self: end;
  min-width: 34px;
  text-align: right;
}

.enrich-job-status {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-2);
  padding: var(--space-2);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
}

.enrich-job-status[hidden] {
  display: none;
}

.enrich-job-status-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.enrich-job-status-head strong {
  min-width: 0;
  color: var(--color-brand-primary);
  font-size: 12px;
  font-weight: 900;
}

.enrich-job-status-head span,
.enrich-job-status p {
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.enrich-job-status p {
  margin: 0;
}

.enrich-job-bar {
  height: 7px;
  border-radius: 999px;
  background: #e8eef7;
  overflow: hidden;
}

.enrich-job-bar span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--color-brand-primary);
  transition: width 180ms ease;
}

.enrich-job-bar span.is-indeterminate {
  width: 28%;
  animation: enrich-progress-indeterminate 1.2s ease-in-out infinite;
}

@keyframes enrich-progress-indeterminate {
  0% { transform: translateX(-110%); }
  50% { transform: translateX(145%); }
  100% { transform: translateX(360%); }
}

.enrich-footer {
  border: 1px solid rgba(39, 49, 148, 0.16);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  box-shadow: var(--shadow);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 16px 18px;
}

.enrich-footer span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.enrich-footer strong {
  display: inline-block;
  margin: 0 12px 0 0;
  color: var(--blue);
  font-size: 26px;
  line-height: 1;
}

.enrich-footer p {
  margin: 6px 0 0;
  color: var(--muted);
  line-height: 1.42;
}

.enrich-footer .primary {
  margin-top: 0;
}

.download-layout.active {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  overflow: hidden;
  padding-right: 0;
}

.prepare-layout.active {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  overflow: hidden;
  padding-right: 0;
}

.prepare-panel {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-border-default);
  background: var(--color-surface-panel);
  box-shadow: var(--shadow-sm);
  flex: 1 1 0;
  container: review-order / inline-size;
}

.prepare-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

.prepare-metrics span {
  min-height: 38px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  white-space: nowrap;
}

.prepare-metrics strong {
  color: var(--blue);
  font-size: 20px;
}

.prepare-metrics .is-highlight strong {
  color: var(--red);
}

.prepare-workspace {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(220px, 28%, 320px);
  gap: var(--space-3);
  align-items: stretch;
}

.prepare-preview-column {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: var(--space-2);
}

.prepare-list-head {
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(130px, 0.7fr) minmax(0, 1.4fr) minmax(90px, 0.5fr);
  align-items: center;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  color: var(--blue);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.prepare-list-head b {
  padding: 8px 12px;
}

.prepare-pricing {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: var(--space-2);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  box-shadow: none;
  padding: var(--space-3);
}

.prepare-pricing h3 {
  margin: 0;
  color: var(--blue);
  font-size: 15px;
}

#prepareView .price-list {
  gap: 6px;
  grid-auto-rows: max-content;
  overflow-y: auto;
}

#prepareView .price-row,
#prepareView .price-total {
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-soft);
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.25;
}

#prepareView .price-row {
  border-top: 1px solid var(--color-border-subtle);
}

#prepareView .price-total {
  border-top: 1px solid var(--color-border-default);
  margin-top: var(--space-2);
}

#prepareView .preview-lockup {
  min-height: 0;
  height: 100%;
}

#prepareView .preview-table-wrap {
  height: 100%;
  min-height: 0;
}

#prepareView .preview-table {
  width: max-content;
  min-width: 100%;
}

#prepareView .preview-table th {
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 900px) {
  @container review-order (max-width: 760px) {
    .prepare-workspace {
      grid-template-columns: minmax(0, 1fr);
      grid-template-rows: auto auto;
      align-items: start;
    }

    .prepare-pricing {
      min-height: 0;
      height: auto;
      grid-template-rows: auto auto auto;
    }

    .prepare-pricing .price-list {
      max-height: 220px;
    }
  }
}

.preview-panel {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  min-height: 0;
  height: auto;
}

.preview-lockup {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  border-top: 0;
}

/* AIQA bundle source: styles_download_feedback.css */
.table-wrap {
  overflow: auto;
  max-height: 470px;
}

.preview-table-wrap {
  flex: 1 1 auto;
  max-height: none;
  min-height: 260px;
  background: #f8fbff;
}

.preview-table {
  width: max-content;
  min-width: 1120px;
}

.preview-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, #f7faff, #e9f0fb);
  color: var(--blue);
  border-right: 1px solid #d7e1ef;
  border-bottom: 1px solid #c9d4e4;
}

.preview-table td {
  border-right: 1px solid #e0e8f3;
  background: rgba(255, 255, 255, 0.96);
}

.preview-table tbody tr:nth-child(even) td {
  background: rgba(246, 249, 253, 0.96);
}

.preview-table .blurred-row td {
  position: relative;
  color: transparent;
  text-shadow: 0 0 8px rgba(36, 52, 79, 0.62);
  filter: blur(2px);
  user-select: none;
}

.preview-table .blurred-row:nth-child(5) td:first-child::after {
  content: "Full export unlocks after payment";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--blue);
  text-shadow: none;
  filter: none;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

th, td {
  padding: 12px;
  border-bottom: 1px solid #e8eef6;
  text-align: left;
  white-space: nowrap;
}

th {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  background: white;
}

td { color: #29354a; }

.pay-button {
  background: transparent;
  color: var(--coral);
  margin-top: 0;
}

.payment-dialog {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: none;
  place-items: center;
  padding: 28px;
  background: rgba(28, 36, 80, 0.18);
  backdrop-filter: blur(5px);
}

.payment-dialog.open {
  display: grid;
}

.payment-panel {
  width: min(560px, calc(100vw - 56px));
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 26px 80px rgba(30, 45, 94, 0.24);
}

.payment-dialog.is-working .payment-panel {
  width: min(1040px, calc(100vw - 56px));
}

.payment-dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.payment-dialog-head span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.payment-dialog-head h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 22px;
}

.payment-dialog-body {
  display: grid;
  gap: 12px;
  padding: 18px 20px;
}

.payment-dialog.is-working .payment-dialog-body {
  grid-template-columns: 220px 220px 1fr;
  align-items: start;
}

.payment-dialog.is-working .payment-flow,
.payment-dialog.is-working .export-progress {
  grid-column: 1 / -1;
}

.selected-method,
.payment-dialog-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--line);
  background: #f8fbff;
  padding: 12px;
}

.selected-method span,
.payment-dialog-total span {
  color: var(--muted);
  font-size: 12px;
}

.selected-method strong,
.payment-dialog-total strong {
  color: var(--blue);
  font-size: 18px;
}

.payment-flow {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.payment-flow li {
  border-left: 3px solid rgba(39, 49, 148, 0.18);
  background: #f8fbff;
  color: var(--muted);
  padding: 10px 12px;
  font-weight: 800;
}

.payment-flow li.active {
  border-left-color: var(--blue);
  color: var(--blue);
  background: rgba(39, 49, 148, 0.07);
}

.payment-flow li.is-complete {
  border-left-color: rgba(39, 49, 148, 0.34);
  color: #546780;
  background: #f7faff;
}

.export-progress {
  border: 1px solid rgba(201, 212, 228, 0.95);
  background: #fff;
  padding: 12px;
}

.payment-dialog.is-working .export-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(460px, 1.7fr);
  gap: 14px;
  padding: 14px;
}

.export-progress-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.export-progress-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.export-progress-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 0 auto;
  white-space: nowrap;
}

.export-progress-head strong {
  color: var(--blue);
  font-size: 14px;
}

.export-progress-head span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.export-progress-head b {
  color: var(--blue);
  font-size: 18px;
}

.export-background-action {
  min-height: 38px;
  padding: 0 16px;
}

.export-progress-bar {
  height: 8px;
  border-radius: 999px;
  background: #e8eef7;
  overflow: hidden;
  margin-top: 12px;
}

.export-progress-bar span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--blue);
  transition: width 220ms ease;
}

.export-progress-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}

.payment-dialog.is-working .export-progress-grid {
  grid-template-columns: 1fr;
  align-content: start;
  gap: 8px;
}

.export-progress-grid span {
  min-height: 42px;
  border: 1px solid #dbe5f1;
  background: #f7faff;
  color: #708099;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 6px;
}

.payment-dialog.is-working .export-progress-grid span {
  justify-items: start;
  place-items: center start;
  min-height: 48px;
  text-align: left;
  padding: 8px 10px;
}

.export-progress-grid span.is-active {
  border-color: rgba(39, 49, 148, 0.5);
  background: rgba(39, 49, 148, 0.09);
  color: var(--blue);
  box-shadow: inset 3px 0 0 var(--blue);
}

.export-progress-grid span.is-complete {
  border-color: rgba(39, 49, 148, 0.22);
  background: var(--blue);
  color: #fff;
}

.export-workbench {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #d7e2ef;
  border-radius: 14px;
  background: #fbfdff;
  min-width: 0;
  overflow: hidden;
}

.export-workbench-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 12px 22px;
  border-bottom: 1px solid #d7e2ef;
  background: #fff;
}

.export-workbench-head strong {
  color: var(--blue);
  font-size: 18px;
}

.export-workbench-head span,
.export-workbench p {
  color: var(--muted);
  font-size: 14px;
}

.export-run-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding: 10px 20px;
  border-bottom: 1px solid #d7e2ef;
  background: #f7faff;
}

.export-run-summary[hidden] {
  display: none;
}

.export-run-summary-status {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: var(--blue);
}

.export-run-summary-status strong {
  overflow-wrap: anywhere;
  white-space: normal;
  font-size: 15px;
  font-weight: 500;
}

.export-run-summary-marker {
  flex: 0 0 auto;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid var(--blue);
  border-radius: 50%;
  background: #fff;
  color: var(--blue);
  box-shadow: none;
}

.export-run-summary.is-complete .export-run-summary-marker::after {
  content: "✓";
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

.export-run-summary.is-error .export-run-summary-marker {
  border-color: var(--coral);
  background: var(--coral);
}

.export-run-filename {
  flex: 0 1 auto;
  max-width: 38%;
  overflow: hidden;
  color: var(--muted);
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-stage-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d7e2ef;
  background: #fbfdff;
  list-style: none;
}

.export-stage-list[hidden] {
  display: none;
}

.export-stage-list li {
  position: relative;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 9px 12px;
  border-right: 1px solid #d7e2ef;
  color: var(--muted);
}

.export-stage-list li:last-child {
  border-right: 0;
}

.export-stage-list li > span:last-child {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.export-stage-list strong,
.export-stage-list small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-stage-list strong {
  color: var(--blue);
  font-size: 11px;
}

.export-stage-list small {
  color: var(--muted);
  font-size: 10px;
}

.export-stage-marker {
  width: 10px;
  height: 10px;
  border: 2px solid #b9c6d8;
  border-radius: 50%;
  background: #fff;
}

.export-stage-list li.is-active {
  background: #f3f7fd;
  box-shadow: inset 0 -2px 0 var(--blue);
}

.export-stage-list li.is-active .export-stage-marker {
  border-color: var(--blue);
  background: var(--blue);
  box-shadow: 0 0 0 4px rgba(39, 49, 148, 0.1);
}

.export-stage-list li.is-complete .export-stage-marker {
  border-color: var(--blue);
  background: var(--blue);
}

.export-stage-list li.is-complete small {
  color: var(--blue);
}

.export-stage-list li.is-skipped .export-stage-marker {
  border-color: #c9d4e3;
  background: #e8eef6;
}

.export-stage-list li.is-error {
  background: #fff7f6;
}

.export-stage-list li.is-error .export-stage-marker {
  border-color: var(--coral);
  background: var(--coral);
}

.export-work-table-wrap {
  min-height: 220px;
  flex: 1 1 auto;
  margin: 0 20px 12px;
  border: 1px solid #d7e2ef;
  border-radius: 10px;
  overflow: auto;
  background: #fff;
}

.export-live-activity {
  min-height: 260px;
  height: 100%;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-content: center;
  gap: 14px;
  padding: clamp(28px, 6vw, 72px);
  background: #fff;
}

.export-live-activity[hidden] {
  display: none;
}

.export-live-marker {
  width: 12px;
  height: 12px;
  margin-top: 4px;
  border: 2px solid var(--blue);
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 5px rgba(39, 49, 148, 0.1);
}

.export-live-activity.is-error .export-live-marker {
  border-color: var(--coral);
  background: var(--coral);
  box-shadow: 0 0 0 5px rgba(220, 105, 108, 0.12);
}

.export-live-activity.is-complete .export-live-marker {
  border-color: var(--blue);
  background: var(--blue);
  box-shadow: 0 0 0 5px rgba(39, 49, 148, 0.1);
}

.export-live-copy {
  display: grid;
  gap: 8px;
  max-width: 720px;
}

.export-live-copy > strong {
  color: var(--blue);
  font-size: 18px;
}

.export-live-copy > p {
  margin: 0;
  max-width: 680px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.export-work-table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.export-work-table[hidden] {
  display: none;
}

.export-work-table th,
.export-work-table td {
  box-sizing: border-box;
  min-width: 160px;
  max-width: 280px;
  height: 44px;
  border-right: 1px solid #dce6f2;
  border-bottom: 1px solid #e4ebf5;
  padding: 8px 12px;
  color: #526883;
  font-size: 13px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.export-work-table th {
  position: sticky;
  z-index: 1;
  top: 0;
  height: 44px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  text-align: left;
  background: #f8fbff;
}

.export-work-table tbody tr:nth-child(even) td {
  background: #f8fafd;
}

.export-work-table tbody tr:hover td {
  background: #eaf0f8;
}

.export-work-table td.is-empty {
  color: #9cabc0;
  background: #fbfcfe;
}

.export-work-table td.is-populated {
  background: #fff;
  transition: background-color 180ms ease;
}

.export-preview-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -2px 20px 12px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.export-preview-pagination[hidden] {
  display: none;
}

.export-preview-page-actions {
  display: flex;
  gap: 8px;
}

.export-preview-page-actions .secondary {
  min-height: 36px;
  padding: 7px 14px;
}

.export-preview-page-actions .secondary:disabled {
  opacity: 0.48;
}

.export-workbench-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 9px 20px;
  border-top: 1px solid #d7e2ef;
  background: #fbfdff;
  flex: 0 0 auto;
}

.export-workbench-footer > p {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.45;
}

.export-workbench-status {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
}

.export-workbench-status.is-complete::before {
  content: "✓";
  flex: 0 0 auto;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid var(--blue);
  border-radius: 50%;
  color: var(--blue);
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
}

.export-workbench-status > p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-rate-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--blue);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.export-workbench-status.is-complete .export-rate-link::before {
  content: "•";
  margin-right: 12px;
  color: var(--muted);
  text-decoration: none;
}

.export-rate-link:hover {
  text-decoration: underline;
}

.export-workbench-actions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 8px;
}

.export-workbench-actions .secondary,
.export-workbench-actions .pay-button {
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: 38px;
  padding-right: 18px;
  padding-left: 18px;
  white-space: nowrap;
}

.export-workbench-actions .pay-button {
  border-color: var(--color-brand-primary);
  background: var(--color-brand-primary);
  color: #fff;
}

.export-workbench-actions #downloadButton:not(:disabled) {
  border-color: var(--color-brand-primary);
  background: var(--color-brand-primary);
  color: #fff;
  transition: none;
}

.export-workbench-actions .pay-button:hover {
  border-color: var(--color-brand-primary-hover);
  background: var(--color-brand-primary-hover);
  color: #fff;
}

.export-workbench-actions .pay-button:disabled {
  border-color: var(--color-border-default);
  background: var(--color-surface-secondary);
  color: var(--color-text-muted);
}

#downloadView.active {
  min-height: 0;
}

#downloadView .download-process-panel {
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
  height: 100%;
  flex: 1 1 0;
  overflow: hidden;
  padding: var(--space-3);
}

#downloadView .download-process-panel[hidden],
#downloadView .download-ready-panel[hidden] {
  display: none;
}

#downloadView .download-ready-panel {
  min-height: 0;
  height: auto;
  flex: 0 0 auto;
  padding: 20px 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
}

#downloadView .download-ready-panel.is-background {
  height: auto;
  flex: 0 0 auto;
  min-height: clamp(170px, 24vh, 260px);
  border-left: 4px solid var(--brand);
}

#downloadView .download-ready-copy {
  display: grid;
  gap: 8px;
  max-width: 760px;
}

#downloadView .download-ready-copy strong {
  color: var(--brand);
  font-size: 1.08rem;
}

#downloadView .download-ready-copy p {
  margin: 0;
  color: var(--muted);
}

#downloadView .download-artifact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

#downloadView .download-artifact-actions[hidden] {
  display: none;
}

#downloadView .download-artifact-actions .secondary[hidden] {
  display: none;
}

@media (max-width: 1100px) {
  .export-workbench-footer {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .export-workbench-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .export-workbench-footer {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .export-workbench-actions {
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

@media (max-width: 760px) {
  #downloadView .download-ready-panel {
    grid-template-columns: 1fr;
    align-items: start;
  }

  #downloadView .download-artifact-actions {
    justify-content: flex-start;
  }
}

#downloadView .download-process-panel .export-progress {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto auto auto auto minmax(0, 1fr);
  gap: var(--space-2);
  overflow: hidden;
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
}

#downloadView .download-process-panel .export-progress-bar,
#downloadView .download-process-panel .export-progress-grid {
  margin-top: 0;
}

#exportProgressBar.is-indeterminate {
  width: 28%;
  animation: export-progress-indeterminate 1.2s ease-in-out infinite;
}

@keyframes export-progress-indeterminate {
  0% { transform: translateX(-110%); }
  55% { transform: translateX(165%); }
  100% { transform: translateX(360%); }
}

#downloadView .download-process-panel .export-progress-grid span {
  min-height: 38px;
}

#downloadView .download-process-panel .enrich-job-status {
  margin-top: 0;
}

#downloadView .download-process-panel .export-workbench {
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#downloadView .download-process-panel .export-work-table-wrap {
  min-height: 0;
  height: auto;
  flex: 1 1 auto;
  overflow: auto;
}

.payment-dialog-actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid var(--line);
}

@media (max-width: 760px) {
  .export-stage-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .export-stage-list li:nth-child(2) {
    border-right: 0;
  }

  .export-stage-list li:nth-child(-n + 2) {
    border-bottom: 1px solid #d7e2ef;
  }

  .export-workbench-footer {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .export-workbench-status {
    flex-wrap: wrap;
  }

  .export-workbench-actions {
    justify-content: flex-start;
  }

  .export-run-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .export-run-summary-status {
    align-items: flex-start;
  }

  .export-run-summary-status strong {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .export-run-filename {
    max-width: 100%;
  }

  .export-work-table-wrap {
    margin-right: 18px;
    margin-left: 18px;
  }
}

@media (max-width: 480px) {
  .export-workbench-head {
    gap: 8px;
    padding: 10px 14px;
  }

  .export-workbench-head strong,
  .export-workbench-head span {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .export-workbench-head strong {
    font-size: 16px;
  }

  .export-workbench-head span {
    font-size: 13px;
  }
}

.payment-dialog-actions .primary {
  margin-top: 0;
}

.feedback-dialog {
  position: fixed;
  inset: 0;
  z-index: 65;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(28, 36, 80, 0.16);
  backdrop-filter: blur(5px);
}

.feedback-dialog.open {
  display: grid;
}

.legal-dialog {
  position: fixed;
  inset: 0;
  z-index: 68;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(28, 36, 80, 0.18);
  backdrop-filter: blur(5px);
}

.legal-dialog.open {
  display: grid;
}

.legal-panel {
  width: min(620px, calc(100vw - 48px));
  max-height: min(760px, calc(100vh - 48px));
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 70px rgba(30, 45, 94, 0.22);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.legal-panel-wide {
  width: min(820px, calc(100vw - 48px));
}

.legal-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  padding: 16px 18px 14px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.legal-head span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.legal-head h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 22px;
  line-height: 1.18;
}

.legal-body {
  min-height: 0;
  overflow: auto;
  display: grid;
  gap: 14px;
  padding: 16px 20px 20px;
  color: var(--ink);
  line-height: 1.5;
}

.legal-body section {
  display: grid;
  gap: 6px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(39, 49, 148, 0.09);
}

.legal-body section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.legal-body h3 {
  margin: 0;
  color: var(--blue);
  font-size: 15px;
  line-height: 1.25;
}

.legal-body p {
  margin: 0;
  color: var(--ink);
  font-size: 13px;
}

.legal-body a {
  color: var(--blue);
  font-weight: 900;
}

.feedback-panel {
  width: min(430px, calc(100vw - 48px));
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 70px rgba(30, 45, 94, 0.22);
}

.feedback-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  padding: 16px 18px 14px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.feedback-head span,
.feedback-form span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.feedback-head h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 21px;
  line-height: 1.18;
}

.feedback-body {
  display: grid;
  gap: 12px;
  padding: 14px 18px 18px;
}

.feedback-rating {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.feedback-rating button {
  min-height: 56px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
  padding: 0 12px;
}

.feedback-rating button span {
  font-size: 18px;
  line-height: 1;
}

.feedback-rating button[aria-pressed="true"] {
  border-color: rgba(39, 49, 148, 0.45);
  background: rgba(39, 49, 148, 0.07);
  box-shadow: inset 0 -2px 0 var(--blue);
}

.feedback-form {
  display: grid;
  gap: 9px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.feedback-form[hidden] {
  display: none;
}

.feedback-form h3 {
  margin: 0;
  color: var(--blue);
  font-size: 15px;
  line-height: 1.2;
}

.feedback-form label {
  display: grid;
  gap: 5px;
}

.feedback-form textarea,
.feedback-form input {
  width: 100%;
  border: 1px solid var(--line);
  background: #fbfdff;
  color: var(--ink);
  padding: 8px 10px;
  font: inherit;
}

.feedback-form textarea {
  min-height: 78px;
  resize: vertical;
}

.feedback-form textarea:focus,
.feedback-form input:focus {
  outline: 2px solid rgba(39, 49, 148, 0.16);
  border-color: var(--blue);
  background: #fff;
}

.feedback-form .primary {
  justify-self: stretch;
  margin-top: 0;
  min-height: 38px;
  min-width: 0;
}
/* Optional evidence choices belong to the finished output, not a new workflow stage. */
.export-work-table td.is-uncertain { background: #fff7e5; padding: 0; }
.output-choice-cell { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; width: 100%; min-height: 56px; padding: 16px 18px; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer; }
.output-choice-cell:focus-visible { outline: 2px solid #294e8f; outline-offset: -3px; }
.output-choice-marker { flex: 0 0 20px; width: 20px; height: 20px; text-align: center; border: 1px solid #b77b15; border-radius: 50%; color: #83560b; font-weight: 800; }
.output-choice-dialog { width: min(620px, calc(100vw - 32px)); max-height: calc(100vh - 48px); padding: 28px; border: 1px solid #d7e1f0; border-radius: 18px; color: #294e8f; background: white; box-shadow: 0 18px 60px #15284733; }
.output-choice-dialog::backdrop { background: #15284766; }
.output-choice-dialog h2 { margin: 0 0 8px; font-size: 24px; overflow-wrap: anywhere; }
.output-choice-dialog p { color: #64748b; }
.output-choice-dialog .output-choice-help { font-size: 14px; line-height: 1.5; }
.output-choice-options { display: grid; gap: 10px; }
.output-choice-option { display: flex; gap: 12px; padding: 14px; border: 1px solid #d7e1f0; border-radius: 10px; cursor: pointer; }
.output-choice-option:has(input:checked) { border-color: #294e8f; background: #f4f7fc; }
.output-choice-option input { width: 18px; height: 18px; flex: 0 0 18px; margin: 3px 0 0; accent-color: #294e8f; }
.output-choice-option > span { min-width: 0; overflow-wrap: anywhere; }
.output-choice-option small, .output-choice-tags { display: block; margin-top: 7px; font-size: 13px; line-height: 1.5; color: #64748b; }
.output-choice-tags { color: #83560b; font-weight: 700; }
.output-choice-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; margin-top: 18px; }
.output-choice-actions button { width: auto; min-width: 90px; padding: 12px 16px; }

/* AIQA bundle source: styles_dialogs_legal_payment.css */
.feedback-status {
  min-height: 0;
  margin: 0;
  color: var(--blue);
  font-weight: 800;
  line-height: 1.35;
}

.cleaning-request-dialog,
.quality-request-dialog,
.register-request-dialog,
.guest-enrich-dialog {
  position: fixed;
  inset: 0;
  z-index: 66;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(28, 36, 80, 0.16);
  backdrop-filter: blur(5px);
}

.cleaning-request-dialog.open,
.quality-request-dialog.open,
.register-request-dialog.open,
.guest-enrich-dialog.open {
  display: grid;
}

.cleaning-request-panel,
.quality-request-panel,
.register-request-panel,
.guest-enrich-panel {
  width: min(460px, calc(100vw - 48px));
  border: 1px solid rgba(39, 49, 148, 0.2);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 24px 70px rgba(30, 45, 94, 0.22);
}

.cleaning-request-head,
.quality-request-head,
.register-request-head,
.guest-enrich-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 16px;
  padding: 16px 18px 14px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
}

.cleaning-request-head span,
.cleaning-request-body label > span,
.quality-request-head span,
.quality-request-body label > span,
.register-request-head span,
.register-request-body label > span,
.guest-enrich-head span {
  color: var(--coral);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.cleaning-request-head h2,
.quality-request-head h2,
.register-request-head h2,
.guest-enrich-head h2 {
  margin: 4px 0 0;
  color: var(--blue);
  font-size: 21px;
  line-height: 1.18;
}

.cleaning-request-body,
.quality-request-body,
.register-request-body,
.guest-enrich-body {
  display: grid;
  gap: 10px;
  padding: 14px 18px;
}

.guest-enrich-body p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.cleaning-request-body label,
.quality-request-body label,
.register-request-body label {
  display: grid;
  gap: 5px;
}

.cleaning-request-body textarea,
.cleaning-request-body input,
.quality-request-body textarea,
.quality-request-body input,
.register-request-body textarea,
.register-request-body input {
  width: 100%;
  border: 1px solid var(--line);
  background: #fbfdff;
  color: var(--ink);
  padding: 8px 10px;
  font: inherit;
}

.cleaning-request-body textarea,
.quality-request-body textarea,
.register-request-body textarea {
  min-height: 96px;
  resize: vertical;
}

.cleaning-request-body textarea:focus,
.cleaning-request-body input:focus,
.quality-request-body textarea:focus,
.quality-request-body input:focus,
.register-request-body textarea:focus,
.register-request-body input:focus {
  outline: 2px solid rgba(39, 49, 148, 0.16);
  border-color: var(--blue);
  background: #fff;
}

.cleaning-request-status,
.quality-request-status,
.register-request-status {
  min-height: 18px;
  margin: 0;
  color: var(--blue);
  font-weight: 800;
  line-height: 1.35;
}

.cleaning-request-actions,
.quality-request-actions,
.register-request-actions,
.guest-enrich-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
  padding: 14px 18px 18px;
  border-top: 1px solid var(--line);
}

.cleaning-request-actions .primary,
.cleaning-request-actions .secondary,
.quality-request-actions .primary,
.quality-request-actions .secondary,
.register-request-actions .primary,
.register-request-actions .secondary,
.guest-enrich-actions .primary,
.guest-enrich-actions .secondary {
  width: 100%;
  min-height: 38px;
  margin-top: 0;
}

@media (max-width: 980px) {
  .app,
  .app.sidebar-collapsed {
    grid-template-columns: 1fr;
  }
  .side {
    grid-template-rows: auto auto;
    gap: 20px;
  }
  .sidebar-toggle { display: none; }
  .steps { grid-template-columns: repeat(6, 1fr); }
  .step {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .workspace { padding: 24px; }
  .account-strip {
    top: 16px;
    right: 16px;
    left: auto;
  }
  .account-button {
    width: 136px;
    min-width: 136px;
  }
  .workspace-card { min-height: auto; }
  .header { flex-direction: column; }
  .cards.three,
  .fix-grid,
  .download-layout.active,
  .preview-panel,
  .enrich-workspace,
  .account-layout,
  .account-grid,
  .account-setup,
  .account-form,
  .account-hero {
    grid-template-columns: 1fr;
  }
  .account-dashboard-card {
    overflow: visible;
  }
  .account-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-dashboard-head {
    grid-template-columns: 1fr;
  }
  .account-mini-total {
    text-align: left;
  }
  .account-actions {
    min-width: 0;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .steps { grid-template-columns: 1fr; }
  h1 { font-size: 28px; }
  .upload-intake-layout {
    grid-template-columns: 1fr;
    padding: var(--space-2);
  }
  .dropzone { min-height: 300px; }
  .upload-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .upload-summary {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
  .upload-buttons,
  .continue-button {
    width: 100%;
  }
  .crm-connectors {
    grid-template-columns: 1fr;
  }
  .crm-connectors-label {
    grid-column: auto;
  }
  .crm-connected-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .crm-setup-panel,
  .crm-request-panel {
    --crm-floating-top-clearance: 124px;
    --crm-floating-edge-clearance: 14px;
    width: calc(100vw - 28px);
  }
  .option-card { grid-template-columns: 34px 1fr; }
  .option-card b { grid-column: 2; }
  .enrich-footer { grid-template-columns: 1fr; }
  .account-dialog {
    padding: 14px;
  }
  .account-panel {
    width: calc(100vw - 28px);
    max-height: calc(100vh - 28px);
  }
  .account-actions {
    grid-template-columns: 1fr;
  }
  .account-metrics {
    grid-template-columns: 1fr;
  }
  .legal-panel,
  .legal-panel-wide {
    width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
  }
}

/* AIQA bundle source: styles_design_system_overrides.css */
/* AIQA Apple-inspired enterprise design system overrides */
button,
input,
textarea,
select {
  font: inherit;
}

button {
  border-radius: var(--radius-md);
}

button,
.step,
.account-button,
.primary,
.secondary,
.pay-button,
.method,
.file-card,
.option-card,
.feedback-rating button {
  transition:
    background-color 160ms ease-out,
    border-color 160ms ease-out,
    color 160ms ease-out,
    box-shadow 180ms ease-out,
    transform 160ms ease-out;
}

button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--color-focus-ring);
  outline-offset: 2px;
}

.app {
  grid-template-columns: var(--layout-sidebar-width) minmax(0, 1fr);
}

.app.sidebar-collapsed {
  grid-template-columns: var(--layout-sidebar-collapsed) minmax(0, 1fr);
}

.side {
  background: rgba(255, 255, 255, 0.9);
  border-right: 1px solid var(--color-border-default);
  box-shadow: inset -1px 0 0 var(--color-border-subtle);
}

.sidebar-toggle,
.account-button,
.step,
.quality-card,
.workspace-card,
.card,
.panel,
.account-access-card,
.account-dashboard-card,
.account-metric,
.account-table-panel,
.payment-panel,
.feedback-panel,
.option-card,
.method,
.selected-method,
.payment-dialog-total,
.file-card,
.download-badge {
  border-color: var(--color-border-default);
}

.sidebar-toggle {
  border-radius: var(--radius-md);
  background: var(--color-surface-elevated);
  color: var(--color-brand-primary);
  box-shadow: var(--shadow-sm);
}

.brand p,
.header h1,
.panel-head h2,
.account-dialog-head h2,
.payment-dialog-head h2,
.feedback-head h2,
.account-access-card h3,
.account-dashboard-head h3 {
  color: var(--color-brand-primary);
}

.step {
  min-height: 48px;
  border-radius: var(--radius-md);
  color: var(--color-text-secondary);
}

.step span {
  border-radius: var(--radius-sm);
  border-color: var(--color-border-default);
  background: var(--color-surface-secondary);
}

.step.active,
.step:hover {
  color: var(--color-brand-primary);
  border-color: rgba(36, 70, 133, 0.22);
  background: var(--color-brand-primary-soft);
}

.step.done span {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.quality-card,
.workspace-card,
.card,
.panel,
.account-access-card,
.account-dashboard-card,
.account-metric,
.account-table-panel {
  background: var(--color-surface-panel);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.workspace {
  background: transparent;
  gap: clamp(var(--space-2), 1.6vh, var(--space-5));
  padding: var(--layout-shell-gutter-block) var(--layout-shell-gutter-inline);
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: stretch;
  min-height: calc(100svh - var(--layout-footer-height));
}

.workspace-card {
  width: var(--layout-card-width);
  height: 100%;
  min-height: 0;
  padding: clamp(24px, 2.4vw, 32px);
  box-shadow: var(--shadow-md);
  flex: 1 1 auto;
  overflow: hidden;
}

.header {
  margin-bottom: var(--space-5);
}

.header h1 {
  font-size: clamp(26px, 2.1vw, 32px);
}

.workspace-heading {
  width: var(--layout-card-width);
  position: relative;
  min-height: 54px;
  display: grid;
  grid-template-columns: minmax(136px, 1fr) auto minmax(136px, 1fr);
  align-items: center;
  text-align: center;
}

.workspace-wordmark {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  line-height: 1;
  padding: 5px 18px 10px 14px;
  isolation: isolate;
  grid-column: 2;
  justify-self: center;
}

.workspace-wordmark::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 4%;
  bottom: 0;
  height: 4px;
  border-radius: 999px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(35, 73, 134, 0), rgba(220, 112, 112, 0.58) 38%, rgba(35, 73, 134, 0.82) 84%, rgba(35, 73, 134, 0) 84%),
    linear-gradient(90deg, transparent 0 84%, rgba(35, 73, 134, 0.82) 84% 100%);
  clip-path: polygon(0 34%, 86% 34%, 100% 50%, 86% 66%, 0 66%);
  transform: translateX(-2px) skewX(-18deg);
  animation: wordmark-glide 4.8s ease-in-out infinite;
}

.workspace-wordmark-logo {
  display: block;
  width: clamp(92px, 8.5vw, 128px);
  height: auto;
  filter: drop-shadow(0 8px 14px rgba(35, 73, 134, 0.1));
}

.workspace-wordmark-go {
  color: var(--coral);
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0;
  transform: translate(-2px, -1px) skewX(-7deg);
}

.language-switcher {
  position: static;
  grid-column: 1;
  justify-self: start;
  transform: none;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 4px;
  border: 1px solid rgba(35, 73, 134, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 34px rgba(35, 73, 134, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.language-select {
  min-width: 140px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  padding: 0 28px 0 10px;
  color: var(--color-brand-primary);
  background: rgba(235, 243, 255, 0.92);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  outline: none;
  cursor: pointer;
}

.language-select:focus-visible {
  box-shadow: 0 0 0 3px rgba(35, 73, 134, 0.14);
}

.account-strip {
  position: static;
  inset: auto;
  width: auto;
  transform: none;
  justify-self: end;
  justify-items: end;
  pointer-events: auto;
}

.workspace-heading .account-strip {
  position: static;
  grid-column: 3;
  justify-self: end;
  transform: none;
}

@media (min-width: 1800px) and (min-height: 900px) {
  :root {
    --layout-workspace-max: 1220px;
  }

  .workspace {
    gap: var(--space-6);
    padding-inline: clamp(52px, 5vw, 96px);
  }
}

@media (min-width: 2400px) and (min-height: 1100px) {
  :root {
    --layout-workspace-max: 1420px;
  }

  .workspace-card {
    padding: clamp(32px, 1.6vw, 44px);
  }
}

@media (min-width: 3200px) and (min-height: 1200px) {
  :root {
    --layout-workspace-max: 1520px;
  }
}

.account-button {
  pointer-events: auto;
}

.header p,
.panel-head p,
.card p,
.feedback-status,
.account-copy small {
  color: var(--color-text-secondary);
}

.primary,
.secondary,
.pay-button {
  border-radius: var(--radius-md);
  min-height: 40px;
  font-weight: 750;
  letter-spacing: 0;
}

.primary {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: #ffffff;
}

.primary:hover,
.pay-button:hover {
  background: var(--color-brand-primary-hover);
  border-color: var(--color-brand-primary-hover);
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(36, 70, 133, 0.16);
}

.primary:active,
.pay-button:active {
  background: var(--color-brand-primary-active);
  border-color: var(--color-brand-primary-active);
  transform: translateY(1px);
}

.secondary {
  background: var(--color-surface-panel);
  border-color: rgba(36, 70, 133, 0.28);
  color: var(--color-brand-primary);
}

.secondary:hover {
  background: var(--color-brand-primary-soft);
  border-color: rgba(36, 70, 133, 0.38);
  color: var(--color-brand-primary);
}

.pay-button {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
  color: #ffffff;
}

.continue-button:disabled,
.primary:disabled,
.pay-button:disabled {
  background: var(--color-surface-secondary);
  border-color: var(--color-border-default);
  color: var(--color-text-muted);
  box-shadow: none;
}

.account-button {
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.94);
  color: var(--color-brand-primary);
  box-shadow: var(--shadow-sm);
}

.account-button:hover {
  background: var(--color-brand-primary-soft);
  border-color: rgba(36, 70, 133, 0.32);
}

.account-avatar {
  border-radius: var(--radius-sm);
  border-color: rgba(36, 70, 133, 0.22);
  background: var(--color-brand-primary-soft);
  color: var(--color-brand-primary);
}

.dropzone {
  width: 100%;
  min-height: clamp(300px, 42vh, 340px);
  border-color: rgba(36, 70, 133, 0.28);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 50% 6%, rgba(220, 115, 112, 0.08), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 253, 255, 0.9));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.82);
}

.upload-actions {
  width: 100%;
  gap: var(--space-4);
  border-color: rgba(36, 70, 133, 0.12);
  border-radius: 0;
  padding: 10px 0 0;
  background: transparent;
}

.formats {
  margin-top: var(--space-2);
}

.formats span {
  border-radius: var(--radius-sm);
}

.dropzone.dragging,
.file-card:hover,
.option-card:hover,
.method:hover,
.feedback-rating button:hover {
  border-color: rgba(36, 70, 133, 0.35);
  background: var(--color-brand-primary-soft);
}

.file-card {
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
}

#checkView .panel,
#cleanView .panel,
.enrich-panel,
.preview-panel {
  min-height: 0;
}

.panel-head {
  padding: var(--space-4);
}

.view-actions {
  margin-top: 0;
}

.preview-panel {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
}

.workspace-card:has(#downloadView.active) .header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  margin-bottom: 18px;
}

.workspace-card:has(#downloadView.active) .header > div {
  min-width: 0;
}

#downloadView.active {
  overflow: hidden;
  gap: var(--space-3);
}

.download-layout .preview-panel {
  border: 1px solid var(--color-border-default);
  background: var(--color-surface-panel);
  box-shadow: var(--shadow-sm);
  padding: var(--space-3);
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  align-items: stretch;
  flex: 1 1 0;
  height: auto;
  min-height: 0;
  margin: 0;
}

.preview-lockup {
  min-height: 0;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  box-shadow: none;
  overflow: hidden;
}

.preview-lockup {
  isolation: isolate;
  height: 100%;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
}

.preview-table-wrap {
  min-height: 0;
  height: 100%;
  background: var(--color-surface-panel);
}

.download-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  justify-content: stretch;
  align-items: center;
  padding-top: 0;
}

.checkout-action-status {
  min-width: 0;
  margin: 0;
  color: var(--color-text-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.checkout-action-status[data-tone="error"] {
  color: var(--color-status-danger, #a23838);
}

.download-actions .pay-button {
  width: 150px;
  min-width: 150px;
  height: 40px;
  justify-self: end;
  padding: 0 18px;
}

.type-pill,
.status-pill,
.download-badge,
.summary-pill {
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary-soft);
  border-color: rgba(36, 70, 133, 0.18);
  color: var(--color-brand-primary);
}

.feedback-rating button[aria-pressed="true"],
.method.selected {
  background: var(--color-brand-primary-selected);
  border-color: rgba(36, 70, 133, 0.42);
  color: var(--color-brand-primary);
  box-shadow: inset 0 -2px 0 var(--color-brand-primary);
}

.account-kicker,
.account-dashboard-head span,
.account-mini-total span,
.account-metric span,
.account-dialog-head span,
.account-hero span,
.account-card span,
.payment-dialog-head span,
.feedback-head span,
.feedback-form span,
.summary-pill span,
.option-meta span,
.card span,
.quality-card span {
  color: var(--color-text-muted);
}

.account-dialog-head .account-dialog-identity {
  color: var(--color-attention);
}

.step.active span,
.quality-card.attention span,
.file-status.attention,
.needs-review,
.status.warn {
  color: var(--color-attention);
}

input,
textarea,
.account-form input,
.feedback-form textarea,
.feedback-form input {
  border-radius: var(--radius-sm);
  border-color: var(--color-border-default);
  background: var(--color-surface-secondary);
  color: var(--color-text-primary);
}

input:focus,
textarea:focus,
.feedback-form textarea:focus,
.feedback-form input:focus {
  border-color: var(--color-brand-primary);
  background: var(--color-surface-panel);
  outline: 3px solid var(--color-focus-ring);
  outline-offset: 0;
}

.data-table,
.preview-table,
.account-run-table {
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
}

.data-table th,
.preview-table th,
.account-run-table th {
  background: var(--color-surface-secondary);
  color: var(--color-brand-primary);
  border-bottom: 1px solid var(--color-border-default);
}

.data-table td,
.preview-table td,
.account-run-table td {
  border-bottom: 1px solid var(--color-border-subtle);
  color: var(--color-text-primary);
}

.data-table tr:hover td,
.preview-table tr:hover td,
.account-run-table tr:hover td {
  background: var(--color-brand-primary-soft);
}

.status.good,
.mapped {
  color: var(--color-status-success);
}

.status.warn,
.needs-review {
  color: var(--color-status-warning);
}

.status.error,
.unmapped {
  color: var(--color-status-error);
}

.account-dialog,
.payment-dialog,
.feedback-dialog,
.legal-dialog,
.bug-dialog,
.guest-enrich-dialog {
  background: rgba(15, 23, 42, 0.18);
  backdrop-filter: blur(12px);
}

.account-panel,
.payment-panel,
.feedback-panel,
.legal-panel,
.bug-panel,
.guest-enrich-panel {
  border-radius: var(--radius-xl);
  border-color: var(--color-border-default);
  background: var(--color-surface-elevated);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

.account-dialog-head,
.payment-dialog-head,
.feedback-head,
.legal-head,
.bug-head,
.guest-enrich-head,
.account-body {
  background: var(--color-surface-panel);
}

.guest-enrich-dialog {
  z-index: 70;
  padding: var(--space-5);
  background: rgba(245, 247, 250, 0.58);
  backdrop-filter: blur(18px) saturate(1.12);
}

.guest-enrich-panel {
  position: relative;
  width: min(430px, calc(100vw - 40px));
  border: 1px solid rgba(255, 255, 255, 0.74);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 26px 76px rgba(36, 70, 133, 0.18), 0 2px 16px rgba(15, 23, 42, 0.06);
}

.guest-enrich-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  pointer-events: none;
}

.guest-enrich-head {
  position: relative;
  z-index: 1;
  align-items: flex-start;
  padding: 20px 20px 10px;
  border-bottom: 0;
  background: transparent;
}

.guest-enrich-head > div {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.guest-enrich-head span {
  justify-self: start;
  max-width: 100%;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--color-brand-secondary-soft);
  color: var(--color-brand-secondary);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.guest-enrich-head h2 {
  margin: 0;
  color: var(--color-brand-primary);
  font-size: 22px;
  line-height: 1.14;
  letter-spacing: 0;
}

.guest-enrich-head .icon-button {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border-color: rgba(36, 70, 133, 0.16);
  background: rgba(255, 255, 255, 0.76);
  box-shadow: var(--shadow-sm);
}

.guest-enrich-head .icon-button:hover,
.guest-enrich-head .icon-button:focus-visible {
  border-color: rgba(36, 70, 133, 0.3);
  background: var(--color-brand-primary-soft);
}

.guest-enrich-body {
  position: relative;
  z-index: 1;
  padding: 6px 20px 16px;
  background: transparent;
}

.guest-enrich-body p {
  padding: 14px 15px;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.72);
  color: var(--color-text-secondary);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
  font-size: var(--font-size-sm);
  font-weight: 650;
  line-height: 1.45;
}

.guest-enrich-actions {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 10px;
  padding: 0 20px 20px;
  border-top: 0;
}

.guest-enrich-actions .primary,
.guest-enrich-actions .secondary {
  min-width: 0;
  min-height: 42px;
  border-radius: 12px;
}

.guest-enrich-actions .primary {
  box-shadow: 0 12px 24px rgba(36, 70, 133, 0.18);
}

.guest-enrich-actions .secondary {
  background: rgba(255, 255, 255, 0.76);
}

@media (max-width: 520px) {
  .guest-enrich-dialog {
    padding: var(--space-4);
  }

  .guest-enrich-actions {
    grid-template-columns: 1fr;
  }
}

/* AIQA bundle source: styles_account_dashboard.css */
.account-panel {
  width: min(880px, calc(100vw - 56px));
  height: min(620px, calc(100vh - 56px));
}

.account-body {
  padding: var(--space-4);
}

.account-layout {
  grid-template-columns: 280px minmax(0, 1fr);
  gap: var(--space-4);
}

.account-panel[data-account-mode="admin"] .account-layout {
  grid-template-columns: minmax(0, 1fr);
}

.account-panel[data-account-mode="admin"] .account-access-card {
  display: none;
}

.account-panel[data-account-mode="guest"] {
  width: min(460px, calc(100vw - 56px));
  height: auto;
}

.account-panel[data-account-mode="guest"] .account-layout {
  grid-template-columns: minmax(0, 1fr);
}

.account-panel[data-auth-mode="login"] {
  width: min(880px, 100%);
  height: auto;
  min-height: 0;
  max-height: min(760px, 100%);
  border-radius: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.account-panel[data-auth-mode="login"] .account-dialog-head {
  align-items: start;
  padding:
    clamp(24px, 3vw, 34px)
    clamp(24px, 4vw, 38px)
    clamp(16px, 2.4vw, 22px);
  border-bottom: 0;
  background: transparent;
}

.account-panel[data-auth-mode="login"] .account-dialog-head h2 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(28px, 3vw, 31px);
  line-height: 1.1;
}

.account-panel[data-auth-mode="login"] .account-dialog-lead {
  display: block;
  max-width: 640px;
  font-size: 16px;
  line-height: 1.45;
  white-space: normal;
}

.account-panel[data-auth-mode="login"] #accountClose {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.82);
  color: var(--color-text-secondary);
  box-shadow: 0 10px 24px rgba(30, 45, 94, 0.08);
}

.account-panel[data-auth-mode="login"] #accountClose svg {
  width: 22px;
  height: 22px;
}

.account-panel[data-auth-mode="login"] .account-body {
  padding:
    0
    clamp(24px, 4vw, 38px)
    clamp(24px, 3.6vw, 36px);
  background: transparent;
}

.account-panel[data-auth-mode="login"] .account-layout {
  display: block;
}

.account-panel[data-auth-mode="login"] .account-access-card {
  grid-template-rows: auto auto auto auto;
  align-content: start;
  gap: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.account-panel[data-auth-mode="login"] .account-access-intro {
  display: none;
}

.account-panel[data-auth-mode="login"] .account-form {
  order: 1;
  gap: 16px;
}

.account-panel[data-auth-mode="login"] .account-owner-section {
  gap: 17px;
}

.account-panel[data-auth-mode="login"] .account-form label {
  gap: 8px;
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 660;
  text-transform: none;
}

.account-panel[data-auth-mode="login"] .account-form.account-form-stacked input {
  min-height: 56px;
  border-color: rgba(119, 131, 153, 0.26);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--color-text-primary);
  padding: 0 16px;
  font-size: 17px;
  font-weight: 500;
}

.account-panel[data-auth-mode="login"] .account-form.account-form-stacked input::placeholder {
  color: rgba(86, 97, 118, 0.62);
}

.account-panel[data-auth-mode="login"] .account-password-control {
  grid-template-columns: minmax(0, 1fr) 56px;
}

.account-panel[data-auth-mode="login"] .account-form.account-form-stacked .account-password-control input {
  border-radius: 10px 0 0 10px;
}

.account-panel[data-auth-mode="login"] .account-password-control button {
  width: 56px;
  border: 1px solid rgba(119, 131, 153, 0.26);
  border-left: 0;
  border-radius: 0 10px 10px 0;
  background: rgba(255, 255, 255, 0.84);
  color: transparent;
  font-size: 0;
  position: relative;
}

.account-panel[data-auth-mode="login"] .account-password-control button::before {
  content: "";
  width: 24px;
  height: 24px;
  border: 0;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6b82' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.4-6 9.5-6 9.5 6 9.5 6-3.4 6-9.5 6-9.5-6-9.5-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3C/svg%3E")
    center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.account-panel[data-auth-mode="login"] .account-password-control button::after {
  content: none;
}

.account-panel[data-auth-mode="login"] .account-actions {
  order: 2;
}

.account-panel[data-auth-mode="login"] .account-api-registration {
  order: 3;
}

.account-panel[data-auth-mode="login"] .account-mode-list {
  order: 4;
}

.account-panel[data-account-mode="guest"] .account-dashboard-card,
.account-panel[data-auth-mode="login"] .account-dashboard-card,
.account-panel[data-auth-mode="register"] .account-dashboard-card,
.account-panel[data-auth-mode="reset"] .account-dashboard-card {
  display: none;
}

.account-panel[data-account-mode="user"] {
  width: min(1080px, calc(100vw - 56px));
  height: min(720px, calc(100vh - 56px));
}

.account-panel[data-account-mode="user"] .account-body {
  overflow-y: auto;
}

.account-panel[data-account-mode="user"] .account-layout {
  grid-template-columns: minmax(360px, 0.95fr) minmax(360px, 1fr);
  gap: 14px;
  height: auto;
  min-height: 100%;
  align-items: start;
}

.account-panel[data-account-mode="user"] .account-access-card {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  gap: 10px;
  overflow: visible;
  padding: 16px;
  scrollbar-gutter: auto;
}

.account-panel[data-account-mode="user"] .account-access-intro {
  display: none;
}

.account-panel[data-account-mode="user"] .account-form {
  display: none;
}

.account-panel[data-account-mode="user"] .account-mode-list,
.account-panel[data-account-mode="user"] .hubspot-connect-card {
  display: none;
}

.account-panel[data-account-mode="user"] .account-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
}

.account-panel[data-account-mode="user"] .account-actions .primary,
.account-panel[data-account-mode="user"] .account-actions .secondary {
  width: auto;
  min-width: 86px;
  height: 36px;
  min-height: 36px;
  padding: 0 14px;
  font-size: 12px;
}

.account-panel[data-account-mode="user"] .account-dashboard-card {
  grid-template-rows: auto minmax(0, 1fr) auto;
  padding: 16px;
  gap: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
}

.account-panel[data-account-mode="user"] .account-dashboard-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(36, 70, 133, 0.1);
}

.account-panel[data-account-mode="user"] .account-dashboard-head h3 {
  margin: 0;
  font-size: 18px;
}

.account-panel[data-account-mode="user"] .account-mini-total {
  min-width: 86px;
  min-height: 36px;
  display: grid;
  align-content: center;
  justify-items: end;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-sm);
  background: #ffffff;
  padding: 5px 9px;
}

.account-panel[data-account-mode="user"] .account-mini-total span {
  color: var(--color-text-muted);
  font-size: 9px;
  line-height: 1.1;
}

.account-panel[data-account-mode="user"] .account-mini-total strong {
  margin-top: 2px;
  color: var(--color-brand-primary);
  font-size: 13px;
  line-height: 1.1;
}

.account-panel[data-account-mode="user"] .account-latest-run {
  display: none;
}

.account-panel[data-account-mode="user"] .account-table-panel {
  border: 1px solid rgba(36, 70, 133, 0.1);
  border-radius: var(--radius-md);
  background: #ffffff;
  box-shadow: none;
  min-height: 0;
  height: auto;
  overflow: hidden;
}

.account-panel[data-account-mode="user"] .account-table-wrap {
  min-height: 0;
  height: 100%;
  max-height: none;
  padding: 8px;
  overflow: hidden;
}

.account-panel[data-account-mode="user"] .account-table {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  border-collapse: separate;
  border-spacing: 0;
}

.account-panel[data-account-mode="user"] .account-table thead,
.account-panel[data-account-mode="user"] .account-table tbody,
.account-panel[data-account-mode="user"] .account-table tr {
  display: block;
}

.account-panel[data-account-mode="user"] .account-table thead {
  display: none;
}

.account-panel[data-account-mode="user"] .account-table thead tr,
.account-panel[data-account-mode="user"] .account-table tbody tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 112px;
  align-items: center;
}

.account-panel[data-account-mode="user"] .account-table tbody {
  min-height: 0;
  max-height: 418px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
  scroll-snap-type: y mandatory;
}

.account-panel[data-account-mode="user"] .account-table tbody tr {
  min-height: 38px;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.account-panel[data-account-mode="user"] .account-table th {
  background: #f8fbff;
  border: 0;
  border-bottom: 1px solid rgba(36, 70, 133, 0.1);
  padding: 7px 10px;
  font-size: 10px;
  position: static;
  width: auto;
}

.account-panel[data-account-mode="user"] .account-table td {
  border-top: 1px solid rgba(36, 70, 133, 0.08);
  background: #fff;
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 800;
  width: auto;
  min-width: 0;
}

.account-panel[data-account-mode="user"] .account-table tbody tr td:first-child {
  border-left: 0;
  border-radius: 0;
}

.account-panel[data-account-mode="user"] .account-table tbody tr td:last-child {
  border-right: 0;
  border-radius: 0;
  color: var(--color-text-secondary);
  text-align: right;
}

.account-panel[data-account-mode="user"] .account-table tbody tr td {
  border-bottom: 0;
}

.account-panel[data-account-mode="user"] .account-table tbody tr:first-child td {
  border-top: 0;
  background: rgba(36, 70, 133, 0.055);
  color: var(--color-brand-primary);
}

.account-panel[data-account-mode="user"] .account-metrics {
  gap: 8px;
}

.account-panel[data-account-mode="user"] .account-metric {
  min-height: 50px;
  border-radius: var(--radius-md);
  padding: 8px 10px;
}

.account-dashboard-card[hidden] {
  display: none;
}

.account-access-card {
  padding: var(--space-4);
  gap: var(--space-4);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.92));
}

.account-access-intro {
  display: grid;
  gap: 5px;
}

.account-access-intro p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.account-session-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
  padding: var(--space-3);
}

.account-session-card[hidden] {
  display: none;
}

.account-session-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--color-brand-primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 900;
}

.account-session-avatar.has-photo {
  background-position: center;
  background-size: cover;
  color: transparent;
  overflow: hidden;
}

.account-session-card span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-session-card strong {
  display: block;
  color: var(--color-brand-primary);
  font-size: 14px;
  line-height: 1.2;
}

.account-session-card p {
  margin: 2px 0 0;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 800;
}

.account-settings {
  display: grid;
  gap: 10px;
  min-height: 0;
  overflow-y: auto;
  padding-right: 0;
}

.account-panel[data-account-mode="user"] .account-settings {
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 10px;
  overflow: visible;
  scrollbar-gutter: auto;
}

.account-settings[hidden] {
  display: none;
}

.account-settings-card {
  display: grid;
  gap: 9px;
  padding: 13px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
}

.account-management-card {
  align-content: start;
  gap: 9px;
  padding: 12px;
}

.account-settings-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
}

.account-settings-head span,
.account-settings-card label > span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-settings-head strong {
  color: var(--color-brand-primary);
  font-size: 13px;
  font-weight: 900;
}

.account-settings-card label {
  display: grid;
  gap: 4px;
}

.account-settings-card input {
  width: 100%;
  min-width: 0;
  height: 36px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
  color: var(--color-text-primary);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
}

.account-settings-readonly input[readonly] {
  background: #ffffff;
  color: var(--color-text-strong);
  cursor: default;
}

.account-identity-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.account-identity-pills span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  padding: 0 8px;
  border: 1px solid rgba(36, 70, 133, 0.13);
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.055);
  color: var(--color-brand-primary);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.account-identity-pills span.is-muted {
  background: rgba(119, 131, 153, 0.08);
  color: var(--color-text-muted);
}

.account-settings-subhead {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.account-settings-subhead strong {
  color: var(--color-brand-primary);
  font-size: 12px;
  font-weight: 900;
}

.account-settings-subhead p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 760;
  line-height: 1.35;
}

.account-settings-card > button.secondary.compact {
  justify-self: end;
  width: auto;
  min-width: 136px;
  height: 34px;
  min-height: 34px;
  padding: 0 14px;
  font-size: 12px;
}

.account-settings-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-settings-company-field[hidden],
.account-settings-vat-field[hidden] {
  display: none;
}

.account-source-row,
.account-payment-row {
  height: 56px;
  min-height: 56px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  padding: 8px 10px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
}

.account-crm-list {
  max-height: 132px;
  min-height: 132px;
  display: grid;
  align-content: start;
  gap: 6px;
  overflow-y: auto;
  padding-right: 0;
  scrollbar-gutter: auto;
  scroll-snap-type: y mandatory;
}

.account-crm-list .account-source-row {
  height: 40px;
  min-height: 40px;
  padding: 5px 7px;
  scroll-snap-align: start;
}

.account-crm-list .account-row-main {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
}

.account-crm-list .account-row-main .crm-logo {
  width: 22px;
  height: 22px;
  min-height: 22px;
}

.account-crm-list .account-row-main strong {
  font-size: 11.5px;
}

.account-crm-list .account-source-row small {
  font-size: 10px;
}

.account-source-actions {
  display: grid;
  grid-template-columns: 82px;
  align-items: center;
  justify-content: end;
}

.account-source-actions .secondary.compact {
  min-width: 82px;
  width: 82px;
  height: 28px;
  min-height: 28px;
  padding: 0 10px;
  font-size: 10.5px;
}

.account-payment-row {
  height: 121px;
  min-height: 121px;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: 12px;
  padding: 12px;
}

.account-payment-copy {
  min-width: 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.account-payment-copy > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.account-payment-copy strong {
  overflow: hidden;
  color: var(--color-text-primary);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-payment-copy small {
  color: var(--color-text-muted);
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1.2;
}

.account-row-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.account-row-main .crm-logo {
  width: 28px;
  height: 28px;
  min-height: 28px;
  justify-content: center;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-sm);
  background: #ffffff;
  font-size: 0;
}

.account-row-main .crm-logo::before {
  width: 8px;
  height: 8px;
  margin-right: 0;
}

.account-row-main > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.account-row-main strong {
  overflow: hidden;
  color: var(--color-text-primary);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-row-main small,
.account-source-row small {
  color: var(--color-text-muted);
  font-size: 10.5px;
  font-weight: 900;
  line-height: 1.2;
}

.account-source-row .secondary.compact,
.account-payment-row .secondary.compact {
  width: auto;
  min-width: 82px;
  height: 30px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 11px;
}

.account-payment-row .secondary.compact {
  width: 100%;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  justify-self: stretch;
  font-size: 11.5px;
}

.account-status-pill {
  min-width: 64px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(36, 70, 133, 0.14);
  border-radius: var(--radius-sm);
  background: #ffffff;
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
}

.account-status-pill.is-connected {
  border-color: rgba(29, 114, 82, 0.22);
  background: rgba(236, 253, 245, 0.74);
  color: var(--color-status-success);
}

.account-card-brand {
  width: 42px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

.account-card-brand.is-empty {
  border: 1px solid rgba(36, 70, 133, 0.18);
  background: #ffffff;
  color: var(--color-brand-primary);
}

.account-panel[data-account-mode="user"] .account-settings-card:first-child {
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 12px;
  row-gap: 10px;
  align-items: start;
}

.account-panel[data-account-mode="user"] .account-settings-card:first-child .account-settings-head,
.account-panel[data-account-mode="user"] .account-settings-card:first-child .account-settings-subhead,
.account-panel[data-account-mode="user"] .account-settings-card:first-child .account-settings-vat-field,
.account-panel[data-account-mode="user"] .account-settings-card:first-child > button.secondary.compact {
  grid-column: 1 / -1;
}

.account-panel[data-account-mode="user"] .account-settings-card:first-child .account-settings-inline {
  grid-column: 1 / -1;
}

.account-panel[data-account-mode="user"] .account-management-card {
  grid-column: 1 / -1;
}

.account-panel[data-account-mode="user"] .account-payment-row {
  height: 70px;
  min-height: 70px;
  grid-template-columns: minmax(0, 1fr) 136px;
  align-items: center;
  gap: var(--space-3);
  padding: 10px 12px;
}

.account-panel[data-account-mode="user"] .account-payment-row .secondary.compact {
  width: 136px;
  justify-self: end;
}

.account-panel[data-account-mode="admin"] .account-form,
.account-panel[data-account-mode="admin"] #accountCreate {
  display: none;
}

/* AIQA bundle source: styles_account_login_sso.css */
.account-panel[data-account-mode="admin"] .account-actions {
  grid-template-columns: minmax(0, 1fr);
}

.account-form-stacked {
  gap: var(--space-2);
}

.account-api-registration {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
}

.account-api-registration button {
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  color: var(--color-brand-primary);
  padding: 0 10px;
  font-size: 11px;
  font-weight: 900;
  text-align: left;
}

.account-api-registration button[data-auth-provider="apple"] {
  border-color: #111827;
  background: #111827;
  color: #fff;
}

.account-api-registration button:hover {
  border-color: rgba(36, 70, 133, 0.32);
  background: var(--color-brand-primary-soft);
}

.account-api-registration button:disabled,
.account-api-registration button.is-disabled {
  cursor: not-allowed;
  opacity: 0.52;
}

.account-api-registration button:disabled:hover,
.account-api-registration button.is-disabled:hover {
  border-color: var(--color-border-default);
  background: var(--color-surface-panel);
}

.account-api-registration button[data-auth-provider="apple"]:hover {
  border-color: #000;
  background: #000;
}

.account-api-registration button span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.account-api-registration button[data-auth-provider="apple"] span {
  background: #fff;
  color: #111827;
}

.account-provider-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
}

.account-provider-head span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-provider-head strong {
  color: var(--color-brand-primary);
  font-size: 12px;
  font-weight: 900;
}

.account-provider-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-provider-grid button {
  min-height: 38px;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  gap: 6px;
  padding: 0 7px;
  font-size: 10px;
  position: relative;
}

.account-provider-grid button span {
  width: 20px;
  height: 20px;
  font-size: 9px;
}

.account-provider-grid button.is-disabled {
  cursor: not-allowed;
  border-color: var(--color-border-subtle);
  background: var(--color-surface-secondary);
  color: var(--color-text-muted);
  box-shadow: none;
  opacity: 1;
}

.account-provider-grid button.is-disabled span {
  background: var(--color-surface-panel);
  color: var(--color-text-muted);
}

.account-provider-grid button.is-disabled::after {
  content: attr(data-sso-note);
  align-self: center;
  justify-self: end;
  padding: 2px 5px;
  border-radius: 999px;
  background: rgba(119, 131, 153, 0.1);
  color: var(--color-text-muted);
  font-size: 8px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.account-provider-grid button.is-disabled:hover,
.account-provider-grid button.is-disabled:focus-visible {
  background: var(--color-surface-secondary);
  color: var(--color-text-muted);
  transform: none;
}

.account-provider-divider {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-provider-divider::before,
.account-provider-divider::after {
  content: "";
  height: 1px;
  background: var(--color-border-subtle);
}

#accountCompanyField[hidden] {
  display: none;
}

#accountVatField[hidden] {
  display: none;
}

.account-form [hidden],
.account-api-registration[hidden] {
  display: none;
}

.account-auth-error {
  min-height: 18px;
  margin: 0;
  color: var(--color-status-error);
  font-size: 11px;
  font-weight: 800;
}

.account-auth-error:empty {
  display: none;
}

.account-auth-error.success {
  color: var(--color-status-success);
}

.account-auth-error.loading {
  color: var(--color-brand-primary);
}

.account-auth-error.loading::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  border: 2px solid rgba(36, 70, 133, 0.2);
  border-top-color: var(--color-brand-primary);
  border-radius: 50%;
  vertical-align: -1px;
  animation: account-auth-status-spin 0.8s linear infinite;
}

@keyframes account-auth-status-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .account-auth-error.loading::before {
    animation: none;
  }
}

.account-registration-success {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(13, 25, 48, 0.18);
  backdrop-filter: blur(2px);
}

.account-registration-success[hidden] {
  display: none;
}

.account-registration-success-card {
  width: min(430px, calc(100vw - 92px));
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid rgba(39, 49, 148, 0.18);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 64px rgba(30, 45, 94, 0.22);
}

.account-registration-success-card span {
  color: var(--coral);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.account-registration-success-card h3 {
  margin: 0;
  color: var(--blue);
  font-size: 24px;
}

.account-registration-success-card p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.account-registration-success-card .compact {
  justify-self: end;
  min-width: 140px;
}

.account-recovery-actions {
  display: none;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: flex-end;
}

.account-recovery-actions:has(button:not([hidden])) {
  display: flex;
}

.account-recovery-actions button {
  border: 0;
  background: transparent;
  color: var(--color-primary);
  font-size: 11px;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.account-recovery-actions button:disabled {
  color: var(--color-text-muted);
  cursor: progress;
}

.account-recovery-actions button[hidden] {
  display: none;
}

.account-mode-list {
  display: grid;
  gap: var(--space-2);
}

.account-mode-list[hidden] {
  display: none;
}

.account-panel[data-auth-mode="login"] .account-api-registration {
  margin-top: 12px;
  padding-top: 4px;
  border-top: 0;
}

.account-panel[data-auth-mode="login"] .account-provider-divider {
  gap: 20px;
  color: var(--color-text-secondary);
  font-size: 15px;
  font-weight: 560;
  text-transform: none;
}

.account-panel[data-auth-mode="login"] .account-provider-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(7px, 1.2vw, 12px);
}

.account-panel[data-auth-mode="login"] .account-provider-grid button {
  min-height: 54px;
  justify-content: center;
  grid-template-columns: clamp(20px, 2.2vw, 28px) minmax(0, max-content);
  gap: clamp(4px, 0.7vw, 9px);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.84);
  padding: 0 clamp(6px, 1vw, 14px);
  color: var(--color-text-primary);
  font-size: clamp(11px, 1.2vw, 16px);
  font-weight: 780;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="facebook"] {
  display: none;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button.is-disabled[data-sso-state="unavailable"],
.account-panel[data-auth-mode="login"] .account-provider-grid button:disabled[data-sso-state="unavailable"] {
  grid-template-columns: clamp(20px, 2.2vw, 28px) minmax(0, max-content);
  grid-template-rows: auto auto;
  column-gap: clamp(4px, 0.7vw, 9px);
  row-gap: 1px;
  justify-content: center;
  text-align: left;
  cursor: not-allowed;
  border-color: var(--color-border-default);
  background: var(--color-border-subtle);
  color: var(--color-text-muted);
  box-shadow: none;
  opacity: 1;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button.is-disabled[data-sso-state="unavailable"] span,
.account-panel[data-auth-mode="login"] .account-provider-grid button:disabled[data-sso-state="unavailable"] span {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  filter: grayscale(1);
  opacity: 0.48;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button.is-disabled[data-sso-state="unavailable"]::after,
.account-panel[data-auth-mode="login"] .account-provider-grid button:disabled[data-sso-state="unavailable"]::after {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  padding: 0;
  background: transparent;
  font-size: clamp(8px, 0.72vw, 10px);
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.account-provider-grid button.is-pending {
  cursor: progress;
  opacity: 0.68;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button span {
  width: clamp(20px, 2.2vw, 28px);
  height: clamp(20px, 2.2vw, 28px);
  border-radius: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  position: relative;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="apple"] {
  border-color: var(--color-border-default);
  background: rgba(255, 255, 255, 0.84);
  color: var(--color-text-primary);
}

.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="apple"] span {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111827'%3E%3Cpath d='M16.6 12.7c0-2 1.6-3 1.7-3.1-.9-1.4-2.4-1.6-2.9-1.6-1.2-.1-2.4.7-3 .7s-1.6-.7-2.6-.7c-1.3 0-2.6.8-3.3 2-1.4 2.5-.4 6.1 1 8.1.7 1 1.5 2.1 2.6 2.1 1 0 1.4-.7 2.7-.7 1.2 0 1.6.7 2.7.7s1.8-1 2.5-2c.8-1.1 1.1-2.2 1.1-2.2-.1 0-2.1-.8-2.1-3.3z'/%3E%3Cpath d='M14.6 6.7c.6-.7 1-1.7.9-2.7-.8 0-1.8.5-2.4 1.2-.5.6-1 1.6-.9 2.5 1 .1 1.9-.4 2.4-1z'/%3E%3C/svg%3E")
    center / 26px 26px no-repeat;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="google"] span::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 16.2 4 9.5 8.5 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 10-2 13.5-5.2l-6.2-5.2C29.3 35.1 26.8 36 24 36c-5.2 0-9.6-3.3-11.3-7.8l-6.5 5C9.4 39.6 16.1 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.3 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="microsoft"] span {
  width: clamp(20px, 2vw, 26px);
  height: clamp(20px, 2vw, 26px);
  display: block;
  background:
    linear-gradient(#f25022 0 0) 0 0 / 43% 43% no-repeat,
    linear-gradient(#7fba00 0 0) 100% 0 / 43% 43% no-repeat,
    linear-gradient(#00a4ef 0 0) 0 100% / 43% 43% no-repeat,
    linear-gradient(#ffb900 0 0) 100% 100% / 43% 43% no-repeat;
}

.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="microsoft"] span::before,
.account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="microsoft"] span::after {
  content: none;
}

.account-panel[data-auth-mode="login"] .account-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  margin-top: 8px;
}

.account-panel[data-auth-mode="login"] #accountSignIn {
  width: 100%;
  min-height: 56px;
  border-radius: 10px;
  border-color: var(--color-brand-primary);
  background: var(--color-brand-primary);
  color: #fff;
  box-shadow: 0 12px 24px rgba(36, 70, 133, 0.18);
  font-size: 18px;
  font-weight: 860;
}

.account-panel[data-auth-mode="login"] #accountSignIn:hover {
  border-color: var(--color-brand-primary-hover);
  background: var(--color-brand-primary-hover);
}

.account-panel[data-auth-mode="login"] #accountCreate {
  width: 100%;
  min-height: 54px;
  border-radius: 10px;
  border-color: var(--color-border-default);
  background: var(--color-surface-panel);
  color: var(--color-text-primary);
  box-shadow: none;
  font-size: 18px;
  font-weight: 820;
}

.account-panel[data-auth-mode="login"] #accountCreate:hover {
  border-color: rgba(36, 70, 133, 0.28);
  background: var(--color-brand-primary-soft);
}

.account-panel[data-auth-mode="login"] .account-mode-list {
  padding-top: 10px;
}

.account-panel[data-auth-mode="login"] .account-guest-row {
  min-height: 64px;
  grid-template-columns: 36px minmax(0, 1fr) 20px;
  border-style: solid;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: none;
  padding: 12px 16px;
}

.account-panel[data-auth-mode="login"] .account-guest-row::after {
  content: "";
  width: 12px;
  height: 12px;
  justify-self: end;
  border-top: 2px solid var(--color-text-secondary);
  border-right: 2px solid var(--color-text-secondary);
  transform: rotate(45deg);
}

.account-panel[data-auth-mode="login"] .account-guest-badge {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  position: relative;
}

.account-panel[data-auth-mode="login"] .account-guest-badge::before,
.account-panel[data-auth-mode="login"] .account-guest-badge::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid var(--color-text-secondary);
}

.account-panel[data-auth-mode="login"] .account-guest-badge::before {
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.account-panel[data-auth-mode="login"] .account-guest-badge::after {
  bottom: 2px;
  width: 22px;
  height: 13px;
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
}

.account-panel[data-auth-mode="login"] .account-guest-row strong {
  color: var(--color-text-primary);
  font-size: 15px;
  line-height: 1.15;
}

.account-panel[data-auth-mode="login"] .account-guest-row small {
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 600;
}

.account-panel[data-auth-mode="login"] .account-recovery-actions {
  min-height: 20px;
  margin-top: -8px;
  justify-content: flex-end;
}

.account-panel[data-auth-mode="login"] .account-recovery-actions button {
  color: var(--color-brand-primary);
  font-size: 15px;
  font-weight: 560;
  text-decoration: none;
}

.account-panel[data-auth-mode="login"] .account-auth-error {
  min-height: 16px;
}

/* AIQA bundle source: styles_account_login_responsive.css */
@media (max-height: 760px) and (min-width: 761px) {
  .account-dialog.open:has(.account-panel[data-auth-mode="login"]) {
    padding: 16px;
  }

  .account-panel[data-auth-mode="login"] {
    width: min(820px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
  }

  .account-panel[data-auth-mode="login"] .account-dialog-head {
    padding: 22px 34px 12px;
  }

  .account-panel[data-auth-mode="login"] .account-dialog-head h2 {
    font-size: 28px;
  }

  .account-panel[data-auth-mode="login"] .account-dialog-lead {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.35;
  }

  .account-panel[data-auth-mode="login"] #accountClose {
    width: 38px;
    height: 38px;
  }

  .account-panel[data-auth-mode="login"] .account-body {
    padding: 0 34px 22px;
  }

  .account-panel[data-auth-mode="login"] .account-access-card,
  .account-panel[data-auth-mode="login"] .account-form,
  .account-panel[data-auth-mode="login"] .account-owner-section {
    gap: 10px;
  }

  .account-panel[data-auth-mode="login"] .account-form label {
    gap: 5px;
    font-size: 13px;
  }

  .account-panel[data-auth-mode="login"] .account-form.account-form-stacked input {
    min-height: 44px;
    font-size: 15px;
  }

  .account-panel[data-auth-mode="login"] .account-password-control {
    grid-template-columns: minmax(0, 1fr) 50px;
  }

  .account-panel[data-auth-mode="login"] .account-password-control button {
    width: 50px;
  }

  .account-panel[data-auth-mode="login"] .account-recovery-actions {
    min-height: 16px;
    margin-top: -4px;
  }

  .account-panel[data-auth-mode="login"] .account-recovery-actions button {
    font-size: 13px;
  }

  .account-panel[data-auth-mode="login"] .account-actions {
    gap: 8px;
    margin-top: 2px;
  }

  .account-panel[data-auth-mode="login"] #accountSignIn {
    min-height: 46px;
    font-size: 16px;
  }

  .account-panel[data-auth-mode="login"] #accountCreate {
    min-height: 44px;
    font-size: 16px;
  }

  .account-panel[data-auth-mode="login"] .account-api-registration {
    margin-top: 4px;
  }

  .account-panel[data-auth-mode="login"] .account-provider-divider {
    gap: 14px;
    font-size: 13px;
  }

  .account-panel[data-auth-mode="login"] .account-provider-grid {
    gap: 10px;
  }

  .account-panel[data-auth-mode="login"] .account-provider-grid button {
    min-height: 44px;
    grid-template-columns: 24px auto;
    font-size: 14px;
  }

  .account-panel[data-auth-mode="login"] .account-provider-grid button span,
  .account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="google"] span::before {
    width: 24px;
    height: 24px;
  }

  .account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="apple"] span {
    background-size: 23px 23px;
  }

  .account-panel[data-auth-mode="login"] .account-provider-grid button[data-auth-provider="microsoft"] span {
    width: 24px;
    height: 24px;
    background:
      linear-gradient(#f25022 0 0) 0 0 / 10px 10px no-repeat,
      linear-gradient(#7fba00 0 0) 14px 0 / 10px 10px no-repeat,
      linear-gradient(#00a4ef 0 0) 0 14px / 10px 10px no-repeat,
      linear-gradient(#ffb900 0 0) 14px 14px / 10px 10px no-repeat;
  }

  .account-panel[data-auth-mode="login"] .account-mode-list {
    padding-top: 4px;
  }

  .account-panel[data-auth-mode="login"] .account-guest-row {
    min-height: 52px;
    padding: 9px 14px;
  }

  .account-panel[data-auth-mode="login"] .account-guest-row small {
    margin-top: 1px;
    font-size: 12px;
  }
}


/* AIQA bundle source: styles_account_register_flow.css */
.account-panel[data-auth-mode="register"] .account-access-card {
  gap: var(--space-3);
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.account-panel[data-auth-mode="register"] .account-form {
  order: 1;
}

.account-panel[data-auth-mode="register"] .account-api-registration {
  order: 2;
}

.account-panel[data-auth-mode="register"] .account-actions {
  order: 3;
}

.account-panel[data-auth-mode="register"] .account-switch-link {
  order: 4;
}

.account-panel[data-auth-mode="register"] .account-form-stacked {
  min-height: 312px;
  padding-top: 0;
  overflow: visible;
  padding-right: 0;
}

.account-panel[data-auth-mode="register"] {
  width: min(780px, calc(100vw - 56px));
  height: auto;
  max-height: calc(100vh - 56px);
}

.account-panel[data-auth-mode="register"] .account-layout {
  grid-template-columns: minmax(0, 1fr);
}

.account-panel[data-auth-mode="register"] .account-body {
  overflow: visible;
}

.account-panel[data-auth-mode="register"] .account-access-card {
  width: min(100%, 700px);
  justify-self: center;
  align-self: start;
  height: auto;
  max-height: calc(100vh - 142px);
  grid-template-rows: auto auto auto auto;
  align-content: start;
  padding: 20px 22px 18px;
  gap: 14px;
  overflow-y: auto;
}

.account-panel[data-auth-mode="register"] .account-access-intro {
  display: none;
}

.account-panel[data-auth-mode="register"] .account-form-stacked {
  min-height: 0;
  height: auto;
  align-content: start;
}

.account-panel[data-auth-mode="register"] .account-form-stacked:has(.account-api-registration:not([hidden])) {
  grid-template-columns: minmax(0, 1fr);
  row-gap: 10px;
  align-items: start;
}

.account-panel[data-auth-mode="register"] .account-form-stacked:has(.account-api-registration:not([hidden])) .account-auth-error {
  grid-column: 1 / -1;
}

.account-panel[data-auth-mode="register"] .account-owner-section,
.account-panel[data-auth-mode="register"] .account-api-registration,
.account-panel[data-auth-mode="register"] .account-registration-section {
  padding: 16px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.78);
}

.account-panel[data-auth-mode="register"] .account-owner-section {
  padding-bottom: 14px;
}

.account-panel[data-auth-mode="register"] .account-api-registration {
  padding-top: 12px;
  padding-bottom: 12px;
}

.account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 12px;
  row-gap: 10px;
  min-height: 100%;
  align-content: start;
}

.account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) .account-customer-type,
.account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) .account-address-field,
.account-panel[data-auth-mode="register"] .account-payment-setup:not([hidden]) {
  grid-column: 1 / -1;
}

.account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) .account-company-field,
.account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) .account-vat-field {
  grid-column: auto;
}

.account-optional-details-head {
  grid-column: 1 / -1;
  display: grid;
  gap: 2px;
}

.account-optional-details-head strong {
  color: var(--color-brand-primary);
  font-size: 13px;
  font-weight: 900;
}

.account-optional-details-head span {
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 760;
}

.account-customer-type {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-customer-type button {
  min-height: 58px;
  display: grid;
  gap: 3px;
  align-content: center;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  color: var(--color-text-primary);
  padding: 10px 12px;
  text-align: left;
}

.account-customer-type button.active {
  border-color: rgba(36, 70, 133, 0.36);
  background: var(--color-brand-primary-soft);
  box-shadow: inset 3px 0 0 var(--color-brand-primary);
}

.account-customer-type strong {
  color: var(--color-brand-primary);
  font-size: 13px;
  line-height: 1.15;
}

.account-customer-type span {
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.account-panel[data-auth-mode="register"] .account-payment-setup:not([hidden]) {
  grid-template-columns: minmax(0, 1fr);
  min-height: 100%;
}

.account-panel[data-auth-mode="register"] .account-registration-section .account-inline-fields {
  display: contents;
}

.account-panel[data-auth-mode="register"] .account-name-inline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-wizard-progress {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
}

.account-wizard-progress[hidden] {
  display: none;
}

.account-wizard-progress li {
  min-width: 0;
  min-height: 42px;
  border: 0;
  border-bottom: 2px solid var(--color-border-subtle);
  border-radius: 0;
  background: transparent;
  color: var(--color-text-muted);
}

.account-wizard-progress button {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 6px 8px 10px;
  cursor: pointer;
  text-align: left;
}

.account-wizard-progress button:disabled {
  cursor: not-allowed;
}

.account-wizard-progress button:focus-visible {
  outline: 2px solid rgba(36, 70, 133, 0.22);
  outline-offset: -2px;
}

.account-wizard-progress button span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--color-surface-secondary);
  color: var(--color-brand-primary);
  font-size: 10px;
  font-weight: 900;
}

.account-wizard-progress button strong {
  overflow: hidden;
  color: inherit;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-wizard-progress li.active {
  border-bottom-color: var(--color-brand-primary);
  background: transparent;
  color: var(--color-brand-primary);
  box-shadow: none;
}

.account-wizard-progress li.complete span {
  background: var(--color-status-success);
  color: #fff;
}

.account-form-section {
  display: grid;
  gap: var(--space-2);
  padding: 0;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: transparent;
  border: 0;
}

.account-panel:not([data-auth-mode="register"]) .account-owner-section {
  padding: 0;
  border: 0;
  background: transparent;
}

.account-panel:not([data-auth-mode="register"]) .account-registration-section {
  display: none;
}

.account-inline-fields {
  display: grid;
  grid-template-columns: 0.72fr 1fr;
  gap: var(--space-2);
}

.account-payment-setup {
  gap: var(--space-2);
}

.account-stripe-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 104px;
  gap: 14px;
  align-items: end;
}

.account-stripe-card > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: var(--space-2);
  align-items: center;
}

.account-stripe-mark {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  background: #635bff;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

.account-stripe-card strong {
  display: block;
  color: var(--color-text-primary);
  font-size: 13px;
  line-height: 1.2;
}

.account-stripe-card small {
  display: block;
  margin-top: 2px;
  color: var(--color-text-secondary);
  font-size: 11px;
  font-weight: 800;
}

.account-stripe-card button {
  min-height: 30px;
  width: 104px;
  border: 1px solid rgba(36, 70, 133, 0.22);
  border-radius: var(--radius-md);
  background: var(--color-brand-primary);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

.account-stripe-card button.connected {
  background: var(--color-status-success);
  border-color: rgba(21, 128, 61, 0.35);
}

.account-guest-row {
  width: 100%;
  min-height: 58px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  color: var(--color-text-primary);
  padding: 10px 12px;
  text-align: left;
  box-shadow: inset 3px 0 0 rgba(36, 70, 133, 0.14);
}

.account-guest-row:hover {
  border-color: rgba(36, 70, 133, 0.35);
  background: var(--color-surface-secondary);
}

.account-guest-row[hidden] {
  display: none;
}

.account-guest-badge {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary-soft);
  color: var(--color-brand-primary);
  font-size: 10px;
  font-weight: 900;
}

.account-guest-row strong {
  display: block;
  color: var(--color-brand-primary);
  font-size: 14px;
  line-height: 1.15;
}

.account-guest-row small {
  display: block;
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 750;
}

.account-mode-option {
  width: 100%;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
  color: var(--color-text-primary);
  display: grid;
  gap: 3px;
  padding: var(--space-3);
  text-align: left;
}

.account-mode-option[hidden] {
  display: none;
}

.account-mode-option span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.account-mode-option strong {
  color: var(--color-brand-primary);
  font-size: 14px;
  line-height: 1.2;
}

.account-mode-option:hover,
.account-mode-option.active {
  border-color: rgba(36, 70, 133, 0.42);
  background: var(--color-brand-primary-soft);
}

.account-mode-option.active {
  box-shadow: inset 3px 0 0 var(--color-brand-primary);
}

.account-actions {
  gap: var(--space-2);
}

.account-panel[data-auth-mode="register"] .account-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 2px;
}

.account-panel[data-auth-mode="register"] .account-actions button[hidden] {
  display: none;
}

.account-panel[data-auth-mode="register"] .account-actions:has(#accountStepBack[hidden]) #accountCreate {
  grid-column: 1 / -1;
}

.account-panel[data-auth-mode="register"] .account-actions #accountCreate:only-child {
  grid-column: 1 / -1;
}

.account-panel[data-auth-mode="register"] .account-actions .primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}


/* AIQA bundle source: styles_account_register_surface.css */
.account-panel[data-auth-mode="register"] {
  width: min(920px, 100%);
  height: auto;
  min-height: 0;
  max-height: min(1120px, 100%);
  border-radius: 18px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.account-panel[data-auth-mode="register"] .account-dialog-head {
  align-items: center;
  padding: 30px 38px;
  border-bottom: 1px solid rgba(36, 70, 133, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 255, 0.92));
}

.account-panel[data-auth-mode="register"] .account-dialog-head h2 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 29px;
  line-height: 1.1;
}

.account-panel[data-auth-mode="register"] .account-dialog-lead {
  display: none;
}

.account-panel[data-auth-mode="register"] #accountClose {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.86);
  color: var(--color-text-secondary);
  box-shadow: 0 10px 24px rgba(30, 45, 94, 0.08);
}

.account-panel[data-auth-mode="register"] #accountClose svg {
  width: 22px;
  height: 22px;
}

.account-panel[data-auth-mode="register"] .account-body {
  padding: 0;
  overflow: visible;
  background:
    radial-gradient(circle at 84% 26%, rgba(224, 100, 100, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.95));
}

.account-panel[data-auth-mode="register"] .account-layout {
  display: block;
  height: auto;
}

.account-panel[data-auth-mode="register"] .account-access-card {
  width: 100%;
  max-width: none;
  justify-self: stretch;
  align-self: start;
  height: auto;
  max-height: none;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 18px;
  padding: 38px 88px 46px;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.account-panel[data-auth-mode="register"] .account-access-intro,
.account-panel[data-auth-mode="register"] .account-wizard-progress {
  display: none;
}

.account-register-hero {
  display: grid;
  gap: 12px;
  order: 1;
}

.account-register-hero[hidden] {
  display: none;
}

.account-register-hero span {
  justify-self: start;
  padding: 9px 15px;
  border-radius: 12px;
  background: rgba(36, 70, 133, 0.08);
  color: var(--color-brand-primary);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-transform: none;
}

.account-register-hero h3 {
  margin: 8px 0 0;
  color: var(--color-text-primary);
  font-size: 34px;
  line-height: 1.08;
}

.account-register-hero p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.45;
}

.account-panel[data-auth-mode="register"] .account-form {
  order: 2;
  gap: 17px;
}

.account-panel[data-auth-mode="register"] .account-owner-section,
.account-panel[data-auth-mode="register"] .account-registration-section {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.account-panel[data-auth-mode="register"] .account-owner-section {
  gap: 17px;
}

.account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 14px;
  row-gap: 16px;
  min-height: 0;
}

.account-panel[data-auth-mode="register"] .account-form label,
.account-panel[data-auth-mode="register"] .account-optional-details-head strong {
  gap: 9px;
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 680;
  text-transform: none;
}

.account-panel[data-auth-mode="register"] .account-form.account-form-stacked input {
  min-height: 56px;
  border-color: rgba(119, 131, 153, 0.26);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--color-text-primary);
  padding: 0 17px;
  font-size: 17px;
  font-weight: 500;
}

.account-panel[data-auth-mode="register"] .account-form.account-form-stacked input::placeholder {
  color: rgba(86, 97, 118, 0.58);
}

.account-panel[data-auth-mode="register"] .account-name-inline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.account-panel[data-auth-mode="register"] .account-password-control {
  grid-template-columns: minmax(0, 1fr) 56px;
}

.account-panel[data-auth-mode="register"] .account-form.account-form-stacked .account-password-control input {
  border-radius: 10px 0 0 10px;
}

.account-panel[data-auth-mode="register"] .account-password-control button {
  width: 56px;
  border: 1px solid rgba(119, 131, 153, 0.26);
  border-left: 0;
  border-radius: 0 10px 10px 0;
  background: rgba(255, 255, 255, 0.86);
  color: transparent;
  font-size: 0;
  position: relative;
}

.account-panel[data-auth-mode="register"] .account-password-control button::before {
  content: "";
  width: 24px;
  height: 24px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6b82' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12s3.4-6 9.5-6 9.5 6 9.5 6-3.4 6-9.5 6-9.5-6-9.5-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.7'/%3E%3C/svg%3E")
    center / contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.account-panel[data-auth-mode="register"] .account-password-control button::after {
  content: none;
}

.account-panel[data-auth-mode="register"] .account-field-error {
  min-height: 14px;
  font-size: 12px;
  font-weight: 700;
}

.account-panel[data-auth-mode="register"] .account-recovery-actions {
  display: none;
}

.account-panel[data-auth-mode="register"] .account-auth-error {
  margin: 0;
  min-height: 0;
  font-size: 13px;
}

.account-panel[data-auth-mode="register"] .account-actions {
  order: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 0;
  padding-top: 0;
}

.account-panel[data-auth-mode="register"] .account-actions:has(#accountStepBack[hidden]) {
  grid-template-columns: minmax(0, 1fr);
}

.account-panel[data-auth-mode="register"] .account-actions:has(#accountStepBack:not([hidden])) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.account-panel[data-auth-mode="register"] #accountStepBack,
.account-panel[data-auth-mode="register"] #accountCreate {
  min-height: 58px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 860;
}

.account-panel[data-auth-mode="register"] #accountStepBack {
  border-color: rgba(119, 131, 153, 0.24);
  background: rgba(255, 255, 255, 0.78);
  color: var(--color-text-primary);
}

.account-panel[data-auth-mode="register"] #accountCreate {
  border-color: var(--color-brand-primary);
  background: var(--color-brand-primary);
  color: #fff;
  box-shadow: 0 12px 24px rgba(36, 70, 133, 0.18);
}

.account-panel[data-auth-mode="register"] #accountCreate:hover {
  border-color: var(--color-brand-primary-hover);
  background: var(--color-brand-primary-hover);
}

.account-panel[data-auth-mode="register"] .account-actions:has(#accountStepBack:not([hidden])) #accountStepBack {
  flex: 0 0 clamp(150px, 24%, 170px);
}

.account-panel[data-auth-mode="register"] .account-actions:has(#accountStepBack:not([hidden])) #accountCreate {
  flex: 0 0 clamp(220px, 36%, 260px);
}

.account-register-consent {
  order: 4;
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 15px;
  font-weight: 520;
  line-height: 1.45;
  text-align: center;
}

.account-register-consent[hidden] {
  display: none;
}

.account-register-consent button,
.account-register-consent a {
  border: 0;
  background: transparent;
  color: var(--color-brand-primary);
  padding: 0;
  font: inherit;
  font-weight: 650;
  text-decoration: none;
  cursor: pointer;
}

.account-register-consent button:hover,
.account-register-consent button:focus-visible,
.account-register-consent a:hover,
.account-register-consent a:focus-visible {
  text-decoration: underline;
}

.account-panel[data-auth-mode="register"] .account-api-registration {
  order: 5;
  gap: 18px;
  padding: 0;
  border: 0;
  background: transparent;
}

.account-panel[data-auth-mode="register"] .account-provider-divider {
  gap: 20px;
  color: var(--color-text-secondary);
  font-size: 15px;
  font-weight: 560;
  text-transform: none;
}

.account-panel[data-auth-mode="register"] .account-provider-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button {
  min-height: 54px;
  justify-content: center;
  grid-template-columns: 28px auto;
  gap: 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.84);
  padding: 0 14px;
  color: var(--color-text-primary);
  font-size: 16px;
  font-weight: 780;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="facebook"] {
  display: none;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button.is-disabled[data-sso-state="unavailable"],
.account-panel[data-auth-mode="register"] .account-provider-grid button:disabled[data-sso-state="unavailable"] {
  grid-template-columns: 28px max-content;
  grid-template-rows: auto auto;
  column-gap: 9px;
  row-gap: 1px;
  justify-content: center;
  text-align: left;
  cursor: not-allowed;
  border-color: var(--color-border-default);
  background: var(--color-border-subtle);
  color: var(--color-text-muted);
  box-shadow: none;
  opacity: 1;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button.is-disabled[data-sso-state="unavailable"] span,
.account-panel[data-auth-mode="register"] .account-provider-grid button:disabled[data-sso-state="unavailable"] span {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  filter: grayscale(1);
  opacity: 0.48;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button.is-disabled[data-sso-state="unavailable"]::after,
.account-panel[data-auth-mode="register"] .account-provider-grid button:disabled[data-sso-state="unavailable"]::after {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  padding: 0;
  background: transparent;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button span {
  width: 28px;
  height: 28px;
  border-radius: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  position: relative;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="apple"] {
  border-color: var(--color-border-default);
  background: rgba(255, 255, 255, 0.84);
  color: var(--color-text-primary);
}

.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="apple"] span {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111827'%3E%3Cpath d='M16.6 12.7c0-2 1.6-3 1.7-3.1-.9-1.4-2.4-1.6-2.9-1.6-1.2-.1-2.4.7-3 .7s-1.6-.7-2.6-.7c-1.3 0-2.6.8-3.3 2-1.4 2.5-.4 6.1 1 8.1.7 1 1.5 2.1 2.6 2.1 1 0 1.4-.7 2.7-.7 1.2 0 1.6.7 2.7.7s1.8-1 2.5-2c.8-1.1 1.1-2.2 1.1-2.2-.1 0-2.1-.8-2.1-3.3z'/%3E%3Cpath d='M14.6 6.7c.6-.7 1-1.7.9-2.7-.8 0-1.8.5-2.4 1.2-.5.6-1 1.6-.9 2.5 1 .1 1.9-.4 2.4-1z'/%3E%3C/svg%3E")
    center / 26px 26px no-repeat;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="google"] span::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.9 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 16.2 4 9.5 8.5 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 10-2 13.5-5.2l-6.2-5.2C29.3 35.1 26.8 36 24 36c-5.2 0-9.6-3.3-11.3-7.8l-6.5 5C9.4 39.6 16.1 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.3-2.3 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="microsoft"] span {
  width: 26px;
  height: 26px;
  display: block;
  background:
    linear-gradient(#f25022 0 0) 0 0 / 11px 11px no-repeat,
    linear-gradient(#7fba00 0 0) 15px 0 / 11px 11px no-repeat,
    linear-gradient(#00a4ef 0 0) 0 15px / 11px 11px no-repeat,
    linear-gradient(#ffb900 0 0) 15px 15px / 11px 11px no-repeat;
}

.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="microsoft"] span::before,
.account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="microsoft"] span::after {
  content: none;
}

.account-panel[data-auth-mode="register"] .account-switch-link {
  order: 6;
  justify-self: center;
  margin-top: 2px;
  color: var(--color-text-secondary);
  font-size: 15px;
  font-weight: 520;
  text-decoration: none;
}

.account-panel[data-auth-mode="register"] .account-switch-link:hover,
.account-panel[data-auth-mode="register"] .account-switch-link:focus-visible {
  color: var(--color-brand-primary);
  text-decoration: underline;
}

.account-panel[data-auth-mode="register"] .account-optional-details-head {
  margin-bottom: 2px;
}

.account-panel[data-auth-mode="register"] .account-optional-details-head strong {
  font-size: 17px;
}

.account-panel[data-auth-mode="register"] .account-optional-details-head span {
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 520;
}

.account-panel[data-auth-mode="register"] .account-customer-type {
  gap: 12px;
}

.account-panel[data-auth-mode="register"] .account-customer-type button {
  min-height: 72px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.84);
  padding: 14px 16px;
}

.account-panel[data-auth-mode="register"] .account-customer-type button.active {
  border-color: rgba(36, 70, 133, 0.38);
  background: rgba(36, 70, 133, 0.08);
  box-shadow: inset 0 0 0 1px rgba(36, 70, 133, 0.16);
}

.account-panel[data-auth-mode="register"] .account-customer-type strong {
  color: var(--color-text-primary);
  font-size: 16px;
}

.account-panel[data-auth-mode="register"] .account-customer-type span {
  color: var(--color-text-secondary);
  font-size: 13px;
  font-weight: 580;
}

@media (max-height: 760px) and (min-width: 761px) {
  .account-panel[data-auth-mode="register"] {
    max-height: calc(100vh - 32px);
  }

  .account-panel[data-auth-mode="register"] .account-dialog-head {
    padding: 20px 36px;
  }

  .account-panel[data-auth-mode="register"] .account-dialog-head h2 {
    font-size: 27px;
  }

  .account-panel[data-auth-mode="register"] #accountClose {
    width: 38px;
    height: 38px;
  }

  .account-panel[data-auth-mode="register"] .account-access-card {
    gap: 12px;
    padding: 24px 72px 30px;
  }

  .account-register-hero {
    gap: 8px;
  }

  .account-register-hero span {
    padding: 7px 12px;
    border-radius: 10px;
    font-size: 12px;
  }

  .account-register-hero h3 {
    margin-top: 4px;
    font-size: 30px;
  }

  .account-register-hero p {
    font-size: 16px;
    line-height: 1.32;
  }

  .account-panel[data-auth-mode="register"] .account-form,
  .account-panel[data-auth-mode="register"] .account-owner-section {
    gap: 12px;
  }

  .account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]) {
    row-gap: 12px;
  }

  .account-panel[data-auth-mode="register"] .account-form label,
  .account-panel[data-auth-mode="register"] .account-optional-details-head strong {
    gap: 6px;
    font-size: 14px;
  }

  .account-panel[data-auth-mode="register"] .account-form.account-form-stacked input {
    min-height: 46px;
    font-size: 15px;
  }

  .account-panel[data-auth-mode="register"] .account-password-control {
    grid-template-columns: minmax(0, 1fr) 50px;
  }

  .account-panel[data-auth-mode="register"] .account-password-control button {
    width: 50px;
  }

  .account-panel[data-auth-mode="register"] .account-field-error {
    min-height: 12px;
    font-size: 11px;
  }

  .account-panel[data-auth-mode="register"] #accountStepBack,
  .account-panel[data-auth-mode="register"] #accountCreate {
    min-height: 48px;
    font-size: 16px;
  }

  .account-register-consent {
    font-size: 13px;
    line-height: 1.32;
  }

  .account-panel[data-auth-mode="register"] .account-api-registration {
    gap: 12px;
  }

  .account-panel[data-auth-mode="register"] .account-provider-divider {
    gap: 14px;
    font-size: 13px;
  }

  .account-panel[data-auth-mode="register"] .account-provider-grid {
    gap: 10px;
  }

  .account-panel[data-auth-mode="register"] .account-provider-grid button {
    min-height: 44px;
    grid-template-columns: 24px auto;
    font-size: 14px;
  }

  .account-panel[data-auth-mode="register"] .account-provider-grid button span,
  .account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="google"] span::before {
    width: 24px;
    height: 24px;
  }

  .account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="apple"] span {
    background-size: 23px 23px;
  }

  .account-panel[data-auth-mode="register"] .account-provider-grid button[data-auth-provider="microsoft"] span {
    width: 24px;
    height: 24px;
    background:
      linear-gradient(#f25022 0 0) 0 0 / 10px 10px no-repeat,
      linear-gradient(#7fba00 0 0) 14px 0 / 10px 10px no-repeat,
      linear-gradient(#00a4ef 0 0) 0 14px / 10px 10px no-repeat,
      linear-gradient(#ffb900 0 0) 14px 14px / 10px 10px no-repeat;
  }

  .account-panel[data-auth-mode="register"] .account-switch-link {
    font-size: 13px;
  }

  .account-panel[data-auth-mode="register"] .account-optional-details-head span {
    font-size: 12px;
  }

  .account-panel[data-auth-mode="register"] .account-customer-type button {
    min-height: 56px;
    padding: 10px 14px;
  }

  .account-panel[data-auth-mode="register"] .account-customer-type strong {
    font-size: 14px;
  }

  .account-panel[data-auth-mode="register"] .account-customer-type span {
    font-size: 12px;
  }
}

@media (max-width: 760px) {
  .account-panel[data-auth-mode="register"] {
    width: 100%;
    max-height: 100%;
  }

  .account-panel[data-auth-mode="register"] .account-dialog-head {
    padding: 24px;
  }

  .account-panel[data-auth-mode="register"] .account-access-card {
    padding: 28px 24px 32px;
  }

  .account-panel[data-auth-mode="register"] .account-name-inline,
  .account-panel[data-auth-mode="register"] .account-registration-section:not([hidden]),
  .account-panel[data-auth-mode="register"] .account-provider-grid,
  .account-panel[data-auth-mode="register"] .account-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .account-panel[data-auth-mode="register"] .account-register-hero h3 {
    font-size: 30px;
  }
}

/* AIQA bundle source: styles_support_admin_dashboard.css */
.account-switch-link {
  justify-self: center;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 900;
  text-decoration: underline;
  cursor: pointer;
}

.account-switch-link[hidden] {
  display: none;
}

.account-dashboard-card {
  gap: var(--space-3);
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.account-table-panel {
  min-height: 0;
  height: auto;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

.account-table-wrap {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.account-table tbody tr {
  cursor: pointer;
}

.account-table tbody tr td {
  transition:
    background-color 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease;
}

.account-table tbody tr:hover td,
.account-table tbody tr:focus-visible td {
  background: rgba(36, 70, 133, 0.075);
  color: var(--color-brand-primary);
  box-shadow: inset 0 1px 0 rgba(36, 70, 133, 0.08), inset 0 -1px 0 rgba(36, 70, 133, 0.08);
}

.account-table tbody tr:active td {
  background: rgba(36, 70, 133, 0.12);
}

.account-table tbody tr:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: -2px;
}

.account-dashboard-card.showing-run-detail {
  grid-template-rows: auto auto;
  align-content: start;
}

.account-panel[data-account-mode="user"] .account-dashboard-card.showing-run-detail {
  align-self: start;
  grid-template-rows: auto auto;
  align-content: start;
}

.account-dashboard-card.showing-run-detail .account-table-panel,
.account-dashboard-card.showing-run-detail .hubspot-connect-card,
.account-dashboard-card.showing-run-detail .hubspot-oauth-panel,
.account-dashboard-card.showing-run-detail .account-metrics {
  display: none;
}

.account-dashboard-card.admin-view {
  grid-template-rows: auto minmax(0, 1fr);
}

.account-dashboard-card.admin-view .account-table-panel,
.account-dashboard-card.admin-view .account-run-detail,
.account-dashboard-card.admin-view .hubspot-connect-card,
.account-dashboard-card.admin-view .hubspot-oauth-panel,
.account-dashboard-card.admin-view .account-metrics {
  display: none;
}

.account-dashboard-card.admin-view .account-mini-total {
  display: none;
}

.account-support-view {
  display: grid;
  gap: var(--space-3);
  min-height: 0;
}

.account-support-view[hidden] {
  display: none;
}

.account-support-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.account-support-head span,
.account-ticket-card span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-support-head h4 {
  margin: 0;
  color: var(--color-brand-primary);
  font-size: 18px;
  line-height: 1.15;
}

.account-support-status {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 700;
}

.account-ticket-list {
  display: grid;
  gap: var(--space-2);
  min-height: 0;
  max-height: min(420px, 44vh);
  overflow: auto;
  overscroll-behavior: contain;
}

.account-ticket-card {
  display: grid;
  gap: var(--space-2);
  padding: 12px;
  border: 1px solid rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(247, 251, 255, 0.82);
}

.account-ticket-card strong {
  display: block;
  color: var(--color-brand-primary);
  font-size: 14px;
}

.account-ticket-card p {
  margin: 2px 0 0;
  color: var(--color-text);
  font-size: 12px;
  line-height: 1.35;
}

.account-ticket-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  margin: 0;
}

.account-ticket-card dt {
  color: var(--color-text-muted);
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-ticket-card dd {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  color: var(--color-brand-primary);
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-admin-toolbar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  justify-content: flex-end;
}

.account-admin-toolbar[hidden] {
  display: none;
}

.account-admin-identity {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: var(--space-2);
  min-width: 150px;
}

.account-admin-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--color-brand-primary);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 900;
}

.account-admin-identity strong {
  display: block;
  color: var(--color-brand-primary);
  font-size: 14px;
  line-height: 1.1;
}

.account-admin-identity span:not(.account-admin-avatar) {
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 800;
}

.account-admin-toolbar button {
  min-height: 34px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  color: var(--color-brand-primary);
  font-weight: 900;
  padding: 0 var(--space-3);
}

.account-admin-view {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: var(--space-3);
  overflow: auto;
}

.account-admin-view[hidden] {
  display: none;
}

.account-admin-view.detail-open {
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
}

.account-admin-view.detail-open .account-admin-sections {
  display: none;
}

.account-admin-section span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-admin-section p {
  margin: var(--space-1) 0 0;
  color: var(--color-text-muted);
}

.account-admin-sections {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  min-height: 0;
}

.account-admin-section {
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  padding: var(--space-3);
  display: grid;
  gap: var(--space-2);
}

.account-admin-section-wide {
  grid-column: 1 / -1;
}

.account-admin-section h4 {
  margin: var(--space-1) 0 0;
  color: var(--color-brand-primary);
  font-size: 15px;
}

.account-admin-section ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.account-admin-section li {
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
  overflow: hidden;
}

.account-admin-section strong {
  display: block;
  color: var(--color-brand-primary);
  font-size: 18px;
}

.account-admin-section button {
  min-height: 34px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  color: var(--color-brand-primary);
  font-weight: 900;
}

.account-admin-section li button {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: var(--space-2);
  text-align: left;
}

.account-provider-summary {
  display: grid;
  gap: var(--space-2);
  max-height: 150px;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.account-provider-summary button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: center;
  min-height: 42px;
  padding: var(--space-2);
  text-align: left;
}

.account-provider-summary strong {
  font-size: 13px;
}

.account-provider-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-2);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
  padding: var(--space-2);
  max-height: 330px;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.account-provider-row.warning {
  border-color: rgba(220, 115, 112, 0.42);
}

.account-provider-row header,
.account-provider-row div {
  grid-column: 1 / -1;
}

.account-provider-row header {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
}

.account-provider-row header strong {
  color: var(--color-brand-primary);
  font-size: 13px;
}

.account-provider-row label {
  display: grid;
  gap: 3px;
}

.account-provider-row input,
.account-provider-row select {
  min-width: 0;
  min-height: 30px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: var(--color-surface-panel);
  color: var(--color-text-primary);
  font-weight: 800;
  padding: 0 var(--space-2);
}

.account-provider-row div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-provider-status {
  min-height: 18px;
  color: var(--color-brand-primary);
  font-weight: 800;
}

.account-admin-failures {
  display: grid;
  gap: var(--space-2);
  max-height: 145px;
  overflow-y: auto;
  scrollbar-gutter: auto;
}

.account-admin-failures-detail {
  max-height: 240px;
}

.account-admin-failures button {
  margin: 0;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
  padding: var(--space-2);
  color: var(--color-text-primary);
  text-align: left;
}

.account-admin-failures strong {
  font-size: 13px;
}

.account-admin-failures span {
  display: block;
  margin-top: var(--space-1);
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
}

.account-admin-analytics {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding-left: 18px;
  color: var(--color-text-primary);
  font-size: 12px;
  font-weight: 800;
}

.account-admin-detail {
  min-height: 0;
  height: 100%;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-lg);
  background: var(--color-surface-panel);
  padding: var(--space-3);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: var(--space-3);
  overflow: hidden;
}

.account-admin-detail[hidden] {
  display: none;
}

.account-admin-detail-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: center;
  border-bottom: 1px solid var(--color-border-subtle);
  padding-bottom: var(--space-3);
}

.account-admin-detail-head button,
.account-admin-detail-body button {
  min-height: 34px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  color: var(--color-brand-primary);
  font-weight: 900;
}

.account-admin-detail-head button {
  min-width: 72px;
  padding: 0 var(--space-3);
}

.account-admin-detail-head span,
.account-admin-detail-card span {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.account-admin-detail-head h4 {
  margin: var(--space-1) 0 0;
  color: var(--color-brand-primary);
  font-size: 17px;
}

.account-admin-detail-body {
  display: grid;
  gap: var(--space-2);
  min-height: 0;
  align-content: start;
  overflow: auto;
  scrollbar-gutter: auto;
}

.account-admin-detail-card {
  display: grid;
  gap: var(--space-2);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
  padding: var(--space-2);
}

.account-admin-detail-card label {
  display: grid;
  gap: 4px;
}

.account-admin-detail-card input,
.account-admin-detail-card select,
.account-admin-detail-card textarea {
  min-width: 0;
  min-height: 32px;
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: var(--color-surface-panel);
  color: var(--color-text-primary);
  font-weight: 800;
  padding: 0 var(--space-2);
}

.account-admin-detail-card textarea {
  min-height: 62px;
  padding-top: var(--space-2);
  resize: vertical;
}

.account-admin-detail-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-admin-detail-status {
  min-height: 18px;
  margin: 0;
  color: var(--color-brand-primary);
  font-weight: 800;
}

#accountShell[data-account-mode="admin"] {
  width: min(1120px, calc(100vw - 56px));
  height: min(820px, calc(100vh - 56px));
}

#accountShell[data-account-mode="admin"] .account-body {
  padding: 0;
  background: var(--color-surface-panel);
}

#accountShell[data-account-mode="admin"] .account-layout {
  display: block;
  height: 100%;
}

#accountShell[data-account-mode="admin"] .account-access-card {
  display: none;
}

#accountShell[data-account-mode="admin"] .account-dashboard-card {
  height: 100%;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  padding: 0;
  gap: 0;
}

#accountShell[data-account-mode="admin"] .account-dashboard-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid var(--color-border-subtle);
  background: #fff;
}

#accountShell[data-account-mode="admin"] .account-dashboard-head h3 {
  font-size: 22px;
  margin-top: 2px;
}

#accountShell[data-account-mode="admin"] .account-admin-toolbar {
  justify-content: end;
}

#accountShell[data-account-mode="admin"] .account-admin-view {
  padding: var(--space-5);
  gap: var(--space-5);
  overflow-y: auto;
  overflow-x: hidden;
}

#accountShell[data-account-mode="admin"] .account-admin-view.detail-open {
  overflow: hidden;
}

#accountShell[data-account-mode="admin"] .account-admin-sections {
  grid-template-columns: minmax(300px, 0.9fr) minmax(420px, 1.1fr);
  grid-template-rows: minmax(255px, auto) minmax(320px, 1fr);
  gap: var(--space-4);
  align-content: start;
}

#accountShell[data-account-mode="admin"] .account-admin-section {
  align-content: start;
  border-color: rgba(36, 70, 133, 0.12);
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: 0 10px 28px rgba(30, 45, 94, 0.07);
  padding: var(--space-5);
  gap: var(--space-4);
}

#accountShell[data-account-mode="admin"] .account-admin-section > div:first-child {
  display: grid;
  gap: 4px;
}

#accountShell[data-account-mode="admin"] .account-admin-section > div:first-child span {
  letter-spacing: 0.02em;
}

#accountShell[data-account-mode="admin"] .account-admin-section > button {
  min-height: 42px;
  margin-top: auto;
}

#accountShell[data-account-mode="admin"] .account-admin-section-wide {
  grid-column: 1 / -1;
  min-height: 320px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

#accountShell[data-account-mode="admin"] .account-admin-section h4 {
  font-size: 18px;
  line-height: 1.2;
}

#accountShell[data-account-mode="admin"] .account-admin-section ul {
  gap: var(--space-2);
}

#accountShell[data-account-mode="admin"] .account-admin-section li {
  border-radius: var(--radius-md);
}

#accountShell[data-account-mode="admin"] .account-admin-section li button {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: var(--space-1);
  padding: var(--space-3);
}

#accountShell[data-account-mode="admin"] .account-admin-section li button strong {
  font-size: 26px;
  line-height: 1;
}

#accountShell[data-account-mode="admin"] .account-admin-section li button span {
  line-height: 1.25;
}

#accountShell[data-account-mode="admin"] .account-provider-summary {
  max-height: 220px;
  gap: var(--space-2);
  padding-right: var(--space-1);
}

#accountShell[data-account-mode="admin"] .account-provider-summary button {
  min-height: 50px;
  padding: var(--space-3);
  background: var(--color-surface-secondary);
}

#accountShell[data-account-mode="admin"] .account-provider-summary button strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#accountShell[data-account-mode="admin"] .account-admin-section-wide .account-admin-failures {
  min-height: 0;
  max-height: none;
  gap: var(--space-2);
}

#accountShell[data-account-mode="admin"] .account-admin-section-wide .account-admin-failures button {
  min-height: 64px;
  display: grid;
  gap: 4px;
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface-secondary);
}

#accountShell[data-account-mode="admin"] .account-provider-summary button,
#accountShell[data-account-mode="admin"] .account-admin-failures button,
#accountShell[data-account-mode="admin"] .account-admin-section > button {
  border-radius: var(--radius-md);
}

#accountShell[data-account-mode="admin"] .account-provider-status {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
}

#accountShell[data-account-mode="admin"] .account-admin-troubleshooting {
  background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
}

#accountShell[data-account-mode="admin"] .account-admin-detail {
  max-height: 100%;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(30, 45, 94, 0.07);
}


/* AIQA bundle source: styles_account_run_detail.css */
.account-run-detail {
  min-height: 0;
  align-self: start;
  display: grid;
  grid-template-rows: auto auto auto;
  gap: var(--space-3);
  padding: 0;
  overflow: hidden;
}

.account-run-detail[hidden] {
  display: none;
}

.account-run-detail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: linear-gradient(180deg, #fff, rgba(248, 251, 255, 0.94));
  padding: var(--space-3);
}

.account-run-detail-head h3 {
  margin: 2px 0 0;
  color: var(--color-brand-primary);
  font-size: 16px;
  line-height: 1.15;
}

.account-run-detail-head span {
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.account-run-detail-head p {
  margin: var(--space-1) 0 0;
  color: var(--color-text-muted);
  font-size: 12px;
  font-weight: 800;
}

.account-run-detail-head #accountRunBack {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  min-width: 0;
  min-height: 32px;
  padding-inline: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
}

.account-run-title-block {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.account-run-metrics {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-2);
}

.account-run-metrics div {
  min-width: 0;
  min-height: 58px;
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  padding: var(--space-2) var(--space-3);
}

.account-run-metrics dt {
  color: var(--color-text-muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.account-run-metrics dd {
  margin: var(--space-1) 0 0;
  color: var(--color-brand-primary);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.1;
}

.account-run-downloads {
  align-self: start;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
  align-items: center;
  border-top: 1px solid var(--color-border-subtle);
  padding-top: var(--space-3);
}

.account-run-downloads button {
  width: 100%;
  min-width: 0;
  min-height: 40px;
  color: var(--color-brand-primary);
  font-weight: 900;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}

.account-run-downloads button:hover {
  border-color: rgba(36, 70, 133, 0.35);
  background: #f7fbff;
}

.account-run-downloads button:focus-visible {
  outline: 3px solid rgba(36, 70, 133, 0.22);
  outline-offset: 2px;
}

.account-run-status {
  align-self: end;
  margin: 0;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-md);
  background: var(--color-surface-secondary);
  color: var(--color-brand-primary);
  font-size: 12px;
  font-weight: 800;
  padding: var(--space-2) var(--space-3);
}

.account-run-status[hidden] {
  display: none;
}

.account-metrics {
  flex: 0 0 auto;
  min-height: 62px;
  align-items: stretch;
}

.account-metric {
  min-height: 58px;
  padding: var(--space-2);
}

.account-metric strong {
  margin-top: var(--space-1);
  font-size: 16px;
}

.quality-card.attention {
  border-color: rgba(220, 115, 112, 0.36);
  box-shadow: 0 16px 34px rgba(220, 115, 112, 0.12);
}

.quality-card.attention span,
.quality-card.attention strong {
  color: var(--color-attention);
}

.quality-card.attention .score-track i {
  background: linear-gradient(90deg, var(--color-attention), var(--color-brand-primary));
}

.file-status.attention,
.needs-review,
.status.warn {
  color: var(--color-attention);
  background: var(--color-attention-soft);
  border-color: rgba(220, 115, 112, 0.28);
}

.feedback-rating button {
  border-radius: var(--radius-md);
}

.feedback-form {
  border-top-color: var(--color-border-default);
}

.option-card {
  border-radius: var(--radius-md);
  background: var(--color-surface-panel);
  border: 1px solid var(--color-border-default);
  box-shadow: inset 3px 0 0 rgba(36, 70, 133, 0.16);
  outline: 1px solid rgba(255, 255, 255, 0.72);
  outline-offset: -2px;
}

.option-card input:checked + .checkmark,
.checkmark {
  border-radius: var(--radius-sm);
}

.option-card input:checked + .checkmark {
  background: var(--color-brand-primary);
  border-color: var(--color-brand-primary);
}

.score-track,
.progress-bar,
.download-progress {
  background: var(--color-border-default);
  border-radius: 999px;
  overflow: hidden;
}

.score-track i,
.progress-bar i,
.download-progress i {
  background: linear-gradient(90deg, var(--color-brand-secondary), var(--color-brand-primary));
}


/* AIQA bundle source: styles_responsive.css */
@media (max-width: 900px) {
  .app,
  .app.sidebar-collapsed {
    grid-template-columns: 1fr;
  }

  .workspace {
    padding: var(--space-6);
    min-height: auto;
  }

  .workspace-card {
    width: min(100%, var(--layout-workspace-max));
    height: auto;
    min-height: auto;
  }

  .account-strip {
    position: static;
    inset: auto;
    width: auto;
    transform: none;
    justify-self: end;
  }

  .account-layout,
  .preview-panel,
  .prepare-workspace,
  .enrich-workspace {
    grid-template-columns: 1fr;
  }

  .readiness-card {
    align-self: stretch;
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(250px, 2fr);
    grid-template-rows: auto;
    align-items: center;
    min-height: 76px;
  }

  .readiness-card .readiness-state {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    display: grid;
    align-content: center;
    padding: 13px 18px;
  }

  .readiness-card .readiness-heading {
    margin-top: 4px;
  }

  .readiness-card .readiness-facts {
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    display: grid;
    align-items: center;
    border-top: 0;
    border-left: 1px solid var(--color-border-default);
    padding: 13px 18px;
  }

  .readiness-card .readiness-summary {
    margin: 0;
  }

  .readiness-card:not(.has-readiness-facts) {
    grid-template-columns: 1fr;
  }

  #accountShell[data-account-mode="admin"] {
    width: min(100vw - 32px, 760px);
  }

  #accountShell[data-account-mode="admin"] .account-admin-sections {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  #accountShell[data-account-mode="admin"] .account-admin-section-wide {
    min-height: 280px;
  }

  .enrich-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-3);
  }

  .option-list {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(72px, auto);
  }

  .account-panel {
    height: min(720px, calc(100vh - 32px));
  }
}

@media (max-width: 640px) {
  .workspace {
    padding: var(--space-4);
  }

  .workspace-heading {
    gap: var(--space-2);
    justify-items: stretch;
  }

  .workspace-wordmark {
    justify-self: center;
    margin-bottom: var(--space-2);
  }

  .language-switcher {
    position: static;
    justify-self: stretch;
    justify-content: flex-start;
    transform: none;
    margin-bottom: 0;
  }

  .language-select {
    flex: 1 1 150px;
    max-width: 100%;
  }

  .account-strip {
    position: static;
    justify-self: stretch;
    justify-items: stretch;
    order: -1;
    margin-bottom: 0;
  }

  .workspace-heading .account-strip {
    position: static;
    transform: none;
  }

  .workspace-heading-actions {
    position: static;
    width: 100%;
    transform: none;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    order: -1;
  }

  .account-button {
    width: 100%;
  }

  .readiness-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .readiness-card .readiness-state,
  .readiness-card .readiness-heading,
  .readiness-card .readiness-facts {
    grid-column: 1;
    grid-row: auto;
  }

  .readiness-card:not(.has-readiness-facts) {
    grid-template-columns: 1fr;
  }

  .readiness-card .readiness-heading,
  .readiness-card .readiness-facts {
    margin: 0;
  }

  .readiness-card .readiness-facts {
    border-left: 0;
    padding: 0 14px 12px;
  }

  .readiness-card .readiness-summary {
    margin-left: 20px;
  }

  .upload-actions,
  .feedback-rating,
  .account-actions {
    grid-template-columns: 1fr;
  }

  #accountShell[data-account-mode="admin"] {
    height: min(820px, calc(100vh - 32px));
  }

  #accountShell[data-account-mode="admin"] .account-dashboard-head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  #accountShell[data-account-mode="admin"] .account-admin-toolbar {
    justify-content: start;
  }

  #accountShell[data-account-mode="admin"] .account-admin-section ul {
    grid-template-columns: 1fr;
  }

  .account-run-detail-head,
  .account-run-metrics {
    grid-template-columns: 1fr;
  }

  .account-run-downloads {
    justify-content: stretch;
    flex-wrap: wrap;
  }

  .account-run-downloads button {
    flex: 1 1 112px;
  }

  .payment-panel,
  .feedback-panel,
  .cleaning-request-panel,
  .register-request-panel,
  .guest-enrich-panel {
    width: calc(100vw - 32px);
  }

  .enrich-metrics,
  .option-list {
    grid-template-columns: 1fr;
  }

  .enrich-card {
    grid-template-columns: 34px minmax(0, 1fr) auto;
  }

  .enrich-list-head {
    display: none;
  }

  .enrich-capabilities {
    grid-column: 2 / -1;
  }

  .export-progress-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .export-progress-head {
    flex-wrap: wrap;
  }

  .export-progress-actions {
    width: 100%;
    justify-content: space-between;
  }

}

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


/* AIQA bundle source: styles_surfaces.css */
/* AIQA bundle source: styles_surface_frames.css */
/* Harmonized workflow frames: every workflow step uses the same primary frame dimensions. */
#uploadView .upload-intake-layout,
#checkView .master-panel,
#cleanView .panel,
#enrichView .enrich-panel,
#downloadView .preview-panel {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(201, 212, 228, 0.9);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 46px rgba(30, 45, 94, 0.08);
  padding: var(--space-3);
}

#uploadView .upload-intake-layout,
#checkView .master-panel,
#cleanView .panel,
#enrichView .enrich-panel,
#downloadView .preview-panel {
  flex: 1 1 0;
  min-height: 0;
  height: 100%;
  margin: 0;
}

#uploadView .upload-intake-layout,
#checkView .master-panel,
#cleanView .panel,
#enrichView .enrich-panel {
  height: 100%;
}

#cleanView .fix-grid,
#enrichView .option-list {
  box-sizing: border-box;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  align-content: start;
  gap: var(--space-2);
  padding: var(--space-2);
  overflow-y: auto;
  overflow-x: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  scrollbar-gutter: auto;
}

#cleanView .fix-grid {
  --whole-card-row-height: 64px;
  --whole-card-visible-rows: 6;
  flex: 0 0 auto;
  height: min(
    calc((var(--whole-card-row-height) * var(--whole-card-visible-rows)) + (var(--space-2) * (var(--whole-card-visible-rows) - 1))),
    100%
  );
  padding: 0;
}

#cleanView .fix-grid.is-cleanup-status-mode {
  flex: 1 1 auto;
  height: 100%;
  align-content: stretch;
  overflow: hidden;
}

#enrichView .option-list {
  padding: 0;
}

.crm-connected-list,
.fix-grid,
.option-list,
.price-list,
.table-wrap {
  scroll-snap-type: y mandatory;
  scroll-padding-block: 0;
}

.crm-connected-list > .crm-connector,
.fix-grid > .fix,
.option-list > .enrich-card,
.price-list > .price-row,
.price-list > .price-total,
.preview-table tbody tr {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

#checkView .master-table-wrap,
#checkView .master-table tbody tr {
  scroll-snap-type: none;
  scroll-snap-align: none;
  scroll-snap-stop: normal;
}

#cleanView .fix,
#enrichView .enrich-card {
  min-height: 64px;
  height: auto;
  border: 1px solid var(--color-border-subtle);
  border-left: 3px solid var(--color-brand-primary);
  border-radius: var(--radius-sm);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.94));
  box-shadow: none;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

#cleanView .fix:hover,
#enrichView .enrich-card:hover {
  border-color: rgba(36, 70, 133, 0.32);
  background: var(--color-brand-primary-soft);
  box-shadow: 0 8px 22px rgba(36, 70, 133, 0.08);
}

#cleanView .fix strong,
#enrichView .enrich-card strong {
  font-size: 13px;
  line-height: 1.25;
  color: var(--color-text-strong);
  font-weight: 760;
}

#cleanView .fix span,
#enrichView .enrich-price {
  justify-self: center;
  display: inline-flex;
  min-width: 48px;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(36, 70, 133, 0.18);
  border-radius: var(--radius-sm);
  background: var(--color-brand-primary-soft);
  color: var(--color-brand-primary);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

#cleanView .fix p,
#enrichView .enrich-capabilities {
  margin: 0;
  min-width: 0;
  color: var(--color-text-muted);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

#cleanView .fix p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: help;
}

#enrichView .enrich-capabilities {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: clip;
  white-space: normal;
}

#cleanView .fix {
  grid-template-columns: 24px minmax(168px, 0.74fr) minmax(0, 2.18fr) max-content;
  gap: var(--space-3);
  padding: 10px var(--space-3);
}

#cleanView .fix input {
  grid-column: 1;
  width: 18px;
  height: 18px;
  justify-self: center;
}

#cleanView .fix-top {
  grid-column: 4;
  grid-row: 1;
  order: initial;
  display: grid;
  grid-template-columns: max-content max-content;
  justify-self: end;
  width: auto;
  gap: 6px;
}

#cleanView .fix-top span {
  display: inline-flex;
  min-width: 64px;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

#cleanView .fix strong {
  grid-column: 2;
  min-width: 0;
}

#cleanView .fix p {
  grid-column: 3;
  max-width: 100%;
}

#cleanView .fix b {
  display: inline-flex;
  min-width: 78px;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: var(--radius-sm);
  background: rgba(36, 70, 133, 0.06);
  color: var(--color-brand-primary);
  font-size: 10px;
  font-weight: 850;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

#cleanView .cleanup-empty-state {
  min-height: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr);
  align-items: center;
  justify-content: center;
  align-content: center;
  gap: 22px;
  padding: 16px 24px;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-left: 4px solid rgba(36, 70, 133, 0.72);
  border-radius: var(--radius-sm);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(234, 240, 248, 0.64));
  color: var(--color-text-muted);
  box-shadow: 0 16px 38px rgba(36, 70, 133, 0.08);
}

#cleanView .fix-grid.is-cleanup-status-mode .cleanup-empty-state {
  grid-template-columns: minmax(112px, 144px) minmax(0, 520px);
}

#cleanView .cleanup-empty-proof {
  width: min(128px, 100%);
  height: auto;
  justify-self: center;
  color: var(--color-brand-primary);
  filter: drop-shadow(0 10px 14px rgba(36, 70, 133, 0.1));
}

#cleanView .cleanup-empty-copy {
  min-width: 0;
}

#cleanView .cleanup-empty-state strong {
  color: var(--color-text-strong);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.25;
}

#cleanView .cleanup-empty-state p {
  margin: 5px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.48;
  overflow-wrap: anywhere;
}

#enrichView .enrich-body {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  padding: 0;
  gap: var(--space-3);
}

#enrichView .enrich-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}

#enrichView .enrich-metrics span {
  min-height: 34px;
  border-radius: var(--radius-sm);
}

#enrichView .enrich-workspace {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  height: 100%;
  min-height: 0;
  align-items: stretch;
}

#enrichView .enrich-source-column {
  grid-column: 1 / -1;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: var(--space-2);
  min-width: 0;
}

#enrichView .enrich-source-column {
  align-self: stretch;
  height: 100%;
  min-height: 0;
  max-height: 100%;
}

#enrichView .option-list {
  min-height: 0;
  grid-auto-rows: 64px;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-padding-block: var(--space-2);
  scrollbar-color: rgba(36, 70, 133, 0.58) rgba(36, 70, 133, 0.08);
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  -ms-overflow-style: auto;
}

#enrichView .enrich-source-column,
#enrichView .enrich-workspace {
  -ms-overflow-style: none;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}

#enrichView .enrich-source-column::-webkit-scrollbar,
#enrichView .enrich-source-column::-webkit-scrollbar-thumb,
#enrichView .enrich-source-column::-webkit-scrollbar-track,
#enrichView .enrich-workspace::-webkit-scrollbar,
#enrichView .enrich-workspace::-webkit-scrollbar-thumb,
#enrichView .enrich-workspace::-webkit-scrollbar-track {
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  display: none;
}

#enrichOptionList::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  display: block;
}

#enrichOptionList::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.08);
}

#enrichOptionList::-webkit-scrollbar-thumb {
  min-height: 32px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.58);
  background-clip: padding-box;
}

#enrichOptionList::-webkit-scrollbar-thumb:hover {
  background: rgba(36, 70, 133, 0.78);
  background-clip: padding-box;
}

#enrichOptionList:focus-visible {
  border-radius: var(--radius-sm);
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 2px;
}

#enrichView .enrich-list-head,
#enrichView .enrich-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  grid-template-columns: 34px minmax(180px, 0.86fr) minmax(0, 1.72fr) 68px;
  column-gap: var(--space-3);
}

#enrichView .enrich-list-head {
  min-height: 34px;
  padding: 0 var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--color-surface-secondary);
}

#enrichView .enrich-card {
  padding: var(--space-2) var(--space-3);
}

#enrichView .enrich-source-request {
  border-color: var(--color-border-default);
  background: var(--color-surface-panel);
  box-shadow: inset 3px 0 0 rgba(36, 70, 133, 0.16);
  outline: 1px solid rgba(255, 255, 255, 0.72);
  outline-offset: -2px;
}

#enrichView .enrich-source-request:hover,
#enrichView .enrich-source-request:focus-visible {
  border-color: var(--color-border-strong);
  background: var(--color-surface-secondary);
  box-shadow: inset 3px 0 0 rgba(36, 70, 133, 0.22), 0 8px 16px rgba(30, 74, 138, 0.08);
}

#enrichView .enrich-card .checkmark {
  width: 28px;
  height: 28px;
}

#enrichView .enrich-price {
  min-width: 58px;
  min-height: 30px;
}

#enrichView .enrich-actions {
  justify-content: flex-end;
  align-items: center;
}

#enrichView .enrich-actions #applyEnrichment {
  width: 150px;
  min-width: 150px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: none;
}

@media (max-width: 980px) {
  #enrichView .enrich-workspace {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  #cleanView .fix,
  #enrichView .enrich-card {
    height: auto;
    min-height: 64px;
  }

  #enrichView .option-list {
    grid-auto-rows: max-content;
  }

  #cleanView .fix {
    grid-template-columns: 1fr auto;
  }

  #cleanView .fix p {
    grid-column: 1 / -1;
  }

  #cleanView .fix input {
    grid-column: 1;
    grid-row: 1;
  }

  #cleanView .fix-top {
    grid-column: 2;
    grid-row: 1;
    width: auto;
  }

  #cleanView .fix strong {
    grid-column: 1 / -1;
  }

  #cleanView .cleanup-empty-state {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  #enrichView .enrich-metrics {
    grid-template-columns: 1fr;
  }

  #enrichView .enrich-card {
    grid-template-columns: 28px minmax(0, 1fr) 64px;
    grid-template-rows: auto auto;
    align-items: center;
    row-gap: var(--space-1);
  }

  #enrichView .enrich-card .checkmark {
    grid-column: 1;
    grid-row: 1;
  }

  #enrichView .enrich-card .option-copy {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  #enrichView .enrich-card .enrich-price {
    grid-column: 3;
    grid-row: 1;
  }

  #enrichView .enrich-card .enrich-capabilities {
    grid-column: 2 / -1;
    grid-row: 2;
  }

  #enrichView .enrich-list-head {
    display: none;
  }
}

@keyframes wordmark-glide {
  0%,
  100% {
    opacity: 0.62;
    transform: translateX(-5px) skewX(-18deg) scaleX(0.88);
  }

  48% {
    opacity: 0.96;
    transform: translateX(4px) skewX(-18deg) scaleX(1);
  }
}

/* Cleaner review grid treatment. */

/* AIQA bundle source: styles_surface_review_tables.css */
#checkView .master-panel {
  border-color: rgba(201, 212, 228, 0.88);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 46px rgba(30, 45, 94, 0.08);
  padding: var(--space-3);
}

#checkView .master-table-wrap {
  border: 1px solid rgba(36, 70, 133, 0.22);
  border-radius: var(--radius-md);
  background: #ffffff;
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overscroll-behavior: contain;
  overflow-anchor: none;
  contain: layout paint;
  will-change: scroll-position;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 8px 22px rgba(30, 45, 94, 0.04);
}

#checkView .master-table {
  font-size: 12px;
}

#checkView .master-table th,
#checkView .master-table td {
  min-width: 146px;
  box-sizing: border-box;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 8px 10px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#checkView .master-table th {
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  background: #f8fafc;
  color: var(--color-brand-primary);
  border-right: 1px solid rgba(218, 226, 238, 0.9);
  border-bottom: 1px solid rgba(201, 212, 228, 0.86);
  box-shadow: none;
}

#checkView .master-table .row-index {
  width: 76px;
  min-width: 76px;
  max-width: 76px;
  padding-inline: 10px;
  background: #f8fafc;
  background-clip: padding-box;
  color: rgba(36, 70, 133, 0.62);
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

#checkView .master-table th.row-index,
#checkView .master-table td.row-index,
#checkView .master-table tbody tr:nth-child(even) td.row-index,
#checkView .master-table tbody tr:hover td.row-index,
#checkView .master-table tbody tr:hover td.row-index.recognition-selected,
#checkView .master-table tbody tr:hover td.row-index.recognition-area-selected {
  background: #f8fafc !important;
}

#checkView .master-table.is-review-populating tr.is-review-active td,
#checkView .master-table.is-review-populating tr.is-review-active:nth-child(even) td {
  background: linear-gradient(180deg, #f4f8fe, #eef5fd);
}

#checkView .master-table.is-review-populating tr.is-review-pending td,
#checkView .master-table.is-review-populating tr.is-review-pending:nth-child(even) td {
  background: #fbfdff;
}

#checkView .master-table.is-review-populating tr.is-review-active td:not(.row-index) {
  box-shadow:
    inset 0 1px 0 rgba(36, 70, 133, 0.08),
    inset 0 -1px 0 rgba(36, 70, 133, 0.08);
}

#checkView .master-table.is-review-populating tr.is-review-active td:first-child {
  box-shadow: inset 3px 0 0 rgba(36, 70, 133, 0.46);
}

#checkView .master-table.is-review-populating tr.is-review-pending .row-index,
#checkView .master-table.is-review-populating tr.is-review-active .row-index {
  color: rgba(36, 70, 133, 0.42);
}

#checkView .master-table.is-review-populating tbody tr.is-review-active:hover td,
#checkView .master-table.is-review-populating tbody tr.is-review-pending:hover td {
  background: #edf4fc;
}

#checkView .review-pending-cell {
  min-height: 34px;
}

#checkView .review-cell-skeleton {
  display: block;
  width: var(--skeleton-width, 54%);
  height: 9px;
  margin-top: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(201, 212, 228, 0.48), rgba(224, 232, 243, 0.56));
}

#checkView .is-review-active .review-cell-skeleton {
  background: linear-gradient(90deg, rgba(36, 70, 133, 0.18), rgba(36, 70, 133, 0.08));
}

#checkView .is-review-active-cell .review-cell-skeleton {
  height: 10px;
  background: linear-gradient(90deg, rgba(36, 70, 133, 0.28), rgba(201, 212, 228, 0.72));
  box-shadow: 0 0 0 1px rgba(36, 70, 133, 0.06), 0 4px 12px rgba(36, 70, 133, 0.1);
}

#checkView .master-table tbody tr.is-review-bottom-blur .review-cell-skeleton {
  opacity: 0.58;
  filter: blur(1.2px);
}

#checkView .master-table.review-activity-table {
  width: 100%;
  min-width: 100%;
  height: 100%;
}

#checkView .master-table.review-activity-table .review-activity-cell,
#checkView .master-table.review-activity-table tbody tr:nth-child(even) .review-activity-cell,
#checkView .master-table.review-activity-table tbody tr:hover .review-activity-cell {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  border: 0;
  background: #ffffff;
}

#checkView .review-activity-state {
  min-height: min(560px, calc(100vh - 310px));
  display: grid;
  grid-template-columns: minmax(290px, 420px) minmax(260px, 1fr);
  grid-template-rows: auto auto;
  gap: 26px 34px;
  align-items: center;
  padding: clamp(26px, 4vw, 48px);
  color: var(--color-brand-primary);
  background:
    linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(255, 255, 255, 0.98)),
    #ffffff;
}

#checkView .review-activity-copy {
  min-width: 0;
}

#checkView .review-activity-kicker {
  display: block;
  margin-bottom: 10px;
  color: #dc6868;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

#checkView .review-activity-copy strong {
  display: block;
  color: var(--color-brand-primary);
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.08;
  font-weight: 900;
}

#checkView .review-activity-copy p {
  max-width: 48ch;
  margin: 12px 0 0;
  color: var(--color-text-muted);
  font-size: 14px;
  line-height: 1.5;
}

#checkView .review-activity-copy small {
  display: block;
  max-width: 44ch;
  margin-top: 12px;
  color: rgba(36, 70, 133, 0.74);
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#checkView .review-activity-rail {
  width: min(360px, 100%);
  height: 8px;
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(36, 70, 133, 0.16);
  border-radius: 999px;
  background: #eaf1fb;
}

#checkView .review-activity-rail span {
  display: block;
  width: var(--activity-progress, 8%);
  min-width: 28px;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #244685, #356bc4);
  transition: width 180ms ease;
}

#checkView .review-activity-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#checkView .review-activity-steps li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 9px 10px;
  border: 1px solid rgba(201, 212, 228, 0.76);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  color: rgba(36, 70, 133, 0.58);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.15;
}

#checkView .review-activity-steps span {
  flex: 0 0 10px;
  width: 10px;
  height: 10px;
  border: 2px solid rgba(36, 70, 133, 0.22);
  border-radius: 999px;
  background: #ffffff;
}

#checkView .review-activity-steps li.is-complete {
  color: rgba(36, 70, 133, 0.84);
  background: #f5f8fd;
}

#checkView .review-activity-steps li.is-complete span {
  border-color: rgba(36, 70, 133, 0.52);
  background: rgba(36, 70, 133, 0.52);
}

#checkView .review-activity-steps li.is-active {
  color: var(--color-brand-primary);
  border-color: rgba(36, 70, 133, 0.42);
  background: #eef5fd;
}

#checkView .review-activity-steps li.is-active span {
  border-color: #244685;
  box-shadow: 0 0 0 5px rgba(36, 70, 133, 0.1);
}

#checkView .review-activity-skeleton {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

#checkView .review-activity-skeleton-row {
  display: grid;
  grid-template-columns: 80px repeat(4, minmax(120px, 1fr));
  gap: 8px;
}

#checkView .review-activity-skeleton-row span {
  display: block;
  height: 24px;
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(218, 226, 238, 0.58), rgba(240, 245, 252, 0.92), rgba(218, 226, 238, 0.58));
  background-size: 220% 100%;
  animation: review-activity-scan 1.4s ease-in-out infinite;
}

#checkView .review-activity-skeleton-row span:not(:first-child)::after {
  content: "";
  display: block;
  width: var(--activity-cell-width, 56%);
  height: 100%;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.56);
}

#checkView .review-activity-state.is-error .review-activity-rail span {
  background: linear-gradient(90deg, #dc6868, #c95f5b);
}

@keyframes review-activity-scan {
  0% {
    background-position: 180% 0;
  }
  100% {
    background-position: -60% 0;
  }
}

@media (max-width: 900px) {
  #checkView .review-activity-state {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }

  #checkView .review-activity-steps {
    grid-template-columns: 1fr 1fr;
  }

  #checkView .review-activity-skeleton-row {
    grid-template-columns: 58px repeat(3, minmax(92px, 1fr));
  }

  #checkView .review-activity-skeleton-row span:nth-child(n+5) {
    display: none;
  }
}

#checkView .master-table.is-review-populating tbody tr:last-child td {
  box-shadow: inset 0 -1px 0 rgba(36, 70, 133, 0.16);
}

#checkView .master-table .virtual-spacer td {
  height: auto;
  min-height: 0;
  max-height: none;
  padding: 0;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}

#checkView .master-table tbody .row-index {
  border-right-color: rgba(201, 212, 228, 0.78);
  box-shadow: 4px 0 10px rgba(36, 70, 133, 0.035);
}

#checkView .excel-table td {
  background: #ffffff;
  border-right: 1px solid rgba(224, 232, 243, 0.82);
  border-bottom: 1px solid rgba(224, 232, 243, 0.82);
  color: #23344e;
}

#checkView .excel-table tbody tr:nth-child(even) td {
  background: #f8fafd;
}

#checkView .master-table tbody tr:hover td {
  background: #eaf0f8;
}

#downloadView .preview-table-wrap {
  flex: 1 1 auto;
  height: min(var(--preview-table-viewport-height, 459px), 100%);
  min-height: 0;
  max-height: min(var(--preview-table-viewport-height, 459px), 100%);
}

#downloadView .preview-table th,
#downloadView .preview-table td {
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 8px 12px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#downloadView .preview-table th {
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}

#checkView .master-table tbody tr:hover td.recognition-selected {
  background: #fbd9d6 !important;
}

#checkView .master-table tbody tr:hover td.recognition-area-selected {
  background: #fce3df !important;
}

#checkView .excel-table th[contenteditable="true"]:focus,
#checkView .excel-table td[contenteditable="true"]:focus {
  outline: 2px solid rgba(36, 70, 133, 0.48);
  background: #ffffff;
  box-shadow: inset 0 0 0 999px rgba(234, 240, 248, 0.24);
}

#checkView .review-actions {
  padding-top: var(--space-1);
}

/* AIQA orange is reserved for attention, highlighted decisions, and required actions. */
.step.active span {
  color: var(--color-brand-secondary);
  box-shadow: inset 0 0 0 1px rgba(220, 115, 112, 0.26);
}

.step.active strong {
  color: var(--color-brand-primary);
}

/* AIQA bundle source: styles_surface_compact_overrides.css */
#cleanView .fix b {
  border-color: rgba(220, 115, 112, 0.24);
  background: var(--color-brand-secondary-soft);
  color: var(--color-brand-secondary-hover);
}

#enrichSelectedCount,
.price-total strong {
  color: var(--color-brand-secondary);
}

.quality-card.attention {
  border-color: var(--color-border-default);
  box-shadow: var(--shadow-sm);
}

.quality-card.attention .readiness-state > span {
  color: var(--color-text-muted);
}

.quality-card.attention .readiness-heading strong {
  color: var(--color-text-strong);
}

.quality-card.attention .readiness-summary {
  color: var(--color-text-secondary);
}

.account-stripe-card.is-connected {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.86), rgba(255, 255, 255, 0.96));
  border-color: rgba(36, 70, 133, 0.16);
}

.price-total {
  border: 0;
  background: transparent;
}

#payButton {
  box-shadow: 0 10px 22px rgba(220, 115, 112, 0.14);
}

/* Keep Upload actions on the same geometry as the workflow action rows. */
#uploadView .upload-actions {
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: center;
}

#uploadView .upload-summary {
  grid-column: 1;
  justify-self: start;
}

/* Shared Apple treatment pass: calm copy, blue-navy hierarchy, and no passive orange. */
.workspace-card p,
.panel-head p,
.upload-summary,
.account-run-detail-head p,
.account-run-status,
.account-source-row small,
.account-payment-row small,
.account-provider-row label,
.account-provider-status,
.account-admin-analytics,
.account-admin-detail-status,
.crm-setup-step-card p,
#checkView .excel-table td,
#checkView .master-table td,
.price-row span,
.request-source-copy,
.request-source-note {
  color: var(--color-text-muted);
  font-weight: 500;
  letter-spacing: 0;
}

.account-settings-card label,
.account-settings-card input,
.account-source-row strong,
.account-payment-row strong,
.account-table td,
.account-table tbody td,
.master-table td:first-child,
.excel-table td:first-child {
  color: var(--color-text-strong);
  font-weight: 650;
}

.crm-status,
.account-settings-card span,
.account-run-detail-head span,
.account-run-metrics dt,
.account-metric span,
.account-provider-row input,
.account-provider-row select,
.account-admin-section span,
.account-admin-detail-head span,
.account-admin-detail-card span,
.account-table tbody td:last-child {
  color: var(--color-text-muted);
  font-weight: 760;
  letter-spacing: 0.01em;
}

.account-settings-card p,
.account-dashboard-card p,
.account-source-row,
.account-payment-row,
.account-table tbody tr {
  color: var(--color-text-muted);
}

.crm-status {
  background: rgba(36, 70, 133, 0.06);
  border-color: rgba(36, 70, 133, 0.12);
}

.crm-connector.is-connected .crm-status,
.account-source-row.is-connected small {
  color: var(--color-status-success);
  background: rgba(21, 128, 61, 0.08);
  border-color: rgba(21, 128, 61, 0.16);
}

#uploadView .upload-buttons {
  grid-column: 2;
  width: 150px;
  justify-self: end;
}

#uploadView .continue-button {
  width: 150px;
  min-width: 150px;
  height: 40px;
  min-height: 40px;
  margin-top: 0;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-sizing: border-box;
}

/* AIQA bundle source: styles_surface_responsive.css */
@media (max-width: 640px) {
  .dropzone.has-upload-diagnostic .file-tray {
    grid-template-columns: 1fr;
  }

  .dropzone.has-upload-diagnostic .upload-processing-card {
    grid-column: 1 / -1;
  }

  #uploadView .upload-actions {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  #uploadView .upload-summary {
    grid-column: auto;
    justify-self: stretch;
  }

  #uploadView .upload-buttons,
  #uploadView .continue-button {
    grid-column: auto;
    width: 100%;
  }
}

/* Upload uses the same frame-plus-actions rhythm as the later workflow steps. */
#uploadView.active {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  gap: var(--space-3);
  overflow: hidden;
}

#uploadView .upload-intake-layout {
  flex: 1 1 0;
  min-height: 0;
}

#uploadView .dropzone {
  min-height: 0;
  height: 100%;
}

#uploadView .dropzone.has-file {
  align-content: start;
  justify-items: stretch;
  place-items: start stretch;
  text-align: left;
}

#uploadView .dropzone.has-file .file-tray {
  width: 100%;
  max-width: none;
  align-self: start;
  justify-self: stretch;
  grid-template-columns: repeat(auto-fill, minmax(168px, 188px));
  justify-content: start;
}

#uploadView .dropzone.has-file .file-card {
  width: 100%;
  min-width: 0;
}

#uploadView .dropzone.has-upload-diagnostic .file-tray {
  grid-template-columns: repeat(auto-fill, minmax(168px, 188px));
  align-items: start;
}

#uploadView .dropzone.has-upload-diagnostic .upload-processing-card {
  grid-column: 1 / -1;
  max-width: 640px;
}

#uploadView .dropzone.has-upload-diagnostic .upload-diagnostic-card {
  grid-column: 1 / -1;
  max-width: 640px;
}

#uploadView .dropzone.has-upload-diagnostic .file-card {
  align-self: start;
}

#uploadView .upload-actions {
  flex: 0 0 40px;
  min-height: 40px;
  margin-top: 0;
  padding: 0;
  border-top: 0;
}

#uploadView .upload-summary {
  grid-column: 1;
  justify-self: stretch;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  min-height: 40px;
  padding: 2px 0 0;
  border: 0;
  background: transparent;
}

#uploadView .upload-actions strong,
#uploadView .upload-actions small {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
  line-height: 1;
  white-space: nowrap;
}

#uploadView .upload-actions strong {
  white-space: nowrap;
}

#uploadView .upload-actions small {
  white-space: nowrap;
}

@media (max-width: 640px) {
  #uploadView .upload-summary {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: start;
    align-items: center;
    gap: 2px;
    padding-top: 0;
  }

  #uploadView .dropzone.has-file .file-tray {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .support-analysis-grid,
  .support-identity-strip {
    grid-template-columns: 1fr;
  }

  .support-artifact-links,
  .support-corrected-panel {
    grid-template-columns: 1fr;
  }
}

/* Desktop uses one fluid shell; height is distributed by the grid itself. */
@media (min-width: 901px) {
  .app,
  .workspace {
    min-height: calc(100svh - var(--layout-footer-height));
  }
}

@media (min-width: 821px) and (max-height: 780px) {
  #enrichView .enrich-source-column {
    grid-template-rows: auto minmax(112px, 1fr) auto;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-color: rgba(36, 70, 133, 0.58) rgba(36, 70, 133, 0.08);
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    -ms-overflow-style: auto;
  }

  #enrichView .enrich-source-column::-webkit-scrollbar {
    display: block;
    width: 8px !important;
  }

  #enrichView .enrich-source-column::-webkit-scrollbar-thumb {
    display: block;
    border-radius: 999px;
    background: rgba(36, 70, 133, 0.58) !important;
  }

  #enrichView .enrich-source-column::-webkit-scrollbar-track {
    display: block;
    background: rgba(36, 70, 133, 0.08) !important;
  }

  #enrichView .custom-enrichment-card {
    min-height: min-content;
  }

  #enrichView .option-list {
    min-height: 112px;
    grid-auto-rows: 56px;
  }

  #enrichView .enrich-source-request {
    min-height: 46px;
    padding-block: 4px;
  }

  #enrichView .enrich-source-request .request-source-copy small {
    display: none;
  }
}

/* Reposition the workflow navigation as a top rail when a sidebar no longer fits. */
@media (max-width: 900px) {
  .app,
  .app.sidebar-collapsed {
    align-content: start;
    min-height: auto;
  }

  .side,
  .app.sidebar-collapsed .side {
    min-height: 0;
    height: auto;
    padding: var(--space-3) var(--space-6);
    border-right: 0;
    border-bottom: 1px solid var(--color-border-default);
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: var(--space-2);
  }

  .brand,
  .app.sidebar-collapsed .brand,
  .readiness-facts,
  .app.sidebar-collapsed .readiness-facts {
    display: none;
  }

  .steps,
  .app.sidebar-collapsed .steps {
    width: 100%;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-items: stretch;
    gap: var(--space-2);
  }

  .step,
  .app.sidebar-collapsed .step {
    width: auto;
    min-width: 0;
    min-height: 48px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 3px;
    padding: 5px 3px;
    text-align: center;
  }

  .step span,
  .app.sidebar-collapsed .step span {
    width: 30px;
    height: 30px;
  }

  .step strong,
  .app.sidebar-collapsed .step strong {
    display: block;
    max-width: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.1;
    text-overflow: ellipsis;
  }

  .quality-card,
  .app.sidebar-collapsed .quality-card {
    width: 100%;
    min-height: 40px;
    display: grid;
    padding: 0;
  }

  .quality-card[data-readiness="idle"],
  .app.sidebar-collapsed .quality-card[data-readiness="idle"] {
    display: none;
  }

  .readiness-state,
  .app.sidebar-collapsed .readiness-state {
    padding: 7px 12px;
  }

  .workspace {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-rows: auto auto auto;
    align-content: start;
  }

  .workspace-heading,
  .workspace-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .workspace-card {
    flex-basis: auto;
    overflow: visible;
  }

  #uploadView.active {
    flex: 0 0 auto;
    overflow: visible;
  }

  #uploadView .upload-intake-layout {
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) 324px;
  }

  #uploadView .dropzone {
    height: auto;
    min-height: 360px;
  }

  #uploadView .crm-connectors {
    height: auto;
  }

  #uploadView .crm-connected-list {
    max-block-size: clamp(280px, 38svh, 340px);
    overflow-y: auto;
  }

  .view.active {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }

  #checkView.active,
  #cleanView.active,
  #enrichView.active,
  #prepareView.active,
  #downloadView.active {
    flex: 0 0 auto;
    overflow: visible;
  }

  #checkView .master-panel,
  #cleanView .panel,
  #enrichView .enrich-panel,
  #prepareView .prepare-panel,
  #downloadView .download-process-panel,
  #downloadView .preview-panel {
    height: auto;
    min-height: 0;
    flex: 0 0 auto;
  }

  #checkView .master-table-wrap {
    block-size: clamp(340px, 54svh, 560px);
    flex: 0 1 auto;
  }

  #cleanView .fix-grid {
    height: auto;
    max-block-size: clamp(340px, 58svh, 620px);
    flex: 0 1 auto;
  }

  #enrichView .enrich-body,
  #enrichView .enrich-workspace,
  #enrichView .enrich-source-column {
    height: auto;
    max-height: none;
  }

  #enrichView .enrich-body {
    grid-template-rows: auto auto;
  }

  #enrichView .enrich-source-column {
    grid-template-rows: auto auto auto;
  }

  #enrichView .option-list {
    height: auto;
    max-block-size: clamp(340px, 54svh, 580px);
    flex: 0 1 auto;
  }

  #prepareView .prepare-panel {
    grid-template-rows: auto auto;
  }

  #prepareView .prepare-workspace {
    grid-template-rows: auto auto;
  }

  #prepareView .prepare-preview-column {
    grid-template-rows: auto auto;
  }

  #prepareView .preview-lockup {
    block-size: clamp(320px, 50svh, 540px);
  }

  #prepareView .prepare-pricing,
  #prepareView .price-list {
    height: auto;
  }

  #prepareView .price-list {
    max-block-size: clamp(240px, 40svh, 420px);
  }

  #downloadView .download-process-panel .export-progress {
    height: auto;
    grid-template-rows: auto auto auto auto auto;
  }

  #downloadView .download-process-panel .export-workbench {
    min-block-size: clamp(280px, 46svh, 500px);
  }
}

@media (max-width: 640px) {
  .side,
  .app.sidebar-collapsed .side {
    padding: 10px var(--space-4);
  }

  .steps,
  .app.sidebar-collapsed .steps {
    gap: 4px;
  }

  .step,
  .app.sidebar-collapsed .step {
    min-height: 46px;
    padding-inline: 2px;
  }

  .step strong,
  .app.sidebar-collapsed .step strong {
    font-size: 9px;
  }

  .workspace-heading {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: var(--space-2) var(--space-3);
    justify-items: stretch;
  }

  .workspace-wordmark {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    margin: 0;
    padding: 2px 8px 6px;
    gap: 4px;
  }

  .workspace-wordmark-logo {
    width: 64px;
  }

  .workspace-wordmark-go {
    font-size: 18px;
  }

  .language-switcher {
    position: static;
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 4px;
    margin: 0;
    transform: none;
  }

  .language-select {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    padding-inline: 7px 18px;
    font-size: 11px;
  }

  .workspace-heading .account-strip {
    position: static;
    grid-column: 2;
    grid-row: 2;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    transform: none;
  }

  .account-button {
    width: 100%;
    min-width: 0;
  }

  .workspace-card {
    height: auto;
    min-height: 0;
    flex-basis: auto;
    overflow: visible;
  }

  .header > div {
    min-width: 0;
  }

  .header h1,
  #viewText {
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: break-word;
  }

  #prepareView .prepare-metrics span {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    padding-inline: 4px;
    white-space: normal;
    text-align: center;
    line-height: 1.15;
  }

  #prepareView .prepare-metrics strong {
    font-size: 17px;
  }

  #uploadView .upload-intake-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  #uploadView .dropzone {
    min-height: 300px;
  }

  #uploadView .crm-connected-list {
    grid-template-columns: minmax(0, 1fr);
  }

  #cleanView .fix {
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    row-gap: var(--space-1);
  }

  #cleanView .fix input {
    grid-column: 1;
    grid-row: 1;
  }

  #cleanView .fix strong {
    grid-column: 2;
    grid-row: 1;
  }

  #cleanView .fix-top {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
  }

  #cleanView .fix p {
    grid-column: 2;
    grid-row: 3;
  }

  #enrichView .enrich-source-request {
    grid-template-columns: 28px minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
  }

  #enrichView .enrich-source-request .request-source-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
  }

  #enrichView .enrich-source-request .request-source-copy {
    grid-column: 2;
    grid-row: 1;
  }

  #enrichView .enrich-source-request .request-source-note {
    grid-column: 2;
    grid-row: 2;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}

/* AIQA bundle source: styles_review_configuration.css */
.workflow-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
}

.workflow-help {
  color: var(--color-text-muted);
  font-size: 0.8rem;
}

.workflow-help > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(81, 111, 160, 0.2);
  border-radius: 50%;
  background: #fff;
  color: var(--color-brand-primary);
  font-size: 18px;
  cursor: pointer;
  list-style: none;
}

.workflow-help > summary::-webkit-details-marker { display: none; }
.workflow-help > summary:focus-visible,
.instruction-details > summary:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 3px;
}

.workflow-heading > .workflow-help[open] { flex-basis: 100%; }
#workflowHelp #viewText {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.workflow-help > p,
.workflow-help > small {
  display: block;
  max-width: 65ch;
  margin: 8px 0 0;
  line-height: 1.45;
}

.instruction-guidance {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-top: 8px;
  color: var(--color-text-muted);
}
.instruction-guidance > .workflow-help[open] { flex-basis: 100%; }
.instruction-help { margin-top: 6px; }
#customEnrichmentPriceHelp {
  display: block;
  margin-top: 8px;
  font-size: 0.74rem;
  line-height: 1.4;
  color: var(--color-text-muted);
}
.instruction-details { margin-top: 4px; }
.instruction-details > summary {
  width: fit-content;
  color: var(--color-brand-primary);
  font-size: 0.74rem;
  cursor: pointer;
}
.export-workbench-status.is-complete::before,
.export-workbench-status.is-complete .export-rate-link::before { display: none; }

.custom-cleaning-card {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(81, 111, 160, 0.2);
  border-left: 3px solid var(--color-brand-primary);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: none;
  overflow: hidden;
}

.custom-cleaning-disclosure > summary {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 9px 14px;
  cursor: pointer;
  list-style: none;
}

.custom-cleaning-disclosure > summary::-webkit-details-marker {
  display: none;
}

.custom-cleaning-disclosure > summary:focus-visible {
  outline: 3px solid rgba(36, 70, 133, 0.18);
  outline-offset: -3px;
}

.custom-action-kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 8px;
  border-radius: 8px;
  background: rgba(36, 70, 133, 0.09);
  color: var(--color-brand-primary);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.custom-cleaning-summary-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.custom-cleaning-summary-copy > strong {
  margin: 0;
  color: var(--color-brand-primary);
  font-size: 0.95rem;
}

.custom-cleaning-summary-copy > small {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 0.76rem;
  line-height: 1.3;
}

.custom-cleaning-count {
  padding: 0;
  color: var(--color-text-muted);
  font-size: 0.68rem;
  font-weight: 650;
  white-space: nowrap;
}

.custom-cleaning-toggle {
  min-width: 104px;
  padding: 8px 11px;
  border: 1px solid rgba(36, 70, 133, 0.22);
  border-radius: 11px;
  color: var(--color-brand-primary);
  font-size: 0.75rem;
  font-weight: 750;
  text-align: center;
  white-space: nowrap;
}

.custom-cleaning-toggle-open {
  display: none;
}

.custom-cleaning-disclosure[open] .custom-cleaning-toggle-closed {
  display: none;
}

.custom-cleaning-disclosure[open] .custom-cleaning-toggle-open {
  display: inline;
}

.custom-cleaning-body {
  padding: 0 14px 14px;
  border-top: 1px solid rgba(81, 111, 160, 0.12);
}

.custom-cleaning-disclosure:not([open]) > .custom-cleaning-body {
  display: none;
}

.custom-cleaning-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin-top: 10px;
}

.custom-cleaning-form input {
  min-width: 0;
  height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(82, 112, 161, 0.28);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.95);
  color: var(--color-text-primary);
  font: inherit;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.custom-cleaning-form input:focus {
  border-color: rgba(36, 70, 133, 0.6);
  box-shadow: 0 0 0 4px rgba(36, 70, 133, 0.1);
}

.custom-cleaning-form button {
  min-height: 40px;
  border-radius: 13px;
}

#customCleaningHelp,
#customEnrichmentHelp {
  display: block;
  margin-top: 6px;
  color: var(--color-text-muted);
  font-size: 0.74rem;
  line-height: 1.4;
}

#customCleaningHelp strong,
#customEnrichmentHelp strong {
  color: var(--color-text-primary);
}

.custom-cleaning-list {
  display: grid;
  gap: 8px;
  max-height: 124px;
  margin-top: 6px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.custom-cleaning-step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid rgba(82, 112, 161, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
}

.custom-cleaning-step[data-status="unsupported"] {
  border-color: rgba(197, 83, 76, 0.35);
  background: rgba(255, 245, 244, 0.92);
}

.custom-cleaning-step-number {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  background: rgba(36, 70, 133, 0.09);
  color: var(--color-brand-primary);
  font-size: 0.76rem;
  font-weight: 800;
}

.custom-cleaning-step-copy {
  min-width: 0;
}

.custom-cleaning-step-copy strong,
.custom-cleaning-step-copy small {
  display: block;
  overflow-wrap: anywhere;
}

.custom-cleaning-step-copy strong {
  color: var(--color-text-primary);
  font-size: 0.82rem;
}

.custom-cleaning-step-copy small {
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 0.72rem;
}

.custom-cleaning-step-mode {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 3px;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.08);
  color: var(--color-brand-primary);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.custom-cleaning-remove,
.review-columns-all {
  padding: 6px 9px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--color-brand-primary);
  font: inherit;
  font-size: 0.74rem;
  font-weight: 750;
  cursor: pointer;
}

.custom-cleaning-remove:hover,
.review-columns-all:hover {
  background: rgba(36, 70, 133, 0.08);
}

.custom-cleaning-status,
.review-columns-status {
  min-height: 1em;
  margin: 8px 2px 0;
  color: var(--color-text-muted);
  font-size: 0.74rem;
}

.custom-cleaning-status:empty {
  display: none;
}

.custom-cleaning-status[data-tone="error"],
.review-columns-status[data-tone="error"] {
  color: #a33c37;
}

#cleanView .fix-grid {
  flex: 0 1 auto;
  height: auto;
  min-height: 0;
}

#cleanView .panel {
  align-content: flex-start;
  gap: 8px;
}

#cleanView .fix-grid.is-cleanup-status-mode {
  height: auto;
}

/* A completed empty result is a status row, not a full-height illustration.
   Keep loading/error panels and populated suggestion lists unchanged. */
#cleanView .panel:has(.cleanup-empty-state) {
  flex: 0 1 auto;
  height: auto;
  overflow-y: auto;
}

#cleanView .fix-grid.is-cleanup-status-mode:has(.cleanup-empty-state) {
  flex: 0 0 auto;
  align-content: start;
}

#cleanView .fix-grid.is-cleanup-status-mode .cleanup-empty-state {
  min-height: 0;
  height: auto;
  grid-template-columns: 28px minmax(0, 1fr);
  justify-content: start;
  justify-items: stretch;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(81, 111, 160, 0.16);
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
  text-align: left;
}

#cleanView .cleanup-empty-proof {
  width: 28px;
  height: 28px;
  filter: none;
}

#prepareView .prepare-preview-column {
  position: relative;
  grid-template-rows: auto auto minmax(0, 1fr);
}

#checkView .master-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.preview-schema-toolbar {
  position: relative;
  z-index: 20;
  display: flex;
  min-width: 0;
  align-items: center;
  align-self: flex-start;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 10px;
}

.preview-schema-toolbar[hidden] {
  display: none;
}

.preview-schema-toolbar .review-columns-status {
  max-width: 240px;
  margin: 0;
  text-align: right;
  font-size: 0.7rem;
  line-height: 1.25;
}

.preview-schema-toolbar .review-columns-status:empty {
  display: none;
}

.review-configuration {
  position: relative;
  z-index: 8;
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(82, 112, 161, 0.16);
  background: rgba(248, 251, 255, 0.88);
}

.review-configuration.is-confidence-only {
  grid-template-columns: minmax(0, 1fr);
}

.review-columns-menu {
  position: relative;
}

.review-columns-menu summary {
  list-style: none;
}

.review-columns-menu summary::-webkit-details-marker {
  display: none;
}

.review-columns-menu:not([open]) > .review-columns-popover {
  display: none;
}

.review-config-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid rgba(82, 112, 161, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  color: var(--color-brand-primary);
  font-size: 0.78rem;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
  box-shadow: 0 5px 14px rgba(42, 67, 107, 0.06);
}

.review-config-button strong {
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(36, 70, 133, 0.08);
  font-size: 0.68rem;
}

.review-columns-menu.is-locked .review-config-button {
  cursor: default;
  opacity: 0.62;
}

.review-columns-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 30;
  width: min(360px, calc(100vw - 48px));
  padding: 14px;
  border: 1px solid rgba(82, 112, 161, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 22px 55px rgba(26, 46, 82, 0.2);
  backdrop-filter: blur(20px);
}

.review-columns-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 1px 2px 10px;
}

.review-columns-head strong,
.review-columns-head small {
  display: block;
}

.review-columns-all {
  white-space: nowrap;
}

.review-column-add-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  margin-bottom: 9px;
}

.review-column-add-field {
  position: relative;
  display: block;
  min-width: 0;
}

.review-column-add-field > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.review-column-add-field input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 11px;
  border: 1px solid rgba(82, 112, 161, 0.24);
  border-radius: 11px;
  background: #fff;
  color: var(--color-text-primary);
  font: inherit;
  font-size: 0.78rem;
  outline: none;
}

.review-column-add-field input:focus {
  border-color: rgba(36, 70, 133, 0.58);
  box-shadow: 0 0 0 3px rgba(36, 70, 133, 0.1);
}

.review-column-add-form button {
  min-height: 36px;
  padding-inline: 15px;
  border-radius: 10px;
}

.review-columns-head strong {
  color: var(--color-brand-primary);
  font-size: 0.84rem;
}

.review-columns-head small {
  max-width: 250px;
  margin-top: 3px;
  color: var(--color-text-muted);
  font-size: 0.69rem;
  line-height: 1.35;
}

.review-columns-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  max-height: 260px;
  overflow: auto;
  padding: 2px;
}

.review-columns-search {
  position: relative;
  display: block;
  margin-bottom: 9px;
}

.review-columns-search > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.review-columns-search input {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(82, 112, 161, 0.22);
  border-radius: 10px;
  background: #fff;
  color: var(--color-text-primary);
  font: inherit;
  font-size: 0.76rem;
  outline: none;
}

.review-columns-search input:focus {
  border-color: rgba(36, 70, 133, 0.58);
  box-shadow: 0 0 0 3px rgba(36, 70, 133, 0.1);
}

.review-columns-empty {
  margin: 8px 4px;
  color: var(--color-text-muted);
  font-size: 0.76rem;
}

.review-column-option {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 8px 7px 10px;
  border: 1px solid rgba(82, 112, 161, 0.12);
  border-radius: 10px;
  background: rgba(248, 251, 255, 0.72);
  color: var(--color-text-primary);
  font-size: 0.76rem;
}

.review-column-option:hover {
  border-color: rgba(82, 112, 161, 0.2);
  background: rgba(248, 251, 255, 0.98);
}

.review-column-option span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-column-option button {
  flex: 0 0 auto;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: rgba(224, 107, 104, 0.08);
  color: #a64a49;
  font: inherit;
  font-size: 0.69rem;
  font-weight: 800;
  cursor: pointer;
}

.review-column-option button:hover:not(:disabled) {
  border-color: rgba(224, 107, 104, 0.18);
  background: rgba(224, 107, 104, 0.14);
}

.review-column-option button:focus-visible {
  outline: 3px solid rgba(224, 107, 104, 0.16);
  outline-offset: 2px;
}

.review-column-option button:disabled {
  cursor: default;
  opacity: 0.42;
}

.review-confidence-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  cursor: pointer;
}

.review-confidence-control > input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.review-confidence-switch {
  position: relative;
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: #cbd4e1;
  transition: background 160ms ease;
}

.review-confidence-switch i {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(30, 46, 72, 0.25);
  transition: transform 160ms ease;
}

.review-confidence-control > input:checked + .review-confidence-switch {
  background: var(--color-brand-primary);
}

.review-confidence-control > input:checked + .review-confidence-switch i {
  transform: translateX(16px);
}

.review-confidence-control > input:focus-visible + .review-confidence-switch {
  outline: 3px solid rgba(36, 70, 133, 0.18);
  outline-offset: 2px;
}

.review-confidence-control > input:disabled ~ * {
  opacity: 0.58;
}

.review-confidence-copy {
  min-width: 0;
}

.review-confidence-copy strong,
.review-confidence-copy small {
  display: block;
}

.review-confidence-copy strong {
  color: var(--color-brand-primary);
  font-size: 0.77rem;
}

.review-confidence-copy small {
  margin-top: 2px;
  color: var(--color-text-muted);
  font-size: 0.67rem;
  line-height: 1.3;
}

@media (max-height: 780px) and (min-width: 821px) {
  .custom-cleaning-disclosure > summary {
    min-height: 58px;
    padding-block: 7px;
  }

  .custom-cleaning-form {
    margin-top: 6px;
  }

  .custom-cleaning-form input {
    height: 36px;
  }

  .custom-cleaning-form button {
    min-height: 36px;
  }

  #customCleaningHelp,
  #customEnrichmentHelp {
    margin-top: 5px;
    font-size: 0.69rem;
    line-height: 1.25;
  }

  .review-columns-popover {
    padding: 10px;
    border-radius: 14px;
  }

  .review-columns-head {
    align-items: center;
    padding-bottom: 7px;
  }

  .review-columns-head small {
    display: none;
  }

  .review-columns-search {
    margin-bottom: 5px;
  }

  .review-columns-search input {
    height: 32px;
  }

  .review-columns-list {
    gap: 3px;
    max-height: 190px;
  }

  .review-column-option {
    padding: 6px 8px;
  }
}

@media (max-width: 820px) {
  #cleanView .fix-grid {
    min-height: 0;
  }

  #prepareView .prepare-preview-column {
    grid-template-rows: auto auto auto;
  }

  .review-configuration {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .preview-schema-toolbar {
    align-self: flex-end;
  }

  .review-columns-popover {
    width: min(360px, calc(100vw - 48px));
    box-shadow: 0 12px 30px rgba(26, 46, 82, 0.14);
  }
}

@media (max-width: 620px) {
  .custom-cleaning-disclosure > summary {
    grid-template-columns: 54px minmax(0, 1fr) auto;
    gap: 9px;
  }

  .custom-cleaning-summary-copy > small {
    display: none;
  }

  .custom-cleaning-count {
    display: none;
  }

  .custom-enrichment-card .custom-cleaning-count {
    display: block;
    grid-column: 2;
    grid-row: 2;
  }

  .custom-enrichment-card .custom-cleaning-toggle {
    grid-column: 3;
    grid-row: 1;
  }

  .custom-cleaning-toggle {
    min-width: 0;
    padding: 7px 9px;
  }

  .custom-cleaning-body {
    padding: 0 12px 12px;
  }

  .custom-cleaning-form,
  .custom-cleaning-step {
    grid-template-columns: 1fr;
  }

  .custom-cleaning-step-number {
    display: none;
  }

  .custom-cleaning-remove {
    justify-self: start;
  }

  .preview-schema-toolbar {
    display: grid;
    width: 100%;
    align-items: stretch;
    align-self: stretch;
    gap: 6px;
  }

  .review-columns-menu {
    width: 100%;
  }

  .review-config-button {
    width: 100%;
    justify-content: space-between;
  }

  .preview-schema-toolbar .review-columns-status {
    grid-row: 2;
    max-width: none;
    text-align: left;
  }

  .review-columns-popover {
    position: relative;
    top: auto;
    width: 100%;
    margin-top: 8px;
  }
}

/* Preview schema actions live in the table header so they consume no extra workspace row. */
.preview-schema-toolbar {
  display: none;
}

.preview-schema-toolbar:has(.review-columns-status:not(:empty)) {
  display: flex;
}

.preview-schema-toolbar[hidden] {
  display: none;
}

#checkView .master-panel {
  position: relative;
}

#checkView .master-table {
  width: var(--preview-table-width, max-content);
  min-width: var(--preview-table-width, 0);
  table-layout: fixed;
}

#checkView .master-table th:not(.row-index),
#checkView .master-table td:not(.row-index) {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
}

#checkView .master-table th[data-preview-schema-column] {
  overflow: visible;
  padding-right: 6px;
}

#checkView .master-table th[data-preview-schema-column].is-preview-schema-active {
  z-index: 12;
}

.preview-schema-column-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

.preview-schema-column-heading > .preview-schema-column-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.preview-schema-field-actions {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
}

#checkView .master-table th.needs-preview-schema-clarification {
  background: #fffaf0;
}

.preview-schema-clarification-control {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
}

.preview-schema-clarification-control [data-preview-schema-clarify] {
  display: inline-grid;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  place-items: center;
  padding: 0;
  border: 2px solid #dc8b00;
  border-radius: 50%;
  background: #fffaf0;
  color: #b66b00;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.preview-schema-clarification-control [data-preview-schema-clarify]:hover:not(:disabled),
.preview-schema-clarification-control [data-preview-schema-clarify]:focus-visible {
  background: #fff1cf;
  outline: 3px solid rgba(220, 139, 0, 0.18);
  outline-offset: 1px;
}

.preview-schema-clarification-control [data-preview-schema-clarify]:disabled {
  cursor: default;
  opacity: 0.45;
}

.preview-schema-clarification-tooltip {
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  z-index: 55;
  display: none;
  width: max-content;
  max-width: 190px;
  padding: 5px 8px;
  transform: translateX(-50%);
  border-radius: 7px;
  background: #26364f;
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(26, 46, 82, 0.18);
}

.preview-schema-clarification-control:hover .preview-schema-clarification-tooltip,
.preview-schema-clarification-control:focus-within .preview-schema-clarification-tooltip {
  display: block;
}

.preview-schema-column-heading [data-preview-schema-menu] {
  display: inline-grid;
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--color-brand-primary);
  font: inherit;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.preview-schema-column-heading [data-preview-schema-menu] {
  visibility: visible;
  flex: 0 0 auto;
  opacity: 0.58;
}

.preview-schema-column-heading [data-preview-schema-menu]:hover:not(:disabled),
.preview-schema-column-heading [data-preview-schema-menu][aria-expanded="true"] {
  border-color: rgba(82, 112, 161, 0.14);
  background: rgba(36, 70, 133, 0.08);
  opacity: 1;
}

.preview-schema-column-heading [data-preview-schema-menu]:focus-visible {
  outline: 3px solid rgba(36, 70, 133, 0.16);
  outline-offset: 1px;
}

.preview-schema-column-heading [data-preview-schema-menu]:disabled {
  cursor: default;
  opacity: 0.36;
}

#checkView .master-table .row-index {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
  padding-inline: 8px;
}

#checkView .master-table.annotation-mode .preview-schema-column-heading [data-preview-schema-menu] {
  visibility: hidden;
  pointer-events: none;
}

.preview-schema-column-popover {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  right: auto;
  z-index: 45;
  display: none;
  width: 188px;
  padding: 6px;
  transform: translateX(-50%);
  border: 1px solid rgba(82, 112, 161, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.99);
  color: var(--color-text-primary);
  text-align: left;
  text-transform: none;
  white-space: normal;
  box-shadow: 0 14px 32px rgba(26, 46, 82, 0.17);
}

#checkView .master-table th.is-preview-schema-active .preview-schema-column-popover {
  display: grid;
}

.preview-schema-column-popover [data-preview-schema-action],
.preview-schema-column-popover [data-preview-schema-remove] {
  width: 100%;
  min-height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--color-brand-primary);
  font: inherit;
  font-size: 0.76rem;
  font-weight: 850;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.preview-schema-column-popover [data-preview-schema-remove] {
  color: #b2343e;
}

.preview-schema-column-popover [data-preview-schema-action]:hover:not(:disabled),
.preview-schema-column-popover [data-preview-schema-action]:focus-visible {
  background: rgba(36, 70, 133, 0.07);
}

.preview-schema-column-popover [data-preview-schema-remove]:hover:not(:disabled),
.preview-schema-column-popover [data-preview-schema-remove]:focus-visible {
  background: rgba(178, 52, 62, 0.08);
}

.preview-schema-column-popover [data-preview-schema-action]:disabled,
.preview-schema-column-popover [data-preview-schema-remove]:disabled {
  cursor: default;
  opacity: 0.38;
}

.preview-schema-add-popover {
  position: absolute;
  top: 54px;
  left: 18px;
  z-index: 46;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 12px;
  width: min(360px, calc(100% - 24px));
  padding: 16px;
  border: 1px solid rgba(82, 112, 161, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 16px 36px rgba(26, 46, 82, 0.18);
}

.preview-schema-editor-title {
  color: var(--color-brand-primary);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.2;
}

.preview-schema-add-popover[hidden] {
  display: none;
}

.preview-schema-add-popover .review-column-add-field > span {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0 0 5px;
  overflow: visible;
  clip: auto;
  clip-path: none;
  color: var(--color-text-muted);
  font-size: 0.7rem;
  white-space: normal;
}

.preview-schema-add-popover .review-column-add-field input {
  height: 38px;
  width: 100%;
}

.preview-schema-editor-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(88px, 1fr));
  width: max-content;
  max-width: 100%;
  margin-left: auto;
  align-items: center;
  gap: 8px;
}

.preview-schema-editor-actions button {
  /* Do not inherit the page-level primary action's top margin/min-width. */
  margin: 0;
  min-width: 0;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding-inline: 14px;
}

.preview-schema-undo {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 35;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 7px 7px 12px;
  border: 1px solid rgba(82, 112, 161, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.99);
  color: var(--color-text-primary);
  font-size: 0.76rem;
  box-shadow: 0 16px 36px rgba(26, 46, 82, 0.16);
}

.preview-schema-undo[hidden] {
  display: none;
}

.preview-schema-undo button {
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-radius: 9px;
  background: var(--color-brand-primary);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 620px) {
  .preview-schema-toolbar:has(.review-columns-status:not(:empty)) {
    display: flex;
    width: auto;
  }

  .preview-schema-add-popover {
    top: 50px;
    left: 12px;
    width: min(340px, calc(100% - 24px));
  }

  .preview-schema-undo {
    right: 12px;
    bottom: 12px;
  }
}


/* AIQA bundle source: styles_tables.css */
/* Opaque table surfaces: no table frame, index gutter, or grid cell should show the page through it. */
.table-wrap,
.preview-table-wrap,
.account-table-panel,
.account-table-wrap,
#checkView .master-table-wrap {
  background: #ffffff;
}

.data-table th,
.preview-table th,
.account-table th,
.account-run-table th,
#checkView .master-table th {
  background: #f8fafc;
}

.data-table td,
.preview-table td,
.account-table td,
.account-run-table td,
#checkView .master-table td {
  background: #ffffff;
  background-clip: padding-box;
}

.data-table tbody tr:nth-child(even) td,
.preview-table tbody tr:nth-child(even) td,
.account-table tbody tr:nth-child(even) td,
.account-run-table tbody tr:nth-child(even) td,
#checkView .master-table tbody tr:nth-child(even) td {
  background: #f8fafd;
}

.data-table tr:hover td,
.preview-table tr:hover td,
.account-table tr:hover td,
.account-run-table tr:hover td,
#checkView .master-table tbody tr:hover td {
  background: #eaf0f8;
}

.data-table td:first-child,
.preview-table td:first-child,
.account-table td:first-child,
.account-run-table td:first-child,
.data-table th:first-child,
.preview-table th:first-child,
.account-table th:first-child,
.account-run-table th:first-child,
#checkView .master-table .row-index {
  background: #f8fafc !important;
  background-clip: padding-box;
}

.data-table tr:hover td:first-child,
.preview-table tr:hover td:first-child,
.account-table tr:hover td:first-child,
.account-run-table tr:hover td:first-child {
  background: #f8fafc !important;
}

#checkView .master-table tbody tr:hover td.recognition-selected {
  background: #fbd9d6 !important;
}

#checkView .master-table tbody tr:hover td.recognition-area-selected {
  background: #fce3df !important;
}

#checkView .master-table tbody tr:hover td.row-index,
#checkView .master-table tbody tr:hover td.row-index.recognition-selected,
#checkView .master-table tbody tr:hover td.row-index.recognition-area-selected {
  background: #f8fafc !important;
}

/* AIQA bundle source: styles_fixed_workspace.css */
/* Owner-approved fixed workspace. Content scrolls; workflow geometry does not. */
#qualityCard {padding:14px;border-radius:12px;box-shadow:none}
#qualityCard .readiness-state>span {font-size:11px;letter-spacing:.04em}
#qualityCard #readinessStatus {font-size:12px;font-weight:500;line-height:1.4;color:#63738b}
#qualityCard .quality-counts {margin:10px 0 0;font-size:12px;line-height:1.6}
#qualityCard .quality-counts>div {display:flex;justify-content:space-between;gap:12px}
#qualityCard dt {color:#63738b}
#qualityCard dd {margin:0;font-variant-numeric:tabular-nums}
#qualityCard dd strong {font-size:12px;font-weight:600;color:#294779}
#qualityCard .is-zero,#qualityCard dd span {color:#8b97a9}
#qualityCard .quality-measurement-note {display:block;font-size:11px;color:#7b899c;margin-top:8px}
#qualityCard .quality-breakdown {font-size:11px;margin-top:8px;max-height:180px;overflow:auto}
#qualityCard .quality-breakdown table {width:100%;border-collapse:collapse;font-size:11px}
#qualityCard .quality-breakdown th,#qualityCard .quality-breakdown td {padding:4px;text-align:left;overflow-wrap:anywhere}
#qualityCard .quality-breakdown th:last-child,#qualityCard .quality-breakdown td:last-child {text-align:right}
.workspace .workspace-card {
  width:100%; max-width:1120px; height:720px; min-height:0; margin-inline:auto;
  padding:0 32px; display:grid; grid-template-rows:88px minmax(0,1fr);
  border:1px solid #d0dbee; border-radius:16px; overflow:hidden;
}
.workspace-card>.header {margin:0;padding:0;min-height:0;display:flex;align-items:center;justify-content:space-between}
.workspace-card>.view {min-height:0;margin:0;padding:0;overflow:hidden}
.workspace-card>:is(#uploadView,#checkView,#cleanView,#enrichView,#prepareView).active {display:grid;grid-template-rows:minmax(0,1fr) 80px;gap:0}
.workspace-card>:is(#uploadView,#checkView,#cleanView,#enrichView,#prepareView)>.panel,.workspace-card>#uploadView>.upload-intake-layout {
  min-height:0;height:100%;margin:0;padding:0;border:1px solid #d0dbee;border-radius:16px;overflow:hidden;box-shadow:none;
}
.workspace-card .view-actions {min-height:0;height:80px;margin:0;padding:0;align-items:center;border:0;gap:12px}
.workspace-card .view-actions .primary,.workspace-card .view-actions .pay-button,
.export-workbench-actions>.pay-button {min-width:150px;height:40px;min-height:40px;padding:0 20px;border-radius:10px;font-size:14px}
.workspace-card .view-actions .secondary,.export-workbench-actions>.secondary {height:40px;min-height:40px;padding:0 16px;border-radius:10px;font-size:13px}
.workspace-card .view-actions>p:empty {display:none}
.workspace-card h1 {font-size:32px;line-height:1.2;margin:0}
.workspace-card .workflow-heading {display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-width:0}
.workspace-card .workflow-heading h1 {min-width:0}
.workspace-card #workflowHelp {flex:0 0 28px;width:28px;height:28px}
.workspace-card #workflowHelp #viewText {display:none}
.workflow-help-popover {position:fixed;z-index:2000;box-sizing:border-box;width:360px;max-width:calc(100vw - 32px);padding:14px 16px;border:1px solid #d0dbee;border-radius:10px;background:#fff;color:#526784;font-size:14px;line-height:1.5;box-shadow:0 8px 28px #19365c20}
.workflow-help-popover[hidden] {display:none}
.workspace-heading {max-width:1120px;margin-inline:auto}
.workspace-card .upload-intake-layout {grid-template-columns:minmax(0,7fr) minmax(240px,3fr);gap:0}
.upload-intake-layout>.dropzone {height:100%;min-height:0;border:0;border-radius:0;overflow:auto}
.upload-intake-layout>.crm-connectors {height:100%;min-height:0;border:0;border-left:1px solid #d0dbee;border-radius:0;overflow:auto}
/* Preserve the original file/folder tiles and all CRM request controls. */
.upload-intake-layout .file-tray {max-height:100%;overflow:auto;align-content:start}
#checkView>.master-panel {display:flex;flex-direction:column}
#checkView .master-table-wrap {height:100%!important;max-height:none!important;min-height:0;flex:1;border:0;border-radius:0;overflow:auto}
#cleanView>.panel {display:flex;flex-direction:column}
#cleanView .cleaning-options-list {min-height:0;flex:1;overflow:auto}
#cleanView #fixGrid {min-height:0;flex:none;overflow:visible;display:flex;flex-direction:column;gap:0;padding:0}
#cleanView .cleaning-options-list>.custom-cleaning-list {max-height:none;overflow:visible;margin:0;gap:0}
#cleanView .cleaning-options-list>.custom-cleaning-list:empty,
#cleanView .cleaning-options-list>.custom-cleaning-status:empty {display:none}
#cleanView .cleaning-options-list .custom-cleaning-step {min-height:76px;padding:12px 16px;border-radius:0;border-width:0 0 1px}
#cleanView .cleaning-options-list>.custom-cleaning-status {margin:0;padding:12px 16px}
#cleanView #fixGrid>.fix {flex-shrink:0;border-radius:0;margin:0;border-width:0 0 1px;min-height:76px}
#fixGrid>.cleanup-empty-state {margin:0;min-height:0;padding:24px;border:0;border-radius:0;box-shadow:none}
.custom-action-kind,.enrich-metrics,.prepare-metrics,.enrich-list-head,.prepare-list-head {display:none!important}
.custom-action-row {margin:0!important;border:0!important;border-top:1px solid #d0dbee!important;border-radius:0!important;box-shadow:none;flex-shrink:0}
#customCleaningDisclosure>summary {display:flex;min-height:64px;padding:12px 16px;border-radius:0;gap:12px}
#customCleaningDisclosure .custom-cleaning-summary-copy {flex:1;min-width:0}
#customCleaningDisclosure .custom-cleaning-toggle {flex:0 0 auto;min-width:150px;width:auto}
.custom-cleaning-disclosure:not([open]) .custom-cleaning-count {display:none}
.custom-cleaning-body {max-height:250px;overflow:auto}
#enrichView .enrich-body,#enrichView .enrich-workspace,#enrichView .enrich-source-column {height:100%;min-height:0;display:flex;flex-direction:column;gap:0;padding:0;margin:0;overflow:hidden}
#enrichView #enrichOptionList {min-height:0;max-height:none;height:auto;flex:1;overflow:auto;gap:0;padding:0;display:flex;flex-direction:column}
#enrichOptionList>.cleanup-empty-state {flex:none;margin:0;padding:24px;border:0;border-radius:0;min-height:0;background:none;box-shadow:none}
#enrichOptionList>.cleanup-empty-state strong {display:block;font-size:16px;line-height:1.4}
#enrichOptionList>.cleanup-empty-state p {max-width:56ch;margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
#enrichView #enrichOptionList>.enrich-card {flex-shrink:0;min-height:76px;margin:0;border-radius:0;border-width:0 0 1px;box-shadow:none;grid-template-columns:28px 200px minmax(0,1fr) 86px;gap:16px;padding:12px 16px}
#enrichOptionList .enrich-capabilities {font-size:13px}
#enrichOptionList .enrich-price {width:86px;min-width:0;font-size:13px}
.custom-enrichment-heading {display:grid;grid-template-columns:28px 200px minmax(0,1fr) 86px;gap:16px;align-items:center;min-height:76px;padding:12px 16px}
.custom-enrichment-heading input {width:24px;height:24px;accent-color:var(--blue)}
.custom-enrichment-heading>strong {font-size:14px}
.custom-enrichment-heading>button {justify-self:start;height:40px;padding:0 14px;border-radius:10px;font-size:13px}
.custom-enrichment-heading>.enrich-price {width:86px;font-size:13px;text-align:center}
#customEnrichmentDisclosure>summary {display:none}
.enrich-selected-total {margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}
.enrich-row-price-note {font-size:12px;color:var(--muted)}
.enrich-selected-total strong {color:var(--blue);margin-left:8px}
#prepareView .prepare-workspace {height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(230px,1fr);gap:16px;margin:0;padding:0}
#prepareView>.prepare-panel {display:block}
#prepareView .prepare-preview-column {min-width:0;min-height:0;display:flex;flex-direction:column;gap:0;padding:0}
#prepareView .preview-lockup {flex:1;min-height:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}
#prepareView .preview-table-wrap {height:100%!important;max-height:none!important;border:0;border-radius:0;overflow:auto}
#prepareView .prepare-pricing {min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;margin:0;padding:0;border:0;border-left:1px solid #d0dbee;border-radius:0;box-shadow:none;overflow:auto}
#prepareView .prepare-pricing h3,.prepared-preview-title {margin:0;padding:16px;font-size:14px;line-height:20px;min-height:52px;background:#f7f9fc;border-bottom:1px solid #d0dbee}
#prepareView .price-list {flex:0 1 auto;min-height:0;max-height:none;overflow:auto;padding:0}
#prepareView .price-row {padding:14px 16px;gap:12px;min-height:0;font-size:13px;margin:0;border:0;border-bottom:1px solid #e6edf6;border-radius:0;background:none;box-shadow:none}
#prepareView .price-row span {white-space:normal;overflow-wrap:anywhere}
#prepareView .price-total {margin:0;padding:16px;border:0;border-top:1px solid #d0dbee;border-radius:0;font-size:14px;background:none;box-shadow:none}
#downloadView.active {display:block;position:relative}
#downloadView>#downloadProcessPanel {height:100%;padding:0;border:0;border-radius:0;overflow:visible}
#downloadView #exportWorkbench {height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto minmax(80px,auto);border:0;border-radius:0;overflow:visible;gap:0;background:none}
#downloadView #exportWorkbench[hidden] {display:none}
.workspace-card:has(#downloadView.active) .header {margin:0;align-items:center;gap:12px}
.workspace-heading .account-button {width:auto;min-width:160px;max-width:220px}
.workspace-heading .account-copy strong {max-width:none}
#exportRunSummary {grid-row:1}
#exportStageList {grid-row:2}
#exportWorkbench>.export-work-table-wrap {grid-row:3}
#exportPreviewPagination {grid-row:4}
#exportWorkbench>.export-workbench-footer {grid-row:5}
#exportWorkbench>.export-workbench-head {display:none}
#exportRunSummary {margin:0;min-height:48px;padding:10px 16px;border:1px solid #d0dbee;border-radius:16px 16px 0 0;gap:12px;align-items:center;background:#f7f9fc}
#exportRunSummaryText {font-size:14px}
#exportStageList {margin:0;border-inline:1px solid #d0dbee}
#exportWorkbench>.export-work-table-wrap {min-height:0;max-height:none;height:auto;margin:0;border:1px solid #d0dbee;border-top:0;border-bottom:0;border-radius:0;overflow:auto}
#exportPreviewPagination {min-height:30px;padding:6px 16px;margin:0;font-size:11px;border:1px solid #d0dbee;border-radius:0 0 16px 16px;background:#fff}
#exportPreviewPagination .export-preview-page-actions {display:none}
/* Wrap within the available workspace, including when the sidebar is open.
   Only the scrollable table yields space; the outer frame stays fixed. */
#exportWorkbench>.export-workbench-footer {height:auto;min-height:80px;margin:0;padding:12px 0;border:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:12px;background:transparent;box-shadow:none}
.export-workbench-status {min-width:0;max-width:100%;flex:1 1 220px;margin-right:auto}
.export-workbench-status>p {min-width:0;white-space:normal;overflow-wrap:anywhere}
.export-workbench-actions {min-width:0;max-width:100%;flex:0 1 auto;flex-wrap:wrap;margin-left:auto;gap:12px;align-items:center}
.export-workbench-actions>.secondary,.export-workbench-actions>.pay-button {max-width:100%;white-space:normal}
.output-receipts {position:relative}
.output-receipts>summary {cursor:pointer;list-style:none;display:flex;align-items:center;height:40px;padding:0 16px;border:1px solid #c4d1e6;border-radius:10px;background:white;color:var(--blue);font-size:13px;font-weight:700}
.output-receipts>div {position:absolute;right:0;bottom:48px;z-index:40;display:grid;gap:8px;padding:10px;background:white;border:1px solid #d0dbee;border-radius:12px;box-shadow:var(--shadow-md);min-width:180px}
.output-receipts>div>button {width:100%;height:40px;font-size:13px;white-space:nowrap}
#exportWorkHint {font-size:12px}
.export-file-details {position:relative;margin-left:auto;flex-shrink:0}
.export-file-details>summary {list-style:none;cursor:pointer;font-size:20px;line-height:24px;padding:0 8px;color:var(--blue)}
.export-file-details-panel {position:absolute;right:0;top:32px;z-index:30;min-width:240px;max-width:320px;padding:16px;display:grid;gap:12px;background:#fff;border:1px solid #d0dbee;border-radius:12px;box-shadow:var(--shadow-md)}
.export-file-details-panel .export-run-filename {max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:13px}
#previewTable,#exportWorkTable {width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
#previewTable th,#previewTable td,#exportWorkTable th,#exportWorkTable td {width:220px;min-width:220px;max-width:220px;height:44px;max-height:44px;padding:10px 16px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
#previewTable th,#exportWorkTable th {position:sticky;top:0;z-index:3;font-size:11px;background:#f7f9fc;box-shadow:0 1px #d0dbee}
#previewTable th:first-child,#exportWorkTable th:first-child,#previewTable td:first-child,#exportWorkTable td:first-child {position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 #d0dbee}
#previewTable th:first-child,#exportWorkTable th:first-child {z-index:4;background:#f7f9fc}
#previewTable tr.scroll-spacer td,#exportWorkTable tr.scroll-spacer td {position:static;height:var(--spacer-height);min-height:0;max-height:none;padding:0;border:0;line-height:0;box-shadow:none}
#exportWorkTable td.is-uncertain {background:#fff5df;padding:0}
#exportWorkTable .output-choice-cell {min-height:42px;height:42px;padding:10px 16px;align-items:center;line-height:22px;font-size:13px}
.output-choice-cell>span:first-child {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.output-choice-dialog {width:min(460px,calc(100vw - 32px));padding:22px;overflow:auto}
.workspace-card ::-webkit-scrollbar {width:12px;height:12px}
.workspace-card ::-webkit-scrollbar-track {background:#f0f4fa}
.workspace-card ::-webkit-scrollbar-thumb {background:#9fadc5;border:3px solid #f0f4fa;border-radius:8px}
@media(max-width:900px){
  .workspace .workspace-card {height:720px;padding-inline:20px}
  .workspace-card h1 {font-size:28px}
  .workspace-card .upload-intake-layout {grid-template-columns:minmax(0,2fr) minmax(190px,1fr)}
  #enrichView #enrichOptionList>.enrich-card,.custom-enrichment-heading {grid-template-columns:24px minmax(120px,1fr) minmax(130px,1.5fr) 76px;gap:10px}
  #enrichOptionList .enrich-price,.custom-enrichment-heading>.enrich-price {width:76px}
}
@media(max-width:600px){
  .workspace .workspace-card {height:760px;padding-inline:12px;grid-template-rows:88px minmax(0,1fr)}
  .workspace-card h1 {font-size:24px}
  .workspace-card>:is(#uploadView,#checkView,#cleanView,#enrichView,#prepareView).active {grid-template-rows:minmax(0,1fr) 110px}
  .workspace-card .view-actions {height:110px;flex-wrap:wrap;align-content:center}
  .workspace-card .upload-intake-layout {display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 170px}
  .upload-intake-layout>.crm-connectors {border-left:0;border-top:1px solid #d0dbee}
  #prepareView .prepare-workspace {grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 185px}
  #prepareView .prepare-pricing {border-left:0;border-top:1px solid #d0dbee}
  #enrichView #enrichOptionList>.enrich-card,.custom-enrichment-heading {grid-template-columns:24px minmax(0,1fr) 76px}
  #enrichOptionList .enrich-capabilities,.custom-enrichment-heading>button {grid-column:2;grid-row:2}
  #enrichOptionList .enrich-price,.custom-enrichment-heading>.enrich-price {grid-column:3;grid-row:1}
  #downloadView #exportWorkbench {grid-template-rows:auto auto minmax(0,1fr) auto minmax(110px,auto)}
  #exportWorkbench>.export-workbench-footer {min-height:110px}
  .export-workbench-actions {flex-wrap:wrap;gap:8px}
  .enrich-selected-total {font-size:12px}
}