.released-authorities,
.released-authority-results {
  width: min(100%, 960px);
  margin: 0 auto;
  padding: 32px 20px 56px;
}

.released-authorities-header {
  max-width: 720px;
  margin-bottom: 28px;
}

.released-authorities-header .type-caption {
  margin-bottom: 8px;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0;
}

.released-authorities-header h1,
.released-authorities-header p,
.released-authority h2,
.released-authority h3,
.released-authority p {
  overflow-wrap: anywhere;
}

.released-authorities-list {
  display: grid;
  gap: 20px;
}

.released-authority {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(240px, 0.75fr);
  gap: 24px 32px;
  padding: 28px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-panel);
  box-shadow: var(--shadow-small);
}

.released-authority-heading,
.released-authority > section {
  grid-column: 1;
}

.released-authority-heading h2 {
  margin-bottom: 8px;
}

.released-authority-citation {
  margin: 0 0 6px;
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
}

.released-authority-meta {
  margin: 0;
  color: var(--color-ink-muted);
}

.released-authority > section h3,
.released-authority-status h3,
.released-authority-answer-source h3 {
  margin-bottom: 8px;
  font-size: var(--font-size-card-title);
}

.released-authority > section p,
.released-authority-status p,
.released-authority-answer-source p {
  margin: 0 0 12px;
}

.released-authority-status {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  padding: 20px;
  border-left: 3px solid var(--color-accent);
  background: var(--color-accent-soft);
}

.released-authority-status a,
.released-authority-answer-source a {
  overflow-wrap: anywhere;
  font-weight: var(--font-weight-semibold);
}

.released-authority-answer-source {
  margin-top: 20px;
  padding: 18px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  background: var(--color-accent-soft);
}

@media (max-width: 680px) {
  .released-authorities,
  .released-authority-results {
    padding: 24px 14px 40px;
  }

  .released-authority {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 20px;
  }

  .released-authority-heading,
  .released-authority > section,
  .released-authority-status {
    grid-column: 1;
    grid-row: auto;
  }
}
:root {
  /* MAX Design Tokens - Typography */
  --font-family-sans: "Nunito Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-display: var(--font-family-sans);

  --font-size-page-title: 36px;
  --font-size-intro: 17px;
  --font-size-section-title: 22px;
  --font-size-card-title: 18px;
  --font-size-body: 16px;
  --font-size-supporting: 14px;
  --font-size-caption: 12px;
  --font-size-summary-number: 29px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-page-title: var(--font-weight-bold);
  --font-weight-section-title: var(--font-weight-bold);
  --font-weight-card-title: var(--font-weight-semibold);

  /* MAX Design Tokens - Colors */
  --color-page: #f6f8fc;
  --color-panel: #ffffff;
  --color-border: #e3e9f2;

  --color-ink-primary: #243247;
  --color-ink-secondary: #4f5e73;
  --color-ink-muted: #566579;

  --color-accent: #2d789f;
  --color-accent-hover: #286f94;
  --color-accent-soft: #eef4fb;

  --color-attention: #76551f;
  --color-attention-soft: #fdf7ef;
  --color-attention-border: #efd7b5;

  --color-review: #3d6f91;
  --color-review-soft: #f1f6fb;
  --color-review-border: #d4e3f4;

  --color-success: #4f7358;
  --color-success-soft: #f1f7f2;
  --color-success-border: #d9e8dc;

  --color-danger: #bf6d5c;
  --color-danger-soft: #fdf2ef;
  --color-danger-border: #efcfc7;

  /* MAX Design Tokens - Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* MAX Design Tokens - Radius */
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-card: 16px;
  --radius-container: 22px;
  --radius-pill: 999px;

  /* MAX Design Tokens - Elevation */
  --shadow-small: 0 1px 4px rgba(36, 50, 75, 0.05);
  --shadow-card: 0 8px 20px rgba(44, 55, 84, 0.05);
  --shadow-container: 0 12px 30px rgba(44, 55, 84, 0.1);

  /* MAX Design Tokens - Motion */
  --motion-fast: 150ms;
  --motion-standard: 180ms;

  /* Shared Component Tokens */
  --button-primary-bg: #247785;
  --button-primary-color: #ffffff;
  --button-primary-radius: var(--radius-pill);
  --button-primary-weight: var(--font-weight-bold);
  --button-primary-shadow: var(--shadow-small);
  --button-primary-attention-bg: #267e8a;
  --button-secondary-bg: var(--color-panel);
  --button-secondary-border: var(--color-border);
  --button-secondary-color: var(--color-accent);

  --status-pill-radius: var(--radius-pill);
  --status-pill-weight: var(--font-weight-semibold);
  --status-pill-size: var(--font-size-caption);

  --card-bg: var(--color-panel);
  --card-border: var(--color-border);
  --card-radius: var(--radius-card);
  --card-shadow: var(--shadow-card);
  --card-padding: var(--space-4);

  --fd-approved-accent-left-width: 3px;
  --fd-approved-accent-left-color: rgba(47, 127, 168, 0.5);
  --fd-approved-accent-left-shadow: inset var(--fd-approved-accent-left-width) 0 0 0 var(--fd-approved-accent-left-color);

  --link-color: var(--color-accent);
  --link-hover-color: var(--color-accent-hover);

  --workspace-header-title-size: var(--font-size-page-title);
  --workspace-header-title-weight: var(--font-weight-page-title);
  --workspace-header-summary-size: 15px;
  --workspace-header-summary-color: #324055;

  --section-header-title-size: var(--font-size-section-title);
  --section-header-title-weight: var(--font-weight-section-title);
  --section-header-support-size: var(--font-size-supporting);
  --section-header-support-color: var(--color-ink-secondary);

  --surface-soft: var(--color-accent-soft);
  --surface-subtle: var(--color-panel);
  --surface-attention: var(--color-attention-soft);
  --surface-success: var(--color-success-soft);
  --border-subtle: var(--color-border);
  --border-chip: var(--color-border);
  --border-info: var(--color-border);
  --icon-accent: var(--color-accent);
  --status-inactive: var(--color-ink-muted);
  --status-track: var(--color-border);
  --gradient-progress: linear-gradient(90deg, var(--color-success) 0%, var(--color-accent) 100%);

  /* Legacy Compatibility Tokens */
  --page: var(--color-page);
  --panel: var(--color-panel);
  --line: var(--color-border);
  --text: var(--color-ink-primary);
  --muted: var(--color-ink-secondary);
  --blue: var(--color-accent);
  --green: var(--color-success);

  /* Prior Visual Language Token Compatibility */
  --vl-font-sans: var(--font-family-sans);
  --vl-ink-primary: var(--color-ink-primary);
  --vl-ink-secondary: var(--color-ink-secondary);
  --vl-ink-muted: var(--color-ink-muted);
  --vl-accent-teal: var(--color-accent);
  --vl-accent-teal-hover: var(--color-accent-hover);
  --vl-attention: var(--color-attention);
  --vl-attention-soft: var(--color-attention-soft);
  --vl-review: var(--color-review);
  --vl-review-soft: var(--color-review-soft);
  --vl-success: var(--color-success);
  --vl-success-soft: var(--color-success-soft);
  --vl-page-bg: var(--color-page);
  --vl-border: var(--color-border);
  --vl-page-title-size: var(--font-size-page-title);
  --vl-intro-size: var(--font-size-intro);
  --vl-section-title-size: var(--font-size-section-title);
  --vl-card-title-size: var(--font-size-card-title);
  --vl-body-size: var(--font-size-body);
  --vl-support-size: var(--font-size-supporting);
  --vl-caption-size: var(--font-size-caption);
  --vl-summary-number-size: var(--font-size-summary-number);
}

/*
 * The ordinary client portal adopts the human-approved MFL typography roles.
 * Defaults above remain Nunito-compatible so the same stylesheet can continue
 * to support the separately governed Knowledge Studio build without leakage.
 */
.client-portal-app-shell {
  --font-family-sans: "Open Sans", Arial, sans-serif;
  --font-family-display: "Raleway", "Open Sans", Arial, sans-serif;
  --font-weight-page-title: 400;
  --font-weight-section-title: 400;
  --font-weight-card-title: 400;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-family-sans);
  background: var(--page);
  color: var(--text);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
}

h1,
h2,
h3 {
  margin-top: 0;
  color: var(--color-ink-primary);
  font-family: var(--font-family-display);
}

h1 {
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-page-title);
}

h2 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-section-title);
}

h3 {
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-card-title);
}

p {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  color: var(--color-ink-secondary);
}

small {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-muted);
}

a {
  color: var(--link-color);
  transition: color var(--motion-fast) ease;
}

a:not(.primary-action):hover,
a:not(.primary-action):focus-visible {
  color: var(--link-hover-color);
}

.type-page-title {
  font-family: var(--font-family-display);
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-page-title);
  line-height: 1.15;
  color: var(--color-ink-primary);
}

.type-intro {
  font-size: var(--font-size-intro);
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
  color: var(--color-ink-secondary);
}

.type-section-title {
  font-family: var(--font-family-display);
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-section-title);
  line-height: 1.2;
  color: var(--color-ink-primary);
}

.type-card-title {
  font-family: var(--font-family-display);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-card-title);
  line-height: 1.2;
  color: var(--color-ink-primary);
}

.type-body {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
  color: var(--color-ink-secondary);
}

.type-supporting {
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
  color: var(--color-ink-secondary);
}

.type-caption {
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  color: var(--color-ink-muted);
}

.type-summary-number {
  font-size: var(--font-size-summary-number);
  font-weight: var(--font-weight-bold);
  line-height: 0.95;
  color: var(--color-ink-primary);
}

.text-primary {
  color: var(--color-ink-primary);
}

.text-secondary {
  color: var(--color-ink-secondary);
}

.text-muted {
  color: var(--color-ink-muted);
}

.state-attention {
  color: var(--color-attention);
  background: var(--color-attention-soft);
  border-color: var(--color-attention-border);
}

.state-review {
  color: var(--color-review);
  background: var(--color-review-soft);
  border-color: var(--color-review-border);
}

.state-success {
  color: var(--color-success);
  background: var(--color-success-soft);
  border-color: var(--color-success-border);
}

.state-danger {
  color: var(--color-danger);
  background: var(--color-danger-soft);
  border-color: var(--color-danger-border);
}

.component-card {
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
}

.component-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--status-pill-radius);
  font-size: var(--status-pill-size);
  font-weight: var(--status-pill-weight);
}

.workspace-header-title {
  font-size: var(--workspace-header-title-size);
  font-weight: var(--workspace-header-title-weight);
  color: var(--color-ink-primary);
}

.section-header-title {
  font-size: var(--section-header-title-size);
  font-weight: var(--section-header-title-weight);
  color: var(--color-ink-primary);
}

.section-header-support {
  font-size: var(--section-header-support-size);
  color: var(--section-header-support-color);
}

.app-shell::before {
  content: "";
  display: block;
  height: 3px;
  background: linear-gradient(90deg, var(--green) 0%, var(--blue) 100%);
}

.app-header {
  padding: 12px 20px 10px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 1px 0 rgba(44, 55, 84, 0.03);
  position: relative;
  z-index: 40;
}

.header-inner {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 1.25fr) auto;
  grid-template-rows: auto auto;
  column-gap: 20px;
  row-gap: 8px;
  align-items: end;
}

.brand-stack {
  display: flex;
  align-items: start;
}

.brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  min-width: 168px;
  flex-shrink: 0;
}

.brand-logo {
  width: 316px;
  height: auto;
  display: block;
}

.nav-menu {
  position: relative;
}

.nav-menu-portal {
  margin-left: 0;
}

.brand-stack {
  grid-column: 1;
  grid-row: 1;
}

.header-lower-row {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  position: relative;
  top: -12px;
}

.nav-menu-portal {
  grid-column: 1;
  justify-self: start;
  align-self: center;
}

.header-lower-row-spacer {
  grid-column: 3;
  justify-self: end;
  min-width: 0;
}

.portal-menu-trigger {
  margin-top: 0;
  margin-left: 0;
}

.nav-trigger {
  border: 1px solid #dfe7f4;
  border-radius: var(--radius-control);
  background: rgba(255, 255, 255, 0.94);
  color: #253248;
  font: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  box-shadow: var(--shadow-small);
  transition: border-color var(--motion-standard) ease, background-color var(--motion-standard) ease, box-shadow var(--motion-standard) ease;
}

.nav-trigger:hover {
  background: #f7faff;
  border-color: #d6e2f2;
}

.nav-trigger:focus-visible {
  outline: 2px solid #68b8db;
  outline-offset: 2px;
}

.nav-trigger[aria-expanded="true"] {
  border-color: #c8d8ee;
  box-shadow: 0 4px 12px rgba(44, 55, 84, 0.08);
}

.nav-trigger-icon {
  font-size: 18px;
  line-height: 1;
  color: #415370;
}

.nav-trigger-label {
  font-size: 16px;
  font-weight: 600;
}

.nav-trigger-copy {
  display: grid;
  justify-items: start;
  line-height: 1.12;
}

.nav-trigger-copy strong {
  font-size: 16px;
  font-weight: 700;
}

.nav-trigger-copy span {
  font-size: 13px;
  color: var(--muted);
  margin-top: 0;
}

.nav-trigger-caret {
  color: #73839a;
  font-size: 16px;
  line-height: 1;
}

.nav-trigger-portal {
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  padding: 0 2px;
  margin-top: 12px;
  margin-left: 78px;
  color: #4b5d78;
}

.nav-trigger-portal:hover {
  background: #f4f8ff;
  border-color: transparent;
}

.nav-trigger-portal[aria-expanded="true"] {
  border-color: transparent;
  box-shadow: none;
  background: #eef4ff;
}

.nav-trigger-matter {
  min-width: 300px;
  justify-content: space-between;
  border-color: #e4ebf6;
  box-shadow: 0 1px 3px rgba(36, 50, 75, 0.04);
  align-self: center;
}

.nav-menu-matter {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  align-self: start;
}

.max-banner {
  --max-banner-item-gap: 12px;
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  width: max-content;
  min-width: 0;
}

.max-banner-desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transform: translateY(10px);
}

.max-banner-sparkle {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.max-banner-sparkle {
  width: 24px;
  height: 24px;
}

.max-banner-sparkle,
.max-banner-sparkle-animated {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
  animation: maxSparkleIdle 2.4s ease-in-out infinite;
  transform-origin: center;
}

.max-banner-sparkle-animated {
  filter: drop-shadow(0 0 0 rgba(255, 200, 87, 0));
}

.max-banner.is-focused .max-banner-sparkle-animated,
.max-banner.is-typing .max-banner-sparkle-animated {
  animation-play-state: paused;
}

.max-brand-lockup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  white-space: nowrap;
}

.max-brand-particles,
.max-brand-wordmark {
  display: block;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
}

.max-banner-brand-lockup {
  width: 126px;
  flex-shrink: 0;
}

.max-banner-brand-lockup .max-brand-particles {
  width: 44px;
}

.max-banner-brand-lockup .max-brand-wordmark {
  width: 72px;
}

.max-banner-brand-lockup-mobile {
  width: 142px;
}

.max-banner-brand-lockup-mobile .max-brand-particles {
  width: 50px;
}

.max-banner-brand-lockup-mobile .max-brand-wordmark {
  width: 82px;
}

.max-banner-mobile-brand {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  flex-shrink: 0;
}

.max-banner-input-shell {
  position: relative;
  display: grid;
  align-items: center;
  min-width: 0;
  width: 390px;
}

.max-banner-input-shell-mobile {
  width: 100%;
}

.max-banner-form,
.max-banner-mobile-form {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.max-banner-form-desktop {
  grid-template-columns: 126px 390px 44px;
  column-gap: var(--max-banner-item-gap);
}

.max-banner-input {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0 68px 0 18px;
  border: 1px solid #d9e2ee;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(15, 22, 36, 0.08);
  color: var(--text);
  font: inherit;
  font-size: 15px;
}

.max-banner-form-desktop .max-banner-shortcut {
  position: absolute;
  right: 16px;
  top: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
  height: auto;
  border: 0;
  background: transparent;
  color: #7e8a9d;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  animation: none;
  transform: translateY(-50%);
  pointer-events: none;
  transition: none;
}

.max-banner-form-desktop .max-banner-input-shell.is-shortcut-visible .max-banner-shortcut {
  opacity: 1;
  visibility: visible;
}

.max-banner-mic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #59687d;
  cursor: pointer;
  flex-shrink: 0;
}

.max-banner-mic:hover,
.max-banner-mic:focus-visible {
  background: rgba(244, 247, 251, 0.92);
  color: #36485f;
}

.max-banner-mic:focus-visible {
  outline: 2px solid rgba(125, 106, 226, 0.35);
  outline-offset: 2px;
}

.max-banner-mic svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.max-banner-mobile-trigger-wrap {
  display: none;
  width: 100%;
}

.max-banner-mobile-trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border-color: #e1e7f1;
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.06);
}

.max-banner-mobile-trigger:focus-visible {
  outline: 2px solid #7d6ae2;
  outline-offset: 2px;
}

.max-banner-mobile-trigger-mic {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #6b7382;
  flex-shrink: 0;
}

.max-banner-mobile-trigger-mic svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.max-banner-mobile-panel {
  margin-top: 8px;
  padding-left: 0;
}

.max-banner-mobile-form {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.max-banner-mobile-form .max-banner-input {
  width: 100%;
}

.max-banner-mobile-form .max-banner-shortcut {
  display: none;
}

.max-banner.is-focused .max-banner-sparkle-animated,
.max-banner.is-typing .max-banner-sparkle-animated {
  animation-play-state: paused;
}

@keyframes maxSparkleIdle {
  0%,
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 0 rgba(255, 200, 87, 0));
  }

  50% {
    transform: scale(1.03);
    filter: drop-shadow(0 0 8px rgba(245, 166, 35, 0.38));
  }
}

@media (prefers-reduced-motion: reduce) {
  .max-banner-sparkle-animated {
    animation: none;
    filter: none;
  }
}

.matter-switcher-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(44, 55, 84, 0.12);
}

.matter-switcher-initials {
  display: grid;
  place-items: center;
  background: #e8f2f4;
  color: #245d68;
  font-size: 0.82rem;
  font-weight: 800;
}

.nav-panel {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 250px;
  padding: 8px;
  border: 1px solid #dfe8f5;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 14px 26px rgba(44, 55, 84, 0.12);
}

.nav-menu.is-open .nav-panel {
  display: grid;
  gap: 2px;
}

.nav-menu-matter .nav-panel {
  left: auto;
  right: 0;
}

.nav-panel-divider {
  height: 1px;
  margin: 6px 4px;
  background: #e4ebf6;
}

.nav-panel a,
.nav-panel > span[role="menuitem"] {
  display: block;
  padding: 9px 11px;
  border-radius: 10px;
  color: #2a3851;
  text-decoration: none;
  font-size: var(--font-size-card-title);
  font-weight: 600;
}

.nav-panel > span[role="menuitem"].is-disabled {
  color: #6f7783;
  cursor: not-allowed;
}

.nav-panel a:hover,
.nav-panel a:focus-visible {
  background: #f3f8ff;
  color: #1d6f8f;
  outline: none;
}

.max-spotlight {
  padding: 12px 20px 0;
}

.max-spotlight-panel {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #dfe8f4;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
  box-shadow: 0 10px 24px rgba(44, 55, 84, 0.07);
}

.max-spotlight-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 128px;
}

.max-spotlight-brand-icon,
.max-spotlight-mobile-trigger-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #eef6fb;
  color: var(--color-accent);
  flex-shrink: 0;
}

.max-spotlight-brand-icon svg,
.max-spotlight-mobile-trigger-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  stroke: none;
}

.max-spotlight-brand-copy {
  display: grid;
  gap: 1px;
}

.max-spotlight-brand-copy strong,
.max-spotlight-mobile-trigger-copy strong {
  color: #223047;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.max-spotlight-brand-copy span,
.max-spotlight-mobile-trigger-copy span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 600;
}

.max-spotlight-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.max-spotlight-input {
  width: 100%;
  min-width: 0;
  border: 1px solid #d7e2f0;
  border-radius: 999px;
  background: #ffffff;
  color: var(--text);
  font: inherit;
  font-size: 15px;
  padding: 13px 16px;
  box-shadow: inset 0 1px 2px rgba(44, 55, 84, 0.03);
}

.max-spotlight-input::placeholder {
  color: #758398;
}

.max-spotlight-input:focus-visible {
  outline: 2px solid #68b8db;
  outline-offset: 2px;
}

.max-spotlight-mic,
.max-spotlight-submit,
.max-spotlight-shortcut,
.max-spotlight-mobile-trigger {
  border: 1px solid transparent;
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
  transition: background-color var(--motion-standard) ease, border-color var(--motion-standard) ease, box-shadow var(--motion-standard) ease, color var(--motion-standard) ease, opacity var(--motion-standard) ease;
}

.max-spotlight-mic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  background: #f2f7fc;
  border-color: #d7e2f0;
  color: #35506e;
}

.max-spotlight-mic svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.max-spotlight-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 12px 18px;
  background: var(--button-primary-bg);
  color: var(--button-primary-color);
  box-shadow: var(--button-primary-shadow);
  font-weight: var(--button-primary-weight);
}

.max-spotlight-submit:hover,
.max-spotlight-submit:focus-visible {
  background: #2f9fab;
  border-color: rgba(47, 127, 168, 0.15);
  outline: none;
}

.max-spotlight-shortcut {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: #f7fafc;
  border-color: #dfe8f4;
  color: #506177;
  white-space: nowrap;
  opacity: 0.35;
}

.max-spotlight-shortcut span,
.max-spotlight-shortcut small {
  font-weight: 700;
  letter-spacing: 0.03em;
}

.max-spotlight-shortcut small {
  font-size: 11px;
  text-transform: uppercase;
}

.max-spotlight:hover .max-spotlight-shortcut,
.max-spotlight:focus-within .max-spotlight-shortcut {
  opacity: 1;
}

.max-spotlight-mobile-trigger {
  display: none;
  width: 100%;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
  border-color: #dfe8f4;
  box-shadow: 0 8px 20px rgba(44, 55, 84, 0.06);
  color: #223047;
}

.max-spotlight-mobile-trigger-copy {
  display: grid;
  justify-items: start;
  line-height: 1.15;
}

.max-spotlight-mobile-trigger-caret {
  margin-left: auto;
  color: #6f8096;
  font-size: 22px;
  line-height: 1;
}

.max-spotlight-panel,
.max-workspace {
  margin-top: 12px;
}

.max-workspace {
  display: grid;
  gap: 18px;
  padding: 0 20px 24px;
}

.max-workspace-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  align-items: end;
  min-height: 194px;
  padding: 20px 24px;
  border-color: #dae7f3;
  background: linear-gradient(180deg, #f8fbff 0%, #f5f8ff 100%);
}

.max-workspace-hero-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.max-workspace-hero-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(255, 255, 255, 0.95) 34%,
    rgba(255, 255, 255, 0.68) 58%,
    rgba(255, 255, 255, 0.14) 76%,
    rgba(255, 255, 255, 0) 100%
  );
}

.max-workspace-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 64ch;
  display: grid;
  gap: 8px;
}

.max-workspace-kicker {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.max-workspace-eyebrow {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.max-workspace-hero-copy .type-intro {
  margin: 0;
  max-width: 60ch;
}

.max-workspace-hero-lead {
  color: #2a3e62;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.max-workspace-hero-support {
  margin: 0;
  max-width: 62ch;
  color: #4f6078;
  font-size: 14px;
  line-height: 1.45;
}

.max-answer-block {
  display: grid;
  gap: 14px;
  padding: 2px 2px 8px;
}

.max-answer-eyebrow {
  margin: 0;
  color: #2d4473;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.max-answer-block-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  padding: 18px 0;
  border-top: 1px solid #dde5f2;
  border-bottom: 1px solid #dde5f2;
}

.max-answer-point {
  display: grid;
  gap: 6px;
}

.max-answer-day,
.max-answer-time {
  margin: 0;
  color: #263a5f;
  line-height: 1;
}

.max-answer-day {
  font-size: clamp(36px, 4.1vw, 54px);
  font-weight: var(--font-weight-bold);
}

.max-answer-time {
  font-size: clamp(28px, 3.1vw, 40px);
  font-weight: var(--font-weight-semibold);
}

.max-answer-through {
  margin: 0;
  color: #60728b;
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  text-transform: lowercase;
}

.max-answer-clarifier {
  margin: 0;
  max-width: 90ch;
  color: #324a6a;
  font-size: 16px;
  line-height: 1.5;
}

.max-answer-support-line {
  margin: 0;
  color: #344a67;
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.45;
}

.max-answer-status {
  margin: 0;
  color: #5b6d83;
  font-size: 13px;
  line-height: 1.35;
}

.max-answer-sparkle {
  display: inline-block;
  color: #caa165;
  margin-right: 6px;
}

.max-confidence-explainer {
  display: grid;
  gap: 10px;
  padding: 2px 0 8px;
}

.max-confidence-score {
  margin: 0;
  color: #3d58af;
  font-size: 22px;
  font-weight: var(--font-weight-bold);
}

.max-confidence-explainer p {
  margin: 0;
  color: #3a516f;
}


.max-confidence-dot {
  color: #8595ae;
}

.max-confidence-explainer li {
  position: relative;
  padding-left: 18px;
  color: #324861;
}

.max-confidence-explainer li::before {
  content: "•";
  position: absolute;
  left: 0;
}

.max-things-know {
  display: grid;
  gap: 10px;
  padding: 2px 0 6px;
  border-top: 1px solid #e0e7f2;
  border-bottom: 1px solid #e0e7f2;
}

.max-things-know h2,
.max-things-know p {
  margin: 0;
}

.max-things-know ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.max-things-know li {
  position: relative;
  padding-left: 18px;
  color: #334a63;
  line-height: 1.45;
}

.max-things-know li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.max-watch-for {
  display: grid;
  gap: 8px;
  padding: 2px 0 4px;
}

.max-watch-for p {
  margin: 0;
  color: #36506c;
  line-height: 1.5;
}

.max-recommendation {
  display: grid;
  gap: 16px;
  padding: 24px;
  border: 1px solid #dce5f4;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(244, 248, 255, 0.96) 0%, rgba(251, 253, 255, 0.98) 100%);
}

.max-recommendation-copy {
  display: grid;
  gap: 10px;
  max-width: 90ch;
}

.max-recommendation-copy p {
  margin: 0;
  color: #40556f;
  font-size: 16px;
  line-height: 1.5;
}

.max-recommendation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.max-recommendation-chip {
  border: 1px solid #d4dff0;
  border-radius: var(--radius-pill);
  background: #ffffff;
  padding: 9px 14px;
  color: #334b73;
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: border-color var(--motion-fast) ease, transform var(--motion-fast) ease, background-color var(--motion-fast) ease;
}

.max-recommendation-chip:hover,
.max-recommendation-chip:focus-visible {
  border-color: #b9cae8;
  background: #f8fbff;
  transform: translateY(-1px);
}

.max-recommendation-chip:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.max-recommendation-cta {
  justify-self: start;
}

.max-authorities {
  display: grid;
  gap: 16px;
  padding: 24px;
}

.max-authorities-header {
  display: grid;
  gap: 8px;
}

.max-authorities-header h2 {
  margin: 0;
}

.max-authorities-workspace {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.45fr);
  gap: 16px;
  min-height: 760px;
}

.max-authorities-nav {
  border: 1px solid #e2e8f3;
  border-radius: 14px;
  background: #f9fbff;
  padding: 8px 10px;
  display: grid;
  align-content: start;
  gap: 0;
}

.max-authority-group {
  border-top: 1px solid #e0e7f2;
  padding: 5px 0;
}

.max-authority-group:first-of-type {
  border-top: 0;
}

.max-authority-group-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: #34455f;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.02em;
  text-align: left;
  padding: 6px 4px;
  cursor: pointer;
}

.max-authority-group-toggle:hover {
  color: #243f62;
}

.max-authority-group-toggle:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 8px;
}

.max-group-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  color: #667a9a;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  transform-origin: 50% 50%;
  transition: transform var(--motion-standard) ease;
}

.max-authority-group-toggle[aria-expanded="false"] .max-group-chevron {
  transform: rotate(0deg);
}

.max-authority-group-toggle[aria-expanded="true"] .max-group-chevron {
  transform: rotate(90deg);
}

.max-authority-group-body {
  display: grid;
  gap: 6px;
}

.max-authority-group-body[hidden] {
  display: none;
}

.max-authority-group-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.max-authority-group-label::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #c5d1e3;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.02);
}

.max-authority-group-label-controlling::before {
  background: #5e8f69;
}

.max-authority-group-label-supporting::before {
  background: #b8944a;
}

.max-authority-group-label-conflicting::before {
  background: #9da8ba;
}

.max-authority-group-label-documents::before {
  background: #4f77b5;
}

.max-authority-group-label-needed::before {
  background: #9fa9b8;
}

.max-authority-nav-item {
  display: grid;
  gap: 3px;
  margin-top: 2px;
  border: 1px solid #e2e8f5;
  border-radius: 9px;
  background: #ffffff;
  padding: 8px 9px;
  color: #2f3d53;
  text-decoration: none;
  text-align: left;
  width: 100%;
  cursor: pointer;
  font: inherit;
  transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}

.max-authority-nav-item strong {
  font-size: 14px;
}

.max-authority-row-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: baseline;
}

.max-authority-nav-item span {
  color: #607188;
  font-size: 12px;
  line-height: 1.35;
}

.max-authority-date {
  color: #6f7f94;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.01em;
  text-align: right;
  white-space: nowrap;
}

.max-date-short,
.max-date-mobile {
  display: none;
}

.max-authority-nav-why {
  color: #3c4f6b;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.max-authority-nav-meta {
  color: #687b93;
  font-size: 12px;
}

.max-authority-influence {
  width: 100%;
  height: 6px;
  margin-top: 4px;
  border-radius: 999px;
  background: #e7edf6;
  overflow: hidden;
}

.max-authority-influence span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #7c93bc;
  width: 0;
}

.max-authority-influence[data-influence="very-high"] span {
  width: 92%;
  background: #5f8f69;
}

.max-authority-influence[data-influence="high"] span {
  width: 76%;
  background: #7d9b68;
}

.max-authority-influence[data-influence="moderate"] span {
  width: 54%;
  background: #8f9fb8;
}

.max-authority-nav-item:hover,
.max-authority-nav-item:focus-visible,
.max-authority-nav-item.is-active {
  border-color: #ccbff1;
  background: #faf7ff;
}

.max-authority-nav-item[aria-selected="true"] {
  border-left: 4px solid #6c4cb6;
  border-color: #d7caef;
  padding-left: 7px;
  background: linear-gradient(90deg, rgba(239, 232, 255, 0.84) 0%, rgba(250, 248, 255, 1) 62%);
  box-shadow: inset 0 0 0 1px rgba(108, 76, 182, 0.18), 0 10px 20px rgba(64, 50, 97, 0.1);
}

.max-authority-nav-item[aria-selected="true"] strong {
  color: #2b2150;
  font-weight: 800;
}

.max-authority-nav-item[aria-selected="true"] .max-authority-nav-why {
  color: #433273;
}

.max-authority-nav-item[aria-selected="true"] .max-authority-nav-meta {
  color: #58428d;
}

.max-authority-nav-item:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.max-authority-supporting-row,
.max-authority-question {
  margin: 2px 0 0;
  border-radius: 9px;
  background: #f8fbff;
  border: 1px solid #e4ebf7;
  padding: 8px 9px;
  color: #41536d;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.max-supporting-main strong {
  display: block;
  color: #344a67;
  font-size: 13px;
}

.max-authority-supporting-row span,
.max-authority-question span {
  display: block;
  color: #6b7d94;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

.max-authorities-reading-pane {
  border: 1px solid #e1e9f5;
  border-radius: 14px;
  background: #ffffff;
  padding: 14px;
  overflow: hidden;
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 740px;
}

.max-authority-reading-card {
  border: 0;
  border-radius: 0;
  padding: 10px;
  background: transparent;
  display: grid;
  gap: 14px;
  overflow: auto;
  max-height: 710px;
}

.max-authority-reading-card[hidden],
[role="tabpanel"][hidden] {
  display: none;
}

[data-pane-mode][hidden] {
  display: none;
}

.max-authority-reading-card header {
  display: grid;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e6ecf6;
}

.max-reading-header-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
}

.max-reading-source-copy {
  display: grid;
  gap: 2px;
}

.max-authority-reading-card h3,
.max-authority-reading-card p {
  margin: 0;
}

.max-authority-reading-card p {
  max-width: 80ch;
  line-height: 1.62;
  color: #2d405d;
  font-size: 16px;
}

.max-authority-reading-card-primary {
  background: transparent;
}

.max-authority-analysis-title {
  margin: 0;
  color: #21395f;
  font-size: clamp(27px, 2.6vw, 36px);
  letter-spacing: 0.02em;
}

.max-authority-source-type {
  margin: 0;
  color: #566a84;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.max-view-document-inline {
  border: 1px solid transparent;
  background: transparent;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
  color: #355683;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
}

.max-view-document-inline:hover,
.max-view-document-inline:focus-visible {
  color: #203f69;
  border-bottom-color: rgba(53, 86, 131, 0.35);
}

.max-authority-why-matters {
  border-left: 3px solid #8ba4d1;
  padding-left: 10px;
  display: grid;
  gap: 4px;
}

.max-authority-why-matters h4 {
  margin: 0;
  color: #2b4267;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
}

.max-authority-why-matters p {
  margin: 0;
  color: #2f4668;
}

.max-authority-highlight {
  border: 1px solid #d9e5f5;
  border-radius: 10px;
  background: #f8fbff;
  padding: 12px;
  display: grid;
  gap: 6px;
}

.max-authority-highlight blockquote {
  margin: 0;
  border-left: 3px solid #8ea9d8;
  padding-left: 10px;
  color: #2f3f5d;
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.45;
}

.max-authority-document {
  border: 1px solid #d8e1f1;
  border-radius: 10px;
  background: #f7faff;
  overflow: hidden;
}

.max-authority-document-body {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.max-authority-document-body p {
  margin: 0;
  color: #405671;
  font-size: 14px;
  line-height: 1.55;
}

.max-authority-document-mode {
  display: grid;
  gap: 12px;
}

.max-authority-document-mode[hidden] {
  display: none !important;
}

.max-pdf-viewer {
  gap: 10px;
}

.max-pdf-toolbar {
  position: sticky;
  top: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #d8e3f4;
  border-radius: 10px;
  background: #ffffff;
}

.max-pdf-toolbar-center {
  display: grid;
  gap: 2px;
  justify-items: center;
}

.max-pdf-page-indicator {
  margin: 0;
  color: #5a6f8c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.max-pdf-scroll-region {
  position: relative;
  max-height: 560px;
  overflow: auto;
  padding: 4px;
  border: 1px solid #e3eaf5;
  border-radius: 10px;
  background: #f5f8fc;
}

.max-pdf-scroll-region:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.max-pdf-status {
  margin: 0;
  padding: 8px 8px 2px;
  color: #3f5572;
  font-size: 13px;
}

.max-pdf-error {
  margin: 10px;
  border: 1px solid #e2d7c5;
  border-radius: 10px;
  background: #fffaf1;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.max-pdf-error p {
  margin: 0;
  font-size: 14px;
}

.max-pdf-pages {
  display: grid;
  gap: 14px;
  padding: 6px;
}

.max-pdf-page {
  display: grid;
  gap: 8px;
}

.max-pdf-canvas-wrap {
  position: relative;
  background: #ffffff;
  border: 1px solid #d6dfef;
  border-radius: 3px;
  box-shadow: 0 5px 16px rgba(41, 58, 87, 0.08);
  overflow: hidden;
}

.max-pdf-canvas {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.max-pdf-page-footer {
  margin: 0;
  text-align: right;
  color: #6d7f96;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.textLayer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  text-size-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer span,
.textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0 0;
}

.textLayer ::selection {
  background: rgba(62, 93, 146, 0.24);
}

.max-pdf-citation-highlight {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  border-radius: 4px;
  background: rgba(201, 171, 95, 0.22);
  box-shadow: inset 3px 0 0 rgba(130, 97, 30, 0.46);
}

.max-pdf-citation-highlight span {
  position: absolute;
  top: -22px;
  left: 0;
  border-radius: 999px;
  background: #f5edd8;
  color: #6f5630;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  padding: 2px 7px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.max-document-toolbar {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 10px;
  border: 1px solid #d8e3f4;
  border-radius: 10px;
  background: #ffffff;
}

.max-document-back {
  border: 0;
  background: transparent;
  color: #2d4a75;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
}

.max-document-download {
  justify-self: end;
  border: 1px solid #c7d7ef;
  border-radius: 999px;
  background: #f8fbff;
  color: #2e4b74;
  padding: 6px 10px;
  text-decoration: none;
}

.max-document-download:hover,
.max-document-download:focus-visible {
  border-color: #a9bee2;
  background: #eef4ff;
}

.max-document-pages {
  display: grid;
  gap: 14px;
  padding: 2px;
}

.max-legal-page {
  background: #ffffff;
  border: 1px solid #d9e3f3;
  border-radius: 4px;
  box-shadow: 0 6px 18px rgba(40, 56, 84, 0.08);
  padding: 28px;
  color: #2c3f59;
  display: grid;
  gap: 10px;
}

.max-legal-page h4 {
  margin: 0;
  color: #1f334f;
  font-size: 16px;
  letter-spacing: 0.04em;
}

.max-legal-caption {
  margin: 0;
  color: #596f8d;
  font-size: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.max-legal-page ol {
  margin: 0;
  padding-left: 22px;
  display: grid;
  gap: 8px;
}

.max-legal-page p {
  margin: 0;
}

.max-legal-footer {
  margin-top: 8px;
  color: #6b7d95;
  font-size: 12px;
  text-align: right;
}

@media (max-width: 1180px) {
  .max-date-full {
    display: none;
  }

  .max-date-short {
    display: inline;
  }
}

.max-continue {
  display: grid;
  gap: 14px;
  padding: 24px;
  border: 1px solid #d8e2f3;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(246, 250, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.max-continue h2 {
  margin: 0;
}

.max-continue-input-wrap {
  display: flex;
  gap: 10px;
}

.max-continue-input-wrap input {
  width: 100%;
  height: 44px;
  border: 1px solid #d8e2f2;
  border-radius: 12px;
  padding: 0 12px;
  color: #2a3d5b;
  background: #ffffff;
  font-family: inherit;
  font-size: 15px;
}

.max-continue-input-wrap input:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 1px;
}

.max-continue-input-wrap button {
  border: 1px solid #7e95c7;
  border-radius: 12px;
  background: #4e68a5;
  color: #ffffff;
  padding: 0 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  cursor: pointer;
}

.max-continue-input-wrap button:hover,
.max-continue-input-wrap button:focus-visible {
  background: #435c95;
}

.max-continue-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.max-continue-suggestions button {
  border: 1px solid #d5e0f1;
  border-radius: 999px;
  background: #ffffff;
  color: #3d4f68;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.max-continue-suggestions button:hover,
.max-continue-suggestions button:focus-visible {
  border-color: #bfcfe8;
  background: #f8fbff;
}

@media (max-width: 900px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 1.1fr) auto;
    column-gap: 14px;
  }

  .brand-logo {
    width: 238px;
  }

  .nav-trigger {
    padding: 7px 9px;
    border-radius: 12px;
  }

  .nav-trigger-portal {
    padding: 0 2px;
    margin-left: 0;
  }

  .nav-trigger-matter {
    min-width: 236px;
    width: auto;
    justify-content: space-between;
  }

  .matter-switcher-avatar {
    width: 40px;
    height: 40px;
  }

  .max-banner-input {
    width: clamp(300px, 28vw, 360px);
  }

  .max-workspace {
    padding: 0 12px 20px;
    gap: 14px;
  }

  .max-context-ribbon {
    grid-template-columns: 1fr;
  }

  .max-answer-block-main {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 12px;
  }

  .max-answer-through {
    margin-left: 0;
  }

  .max-confidence-explainer {
    grid-template-columns: 1fr;
  }

  .max-authorities-workspace {
    grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.2fr);
    min-height: 680px;
  }

  .max-authorities-reading-pane {
    min-height: 650px;
  }

  .max-document-toolbar {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .max-pdf-toolbar {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 8px;
  }

  .max-pdf-toolbar-center {
    justify-items: start;
  }

  .max-document-toolbar-title,
  .max-document-download {
    justify-self: start;
    text-align: left;
  }

  .max-pdf-scroll-region {
    max-height: 520px;
  }
}

@media (max-width: 720px) {
  .fd-property-valuation-shell {
    padding: 0.9rem;
  }

  .fd-property-valuation-tiles {
    grid-template-columns: 1fr;
  }

  .fd-property-valuation-custom-form {
    grid-template-columns: 1fr;
  }

  .fd-property-valuation-tile {
    min-height: 5.8rem;
  }

  .header-lower-row {
    position: static;
    top: 0;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    max-width: 100%;
  }

  .header-lower-row-spacer {
    display: none;
  }

  .app-header {
    padding: 8px 10px 8px;
    align-items: stretch;
  }

  .header-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 10px;
  }

  .brand-stack,
  .nav-menu-matter,
  .max-banner {
    grid-column: 1;
    grid-row: auto;
    justify-self: stretch;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .brand-stack {
    width: 100%;
  }

  .brand-logo {
    width: 214px;
  }

  .nav-menu-portal,
  .nav-menu-matter {
    width: 100%;
  }

  .nav-trigger-portal,
  .nav-trigger-matter {
    width: 100%;
    justify-content: space-between;
    min-width: 0;
  }

  .nav-trigger-portal {
    justify-content: flex-start;
    gap: 7px;
    padding: 2px 2px;
    margin-top: 0;
    margin-left: 0;
  }

  .nav-menu-portal .nav-panel,
  .nav-menu-matter .nav-panel {
    right: auto;
    left: 0;
    width: 100%;
    min-width: 0;
  }

  .max-banner-desktop {
    display: none;
  }

  .max-banner-mobile-trigger-wrap {
    display: block;
  }

  .max-banner-mobile-panel[hidden] {
    display: none;
  }

  .max-banner-mobile-panel {
    padding-left: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .max-banner-mobile-form {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .max-banner-mobile-form .max-banner-input {
    min-width: 0;
    width: 100%;
  }

  .max-banner-mobile-trigger-copy span {
    font-size: 12px;
  }

  .max-authorities-workspace {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .max-authorities-reading-pane,
  .max-authority-reading-card {
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .max-date-short {
    display: none;
  }

  .max-date-mobile {
    display: inline;
  }

  .max-authority-date {
    font-size: 10px;
  }

  .max-legal-page {
    padding: 18px;
  }

  .max-pdf-scroll-region {
    max-height: none;
    overflow: visible;
    border: 0;
    background: transparent;
    padding: 0;
  }

  .max-pdf-pages {
    padding: 0;
  }

  .max-pdf-citation-highlight span {
    top: -20px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .max-pdf-citation-highlight {
    transition: none;
  }
}

.nav-panel a.is-current {
  background: #eaf3fb;
  color: #146d88;
  font-weight: 700;
}

.app-main {
  max-width: 1320px;
  margin: 0 auto;
  padding: var(--space-6) 42px 42px;
}

.powered-by-max {
  display: grid;
  justify-items: center;
  gap: 12px;
  margin: 0 auto 36px;
  padding: 0 20px;
  text-align: center;
}

.powered-by-max-label {
  margin: 0;
  color: var(--color-ink-muted);
  font-family: var(--vl-font-sans);
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  letter-spacing: 0.08em;
}

.powered-by-max-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
  transition: opacity var(--motion-fast) ease;
}

.powered-by-max-link:hover,
.powered-by-max-link:focus-visible {
  opacity: 0.92;
}

.powered-by-max-link:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 6px;
  border-radius: 4px;
}

.powered-by-max-logo {
  display: block;
  width: clamp(80px, 9vw, 96px);
  max-width: 100%;
  height: auto;
}

.app-footer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 40px;
}

.app-footer-nav {
  display: grid;
  justify-items: center;
  gap: 9px;
}

.app-footer-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.app-footer-item {
  margin: 0;
  padding: 0;
}

.app-footer-link {
  display: inline-flex;
  align-items: center;
  color: var(--color-ink-muted);
  font-size: 16px;
  font-style: italic;
  font-weight: var(--font-weight-regular);
  letter-spacing: normal;
  line-height: 1.6;
  text-decoration: none;
  transition: color var(--motion-fast) ease, text-decoration-color var(--motion-fast) ease;
}

.app-footer-link:hover,
.app-footer-link:focus-visible {
  color: var(--color-ink-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.app-footer-link:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
  border-radius: 2px;
}

.app-footer-separator {
  margin: 0 14px;
  color: var(--color-ink-muted);
  opacity: 0.5;
  user-select: none;
}

.matter-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: var(--radius-container);
  box-shadow: var(--shadow-container);
  padding: 34px;
  display: block;
  margin-bottom: 24px;
}

.eyebrow {
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-caption);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: var(--icon-accent);
}

.icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.matter-card h1 {
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-bold);
  line-height: 1.05;
  margin: 0 0 12px;
  letter-spacing: -0.04em;
}

.matter-card h2 {
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  margin: 0 0 12px;
  letter-spacing: -0.02em;
  color: var(--color-ink-primary);
}

.matter-card p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-intro);
  font-weight: var(--font-weight-regular);
  line-height: 1.45;
}

.matter-card h3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.matter-details {
  display: grid;
  gap: 14px;
}

.matter-details div {
  border-bottom: 1px solid #edf1f7;
  padding-bottom: 12px;
}

.matter-details div:last-child {
  border-bottom: 0;
}

.matter-details span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 4px;
}

.matter-details strong {
  font-size: 15px;
}

.progress-label {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 8px;
}

.progress-bar {
  height: 10px;
  border-radius: 999px;
  background: var(--border-subtle);
  overflow: hidden;
  margin-bottom: 22px;
}

.progress-bar span {
  display: block;
  height: 100%;
  width: 62%;
  border-radius: 999px;
  background: var(--gradient-progress);
}

.primary-action,
.primary-action--standard {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 180px;
  border: 0;
  background: var(--button-primary-bg);
  color: var(--button-primary-color);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  text-decoration: none;
  font-weight: var(--button-primary-weight);
  border-radius: var(--button-primary-radius);
  padding: 11px 20px;
  line-height: 1.2;
  box-shadow: var(--button-primary-shadow);
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, opacity 220ms ease;
}

.primary-action--small {
  min-width: 0;
  padding: 8px 14px;
  font-size: 14px;
}

.primary-action--large {
  min-width: 220px;
  padding: 14px 26px;
  font-size: 16px;
}

.primary-action-inline {
  width: auto;
}

.today-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.today-hero-copy {
  flex: 1;
}

.hero-priority {
  margin-top: 12px;
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
}

.today-hero-action {
  min-width: 180px;
  display: flex;
  align-items: flex-end;
}

.today-frontdoor {
  display: grid;
  gap: 20px;
}

.today-frontdoor .primary-action,
.today-frontdoor .request-card-action,
.today-frontdoor a {
  transition: transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, color var(--motion-fast) ease;
}

.today-frontdoor .primary-action:hover,
.today-frontdoor .request-card-action:hover {
  transform: translateY(-1px);
}

.today-frontdoor-hero {
  display: grid;
  gap: 14px;
  padding: 34px;
  background: linear-gradient(180deg, #f8fbff 0%, #f4f9ff 100%);
  border-color: #d9e8f4;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 500px;
}

.today-welcome-horizon {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.today-welcome-horizon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.98) 28%,
    rgba(255, 255, 255, 0.9) 43%,
    rgba(255, 255, 255, 0.55) 58%,
    rgba(255, 255, 255, 0.12) 74%,
    rgba(255, 255, 255, 0) 100%
  );
}

.today-welcome-content {
  position: relative;
  z-index: 2;
  max-width: 56%;
  display: grid;
  gap: 14px;
}

.today-frontdoor-copy {
  display: grid;
  gap: 8px;
}

/* Environment band. Follows the Knowledge Studio pattern — a thin strip
   running along the very top — rather than a panel sitting inside the
   client's content, so the label is unmistakable without competing with
   the greeting. */
.portal-environment-band {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  padding: 5px 20px;
  background: rgba(44, 55, 84, 0.045);
  border-bottom: 1px solid var(--line);
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.4;
}

/* The Court's required disclosure. Distinct from the demonstration band above
   it — this one is a standing legal notice rather than a note about the
   environment, so it carries the brand accent rather than a neutral tint. */
.portal-pilot-band {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  padding: 6px 20px;
  background: rgba(31, 111, 168, 0.06);
  border-bottom: 1px solid var(--line);
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.4;
}

.portal-pilot-band strong {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.portal-pilot-band a {
  color: var(--color-accent);
  text-decoration: underline;
}

/* The front door's list of open cases. Each card speaks for its own matter,
   because one person may hold matters under different arrangements. */
.today-matter-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.today-matter-card {
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  display: grid;
  gap: 8px;
}

.today-matter-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
}

.today-matter-head h2 {
  margin: 0;
}

.today-matter-arrangement {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.today-matter-card p {
  margin: 0;
}

/* Said only on a common case. Quiet, not alarming — the reader is a person in
   a dissolution, and this is unusual news about who the firm is helping. */
.today-matter-common-case {
  padding: 10px 12px;
  border-left: 3px solid var(--color-accent);
  background: rgba(31, 111, 168, 0.05);
}

.today-matter-meta {
  color: var(--color-ink-secondary);
}

/* Development identity selector. Deliberately looks like tooling rather than
   product: it must never be mistaken for a client-facing account control. */
.portal-persona-band {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  padding: 5px 20px;
  background: rgba(44, 55, 84, 0.08);
  border-bottom: 1px solid var(--line);
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.4;
}

.portal-persona-band strong {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.portal-persona-band select {
  font: inherit;
  padding: 2px 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--color-ink-primary);
}

.portal-persona-page-index {
  margin-left: auto;
  color: inherit;
  font-size: 0.82rem;
  font-weight: 700;
}

.portal-persona-page-index:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

.portal-persona-field {
  display: inline-flex;
  align-items: center;
}

.legal-notices-required {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-ink-secondary);
  margin: 0 0 6px;
}

.legal-notices-verbatim {
  margin: 0 0 16px;
  padding: 12px 16px;
  border-left: 3px solid var(--color-accent);
  background: rgba(31, 111, 168, 0.04);
}

.legal-notices-verbatim p {
  margin: 0;
}

.portal-environment-band strong {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

/* Visible by default. The fade is a CSS animation rather than a class the
   script adds, so a script failure can never leave the client greeted by
   blank space. Fill mode is `backwards`, not `both`: the resting state is
   the base rule (fully opaque), so if the animation never runs at all the
   greeting is still there. */
.today-frontdoor-greeting {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 1;
  animation: today-greeting-enter 360ms ease backwards;
}

@keyframes today-greeting-enter {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .today-frontdoor-greeting {
    animation: none;
  }
}

.today-frontdoor-hero h1,
.today-frontdoor-hero p {
  margin: 0;
}

.today-frontdoor-hero h1 {
  max-width: 18ch;
}

.today-frontdoor-copy .type-intro {
  max-width: 58ch;
}

.max-horizon {
  width: 100%;
  height: 100%;
  display: block;
}

/* Deferred horizons stay hidden until script selects the image matching the
   reader's local hour. Showing no illustration is better than showing a
   midday sun at dawn. */
.max-horizon.is-horizon-pending .max-horizon-image {
  visibility: hidden;
}

.max-horizon-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  display: block;
  transition: opacity 340ms ease, transform 340ms ease;
}

.documents-horizon-image {
  object-position: 68% center;
}

/* Extension hooks for future seasonal and milestone overlays. */
.max-horizon[data-season="spring"] .max-horizon-image,
.max-horizon[data-season="summer"] .max-horizon-image,
.max-horizon[data-season="autumn"] .max-horizon-image,
.max-horizon[data-season="winter"] .max-horizon-image {
  filter: none;
}

.max-horizon[data-milestone="filing-complete"] .max-horizon-image,
.max-horizon[data-milestone="hearing-upcoming"] .max-horizon-image,
.max-horizon[data-milestone="case-resolved"] .max-horizon-image {
  opacity: 1;
}

.knowledge-horizon {
  width: 100%;
  height: 100%;
  display: block;
}

.knowledge-horizon-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.today-section-head {
  display: grid;
  gap: 6px;
}

.today-section-head h2,
.today-section-head p {
  margin: 0;
}

.today-briefing-narrative {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding: 6px 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  animation: todayBriefingFade 320ms ease both;
}

.today-briefing-byline {
  color: var(--color-ink-muted);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.today-briefing-narrative p {
  margin: 0;
  max-width: 80ch;
}

.today-status-chips {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.today-status-chips li {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d8e6d8;
  border-radius: 999px;
  background: #f3faf4;
  color: #496d59;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  padding: 5px 11px;
}

@media (prefers-reduced-motion: reduce) {
  .today-frontdoor-greeting,
  .max-horizon-image {
    transition: none;
    animation: none;
  }
}

.today-hero-primary-action {
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.today-hero-primary-action .primary-action {
  min-width: 0;
}

.today-hero-secondary-action {
  min-width: 0;
  padding: 11px 20px;
  border-radius: var(--button-primary-radius);
  border-color: var(--color-border);
  background: #ffffff;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.today-hero-secondary-action:hover,
.today-hero-secondary-action:focus-visible {
  background: #f7faff;
  border-color: #cfd8e8;
  color: var(--color-ink-primary);
}

.today-hero-secondary-action:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.today-decision {
  display: grid;
  gap: 16px;
}

.today-decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.today-decision-card {
  display: grid;
  gap: 12px;
  padding: 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: #ffffff;
  box-shadow: var(--shadow-card);
  transition: transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease;
}

.today-decision-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 22px rgba(44, 55, 84, 0.1);
}

.today-decision-card-working {
  background: linear-gradient(180deg, #f4f8fe 0%, #eef5fd 100%);
  border-color: #d7e4f3;
}

.today-decision-card-answers {
  background: linear-gradient(180deg, #f3faf5 0%, #ecf7ef 100%);
  border-color: #d5e9dd;
}

.today-decision-card h3,
.today-decision-card p {
  margin: 0;
}

.today-decision-metrics {
  margin: 0;
  display: grid;
  gap: 8px;
}

.today-decision-metrics div {
  border-top: 1px solid rgba(129, 157, 179, 0.24);
  padding-top: 8px;
}

.today-decision-metrics dt,
.today-decision-metrics dd {
  margin: 0;
}

.today-decision-metrics dt {
  color: var(--color-ink-muted);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.today-decision-metrics dd {
  color: var(--color-ink-primary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  margin-top: 2px;
}

.today-decision-card .primary-action {
  justify-self: start;
}

.today-finance-chapter {
  display: grid;
  gap: 8px;
}

.today-finance-chapter .financial-status {
  margin-top: 2px;
}

@keyframes todayBriefingFade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.detail-list {
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: grid;
  gap: 12px;
}

.detail-list li {
  padding-bottom: 12px;
  border-bottom: 1px solid #edf1f7;
  color: var(--muted);
}

.detail-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.detail-list strong {
  color: var(--text);
  display: block;
  margin-bottom: 4px;
}

.briefing-card {
  display: block;
}

.briefing-header {
  margin-bottom: 16px;
}

.briefing-conversation {
  display: grid;
  gap: 0;
  max-width: 900px;
}

.briefing-intro {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.5;
  max-width: 80ch;
}

.briefing-section {
  padding: 16px 0;
}

.briefing-section + .briefing-section {
  border-top: 1px solid var(--border-subtle);
}

.briefing-priority {
  padding-top: 2px;
  padding-bottom: 14px;
}

.briefing-priority-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 8px;
}

.briefing-support {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  border-top: 1px solid var(--border-subtle);
  margin-top: 6px;
  padding-top: 2px;
}

.briefing-support .briefing-section {
  padding-top: 14px;
  padding-bottom: 0;
}

.briefing-support .briefing-section + .briefing-section {
  border-top: 0;
  border-left: 1px solid var(--border-subtle);
  padding-left: 18px;
}

.briefing-kicker {
  margin: 0 0 8px;
  font-size: var(--font-size-caption);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--color-accent);
}

.briefing-title {
  margin: 0;
  font-size: var(--font-size-page-title);
  font-weight: var(--font-weight-bold);
  color: var(--color-ink-primary);
  line-height: 1.05;
  letter-spacing: -0.03em;
  max-width: 22ch;
}

.briefing-estimate {
  margin: 0;
  color: var(--color-success);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}

.briefing-estimate strong {
  font-weight: var(--font-weight-bold);
}

.briefing-copy {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  line-height: 1.45;
  max-width: 78ch;
}

.briefing-action {
  width: auto;
  min-width: 180px;
  padding: 11px 20px;
  margin-top: 0;
  justify-self: auto;
}

.matter-journey {
  margin-top: 12px;
  overflow-x: auto;
  padding: 6px 2px 8px;
}

.journey-track {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 820px;
  padding: 4px 0;
  /* The matter page's track is a <ul> since 2026-08-14 — the steps were
     buttons carrying role="listitem", which axe rejects and which bound no
     handler. These two lines make a list render exactly as the div did.
     Financial Disclosures still uses a <div> here; both are unaffected. */
  margin: 0;
  list-style: none;
}

.journey-step {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 12px;
  min-width: 140px;
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  text-align: left;
  margin-top: 0;
  margin-left: 0;
}

.journey-step::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--status-track);
  transform: translateY(-50%);
  z-index: 0;
}

.journey-step:first-child::before {
  left: 50%;
}

.journey-step:last-child::before {
  right: 50%;
}

.journey-step:hover,
.journey-step:focus-visible {
  transform: translateY(-1px);
  opacity: 0.95;
  outline: none;
}

.journey-marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-bold);
  background: var(--surface-soft);
  color: var(--color-ink-secondary);
  flex-shrink: 0;
  border: 2px solid var(--status-track);
}

.journey-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  background: var(--color-panel);
  padding-right: 6px;
}

.journey-copy strong {
  display: block;
  color: var(--color-ink-primary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.journey-copy small {
  color: var(--color-ink-muted);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
}

.journey-step.current {
  color: var(--text);
}

.journey-step.current::before {
  background: var(--gradient-progress);
}

.journey-step.current .journey-marker {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: white;
}

.journey-step.complete {
  color: var(--text);
}

.journey-step.complete::before {
  background: var(--color-success);
}

.journey-step.complete .journey-marker {
  background: var(--color-success);
  border-color: var(--color-success);
  color: white;
}

.journey-step.upcoming .journey-marker {
  background: var(--color-panel);
  color: var(--status-inactive);
}

.request-summary-card,
.request-center-header,
.request-center-section,
.request-card-v2,
.request-card-action,
.request-card-status,
.request-center-help-panel,
.request-center-view-all {
  font-family: var(--vl-font-sans);
}

.request-summary-card h1 {
  margin-bottom: 10px;
  color: var(--vl-ink-primary);
  font-size: var(--vl-page-title-size);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.request-center-header {
  display: grid;
  gap: 20px;
  background: var(--vl-page-bg);
  border-color: var(--vl-border);
  padding: 30px 32px;
}

.request-center-header-copy h1 {
  margin-bottom: 10px;
  color: var(--vl-ink-primary);
  font-size: var(--vl-page-title-size);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.request-center-header-copy p {
  margin: 0;
  max-width: 64ch;
  color: var(--vl-ink-secondary);
  font-size: var(--vl-intro-size);
  font-weight: 400;
  line-height: 1.5;
}

.request-center-summary-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.request-center-summary-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  background: var(--card-bg);
  box-shadow: var(--shadow-small);
}

.request-center-summary-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.request-center-summary-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.request-center-summary-card-attention .request-center-summary-icon {
  background: var(--vl-attention-soft);
  color: var(--vl-attention);
}

.request-center-summary-card-review .request-center-summary-icon {
  background: var(--vl-review-soft);
  color: var(--vl-review);
}

.request-center-summary-card-complete .request-center-summary-icon {
  background: var(--vl-success-soft);
  color: var(--vl-success);
}

.request-center-summary-copy {
  display: grid;
  gap: 4px;
}

.request-center-summary-copy strong {
  color: var(--vl-ink-primary);
  font-size: var(--vl-summary-number-size);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.03em;
}

.request-center-summary-copy span {
  color: var(--vl-ink-secondary);
  font-size: var(--vl-support-size);
  font-weight: 500;
}

.request-center-section {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  box-shadow: var(--shadow-card);
}

.request-center-section-head h2 {
  margin-bottom: 4px;
  color: var(--color-ink-primary);
  font-size: var(--section-header-title-size);
  font-weight: var(--section-header-title-weight);
  line-height: 1.2;
}

.request-center-section-head p {
  margin: 0;
  color: var(--section-header-support-color);
  font-size: var(--section-header-support-size);
  font-weight: var(--font-weight-medium);
}

.request-center-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 0 10px;
}

.request-center-section-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--vl-border);
  border-radius: 999px;
  padding: 6px 12px;
  background: #f8fbff;
  color: var(--vl-ink-secondary);
  font-size: var(--vl-support-size);
  font-weight: 500;
}

.request-center-list {
  display: grid;
  gap: 10px;
}

.request-center-section-attention {
  border-left: 0;
}

.request-center-list-review .request-card-v2 {
  border-left: 0;
}

.request-center-list-complete .request-card-v2 {
  border-left: 0;
}

.request-center-list-attention .request-card-v2 {
  min-height: 126px;
}

.request-card-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  padding: 12px 16px;
  border-radius: var(--radius-control);
  border: 1px solid var(--card-border);
  background: var(--card-bg);
  box-shadow: var(--shadow-small);
}

.request-card-v2-main {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.request-card-v2-icon {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  border: 1px solid #efd7b5;
  background: var(--vl-attention-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--vl-attention);
  flex-shrink: 0;
}

.request-card-v2-icon svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.request-card-v2-icon-review {
  border-color: #d4e3f4;
  background: var(--vl-review-soft);
  color: var(--vl-review);
}

.request-card-v2-icon-complete {
  border-color: #d9e8dc;
  background: var(--vl-success-soft);
  color: var(--vl-success);
}

.request-card-v2-copy {
  display: grid;
  gap: 8px;
}

.request-card-v2-copy h3 {
  margin: 0;
  color: var(--vl-ink-primary);
  font-size: var(--vl-card-title-size);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.request-card-v2-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.request-card-v2-meta span,
.request-card-v2-meta strong {
  color: var(--vl-ink-secondary);
  font-size: var(--vl-caption-size);
  font-weight: 600;
}

.request-card-v2-dot {
  color: var(--vl-ink-muted);
  font-size: 16px;
  line-height: 1;
}

.request-card-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: var(--status-pill-radius);
  border: 1px solid transparent;
  font-size: var(--status-pill-size);
  font-weight: var(--status-pill-weight);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.request-card-status-waiting {
  border-color: var(--color-attention-border);
  background: var(--color-attention-soft);
  color: var(--color-attention);
}

.request-card-status-review {
  border-color: var(--color-review-border);
  background: var(--color-review-soft);
  color: var(--color-review);
}

.request-card-status-complete {
  border-color: var(--color-success-border);
  background: var(--color-success-soft);
  color: var(--color-success);
}

.request-card-summary {
  margin: 0;
  color: var(--vl-ink-primary);
  font-size: var(--vl-body-size);
  font-weight: 400;
  line-height: 1.5;
  max-width: 52ch;
}

.request-card-v2-side {
  display: grid;
  justify-items: end;
  gap: 10px;
  min-width: 190px;
  padding-left: 16px;
  border-left: 1px solid #e8edf6;
  align-self: start;
  padding-top: 2px;
}

.request-card-v2-side p {
  margin: 0;
  color: var(--vl-ink-secondary);
  font-size: var(--vl-support-size);
  font-weight: 500;
}

.request-card-v2-side-quiet {
  min-width: 180px;
}

.request-card-action {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 136px;
  padding: 9px 16px;
  border-radius: 999px;
  border: 1px solid var(--button-secondary-border);
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--vl-support-size);
  font-weight: 600;
  text-decoration: none;
  line-height: 1.2;
  transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, opacity 220ms ease;
}

.request-card-action:hover,
.request-center-view-all:hover {
  color: var(--vl-accent-teal-hover);
}

.request-center-section-attention .primary-action {
  background: var(--button-primary-attention-bg);
  font-weight: var(--font-weight-bold);
}

.request-card-action-complete {
  min-width: 92px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: var(--vl-caption-size);
  border-color: var(--vl-border);
  color: var(--vl-accent-teal);
}

.request-center-view-all {
  display: inline-flex;
  align-self: center;
  justify-self: center;
  margin-top: 2px;
  color: var(--vl-accent-teal);
  font-size: var(--vl-support-size);
  font-weight: 600;
  text-decoration: none;
}

.request-center-list-review .request-card-v2,
.request-center-list-complete .request-card-v2 {
  min-height: 106px;
}

.request-center-list-complete .request-card-v2 {
  min-height: 88px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.request-card-v2--large {
  padding-top: 13px;
  padding-bottom: 13px;
}

.request-card-v2--standard {
  padding-top: 11px;
  padding-bottom: 11px;
}

.request-card-v2--compact {
  padding-top: 9px;
  padding-bottom: 9px;
}

.request-card-v2--standard .request-card-v2-copy h3 {
  font-size: var(--vl-card-title-size);
}

.request-card-v2--compact .request-card-v2-copy h3 {
  font-size: var(--vl-card-title-size);
  color: var(--vl-ink-primary);
}

.request-card-v2--standard .request-card-summary {
  font-size: var(--vl-body-size);
}

.request-card-v2--compact .request-card-summary {
  font-size: var(--vl-body-size);
  color: var(--vl-ink-primary);
}

.request-center-section-collapsed {
  padding: 20px 24px;
}

.request-center-collapsed-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.request-center-caret {
  color: var(--vl-ink-secondary);
  font-size: 18px;
  line-height: 1;
}

.request-center-help-panel {
  display: grid;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid var(--vl-border);
  border-radius: 16px;
  background: #f9fcff;
}

.request-center-help-panel strong {
  color: var(--vl-ink-primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.request-center-help-panel p {
  margin: 0;
  color: var(--vl-ink-secondary);
  font-size: var(--vl-body-size);
  font-weight: 400;
  line-height: 1.45;
}

.request-center-help-panel .request-card-action {
  justify-self: start;
}

.legal-work-header {
  display: grid;
  gap: var(--space-2);
}

.legal-work-guidance {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  gap: var(--space-4);
  align-items: center;
  background: var(--surface-soft);
  border-color: var(--border-info);
}

.legal-work-guidance-kicker {
  display: inline-block;
  margin-bottom: var(--space-2);
  color: var(--color-accent);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.legal-work-guidance-copy p {
  margin: 0;
}

.legal-work-list {
  display: grid;
  gap: var(--space-4);
}

.legal-work-card {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) auto;
  gap: var(--space-5);
  align-items: start;
}

.legal-work-main {
  display: grid;
  gap: var(--space-2);
}

.legal-work-head h2 {
  margin: 0;
}

.legal-work-description {
  margin: 0;
  max-width: 72ch;
}

.legal-work-status-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.legal-work-status-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  padding: 4px 10px;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-secondary);
  background: var(--surface-subtle);
}

.legal-work-status-muted {
  color: var(--color-ink-muted);
}

.legal-work-progress-wrap {
  display: grid;
  gap: 6px;
  max-width: 360px;
}

.legal-work-progress {
  width: 100%;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--border-subtle);
  overflow: hidden;
}

.legal-work-progress span {
  display: block;
  width: var(--legal-work-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-review) 0%, var(--color-accent) 100%);
}

.legal-work-meta {
  margin: 0;
}

.legal-work-actions {
  display: grid;
  justify-items: end;
  gap: var(--space-2);
  align-content: start;
  min-width: 180px;
}

.legal-work-actions .request-card-action {
  min-width: 0;
}

.legal-work-card.is-complete {
  border-color: var(--color-success-border);
  background: var(--color-success-soft);
}

.work-queue-page {
  display: grid;
  gap: 20px;
}

.work-queue-hero {
  padding: 34px;
}

.work-queue-hero-copy {
  max-width: 72ch;
}

.work-queue-hero-copy h1 {
  margin: 0 0 14px;
}

.work-queue-hero-copy p {
  margin: 0;
}

.work-queue-hero-copy p + p {
  margin-top: 8px;
}

.work-queue-overall-label {
  margin-top: 16px;
  color: var(--color-ink-muted);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.work-queue-overall-value {
  color: var(--color-ink-secondary);
}

.case-answers-conversation-hero {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border-radius: 26px;
  min-height: 520px;
  border: 1px solid #dce8f4;
  background: linear-gradient(180deg, #f9fcff 0%, #f2f8ff 100%);
  margin-bottom: 0;
  transition: padding 320ms ease-in-out, min-height 320ms ease-in-out;
}

.case-answers-conversation-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.case-answers-conversation-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    96deg,
    rgba(248, 251, 255, 0.92) 0%,
    rgba(248, 251, 255, 0.89) 32%,
    rgba(248, 251, 255, 0.81) 44%,
    rgba(248, 251, 255, 0.48) 62%,
    rgba(248, 251, 255, 0.17) 78%,
    rgba(248, 251, 255, 0.04) 100%
  );
  transition: background 320ms ease-in-out;
}

.case-answers-conversation-main {
  position: relative;
  z-index: 1;
  min-height: 452px;
  display: grid;
  align-content: start;
  transition: min-height 320ms ease-in-out;
}

.case-answers-conversation-main::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: min(62%, 680px);
  background: rgba(245, 250, 255, 0.18);
  backdrop-filter: blur(0);
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms ease-in-out, backdrop-filter 260ms ease-in-out;
  z-index: 2;
}

.case-answers-conversation-main.is-open::before {
  opacity: 1;
  backdrop-filter: blur(1.5px);
}

.case-answers-conversation-copy {
  max-width: 38ch;
  display: grid;
  gap: 12px;
  align-self: center;
  margin-top: 8px;
  opacity: 1;
  transform: translateY(0);
  max-height: 420px;
  overflow: hidden;
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, max-height 300ms ease-in-out, margin 300ms ease-in-out;
}

.case-answers-conversation-main.is-open .case-answers-conversation-copy {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  margin-top: 0;
  pointer-events: none;
}

.case-answers-conversation-hero.is-workspace-mode {
  min-height: clamp(640px, 86vh, 820px);
  padding: 18px;
}

.case-answers-conversation-hero.is-workspace-mode .case-answers-conversation-main {
  min-height: clamp(600px, 82vh, 760px);
  align-content: stretch;
}

.case-answers-conversation-hero.is-workspace-mode .case-answers-conversation-backdrop::after {
  background: linear-gradient(
    115deg,
    rgba(24, 46, 71, 0.36) 0%,
    rgba(24, 46, 71, 0.3) 35%,
    rgba(24, 46, 71, 0.2) 58%,
    rgba(24, 46, 71, 0.14) 76%,
    rgba(24, 46, 71, 0.1) 100%
  );
}

.case-answers-conversation-kicker {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-answers-conversation-copy h1,
.case-answers-conversation-copy p {
  margin: 0;
}

.case-answers-conversation-copy h1 {
  max-width: 14ch;
}

.case-answers-conversation-copy .type-intro {
  max-width: 46ch;
}

.case-answers-hero-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.case-answers-hero-nav-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 174px;
  padding: 11px 20px;
  border-radius: var(--button-primary-radius);
  font-weight: var(--font-weight-semibold);
}

.case-answers-hero-nav-action:hover,
.case-answers-hero-nav-action:focus-visible {
  background: #f7faff;
  border-color: #cfd8e8;
  color: var(--color-ink-primary);
}

.case-answers-hero-nav-action:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.case-answers-launcher-wrap {
  position: relative;
  width: min(100%, 560px);
  margin-top: 28px;
  z-index: 6;
}

.case-answers-drawer {
  position: relative;
  overflow: visible;
  border: 1px solid #c7dced;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 252, 255, 0.92) 100%);
  box-shadow: 0 14px 28px rgba(44, 55, 84, 0.15);
  backdrop-filter: blur(1.5px);
  transition: box-shadow 260ms ease-in-out, border-color 260ms ease-in-out, transform 260ms ease-in-out;
}

.case-answers-drawer:not(.is-open) {
  width: clamp(480px, 38vw, 560px);
  max-width: 100%;
  transform: none;
}

.case-answers-drawer.is-open {
  border-color: #c6d8e8;
  box-shadow: 0 16px 34px rgba(44, 55, 84, 0.14);
  transform: translateY(0);
}

.case-answers-launcher {
  width: 100%;
  border: 0;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.1);
  padding: 15px 16px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 11px;
  text-align: left;
  color: var(--color-ink-primary);
  cursor: pointer;
  transition: transform 250ms ease-in-out, opacity 200ms ease-in-out, background-color 200ms ease-in-out;
}

.case-answers-launcher:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.case-answers-launcher-icon {
  width: 16px;
  height: 16px;
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-answers-launcher-icon svg {
  width: 16px;
  height: 16px;
}

.case-answers-launcher-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-launcher-copy {
  display: grid;
  gap: 3px;
}

.case-answers-launcher-copy strong,
.case-answers-launcher-copy span {
  margin: 0;
}

.case-answers-launcher-copy strong {
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
}

.case-answers-launcher-copy span {
  font-size: var(--font-size-supporting);
  color: var(--color-ink-secondary);
}

.case-answers-launcher-arrows {
  width: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 18px;
  line-height: 1;
  transform: rotate(0deg);
  transition: transform 260ms ease-in-out;
}

.case-answers-launcher-arrow-glyph {
  display: inline-block;
  transform: translateY(0);
}

.case-answers-launcher[aria-expanded="false"] .case-answers-launcher-arrow-glyph {
  animation: caseAnswersLauncherArrowIdle 13s ease-in-out infinite;
}

.case-answers-launcher[aria-expanded="true"] .case-answers-launcher-arrows {
  transform: rotate(0deg);
}

.case-answers-drawer.is-open .case-answers-launcher {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  z-index: 12;
}

.case-answers-drawer.is-open .case-answers-launcher-icon,
.case-answers-drawer.is-open .case-answers-launcher-copy {
  display: none;
}

.case-answers-drawer.is-open .case-answers-launcher-arrows {
  width: 24px;
  font-size: 18px;
}

.case-answers-drawer.is-open .case-answers-launcher:focus-visible {
  outline-offset: 1px;
}

.case-answers-drawer-body {
  position: absolute;
  left: 0;
  width: min(100vw - 48px, 560px);
  bottom: 0;
  max-height: 0;
  opacity: 0.18;
  overflow: hidden;
  transform: translateY(4px);
  transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out;
  pointer-events: none;
  z-index: 9;
}

.case-answers-drawer.is-open .case-answers-drawer-body {
  max-height: 440px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.case-answers-expanded-panel {
  position: static;
  padding: 16px 18px 18px;
  border-top: 1px solid #dbe8f3;
  background: rgba(255, 255, 255, 0.98);
  display: grid;
  gap: 8px;
}

.case-answers-expanded-panel-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  column-gap: 12px;
}

.case-answers-drawer.is-open .case-answers-expanded-converse {
  margin-right: 0;
}

.case-answers-launcher.is-inline-toggle {
  min-width: 0;
  justify-self: end;
}

.case-answers-expanded-panel-head h2,
.case-answers-expanded-panel-head p {
  margin: 0;
}

.case-answers-drawer.is-open .case-answers-expanded-panel {
  border-top: 0;
  border-radius: 18px;
  box-shadow: 0 16px 34px rgba(44, 55, 84, 0.14);
}

.case-answers-expanded-input-wrap {
  position: relative;
  border: 1px solid #d5e3ef;
  border-radius: 16px;
  background: #ffffff;
  padding: 9px 12px 11px;
}

.case-answers-expanded-prompt {
  width: 100%;
  min-height: 126px;
  resize: vertical;
  border: 0;
  background: transparent;
  color: var(--color-ink-primary);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  padding: 0 44px 0 0;
}

.case-answers-expanded-prompt:focus-visible {
  outline: 0;
}

.case-answers-expanded-prompt::placeholder {
  color: #7f93a6;
}

.case-answers-expanded-send {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: var(--color-accent);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(47, 127, 168, 0.32);
  transition: background-color 180ms ease, transform 180ms ease;
}

.case-answers-expanded-send:hover,
.case-answers-expanded-send:focus-visible {
  background: var(--color-accent-hover);
  transform: translateY(-1px);
}

.case-answers-expanded-send:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.case-answers-expanded-send span {
  font-size: 14px;
  line-height: 1;
}

.case-answers-expanded-converse {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #cfdeeb;
  border-radius: 999px;
  background: #ffffff;
  color: var(--color-accent);
  text-decoration: none;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  padding: 7px 11px;
  white-space: nowrap;
}

.case-answers-expanded-converse:hover,
.case-answers-expanded-converse:focus-visible {
  border-color: #b9d2e6;
  background: #f7fbff;
}

.case-answers-expanded-converse:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.case-answers-expanded-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
}

.case-answers-expanded-chip {
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid #d8e3ec;
  background: #fbfdff;
  color: var(--color-ink-muted);
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  cursor: pointer;
}

.case-answers-expanded-chip:hover,
.case-answers-expanded-chip:focus-visible {
  border-color: #c0d6e6;
  color: var(--color-accent);
  outline: none;
}

@keyframes caseAnswersLauncherArrowIdle {
  0%,
  88%,
  100% {
    transform: translateY(0);
  }

  92% {
    transform: translateY(-2px);
  }

  96% {
    transform: translateY(0);
  }
}

.case-answers-intents {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.case-answers-intent {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: start;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-panel);
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 12px;
  text-align: left;
  box-shadow: var(--shadow-card);
}

.case-answers-intent:hover {
  border-color: #c8deed;
}

.case-answers-intent .case-answers-illustration {
  width: 124px;
  height: 90px;
}

.case-answers-intent .case-answers-illustration svg {
  width: 104px;
  height: 74px;
}

.case-answers-intent .case-answers-illustration svg * {
  stroke-width: 2.4;
}

.case-answers-intent-copy h2 {
  color: var(--color-accent);
}

.case-answers-intent--blue .case-answers-intent-copy h2 {
  color: #3b78b6;
}

.case-answers-intent--green .case-answers-intent-copy h2 {
  color: #4d8a63;
}

.case-answers-intent--violet .case-answers-intent-copy h2 {
  color: #7564b6;
}

.case-answers-intent--teal {
  background: linear-gradient(180deg, #f4fbfb 0%, #eef9f8 100%);
  border-color: #d7ece8;
}

.case-answers-intent--blue {
  background: linear-gradient(180deg, #f4f8fe 0%, #edf5fd 100%);
  border-color: #d7e4f3;
}

.case-answers-intent--green {
  background: linear-gradient(180deg, #f4fbf5 0%, #ecf7ef 100%);
  border-color: #d8eadf;
}

.case-answers-intent--violet {
  background: linear-gradient(180deg, #faf6ff 0%, #f2ecff 100%);
  border-color: #e4daf6;
}

.case-answers-intent:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.case-answers-intent.is-active {
  border-color: var(--color-accent);
  background: #f4fbff;
}

.case-answers-intent-copy {
  display: grid;
  gap: 4px;
}

.case-answers-intent-copy h2,
.case-answers-intent-copy p {
  margin: 0;
}

.case-answers-flow {
  display: grid;
  gap: 16px;
}

.case-answers-flow > .matter-card {
  scroll-margin-top: 12px;
}

.case-answers-flow > .matter-card.is-highlighted {
  border-color: #bfd8ea;
  box-shadow: 0 0 0 2px rgba(47, 127, 168, 0.18);
}

.case-answers-section-head {
  display: grid;
  gap: 6px;
}

.case-answers-section-head h2,
.case-answers-section-head p {
  margin: 0;
}

.case-answers-ask {
  display: grid;
  gap: 14px;
  padding: 22px;
}

.case-answers-prompt-wrap {
  display: grid;
  gap: 8px;
}

.case-answers-prompt-label {
  color: var(--color-ink-muted);
}

.case-answers-prompt {
  width: 100%;
  border: 1px solid #d8e5f0;
  border-radius: 14px;
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
  padding: 14px 16px;
  resize: vertical;
  min-height: 104px;
}

.case-answers-prompt::placeholder {
  color: var(--color-ink-muted);
}

.case-answers-prompt:focus-visible,
.case-answers-suggestion:focus-visible,
.case-answers-source-card:focus-visible,
.case-answers-link-button:focus-visible,
.case-answers-inline-ask:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.case-answers-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.case-answers-suggestion {
  border: 1px solid #d8e5f0;
  border-radius: 999px;
  background: #f7fbff;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
  padding: 6px 12px;
}

.case-answers-suggestion:hover {
  border-color: #c5ddee;
  color: var(--color-accent);
}

.case-answers-primary-action {
  width: 100%;
  justify-content: center;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  box-shadow: 0 8px 18px rgba(47, 127, 168, 0.18);
}

.case-answers-more-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}

.case-answers-more-button {
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 0;
}

.case-answers-more-button:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.case-answers-more-questions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.case-answers-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.case-answers-response {
  display: grid;
  gap: 8px;
  border-left: 3px solid #73a8c8;
  border-radius: 12px;
  background: #f2f8fd;
  padding: 14px 16px;
}

.case-answers-max-label {
  color: var(--color-accent);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.case-answers-response h3,
.case-answers-response p {
  margin: 0;
}

.case-answers-response-main {
  color: #1f3852;
  font-size: 18px;
}

.case-answers-sources {
  display: grid;
  gap: 8px;
  margin-top: 4px;
}

.case-answers-sources h4 {
  margin: 0;
}

.case-answers-source-grid {
  display: grid;
  gap: 8px;
}

.case-answers-source-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid #d8e5f0;
  border-radius: 12px;
  background: #ffffff;
  color: var(--color-ink-primary);
  text-decoration: none;
  padding: 10px 12px;
}

.case-answers-source-card:hover {
  border-color: #c5ddee;
}

.case-answers-source-card--compact {
  padding: 10px 12px;
}

.case-answers-source-card strong,
.case-answers-source-card small {
  display: block;
}

.case-answers-source-open {
  color: var(--color-accent);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  justify-self: end;
}

.case-answers-source-card small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.case-answers-link-button,
.case-answers-inline-ask {
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  padding: 0;
  text-decoration: none;
}

.case-answers-link-button:hover,
.case-answers-inline-ask:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.case-answers-schedule,
.case-answers-explain,
.case-answers-activity,
.case-answers-files {
  display: grid;
  gap: 14px;
  padding: 22px;
}

.case-answers-explain {
  padding: 6px 4px 0;
}

.case-answers-explain-lite,
.case-answers-activity-lite {
  padding: 6px 4px 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.case-answers-explain-head {
  margin-bottom: 2px;
}

.case-answers-explain-list {
  display: grid;
  gap: 10px;
}

.case-answers-explain-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px 14px;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: #ffffff;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 14px 16px;
  text-align: left;
}

.case-answers-explain-item:hover,
.case-answers-explain-item:focus-visible {
  border-color: #c8deed;
  box-shadow: 0 4px 14px rgba(44, 55, 84, 0.05);
}

.case-answers-explain-item-lite {
  padding: 12px 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid var(--border-subtle);
  border-radius: 0;
  background: transparent;
}

.case-answers-explain-item-lite:last-child {
  border-bottom: 0;
}

.case-answers-explain-question {
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
}

.case-answers-explain-preview {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.case-answers-explain-action {
  color: var(--color-accent);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  justify-self: end;
}

.case-answers-activity-lite .case-answers-section-head {
  margin-bottom: 6px;
}

.case-answers-activity-lite .case-answers-timeline-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--border-subtle);
  border-radius: 0;
  background: transparent;
}

.case-answers-activity-lite .case-answers-timeline-item:last-child {
  border-bottom: 0;
}

.case-answers-activity-lite .case-answers-timeline-item h3 {
  font-size: var(--font-size-card-title);
}

.case-answers-schedule-groups {
  display: grid;
  gap: 14px;
}

.case-answers-schedule-group {
  display: grid;
  gap: 10px;
}

.case-answers-schedule-group h3 {
  margin: 0;
}

.case-answers-event-grid {
  display: grid;
  gap: 9px;
}

.case-answers-event-card {
  display: grid;
  gap: 4px;
  border: 1px solid #e4ebf3;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.case-answers-schedule-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.case-answers-schedule-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
  padding: 5px 10px;
  white-space: nowrap;
}

.case-answers-schedule-badge.state-teal {
  background: var(--color-accent-soft);
  color: var(--color-accent);
}

.case-answers-schedule-badge.state-blue {
  background: var(--color-review-soft);
  color: var(--color-review);
}

.case-answers-schedule-badge.state-orange {
  background: var(--color-attention-soft);
  color: var(--color-attention);
}

.case-answers-event-card h4,
.case-answers-event-card p {
  margin: 0;
}

.case-answers-event-card h4 {
  font-size: 16px;
}

.case-answers-event-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 2px;
}

.case-answers-folder-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.case-answers-folder-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: 14px;
  background: var(--color-panel);
  padding: 12px;
  color: inherit;
  text-decoration: none;
  transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, transform var(--motion-fast) ease;
}

.case-answers-folder-card--link:hover,
.case-answers-folder-card--link:focus-visible {
  border-color: #c8deed;
  background: #fbfdff;
  transform: translateY(-1px);
}

.case-answers-folder-copy {
  display: grid;
  gap: 4px;
}

.case-answers-folder-copy h3,
.case-answers-folder-copy p {
  margin: 0;
}

.case-answers-folder-status {
  color: var(--color-accent);
}

.case-answers-folder-status--new {
  color: var(--color-success);
}

.case-answers-folder-status--updated {
  color: var(--color-review);
}

.case-answers-folder-chevron {
  color: var(--color-ink-muted);
  font-size: 22px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.case-answers-timeline,
.case-answers-activity-list {
  display: grid;
  gap: 9px;
}

.case-answers-timeline-item,
.case-answers-activity-item {
  display: grid;
  gap: 4px;
  border: 1px solid #e4ebf3;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px;
}

.case-answers-timeline-item h3,
.case-answers-timeline-item p,
.case-answers-activity-item h3,
.case-answers-activity-item p {
  margin: 0;
}

.case-answers-timeline-item h3,
.case-answers-activity-item h3 {
  font-size: 16px;
}

.case-answers-event-card--preview {
  padding: 12px;
}

.case-answers-understand-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.case-answers-understand-card {
  display: grid;
  gap: 8px;
  border: 1px solid #dce7f1;
  border-radius: 14px;
  background: #ffffff;
  padding: 12px;
}

.case-answers-understand-card h3,
.case-answers-understand-card p {
  margin: 0;
}

.case-answers-understand-card.is-general {
  border-left: 3px solid #86aeca;
}

.case-answers-understand-card.is-case-specific {
  border-left: 3px solid #77a99a;
}

.case-answers-answer-type {
  color: var(--color-ink-muted);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.case-answers-authority {
  display: grid;
  gap: 2px;
}

.case-answers-authority p {
  margin: 0;
}

.case-answers-illustration {
  width: 112px;
  height: 84px;
  border-radius: 14px;
  border: 1px solid #d6e5ef;
  background: linear-gradient(180deg, #fafdff 0%, #f2f8fc 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.case-answers-illustration svg {
  width: 94px;
  height: 64px;
}

.case-answers-illustration svg * {
  fill: none;
  stroke: #2f7fa8;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-illustration .case-answers-surface {
  fill: #ffffff;
  stroke: #cfe2ee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.case-answers-insight-card {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  margin-top: 0;
  padding: 26px;
  border: 1px solid #d7e6f5;
  border-radius: 26px;
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
  box-shadow: var(--shadow-container);
  animation: caseAnswersInsightFade 420ms ease both;
}

@keyframes caseAnswersInsightFade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.case-answers-insight-illustration {
  position: relative;
  width: 128px;
  height: 96px;
  border-radius: 20px;
  background: linear-gradient(180deg, #eef7ff 0%, #f8fbff 100%);
  display: grid;
  place-items: center;
}

.case-answers-insight-illustration svg {
  width: 48px;
  height: 48px;
  position: absolute;
}

.case-answers-insight-illustration svg * {
  fill: none;
  stroke: var(--color-accent);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-insight-illustration svg:first-child {
  transform: translate(-14px, -2px) rotate(-8deg);
  opacity: 0.88;
}

.case-answers-insight-illustration svg:nth-child(2) {
  transform: translate(8px, 6px);
  opacity: 0.72;
}

.case-answers-insight-spark {
  position: absolute;
  right: 12px;
  top: 10px;
  width: 28px;
  height: 28px;
  color: #68a4d8;
}

.case-answers-insight-spark svg {
  width: 28px;
  height: 28px;
}

.case-answers-insight-copy {
  display: grid;
  gap: 10px;
}

.case-answers-insight-kicker {
  margin: 0;
  color: var(--color-accent);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.case-answers-insight-copy h2,
.case-answers-insight-copy p {
  margin: 0;
}

.case-answers-insight-copy h2 {
  font-size: 29px;
}

.case-answers-insight-action {
  justify-self: end;
}


.case-answers-chapter {
  padding: 24px;
  border-radius: 22px;
  box-shadow: var(--shadow-container);
  background: #ffffff;
}

.case-answers-status-list {
  margin: 4px 0 0;
  padding: 0 2px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  grid-column: 1 / -1;
  border-top: 1px solid rgba(157, 186, 210, 0.45);
  padding-top: 12px;
}

.case-answers-status-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-ink-muted);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.case-answers-status-check {
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
}

.case-answers-light-actions {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.case-answers-action-rows {
  display: grid;
  border-top: 1px solid #e8eef5;
}

.case-answers-action-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid #e8eef5;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-align: left;
}

.case-answers-action-row:hover,
.case-answers-action-row:focus-visible {
  color: var(--color-accent);
}

.case-answers-action-icon {
  width: 20px;
  height: 20px;
  color: var(--color-ink-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-answers-action-icon svg {
  width: 18px;
  height: 18px;
}

.case-answers-action-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-action-label {
  color: var(--color-ink-primary);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
}

.case-answers-stack {
  display: grid;
  gap: 24px;
  margin-top: 24px;
}

.case-answers-ask-panel,
.case-answers-schedule-panel,
.case-answers-folder-panel {
  display: grid;
  gap: 14px;
  padding: 24px;
}

.case-answers-ask-panel {
  gap: 14px;
}

.case-answers-ask-panel.is-highlighted {
  background: linear-gradient(180deg, rgba(47, 127, 168, 0.05) 0%, rgba(47, 127, 168, 0) 100%);
}

.case-answers-action-row--primary {
  display: flex;
  justify-content: flex-end;
}

.case-answers-primary-action {
  width: 104px;
  justify-content: center;
  min-width: 104px;
  padding: 10px 14px;
  box-shadow: none;
}

.case-answers-prompt-wrap {
  border-bottom: 1px solid #dbe5ef;
  padding-bottom: 6px;
  transition: border-color var(--motion-fast) ease;
}

.case-answers-prompt-wrap.is-expanded {
  border-color: #bad0e2;
}

.case-answers-prompt {
  width: 100%;
  min-height: 38px;
  max-height: 180px;
  resize: vertical;
  border: 0;
  padding: 8px 0 6px;
  border-radius: 0;
  background: transparent;
  color: var(--color-ink-primary);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  transition: min-height var(--motion-fast) ease;
}

.case-answers-prompt-wrap.is-expanded .case-answers-prompt {
  min-height: 98px;
}

/* RECONCILIATION, added 2026-08-14.

   `.case-answers-prompt` was drawn for a full-width textarea sitting over the
   wrap's underline. That textarea was disabled decoration and the real ask box
   is now the shared MAX banner — a 390px pill with a brand lockup, a mic and a
   keyboard-shortcut hint, used identically on every other page.

   Rather than leave the answers page's own prompt design detached, the banner
   wears it here and only here. Everything below is scoped inside
   `.case-answers-prompt-wrap`, so no other surface is touched:

   - the form stops being a fixed 126/390/44 grid and fills the chapter card,
     which is what a full-width prompt needs;
   - the input loses the pill, the border and the shadow, keeping the wrap's
     underline as the only chrome, which is the original treatment;
   - padding-right leaves room for the shortcut hint, which is absolutely
     positioned 16px from the right of the shell. */
.case-answers-prompt-wrap .max-banner-form-desktop {
  grid-template-columns: 126px minmax(0, 1fr) 44px;
  width: 100%;
}

.case-answers-prompt-wrap .max-banner-input-shell {
  width: auto;
}

.case-answers-prompt-wrap .max-banner-input.case-answers-prompt {
  height: auto;
  min-height: 38px;
  padding: 8px 56px 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 16px;
}

.case-answers-prompt:focus-visible {
  outline: 0;
}

.case-answers-prompt::placeholder {
  color: #8096a9;
}

.case-answers-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.case-answers-suggestion {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid #d5e3ee;
  background: #ffffff;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
}

.case-answers-suggestion:hover,
.case-answers-suggestion:focus-visible {
  border-color: #c0d6e6;
  color: var(--color-accent);
}

.case-answers-more-wrap {
  display: grid;
  gap: 8px;
}

.case-answers-more-button {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  padding: 0;
  cursor: pointer;
}

.case-answers-more-questions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.case-answers-answer {
  display: grid;
  gap: 7px;
  border-left: 2px solid #9bbcd3;
  border-radius: 12px;
  background: #f8fbfe;
  padding: 12px 14px;
}

.case-answers-answer h3,
.case-answers-answer p {
  margin: 0;
}

.case-answers-sources {
  display: grid;
  gap: 4px;
}

.case-answers-source-list {
  display: grid;
  gap: 0;
}

.case-answers-source-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-top: 1px solid var(--border-subtle);
  color: inherit;
  text-decoration: none;
}

.case-answers-source-row:first-child {
  border-top: 0;
}

.case-answers-source-main {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.case-answers-source-doc {
  width: 16px;
  height: 16px;
  color: #5e809a;
  display: inline-flex;
}

.case-answers-source-doc svg {
  width: 16px;
  height: 16px;
}

.case-answers-source-doc svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-source-row strong {
  color: var(--color-ink-primary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.case-answers-source-open {
  color: var(--color-accent);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.case-answers-schedule-list {
  display: grid;
  gap: 0;
  border-top: 1px solid #e8eef5;
}

.case-answers-schedule-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid #e8eef5;
}

.case-answers-schedule-text {
  display: grid;
  gap: 4px;
}

.case-answers-schedule-text h3,
.case-answers-schedule-text p {
  margin: 0;
}

.case-answers-schedule-label {
  color: var(--color-ink-muted);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.case-answers-schedule-meta {
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-medium);
}

.case-answers-schedule-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 6px;
  align-items: center;
}

.case-answers-inline-ask {
  border: 0;
  background: transparent;
  color: var(--color-accent);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  padding: 0;
  cursor: pointer;
}

.case-answers-schedule-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
  align-self: center;
}

.case-answers-schedule-badge.state-teal {
  background: var(--color-accent-soft);
  color: var(--color-accent);
}

.case-answers-schedule-badge.state-orange {
  background: var(--color-attention-soft);
  color: var(--color-attention);
}

.case-answers-schedule-badge.state-amber {
  background: #fff3dd;
  color: #8a6420;
}

.case-answers-schedule-badge.state-green {
  background: var(--color-success-soft);
  color: var(--color-success);
}

.case-answers-schedule-badge.state-blue {
  background: var(--color-review-soft);
  color: var(--color-review);
}

.case-answers-schedule-badge.state-red {
  background: var(--color-danger-soft);
  color: var(--color-danger);
}

.case-answers-schedule-badge.state-gray {
  background: #eef1f6;
  color: var(--color-ink-muted);
}

.case-answers-section-footer {
  display: flex;
  justify-content: flex-end;
}

.case-answers-folder-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.case-answers-folder-tile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--border-subtle);
  border-radius: 16px;
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: var(--shadow-small);
  transition: transform var(--motion-fast) ease, border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}

.case-answers-folder-tile:hover,
.case-answers-folder-tile:focus-visible {
  transform: translateY(-1px);
  border-color: #c8deed;
  background: #fbfdff;
  box-shadow: 0 10px 18px rgba(39, 65, 93, 0.08);
}

.case-answers-folder-status--updated {
  animation: caseAnswersPulseUpdated 2.8s ease-in-out infinite;
}

@keyframes caseAnswersPulseUpdated {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(88, 124, 173, 0);
  }

  50% {
    box-shadow: 0 0 0 6px rgba(88, 124, 173, 0.12);
  }
}

.case-answers-folder-icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: var(--surface-soft);
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-answers-folder-icon svg {
  width: 24px;
  height: 24px;
}

.case-answers-folder-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-folder-copy {
  display: grid;
  gap: 3px;
}

.case-answers-folder-title {
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
}

.case-answers-folder-count {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.case-answers-folder-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: start;
  padding: 0;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
}

.case-answers-folder-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a9b7c6;
}

.case-answers-folder-status--new {
  color: var(--color-success);
}

.case-answers-folder-status--new .case-answers-folder-dot {
  background: var(--color-success);
}

.case-answers-folder-status--updated {
  color: var(--color-review);
}

.case-answers-folder-status--updated .case-answers-folder-dot {
  background: var(--color-review);
}

.case-answers-folder-status--quiet {
  color: var(--color-ink-muted);
}

.case-answers-folder-status--quiet .case-answers-folder-dot {
  background: #aeb9c5;
}

.case-answers-folder-chevron {
  color: var(--color-ink-muted);
  font-size: 24px;
  line-height: 1;
}

.case-answers-people-panel,
.case-answers-activity-panel {
  display: grid;
  gap: 8px;
  padding: 24px;
}

.case-answers-people-list,
.case-answers-activity-timeline {
  display: grid;
}

.case-answers-person-row,
.case-answers-timeline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #e8eef5;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.case-answers-person-row:first-child,
.case-answers-timeline-row:first-child {
  border-top: 0;
}

.case-answers-person-row:hover,
.case-answers-person-row:focus-visible {
  background: linear-gradient(90deg, rgba(47, 127, 168, 0.05) 0%, rgba(47, 127, 168, 0.01) 100%);
}

.case-answers-person-question {
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
}

.case-answers-person-action {
  color: var(--color-accent);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  justify-self: end;
}

.case-answers-timeline-row {
  cursor: default;
  align-items: start;
}

.case-answers-timeline-row h3,
.case-answers-timeline-row p {
  margin: 0;
}

.case-answers-timeline-row h3 {
  font-size: var(--font-size-body);
}

.case-answers-activity-main {
  display: grid;
  gap: 4px;
}

.case-answers-activity-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.case-answers-activity-icon {
  width: 16px;
  height: 16px;
  color: #6f89a0;
  display: inline-flex;
}

.case-answers-activity-icon svg {
  width: 16px;
  height: 16px;
}

.case-answers-activity-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.case-answers-timeline-row .work-queue-quiet-link {
  justify-self: end;
}

@media (prefers-reduced-motion: reduce) {
  .case-answers-insight-card,
  .case-answers-folder-status--updated {
    animation: none;
  }

  .case-answers-prompt,
  .case-answers-folder-tile {
    transition: none;
  }
}

.work-queue-section {
  display: grid;
  gap: 12px;
}

.work-queue-section-head {
  display: grid;
  gap: 4px;
  padding: 0 4px;
}

.work-queue-section-head h2,
.work-queue-section-head p {
  margin: 0;
}

.work-queue-recommendation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 24px;
  border-color: #cfe2ee;
  background: linear-gradient(135deg, #ffffff 0%, #f6fbfe 100%);
}

.work-queue-recommendation-main {
  display: grid;
  gap: 11px;
}

.work-queue-recommendation-main h2,
.work-queue-recommendation-main p {
  margin: 0;
}

.work-queue-kicker {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-accent);
}

.work-queue-encouragement {
  color: #355672;
}

.work-queue-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.work-queue-meta-grid div {
  border: 1px solid #deebf2;
  border-radius: 12px;
  background: #f9fcff;
  padding: 9px 10px;
}

.work-queue-meta-grid dt,
.work-queue-meta-grid dd {
  margin: 0;
}

.work-queue-recommendation-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px;
}

.work-queue-now-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.95fr);
  gap: 14px;
  align-items: stretch;
}

.work-queue-now-card,
.work-queue-next-card,
.work-queue-waiting-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 18px;
}

.work-queue-now-card.is-primary {
  padding: 22px;
  border-color: #cfe4f0;
  box-shadow: 0 10px 24px rgba(44, 55, 84, 0.08);
}

.work-queue-now-card.is-primary h3 {
  font-size: 22px;
  line-height: 1.2;
}

.work-queue-task-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.work-queue-task-body h3,
.work-queue-task-body p {
  margin: 0;
}

.work-queue-progress-wrap {
  display: grid;
  gap: 6px;
}

.work-queue-progress {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: #deebf2;
}

.work-queue-progress span {
  display: block;
  width: var(--work-queue-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--color-success) 0%, var(--color-accent) 100%);
}

.work-queue-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.work-queue-chip {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #d7e7f0;
  background: #f8fcff;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  padding: 5px 10px;
}

.work-queue-chip.urgency-week {
  border-color: var(--color-attention-border);
  background: var(--color-attention-soft);
  color: var(--color-attention);
}

.work-queue-next-grid,
.work-queue-waiting-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.work-queue-next-card {
  min-height: 230px;
}

.work-queue-next-meta {
  display: grid;
  gap: 3px;
}

.work-queue-next-meta p {
  margin: 0;
}

.work-queue-waiting-card {
  background: #fdfefe;
  border-color: #e8edf3;
  box-shadow: none;
}

.work-queue-waiting-state {
  color: var(--color-ink-muted);
}

.work-queue-waiting-card .work-queue-quiet-link {
  font-size: 13px;
  font-weight: var(--font-weight-medium);
}

.work-queue-quiet-link {
  color: var(--color-accent);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}

.work-queue-quiet-link:hover,
.work-queue-quiet-link:focus-visible {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.work-queue-completed-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.work-queue-completed-card {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: #ffffff;
  border-color: #ebf0f6;
  box-shadow: none;
}

.work-queue-completed-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #dce6ef;
  color: #88a0b6;
  font-size: 11px;
  line-height: 1;
}

.work-queue-completed-copy {
  display: grid;
  gap: 4px;
}

.work-queue-completed-copy h3,
.work-queue-completed-copy p {
  margin: 0;
}

.queue-illustration {
  width: 112px;
  height: 84px;
  border-radius: 14px;
  border: 1px solid #d6e5ef;
  background: linear-gradient(180deg, #fafdff 0%, #f2f8fc 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.queue-illustration svg {
  width: 94px;
  height: 64px;
}

.queue-illustration svg * {
  fill: none;
  stroke: #2f7fa8;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.queue-illustration .queue-illustration-surface {
  fill: #ffffff;
  stroke: #cfe2ee;
}

.is-disabled-link,
a[aria-disabled="true"] {
  pointer-events: none;
  cursor: default;
}

a.request-card-action[aria-disabled="true"] {
  color: var(--color-ink-muted);
  border-color: var(--border-subtle);
}

a.primary-action[aria-disabled="true"] {
  background: var(--button-secondary-bg);
  color: var(--color-ink-muted);
  border: 1px solid var(--button-secondary-border);
  box-shadow: none;
}

.primary-action:disabled,
.request-card-action:disabled {
  cursor: not-allowed;
  opacity: 0.46;
  box-shadow: none;
}

.document-workspace-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 4px 12px;
  color: var(--color-ink-muted);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
}

.document-workspace-breadcrumb a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
}

.document-workspace-header {
  padding-top: 34px;
  padding-bottom: 34px;
}

.document-workspace-header .workspace-header-main h1 {
  margin-bottom: 16px;
}

.document-workspace-header .workspace-context-chips {
  gap: 10px;
}

.document-workspace-header .workspace-header-action {
  align-self: start;
  padding-top: 6px;
}

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

.document-workspace-actions--hidden {
  display: none;
}

.document-workspace-actions .primary-action {
  min-width: 154px;
  padding: 10px 18px;
  font-weight: 700;
  border-radius: 12px;
  border: 1px solid var(--button-secondary-border);
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
}

.document-workspace-actions .primary-action:hover {
  background: var(--color-accent-soft);
}

.document-workspace-status-chip {
  color: var(--color-success);
  background: var(--color-success-soft);
  border-color: var(--color-success-border);
}

.document-workspace-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-success);
}

.plain-language-summary {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
  gap: 18px;
  align-items: center;
}

.plain-language-summary-main h2 {
  color: var(--color-ink-primary);
}

.plain-language-summary-main p {
  margin: 0 0 12px;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  max-width: 60ch;
}

.plain-language-summary-main p:last-child {
  margin-bottom: 0;
}

.plain-language-summary-illustration {
  position: relative;
  min-height: 178px;
  transform: scale(0.84);
  transform-origin: center right;
  opacity: 0.86;
}

.summary-blob {
  position: absolute;
  inset: 10px 18px;
  border-radius: 55% 45% 40% 60%;
  background: linear-gradient(180deg, #eaf5f0 0%, #e4effc 100%);
}

.summary-paper {
  position: absolute;
  top: 36px;
  left: 50%;
  width: 106px;
  height: 136px;
  border-radius: 12px;
  border: 2px solid #a8bbda;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  transform: translateX(-50%);
  box-shadow: 0 8px 20px rgba(44, 55, 84, 0.12);
}

.summary-paper::before,
.summary-paper::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  height: 2px;
  background: #c9d6ea;
}

.summary-paper::before {
  top: 48px;
}

.summary-paper::after {
  top: 84px;
}

.summary-check {
  position: absolute;
  bottom: 30px;
  left: 56px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #39b664;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(57, 182, 100, 0.32);
}

.document-key-details h2 {
  margin-bottom: 16px;
}

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

.document-key-card {
  border: 1px solid var(--card-border);
  border-radius: 14px;
  background: var(--surface-subtle);
  padding: 12px;
}

.document-key-card h3 {
  margin-bottom: 8px;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
  line-height: 1.3;
}

.document-key-group {
  border-top: 1px solid var(--border-subtle);
  padding-top: 8px;
  margin-top: 8px;
}

.document-key-group:first-of-type {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.document-key-group span {
  display: block;
  color: var(--color-ink-muted);
  font-size: var(--font-size-caption);
  margin-bottom: 3px;
  font-weight: var(--font-weight-semibold);
}

.document-key-group strong {
  display: block;
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  line-height: 1.3;
  letter-spacing: 0;
  font-weight: var(--font-weight-bold);
}

.document-key-group p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
}

.document-workspace-lower-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.8fr);
  gap: 16px;
}

.document-workspace-side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.document-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.document-section-head h2 {
  margin-bottom: 0;
}

.document-preview {
  border: 1px solid var(--border-info);
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
}

.document-preview-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: linear-gradient(90deg, #1f2f48 0%, #293d5e 100%);
  color: var(--color-panel);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
}

.document-preview-page {
  min-height: 430px;
  padding: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  border-top: 1px solid #dce6f4;
}

.document-preview-page h3 {
  margin-bottom: 6px;
  font-size: 18px;
  letter-spacing: 0;
}

.document-preview-page p {
  margin: 0 0 8px;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  line-height: 1.5;
}

.document-preview-line {
  height: 1px;
  background: #d8e1ef;
  margin: 12px 0;
}

.document-related-docs ul,
.document-activity ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.document-related-docs li,
.document-activity li {
  padding: 12px 0;
  border-top: 1px solid var(--border-subtle);
}

.document-related-docs li:first-child,
.document-activity li:first-child {
  border-top: 0;
  padding-top: 0;
}

.document-related-docs strong,
.document-activity strong {
  display: block;
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 2px;
}

.document-activity {
  background: var(--surface-subtle);
}

.document-activity li {
  padding: 10px 0;
}

.document-activity strong {
  font-size: var(--font-size-body);
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.document-activity span,
.document-activity small {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.document-related-docs span,
.document-activity span {
  display: block;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.document-activity small {
  display: block;
  color: var(--color-ink-muted);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  margin-top: 2px;
}

.document-related-link {
  display: inline-flex;
  margin-top: 8px;
  color: var(--link-color);
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

.document-footer-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 6px;
  padding: 2px 4px 0;
}

.document-footer-nav a {
  color: var(--link-color);
  text-decoration: none;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-semibold);
}

.document-footer-nav-inline {
  display: flex;
  align-items: center;
  gap: 18px;
}

.document-mode-next-action {
  margin: 2px 0 0;
  color: var(--color-ink-secondary);
}

.document-mode-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.document-mode-card {
  display: grid;
  align-content: start;
  gap: 12px;
}

.document-mode-card h2 {
  margin: 0;
}

.document-mode-card p {
  margin: 0;
}

.document-mode-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.document-mode-list li {
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  padding: 10px 12px;
  background: var(--surface-subtle);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
}

.document-mode-list li strong {
  color: var(--color-ink-primary);
}

.document-mode-list li span,
.document-mode-list li small {
  display: block;
}

.document-mode-list li small {
  margin-top: 2px;
  color: var(--color-ink-muted);
}

.document-mode-list-compact li {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--border-subtle);
  border-radius: 0;
  padding: 10px 0;
}

.document-mode-list-compact li:first-child {
  border-top: 0;
  padding-top: 0;
}

.document-mode-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.document-mode-grid > .document-mode-card:last-child {
  grid-column: 1 / -1;
}

.document-workspace-status-banner {
  display: grid;
  gap: 4px;
  border: 1px solid #dff3e4;
  border-left: 4px solid #2d684d;
  background: linear-gradient(90deg, #f5fcf7 0%, #fcfefd 100%);
}

.document-workspace-status-banner strong {
  color: #2d684d;
  font-size: 16px;
}

.document-workspace-status-banner p {
  margin: 0;
  color: #2d4a3f;
}

.document-workspace-shell-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
  gap: 16px;
}

.document-workspace-shell-main,
.document-workspace-shell-side {
  min-width: 0;
}

.document-workspace-shell-main {
  display: grid;
  gap: 16px;
}

.document-workspace-shell-side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.document-workspace-shell-grid--understanding {
  grid-template-columns: minmax(0, 1fr);
}

.document-workspace-shell-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.document-workspace-shell-grid--understanding .document-workspace-shell-side {
  display: none;
}

.document-mode-toggle {
  display: inline-flex;
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  overflow: hidden;
  width: fit-content;
}

.document-mode-toggle button {
  border: 0;
  background: transparent;
  color: var(--color-ink-secondary);
  padding: 7px 12px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.document-mode-toggle button[aria-selected="true"] {
  background: var(--color-accent-soft);
  color: var(--color-accent);
}

.document-draft-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.9fr);
  gap: 16px;
}

.document-draft-control {
  cursor: pointer;
}

.document-draft-control[disabled],
.document-draft-control[aria-disabled="true"] {
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.84;
}

.affidavit-draft {
  display: grid;
  gap: 16px;
}

.affidavit-draft-status {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) auto;
  gap: 8px 16px;
  border: 1px solid #dce7f4;
  background: linear-gradient(180deg, #fbfdff 0%, #f6faff 100%);
}

.affidavit-draft-status-copy h2 {
  margin: 0;
}

.affidavit-draft-status-copy p,
.affidavit-draft-status-metrics span {
  margin: 0;
  color: var(--color-ink-secondary);
}

.affidavit-draft-status-metrics {
  display: grid;
  justify-items: end;
  align-content: start;
  gap: 4px;
}

.affidavit-draft-status-metrics strong {
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
}

.affidavit-draft-status-segments {
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}

.affidavit-draft-status-segments li {
  height: 8px;
  border-radius: 999px;
  border: 1px solid #d8e4f3;
  background: #edf3fb;
}

.affidavit-draft-status-segments li.is-complete {
  border-color: #9ed4b0;
  background: #39b664;
}

.affidavit-draft-status-segments li.is-current {
  border-color: #7cb2d8;
  background: #9bc6e8;
}

.affidavit-draft-main {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, 0.8fr);
  gap: 16px;
  align-items: start;
}

.affidavit-draft-question,
.affidavit-draft-support {
  min-width: 0;
}

.affidavit-draft-question {
  display: grid;
  gap: 14px;
  border: 1px solid #d5e4f5;
}

.affidavit-draft-question-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.affidavit-draft-eyebrow {
  margin: 0;
  color: #345b86;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.04em;
}

.affidavit-draft-question-progress {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.affidavit-draft-question h2 {
  margin: 0;
  font-size: clamp(1.7rem, 2.4vw, 2.1rem);
}

.affidavit-draft-question-guidance {
  margin: 0;
  max-width: 62ch;
  color: var(--color-ink-secondary);
}

.affidavit-draft-input-wrap {
  display: grid;
  gap: 8px;
}

.affidavit-draft-input-wrap label {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.affidavit-draft-input-wrap input {
  width: 100%;
  min-height: 50px;
  border-radius: 12px;
  border: 1px solid #c7d6ea;
  background: #ffffff;
  color: var(--color-ink-primary);
  font-size: 16px;
  font-family: inherit;
  padding: 12px 14px;
}

.affidavit-draft-input-wrap input:focus-visible,
.affidavit-draft-outline-item:focus-visible,
.affidavit-draft-suggestion-action:focus-visible,
.document-draft-control:focus-visible {
  outline: 3px solid #1f6fb3;
  outline-offset: 2px;
}

.affidavit-draft-suggestion {
  border: 1px solid #dce7f4;
  border-radius: 12px;
  background: #f7fbff;
  padding: 12px;
  display: grid;
  gap: 8px;
}

.affidavit-draft-suggestion-kicker,
.affidavit-draft-suggestion-value {
  margin: 0;
}

.affidavit-draft-suggestion-kicker {
  color: var(--color-ink-muted);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.affidavit-draft-suggestion-value {
  color: var(--color-ink-primary);
  font-size: 19px;
  font-weight: var(--font-weight-bold);
}

.affidavit-draft-suggestion-action {
  width: fit-content;
}

.affidavit-draft-support {
  display: grid;
  gap: 16px;
}

.affidavit-draft-tip h3,
.affidavit-draft-known h3 {
  margin: 0;
}

.affidavit-draft-tip-list {
  margin: 0;
  padding-left: 18px;
  color: var(--color-ink-secondary);
  display: grid;
  gap: 8px;
}

.affidavit-draft-help-link-wrap {
  margin: 0;
}

.affidavit-draft-known-list {
  margin: 0;
  display: grid;
  gap: 10px;
}

.affidavit-draft-known-list div {
  border-top: 1px solid var(--border-subtle);
  padding-top: 10px;
}

.affidavit-draft-known-list div:first-child {
  border-top: 0;
  padding-top: 0;
}

.affidavit-draft-known-list dt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1f4f35;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.affidavit-draft-known-list dt span[aria-hidden="true"] {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #39b664;
  color: #ffffff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.affidavit-draft-known-list dd {
  margin: 2px 0 0 24px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.affidavit-draft-outline-head h2,
.affidavit-draft-outline-head p {
  margin: 0;
}

.affidavit-draft-outline-head p {
  margin-top: 2px;
  color: var(--color-ink-secondary);
}

.affidavit-draft-outline-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.affidavit-draft-outline-item {
  width: 100%;
  border: 1px solid #d8e3f2;
  border-radius: 12px;
  background: #ffffff;
  color: var(--color-ink-primary);
  padding: 10px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.affidavit-draft-outline-marker {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #b8c7dc;
  background: #f3f7fc;
}

.affidavit-draft-outline-copy strong,
.affidavit-draft-outline-copy small {
  display: block;
}

.affidavit-draft-outline-copy strong {
  font-size: 15px;
}

.affidavit-draft-outline-copy small {
  margin-top: 2px;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
}

.affidavit-draft-outline-item.is-current {
  border-color: #79a9d0;
  background: #f5faff;
}

.affidavit-draft-outline-item.is-current .affidavit-draft-outline-marker {
  border-color: #1f6fb3;
  background: #1f6fb3;
  box-shadow: inset 0 0 0 4px #f5faff;
}

.affidavit-draft-outline-item.is-complete {
  border-color: #b4dfc2;
  background: #f6fbf8;
}

.affidavit-draft-outline-item.is-complete .affidavit-draft-outline-marker {
  border-color: #39b664;
  background: #39b664;
  position: relative;
}

.affidavit-draft-outline-item.is-complete .affidavit-draft-outline-marker::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 4px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
  left: 5px;
  top: 6px;
}

.affidavit-draft-outline-item.is-future .affidavit-draft-outline-marker {
  border-color: #bfcbde;
}

.affidavit-draft-readiness p,
.affidavit-draft-readiness h2 {
  margin: 0;
}

.affidavit-draft-readiness-actions {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.affidavit-draft-readiness-note {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: var(--font-size-supporting);
}

.affidavit-draft-save-feedback {
  margin: -4px 2px 2px;
  color: #1f4f35;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.affidavit-workspace-card {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 0.75fr);
  gap: 0;
  overflow: visible;
  padding: 0;
}

.affidavit-workspace-left,
.affidavit-workspace-right {
  min-width: 0;
  padding: 22px;
}

.affidavit-workspace-left {
  border-right: 1px solid var(--border-subtle);
}

.affidavit-workspace-panel[hidden] {
  display: none;
}

.affidavit-workspace-head h2,
.affidavit-workspace-head p,
.affidavit-workspace-right h2,
.affidavit-workspace-right h3,
.affidavit-workspace-right p {
  margin: 0;
}

.affidavit-workspace-head {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}

.affidavit-autosave {
  color: #1f4f35;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  min-height: 20px;
  opacity: 0;
  transform: translateY(-1px);
  transition: opacity 200ms ease, transform 200ms ease;
}

.affidavit-autosave.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.affidavit-form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}

.affidavit-section {
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  background: #ffffff;
  overflow: clip;
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.affidavit-section:hover,
.affidavit-section:focus-within {
  border-color: #c4d5e7;
  box-shadow: 0 8px 16px rgba(22, 35, 54, 0.08);
}

.affidavit-section summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 58px;
  padding: 13px 14px;
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

.affidavit-section summary::-webkit-details-marker {
  display: none;
}

.affidavit-section summary:hover {
  background: #f3f8ff;
}

.affidavit-section summary:focus-visible {
  outline: 3px solid #1f6fb3;
  outline-offset: -1px;
  background: #f3f8ff;
}

.affidavit-section-main {
  min-width: 0;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.affidavit-section-chevron {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2e5d8c;
  background: #edf4fc;
  border: 1px solid #d2e0f0;
}

.affidavit-section-chevron::before {
  content: "";
  width: 12px;
  height: 12px;
  border-right: 2.5px solid currentColor;
  border-bottom: 2.5px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 200ms ease;
}

.affidavit-section[open] .affidavit-section-chevron::before {
  transform: rotate(45deg);
}

.affidavit-section-title-wrap {
  display: grid;
  gap: 2px;
}

.affidavit-section-title-wrap strong {
  color: var(--color-ink-primary);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
}

.affidavit-section-title-wrap small {
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.affidavit-section-status {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.affidavit-section-status-wrap {
  display: grid;
  justify-items: end;
  gap: 3px;
  padding-top: 1px;
}

.affidavit-section-progress {
  display: inline-flex;
  gap: 3px;
}

.affidavit-section-progress span {
  width: 10px;
  height: 3px;
  border-radius: 999px;
  background: #d2deed;
}

.affidavit-section-progress span.is-filled {
  background: #79a9d0;
}

.affidavit-section[data-affidavit-section="case-info"] .affidavit-section-status,
.affidavit-section[data-affidavit-section="person-served"] .affidavit-section-status {
  color: #1f4f35;
}

.affidavit-section-fields {
  display: grid;
  gap: 8px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 12px;
  border-top: 0;
  transition: max-height 200ms ease, opacity 200ms ease, padding 200ms ease, border-top-color 200ms ease;
}

.affidavit-section[open] .affidavit-section-fields {
  max-height: 960px;
  opacity: 1;
  padding: 0 12px 12px;
  border-top: 1px solid var(--border-subtle);
}

.affidavit-section.is-needs-attention {
  border-color: #92b3d2;
  background: #f8fbff;
  box-shadow: inset 3px 0 0 #76a1c7;
}

.affidavit-section.is-needs-attention .affidavit-section-status {
  color: #2d5d8a;
}

.affidavit-field {
  display: grid;
  gap: 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 4px 2px;
}

.affidavit-section-fields .affidavit-field + .affidavit-field {
  border-top: 1px solid #e3ebf4;
  margin-top: 2px;
  padding-top: 8px;
}

.affidavit-field label {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.affidavit-source-label,
.affidavit-required,
.affidavit-optional {
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
  padding: 2px 8px;
  color: var(--color-ink-secondary);
  background: var(--surface-soft);
}

.affidavit-required {
  color: #2f5f89;
  border-color: #c6d7e8;
  background: #edf4fb;
}

.affidavit-optional {
  color: var(--color-ink-muted);
}

.affidavit-field input,
.affidavit-field select,
.affidavit-field textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid #d3deeb;
  border-radius: 8px;
  padding: 6px 9px;
  font: inherit;
  color: var(--color-ink-primary);
  background: #ffffff;
}

.affidavit-field textarea {
  min-height: 108px;
  resize: vertical;
}

.affidavit-field input:focus-visible,
.affidavit-field select:focus-visible,
.affidavit-field textarea:focus-visible,
.affidavit-workflow-primary-action:focus-visible,
.affidavit-review-actions button:focus-visible,
.affidavit-pdf-actions button:focus-visible,
.affidavit-pdf-actions a:focus-visible {
  outline: 3px solid #1f6fb3;
  outline-offset: 1px;
}

.affidavit-field-meta,
.affidavit-help-copy,
.affidavit-pdf-note {
  color: var(--color-ink-secondary);
  font-size: 12px;
  margin: 0;
}

.affidavit-field.is-missing {
  background: #fbfdff;
}

.affidavit-field.is-complete {
  background: transparent;
}

.affidavit-field.is-edited {
  background: #f8fbff;
}

.affidavit-validation {
  margin: 0;
  color: #315a8f;
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
}

.affidavit-workspace-right {
  display: grid;
  align-content: start;
  gap: 8px;
  background: transparent;
  position: sticky;
  top: 16px;
  align-self: start;
  height: max-content;
}

.affidavit-workspace-right [data-status-panel-title] {
  font-size: 22px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.01em;
}

.affidavit-status-pill {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid #b7d4ea;
  background: #edf5fc;
  color: #225f8f;
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
}

[data-draft-missing-block],
[data-draft-ready-copy] {
  transition: opacity 220ms ease, transform 220ms ease, max-height 220ms ease;
}

[data-draft-missing-block] {
  opacity: 1;
  transform: translateY(0);
  max-height: 220px;
  overflow: hidden;
}

[data-draft-ready-copy] {
  opacity: 0;
  transform: translateY(-3px);
  max-height: 0;
  overflow: hidden;
}

.affidavit-workspace.is-draft-ready [data-draft-missing-block] {
  opacity: 0;
  transform: translateY(-3px);
  max-height: 0;
}

.affidavit-workspace.is-draft-ready [data-draft-ready-copy] {
  opacity: 1;
  transform: translateY(0);
  max-height: 120px;
}

.affidavit-workspace [hidden] {
  display: none !important;
}

.affidavit-missing-list,
.affidavit-review-workflow ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 4px;
}

.affidavit-review-workflow {
  display: grid;
  gap: 6px;
}

.affidavit-viewing-progress {
  display: grid;
  gap: 4px;
}

.affidavit-viewing-progress-label {
  margin: 0;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.affidavit-viewing-progress-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 2px;
}

.affidavit-viewing-progress-list li {
  color: var(--color-ink-secondary);
  font-size: 13px;
}

.affidavit-viewing-progress-list li.is-viewed {
  color: #1f6a4a;
}

.affidavit-review-step {
  display: grid;
  gap: 4px;
}

.affidavit-review-step-toggle {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  display: grid;
  gap: 2px;
  cursor: default;
}

.affidavit-review-step-toggle[aria-expanded="false"] {
  cursor: pointer;
}

.affidavit-review-step-toggle-default {
  display: grid;
  gap: 2px;
}

.affidavit-review-step-label {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  color: #48657f;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-variant-caps: all-small-caps;
}

.affidavit-review-step-title {
  margin: 0;
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.affidavit-review-step-marker {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  color: #1b5f95;
  background: #e8f1fa;
  border: 1px solid #bdd5ee;
}

.affidavit-review-step-divider {
  height: 1px;
  border: 0;
  background: #dbe4ef;
}

.affidavit-human-review {
  margin-top: 1px;
}

.affidavit-human-review-checklist {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 1px;
}

.affidavit-human-review-check {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  width: 100%;
  min-height: 56px;
  padding: 18px 16px;
  border-radius: 12px;
  border: 1px solid #cfbe93;
  background: #fff7e2;
  box-shadow: 0 6px 16px rgba(35, 48, 66, 0.1);
  cursor: pointer;
  box-sizing: border-box;
}

.affidavit-human-review-check > span {
  display: grid;
  gap: 4px;
}

.affidavit-human-review-note {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.affidavit-human-review-check strong {
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
  line-height: 1.45;
}

.affidavit-human-review-check input[disabled] + span strong,
.affidavit-human-review-check:has(input[disabled]) strong {
  color: #7b8796;
}

.affidavit-human-review-check:has(input[disabled]) {
  background: #f4f6f8;
  border-color: #d4dbe3;
  box-shadow: none;
  cursor: not-allowed;
}

.affidavit-human-complete-line,
.affidavit-max-complete-line {
  margin: 0;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  color: #1e6a49;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #b9e0c6;
  background: #e8f6ed;
}

.affidavit-human-complete-line {
  margin-top: 1px;
}

.affidavit-review-step-toggle-complete::before,
.affidavit-human-complete-line::before,
.affidavit-max-complete-line::before {
  content: "\2713";
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #0f5d3c;
  background: #cfead8;
}

.affidavit-review-step-toggle-complete {
  margin: 0;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  color: #1e6a49;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #b9e0c6;
  background: #e8f6ed;
}

.affidavit-human-review-check input {
  margin-top: 2px;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.affidavit-review-with-max-action {
  justify-self: start;
  margin-top: 1px;
}

.affidavit-review-workflow h3 {
  margin: 2px 0 0;
  font-size: 13px;
}

.affidavit-review-issue {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #dccf9f;
  border-radius: 12px;
  background: #fff9ea;
}

.affidavit-review-issue[hidden] {
  display: none !important;
}

.affidavit-review-issue h3,
.affidavit-review-issue p {
  margin: 0;
}

.affidavit-review-issue h3 {
  font-size: 14px;
}

.affidavit-review-issue-compare {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.affidavit-review-issue-value {
  display: grid;
  gap: 3px;
  padding: 8px 9px;
  border: 1px solid #e3d8ad;
  border-radius: 10px;
  background: #fffdf6;
}

.affidavit-review-issue-label {
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7f6a2b;
}

.affidavit-review-issue-value strong {
  font-size: 17px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  color: var(--color-ink-primary);
}

.affidavit-review-issue-actions {
  display: grid;
  gap: 8px;
}

.affidavit-review-issue-action {
  justify-self: start;
}

.affidavit-review-issue-action--secondary {
  background: #ffffff;
  border-color: #c9d8e7;
}

.affidavit-review-issue-action--tertiary {
  border-color: transparent;
  background: transparent;
  color: #3f5f7d;
}

.affidavit-ready-to-file {
  display: grid;
  gap: 6px;
}

.affidavit-ready-to-file[hidden] {
  display: none !important;
}

.affidavit-ready-to-file p {
  margin: 0;
  color: var(--color-ink-secondary);
}

.affidavit-field.is-focus-highlight {
  outline: 2px solid #1f6fb3;
  outline-offset: 2px;
}

.affidavit-workflow-primary-action {
  width: auto;
  min-width: 0;
  min-height: 44px;
  padding: 10px 18px;
  align-self: start;
  justify-self: start;
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
  border-radius: 999px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid transparent;
  box-shadow: var(--button-primary-shadow);
  filter: none;
  cursor: pointer;
}

.affidavit-workflow-primary-action[hidden] {
  display: none !important;
}

.affidavit-workflow-primary-action:focus {
  outline: none;
}

.affidavit-workflow-primary-action:focus-visible {
  outline: 3px solid #1f6fb3;
  outline-offset: 1px;
}

.affidavit-workflow-primary-action:not([disabled]):hover,
.affidavit-workflow-primary-action:not([disabled]):active {
  box-shadow: var(--button-primary-shadow);
  filter: none;
}

.affidavit-workflow-primary-action[disabled],
.affidavit-workflow-primary-action[aria-disabled="true"] {
  background: #e8edf3;
  border-color: #c8d2de;
  color: #617286;
  cursor: not-allowed;
  box-shadow: none;
  opacity: 1;
}

.affidavit-section-status {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

.affidavit-section-status.is-confirmed {
  color: #1f6a4a;
  font-weight: var(--font-weight-semibold);
}

.affidavit-review-actions,
.affidavit-pdf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.affidavit-pdf-surface {
  border: 1px solid #d8e4f3;
  border-radius: 12px;
  overflow: hidden;
  background: #f1f3f6;
}

.affidavit-pdf-nav-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.affidavit-pdf-actions-divider {
  width: 100%;
  height: 1px;
  background: #d8e4f3;
}

.affidavit-pdf-page-indicator {
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-secondary);
}

.affidavit-pdf-scroll {
  height: min(78vh, 840px);
  overflow: auto;
  overflow-x: hidden;
  background: #edf0f4;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 2px;
}

.affidavit-pdf-loading {
  margin: 14px 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
}

.affidavit-pdf-canvas {
  display: block;
  max-width: 100%;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(18, 27, 40, 0.16);
}

.affidavit-pdf-actions {
  display: grid;
  gap: 8px;
  padding: 8px 10px 10px;
  border-top: 1px solid #d8e4f3;
}

.affidavit-pdf-secondary-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.affidavit-pdf-secondary-row .request-card-action,
.affidavit-pdf-secondary-row .request-secondary-action {
  opacity: 0.88;
}

.affidavit-pdf-note {
  margin: 0;
  padding: 0 12px 12px;
}

.affidavit-workspace-right [data-draft-missing-block] h3 {
  margin: 0 0 4px;
}

.affidavit-workspace-right .affidavit-status-summary {
  font-weight: var(--font-weight-semibold);
}



@media (prefers-reduced-motion: reduce) {
  .affidavit-section summary,
  .affidavit-section-chevron::before,
  .affidavit-section-fields {
    transition: none;
  }
}

.document-draft-side {
  display: grid;
  gap: 16px;
  align-content: start;
}

.document-mode-questions {
  counter-reset: max-draft-question;
}

.document-mode-questions li {
  border-left: 3px solid #dce7f5;
}

.document-mode-progress {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: #e8eef7;
  overflow: hidden;
}

.document-mode-progress span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #1493b4 0%, #55b9dc 100%);
  border-radius: 999px;
}

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

.workspace-header-main {
  display: grid;
  gap: 6px;
  max-width: 74ch;
}

.workspace-header-main h1 {
  margin: 0;
  font-size: var(--workspace-header-title-size);
  font-weight: var(--workspace-header-title-weight);
  color: var(--color-ink-primary);
}

.workspace-context-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.workspace-context-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--border-chip);
  background: var(--surface-soft);
  color: var(--color-ink-secondary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
}

.workspace-context-chip svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.workspace-summary {
  margin: 0;
  color: var(--workspace-header-summary-color);
  font-size: var(--workspace-header-summary-size);
  line-height: 1.5;
}

.workspace-header-action {
  justify-self: end;
  align-self: center;
  margin-top: 4px;
  display: grid;
  gap: 8px;
  justify-items: center;
}

.workspace-body.matter-card {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.workspace-header .request-primary-action {
  margin: 0;
}

.workspace-header .request-primary-action .action-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-upload-meta {
  margin: 0;
  text-align: center;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  line-height: 1.45;
}

.workspace-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

.workspace-panel-title {
  margin: 0 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 15px;
  letter-spacing: 0.01em;
}

.workspace-panel-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #d9e7f3;
  background: #f2f8fd;
  color: #1685a3;
  flex-shrink: 0;
}

.workspace-panel-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-body-guide p {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.55;
}

.workspace-body-guide p:last-child {
  margin-bottom: 0;
}

.workspace-body-guide {
  border: 1px solid #e8edf5;
  border-radius: 20px;
  background: #fcfdff;
  padding: 24px;
}

.workspace-body-progress {
  min-width: 0;
}

.workspace-progress-panel {
  border: 1px solid #e8edf5;
  border-radius: 14px;
  padding: 14px 14px 12px;
  background: #fcfdff;
  display: grid;
  gap: 10px;
}

.workspace-progress-panel > h2 {
  margin-bottom: 2px;
}

.workspace-progress-panel .request-status-block,
.workspace-progress-panel .request-activity {
  border-top: 0;
  padding-top: 0;
}

.workspace-progress-panel .request-status-block {
  padding-bottom: 4px;
}

.workspace-progress-panel .request-activity {
  border-top: 1px solid #e7edf6;
  padding-top: 12px;
}

.workspace-body .request-activity h3 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: #1f2a37;
}

.workspace-body .request-status {
  margin-top: 0;
  overflow: visible;
  padding: 4px 0 6px;
}

.workspace-body .request-track {
  min-width: 0;
  width: 100%;
}

.workspace-body .request-step {
  min-width: 0;
  padding: 8px 5px;
  gap: 7px;
}

.workspace-body .request-marker {
  width: 22px;
  height: 22px;
  font-size: 11px;
}

.workspace-body .request-copy {
  background: transparent;
  padding-right: 0;
}

.workspace-body .request-copy strong {
  font-size: 13px;
}

.workspace-body .request-copy small {
  font-size: 11px;
}

.workspace-body .request-activity li {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 10px 0;
  grid-template-columns: auto 1fr auto;
  gap: 2px 12px;
}

.workspace-body .request-activity li strong,
.workspace-body .request-activity li span {
  grid-column: auto;
}

.workspace-body .request-activity li strong {
  align-self: end;
}

.workspace-body .request-activity li span {
  align-self: end;
  justify-self: end;
}

.workspace-body .request-activity li small {
  grid-column: 2 / -1;
}

.activity-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #d5e8f1;
  background: #0f8ca8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  grid-row: 1 / 3;
}

.activity-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workspace-body .request-activity li + li {
  margin-top: 0;
  border-top: 1px solid #e7edf6;
}

.workspace-body .request-requirements-box h4 {
  margin: 0 0 7px;
  font-size: 13px;
}

.workspace-body .request-requirements-box ul {
  gap: 8px;
}

.workspace-body .request-requirements-box li {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 8px;
  padding: 0;
  border: 0;
}

.workspace-body .request-requirements-box span {
  color: #2d684d;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.workspace-body .request-requirements-box strong {
  font-size: 14px;
  font-weight: 700;
}

.request-next-step {
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f4f8fd;
}

.request-next-step strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 15px;
}

.request-next-step strong svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: #1685a3;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.request-next-step p {
  margin: 0;
  color: #2e4261;
  font-size: 15px;
  line-height: 1.45;
}

.request-guided-card {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.95fr);
  gap: 20px;
  align-items: start;
}

.request-guided-main,
.request-guided-side {
  min-width: 0;
}

.request-guided-side {
  display: flex;
  align-self: stretch;
}

.request-guided-header p {
  margin-top: 0;
}

.request-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.request-meta-row div {
  padding: 8px 10px;
  border: 1px solid #e8edf5;
  border-radius: 10px;
  background: #fcfdff;
}

.request-meta-row span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 3px;
}

.request-meta-row strong {
  color: var(--text);
  font-size: 14px;
}

.request-guided-copy {
  border-top: 1px solid #e8edf5;
  padding-top: 16px;
}

.request-guided-copy h3 {
  margin-bottom: 10px;
}

.request-guided-copy p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.5;
}

.request-guided-copy p:last-child {
  margin-bottom: 0;
}

.request-max-inline {
  margin-top: 10px;
  padding: 10px 12px;
  border-left: 3px solid #55b9dc;
  background: #f9fcff;
  border-radius: 8px;
}

.max-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-right: 8px;
  color: #1685a3;
  font-weight: 800;
}

.max-kicker svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.request-guided-action {
  width: 100%;
  border: 1px solid #e8edf5;
  border-radius: 16px;
  padding: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.02);
  display: grid;
  gap: 12px;
  justify-items: start;
}

.request-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 2px 9px;
  border-radius: 999px;
  border: 1px solid #d7e6f5;
  background: #f7fbff;
  color: #0f7089;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 2px;
}

.chip-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #0f7089;
  box-shadow: 0 0 0 2px rgba(19, 135, 165, 0.12);
}

.request-why-card p {
  margin-bottom: 8px;
}

.request-why-card p:last-child {
  margin-bottom: 0;
}

.request-workspace-card {
  display: grid;
  gap: 18px;
}

.request-primary,
.request-status-block,
.request-activity {
  border-top: 1px solid #e8edf5;
  padding-top: 18px;
}

.request-primary h3,
.request-status-block h3,
.request-activity h3 {
  margin-bottom: 10px;
}

.request-primary-note {
  margin: 0 0 10px;
  font-size: 15px;
}

.request-status-block h3 {
  margin-bottom: 8px;
}

.request-status-block h2,
.request-activity h2 {
  margin-bottom: 10px;
}

.request-status-context {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.request-status-context strong {
  color: var(--text);
}

.request-status {
  margin-top: -2px;
  overflow-x: auto;
  padding: 6px 2px 8px;
}

.request-track {
  display: flex;
  align-items: stretch;
  gap: 0;
  min-width: 720px;
  padding: 4px 0;
}

.request-step {
  position: relative;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 10px;
  min-width: 132px;
  padding: 10px 12px;
}

.request-step::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #e3e8f0;
  transform: translateY(-50%);
  z-index: 0;
}

.request-step:first-child::before {
  left: 50%;
}

.request-step:last-child::before {
  right: 50%;
}

.request-marker {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
  background: #ffffff;
  color: #8b95a8;
  border: 2px solid #e3e8f0;
  flex-shrink: 0;
}

.request-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #ffffff;
  padding-right: 4px;
}

.request-copy strong {
  color: var(--text);
  font-size: 14px;
}

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

.request-step.complete::before {
  background: #2d684d;
}

.request-step.complete .request-marker {
  background: #2d684d;
  border-color: #2d684d;
  color: white;
}

.request-step.current::before {
  background: linear-gradient(90deg, #2d684d 0%, #55b9dc 100%);
}

.request-step.current .request-marker {
  background: #55b9dc;
  border-color: #55b9dc;
  color: white;
}

.request-complete-banner {
  padding: 14px 16px;
  border: 1px solid #dff3e4;
  border-left: 4px solid #2d684d;
  border-radius: 14px;
  background: linear-gradient(90deg, #f5fcf7 0%, #fcfefd 100%);
}

.request-complete-banner strong {
  display: block;
  color: #2d684d;
  font-size: 16px;
  margin-bottom: 4px;
}

.request-complete-banner p {
  margin: 0;
  font-size: 15px;
}

.request-upload,
.request-confirmation,
.request-review,
.request-activity {
  border-top: 1px solid #e8edf5;
  padding-top: 20px;
}

.request-upload h3,
.request-confirmation h3,
.request-review h3,
.request-activity h3 {
  margin-bottom: 10px;
}

.request-confirmation p {
  margin: 0;
}

.request-upload-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}

.request-requirements-box {
  margin-top: 4px;
  padding: 12px 14px;
  border: 1px solid #e8edf5;
  border-radius: 12px;
  background: #fcfdff;
  max-width: 520px;
}

.request-requirements-box h4 {
  margin: 0 0 8px;
  font-size: 13px;
  color: #0f7089;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.request-requirements-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 7px;
}

.request-requirements-box li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #edf1f7;
}

.request-requirements-box li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.request-requirements-box span {
  color: var(--muted);
  font-size: 13px;
}

.request-requirements-box strong {
  color: var(--text);
  font-size: 13px;
}

.request-upload-meta div {
  padding: 12px;
  border: 1px solid #edf1f7;
  border-radius: 12px;
  background: #fcfdff;
}

.request-upload-meta span,
.request-review-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.request-upload-meta strong,
.request-review-grid strong {
  color: var(--text);
  font-size: 15px;
}

.request-primary-action {
  margin-top: 6px;
  margin-bottom: 4px;
}

.request-state-uploaded .request-status-block,
.request-state-attorney_review .request-status-block,
.request-state-complete .request-status-block {
  padding-top: 20px;
}

.request-state-uploaded .request-status,
.request-state-attorney_review .request-status,
.request-state-complete .request-status {
  margin-top: 2px;
}

.request-upload-muted {
  background: #fcfdff;
  border: 1px solid #e8edf5;
  border-radius: 14px;
  padding: 14px 16px;
}

.request-upload-muted h3 {
  margin-bottom: 6px;
}

.request-upload-muted p {
  margin: 0 0 10px;
  font-size: 14px;
}

.request-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid #d7e6f5;
  border-radius: 999px;
  color: #0f7089;
  text-decoration: none;
  font-weight: 700;
  background: #f8fbff;
}

.request-complete-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.request-review p {
  margin-bottom: 12px;
}

.request-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.request-checklist li {
  font-size: 14px;
  color: var(--text);
  padding-bottom: 8px;
  border-bottom: 1px solid #edf1f7;
}

.request-checklist li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.request-review-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.request-review-grid div {
  padding: 12px;
  border: 1px solid #edf1f7;
  border-radius: 12px;
  background: #fcfdff;
}

.request-activity ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.request-activity li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 14px;
  padding: 12px;
  border: 1px solid #edf1f7;
  border-radius: 12px;
  background: #fcfdff;
}

.request-activity li + li {
  margin-top: 10px;
}

.request-activity li strong {
  color: var(--text);
  font-size: 15px;
}

.request-activity li span {
  color: var(--muted);
  font-size: 13px;
}

.request-activity li small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 13px;
}

.request-workspace-card .request-status-block,
.request-workspace-card .request-activity {
  border-top: 0;
  padding-top: 0;
}

@media (max-width: 900px) {
  .app-header {
    padding: 10px 12px 8px;
  }

  .header-inner {
    gap: 12px;
  }

  .brand-stack {
    width: auto;
  }

  .brand-logo {
    width: 238px;
  }

  .nav-trigger {
    padding: 7px 9px;
    border-radius: 12px;
  }

  .nav-trigger-portal {
    padding: 0 2px;
    margin-top: 0;
    margin-left: 100px;
  }

  .nav-menu-portal {
    margin-left: 0;
  }

  .nav-trigger-matter {
    min-width: 236px;
    width: auto;
    justify-content: space-between;
  }

  .matter-switcher-avatar {
    width: 40px;
    height: 40px;
  }

  .nav-panel {
    min-width: 210px;
  }

  .document-workspace-breadcrumb {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .document-workspace-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .document-workspace-header .workspace-header-main h1 {
    margin-bottom: 12px;
  }

  .document-workspace-actions {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }

  .document-workspace-actions .primary-action {
    min-width: 0;
    flex: 1 1 180px;
  }

  .document-workspace-actions .document-draft-control {
    flex: 1 1 180px;
  }

  .affidavit-workspace-card {
    grid-template-columns: minmax(0, 1.45fr) minmax(260px, 0.85fr);
  }

  .plain-language-summary {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .plain-language-summary-illustration {
    min-height: 150px;
    transform: scale(0.8);
    transform-origin: center;
  }

  .document-key-grid {
    grid-template-columns: 1fr;
  }

  .document-key-group strong {
    font-size: 18px;
  }

  .document-key-group p {
    font-size: 14px;
  }

  .document-workspace-lower-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .document-preview-page {
    min-height: 320px;
    padding: 16px;
  }

  .document-preview-page h3 {
    font-size: 15px;
  }

  .document-related-docs strong,
  .document-activity strong {
    font-size: 16px;
  }

  .document-related-docs span,
  .document-activity span,
  .document-activity small {
    font-size: 14px;
  }

  .document-footer-nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .document-footer-nav a {
    font-size: 17px;
  }

  .document-footer-nav-inline {
    gap: 14px;
    flex-wrap: wrap;
  }

  .document-mode-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .document-workspace-shell-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .document-workspace-shell-side {
    order: 2;
  }

  .document-workspace-shell-main {
    order: 1;
  }

  .document-draft-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .affidavit-draft-status {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .affidavit-draft-status-metrics {
    justify-items: start;
  }

  .affidavit-draft-main {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .affidavit-workspace-card {
    grid-template-columns: 1fr;
  }

  .affidavit-workspace-left {
    border-right: 0;
    border-bottom: 1px solid var(--border-subtle);
  }

  .affidavit-workspace-left,
  .affidavit-workspace-right {
    padding: 16px;
  }

  .affidavit-workspace-right {
    position: static;
  }

  .affidavit-section summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .affidavit-section-status-wrap {
    justify-items: start;
    padding-left: 40px;
  }

  .affidavit-section-title-wrap small {
    max-width: 100%;
  }

  .affidavit-review-actions button,
  .affidavit-pdf-nav-row button,
  .affidavit-pdf-secondary-row button,
  .affidavit-pdf-secondary-row a {
    flex: 1 1 180px;
  }

  .affidavit-pdf-nav-row {
    flex-wrap: wrap;
  }

  .affidavit-pdf-page-indicator {
    flex: 1 1 100%;
    text-align: center;
  }

  .affidavit-human-review-check {
    align-items: flex-start;
  }

  .affidavit-review-with-max-action {
    width: 100%;
  }

  .affidavit-review-issue-actions button {
    width: 100%;
  }

  .affidavit-review-issue-compare {
    grid-template-columns: 1fr;
  }

  .affidavit-workflow-primary-action {
    width: auto;
    min-width: 0;
  }

  .affidavit-draft-readiness-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .affidavit-draft-readiness-actions .document-draft-control {
    width: 100%;
    min-width: 0;
  }

  .request-center-header {
    padding: 22px;
    gap: 16px;
  }

  .request-center-summary-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .request-center-summary-card {
    padding: 14px;
  }

  .request-center-summary-copy strong {
    font-size: var(--vl-summary-number-size);
  }

  .request-center-section {
    padding: 12px;
  }

  .request-center-section-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 4px;
    gap: 10px;
  }

  .request-center-collapsed-control {
    width: 100%;
    justify-content: space-between;
  }

  .request-card-v2 {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
  }

  .request-card-v2-main {
    align-items: flex-start;
  }

  .request-card-v2-icon {
    width: 58px;
    height: 58px;
  }

  .request-card-v2-icon svg {
    width: 28px;
    height: 28px;
  }

  .request-card-v2-copy h3 {
    font-size: var(--vl-card-title-size);
  }

  .request-card-v2--standard .request-card-v2-copy h3 {
    font-size: var(--vl-card-title-size);
  }

  .request-card-v2--compact .request-card-v2-copy h3 {
    font-size: var(--vl-card-title-size);
  }

  .request-card-summary {
    font-size: var(--vl-body-size);
  }

  .request-card-v2--standard .request-card-summary {
    font-size: var(--vl-body-size);
  }

  .request-card-v2--compact .request-card-summary {
    font-size: var(--vl-body-size);
  }

  .request-card-v2-side,
  .request-card-v2-side-quiet {
    width: 100%;
    min-width: 0;
    border-left: 0;
    padding-left: 0;
    justify-items: start;
    gap: 8px;
  }

  .workspace-header {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
  }

  .workspace-header-main {
    max-width: none;
  }

  .workspace-panel-title {
    margin-bottom: 8px;
  }

  .workspace-body {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .workspace-header-action {
    justify-self: start;
    justify-items: start;
    align-self: start;
  }

  .workspace-upload-meta {
    text-align: left;
  }

  .workspace-panel-icon {
    width: 34px;
    height: 34px;
  }

  .workspace-panel-icon svg {
    width: 16px;
    height: 16px;
  }

  .workspace-body .request-activity li {
    grid-template-columns: auto 1fr;
  }

  .workspace-body .request-activity li strong,
  .workspace-body .request-activity li span {
    grid-column: 2;
  }

  .workspace-body .request-activity li span {
    justify-self: start;
  }

  .workspace-body .request-activity li small {
    grid-column: 2 / -1;
  }

  .workspace-body-guide {
    padding: 18px;
  }

  .workspace-progress-panel {
    padding: 12px;
  }

  .workspace-body .request-step {
    padding: 8px 4px;
  }

  .workspace-body .request-copy strong {
    font-size: 12px;
  }

  .workspace-body .request-copy small {
    font-size: 10px;
  }

  .workspace-body-guide .request-requirements-box {
    max-width: none;
  }

  .request-guided-card {
    grid-template-columns: 1fr;
  }

  .request-guided-side {
    align-self: auto;
  }

  .case-answers-intents {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-answers-flow,
  .case-answers-folder-grid,
  .case-answers-explain-list {
    grid-template-columns: 1fr;
  }

  .case-answers-hero,
  .case-answers-ask,
  .case-answers-schedule,
  .case-answers-files,
  .case-answers-explain,
  .case-answers-activity {
    padding: 18px;
  }

  .case-answers-intent {
    grid-template-columns: auto 1fr;
  }

  .case-answers-intent .case-answers-illustration {
    width: 112px;
    height: 84px;
  }

  .case-answers-intent .case-answers-illustration svg {
    width: 94px;
    height: 64px;
  }

  .case-answers-schedule-head {
    align-items: flex-start;
  }

  .case-answers-folder-card {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .case-answers-explain-item,
  .case-answers-explain-item-lite {
    grid-template-columns: minmax(0, 1fr);
  }

  .case-answers-explain-action {
    justify-self: start;
  }

  .case-answers-activity-lite .case-answers-timeline-item {
    grid-template-columns: 1fr auto;
  }

  .work-queue-hero {
    padding: 26px;
  }

  .work-queue-recommendation {
    grid-template-columns: 1fr;
  }

  .work-queue-meta-grid {
    grid-template-columns: 1fr;
  }

  .work-queue-now-grid,
  .work-queue-next-grid,
  .work-queue-waiting-grid,
  .work-queue-completed-grid {
    grid-template-columns: 1fr;
  }

  .work-queue-next-card {
    min-height: 0;
  }

  .app-footer {
    padding-top: 0;
    padding-bottom: 36px;
  }

  .app-footer-row {
    flex-wrap: wrap;
  }
}

.financial-status {
  display: grid;
  gap: 12px;
  margin-top: 10px;
  grid-template-columns: 1fr auto;
  align-items: start;
}

.financial-banner {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid var(--color-attention-border);
  border-left: 4px solid var(--color-attention);
  border-radius: 14px;
  background: var(--surface-attention);
}

.financial-banner strong {
  display: block;
  color: var(--color-attention);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 3px;
}

.financial-banner p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-medium);
  line-height: 1.45;
}

.financial-body {
  display: grid;
  gap: 10px;
}

.financial-group {
  padding: 12px 14px;
  border: 1px solid var(--color-attention-border);
  border-radius: 14px;
  background: var(--surface-attention);
}

.financial-group h3 {
  margin: 0 0 8px;
  color: var(--color-attention);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.financial-action-wrap {
  align-self: start;
  min-width: 160px;
}

.financial-action-btn {
  width: auto;
  min-width: 180px;
  padding: 11px 20px;
  background: var(--button-primary-bg);
  box-shadow: var(--button-primary-shadow);
}

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

.financial-summary-compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.financial-tile {
  padding: 10px 10px;
  border: 1px solid var(--color-attention-border);
  border-radius: 11px;
  background: var(--color-panel);
}

.financial-tile span {
  display: block;
  color: var(--color-attention);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.financial-tile strong {
  font-size: var(--font-size-body);
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.financial-tile-inline {
  grid-column: span 1;
}

.finance-v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
}

.finance-v2 > .matter-card {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  animation: financeSectionRise 380ms ease both;
}

.finance-v2 > .matter-card:nth-child(2) {
  animation-delay: 35ms;
}

.finance-v2 > .matter-card:nth-child(3) {
  animation-delay: 55ms;
}

.finance-v2 > .matter-card:nth-child(4) {
  animation-delay: 75ms;
}

.finance-v2 > .matter-card:nth-child(5) {
  animation-delay: 95ms;
}

@keyframes financeSectionRise {
  from {
    opacity: 0;
    transform: translateY(7px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.finance-v2 .max-workspace-eyebrow,
.finance-v2 .max-workspace-kicker {
  letter-spacing: 0.06em;
}

.finance-v2-hero {
  margin-bottom: 2px;
}

.finance-v2-section-head {
  display: grid;
  gap: 7px;
  margin-bottom: 14px;
}

.finance-v2-section-head h2 {
  margin: 0;
}

.finance-v2-editorial {
  padding: 6px 4px 8px;
  border-top: 1px solid #e3ecf5;
}

.finance-v2-editorial .finance-v2-section-head {
  margin-bottom: 10px;
}

.finance-v2-editorial + .finance-v2-editorial {
  margin-top: -4px;
}

.finance-v2-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.finance-v2-snapshot-item {
  margin: 0;
  border: 1px solid #dce8f5;
  border-radius: 14px;
  padding: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.finance-v2-snapshot-label {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2f5878;
}

.finance-v2-snapshot-value {
  margin: 0;
  font-size: 30px;
  line-height: 1.15;
  color: #15263a;
  letter-spacing: -0.02em;
  font-weight: 700;
}

.finance-v2-snapshot-value-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.finance-v2-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4d7f64;
  box-shadow: 0 0 0 3px rgba(77, 127, 100, 0.14);
  flex-shrink: 0;
}

.finance-v2-summary p {
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.58;
  max-width: 70ch;
}

.finance-v2-summary,
.finance-v2-timeline,
.finance-v2-lookahead {
  width: min(100%, 980px);
  margin-inline: auto;
}

.finance-v2-lookahead {
  margin-top: 20px;
}

.finance-v2-summary p:last-child {
  margin-bottom: 0;
}

.finance-v2-summary strong {
  color: #1b3552;
}

.finance-v2-timeline-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}

.finance-v2-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 18px;
  width: 100%;
  min-width: 0;
  padding: 14px 0 14px 4px;
  border-top: 1px solid #e5edf6;
}

.finance-v2-timeline-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.finance-v2-timeline-item::before {
  content: "";
  position: absolute;
  left: 126px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #d7e6f3 0%, #9ec2df 100%);
  opacity: 0.72;
}

.finance-v2-timeline-item:last-child::before {
  bottom: 32px;
}

.finance-v2-timeline-item::after {
  content: "";
  position: absolute;
  left: 122px;
  top: 24px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: #4f8eb8;
  box-shadow: 0 0 0 2px rgba(79, 142, 184, 0.2);
}

.finance-v2-timeline-item:first-child::after {
  top: 11px;
}

.finance-v2-timeline-date {
  margin: 0;
  color: #375b78;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.finance-v2-timeline-copy h3 {
  margin: 0 0 6px;
  color: #1f2a37;
  font-size: 19px;
}

.finance-v2-timeline-copy p {
  margin: 0;
  color: #34465b;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.finance-v2-case-activity-headline-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.finance-v2-case-activity-support {
  margin: 6px 0 0;
  color: #40566f;
  font-size: 15px;
}

.finance-v2-case-activity-total {
  margin: 0;
  text-align: right;
  display: grid;
  gap: 2px;
  align-self: center;
}

.finance-v2-case-activity-total strong {
  color: #173552;
  font-size: 30px;
  letter-spacing: -0.02em;
}

.finance-v2-case-activity-total span {
  color: #566579;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.finance-v2-case-activity {
  overflow: visible;
}

.finance-v2-chart-card {
  position: relative;
  border: 1px solid #d8e6f3;
  border-radius: 14px;
  padding: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fcff 100%);
}

.finance-v2-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 10px;
  margin-bottom: 0;
}

.finance-v2-chart-legend p {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #2d4865;
  font-size: 14px;
  font-weight: 600;
}

.finance-v2-legend-swatch {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.finance-v2-legend-attorney,
.finance-v2-chart-segment-attorney {
  background: #1e4f85;
}

.finance-v2-legend-paralegal,
.finance-v2-chart-segment-paralegal {
  background: #1f6f78;
}

.finance-v2-legend-assistant,
.finance-v2-chart-segment-assistant {
  background: #b89d5f;
}

.finance-v2-chart-scroll {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 6px 2px 4px;
}

.finance-v2-chart-shell {
  --finance-chart-plot-height: 246px;
  --finance-chart-top-offset: 16px;
  --finance-chart-label-band: 40px;
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: end;
}

.finance-v2-chart-y-axis {
  list-style: none;
  margin: 0;
  padding: var(--finance-chart-top-offset) 0 var(--finance-chart-label-band);
  height: calc(var(--finance-chart-plot-height) + var(--finance-chart-top-offset) + var(--finance-chart-label-band));
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  color: #58728a;
  font-size: 12px;
  font-weight: 700;
}

.finance-v2-chart-y-axis li {
  display: flex;
  align-items: flex-start;
  line-height: 1;
}

.finance-v2-chart-y-axis li:last-child {
  align-items: flex-end;
}

.finance-v2-chart-grid {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--finance-chart-top-offset);
  bottom: var(--finance-chart-label-band);
  pointer-events: none;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
}

.finance-v2-chart-grid span {
  border-top: 1px solid rgba(126, 149, 171, 0.34);
}

.finance-v2-chart-grid::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(126, 149, 171, 0.34);
}

.finance-v2-chart-bars {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(14, minmax(24px, 1fr));
  gap: clamp(9px, 1.1vw, 15px);
  align-items: end;
  min-width: 640px;
}

.finance-v2-chart-bar {
  position: relative;
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  gap: 10px;
  justify-items: center;
  cursor: pointer;
  width: 100%;
}

.finance-v2-chart-stack {
  width: clamp(22px, 2.1vw, 26px);
  height: var(--finance-chart-plot-height);
  border-radius: 9px;
  background: rgba(83, 112, 139, 0.08);
  display: flex;
  flex-direction: column-reverse;
  overflow: hidden;
  border: 1px solid rgba(172, 191, 211, 0.35);
  position: relative;
}

.finance-v2-chart-stack-empty {
  background: rgba(83, 112, 139, 0.04);
}

.finance-v2-chart-segment {
  width: 100%;
  height: calc((var(--segment-hours) / 8) * 100%);
  min-height: 2px;
}

.finance-v2-chart-segment:first-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.finance-v2-chart-segment:last-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.finance-v2-chart-day {
  font-size: 13px;
  font-weight: 700;
  color: #304f6a;
}

.finance-v2-chart-bar:focus-visible .finance-v2-chart-stack,
.finance-v2-chart-bar:hover .finance-v2-chart-stack {
  box-shadow: 0 0 0 2px rgba(64, 132, 173, 0.25);
  border-color: #80abc9;
}

.finance-v2-chart-bar:focus-visible {
  outline: none;
}

.finance-v2-chart-milestone {
  display: none;
}

.finance-v2-chart-tooltip {
  position: absolute;
  z-index: 6;
  min-width: 190px;
  max-width: 250px;
  background: #1f2d3e;
  color: #f8fbff;
  border-radius: 10px;
  padding: 10px 11px;
  box-shadow: 0 8px 24px rgba(12, 24, 39, 0.28);
  pointer-events: none;
}

.finance-v2-chart-tooltip p {
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 1.35;
}

.finance-v2-chart-tooltip p:last-child {
  margin-bottom: 0;
}

.finance-v2-chart-tooltip strong {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
}

.finance-v2-activity-log {
  display: grid;
  margin-top: 4px;
  border-top: 1px solid #e4ecf5;
}

.finance-v2-activity-entry {
  border-top: 1px solid #e6edf6;
  padding: 18px 0;
}

.finance-v2-activity-entry:first-child {
  border-top: 0;
  padding-top: 14px;
}

.finance-v2-activity-entry h3 {
  margin: 0 0 3px;
  color: #182e45;
  font-size: 19px;
}

.finance-v2-activity-meta {
  margin: 10px 0 0;
  color: #385f7b;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.01em;
}

.finance-v2-activity-entry p {
  margin: 0;
  color: #33495f;
  line-height: 1.52;
}

.finance-v2-lookahead-forecast {
  margin: 0;
  padding: 6px 0 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 34px;
  row-gap: 18px;
}

.finance-v2-lookahead-forecast div {
  display: grid;
  gap: 5px;
  border-top: 1px solid #e8eff7;
  padding-top: 14px;
}

.finance-v2-lookahead-forecast div:nth-child(-n + 2) {
  border-top: 0;
  padding-top: 0;
}

.finance-v2-lookahead-forecast div:nth-child(4) {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding-top: 16px;
}

.finance-v2-lookahead-forecast dt {
  margin: 0;
  color: #3c5b79;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.finance-v2-lookahead-forecast dd {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #13253a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.42;
}

.finance-v2-lookahead-forecast div:nth-child(4) dt {
  color: #2a4f44;
}

.finance-v2-lookahead-forecast div:nth-child(4) .finance-v2-status-dot {
  width: 12px;
  height: 12px;
  box-shadow: 0 0 0 4px rgba(77, 127, 100, 0.16);
}

.finance-v2-documents .max-authorities-header {
  margin-bottom: 12px;
}

.finance-v2-documents .max-authorities-workspace {
  min-height: 0;
  align-items: start;
}

.finance-v2-documents .max-authority-nav-item {
  min-height: 78px;
}

.finance-v2-documents .max-authority-reading-card {
  min-height: 0;
  max-height: none;
}

.finance-v2-documents .max-authority-reading-card:not(.is-document-mode) {
  overflow: visible;
}

.finance-v2-documents .max-authority-reading-card.is-document-mode {
  min-height: 560px;
  max-height: 760px;
  overflow: auto;
}

.finance-v2-documents .max-authority-document-mode .max-pdf-scroll-region {
  max-height: 520px;
}

.finance-v2-documents .max-authorities-reading-pane {
  align-self: start;
  min-height: 0;
}

.finance-v2-documents .max-authority-analysis-title {
  margin-bottom: 12px;
}

.finance-v2-documents .max-authority-highlight blockquote {
  margin: 0;
}

@media (max-width: 1100px) {
  .finance-v2-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .finance-v2-chart-bars {
    min-width: 620px;
  }

  .finance-v2-lookahead-forecast {
    column-gap: 18px;
  }
}

@media (max-width: 900px) {
  .finance-v2 {
    gap: 14px;
  }

  .finance-v2-summary p {
    font-size: 16px;
  }

  .finance-v2-timeline-item {
    display: block;
    gap: 6px;
    padding: 14px 0;
  }

  .finance-v2-timeline-item::before,
  .finance-v2-timeline-item::after {
    display: none;
  }

  .finance-v2-case-activity-headline-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .finance-v2-case-activity-total {
    text-align: left;
  }

  .finance-v2-chart-shell {
    --finance-chart-plot-height: 236px;
    --finance-chart-label-band: 38px;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 10px;
  }

  .finance-v2-chart-bars {
    min-width: 590px;
  }

  .finance-v2-chart-stack {
    width: 23px;
  }

  .finance-v2-lookahead-forecast dd {
    font-size: 17px;
  }
}

@media (max-width: 640px) {
  .finance-v2-snapshot-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .finance-v2-snapshot-value {
    font-size: 23px;
  }

  .finance-v2-summary p {
    font-size: 15px;
    line-height: 1.52;
  }

  .finance-v2-chart-bars {
    min-width: 560px;
  }

  .finance-v2-chart-stack {
    width: 22px;
  }

  .finance-v2-case-activity-total strong {
    font-size: 23px;
  }

  .finance-v2-lookahead-forecast {
    grid-template-columns: 1fr;
    padding-top: 0;
    row-gap: 12px;
  }

  .finance-v2-lookahead-forecast div {
    border-top: 1px solid #e8eff7;
    padding-top: 12px;
  }

  .finance-v2-lookahead-forecast div:nth-child(-n + 2) {
    border-top: 1px solid #e8eff7;
    padding-top: 12px;
  }

  .finance-v2-lookahead-forecast div:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .finance-v2-lookahead-forecast div:nth-child(4) {
    margin-top: 4px;
  }

  .finance-v2-lookahead-forecast dd {
    font-size: 16px;
  }
}

.support-card {
  background: linear-gradient(135deg, #ffffff 0%, #f7fcff 100%);
}

.my-matter-chip-active {
  color: var(--color-success);
  border-color: var(--color-success-border);
  background: var(--color-success-soft);
}

.my-matter-journey-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  margin-bottom: 16px;
  padding: 34px;
  min-height: 560px;
  border-color: #d9e8f4;
  background: linear-gradient(180deg, #f8fbff 0%, #f5f9ff 100%);
}

.my-matter-journey-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.my-matter-journey-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.96) 21%,
    rgba(255, 255, 255, 0.82) 34%,
    rgba(255, 255, 255, 0.34) 51%,
    rgba(255, 255, 255, 0.12) 68%,
    rgba(255, 255, 255, 0) 100%
  );
}

.my-matter-horizon-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  pointer-events: none;
}

.my-matter-journey-content {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  max-width: 55%;
  gap: 16px;
}

.my-matter-journey-copy {
  display: grid;
  gap: 10px;
}

.my-matter-journey-kicker {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.my-matter-journey-copy h1,
.my-matter-journey-copy p {
  margin: 0;
}

.my-matter-journey-copy h1 {
  max-width: 14ch;
}

.my-matter-journey-subtitle {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.my-matter-journey-status {
  color: var(--color-ink-primary);
  font-size: 24px;
  font-weight: var(--font-weight-bold);
  line-height: 1.15;
  letter-spacing: -0.02em;
}

.my-matter-journey-support {
  max-width: 54ch;
}

.my-matter-journey-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.my-matter-journey-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 0;
  padding: 11px 20px;
  border-radius: var(--button-primary-radius);
  border-color: var(--color-border);
  background: #ffffff;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.my-matter-journey-action-max,
.my-matter-journey-action-secondary {
  min-width: 230px;
}

.my-matter-journey-action-max {
  border: 1px solid #d6e2f0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color: var(--color-ink-primary);
}

.my-matter-journey-action-icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  flex-shrink: 0;
}

.my-matter-journey-action-icon svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.my-matter-journey-action-secondary {
  border: 1px solid var(--button-secondary-border);
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
}

.my-matter-journey-action:hover,
.my-matter-journey-action:focus-visible {
  background: #f7faff;
  border-color: #cfd8e8;
  color: var(--color-ink-primary);
}

.my-matter-journey-action-secondary:hover,
.my-matter-journey-action-secondary:focus-visible {
  color: var(--button-secondary-color);
}

.my-matter-journey-action:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.my-matter-hero-timeline {
  position: absolute;
  left: 50%;
  width: min(calc(100% - 64px), 980px);
  transform: translateX(-50%);
  bottom: 28px;
  z-index: 3;
  display: grid;
  gap: 8px;
}

.my-matter-hero-timeline::before {
  content: "";
  position: absolute;
  inset: -18px -22px -14px;
  border-radius: 20px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.08),
    rgba(255, 255, 255, 0.62),
    rgba(255, 255, 255, 0.9)
  );
  backdrop-filter: blur(2px);
  z-index: -1;
}

.my-matter-journey-embedded {
  margin-top: 0;
  padding: 0;
  overflow: visible;
}

.my-matter-journey-embedded .journey-track {
  position: relative;
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  padding-top: 14px;
}

.my-matter-journey-embedded .journey-track::before {
  content: "";
  position: absolute;
  top: 31px;
  left: 11%;
  right: 11%;
  height: 2px;
  background: rgba(178, 195, 214, 0.78);
  z-index: 0;
}

.my-matter-journey-embedded .journey-step {
  min-width: 0;
  padding: 0;
  gap: 0;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.my-matter-journey-embedded .journey-step::before {
  display: none;
}

.my-matter-journey-embedded .journey-marker {
  position: relative;
  z-index: 1;
  margin-bottom: 11px;
}

.my-matter-journey-embedded .journey-copy {
  background: transparent;
  padding-right: 0;
  display: grid;
  gap: 4px;
  justify-items: center;
}

.my-matter-journey-embedded .journey-copy strong {
  font-size: 13px;
}

.my-matter-journey-embedded .journey-copy small {
  font-size: 11px;
}

.my-matter-journey-embedded .journey-step.complete {
  opacity: 0.88;
}

.my-matter-journey-embedded .journey-step.upcoming {
  opacity: 0.72;
}

.my-matter-journey-current .journey-marker {
  width: 32px;
  height: 32px;
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.94), 0 0 0 8px rgba(96, 154, 191, 0.2);
  transform: translateY(-1px);
}

.my-matter-journey-current .my-matter-journey-current-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 3px;
  color: var(--color-accent);
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

.my-matter-journey-current .my-matter-journey-current-label::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid rgba(47, 127, 168, 0.68);
}

.my-matter-journey-current .my-matter-journey-current-center {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.92);
}

.my-matter-workspaces {
  display: grid;
  gap: var(--space-4);
}

.my-matter-workspace {
  display: grid;
  gap: var(--space-4);
  padding: 20px;
}

.my-matter-workspace h2,
.my-matter-workspace h3,
.my-matter-workspace p,
.my-matter-workspace dl,
.my-matter-workspace dd,
.my-matter-workspace ol {
  margin: 0;
}

.my-matter-workspace h2 {
  color: var(--color-ink-primary);
  font-size: var(--font-size-section-title);
  font-weight: var(--font-weight-bold);
  line-height: 1.16;
  letter-spacing: -0.02em;
}

.my-matter-workspace h3 {
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.my-matter-workspace p,
.my-matter-workspace small {
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
  font-weight: var(--font-weight-medium);
  line-height: 1.42;
}

.my-matter-workspace-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: start;
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.my-matter-workspace-head > div {
  display: grid;
  gap: 6px;
  max-width: 68ch;
}

.my-matter-workspace-head--compact {
  align-items: center;
}

.my-matter-today-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.18fr);
  gap: var(--space-4);
  align-items: stretch;
}

.my-matter-max-brief {
  display: grid;
  gap: 14px;
  align-content: start;
  padding: 16px;
  border: 1px solid #dbe7f4;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
  box-shadow: 0 14px 28px rgba(33, 61, 98, 0.06);
}

.my-matter-brief-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.my-matter-brief-metrics div,
.my-matter-health-strip div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #e5ecf8;
  border-radius: 8px;
  background: #fbfdff;
}

.my-matter-brief-metrics dt,
.my-matter-health-strip dt,
.my-matter-document-row span:first-child,
.my-matter-work-main span,
.my-matter-timeline-list p {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.my-matter-brief-metrics dd,
.my-matter-health-strip dd {
  color: var(--color-ink-primary);
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.my-matter-work-list {
  display: grid;
  gap: 10px;
}

.my-matter-work-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: var(--shadow-small);
}

.my-matter-work-item.is-urgent {
  border-left: 4px solid var(--color-attention);
}

.my-matter-work-item.is-review {
  border-left: 4px solid var(--color-accent);
}

.my-matter-work-main {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.my-matter-health-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.my-matter-case-health {
  display: grid;
  gap: 10px;
}

.my-matter-health-strip span {
  color: var(--color-accent);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.my-matter-health-strip .is-attention {
  border-left: 3px solid var(--color-attention);
}

.my-matter-health-strip .is-review {
  border-left: 3px solid var(--color-accent);
}

.my-matter-health-strip .is-success {
  border-left: 3px solid var(--color-success);
}

.my-matter-document-toolbar {
  display: grid;
  gap: 12px;
}

.my-matter-document-toolbar input {
  width: 100%;
  min-height: 44px;
  padding: 10px 13px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #fbfdff;
  color: var(--color-ink-primary);
  font: inherit;
}

.my-matter-document-toolbar input:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.my-matter-document-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.my-matter-document-filters button {
  border: 1px solid #dbe5f1;
  border-radius: 999px;
  background: #ffffff;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  padding: 7px 11px;
  cursor: pointer;
}

.my-matter-document-filters button.is-active,
.my-matter-document-filters button:hover,
.my-matter-document-filters button:focus-visible {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-ink-primary);
}

.my-matter-case-explorer {
  padding: 0;
  overflow: hidden;
  border: 1px solid #e2e8f3;
  border-radius: 12px;
  background: #ffffff;
}

.my-matter-case-explorer-inner {
  display: grid;
  grid-template-columns: minmax(320px, 36%) minmax(0, 64%);
  min-height: 760px;
}

.my-matter-case-explorer-left {
  min-width: 0;
  padding: 12px 12px 14px;
  border-right: 1px solid #e2e8f3;
  background: #f9fbff;
}

.my-matter-explorer-summary {
  display: grid;
  gap: 5px;
  padding: 10px 14px 12px;
}

.my-matter-explorer-utility {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding-bottom: 14px;
  position: sticky;
  top: 0;
  z-index: 6;
  background: #f9fbff;
  border-bottom: 1px solid #e5edf6;
  box-shadow: 0 7px 12px rgba(31, 58, 90, 0.035);
}

.my-matter-intelligence-search,
.my-matter-browse-documents {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: #ffffff;
}

.my-matter-browse-documents {
  padding-top: 14px;
  border-color: transparent;
  border-top-color: #dbe6f4;
  border-radius: 0;
  background: transparent;
}

.my-matter-intelligence-search h3,
.my-matter-intelligence-search p,
.my-matter-browse-documents h3 {
  margin: 0;
}

.my-matter-browse-documents h3 {
  color: #20364f;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.my-matter-brand-heading {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 6px;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
}

.my-matter-ask-max-heading {
  font-size: 18px;
  margin-bottom: 3px;
}

.my-matter-answer-max-heading {
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.04em;
  line-height: 1.25;
  text-transform: uppercase;
}

.my-matter-brand-heading-text {
  color: #20364f;
  font: inherit;
  line-height: inherit;
}

.my-matter-ask-max-heading .my-matter-brand-heading-text {
  color: #4a637b;
  font-weight: var(--font-weight-semibold);
}

.my-matter-heading-lockup {
  gap: 0.36em;
  justify-content: flex-start;
  vertical-align: baseline;
}

.my-matter-heading-lockup .max-brand-particles,
.my-matter-heading-lockup .max-brand-wordmark {
  width: auto;
  height: 1em;
}

.my-matter-ask-max-lockup {
  font-size: 1.06em;
}

.my-matter-answer-lockup {
  font-size: 0.98em;
}

.my-matter-intelligence-search p:not(.max-workspace-eyebrow) {
  color: var(--color-ink-secondary);
  font-size: 12.5px;
  line-height: 1.45;
}

.my-matter-intelligence-form {
  display: grid;
  gap: 9px;
}

.my-matter-intelligence-form textarea {
  width: 100%;
  min-height: 106px;
  resize: vertical;
  border: 1px solid #cfdcec;
  border-radius: 8px;
  background: #fbfdff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
  padding: 9px 10px;
}

.my-matter-intelligence-form textarea::placeholder {
  color: #6f8198;
  opacity: 1;
}

.my-matter-intelligence-form textarea:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.45);
  outline-offset: 2px;
}

.my-matter-intelligence-form .request-card-action {
  justify-self: end;
}

.my-matter-explorer-sort select {
  width: 100%;
  min-height: 32px;
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 12px;
}

.my-matter-explorer-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.my-matter-explorer-sort {
  display: block;
  min-width: 0;
}

.my-matter-explorer-sort select {
  padding: 5px 26px 5px 9px;
}

.my-matter-explorer-filter {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  white-space: nowrap;
}

.my-matter-filter-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 2px 0 4px;
}

.my-matter-filter-menu[hidden] {
  display: none;
}

.my-matter-filter-menu span {
  padding: 3px 7px;
  border: 1px solid #dbe5f1;
  border-radius: 999px;
  background: #ffffff;
  color: var(--color-ink-secondary);
  font-size: 11px;
  line-height: 1.2;
}

.my-matter-explorer-tree {
  padding-top: 0;
}

.my-matter-explorer-group {
  --fd-group-accent: rgba(47, 127, 168, 0.72);
}

.my-matter-explorer-group > summary {
  align-items: center;
  min-height: 48px;
  padding: 15px 12px 13px;
  border-bottom: 1px solid #cfdcec;
  background: #edf4fb;
  color: #16304a;
}

.my-matter-explorer-group > summary:hover {
  background: #e6f0f8;
}

.my-matter-explorer-group > summary:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.62);
  outline-offset: -2px;
}

.my-matter-explorer-group[open] > summary {
  background: #dfeaf5;
  border-bottom-color: #c9d9eb;
}

.my-matter-explorer-group > summary .fd-group-copy {
  gap: 0;
  align-items: center;
}

.my-matter-explorer-group > summary .type-card-title {
  color: #16304a;
  font-size: 14.5px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.my-matter-explorer-group > summary .fd-group-toggle {
  pointer-events: none;
  color: #5f7391;
}

.my-matter-explorer-group > summary .fd-group-actions {
  margin-left: auto;
}

.my-matter-explorer-docs {
  min-width: 0;
}

.my-matter-explorer-record {
  grid-template-columns: minmax(0, 1fr) 92px auto;
  gap: 6px;
  padding: 8px 10px;
}

.my-matter-explorer-record .fd-v3-record-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: center;
}

.my-matter-explorer-record .fd-v3-record-copy {
  gap: 0;
}

.my-matter-explorer-record .fd-v3-record-copy strong {
  font-size: 13px;
  line-height: 1.22;
  white-space: normal;
  overflow-wrap: anywhere;
}

.my-matter-explorer-record .fd-v3-record-copy small {
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.22;
}

.fd-v3-record-date {
  justify-self: end;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  width: 92px;
  line-height: 1.2;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.my-matter-explorer-empty {
  padding: 12px;
  border-top: 1px solid #edf2fb;
  color: var(--color-ink-muted);
  font-size: 12px;
}

.my-matter-selected-document {
  min-width: 0;
  padding: 14px 18px 32px;
  background: #ffffff;
}

.my-matter-selected-document:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.my-matter-document-panel {
  display: grid;
  gap: 10px;
}

.my-matter-document-panel[hidden] {
  display: none;
}

.my-matter-document-panel-head {
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f3;
}

.my-matter-document-panel-head > div {
  display: grid;
  gap: 3px;
}

.my-matter-document-panel-head .type-section-title {
  margin: 0;
}

.my-matter-document-panel-head .type-supporting {
  margin: 0;
}

.my-matter-pdf-viewer {
  display: grid;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
}

.my-matter-pdf-viewer .max-pdf-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  min-height: 40px;
  padding: 5px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.my-matter-pdf-viewer .max-pdf-scroll-region {
  max-height: none;
  height: clamp(760px, 78vh, 940px);
  border: 0;
  border-radius: 6px;
  background: #f6f8fb;
  box-shadow: none;
}

.my-matter-pdf-viewer .max-pdf-pages {
  min-height: 100%;
  display: grid;
  align-content: center;
}

.my-matter-pdf-viewer .max-pdf-page {
  margin-inline: auto;
  box-shadow: 0 8px 22px rgba(31, 58, 90, 0.1);
}

.my-matter-pdf-control-group {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-ink-primary);
  white-space: nowrap;
}

.my-matter-pdf-control-label {
  color: #566579;
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.my-matter-pdf-control-group strong {
  color: var(--color-ink-primary);
  font-size: 12px;
}

.my-matter-pdf-page-controls {
  gap: 8px;
}

.my-matter-pdf-page-controls strong {
  min-width: 82px;
  text-align: center;
}

.my-matter-pdf-page-controls .fd-v3-viewer-control {
  width: auto;
  min-width: 30px;
  min-height: 30px;
  border-color: #b9cce0;
  background: #ffffff;
  color: #20364f;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
}

.my-matter-pdf-page-controls .fd-v3-viewer-control:disabled {
  border-color: #dce5ef;
  background: #f4f7fa;
  color: #9aa9bb;
  opacity: 1;
  cursor: not-allowed;
}

.my-matter-pdf-controls {
  flex: 1 1 auto;
  display: inline-flex;
  gap: 14px;
  align-items: center;
  justify-content: end;
  min-width: 0;
  white-space: nowrap;
}

.my-matter-pdf-controls .my-matter-pdf-control-group:last-child {
  padding-right: 0;
}

.my-matter-pdf-controls .fd-v3-viewer-control {
  width: auto;
  flex: 0 0 auto;
  min-width: 32px;
  min-height: 32px;
  padding: 5px 8px;
  font-size: 11px;
  line-height: 1.1;
  text-decoration: none;
}

.my-matter-pdf-fit {
  width: auto;
  min-width: 62px;
}

.my-matter-pdf-download {
  min-width: 68px;
}

.my-matter-pdf-controls [data-case-pdf-new-window] {
  min-width: 114px;
}

.my-matter-document-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.my-matter-document-breadcrumb strong {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.my-matter-resume-banner {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  min-height: 38px;
  padding: 5px 8px;
  border: 0;
  border-radius: 6px;
  background: #f5f8fb;
}

.my-matter-resume-banner[hidden] {
  display: none;
}

.my-matter-resume-banner-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.my-matter-resume-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #e1f0e8;
  color: #2f6f45;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
}

.my-matter-resume-banner span {
  color: var(--color-ink-secondary);
  font-size: 12px;
}

.my-matter-resume-banner .request-secondary-action {
  min-height: 28px;
  padding: 5px 9px;
  font-size: 11px;
}

.my-matter-resume-dismiss {
  min-width: 24px;
  min-height: 24px;
  padding: 0;
}

.my-matter-preview-card {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #fbfdff;
}

.my-matter-preview-page {
  position: relative;
  overflow: hidden;
  height: 158px;
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f2f6fb 100%);
  box-shadow: 0 10px 20px rgba(31, 58, 90, 0.08);
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 15px 13px;
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
}

.my-matter-preview-page.is-word {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

.my-matter-preview-label {
  justify-self: start;
  padding: 3px 7px;
  border-radius: 4px;
  background: var(--color-accent);
  color: #ffffff;
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0.04em;
}

.my-matter-preview-title {
  color: var(--color-ink-primary);
  font-size: 12px;
  line-height: 1.25;
}

.my-matter-preview-line {
  display: block;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: #dfe8f3;
}

.my-matter-preview-line.is-short {
  width: 64%;
}

.my-matter-preview-seal {
  position: absolute;
  right: 13px;
  bottom: 13px;
  width: 34px;
  height: 34px;
  border: 2px solid rgba(47, 127, 168, 0.22);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47, 127, 168, 0.12) 0 38%, transparent 39% 100%);
}

.my-matter-preview-card > div:last-child {
  display: grid;
  gap: 9px;
  align-content: center;
}

.my-matter-preview-card .request-card-action {
  justify-self: start;
}

.my-matter-document-support {
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

.my-matter-document-support.fd-v3-account-snapshot {
  padding-top: 4px;
}

.fd-v3-account-snapshot-grid--document {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(4n + 1) {
  border-left: 1px solid #edf2fb;
}

.fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(3n + 1) {
  border-left: 0;
}

.fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(n + 4) {
  border-top: 1px solid #edf2fb;
}

.my-matter-document-details-expanded {
  padding-top: 8px;
}

.my-matter-document-details-group {
  gap: 8px;
}

.my-matter-detail-relationships,
.my-matter-review-lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
}

.my-matter-detail-relationships section,
.my-matter-review-lists section {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.my-matter-detail-relationships h6,
.my-matter-review-lists h6 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.my-matter-detail-relationships ul,
.my-matter-detail-list,
.my-matter-detail-activity {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.my-matter-detail-relationships li,
.my-matter-detail-list li,
.my-matter-detail-activity li {
  min-width: 0;
  color: var(--color-ink-primary);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.my-matter-detail-list li {
  display: grid;
  gap: 2px;
  padding-top: 7px;
  border-top: 1px solid #edf2fb;
}

.my-matter-detail-list li:first-child {
  padding-top: 0;
  border-top: 0;
}

.my-matter-detail-list strong {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.my-matter-detail-list span,
.my-matter-detail-list p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.my-matter-detail-activity li {
  padding-left: 12px;
  border-left: 2px solid #dbe6f4;
}

@media (max-width: 980px) {
  .my-matter-pdf-viewer .max-pdf-toolbar {
    flex-wrap: wrap;
  }

  .my-matter-pdf-controls {
    flex-basis: 100%;
    justify-content: start;
    flex-wrap: wrap;
  }

  .fd-v3-account-snapshot-grid--document {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(3n + 1) {
    border-left: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(2n + 1) {
    border-left: 0;
  }

  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(n + 3) {
    border-top: 1px solid #edf2fb;
  }
}

@media (max-width: 520px) {
  .fd-v3-account-snapshot-grid--document,
  .my-matter-detail-relationships,
  .my-matter-review-lists {
    grid-template-columns: 1fr;
  }

  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item,
  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(2n),
  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:nth-child(3n) {
    border-left: 0;
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-grid--document .fd-v3-account-snapshot-item:first-child {
    border-top: 0;
  }
}

.my-matter-relationship-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.my-matter-relationship-flow span {
  position: relative;
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 9px 10px 9px 24px;
  border: 1px solid #e7edf5;
  border-radius: 8px;
  background: #fbfdff;
}

.my-matter-relationship-flow span::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(47, 127, 168, 0.52);
}

.my-matter-relationship-flow strong {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.my-matter-relationship-flow small {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.03em;
  line-height: 1.2;
  text-transform: uppercase;
}

@keyframes my-matter-support-reveal {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}

.my-matter-document-landing {
  display: grid;
  gap: 12px;
  align-content: start;
  min-height: 360px;
  padding: 28px;
  border: 1px solid #e0e8f3;
  border-radius: 10px;
  background: #fbfdff;
}

.my-matter-landing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.my-matter-example-question {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #dbe6f4;
  border-radius: 8px;
  background: #ffffff;
  color: #20364f;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
  text-align: left;
}

.my-matter-example-question:hover,
.my-matter-example-question:focus-visible {
  border-color: #9fc3d9;
  background: #f4f9fc;
  outline: 0;
}

.my-matter-search-results {
  display: grid;
  gap: 18px;
}

.my-matter-search-results[hidden] {
  display: none;
}

.my-matter-search-results-head,
.my-matter-answer-card,
.my-matter-source-list {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.my-matter-search-results-head {
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5edf6;
}

.my-matter-search-results-head h3,
.my-matter-search-results-head p,
.my-matter-answer-card h4,
.my-matter-answer-card p,
.my-matter-source-list h4 {
  margin: 0;
}

.my-matter-question-block {
  display: grid;
  gap: 4px;
  max-width: 760px;
  padding: 10px 12px;
  border-left: 3px solid #b9d8e8;
  border-radius: 6px;
  background: #f8fbfd;
}

.my-matter-question-block span {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.my-matter-question-block [data-case-search-question] {
  color: var(--color-ink-primary);
  font-size: 17px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.my-matter-answer-card {
  gap: 16px;
  padding: 20px 0 22px;
  border-bottom: 1px solid #e5edf6;
  max-width: 820px;
}

.my-matter-answer-card h4,
.my-matter-source-list h4 {
  color: #20364f;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.my-matter-answer-card .my-matter-answer-max-heading {
  margin: 0;
}

.my-matter-answer-card [data-case-search-answer] {
  display: grid;
  gap: 16px;
}

.my-matter-answer-card [data-case-search-answer] section {
  display: grid;
  gap: 9px;
}

.my-matter-answer-card [data-case-search-answer] section + section {
  gap: 7px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f8fbfd;
}

.my-matter-answer-card [data-case-search-answer] h5 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.05em;
  line-height: 1.25;
  text-transform: uppercase;
}

.my-matter-answer-card [data-case-search-answer] section:first-child h5 {
  color: #20364f;
}

.my-matter-answer-card [data-case-search-answer] section + section h5 {
  color: #6f8198;
  font-size: 10px;
}

.my-matter-answer-card [data-case-search-answer] p {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 16px;
  line-height: 1.72;
}

.my-matter-answer-card [data-case-search-answer] ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 1.1rem;
  color: var(--color-ink-primary);
  font-size: 15px;
  line-height: 1.58;
}

.my-matter-answer-card [data-case-search-answer] section:first-child ul {
  gap: 7px;
  font-size: 15.5px;
  line-height: 1.62;
}

.my-matter-answer-card [data-case-search-answer] section + section ul,
.my-matter-answer-card [data-case-search-answer] section + section p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.my-matter-answer-card [data-case-search-answer] li::marker {
  color: #6da8c3;
}

.my-matter-answer-statuses {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.my-matter-answer-statuses span {
  padding: 5px 8px;
  border: 1px solid #d5e5ee;
  border-radius: 999px;
  background: #f7fbfd;
  color: #2b5877;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.my-matter-source-list {
  gap: 12px;
  max-width: 900px;
}

.my-matter-source-list > div {
  display: grid;
  gap: 10px;
}

.my-matter-source-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  min-width: 0;
  padding: 15px 0;
  border-top: 1px solid #e5edf6;
  background: #ffffff;
}

.my-matter-source-card:first-child {
  border-top: 0;
  padding-top: 0;
}

.my-matter-source-card-main {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.my-matter-source-card strong,
.my-matter-source-card span,
.my-matter-source-card small,
.my-matter-source-card p {
  margin: 0;
}

.my-matter-source-card .my-matter-source-rank {
  color: #7a8ca0;
  font-size: 9px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.my-matter-source-card strong {
  color: var(--color-ink-primary);
  font-size: 15px;
  line-height: 1.25;
}

.my-matter-source-card span {
  color: #2b5877;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  text-transform: uppercase;
}

.my-matter-source-card small {
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.35;
}

.my-matter-source-card p {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.5;
}

.my-matter-source-card blockquote {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  margin: 0;
  padding: 0 0 0 10px;
  border-left: 2px solid #cfe0ec;
  background: transparent;
  color: #20364f;
  font-size: 13px;
  line-height: 1.5;
}

.my-matter-source-card blockquote span {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
}

.my-matter-source-open {
  align-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}

.my-matter-source-open:hover,
.my-matter-source-open:focus-visible {
  color: var(--vl-accent-teal-hover);
  text-decoration: underline;
}

@media (max-width: 760px) {
  .my-matter-source-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .my-matter-source-open {
    justify-self: start;
  }
}

.my-matter-search-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.my-matter-search-breadcrumb[hidden] {
  display: none;
}

.my-matter-search-breadcrumb button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
}

.my-matter-search-breadcrumb button:hover,
.my-matter-search-breadcrumb button:focus-visible {
  color: var(--vl-accent-teal-hover);
  text-decoration: underline;
}

.my-matter-document-landing[hidden] {
  display: none;
}

.my-matter-document-landing p {
  max-width: 520px;
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.my-matter-landing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 6px;
}

.my-matter-landing-grid span,
.my-matter-landing-grid button {
  display: grid;
  gap: 3px;
  padding: 12px;
  border: 1px solid #e0e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.my-matter-landing-grid strong {
  color: var(--color-ink-primary);
  font-size: 13px;
}

.my-matter-landing-grid small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.my-matter-documents-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.42fr) minmax(0, 0.58fr);
  gap: var(--space-4);
  align-items: start;
}

.my-matter-document-list {
  display: grid;
  gap: 0;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.my-matter-document-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border-bottom: 1px solid #e7edf8;
}

.my-matter-document-row:last-child {
  border-bottom: 0;
}

.my-matter-document-row > div:nth-child(2) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.my-matter-document-row h3,
.my-matter-document-row p,
.my-matter-document-row small,
.my-matter-work-main h3,
.my-matter-work-main p {
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.my-matter-event-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
}

.my-matter-event-card .my-matter-tag {
  grid-column: 1 / -1;
  justify-self: start;
}

.my-matter-event-card div:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.my-matter-timeline-list {
  display: grid;
  list-style: none;
  padding: 0;
}

.my-matter-timeline-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.my-matter-timeline-group {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
}

.my-matter-timeline-group > h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #edf2fb;
}

.my-matter-timeline-list li {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  padding: 0 0 18px;
}

.my-matter-timeline-list li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 10px;
  bottom: 0;
  width: 2px;
  background: #e2e8f3;
}

.my-matter-timeline-list li > span {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  border: 5px solid var(--color-accent-soft);
  border-radius: 50%;
  background: var(--color-accent);
}

.my-matter-timeline-list li > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.my-matter-timeline-list h4 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.my-matter-timeline-list time {
  grid-column: 2;
  display: grid;
  gap: 2px;
  justify-items: start;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  white-space: nowrap;
}

.my-matter-timeline-list time small {
  font-size: 11px;
}

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

.my-matter-team-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.my-matter-team-card > div:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.my-matter-team-card .my-matter-actions {
  grid-column: 1 / -1;
  justify-content: start;
}

.my-matter-team-card small {
  display: none;
}

.my-matter-list {
  display: grid;
  gap: 12px;
}

.my-matter-date {
  width: 54px;
  border: 1px solid var(--border-info);
  border-radius: 10px;
  text-align: center;
  padding: 8px 4px;
}

.my-matter-date span {
  display: block;
  color: var(--link-color);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-bold);
}

.my-matter-date strong {
  font-size: var(--font-size-summary-number);
  font-weight: var(--font-weight-bold);
  color: var(--color-ink-primary);
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.my-matter-tag {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: var(--color-review-soft);
  color: var(--color-review);
  font-size: var(--font-size-caption);
  font-weight: var(--font-weight-semibold);
  padding: 4px 10px;
}

.my-matter-tag-deadline {
  background: var(--color-attention-soft);
  color: var(--color-attention);
}

.my-matter-doc-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--color-success-border);
  background: var(--color-success-soft);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.my-matter-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-accent-soft);
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-bold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.my-matter-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.my-matter-team-action {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbe5f1;
  border-radius: 8px;
  background: #fbfdff;
  color: var(--color-ink-primary);
  padding: 7px 10px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.my-matter-team-action:hover {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--link-hover-color);
}

.my-matter-team-action:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
  border-radius: 8px;
}

.my-matter-link {
  color: var(--link-color);
  text-decoration: none;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-body);
}

.my-matter-link-disabled {
  color: #566579;
  pointer-events: none;
  cursor: default;
}

@media (max-width: 1200px) {
  .my-matter-journey-content {
    max-width: 68%;
  }

  .my-matter-hero-timeline {
    width: min(calc(100% - 72px), 920px);
    bottom: 24px;
  }

  .my-matter-journey-embedded .journey-track {
    gap: 16px;
  }

  .my-matter-journey-backdrop::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.99) 36%,
      rgba(255, 255, 255, 0.93) 50%,
      rgba(255, 255, 255, 0.68) 64%,
      rgba(255, 255, 255, 0.28) 80%,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .my-matter-today-layout,
  .my-matter-documents-layout,
  .my-matter-case-explorer-inner {
    grid-template-columns: 1fr;
  }

  .my-matter-case-explorer-left {
    border-right: 0;
    border-bottom: 1px solid #e2e8f3;
  }

  .my-matter-event-strip,
  .my-matter-team-grid,
  .my-matter-timeline-groups {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .my-matter-journey-hero {
    min-height: 590px;
    padding: 24px;
  }

  .my-matter-journey-content {
    max-width: 100%;
  }

  .my-matter-journey-copy h1 {
    max-width: 11ch;
  }

  .my-matter-hero-timeline {
    width: calc(100% - 36px);
    bottom: 22px;
    overflow: hidden;
  }

  .my-matter-journey-embedded .journey-track {
    min-width: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
  }

  .my-matter-journey-embedded .journey-track::before {
    left: 9%;
    right: 9%;
  }

  .my-matter-journey-embedded .journey-copy strong {
    font-size: 10px;
    line-height: 1.18;
  }

  .my-matter-journey-embedded .journey-copy small {
    font-size: 9px;
  }

  .my-matter-journey-current .my-matter-journey-current-label {
    font-size: 8px;
    letter-spacing: 0;
  }

  .my-matter-workspace {
    padding: 16px;
  }

  .my-matter-workspace-head,
  .my-matter-work-item,
  .my-matter-document-row,
  .my-matter-timeline-list li,
  .my-matter-document-panel-head,
  .my-matter-preview-card {
    grid-template-columns: 1fr;
  }

  .my-matter-pdf-viewer .max-pdf-toolbar {
    grid-template-columns: 1fr;
  }

  .my-matter-pdf-controls {
    justify-content: start;
  }

  .my-matter-pdf-viewer .max-pdf-scroll-region {
    height: 460px;
  }

  .my-matter-workspace-head .request-card-action,
  .my-matter-work-item .request-card-action,
  .my-matter-document-row .request-card-action {
    width: 100%;
  }

  .my-matter-explorer-tools {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .my-matter-explorer-record {
    grid-template-columns: minmax(0, 1fr) 86px auto;
    gap: 6px;
  }

  .my-matter-explorer-record .fd-row-indicator {
    display: inline;
  }

  .my-matter-brief-metrics,
  .my-matter-health-strip {
    grid-template-columns: 1fr;
  }

  .my-matter-selected-document {
    padding: 16px;
  }

  .my-matter-preview-page {
    height: 132px;
  }

  .my-matter-timeline-list time {
    justify-items: start;
    white-space: normal;
  }
}


.fd-header {
  display: grid;
  gap: var(--space-4);
  align-items: center;
}

.fd-v2-page {
  display: grid;
  gap: var(--space-4);
}

.fd-v2-hero {
  overflow: hidden;
}

.fd-v2-hero .my-matter-horizon-image {
  object-position: center 36%;
}

.fd-v2-hero-content {
  max-width: 78%;
  display: grid;
  gap: var(--space-4);
  padding-bottom: 124px;
}

.fd-v2-hero-copy {
  max-width: 64ch;
}

.fd-v3-hero-status {
  width: min(620px, 100%);
  padding: 14px;
  border-radius: var(--radius-card);
  border: 1px solid rgba(245, 247, 252, 0.3);
  background: rgba(14, 27, 45, 0.58);
  backdrop-filter: blur(4px);
  box-shadow: 0 18px 34px rgba(10, 18, 30, 0.3);
}

.fd-v3-hero-status .documents-v1-hero-doc-list {
  gap: 8px;
}

.fd-v3-hero-status .documents-v1-hero-doc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  align-items: center;
  padding: 8px 10px;
  border-color: rgba(245, 247, 252, 0.22);
  background: rgba(255, 255, 255, 0.18);
}

.fd-v3-hero-status .documents-v1-hero-doc-copy strong {
  color: #1f3557;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fd-v3-hero-status .component-status-pill {
  justify-self: end;
  min-height: 28px;
  min-width: 102px;
  padding: 4px 12px;
  text-transform: none;
  letter-spacing: 0;
}

.fd-v4-generated-artifacts {
  display: grid;
  gap: 1rem;
  margin: 1.5rem 0;
}

.fd-v4-generated-artifacts-heading,
.fd-v4-artifact-heading,
.fd-v4-artifact-preview-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.fd-v4-artifact-list {
  display: grid;
  gap: 1rem;
}

.fd-v4-artifact-card,
.fd-v4-artifact-preview,
.fd-v4-artifact-empty {
  display: grid;
  gap: 0.875rem;
}

.fd-v4-artifact-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
}

.fd-v4-artifact-facts div {
  padding: 0.75rem;
  border-radius: 0.75rem;
  background: var(--surface-soft, #f5f7f8);
}

.fd-v4-artifact-facts dt {
  color: var(--text-muted, #59636b);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fd-v4-artifact-facts dd {
  margin: 0.25rem 0 0;
  font-weight: 650;
}

.fd-v4-artifact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.fd-v4-artifact-responsibility {
  margin: 0;
  color: var(--text-muted, #59636b);
}

.fd-v4-readiness {
  display: grid;
  gap: 0.625rem;
  padding: 0.875rem;
  border: 1px solid var(--border-subtle, #d9e0e4);
  border-radius: 0.75rem;
  background: var(--surface-soft, #f5f7f8);
}

.fd-v4-readiness h4,
.fd-v4-readiness p {
  margin: 0;
}

.fd-v4-readiness-blockers {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding-left: 1.25rem;
}

.fd-v4-readiness-blockers li span {
  display: block;
  color: var(--text-muted, #59636b);
}

.fd-v4-signature-note {
  color: var(--text-muted, #59636b);
}

@media (max-width: 640px) {
  .fd-v4-generated-artifacts-heading,
  .fd-v4-artifact-heading,
  .fd-v4-artifact-preview-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .fd-v4-artifact-facts {
    grid-template-columns: 1fr;
  }
}

.fd-v3-packet-review-row {
  align-items: start;
}

.fd-v3-packet-review-detail {
  margin-top: 3px;
  max-width: 44ch;
  color: #38506f;
  font-size: 12px;
  line-height: 1.4;
}

.fd-v3-packet-review-attribution {
  margin: -6px 10px 2px;
  color: #38506f;
  font-size: 12px;
  line-height: 1.4;
}

.fd-v3-hero-status .documents-v1-hero-queue-label {
  padding-top: 2px;
}

.fd-v2-hero-timeline {
  width: min(calc(100% - 56px), 920px);
}

.fd-v2-workspace-head {
  display: grid;
  gap: var(--space-2);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.fd-section-head {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.fd-category-tab {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: var(--color-panel);
  color: var(--color-ink-primary);
  text-align: left;
  box-shadow: var(--shadow-small);
  cursor: pointer;
  transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;
}

.fd-category-tab:hover {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  transform: translateY(-1px);
}

.fd-category-tab:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.fd-category-tab.is-active {
  background: var(--color-accent-soft);
  border-color: var(--color-accent);
  box-shadow: var(--fd-approved-accent-left-shadow), 0 6px 16px rgba(44, 55, 84, 0.08);
}

.fd-category-tab .component-status-pill {
  justify-content: flex-start;
  width: fit-content;
  text-transform: none;
  letter-spacing: 0;
}

.fd-category-copy {
  display: grid;
  gap: 6px;
}

.fd-category-label {
  color: var(--color-ink-primary);
}

.fd-v3-category-support {
  color: var(--color-ink-muted);
}

.fd-v3-category-state.state-upload {
  background: rgba(30, 120, 156, 0.16);
  color: var(--color-accent);
}

.fd-v3-category-head {
  margin-bottom: var(--space-3);
}

.fd-v3-workspace-shell {
  padding: 0;
  overflow: hidden;
}

.fd-v3-workspace-headline {
  padding: 18px 20px;
  margin: 0;
  border-bottom: 0;
}

.max-workflow {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.max-workflow__header {
  display: grid;
  gap: 6px;
}

.max-workflow__header p,
.max-workflow__header h2 {
  margin: 0;
}

.max-workflow__title {
  max-width: 72ch;
  color: var(--color-ink-primary);
  line-height: 1.35;
}

.max-workflow__intro {
  max-width: 72ch;
  color: var(--color-ink-secondary);
  line-height: 1.5;
}

.max-workflow__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 12px 0 14px;
  border-top: 1px solid #e5ecf8;
  list-style: none;
}

.max-workflow-step {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  min-height: 94px;
  padding: 13px 14px;
  border: 1px solid #d8e2ef;
  border-color: #d8e2ef;
  border-radius: 10px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  color: var(--color-ink-primary);
  box-shadow: none;
  text-align: left;
  cursor: pointer;
  transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;
}

.max-workflow-step--informational {
  cursor: default;
}

.fd-workflow-progress .max-workflow-step--informational {
  cursor: pointer;
}

.max-workflow-step:hover {
  border-color: #b9d2e5;
  background: #f8fbfd;
}

.max-workflow-step--informational:hover {
  border-color: #d8e2ef;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.max-workflow-step--informational.max-workflow-step--current:hover,
.max-workflow-step--informational[aria-current="step"]:hover {
  border-color: var(--color-accent);
  background: linear-gradient(180deg, #f2f8fb 0%, #ffffff 100%);
}

.max-workflow-step--informational.max-workflow-step--complete:hover {
  border-color: rgba(78, 115, 86, 0.34);
  background: rgba(78, 115, 86, 0.06);
}

.fd-workflow-progress .max-workflow-step--informational:hover {
  border-color: #b9d2e5;
  background: #f8fbfd;
}

.fd-workflow-progress .max-workflow-step--viewing {
  outline: 2px solid rgba(47, 127, 168, 0.55);
  outline-offset: 2px;
  box-shadow: 0 8px 18px rgba(31, 58, 90, 0.08);
}

.fd-workflow-progress .max-workflow-step--viewing::after {
  content: "Viewing";
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: var(--color-accent);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.max-workflow-step:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.max-workflow-step--current,
.max-workflow-step[aria-current="step"] {
  border-color: var(--color-accent);
  background: linear-gradient(180deg, #f2f8fb 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.5), 0 8px 18px rgba(31, 58, 90, 0.08);
}

.max-workflow-step--complete {
  border-color: rgba(78, 115, 86, 0.34);
  background: rgba(78, 115, 86, 0.06);
}

.max-workflow-step--ready,
.max-workflow-step--available {
  border-color: #cfdcec;
  background: #ffffff;
}

.max-workflow-step--waiting {
  border-color: #d8e2ef;
}

.max-workflow-step--locked,
.max-workflow-step--locked:hover,
.max-workflow-step[aria-disabled="true"],
.max-workflow-step[disabled] {
  border-color: #dce5ef;
  background: #f8fafc;
  color: var(--color-ink-muted);
  cursor: default;
  box-shadow: none;
}

.max-workflow-step__content {
  display: grid;
  gap: 7px;
  align-content: start;
  min-width: 0;
}

.max-workflow-step__marker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #cfdcec;
  border-radius: 999px;
  background: #ffffff;
  color: #50657a;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.max-workflow-step--current .max-workflow-step__marker,
.max-workflow-step[aria-current="step"] .max-workflow-step__marker {
  border-color: var(--color-accent);
  background: var(--color-accent);
  color: #ffffff;
}

.max-workflow-step--complete .max-workflow-step__marker {
  border-color: #4e7356;
  background: #4e7356;
  color: #ffffff;
}

.max-workflow-step--locked .max-workflow-step__marker,
.max-workflow-step[aria-disabled="true"] .max-workflow-step__marker,
.max-workflow-step[disabled] .max-workflow-step__marker {
  border-color: #d8e2ec;
  background: #edf2f7;
  color: #7a8798;
}

.max-workflow-step__title {
  color: var(--color-ink-primary);
  font-size: 16px;
  line-height: 1.2;
}

.max-workflow-step--locked .max-workflow-step__title,
.max-workflow-step[aria-disabled="true"] .max-workflow-step__title,
.max-workflow-step[disabled] .max-workflow-step__title {
  color: var(--color-ink-muted);
}

.max-workflow-step__action {
  color: #50657a;
  font-size: 13px;
  line-height: 1.3;
  text-transform: none;
  letter-spacing: 0;
}

.max-workflow-step__status {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
}

.max-workflow-step__status--waiting {
  color: #50657a;
}

.max-workflow-step__status--current {
  color: var(--color-accent);
}

.max-workflow-step__status--available,
.max-workflow-step__status--ready {
  color: #50657a;
}

.max-workflow-step__status--complete {
  color: #4e7356;
}

.max-workflow-step__status--locked {
  color: var(--color-ink-muted);
}

.max-workspace-shell {
  --max-workspace-left-width: 36%;
  --max-workspace-right-width: 64%;
  --max-workspace-min-height: 680px;
  --max-workspace-left-padding: 12px 12px 14px;
  --max-workspace-right-padding: 18px 20px 56px;
  --max-workspace-left-background: #f9fbff;
  --max-workspace-right-background: #ffffff;
  --max-workspace-divider-color: #e2e8f3;
  --max-workspace-left-gap: 0;
  --max-workspace-right-gap: var(--space-4);
  display: grid;
  grid-template-columns: minmax(320px, var(--max-workspace-left-width)) minmax(0, var(--max-workspace-right-width));
  min-height: var(--max-workspace-min-height);
  overflow: hidden;
}

.max-workspace-shell__panel {
  min-width: 0;
  display: grid;
  align-content: start;
  min-height: 0;
}

.max-workspace-shell__panel--left {
  gap: var(--max-workspace-left-gap);
  background: var(--max-workspace-left-background);
  border-right: 1px solid var(--max-workspace-divider-color);
  padding: var(--max-workspace-left-padding);
}

.max-workspace-shell__panel--right {
  gap: var(--max-workspace-right-gap);
  padding: var(--max-workspace-right-padding);
  background: var(--max-workspace-right-background);
}

.max-workspace-shell__panel--scrollable {
  overflow: auto;
}

.max-workspace-shell__panel--right:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.max-workspace-shell--financial-disclosures {
  --max-workspace-left-width: 36%;
  --max-workspace-right-width: 64%;
  --max-workspace-min-height: 740px;
}

.max-workspace-shell--exhibits {
  --max-workspace-left-width: 58%;
  --max-workspace-right-width: 42%;
  --max-workspace-min-height: 680px;
  --max-workspace-left-padding: 18px 20px 28px;
  --max-workspace-right-padding: 18px 20px 40px;
  --max-workspace-left-gap: var(--space-4);
  --max-workspace-right-gap: var(--space-3);
}

.knowledge-studio {
  display: grid;
  gap: 18px;
  padding: 0 20px 32px;
}

.knowledge-studio-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  min-height: 246px;
  overflow: hidden;
  padding: 30px 38px;
  background-image:
    linear-gradient(92deg, rgba(251, 252, 251, 1) 0%, rgba(251, 252, 251, 0.97) 34%, rgba(251, 252, 251, 0.78) 52%, rgba(244, 248, 251, 0.42) 72%, rgba(238, 245, 242, 0.26) 100%),
    linear-gradient(135deg, rgba(251, 252, 251, 0.9) 0%, rgba(244, 248, 251, 0.72) 58%, rgba(238, 245, 242, 0.5) 100%),
    url('/assets/images/heroes/knowledge-studio-hero-bg-color.svg');
  background-position: center, center, right center;
  background-repeat: no-repeat;
  background-size: cover, cover, auto calc(100% + 28px);
  border-color: #dfe9e6;
}

.knowledge-studio-hero > div,
.knowledge-studio-hero .knowledge-studio-new {
  position: relative;
  z-index: 1;
}

.knowledge-studio-hero > div {
  display: grid;
  align-content: center;
  gap: 11px;
  max-width: min(46%, 620px);
  min-width: 0;
}

.knowledge-studio-hero h1,
.knowledge-studio-hero p,
.knowledge-studio-view-head h2,
.knowledge-studio-view-head p,
.knowledge-studio-record-head h2,
.knowledge-studio-record-head p,
.knowledge-studio-placeholder h2,
.knowledge-studio-placeholder h3,
.knowledge-studio-placeholder p {
  margin: 0;
}

.knowledge-studio-hero-copy {
  max-width: 60ch;
  color: #4f6078;
  font-size: 16.5px;
  line-height: 1.48;
}

.knowledge-studio-hero h1 {
  font-size: 2.1rem;
  line-height: 1.1;
}

.knowledge-studio-hero .knowledge-studio-new {
  position: absolute;
  right: 46px;
  bottom: 42px;
  margin-top: 0;
}

.knowledge-studio-operational-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 0;
  margin-top: 22px;
  color: #4f6078;
  font-size: 13px;
  line-height: 1.4;
}

.knowledge-studio-operational-status span {
  border: 1px solid #dfe9e6;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.92);
  padding: 4px 9px;
  overflow-wrap: anywhere;
}

.knowledge-studio-operational-status span:nth-of-type(1) {
  border-right: 0;
  border-radius: var(--radius-pill) 0 0 var(--radius-pill);
  padding-right: 6px;
}

.knowledge-studio-operational-status span:nth-of-type(2) {
  border-left: 0;
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  padding-left: 6px;
}

.knowledge-studio-operational-status span:nth-of-type(2)::before {
  content: "\00b7";
  margin-right: 7px;
  color: #7b8ba0;
}

.knowledge-studio-operational-status span strong {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.knowledge-studio-operational-status .knowledge-studio-development-tools strong,
.knowledge-studio-development-tools strong {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.knowledge-studio-development-tools {
  position: relative;
  color: #66798c;
}

.knowledge-studio-development-tools > summary {
  cursor: pointer;
  grid-template-columns: minmax(0, 1fr) auto auto;
}

.knowledge-studio-development-tools > summary::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid #5f746b;
  border-bottom: 2px solid #5f746b;
  transform: rotate(-45deg);
  transition: transform 160ms ease;
}

.knowledge-studio-development-tools[open] > summary::after {
  transform: rotate(45deg);
}

.knowledge-studio-development-tools > summary::-webkit-details-marker {
  display: none;
}

.knowledge-studio-development-panel {
  display: grid;
  gap: 10px;
  margin: 0 10px 12px;
  border: 1px solid #dfe9e6;
  border-radius: 12px;
  background: #f8fbf9;
  padding: 12px;
}

.knowledge-studio-development-tools:not([open]) > .knowledge-studio-development-panel {
  display: none;
}

.knowledge-studio-development-panel section {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.knowledge-studio-development-panel section + section {
  border-top: 1px solid #dfe9e6;
  padding-top: 10px;
}

.knowledge-studio-development-panel strong {
  color: #263a5f;
  font-size: 12px;
}

.knowledge-studio-development-panel p,
.knowledge-studio-development-panel label {
  display: grid;
  gap: 4px;
  margin: 0;
  color: #5e6f83;
  font-size: 12px;
  line-height: 1.4;
}

.knowledge-studio-development-tools select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #dbe5df;
  border-radius: 10px;
  background: #ffffff;
  color: #263a5f;
  font: inherit;
  padding: 7px 9px;
}

.knowledge-studio-nav-utility {
  display: grid;
  gap: 10px;
}

.knowledge-studio-development-actions {
  display: grid;
  gap: 7px;
}

.knowledge-studio-development-actions .request-card-action {
  width: 100%;
  justify-content: center;
  min-height: 32px;
  padding: 6px 9px;
  font-size: 12px;
}

.knowledge-studio-progressive-controls {
  border: 1px solid #e2ebe6;
  border-radius: 12px;
  background: rgba(251, 252, 251, 0.74);
  padding: 10px 12px;
}

.knowledge-studio-progressive-controls summary {
  color: #405471;
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-progressive-controls > section,
.knowledge-studio-progressive-controls > div {
  margin-top: 12px;
}

.knowledge-studio-max-guidance--section {
  border-radius: 14px;
}

.knowledge-studio-shell-card {
  padding: 0;
  overflow: hidden;
}

.max-workspace-shell--knowledge-studio {
  --max-workspace-left-background: #f8faf8;
  --max-workspace-right-background: #ffffff;
  --max-workspace-divider-color: #e0e8e2;
  --max-workspace-left-padding: 14px;
  --max-workspace-right-padding: 24px 26px 48px;
  --max-workspace-left-gap: 10px;
  --max-workspace-right-gap: 20px;
}

.knowledge-studio-nav {
  display: grid;
  gap: 10px;
}

.knowledge-studio-nav-section {
  border: 1px solid #e0e8e2;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  overflow: hidden;
}

.knowledge-studio-nav-section.is-open {
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(50, 65, 82, 0.06);
}

.knowledge-studio-nav-trigger {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 0;
  background: transparent;
  color: #263a5f;
  padding: 14px;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-nav-trigger span:last-child {
  min-width: 28px;
  border-radius: var(--radius-pill);
  background: #edf4f0;
  color: #3f6759;
  padding: 3px 8px;
  font-size: 12px;
  text-align: center;
}

.knowledge-studio-nav-panel {
  border-top: 1px solid #edf2ef;
  padding: 10px 14px 13px;
}

.knowledge-studio-nav-panel p,
.knowledge-studio-view-note,
.knowledge-studio-record-card small,
.knowledge-studio-record-card span,
.knowledge-studio-review-card span,
.knowledge-studio-source-card p,
.knowledge-studio-release-message {
  margin: 0;
  color: #5e6f83;
  font-size: 13px;
  line-height: 1.4;
}

.knowledge-studio-main {
  min-height: 0;
}

.knowledge-studio [hidden] {
  display: none !important;
}

.knowledge-studio-view {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.knowledge-studio-view > * {
  min-width: 0;
  max-width: 100%;
}

.knowledge-studio-view[hidden] {
  display: none;
}

.knowledge-studio-view-head,
.knowledge-studio-record-head,
.knowledge-studio-form-section-head,
.knowledge-studio-dialog-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
}

.knowledge-studio-view-head > div,
.knowledge-studio-record-head > div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.knowledge-studio-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.knowledge-studio-card-grid > *,
.knowledge-studio-review-list > *,
.knowledge-studio-release-grid > *,
.knowledge-studio-release-list > *,
.knowledge-studio-package-list > * {
  min-width: 0;
  max-width: 100%;
}

.knowledge-studio-record-card,
.knowledge-studio-review-card,
.knowledge-studio-count-card,
.knowledge-studio-source-card,
.knowledge-studio-placeholder,
.knowledge-studio-status-panel,
.knowledge-studio-dialog-card {
  border: 1px solid #e2e9e4;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.055);
}

.knowledge-studio-record-card,
.knowledge-studio-review-card {
  display: grid;
  align-content: start;
  position: relative;
  min-height: 150px;
  gap: 8px;
  padding: 16px;
  text-align: left;
  border-color: #e2e9e4;
  color: #263a5f;
  font: inherit;
  cursor: pointer;
}

.knowledge-studio-record-card:hover,
.knowledge-studio-record-card:focus-visible,
.knowledge-studio-review-card:hover,
.knowledge-studio-review-card:focus-visible {
  border-color: #b8cdc5;
  box-shadow: 0 14px 30px rgba(39, 53, 72, 0.09);
  transform: translateY(-1px);
}

.knowledge-studio-record-card strong,
.knowledge-studio-review-card strong {
  color: #263a5f;
  font-size: 19px;
  line-height: 1.2;
}

.knowledge-studio-record-card--with-menu {
  padding: 0;
}

.knowledge-studio-draft-open {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 150px;
  padding: 16px 52px 16px 16px;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-draft-card-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
}

.knowledge-studio-draft-menu-trigger {
  width: 34px;
  height: 34px;
  border: 1px solid #d8e4dc;
  border-radius: 999px;
  background: #ffffff;
  color: #263a5f;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.knowledge-studio-draft-menu {
  position: absolute;
  top: 40px;
  right: 0;
  display: grid;
  min-width: 170px;
  padding: 6px;
  border: 1px solid #d8e4dc;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(39, 53, 72, 0.16);
}

.knowledge-studio-draft-menu button {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #263a5f;
  font: inherit;
  padding: 9px 10px;
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-draft-menu button:hover,
.knowledge-studio-draft-menu button:focus-visible {
  background: #f2f7f4;
}

.knowledge-studio-draft-menu__danger,
.knowledge-studio-danger-action {
  color: #9d2f2f !important;
}

.knowledge-studio-draft-inline-dialog {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(26, 38, 57, 0.28);
}

.knowledge-studio-dialog-error {
  color: #9d2f2f;
  font-weight: 700;
}

.knowledge-studio-operations-panel,
.knowledge-studio-operations-card {
  border: 1px solid #e2e9e4;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.055);
}

.knowledge-studio-operations-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.knowledge-studio-operations-panel h3,
.knowledge-studio-operations-card strong,
.knowledge-studio-operations-card p {
  margin: 0;
}

.knowledge-studio-operations-list {
  display: grid;
  gap: 12px;
}

.knowledge-studio-operations-card {
  display: grid;
  gap: 7px;
  padding: 14px;
  color: #263a5f;
}

.knowledge-studio-operations-card span,
.knowledge-studio-operations-card small,
.knowledge-studio-operations-card p {
  color: #5e6f83;
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.knowledge-studio-card-status {
  justify-self: start;
  border-radius: var(--radius-pill);
  background: #edf6ef;
  color: #476d4d;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.06em;
}

.knowledge-studio-card-status--draft {
  background: #f4efe6;
  color: #795c2a;
}

.knowledge-studio-back,
.knowledge-studio-dialog-close {
  justify-self: start;
  border: 0;
  background: transparent;
  color: #486174;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.knowledge-studio-accordion {
  display: grid;
  gap: 10px;
}

.knowledge-studio-details {
  border: 1px solid #e1e8e4;
  border-radius: 14px;
  background: #fbfcfb;
  overflow: hidden;
}

.knowledge-studio-details summary {
  cursor: pointer;
  padding: 15px 16px;
  color: #263a5f;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-details div {
  border-top: 1px solid #e8eeea;
  padding: 0 16px 16px;
}

.knowledge-studio-details ul {
  margin: 0;
  padding: 0 0 0 18px;
  color: #42566f;
  line-height: 1.55;
}

.knowledge-studio-draft-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
}

.knowledge-studio-form,
.knowledge-studio-form-section,
.knowledge-studio-source-list {
  display: grid;
  gap: 14px;
}

.knowledge-studio-field {
  display: grid;
  gap: 7px;
  color: #263a5f;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-field input,
.knowledge-studio-field select,
.knowledge-studio-field textarea {
  width: 100%;
  border: 1px solid #dbe5df;
  border-radius: 12px;
  background: #fbfcfb;
  color: #263a5f;
  font: inherit;
  font-weight: var(--font-weight-regular);
  padding: 11px 12px;
  resize: vertical;
}

.knowledge-studio-legal-authority-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.knowledge-studio-legal-authority-grid select[multiple] {
  min-height: 148px;
}

@media (max-width: 720px) {
  .knowledge-studio-legal-authority-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.knowledge-studio-source-card {
  display: grid;
  gap: 12px;
  padding: 15px;
}

.knowledge-studio-source-work-queue {
  --ks-source-status-accent: #6f8299;
  --ks-source-status-tint: #f5f7f9;
  display: grid;
  gap: 12px;
  border: 1px solid #e4ece6;
  border-left: 5px solid var(--ks-source-status-accent);
  border-radius: 8px;
  background: linear-gradient(90deg, var(--ks-source-status-tint), #ffffff 76%);
  padding: 12px;
}

.knowledge-studio-source-work-queue-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  list-style: none;
}

.knowledge-studio-source-work-queue-summary::-webkit-details-marker,
.knowledge-studio-source-work-queue-summary::marker {
  display: none;
  content: "";
}

.knowledge-studio-source-work-queue h4 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin: 0;
  color: #263a5f;
  font-size: 17px;
}

.knowledge-studio-source-work-queue h4 span {
  color: var(--ks-source-status-accent);
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-source-work-queue__items {
  display: grid;
  gap: 10px;
}

.knowledge-studio-source-work-queue:not([open]) .knowledge-studio-source-work-queue__items {
  display: none;
}

.knowledge-studio-source-work-queue[open] > .knowledge-studio-source-work-queue-summary .knowledge-studio-source-card-chevron {
  transform: rotate(225deg);
}

.knowledge-studio-source-work-queue--needs-evidence,
.knowledge-studio-source-card--needs-evidence {
  --ks-source-status-accent: #b87920;
  --ks-source-status-tint: #fff7e8;
}

.knowledge-studio-source-work-queue--needs-attention,
.knowledge-studio-source-card--needs-attention {
  --ks-source-status-accent: #a65d4d;
  --ks-source-status-tint: #fff4f1;
}

.knowledge-studio-source-work-queue--needs-details,
.knowledge-studio-source-card--needs-details {
  --ks-source-status-accent: #5f7891;
  --ks-source-status-tint: #f2f6fa;
}

.knowledge-studio-source-work-queue--ready,
.knowledge-studio-source-card--ready {
  --ks-source-status-accent: #4d8a63;
  --ks-source-status-tint: #eef8f1;
}

.knowledge-studio-source-card--needs-evidence,
.knowledge-studio-source-card--needs-attention,
.knowledge-studio-source-card--needs-details,
.knowledge-studio-source-card--ready {
  border-left: 4px solid var(--ks-source-status-accent);
}

.knowledge-studio-source-card--needs-evidence[open],
.knowledge-studio-source-card--needs-attention[open],
.knowledge-studio-source-card--needs-details[open],
.knowledge-studio-source-card--ready[open] {
  background: linear-gradient(90deg, var(--ks-source-status-tint), #ffffff 72%);
}

.knowledge-studio-source-card-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  color: #263a5f;
  cursor: pointer;
  list-style: none;
}

.knowledge-studio-source-card-summary::-webkit-details-marker,
.knowledge-studio-source-card-summary::marker {
  display: none;
  content: "";
}

.knowledge-studio-source-card-summary span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.knowledge-studio-source-card-summary strong,
.knowledge-studio-source-card-summary small,
.knowledge-studio-source-card-summary span:last-child {
  min-width: 0;
}

.knowledge-studio-source-card-summary small,
.knowledge-studio-source-card-summary span:last-child {
  color: #5e6f83;
  font-size: 13px;
}

.knowledge-studio-source-card-chevron {
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--ks-source-status-accent);
  border-bottom: 2px solid var(--ks-source-status-accent);
  transform: rotate(45deg);
  transition: transform 160ms ease;
}

.knowledge-studio-source-card[open] .knowledge-studio-source-card-chevron {
  transform: rotate(225deg);
}

.knowledge-studio-source-card[open] .knowledge-studio-source-card-summary {
  border-bottom: 1px solid #edf2ef;
  padding-bottom: 12px;
}

.knowledge-studio-source-card-detail {
  display: grid;
  gap: 8px;
}

.knowledge-studio-source-card-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding-top: 2px;
}

.knowledge-studio-source-card-actions .primary-action,
.knowledge-studio-source-card-actions .request-card-action {
  width: auto;
  flex: 0 0 auto;
}

.knowledge-studio-source-action-form {
  display: grid;
  gap: 12px;
  border: 1px solid #e2e9e4;
  border-radius: 14px;
  background: #fbfcfb;
  padding: 14px;
}

.knowledge-studio-source-action-form h5,
.knowledge-studio-source-action-form p {
  margin: 0;
}

.knowledge-studio-source-action-form p,
.knowledge-studio-source-action-form span {
  color: #5e6f83;
  font-size: 13px;
}

.knowledge-studio-source-action-form textarea,
.knowledge-studio-source-action-form input {
  width: 100%;
}

.knowledge-studio-form-section[data-ks-operational-sources] {
  gap: 18px;
}

.knowledge-studio-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(156px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.knowledge-studio-stepper__step {
  min-width: 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #f8fbf9;
  color: #4f6078;
  padding: 9px 10px;
  text-align: left;
}

.knowledge-studio-stepper__step span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e8eeea;
  color: #263a5f;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-stepper__step strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.knowledge-studio-stepper__step.is-current {
  border-color: #3578b9;
  background: #eef6ff;
  color: #214b76;
}

.knowledge-studio-stepper__step.is-current span,
.knowledge-studio-stepper__step.is-complete span {
  background: #3578b9;
  color: #fff;
}

.knowledge-studio-stepper__step.is-complete {
  border-color: #9cc7ae;
  background: #f1fbf5;
  color: #22613d;
}

.knowledge-studio-stepper__step:disabled {
  opacity: 0.58;
  cursor: not-allowed;
}

.knowledge-studio-guided-step {
  display: grid;
  gap: 18px;
  border: 1px solid #dbe5df;
  border-radius: 12px;
  background: #fff;
  padding: 22px;
}

.knowledge-studio-guided-step.is-highlighted {
  animation: knowledge-studio-step-highlight 1200ms ease-out;
}

@keyframes knowledge-studio-step-highlight {
  0% {
    border-color: #3578b9;
    box-shadow: 0 0 0 4px rgba(53, 120, 185, 0.18);
  }

  100% {
    border-color: #dbe5df;
    box-shadow: none;
  }
}

.knowledge-studio-guided-step__head {
  display: grid;
  gap: 6px;
}

.knowledge-studio-guided-step__head h3,
.knowledge-studio-guided-step__head p {
  margin: 0;
}

.knowledge-studio-guided-step__head h3 {
  color: #263a5f;
  font-size: clamp(24px, 4vw, 38px);
  line-height: 1.08;
}

.knowledge-studio-guided-step__head p {
  color: #4f6078;
  font-size: 16px;
  line-height: 1.45;
}

.knowledge-studio-identity-card {
  display: grid;
  gap: 16px;
  border: 0;
  margin: 0;
  padding: 0;
}

.knowledge-studio-identity-card legend {
  color: #263a5f;
  font-weight: var(--font-weight-semibold);
  padding: 0 0 8px;
}

.knowledge-studio-step-success {
  display: inline-flex;
  width: fit-content;
  border: 1px solid #9cc7ae;
  border-radius: var(--radius-pill);
  background: #f1fbf5;
  color: #22613d;
  margin: 2px 0 0;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-field--guided em:first-of-type,
.knowledge-studio-field--hero em,
.knowledge-studio-form-section-head p {
  color: #4f6078;
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: 1.4;
}

.knowledge-studio-field--guided small,
.knowledge-studio-field--hero small {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.knowledge-studio-recognition-workflow {
  display: grid;
  gap: 14px;
}

.knowledge-studio-recognition-workflow > p {
  margin: 0 0 2px;
  color: #4f6078;
  line-height: 1.45;
}

.knowledge-studio-recognition-section {
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #fbfdfb;
  padding: 15px;
}

.knowledge-studio-recognition-section__heading {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  margin-bottom: 2px;
}

.knowledge-studio-recognition-section__number {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #bfd4c8;
  border-radius: 999px;
  background: #eef7f2;
  color: #22613d;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-recognition-section__title {
  color: #263a5f;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.knowledge-studio-recognition-section input,
.knowledge-studio-recognition-section textarea {
  background: #ffffff;
}

.knowledge-studio-field--hero input {
  border-color: #b9c9d8;
  background: #f8fbff;
  color: #14253b;
  font-size: 28px;
  line-height: 1.2;
  padding: 15px 16px;
}


.knowledge-studio-field small {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  line-height: 1.35;
}
.knowledge-studio-step-validation {
  border: 1px solid #e0a64a;
  border-radius: 8px;
  background: #fff7e8;
  color: #6d4b12;
  margin: 0;
  padding: 11px 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-guided-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.knowledge-studio-guided-continue-group {
  display: grid;
  gap: 6px;
  justify-items: center;
}

.knowledge-studio-guided-actions__helper {
  color: #66798c;
  font-size: 12px;
  margin: 0;
  text-align: center;
}

.knowledge-studio-guided-continue-group .primary-action:disabled {
  background: #e8eeea;
  color: #7a8a99;
  cursor: not-allowed;
  box-shadow: none;
}

.knowledge-studio-guided-step--identity .knowledge-studio-guided-actions,
.knowledge-studio-guided-step--recognition .knowledge-studio-guided-actions,
.knowledge-studio-guided-step--claims .knowledge-studio-guided-actions,
.knowledge-studio-guided-step--review .knowledge-studio-guided-actions {
  justify-content: center;
}

.knowledge-studio-guided-step--evidence .knowledge-studio-guided-actions {
  justify-content: center;
  width: 100%;
}

.knowledge-studio-guided-step--evidence .knowledge-studio-guided-actions .primary-action {
  width: auto;
  max-width: 100%;
  flex: 0 0 auto;
  white-space: normal;
}

.knowledge-studio-review-progress {
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #f8fbf9;
  padding: 14px;
}

.knowledge-studio-review-progress h3 {
  margin: 0 0 10px;
  color: #263a5f;
}

.knowledge-studio-review-progress ul {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.knowledge-studio-review-progress li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.knowledge-studio-review-progress span {
  border-radius: var(--radius-pill);
  background: #e8eeea;
  color: #42566f;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  padding: 4px 8px;
}

.knowledge-studio-review-progress .is-complete span {
  background: #e1f4e9;
  color: #22613d;
}

.knowledge-studio-review-progress button {
  min-width: 0;
  border: 0;
  background: transparent;
  color: #214b76;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  padding: 0;
  text-align: left;
  overflow-wrap: anywhere;
}

.knowledge-studio-supporting-info-intro,
.knowledge-studio-supporting-info-choices {
  display: grid;
  gap: 12px;
}

.knowledge-studio-supporting-info-intro {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.knowledge-studio-supporting-info-intro article,
.knowledge-studio-supporting-info-choice,
.knowledge-studio-supporting-info-summary,
.knowledge-studio-supporting-info-panel {
  min-width: 0;
  border: 1px solid #dbe5df;
  border-radius: 10px;
  background: #fbfcfb;
  padding: 14px;
}

.knowledge-studio-supporting-info-intro strong,
.knowledge-studio-supporting-info-choice strong,
.knowledge-studio-supporting-info-summary strong,
.knowledge-studio-supporting-info-panel h3 {
  color: #263a5f;
}

.knowledge-studio-supporting-info-intro p,
.knowledge-studio-supporting-info-choice small,
.knowledge-studio-supporting-info-summary span,
.knowledge-studio-supporting-info-summary p,
.knowledge-studio-supporting-info-panel p,
.knowledge-studio-supporting-info-panel li {
  color: #4f6078;
  line-height: 1.4;
}

.knowledge-studio-supporting-info-intro p,
.knowledge-studio-supporting-info-panel h3,
.knowledge-studio-supporting-info-panel p {
  margin: 0;
}

.knowledge-studio-supporting-info-choices {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.knowledge-studio-supporting-info-choice-heading {
  margin: 0;
  color: #263a5f;
  font-size: 16px;
}

.knowledge-studio-supporting-info-guidance {
  display: grid;
  gap: 6px;
}

.knowledge-studio-supporting-info-guidance p {
  margin: 0;
}

.knowledge-studio-supporting-info-options-label {
  justify-self: start;
  margin-bottom: -6px;
}

.knowledge-studio-supporting-info-choice {
  display: grid;
  gap: 6px;
  border-color: #c3d4cf;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(39, 53, 72, 0.05);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.knowledge-studio-supporting-info-choice-marker {
  color: #6f8299;
  font-size: 19px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
  margin-bottom: -2px;
}

.knowledge-studio-supporting-info-choice.is-active {
  border-color: #2f7fa8;
  background: #e5f3fb;
}

.knowledge-studio-supporting-info-choice.is-active .knowledge-studio-supporting-info-choice-marker {
  color: #3578b9;
}

.knowledge-studio-supporting-info-choice.is-active strong {
  color: #173f6b;
}

.knowledge-studio-supporting-info-choice:hover,
.knowledge-studio-supporting-info-choice:focus-visible {
  border-color: #3578b9;
  background: #eef6ff;
  box-shadow: 0 12px 24px rgba(39, 53, 72, 0.11), 0 0 0 3px rgba(53, 120, 185, 0.14);
  outline: none;
  transform: translateY(-1px);
}

.knowledge-studio-supporting-info-panel {
  display: grid;
  gap: 12px;
}

.knowledge-studio-supporting-info-panel .primary-action--standard {
  justify-self: center;
}

.knowledge-studio-supporting-info-panel[data-ks-supporting-info-panel="describe"] [data-ks-create-operational-source],
.knowledge-studio-supporting-info-panel[data-ks-supporting-info-panel="describe"] [data-ks-add-browser-supporting-info] {
  justify-self: center;
}

.knowledge-studio-supporting-completion {
  display: grid;
  gap: 16px;
  border-top: 1px solid #e2e9e4;
  margin-top: 10px;
  padding-top: 22px;
}

.knowledge-studio-supporting-completion-head {
  display: grid;
  gap: 6px;
}

.knowledge-studio-supporting-completion-head h3 {
  margin: 0;
  color: #263a5f;
  font-size: 18px;
}

.knowledge-studio-supporting-completion-head p {
  margin: 0;
  color: #5e6f83;
  font-size: 14px;
}

.knowledge-studio-provider-combobox {
  position: relative;
}

.knowledge-studio-provider-combobox__options {
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #ffffff;
  display: grid;
  gap: 2px;
  margin-top: 4px;
  padding: 4px;
}

.knowledge-studio-provider-combobox__options button {
  appearance: none;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #263a5f;
  cursor: pointer;
  font: inherit;
  padding: 8px 10px;
  text-align: left;
}

.knowledge-studio-provider-combobox__options button:hover,
.knowledge-studio-provider-combobox__options button:focus-visible {
  background: #eef6f5;
  outline: none;
}

.knowledge-studio-provider-combobox__options p {
  color: #66798c;
  font-size: 13px;
  margin: 0;
  padding: 8px 10px;
}

.knowledge-studio-reusable-source-combobox {
  position: relative;
}

.knowledge-studio-reusable-source-combobox__options {
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #ffffff;
  display: grid;
  gap: 4px;
  margin-top: 6px;
  max-height: 360px;
  overflow: auto;
  padding: 4px;
}

.knowledge-studio-reusable-source-combobox__options button {
  appearance: none;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #263a5f;
  cursor: pointer;
  display: grid;
  gap: 2px;
  font: inherit;
  padding: 10px;
  text-align: left;
}

.knowledge-studio-reusable-source-combobox__options button:hover,
.knowledge-studio-reusable-source-combobox__options button:focus-visible {
  background: #eef6f5;
  outline: none;
}

.knowledge-studio-reusable-source-combobox__options button span,
.knowledge-studio-reusable-source-combobox__options button small,
.knowledge-studio-reusable-source-combobox__options p {
  color: #66798c;
  font-size: 13px;
}

.knowledge-studio-reusable-source-combobox__options p {
  margin: 0;
  padding: 8px 10px;
}

.knowledge-studio-reusable-source-feedback {
  color: #1d6f59;
  font-weight: 700;
  margin: 0;
}

.knowledge-studio-source-card--reusable-added {
  border-color: #4d9f7f;
  box-shadow: 0 0 0 3px rgba(77, 159, 127, 0.16), 0 12px 24px rgba(39, 53, 72, 0.11);
}

.knowledge-studio-supporting-info-panel--upload ul {
  display: none;
}

.knowledge-studio-document-upload-dropzone {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  border: 1px dashed #8fbdd4;
  border-radius: 8px;
  background: #f7fbfd;
  padding: 14px;
}

.knowledge-studio-document-upload-dropzone div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.knowledge-studio-document-upload-dropzone strong,
.knowledge-studio-document-upload-dropzone span {
  overflow-wrap: anywhere;
}

.knowledge-studio-document-upload-dropzone span {
  color: #4f6078;
  font-size: 13px;
}

.knowledge-studio-document-upload-guidance {
  border: 1px solid #dfe9e6;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px 12px;
}

.knowledge-studio-document-upload-guidance strong,
.knowledge-studio-document-upload-guidance p {
  margin: 0;
}

.knowledge-studio-document-upload-guidance p {
  color: #4f6078;
  font-size: 13px;
  line-height: 1.35;
}

.knowledge-studio-document-upload-fields {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.knowledge-studio-document-upload-fields .knowledge-studio-field:last-child {
  grid-column: 1 / -1;
}

.knowledge-studio-upload-route-list {
  display: grid;
  gap: 10px;
}

.knowledge-studio-upload-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  border: 1px solid #dfe9e6;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px;
}

.knowledge-studio-upload-route strong,
.knowledge-studio-upload-route p {
  margin: 0;
}

.knowledge-studio-upload-route p {
  color: #4f6078;
  font-size: 13px;
  line-height: 1.35;
}

.knowledge-studio-upload-route .knowledge-studio-inline-actions {
  justify-content: flex-end;
}

.knowledge-studio-supporting-info-panel ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.knowledge-studio-supporting-info-panel li {
  border-radius: var(--radius-pill);
  background: #eef3f0;
  padding: 4px 9px;
}

.knowledge-studio-supporting-info-summary {
  display: grid;
  gap: 5px;
}

.knowledge-studio-supporting-info-summary p {
  margin: 0;
}

.knowledge-studio-statement-list {
  display: grid;
  gap: 12px;
}

.knowledge-studio-statement-list h3 {
  margin: 0;
  color: #263a5f;
}

.knowledge-studio-link-evidence-workspace {
  display: grid;
  gap: 18px;
}

.knowledge-studio-link-evidence-guidance {
  margin-top: 0;
}

.knowledge-studio-link-evidence-concept {
  display: grid;
  gap: 6px;
  border: 1px solid #c8ddea;
  border-left: 4px solid #3578b9;
  border-radius: 8px;
  background: #f3f8fc;
  padding: 12px 14px;
}

.knowledge-studio-link-evidence-concept h3,
.knowledge-studio-link-evidence-concept p,
.knowledge-studio-link-evidence-task,
.knowledge-studio-link-evidence-task h3,
.knowledge-studio-link-evidence-task ul,
.knowledge-studio-link-evidence-tip {
  margin: 0;
}

.knowledge-studio-link-evidence-task {
  display: grid;
  gap: 8px;
  color: #263a5f;
}

.knowledge-studio-link-evidence-task h3 {
  font-size: 15px;
}

.knowledge-studio-link-evidence-task ul {
  display: grid;
  gap: 6px;
  padding: 0;
  list-style: none;
}

.knowledge-studio-link-evidence-task li::before {
  content: "✓";
  color: #3578b9;
  font-weight: var(--font-weight-bold);
  margin-right: 8px;
}

.knowledge-studio-link-evidence-tip {
  color: #4f6078;
}

.knowledge-studio-statement-card {
  display: grid;
  gap: 10px;
  border: 1px solid #dbe5df;
  border-left: 4px solid #b87920;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px 14px;
  overflow-wrap: anywhere;
}

.knowledge-studio-statement-card.is-active {
  border-color: #8bbbd4;
  border-left-color: #3578b9;
  background: #f7fbfd;
  box-shadow: 0 8px 18px rgba(53, 120, 185, 0.12);
}

.knowledge-studio-statement-card--supported {
  border-left-color: #4d8a63;
  background: linear-gradient(90deg, #eef8f1, #ffffff 72%);
}

.knowledge-studio-statement-card--supported.is-collapsed {
  background: #fbfdfb;
  border-color: #e3ede6;
  border-left-color: #a8c9b4;
  gap: 8px;
  box-shadow: none;
}

.knowledge-studio-statement-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.knowledge-studio-statement-card__head > span:first-child,
.knowledge-studio-statement-linked-sources > span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-statement-card__body {
  display: grid;
  gap: 4px;
}

.knowledge-studio-statement-section-label,
.knowledge-studio-statement-source-combobox > span,
.knowledge-studio-statement-selected-sources > span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
}

.knowledge-studio-statement-card strong,
.knowledge-studio-statement-card p,
.knowledge-studio-statement-linked-sources ul,
.knowledge-studio-statement-selected-sources div {
  margin: 0;
}

.knowledge-studio-statement-card__body strong {
  color: #263a5f;
  font-size: 15px;
}

.knowledge-studio-statement-card__body p,
.knowledge-studio-statement-linked-sources li,
.knowledge-studio-statement-source-empty,
.knowledge-studio-statement-source-chip small {
  color: #5e6f83;
  font-size: 13px;
}

.knowledge-studio-statement-status {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  width: fit-content;
  border-radius: var(--radius-pill);
  background: #f4efe6;
  color: #795c2a;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-statement-status::before {
  background: #c58d42;
  border-radius: var(--radius-pill);
  content: "";
  height: 7px;
  width: 7px;
}

.knowledge-studio-statement-card--supported .knowledge-studio-statement-status {
  background: #e1f4e9;
  color: #22613d;
}

.knowledge-studio-statement-card--supported .knowledge-studio-statement-status::before {
  background: #4d8a63;
}

.knowledge-studio-statement-card.has-publication-issue {
  border-color: #edcfc6;
  border-left-color: #b76e2d;
  background: #fffdfb;
}

.knowledge-studio-evidence-strength {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  border: 1px solid #dbe5df;
  border-radius: var(--radius-pill);
  background: #f8fbf9;
  padding: 7px 9px;
}

.knowledge-studio-evidence-strength span {
  color: #4f6078;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.knowledge-studio-evidence-strength strong {
  color: #263a5f;
  font-size: 15px;
}

.knowledge-studio-evidence-strength strong span {
  color: #b76e2d;
  font-size: 14px;
  text-transform: none;
}

.knowledge-studio-evidence-strength__score {
  color: #4f6078;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-transform: none;
}

.knowledge-studio-evidence-strength__meter {
  flex: 0 0 72px;
  height: 6px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: #e8eeea;
}

.knowledge-studio-evidence-strength__meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #3578b9;
}

.knowledge-studio-evidence-strength--ready .knowledge-studio-evidence-strength__meter span {
  background: #3f8f5b;
}

.knowledge-studio-evidence-strength--needs-improvement .knowledge-studio-evidence-strength__meter span,
.knowledge-studio-evidence-strength--insufficient .knowledge-studio-evidence-strength__meter span {
  background: #b76e2d;
}

.knowledge-studio-evidence-strength__toggle {
  appearance: none;
  border: 0;
  background: transparent;
  color: #2f6f9f;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.knowledge-studio-evidence-strength__toggle:hover,
.knowledge-studio-evidence-strength__toggle:focus-visible {
  color: #1f547c;
  outline: none;
}

.knowledge-studio-publication-issue {
  display: grid;
  gap: 10px;
  border: 1px solid #edcfc6;
  border-radius: 8px;
  background: #fff9f7;
  padding: 12px;
}

.knowledge-studio-publication-issue > div:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.knowledge-studio-publication-issue h4,
.knowledge-studio-publication-issue h5,
.knowledge-studio-publication-issue p {
  margin: 0;
}

.knowledge-studio-publication-issue h4,
.knowledge-studio-publication-issue h5 {
  color: #263a5f;
}

.knowledge-studio-publication-issue p,
.knowledge-studio-publication-issue li,
.knowledge-studio-publication-issue summary {
  color: #4d5f71;
}

.knowledge-studio-publication-issue article {
  display: grid;
  gap: 7px;
  border-radius: 8px;
  padding: 8px;
}

.knowledge-studio-publication-issue article.is-active {
  background: #fff0dc;
  box-shadow: inset 3px 0 0 #b76e2d;
}

.knowledge-studio-publication-issue__completed {
  border-top: 1px solid #f0ded6;
  padding-top: 8px;
}

.knowledge-studio-publication-issue__completed summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-publication-issue ul {
  display: grid;
  gap: 6px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.knowledge-studio-publication-issue li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.knowledge-studio-publication-issue__sources {
  display: grid;
  gap: 6px;
}

.knowledge-studio-publication-issue__sources > span {
  color: #4f6078;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.knowledge-studio-publication-issue__sources strong,
.knowledge-studio-publication-issue__sources small {
  display: block;
}

.knowledge-studio-publication-issue__sources small {
  color: #4d5f71;
}

.knowledge-studio-publication-issue__sources p {
  color: #8a4e25;
  font-size: 12px;
}

.knowledge-studio-publication-issue__sources li.is-qualifying > span {
  color: #3f8f5b;
}

.knowledge-studio-publication-issue__sources li.is-blocking > span {
  color: #b76e2d;
}

.knowledge-studio-statement-card.is-collapsed .knowledge-studio-statement-card__body {
  display: none;
}

.knowledge-studio-statement-collapsed-summary {
  display: grid;
  gap: 8px;
}

.knowledge-studio-statement-collapsed-summary > span {
  color: #22613d;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-statement-collapsed-summary > strong {
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-statement-expand {
  justify-self: start;
  width: auto;
}

.knowledge-studio-statement-linked-sources {
  display: grid;
  gap: 6px;
  border-top: 1px solid #edf2ef;
  padding-top: 12px;
}

.knowledge-studio-statement-linked-sources ul {
  display: grid;
  gap: 4px;
  padding-left: 18px;
}

.knowledge-studio-statement-evidence {
  display: grid;
  gap: 8px;
}

.knowledge-studio-statement-evidence label {
  display: grid;
  gap: 5px;
}

.knowledge-studio-statement-selected-sources {
  display: grid;
  gap: 6px;
}

.knowledge-studio-statement-selected-area {
  display: grid;
  gap: 6px;
}

.knowledge-studio-statement-selected-sources > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.knowledge-studio-statement-source-chip {
  align-items: center;
  background: #eef6f5;
  border: 1px solid #cfe0da;
  border-radius: var(--radius-pill);
  color: #263a5f;
  display: inline-flex;
  gap: 8px;
  max-width: 100%;
  min-height: 34px;
  padding: 5px 7px 5px 11px;
}

.knowledge-studio-statement-source-chip strong {
  font-size: 13px;
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knowledge-studio-statement-source-chip small {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.knowledge-studio-statement-source-details {
  display: grid;
  gap: 8px;
}

.knowledge-studio-statement-source-details article {
  display: grid;
  gap: 6px;
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #fbfdfc;
  padding: 8px;
}

.knowledge-studio-statement-source-details h5 {
  margin: 0;
  color: #263a5f;
  font-size: 13px;
}

.knowledge-studio-statement-source-details dl,
.knowledge-studio-source-metadata {
  display: grid;
  gap: 5px;
  margin: 0;
}

.knowledge-studio-statement-source-details dl > div,
.knowledge-studio-source-metadata > div {
  display: grid;
  grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
  gap: 8px;
}

.knowledge-studio-statement-source-details dt,
.knowledge-studio-statement-source-details dd,
.knowledge-studio-source-metadata dt,
.knowledge-studio-source-metadata dd {
  margin: 0;
  font-size: 12px;
}

.knowledge-studio-statement-source-details dt,
.knowledge-studio-source-metadata dt {
  color: #5f7184;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-statement-source-details dd,
.knowledge-studio-source-metadata dd {
  color: #263a5f;
  overflow-wrap: anywhere;
}

@media (max-width: 720px) {
  .knowledge-studio-statement-source-details dl > div,
  .knowledge-studio-source-metadata > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
}

.knowledge-studio-statement-source-chip button {
  align-items: center;
  appearance: none;
  background: #ffffff;
  border: 1px solid #c3d4cf;
  border-radius: var(--radius-pill);
  color: #52697e;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: var(--font-weight-bold);
  height: 22px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 22px;
}

.knowledge-studio-statement-source-chip button:hover,
.knowledge-studio-statement-source-chip button:focus-visible {
  background: #fff8f1;
  border-color: #c58d42;
  color: #795c2a;
  outline: none;
}

.knowledge-studio-statement-source-combobox {
  position: relative;
}

.knowledge-studio-source-picker {
  position: fixed;
  z-index: 40;
  border: 1px solid #dbe5df;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 18px 38px rgba(39, 53, 72, 0.18), 0 0 0 1px rgba(53, 120, 185, 0.06);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
}

.knowledge-studio-source-picker[hidden] {
  display: none;
}

.knowledge-studio-source-picker__head {
  align-items: center;
  background: #f8fbf9;
  border-bottom: 1px solid #e4ece7;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 12px;
}

.knowledge-studio-source-picker__head div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.knowledge-studio-source-picker__head span,
.knowledge-studio-source-picker__section h4 {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  margin: 0;
}

.knowledge-studio-source-picker__head strong {
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-source-picker__head button {
  align-items: center;
  appearance: none;
  background: #ffffff;
  border: 1px solid #c3d4cf;
  border-radius: var(--radius-pill);
  color: #52697e;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-weight: var(--font-weight-bold);
  height: 28px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 28px;
}

.knowledge-studio-source-picker__head button:hover,
.knowledge-studio-source-picker__head button:focus-visible {
  background: #eef6f5;
  border-color: #3578b9;
  outline: none;
}

.knowledge-studio-source-picker__body {
  display: grid;
  gap: 8px;
  max-height: 340px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
}

.knowledge-studio-source-picker__section {
  display: grid;
  gap: 5px;
}

.knowledge-studio-source-picker__section div {
  display: grid;
  gap: 4px;
}

.knowledge-studio-source-picker__section + .knowledge-studio-source-picker__section {
  border-top: 1px solid #edf2ef;
  padding-top: 8px;
}

.knowledge-studio-source-picker__section button {
  appearance: none;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #263a5f;
  cursor: pointer;
  display: grid;
  gap: 3px;
  font: inherit;
  padding: 10px;
  text-align: left;
}

.knowledge-studio-source-picker__section button:hover,
.knowledge-studio-source-picker__section button:focus-visible {
  background: #eef6f5;
  outline: none;
}

.knowledge-studio-source-picker-result__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.knowledge-studio-source-picker-result__provider {
  color: #52697e;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-source-authority-badge {
  align-self: start;
  width: fit-content;
  border: 1px solid #dbe5df;
  border-radius: var(--radius-pill);
  background: #f8fbf9;
  color: #52697e;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  padding: 2px 7px;
}

.knowledge-studio-source-authority-badge.is-qualifying {
  border-color: #bdd8c8;
  background: #eef8f1;
  color: #22613d;
}

.knowledge-studio-source-authority-control {
  max-width: 320px;
}

.knowledge-studio-source-picker-result__meta span,
.knowledge-studio-source-picker__section p {
  color: #66798c;
  font-size: 13px;
}

.knowledge-studio-source-picker-result__meta span:not(:last-child)::after {
  color: #9aa9b7;
  content: "\00b7";
  margin-left: 5px;
}

.knowledge-studio-source-picker__section p {
  margin: 0;
  padding: 8px 10px;
}

.knowledge-studio-statement-evidence .request-card-action {
  justify-self: center;
  width: auto;
}

.knowledge-studio-statement-checklist-progress {
  gap: 12px;
}

.knowledge-studio-statement-checklist-progress .knowledge-studio-status-group__head p strong {
  color: #263a5f;
  font-size: 18px;
}

.knowledge-studio-statement-progress-meter {
  background: #edf2ef;
  border-radius: var(--radius-pill);
  height: 10px;
  overflow: hidden;
}

.knowledge-studio-statement-progress-meter span {
  background: linear-gradient(90deg, #4d8a63, #3578b9);
  border-radius: inherit;
  display: block;
  height: 100%;
  transition: width 180ms ease;
}

.knowledge-studio-statement-progress-note {
  color: #5e6f83;
  font-size: 13px;
  margin: 0;
}

.knowledge-studio-statement-completion-banner {
  border-color: #b9dac3;
  background: #f0f9f3;
  text-align: center;
}

.knowledge-studio-statement-completion-banner h3 {
  color: #22613d;
}

.knowledge-studio-continue-ready {
  box-shadow: 0 10px 22px rgba(53, 120, 185, 0.22);
  transform: translateY(-1px);
}

.knowledge-studio-statement-blockers {
  display: grid;
  gap: 10px;
}

.knowledge-studio-statement-blockers p {
  margin: 0;
}

.knowledge-studio-statement-blockers div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.knowledge-studio-workflow-section {
  display: grid;
  gap: 18px;
  padding: 24px 0;
  border-top: 1px solid #edf2ef;
}

.knowledge-studio-workflow-section:first-of-type {
  border-top: 0;
  padding-top: 8px;
}

.knowledge-studio-workflow-section__head {
  display: grid;
  gap: 5px;
}

.knowledge-studio-teaching-guidance {
  display: grid;
  gap: 4px;
  max-width: 760px;
  color: #4f6078;
  font-size: 14px;
  line-height: 1.4;
}

.knowledge-studio-teaching-guidance p {
  margin: 0;
}

.knowledge-studio-teaching-guidance strong {
  color: #263a5f;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-workflow-section__head h3,
.knowledge-studio-workflow-section__head p {
  margin: 0;
}

.knowledge-studio-workflow-section__head h3 {
  color: #263a5f;
  font-size: 24px;
}

.knowledge-studio-workflow-section__head > p:last-child,
.knowledge-studio-overview-intro p {
  color: #4f6078;
  font-size: 15px;
  line-height: 1.45;
}

.knowledge-studio-overview-intro,
.knowledge-studio-overview-grid article {
  border: 1px solid #e2e9e4;
  border-radius: 16px;
  background: #fbfcfb;
  padding: 16px;
}

.knowledge-studio-overview-intro p {
  margin: 0;
}

.knowledge-studio-overview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.knowledge-studio-overview-grid article {
  display: grid;
  gap: 6px;
}

.knowledge-studio-overview-grid span,
.knowledge-studio-workflow-rail span,
.knowledge-studio-source-summary--aggregate span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-overview-grid strong {
  color: #263a5f;
  font-size: 16px;
  overflow-wrap: anywhere;
}

.knowledge-studio-workflow-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.knowledge-studio-status-group {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding-top: 4px;
}

.knowledge-studio-status-group + .knowledge-studio-status-group {
  border-top: 1px solid #e5ece8;
  margin-top: 2px;
  padding-top: 16px;
}

.knowledge-studio-status-group__head {
  display: grid;
  gap: 3px;
}

.knowledge-studio-status-group__head h3,
.knowledge-studio-status-group__head p {
  margin: 0;
}

.knowledge-studio-status-group__head h3 {
  color: #263a5f;
  font-size: 15px;
}

.knowledge-studio-status-group__head p,
.knowledge-studio-workflow-rail small,
.knowledge-studio-source-summary--aggregate small {
  color: #66798c;
  font-size: 12px;
  line-height: 1.35;
}

.knowledge-studio-workflow-rail button {
  display: grid;
  gap: 4px;
  border: 1px solid #dfe9e6;
  border-radius: 14px;
  background: #ffffff;
  color: #263a5f;
  padding: 10px 12px;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-workflow-rail button:hover,
.knowledge-studio-workflow-rail button:focus-visible {
  border-color: #b8cdc5;
  box-shadow: 0 10px 20px rgba(39, 53, 72, 0.07);
}

.knowledge-studio-workflow-rail strong {
  color: #263a5f;
  font-size: 16px;
}

.knowledge-studio-max-guidance__notes {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  color: #4f6078;
}

.knowledge-studio-max-guidance {
  display: grid;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d4e3f4;
  border-radius: 14px;
  background: linear-gradient(135deg, #f1f6fb 0%, #fbfcfb 100%);
  padding: 16px;
}

.knowledge-studio-max-guidance__brand {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 6px;
  min-width: 92px;
}

.knowledge-studio-max-guidance__brand img {
  width: 82px;
  height: auto;
}

.knowledge-studio-max-guidance__brand span {
  color: #2f7fa8;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.knowledge-studio-publication-center {
  display: grid;
  gap: 16px;
}
.knowledge-studio-publication-checks,
.knowledge-studio-publication-actions,
.knowledge-studio-publication-ready,
.knowledge-studio-publication-task-list {
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.045);
}
.knowledge-studio-publication-checks {
  display: grid;
  gap: 14px;
  background: #f8fbf9;
}
.knowledge-studio-publication-checks h3,
.knowledge-studio-publication-actions h3,
.knowledge-studio-publication-ready h3,
.knowledge-studio-publication-task-list h3,
.knowledge-studio-publication-task h4 {
  margin: 0;
  color: #263a5f;
}
.knowledge-studio-publication-checks p,
.knowledge-studio-publication-actions p,
.knowledge-studio-publication-ready p {
  margin: 4px 0 0;
  color: #54677b;
}
.knowledge-studio-publication-check-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}
.knowledge-studio-publication-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 1px solid #dfe8e2;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px;
}
.knowledge-studio-publication-check span {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #e1f4e9;
  color: #22613d;
  font-weight: var(--font-weight-bold);
}
.knowledge-studio-publication-check.is-blocked span,
.knowledge-studio-publication-check.is-warning span {
  background: #fff0dc;
  color: #8a4b15;
}
.knowledge-studio-publication-check .request-card-action {
  grid-column: 2;
  justify-self: start;
  margin-top: 4px;
}
.knowledge-studio-publication-actions ul {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.knowledge-studio-publication-actions li {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e2e9e4;
  border-radius: 8px;
  padding: 10px 12px;
}
.knowledge-studio-publication-task-list {
  display: grid;
  gap: 12px;
}
.knowledge-studio-publication-task {
  display: grid;
  gap: 12px;
  border: 1px solid #eadfc5;
  border-radius: 8px;
  background: #fffdf7;
  padding: 14px;
}
.knowledge-studio-publication-task--blocker {
  border-color: #edcfc6;
  background: #fff9f7;
}
.knowledge-studio-publication-task span {
  color: #6c5a45;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}
.knowledge-studio-publication-task dl {
  display: grid;
  gap: 8px;
  margin: 0;
}
.knowledge-studio-publication-task dt {
  color: #263a5f;
  font-weight: var(--font-weight-semibold);
}
.knowledge-studio-publication-task dd {
  margin: -4px 0 0;
  color: #4d5f71;
}
.knowledge-studio-publication-task__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
}

.knowledge-studio-publication-task__actions strong {
  color: #263a5f;
  font-size: 13px;
}
.knowledge-studio-publication-ready {
  border-color: #bdd8c8;
  background: #f1fbf5;
}
.knowledge-studio-submit-state {
  display: grid;
  justify-items: center;
  gap: 8px;
  max-width: 560px;
  border: 1px solid #dbe5df;
  border-radius: 8px;
  background: #ffffff;
  padding: 16px;
  text-align: center;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.045);
}
.knowledge-studio-submit-state h3 {
  margin: 0;
  color: #263a5f;
}
.knowledge-studio-submit-state p {
  margin: 0;
  color: #54677b;
}
.knowledge-studio-submit-state .knowledge-studio-inline-actions {
  justify-content: center;
}
.knowledge-studio-submit-state--submitted {
  border-color: #bdd8c8;
  background: #f1fbf5;
}
.knowledge-studio-submit-state--conflict,
.knowledge-studio-submit-state--error {
  border-color: #edcfc6;
  background: #fff9f7;
}
.knowledge-studio-publish-action:disabled {
  background: #e8eeea;
  color: #7a8a99;
  cursor: not-allowed;
  box-shadow: none;
}

.knowledge-studio-max-guidance__copy {
  display: grid;
  gap: 9px;
  max-width: 780px;
}

.knowledge-studio-max-guidance h3,
.knowledge-studio-max-guidance h4,
.knowledge-studio-max-guidance p,
.knowledge-studio-max-guidance ol {
  margin: 0;
}

.knowledge-studio-max-guidance h4 {
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-max-guidance ol {
  display: grid;
  gap: 6px;
  padding-left: 20px;
  color: #4f6078;
}

.knowledge-studio-guidance-kicker {
  color: #2f7fa8;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.knowledge-studio-max-guidance__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.knowledge-studio-max-guidance__work {
  display: grid;
  gap: 8px;
  margin-top: 2px;
}

.knowledge-studio-max-guidance__action-list {
  display: grid;
  gap: 8px;
  margin: 2px 0 0;
  padding-left: 24px;
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-max-guidance__action-list li::marker {
  color: #2f7fa8;
}

.knowledge-studio-max-guidance__numbered-action {
  width: 100%;
  border: 1px solid #cfe0ee;
  border-radius: 10px;
  background: #ffffff;
  color: #263a5f;
  padding: 10px 12px;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-max-guidance__numbered-action:hover,
.knowledge-studio-max-guidance__numbered-action:focus-visible {
  border-color: #2f7fa8;
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.16);
  outline: none;
}

.knowledge-studio-max-guidance__row-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  border: 1px solid #cfe0ee;
  border-radius: 10px;
  background: #ffffff;
  color: #263a5f;
  padding: 10px 12px;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-max-guidance__row-action:hover,
.knowledge-studio-max-guidance__row-action:focus-visible {
  border-color: #2f7fa8;
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.16);
  outline: none;
}

.knowledge-studio-max-guidance__row-action strong {
  color: #2f7fa8;
}

.knowledge-studio-inline-link {
  border: 0;
  background: none;
  color: #2f7fa8;
  padding: 0;
  font: inherit;
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
  cursor: pointer;
}

.knowledge-studio-inline-link:hover,
.knowledge-studio-inline-link:focus-visible {
  color: #263a5f;
  outline: 2px solid rgba(47, 127, 168, 0.4);
  outline-offset: 2px;
}

.knowledge-studio-permission-note {
  display: grid;
  gap: 5px;
  max-width: 780px;
  border: 1px solid #e2d2b5;
  border-radius: 12px;
  background: #f4efe6;
  color: #795c2a;
  padding: 11px 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-source-card--targeted {
  border-color: #2f7fa8;
  box-shadow: 0 0 0 4px rgba(47, 127, 168, 0.16), 0 14px 28px rgba(39, 53, 72, 0.08);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.knowledge-studio-permission-note p {
  margin: 0;
}

.knowledge-studio-source-summary p {
  grid-column: 1 / -1;
  margin: 0;
  color: #5e6f83;
  font-size: 13px;
}

.knowledge-studio-source-card h3 {
  margin: 0;
  color: #263a5f;
  font-size: 17px;
}

.knowledge-studio-source-card dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.knowledge-studio-source-card div {
  display: grid;
  gap: 3px;
}

.knowledge-studio-source-card dt {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-source-card dd {
  margin: 0;
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-status-panel {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
}

.knowledge-studio-status-panel span {
  color: #795c2a;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.08em;
}

.knowledge-studio-status-panel strong {
  color: #263a5f;
  font-size: 19px;
}

.knowledge-studio-status-panel em,
.knowledge-studio-review-card em {
  justify-self: start;
  border-radius: var(--radius-pill);
  background: #f4efe6;
  color: #795c2a;
  padding: 4px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-review-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.knowledge-studio-review-card {
  min-height: 118px;
}

.knowledge-studio-release-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.knowledge-studio-count-card {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.knowledge-studio-count-card span {
  color: #66798c;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-count-card strong {
  color: #263a5f;
  font-size: 34px;
  line-height: 1;
}

.knowledge-studio-placeholder {
  display: grid;
  gap: 8px;
  padding: 24px;
  background: #fbfcfb;
}

.knowledge-studio-release-message {
  border: 1px solid #e2e9e4;
  border-radius: 14px;
  background: #fbfcfb;
  padding: 14px 16px;
  color: #263a5f;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-dialog {
  width: min(540px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  border: 0;
  border-radius: 18px;
  padding: 0;
  background: transparent;
  overflow: auto;
  z-index: 1000;
}

.knowledge-studio-dialog[open] {
  position: fixed;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.knowledge-studio-dialog::backdrop {
  background: rgba(28, 39, 54, 0.32);
}

.knowledge-studio-dialog-card {
  display: grid;
  gap: 18px;
  padding: 22px;
}

.knowledge-studio-dialog-actions {
  display: flex;
  justify-content: end;
  gap: 10px;
}

.knowledge-studio-dialog--wide {
  width: min(920px, calc(100vw - 32px));
}

.knowledge-studio-document-card {
  gap: 9px;
}

.knowledge-studio-document-status {
  color: #22613d;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-document-evidence-status {
  border-left: 3px solid #4f9d6b;
  display: grid;
  gap: 5px;
  margin: 2px 0;
  padding: 8px 0 8px 12px;
}

.knowledge-studio-document-evidence-status p {
  margin: 0;
}

.knowledge-studio-document-evidence-status p:first-child {
  color: #22613d;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-document-evidence-status__summary {
  display: grid;
  gap: 4px;
}

.knowledge-studio-document-evidence-status__summary strong {
  color: #172942;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-document-evidence-status__summary q {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #263a5f;
  display: -webkit-box;
  font-weight: var(--font-weight-regular);
  line-clamp: 3;
  line-height: 1.4;
  overflow: hidden;
}

.knowledge-studio-document-evidence-list {
  border: 1px solid #dbe5df;
  border-radius: 12px;
  display: grid;
  gap: 7px;
  padding: 10px 12px;
}

.knowledge-studio-document-evidence-list p {
  margin: 0;
}

.knowledge-studio-workflow-rail__button--updated {
  animation: knowledgeStudioProgressUpdated 2200ms ease-out;
}

.knowledge-studio-document-advanced {
  margin-top: 4px;
}

.knowledge-studio-document-advanced summary {
  color: #4f6078;
  cursor: pointer;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-document-advanced dl,
.knowledge-studio-document-context {
  display: grid;
  gap: 8px;
  margin: 8px 0 0;
}

.knowledge-studio-document-advanced div,
.knowledge-studio-document-context div {
  display: grid;
  gap: 3px;
}

.knowledge-studio-document-advanced dt,
.knowledge-studio-document-context span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-document-advanced dd {
  color: #263a5f;
  margin: 0;
  overflow-wrap: anywhere;
}

.knowledge-studio-file-preview-frame {
  width: 100%;
  min-height: 68vh;
  border: 1px solid #dbe5df;
  border-radius: 12px;
  background: #fbfcfb;
}

.knowledge-studio-file-preview-image {
  display: block;
  width: 100%;
  max-height: 68vh;
  object-fit: contain;
  border: 1px solid #dbe5df;
  border-radius: 12px;
  background: #fbfcfb;
}

@keyframes knowledgeStudioProgressUpdated {
  0% {
    background: #f1fbf5;
    box-shadow: 0 0 0 3px rgba(79, 157, 107, 0.18);
  }

  100% {
    background: #fbfcfb;
    box-shadow: none;
  }
}

.knowledge-studio-filter-row,
.knowledge-studio-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.knowledge-studio-filter-row button,
.knowledge-studio-inline-actions button,
.knowledge-studio-remove {
  border: 1px solid #dbe5df;
  border-radius: var(--radius-pill);
  background: #ffffff;
  color: #486174;
  padding: 7px 11px;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.knowledge-studio-filter-row button.is-active {
  background: #edf6ef;
  color: #385d4f;
  border-color: #b8cdc5;
}

.knowledge-studio-validation-card,
.knowledge-studio-issue-card,
.knowledge-studio-duplicate-card,
.knowledge-studio-source-summary,
.knowledge-studio-record-metadata,
.knowledge-studio-claim-row,
.knowledge-studio-claim-card,
.knowledge-studio-review-group,
.knowledge-studio-source-group {
  border: 1px solid #e2e9e4;
  border-radius: 16px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.045);
}

.knowledge-studio-validation-card h3,
.knowledge-studio-issue-card h3,
.knowledge-studio-duplicate-card h3,
.knowledge-studio-form-section h3,
.knowledge-studio-review-group h3,
.knowledge-studio-source-group h3,
.knowledge-studio-readiness-summary h3 {
  margin: 0;
  color: #263a5f;
  font-size: 16px;
}

.knowledge-studio-checklist,
.knowledge-studio-issue-card ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

.knowledge-studio-checklist li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  color: #54677b;
  font-size: 14px;
  line-height: 1.4;
}

.knowledge-studio-checklist li span {
  color: #8a9a90;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-checklist li.is-complete {
  color: #315d3b;
}

.knowledge-studio-checklist li.is-complete span {
  color: #4f7d58;
}

.knowledge-studio-issue-card {
  background: #fffdf7;
  border-color: #eadfc5;
}

.knowledge-studio-issue-card--blocker {
  background: #fff9f7;
  border-color: #edcfc6;
}

.knowledge-studio-issue-card li {
  color: #4d5f71;
  font-size: 14px;
  line-height: 1.45;
}

.knowledge-studio-issue-card--blocker li {
  color: #843e31;
}

.knowledge-studio-duplicate-card {
  display: grid;
  gap: 9px;
  background: #fbfcfb;
}

.knowledge-studio-duplicate-card strong,
.knowledge-studio-duplicate-card p,
.knowledge-studio-source-summary strong,
.knowledge-studio-source-summary span,
.knowledge-studio-empty-note,
.knowledge-studio-source-incomplete span,
.knowledge-studio-source-complete,
.knowledge-studio-success-note {
  margin: 0;
  color: #4f6078;
  font-size: 14px;
  line-height: 1.4;
}

.knowledge-studio-alias-list {
  display: grid;
  gap: 10px;
}

.knowledge-studio-alias-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px auto;
  gap: 8px;
  align-items: center;
}

.knowledge-studio-alias-row input,
.knowledge-studio-alias-row select {
  min-width: 0;
  border: 1px solid #dbe5df;
  border-radius: 12px;
  background: #fbfcfb;
  color: #263a5f;
  font: inherit;
  padding: 10px 11px;
}

.knowledge-studio-source-summary {
  display: grid;
  gap: 4px;
  background: #fbfcfb;
}

.knowledge-studio-source-summary--aggregate {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 12px;
}

.knowledge-studio-source-summary--aggregate div,
.knowledge-studio-metadata-grid article {
  display: grid;
  gap: 3px;
  border-radius: 12px;
  background: #f6f8f7;
  padding: 10px 12px;
}

.knowledge-studio-source-summary--aggregate b,
.knowledge-studio-metadata-grid strong {
  color: #263a5f;
  font-size: 18px;
}

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

.knowledge-studio-source-incomplete {
  display: grid;
  gap: 3px;
  border-radius: 12px;
  background: #fffdf7;
  padding: 10px 12px;
}

.knowledge-studio-source-incomplete strong {
  color: #795c2a;
  font-size: 13px;
}

.knowledge-studio-source-complete {
  border-radius: 12px;
  background: #edf6ef;
  color: #315d3b;
  padding: 10px 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-claim-list,
.knowledge-studio-review-groups {
  display: grid;
  gap: 14px;
}

.knowledge-studio-claim-list--compact {
  gap: 8px;
}

.knowledge-studio-claim-row {
  background: #fbfcfb;
}

.knowledge-studio-claim-row summary {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}

.knowledge-studio-claim-row summary strong {
  color: #263a5f;
  font-size: 14px;
  line-height: 1.4;
}

.knowledge-studio-claim-row summary em {
  border-radius: var(--radius-pill);
  background: #f4efe6;
  color: #795c2a;
  padding: 4px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-provenance-details summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  cursor: pointer;
}

.knowledge-studio-record-details {
  border-top: 1px solid #edf2ef;
}

.knowledge-studio-record-details summary {
  display: grid;
  gap: 5px;
  padding: 24px 0;
  cursor: pointer;
}

.knowledge-studio-record-details summary strong,
.knowledge-studio-record-details summary p {
  margin: 0;
}

.knowledge-studio-record-details summary strong {
  color: #263a5f;
  font-size: 24px;
}

.knowledge-studio-record-details summary p {
  color: #4f6078;
  font-size: 15px;
  line-height: 1.45;
}

.knowledge-studio-record-details__body {
  display: grid;
  gap: 18px;
  padding-bottom: 24px;
}

.knowledge-studio-claim-card {
  display: grid;
  gap: 10px;
  background: #fbfcfb;
}

.knowledge-studio-claim-card > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.knowledge-studio-claim-card strong {
  color: #263a5f;
  font-size: 14px;
  line-height: 1.45;
}

.knowledge-studio-claim-card span {
  border-radius: var(--radius-pill);
  background: #f4efe6;
  color: #795c2a;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-claim-sources {
  display: grid;
  gap: 8px;
}

.knowledge-studio-claim-sources label {
  color: #4f6078;
  font-size: 13px;
}

.knowledge-studio-readiness-summary {
  display: grid;
  gap: 5px;
  border-top: 1px solid #e8eeea;
  padding-top: 10px;
}

.knowledge-studio-readiness-summary p {
  margin: 0;
  color: #54677b;
  font-size: 13px;
}

.knowledge-studio-success-note {
  border-radius: 12px;
  background: #edf6ef;
  color: #315d3b;
  padding: 10px 12px;
}

.knowledge-studio-review-group,
.knowledge-studio-source-group {
  display: grid;
  gap: 12px;
}

.knowledge-studio-source-group .knowledge-studio-source-card {
  width: 100%;
  text-align: left;
  color: #263a5f;
  font: inherit;
  cursor: pointer;
}

.knowledge-studio-review-card small,
.knowledge-studio-source-card small {
  color: #5e6f83;
  font-size: 13px;
  line-height: 1.4;
}

.knowledge-studio-reviewer-card,
.knowledge-studio-review-notice,
.knowledge-studio-assignment-alert,
.knowledge-studio-conflict-panel,
.knowledge-studio-presence-notice,
.knowledge-studio-lock-panel,
.knowledge-studio-audit-card,
.knowledge-studio-review-card-panel,
.knowledge-studio-review-overview,
.knowledge-studio-comparison,
.knowledge-studio-reviewer-checklist,
.knowledge-studio-decision-panel,
.knowledge-studio-comment-editor,
.knowledge-studio-rounds,
.knowledge-studio-history {
  display: grid;
  gap: 12px;
  border: 1px solid #e2e9e4;
  border-radius: 16px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.045);
}

.knowledge-studio-reviewer-card {
  grid-template-columns: minmax(0, 260px) minmax(0, 260px) minmax(0, 1fr);
  align-items: end;
}

.knowledge-studio-reviewer-card p,
.knowledge-studio-review-notice p,
.knowledge-studio-assignment-alert p,
.knowledge-studio-conflict-panel p,
.knowledge-studio-presence-notice p,
.knowledge-studio-lock-panel p,
.knowledge-studio-decision-panel p,
.knowledge-studio-comparison p,
.knowledge-studio-history p,
.knowledge-studio-rounds p,
.knowledge-studio-review-card-panel p {
  margin: 0;
  color: #4f6078;
  font-size: 14px;
  line-height: 1.45;
}

.knowledge-studio-conflict-panel {
  border-color: #edcfc6;
  background: #fff9f7;
}

.knowledge-studio-assignment-alert {
  gap: 14px;
  border-color: #edcfc6;
  background: #fff9f7;
  box-shadow: 0 12px 28px rgba(132, 62, 49, 0.09);
}

.knowledge-studio-assignment-alert h3 {
  color: #843e31;
}

.knowledge-studio-assignment-alert-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.knowledge-studio-assignment-alert-grid article,
.knowledge-studio-assignment-next-step {
  display: grid;
  gap: 5px;
  border: 1px solid #edcfc6;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
}

.knowledge-studio-assignment-alert-grid span {
  color: #9b584b;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-assignment-alert-grid strong {
  min-width: 0;
  color: #263a5f;
  font-size: 15px;
  line-height: 1.35;
}

.knowledge-studio-assignment-alert-primary {
  color: #843e31 !important;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-assignment-next-step h4 {
  margin: 0;
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-assignment-next-step ol,
.knowledge-studio-assignment-reviewer-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 20px;
  color: #4f6078;
  font-size: 14px;
  line-height: 1.45;
}

.knowledge-studio-assignment-reviewer-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(140px, auto) minmax(130px, auto);
  gap: 8px;
  align-items: center;
}

.knowledge-studio-assignment-reviewer-list strong,
.knowledge-studio-assignment-reviewer-list span,
.knowledge-studio-assignment-reviewer-list em {
  min-width: 0;
  font-style: normal;
}

.knowledge-studio-assignment-check-detail {
  display: grid;
  gap: 3px;
  margin-top: 3px;
  min-width: 0;
}

.knowledge-studio-assignment-check-detail strong {
  color: #843e31;
  font-size: 13px;
  line-height: 1.35;
}

.knowledge-studio-assignment-check-detail span,
.knowledge-studio-approval-disabled-reason {
  color: #795c2a;
  font-size: 13px;
  line-height: 1.4;
}

.knowledge-studio-approval-disabled-reason {
  border-left: 3px solid #d7b46a;
  margin: -2px 0 0;
  padding-left: 10px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-conflict-panel ul,
.knowledge-studio-audit-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.knowledge-studio-conflict-panel li {
  display: grid;
  gap: 4px;
  color: #4f6078;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.knowledge-studio-presence-notice {
  border-color: #c9ddea;
  background: #f7fbfd;
}

.knowledge-studio-lock-panel {
  background: #fbfcfb;
}

.knowledge-studio-lock-panel input,
.knowledge-studio-filter-row input {
  min-width: min(220px, 100%);
  border: 1px solid #dbe5df;
  border-radius: var(--radius-pill);
  background: #ffffff;
  color: #263a5f;
  padding: 7px 11px;
  font: inherit;
  font-size: 13px;
}

.knowledge-studio-audit-list {
  margin-top: 14px;
}

.knowledge-studio-audit-card {
  gap: 7px;
}

.knowledge-studio-audit-card strong {
  color: #263a5f;
}

.knowledge-studio-audit-card span,
.knowledge-studio-audit-card small {
  color: #5e6f83;
  font-size: 13px;
  line-height: 1.4;
}

.knowledge-studio-review-workspace {
  display: grid;
  grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.knowledge-studio-review-section-nav {
  position: sticky;
  top: 0;
  display: grid;
  gap: 8px;
}

.knowledge-studio-review-section-nav h3,
.knowledge-studio-review-card-panel h3,
.knowledge-studio-review-overview h3,
.knowledge-studio-comparison h3,
.knowledge-studio-comment-editor h3,
.knowledge-studio-reviewer-checklist h3,
.knowledge-studio-decision-panel h3,
.knowledge-studio-rounds h3,
.knowledge-studio-history h3 {
  margin: 0;
  color: #263a5f;
  font-size: 16px;
}

.knowledge-studio-review-section-nav button {
  display: grid;
  gap: 3px;
  border: 1px solid #e0e8e2;
  border-radius: 12px;
  background: #fbfcfb;
  color: #263a5f;
  padding: 10px 12px;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-review-section-nav button.is-active {
  background: #edf6ef;
  border-color: #b8cdc5;
}

.knowledge-studio-review-section-nav button span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-regular);
}

.knowledge-studio-review-detail {
  display: grid;
  gap: 16px;
}

.knowledge-studio-review-facts,
.knowledge-studio-comparison-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.knowledge-studio-review-facts article,
.knowledge-studio-comparison-grid article,
.knowledge-studio-before-after,
.knowledge-studio-rounds article,
.knowledge-studio-history article {
  display: grid;
  gap: 6px;
  border: 1px solid #edf2ef;
  border-radius: 12px;
  background: #fbfcfb;
  padding: 12px;
}

.knowledge-studio-review-facts span,
.knowledge-studio-before-after span,
.knowledge-studio-rounds span,
.knowledge-studio-history span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-review-facts strong,
.knowledge-studio-before-after strong,
.knowledge-studio-comparison strong,
.knowledge-studio-rounds strong,
.knowledge-studio-history strong {
  color: #263a5f;
  font-size: 14px;
  line-height: 1.35;
}

.knowledge-studio-inline-comments {
  display: grid;
  gap: 8px;
  border-left: 3px solid #dbe5df;
  padding-left: 10px;
}

.knowledge-studio-inline-comments > span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-comment-card {
  display: grid;
  gap: 8px;
  border: 1px solid #e2e9e4;
  border-radius: 12px;
  background: #fbfcfb;
  padding: 11px;
}

.knowledge-studio-comment-card--prominent {
  background: #fff9f7;
  border-color: #edcfc6;
}

.knowledge-studio-comment-card div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.knowledge-studio-comment-card strong {
  color: #263a5f;
  font-size: 13px;
}

.knowledge-studio-comment-card span {
  border-radius: var(--radius-pill);
  background: #edf4f0;
  color: #3f6759;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-comment-card p,
.knowledge-studio-comment-card small {
  margin: 0;
  color: #4f6078;
  font-size: 13px;
  line-height: 1.45;
}

.knowledge-studio-comment-card .knowledge-studio-comment-action-error {
  color: #9d3528;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-decision-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.knowledge-studio-decision-actions button[disabled],
.knowledge-studio-status-panel button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.knowledge-studio-decision-panel .knowledge-studio-remove {
  border-color: #eadfc5;
  background: #fffdf7;
  color: #795c2a;
}

.knowledge-studio-comparison h4 {
  margin: 6px 0 0;
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-release-list,
.knowledge-studio-release-group,
.knowledge-studio-package-list {
  display: grid;
  gap: 14px;
}

.knowledge-studio-release-group > *,
.knowledge-studio-release-card > *,
.knowledge-studio-release-card > div:first-child > * {
  min-width: 0;
  max-width: 100%;
}

.knowledge-studio-validation-checks,
.knowledge-studio-validation-controls {
  display: grid;
  gap: 12px;
}

.knowledge-studio-validation-check-group {
  display: grid;
  gap: 12px;
}

.knowledge-studio-validation-next-action {
  width: 100%;
}

.knowledge-studio-validation-progress {
  display: grid;
  gap: 8px;
  width: min(100%, 620px);
}

.knowledge-studio-validation-progress > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.knowledge-studio-validation-progress progress {
  width: 100%;
  height: 12px;
  accent-color: #16857b;
}

.knowledge-studio-validation-progress__counts {
  width: min(100%, 620px);
}

.knowledge-studio-validation-check.is-needs-attention {
  border-left: 4px solid #b45309;
}

.knowledge-studio-validation-check-group--completed > summary {
  cursor: pointer;
  font-weight: 700;
  margin-bottom: 12px;
}

@media (max-width: 520px) {
  .knowledge-studio-validation-progress > div {
    align-items: center;
    flex-direction: column;
  }

  .knowledge-studio-validation-progress__counts {
    grid-template-columns: 1fr;
  }
}

.knowledge-studio-provenance-linker {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.knowledge-studio-provenance-linker .request-card-action {
  justify-self: start;
}

.knowledge-studio-release-card,
.knowledge-studio-package-panel,
.knowledge-studio-package-boundary,
.knowledge-studio-validation-check {
  display: grid;
  gap: 12px;
  border: 1px solid #e2e9e4;
  border-radius: 16px;
  background: #ffffff;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(39, 53, 72, 0.045);
  overflow-wrap: anywhere;
}

.knowledge-studio-release-card > div:first-child {
  display: grid;
  gap: 3px;
}

.knowledge-studio-card-status {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--radius-pill);
  background: #edf4f0;
  color: #3f6759;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-card-status--waiting {
  background: #eef5f7;
  color: #31566a;
}

.knowledge-studio-card-status--blocked {
  background: #fff0eb;
  color: #843e31;
}

.knowledge-studio-card-status--complete {
  background: #edf6ef;
  color: #315d3b;
}

.knowledge-studio-release-workflow-summary,
.knowledge-studio-release-progress,
.knowledge-studio-release-owner,
.knowledge-studio-release-next-action {
  display: grid;
  gap: 8px;
  border: 1px solid #edf2ef;
  border-radius: 12px;
  background: #fbfcfb;
  padding: 12px;
}

.knowledge-studio-release-workflow-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.knowledge-studio-release-progress {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.knowledge-studio-release-workflow-summary h4,
.knowledge-studio-release-progress h4,
.knowledge-studio-release-owner h4,
.knowledge-studio-release-next-action h4 {
  grid-column: 1 / -1;
  margin: 0;
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-release-workflow-summary article {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.knowledge-studio-release-progress__step {
  display: grid;
  gap: 3px;
  align-content: start;
  min-width: 0;
}

.knowledge-studio-release-progress__step > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-pill);
  background: #eef5f7;
  color: #31566a;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.knowledge-studio-release-progress__step.is-completed > span {
  background: #edf6ef;
  color: #315d3b;
}

.knowledge-studio-release-progress__step.is-current > span {
  background: #f4efe6;
  color: #795c2a;
}

.knowledge-studio-release-workflow-summary article span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-release-workflow-summary article strong,
.knowledge-studio-release-progress__step strong,
.knowledge-studio-release-owner strong,
.knowledge-studio-release-next-action strong {
  color: #263a5f;
  font-size: 14px;
  line-height: 1.35;
}

.knowledge-studio-release-progress__step small {
  color: #66798c;
  font-size: 12px;
  line-height: 1.3;
}

.knowledge-studio-release-technical {
  border-top: 1px solid #edf2ef;
  padding-top: 10px;
}

.knowledge-studio-release-technical summary {
  color: #66798c;
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-release-technical div {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

.knowledge-studio-release-explanation {
  border-left: 3px solid #b8cdc5;
  padding-left: 10px;
}

.knowledge-studio-decision-panel--success,
.knowledge-studio-next-workflow-stage {
  border-color: #c9dfcf;
  background: #f7fbf8;
}

.knowledge-studio-next-workflow-stage {
  display: grid;
  gap: 5px;
  border: 1px solid #c9dfcf;
  border-radius: 12px;
  padding: 12px;
}

.knowledge-studio-next-workflow-stage h4 {
  margin: 0;
  color: #315d3b;
  font-size: 14px;
}

.knowledge-studio-release-card strong,
.knowledge-studio-package-panel strong,
.knowledge-studio-package-boundary strong,
.knowledge-studio-validation-check strong {
  color: #263a5f;
}

.knowledge-studio-release-card span,
.knowledge-studio-release-card small,
.knowledge-studio-release-card p,
.knowledge-studio-package-workflow-header p,
.knowledge-studio-package-panel p,
.knowledge-studio-package-list span,
.knowledge-studio-validation-check span {
  margin: 0;
  color: #4f6078;
  font-size: 13px;
  line-height: 1.45;
}

.knowledge-studio-package-workflow-header {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  gap: 14px;
  border: 1px solid #dbe5df;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  padding: 16px;
  box-shadow: 0 14px 30px rgba(39, 53, 72, 0.08);
  backdrop-filter: blur(10px);
}

.knowledge-studio-package-workflow-header h2 {
  margin: 0;
  color: #263a5f;
  font-size: 22px;
}

.knowledge-studio-package-workflow-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.knowledge-studio-package-facts--overview {
  margin-bottom: 12px;
}

.knowledge-studio-package-workflow-facts article {
  display: grid;
  gap: 4px;
  border: 1px solid #edf2ef;
  border-radius: 12px;
  background: #fbfcfb;
  padding: 10px 12px;
}

.knowledge-studio-package-workflow-facts span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-package-workflow-facts strong {
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-workflow-action-card {
  display: grid;
  justify-items: center;
  gap: 10px;
  border: 1px solid #c9dfcf;
  border-radius: 14px;
  background: #f7fbf8;
  padding: 16px;
  text-align: center;
}

.knowledge-studio-workflow-action-card > strong {
  color: #183f48;
  font-size: 20px;
  line-height: 1.25;
}

.knowledge-studio-workflow-action-card > p:not(.type-caption) {
  max-width: 58ch;
  color: #36566a;
  font-size: 14px;
}

.knowledge-studio-workflow-action-card .primary-action--standard {
  min-width: min(100%, 260px);
}

.knowledge-studio-workflow-action-card.is-disabled {
  border-color: #ead0c7;
  background: #fff8f5;
}

.knowledge-studio-workflow-action-card.is-informational {
  border-color: #cbd8e6;
  background: #f6f9fc;
}

.knowledge-studio-workflow-action-card__reason {
  display: grid;
  justify-items: center;
  gap: 8px;
  max-width: 58ch;
  color: #6b3a2d;
}

.knowledge-studio-workflow-action-card__reason p,
.knowledge-studio-workflow-action-card__owner,
.knowledge-studio-workflow-action-card__after {
  margin: 0;
}

.knowledge-studio-workflow-action-card__owner span,
.knowledge-studio-workflow-action-card__after span {
  display: block;
  color: #7d5a4e;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
}

.knowledge-studio-workflow-action-card__requirements {
  display: grid;
  gap: 6px;
  width: 100%;
  border: 1px solid #f0d7cf;
  border-radius: 8px;
  background: #fffdfb;
  padding: 10px 12px;
  text-align: left;
}

.knowledge-studio-workflow-action-card__disabled-helper {
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-workflow-action-card__requirements ul {
  margin: 0;
  padding-left: 20px;
}

.knowledge-studio-workflow-action-card__requirements li {
  color: #6b3a2d;
  font-size: 13px;
  line-height: 1.45;
}

.knowledge-studio-package-workspace {
  display: grid;
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

.knowledge-studio-release-group h3,
.knowledge-studio-package-panel h3 {
  margin: 0;
  color: #263a5f;
  font-size: 16px;
}

.knowledge-studio-package-panel h4 {
  margin: 6px 0 0;
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-package-accordion-group {
  display: grid;
  gap: 0;
  border: 1px solid #e0e8e2;
  border-radius: 14px;
  background: #ffffff;
  overflow: hidden;
}

.knowledge-studio-package-accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #e0e8e2;
  border-width: 0 0 1px;
  border-radius: 0;
  background: #fbfcfb;
  color: #263a5f;
  min-height: 48px;
  padding: 12px 14px;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
}

.knowledge-studio-package-accordion-button::after {
  content: "▶";
  color: #66798c;
}

.knowledge-studio-package-accordion-button[aria-expanded="true"] {
  background: #edf6ef;
}

.knowledge-studio-package-accordion-button[aria-expanded="true"]::after {
  content: "▼";
}

.knowledge-studio-package-accordion-panel {
  display: grid;
  gap: 14px;
  padding: 14px;
}

.knowledge-studio-package-accordion-subsection {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.knowledge-studio-package-accordion-subsection > h4 {
  margin: 0;
  color: #263a5f;
  font-size: 14px;
}

.knowledge-studio-package-boundary {
  background: #fffdf7;
  border-color: #eadfc5;
}

.knowledge-studio-package-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.knowledge-studio-package-facts article,
.knowledge-studio-package-list article {
  display: grid;
  gap: 6px;
  border: 1px solid #edf2ef;
  border-radius: 12px;
  background: #fbfcfb;
  padding: 12px;
}

.knowledge-studio-package-facts span {
  color: #66798c;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-package-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.knowledge-studio-package-tags span,
.knowledge-studio-risk {
  display: inline-flex;
  width: fit-content;
  border-radius: var(--radius-pill);
  background: #edf4f0;
  color: #3f6759;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.knowledge-studio-handoff-status,
.knowledge-studio-handoff-target {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--radius-pill);
  background: #eef5f7;
  color: #31566a;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  overflow-wrap: anywhere;
}

.knowledge-studio-package-panel .knowledge-studio-validation-controls {
  border: 1px solid #edf2ef;
  border-radius: 12px;
  background: #fbfcfb;
  padding: 12px;
}

.knowledge-studio-package-panel article,
.knowledge-studio-package-panel strong,
.knowledge-studio-package-panel p,
.knowledge-studio-package-panel span,
.knowledge-studio-package-panel small {
  overflow-wrap: anywhere;
}

.knowledge-studio-package-panel textarea,
.knowledge-studio-package-panel input,
.knowledge-studio-package-panel select {
  max-width: 100%;
}

.knowledge-studio-risk--moderate {
  background: #fff7e8;
  color: #795c2a;
}

.knowledge-studio-risk--high,
.knowledge-studio-risk--blocked {
  background: #fff2ef;
  color: #9a4534;
}

@media (max-width: 980px) {
  .knowledge-studio-hero,
  .knowledge-studio-view-head,
  .knowledge-studio-record-head,
  .knowledge-studio-form-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .knowledge-studio-view-head > div,
  .knowledge-studio-record-head > div,
  .knowledge-studio-view-head .request-card-action {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .knowledge-studio-view-head h2,
  .knowledge-studio-view-head p,
  .knowledge-studio-record-head h2,
  .knowledge-studio-record-head p {
    overflow-wrap: anywhere;
  }

  .max-workspace-shell--knowledge-studio {
    grid-template-columns: minmax(0, 1fr);
  }

  .max-workspace-shell--knowledge-studio .max-workspace-shell__panel--left {
    border-right: 0;
    border-bottom: 1px solid var(--max-workspace-divider-color);
  }

  .knowledge-studio-card-grid,
  .knowledge-studio-review-list,
  .knowledge-studio-release-grid,
  .knowledge-studio-draft-layout,
  .knowledge-studio-review-workspace,
  .knowledge-studio-package-workspace,
  .knowledge-studio-package-workflow-facts,
  .knowledge-studio-reviewer-card,
  .knowledge-studio-review-facts,
  .knowledge-studio-comparison-grid,
  .knowledge-studio-overview-grid,
  .knowledge-studio-workflow-rail,
  .knowledge-studio-supporting-info-intro,
  .knowledge-studio-supporting-info-choices,
  .knowledge-studio-package-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .knowledge-studio-provenance-linker {
    grid-template-columns: minmax(0, 1fr);
  }

  .max-workspace-shell--knowledge-studio {
    --max-workspace-right-padding: 16px 16px 36px;
  }

  .knowledge-studio-source-summary--aggregate,
  .knowledge-studio-metadata-grid,
  .knowledge-studio-alias-row,
  .knowledge-studio-claim-card > div:first-child,
  .knowledge-studio-assignment-alert-grid,
  .knowledge-studio-assignment-reviewer-list li,
  .knowledge-studio-release-workflow-summary,
  .knowledge-studio-release-progress {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .max-workspace-shell--knowledge-studio {
    --max-workspace-left-padding: 10px;
    --max-workspace-right-padding: 12px 12px 32px;
  }

  [data-ks-validation-overview] .knowledge-studio-package-facts--overview {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    margin-bottom: 0;
  }

  [data-ks-validation-overview] .knowledge-studio-package-facts--overview > article:nth-child(n + 3) {
    display: none;
  }

  [data-ks-validation-overview] .knowledge-studio-package-facts--overview article,
  [data-ks-validation-overview] .knowledge-studio-validation-progress__counts article {
    gap: 2px;
    padding: 8px;
  }

  .knowledge-studio-validation-next-action {
    gap: 8px;
    padding: 10px;
  }

  .knowledge-studio-validation-next-action > .type-caption,
  .knowledge-studio-validation-next-action > strong,
  .knowledge-studio-validation-next-action > p:not(.type-caption) {
    display: none;
  }

  .knowledge-studio-validation-next-action .primary-action--standard {
    width: 100%;
    min-width: 0;
  }

  .knowledge-studio-validation-progress > div {
    align-items: center;
    flex-direction: row;
  }

  .knowledge-studio-validation-progress__counts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .knowledge-studio-hero {
    gap: 14px;
    min-height: 296px;
    padding: 18px 16px;
    background-image:
      linear-gradient(180deg, rgba(251, 252, 251, 0.96) 0%, rgba(251, 252, 251, 0.9) 46%, rgba(244, 248, 251, 0.7) 100%),
      linear-gradient(135deg, rgba(251, 252, 251, 0.92) 0%, rgba(244, 248, 251, 0.74) 58%, rgba(238, 245, 242, 0.55) 100%),
      url('/assets/images/heroes/knowledge-studio-hero-bg-color.svg');
    background-position: center, center, right bottom;
    background-size: cover, cover, auto calc(100% + 22px);
  }

  .knowledge-studio-hero > div {
    max-width: 100%;
  }

  .knowledge-studio-hero h1 {
    font-size: 1.86rem;
  }

  .knowledge-studio-hero-copy {
    font-size: 15px;
  }

  .knowledge-studio-hero .knowledge-studio-new {
    right: 18px;
    bottom: 18px;
    max-width: calc(100% - 36px);
  }

  .knowledge-studio-operational-status {
    margin-top: 14px;
    font-size: 12px;
  }

  .knowledge-studio-operational-status span {
    padding: 3px 6px;
  }

  .knowledge-studio-operational-status span:nth-of-type(1) {
    padding-right: 5px;
  }

  .knowledge-studio-operational-status span:nth-of-type(2) {
    padding-left: 5px;
  }

  .knowledge-studio-max-guidance {
    padding: 14px;
  }
}

.fd-v3-empty-state {
  display: grid;
  gap: 12px;
  align-content: start;
  padding-top: 4px;
  max-width: 44ch;
}

.fd-v3-empty-state h3,
.fd-v3-empty-state p {
  margin: 0;
}

.fd-v3-empty-state-list {
  margin: 2px 0 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
  color: var(--color-ink-secondary);
  line-height: 1.45;
}

.max-workspace-shell--financial-disclosures .max-workspace-shell__panel--right.is-empty {
  gap: var(--space-3);
}

.max-workspace-shell--financial-disclosures .max-workspace-shell__panel--right.is-empty .fd-v3-detail-header {
  border-bottom: 0;
  padding-bottom: 0;
}

.max-workspace-shell--financial-disclosures .max-workspace-shell__panel--right.is-empty [data-fd-detail-description] {
  max-width: 42ch;
}

.max-completion-action {
  display: grid;
  justify-items: center;
  gap: 9px;
  margin: 28px 0 18px;
  padding: 22px 14px 4px;
  border-top: 1px solid #e2ebf4;
  text-align: center;
}

.max-completion-action__support {
  max-width: 32ch;
  margin: 0;
  color: var(--color-ink-secondary);
}

.max-completion-dialog {
  border: 0;
  border-radius: 18px;
  padding: 0;
  width: min(560px, 92vw);
  background: #fff;
  box-shadow: 0 28px 64px rgba(31, 58, 90, 0.24), 0 2px 10px rgba(31, 58, 90, 0.08);
  opacity: 0;
  transform: translateY(6px) scale(0.985);
}

.max-completion-dialog::backdrop {
  background: rgba(21, 31, 46, 0.34);
  backdrop-filter: blur(3px);
}

.max-completion-dialog[open] {
  animation: maxCompletionDialogIn 180ms ease-out forwards;
}

.max-completion-dialog__form {
  display: grid;
  gap: 28px;
  padding: 32px 34px 30px;
}

.max-completion-dialog__header {
  display: grid;
  gap: 20px;
}

.max-completion-dialog__brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.max-completion-dialog__beacon {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.max-completion-dialog__wordmark {
  width: 42px;
  height: auto;
  object-fit: contain;
}

.max-completion-dialog__form h2,
.max-completion-dialog__form p {
  margin: 0;
}

.max-completion-dialog__message {
  display: grid;
  gap: 16px;
  max-width: 58ch;
  color: var(--color-ink-secondary);
  line-height: 1.55;
}

.max-completion-dialog__message .max-completion-dialog__opening {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  margin-bottom: 12px;
}

.max-completion-dialog__checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 28px;
  margin: 0 0 12px;
  padding: 18px 20px 18px 34px;
  border: 1px solid rgba(129, 169, 199, 0.32);
  border-radius: 14px;
  background: #f6fbff;
  color: var(--color-ink-primary);
}

.max-completion-dialog__checklist li {
  padding-left: 6px;
  line-height: 1.45;
}

.max-completion-dialog__message .max-completion-dialog__closing {
  color: #627487;
  font-size: 14px;
  line-height: 1.55;
}

.max-completion-dialog__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
  padding-top: 4px;
}

.fd-asset-remove-dialog__form {
  gap: 22px;
}

.fd-asset-remove-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.fd-asset-remove-options label,
.fd-asset-remove-mistake label {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  padding: 10px 12px;
  background: #f8fbff;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
}

.fd-asset-remove-options input,
.fd-asset-remove-mistake input {
  margin-top: 1px;
  accent-color: var(--color-accent);
}

.fd-asset-remove-options label:has(input:checked) {
  border-color: rgba(47, 127, 168, 0.42);
  background: #eef7fc;
}

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

.fd-asset-remove-mistake {
  display: grid;
  gap: 10px;
  border: 1px solid var(--color-danger-border);
  border-radius: 12px;
  padding: 12px;
  background: var(--color-danger-soft);
  color: color-mix(in srgb, var(--color-danger) 78%, var(--color-ink-primary));
}

.fd-asset-remove-mistake[hidden] {
  display: none;
}

.fd-asset-remove-mistake p,
.fd-asset-remove-error {
  margin: 0;
}

.fd-asset-remove-error {
  border: 1px solid var(--color-danger-border);
  border-radius: 8px;
  padding: 8px 10px;
  background: var(--color-danger-soft);
  color: var(--color-danger);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.fd-asset-remove-confirm--danger {
  background: color-mix(in srgb, var(--color-danger) 84%, #5a2f27) !important;
  box-shadow: none;
}

.fd-asset-remove-confirm--danger:hover,
.fd-asset-remove-confirm--danger:focus-visible {
  background: color-mix(in srgb, var(--color-danger) 74%, #3f241f) !important;
}

@keyframes maxCompletionDialogIn {
  from {
    opacity: 0;
    transform: translateY(6px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .max-completion-dialog[open] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 560px) {
  .max-completion-dialog {
    width: min(92vw, 560px);
  }

  .max-completion-dialog__form {
    gap: 24px;
    padding: 28px 22px 24px;
  }

  .max-completion-dialog__checklist {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px 18px 16px 32px;
  }

  .max-completion-dialog__actions {
    display: grid;
  }

  .max-completion-dialog__actions .primary-action,
  .max-completion-dialog__actions .request-card-action {
    width: 100%;
  }

  .fd-asset-remove-options,
  .fd-asset-remove-fields {
    grid-template-columns: 1fr;
  }
}

.max-workspace-shell--financial-disclosures .max-workspace-shell__panel--right.is-assets-guide,
.max-workspace-shell--financial-disclosures .max-workspace-shell__panel--right.is-debts-guide,
.max-workspace-shell--financial-disclosures .max-workspace-shell__panel--right.is-income-guide {
  gap: 0;
  background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 54%);
}

.fd-assets-guide {
  display: grid;
  gap: 13px;
}

.fd-assets-guide-card {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 15px;
  border: 1px solid #dbe6f1;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(31, 58, 90, 0.06);
}

.fd-assets-guide-card--max {
  gap: 14px;
  padding: 20px;
  border-color: #cfe0f2;
  background: linear-gradient(180deg, #f4f9fc 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42), 0 10px 22px rgba(31, 58, 90, 0.08);
}

.fd-assets-guide-card--max h3 {
  max-width: 34ch;
  font-size: 22px;
  line-height: 1.2;
}

.fd-assets-guide-card--max p {
  max-width: 58ch;
  font-size: 14px;
  line-height: 1.55;
}

.fd-assets-focus-card {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 5px 11px;
  margin: 2px 0 7px;
  padding: 14px 16px 14px 14px;
  border: 1px solid rgba(47, 127, 168, 0.28);
  border-left: 4px solid rgba(47, 127, 168, 0.72);
  border-radius: 8px;
  background: linear-gradient(180deg, #eef7fb 0%, #f8fcfe 100%);
  box-shadow: 0 10px 20px rgba(31, 58, 90, 0.07);
}

.fd-assets-focus-card::before {
  content: "";
  grid-row: 1 / span 2;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: radial-gradient(circle at 50% 50%, #2f7fa8 0 3px, rgba(47, 127, 168, 0.16) 4px 100%);
  box-shadow: 0 0 0 1px rgba(47, 127, 168, 0.16);
}

.fd-assets-focus-card h4,
.fd-assets-focus-card p {
  margin: 0;
}

.fd-assets-focus-card h4 {
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.fd-assets-focus-card p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.fd-assets-guide-card h3,
.fd-assets-guide-card h4,
.fd-assets-guide-card p,
.fd-assets-guide-card dl,
.fd-assets-guide-card ol,
.fd-assets-guide-card ul {
  margin: 0;
}

.fd-assets-guide-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.fd-assets-guide-card-head .type-card-title,
.fd-assets-guide-card-head .max-workspace-eyebrow {
  min-width: 0;
}

.fd-assets-guide-count {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  white-space: nowrap;
}

.fd-assets-health-list,
.fd-assets-next-list {
  display: grid;
  gap: 9px;
  padding: 0;
  list-style: none;
}

.fd-assets-health-list li {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.fd-assets-health-list span {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
}

.fd-assets-health-list .is-complete span {
  background: rgba(72, 137, 104, 0.13);
  color: #2d7a56;
}

.fd-assets-health-list .is-review span {
  background: rgba(190, 117, 58, 0.13);
  color: #a45c24;
}

.fd-assets-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 12px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  overflow: hidden;
}

.fd-assets-overview-card {
  gap: 16px;
}

.fd-assets-snapshot-grid div {
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border-left: 1px solid #edf2fb;
}

.fd-assets-snapshot-grid div:nth-child(2n + 1) {
  border-left: 0;
}

.fd-assets-snapshot-grid div:nth-child(n + 3) {
  border-top: 1px solid #edf2fb;
}

.fd-assets-snapshot-grid dt,
.fd-assets-snapshot-grid dd {
  margin: 0;
}

.fd-assets-snapshot-grid dt {
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.25;
}

.fd-assets-snapshot-grid dd {
  color: var(--color-ink-primary);
  font-size: 17px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.fd-assets-issue-list {
  display: grid;
  gap: 15px;
}

.fd-assets-issue-list p {
  display: grid;
  gap: 6px;
  padding-left: 13px;
  border-left: 3px solid rgba(190, 117, 58, 0.28);
}

.fd-assets-issues-card {
  gap: 16px;
  padding: 17px 17px 18px;
  margin-bottom: -7px;
  border-color: #d2dfeb;
  border-bottom-color: #edf2fb;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.fd-assets-issue-list strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.3;
}

.fd-assets-issue-list span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.fd-assets-next-list button {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 9px 0;
  border: 0;
  border-top: 1px solid #edf2fb;
  background: transparent;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
  text-align: left;
}

.fd-assets-next-card {
  padding-top: 16px;
  border-top-color: #edf2fb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 10px 18px rgba(31, 58, 90, 0.05);
}

.fd-assets-next-list button:first-child {
  border-top: 0;
}

.fd-assets-next-list button:hover,
.fd-assets-next-list button:focus-visible {
  color: var(--link-color);
}

.fd-assets-next-list button:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.45);
  outline-offset: 3px;
}

.fd-assets-next-list span {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(47, 127, 168, 0.12);
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.fd-assets-doc-card {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  box-shadow: none;
}

.fd-assets-doc-summary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}

.fd-assets-doc-summary span {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}

.fd-assets-doc-summary span:first-child {
  color: #2d7a56;
  font-weight: var(--font-weight-semibold);
}

.fd-assets-doc-summary strong {
  color: var(--color-ink-primary);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
}

.fd-assets-checklist-card {
  gap: 18px;
  padding: 20px;
  border-color: #cfe0f2;
  background: #ffffff;
  box-shadow: 0 12px 26px rgba(31, 58, 90, 0.08);
}

.fd-assets-checklist-body {
  display: grid;
  gap: 18px;
}

.fd-assets-checklist-intro {
  max-width: 58ch;
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.55;
}

.fd-assets-onboarding-card {
  gap: 16px;
  padding: 20px;
}

.fd-assets-onboarding-card .fd-assets-guide-card-head {
  margin-bottom: 2px;
}

.fd-assets-onboarding-card .type-section-title {
  margin-bottom: 3px;
}

.fd-assets-welcome-card {
  position: relative;
  overflow: hidden;
  gap: 10px;
  padding: 21px 22px 21px 58px;
  border-color: #e4dacb;
  background:
    radial-gradient(circle at 24px 26px, rgba(198, 139, 82, 0.16) 0, rgba(198, 139, 82, 0.16) 15px, transparent 16px),
    linear-gradient(135deg, #fffaf2 0%, #f8fbfd 58%, #ffffff 100%);
  box-shadow: 0 10px 20px rgba(85, 69, 48, 0.055);
}

.fd-assets-welcome-card::before {
  content: "";
  position: absolute;
  top: 22px;
  left: 22px;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(150, 105, 64, 0.32);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: inset 0 0 0 5px rgba(198, 139, 82, 0.12);
}

.fd-assets-welcome-card::after {
  content: "";
  position: absolute;
  right: 18px;
  bottom: 16px;
  width: 112px;
  height: 42px;
  border-bottom: 1px solid rgba(150, 105, 64, 0.14);
  border-radius: 0 0 999px 999px;
  transform: rotate(-7deg);
  pointer-events: none;
}

.fd-assets-welcome-card h3 {
  font-size: 18px;
  line-height: 1.25;
}

.fd-assets-onboarding-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  row-gap: 7px;
  margin: 0;
  padding: 2px 0 3px 22px;
  list-style: none;
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.4;
}

.fd-assets-onboarding-list li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
}

.fd-assets-onboarding-list li::before {
  content: "✓";
  color: #2d7a56;
  font-weight: var(--font-weight-bold);
}

.fd-assets-onboarding-conversation,
.fd-assets-help-card {
  display: grid;
  gap: 8px;
}

.fd-assets-onboarding-conversation p,
.fd-assets-help-card p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.fd-assets-onboarding-conversation {
  padding-top: 2px;
}

.fd-assets-help-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 4px;
  padding-top: 15px;
  border-top: 1px solid rgba(47, 127, 168, 0.16);
}

.fd-assets-first-list {
  display: grid;
  gap: 14px;
}

.fd-assets-first-note {
  margin: 8px 0 0;
  color: var(--color-ink-muted);
  font-size: 13px;
  line-height: 1.45;
}

.fd-assets-empty-category-list {
  display: grid;
  gap: 8px;
}

.fd-assets-empty-category {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #dbe8f3;
  border-radius: 10px;
  background: #ffffff;
  color: inherit;
  font: inherit;
  text-align: left;
}

button.fd-assets-empty-category {
  cursor: pointer;
}

.fd-assets-empty-category--start {
  border-color: #bfd6e8;
  background: #f8fbfd;
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.26);
}

.fd-assets-empty-category--start:hover,
.fd-assets-empty-category--start:focus-visible {
  border-color: #8fb9d3;
  background: #f4f9fc;
}

.fd-assets-empty-category--start:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.4);
  outline-offset: 3px;
}

.fd-assets-empty-category h3,
.fd-assets-empty-category p,
.fd-assets-empty-category span {
  margin: 0;
}

.fd-assets-empty-category h3,
.fd-assets-empty-category-title {
  display: flex;
  align-items: center;
  gap: 7px;
}

.fd-assets-empty-category-title {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-assets-start-label {
  margin-left: auto;
  color: #2f7fa8;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-assets-category-status {
  color: var(--color-ink-muted);
  font-size: 13px;
  line-height: 1;
}

.fd-assets-empty-category p,
.fd-assets-empty-category > span:not(.fd-assets-empty-category-title) {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-assets-action-list {
  display: grid;
  gap: 11px;
  padding: 0;
  list-style: none;
}

.fd-assets-action-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 12px 14px;
  border: 1px solid #dbe8f3;
  border-radius: 12px;
  background: #f8fbfd;
}

.fd-assets-action-item::before {
  content: "";
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border: 2px solid rgba(47, 127, 168, 0.42);
  border-radius: 999px;
  background: #ffffff;
  color: transparent;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.fd-assets-action-item:focus-within::before {
  border-color: #2f7fa8;
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.12);
}

.fd-assets-action-item.is-in-progress::before {
  border-color: rgba(47, 127, 168, 0.62);
  background: radial-gradient(circle at 50% 50%, #2f7fa8 0 4px, rgba(47, 127, 168, 0.08) 5px 100%);
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.1);
}

.fd-assets-action-item.is-complete {
  border-color: rgba(72, 137, 104, 0.28);
  background: rgba(72, 137, 104, 0.06);
}

.fd-assets-action-item.is-complete::before {
  content: "✓";
  border-color: rgba(72, 137, 104, 0.34);
  background: rgba(72, 137, 104, 0.14);
  color: #2d7a56;
}

.fd-assets-action-copy {
  display: grid;
  gap: 7px;
}

.fd-assets-action-copy strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.3;
}

.fd-assets-action-copy span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.55;
}

.fd-assets-action-item .request-card-action {
  align-self: center;
  white-space: nowrap;
}

.fd-assets-action-item .request-card-action:disabled {
  border-color: rgba(72, 137, 104, 0.2);
  background: rgba(72, 137, 104, 0.08);
  color: #2d7a56;
  cursor: default;
}

.fd-assets-checklist-complete {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(72, 137, 104, 0.28);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(72, 137, 104, 0.08), rgba(255, 255, 255, 0.94));
}

.fd-assets-checklist-complete[hidden] {
  display: none;
}

.fd-assets-checklist-complete-mark {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: rgba(72, 137, 104, 0.14);
  color: #2d7a56;
  font-weight: var(--font-weight-bold);
}

.fd-assets-checklist-complete > div {
  display: grid;
  gap: 7px;
}

.fd-assets-checklist-complete p {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.fd-assets-checklist-complete .primary-action {
  grid-column: 2;
  justify-self: start;
}

.fd-assets-outcome-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-top: 14px;
  padding: 15px;
  border: 1px solid #cfe0f2;
  border-radius: 12px;
  background: linear-gradient(180deg, #f6fbff 0%, #ffffff 100%);
  box-shadow: 0 8px 18px rgba(31, 58, 90, 0.06);
}

.fd-assets-outcome-card h5,
.fd-assets-outcome-card p {
  margin: 0;
}

.fd-assets-outcome-card h5 {
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.3;
}

.fd-assets-outcome-card p {
  margin-top: 5px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-assets-outcome-card.is-complete {
  border-color: rgba(72, 137, 104, 0.3);
  background: rgba(72, 137, 104, 0.06);
}

.fd-assets-outcome-card .primary-action:disabled {
  background: rgba(72, 137, 104, 0.12);
  color: #2d7a56;
  cursor: default;
}

.fd-category-panels {
  display: grid;
  gap: var(--space-4);
}

.fd-category-panel {
  display: grid;
  gap: var(--space-3);
}

.financial-disclosures-page [hidden] {
  display: none !important;
}

.fd-group-list {
  display: grid;
  gap: 0;
  border: 1px solid #e2e8f3;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.fd-case-documents-nav {
  display: grid;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #dbe6f4;
}
.fd-income-nav-section-label,
.fd-case-documents-nav-label {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.fd-income-nav-section-label {
  margin-top: 2px;
}
.fd-case-documents-list {
  gap: 0;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #fbfdff;
  overflow: hidden;
}

.fd-case-documents-list .fd-v3-record {
  background: #fbfdff;
}

.fd-case-documents-list .fd-v3-record:hover,
.fd-case-documents-list .fd-v3-record:focus-visible {
  background: #f4f8ff;
}

.fd-expense-summary {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 12px;
  background: #ffffff;
}

.fd-expense-summary-head {
  display: grid;
  gap: 4px;
  margin-bottom: 6px;
}

.fd-expense-summary-head h3,
.fd-expense-summary-head p {
  margin: 0;
}

.fd-expense-summary-head p {
  margin-top: 3px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-expense-bridge {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.fd-expense-bridge div {
  display: grid;
  gap: 5px;
  padding: 12px 12px;
  border: 1px solid #e7edf8;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-bridge span {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-bridge strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.fd-expense-bars {
  display: grid;
  gap: 8px;
}

.fd-expense-bar-row {
  display: grid;
  gap: 5px;
}

.fd-expense-bar-label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-expense-bar-label strong {
  color: var(--color-ink-primary);
  font-variant-numeric: tabular-nums;
}

.fd-expense-bar-track {
  height: 8px;
  border-radius: 999px;
  background: transparent;
  overflow: hidden;
}

.fd-expense-bar-track span {
  display: block;
  width: var(--fd-expense-bar);
  height: 100%;
  border-radius: inherit;
  background: var(--fd-finance-category-color, #6fa7d8);
}

.fd-v3-summary.is-expense-analysis {
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.fd-v3-summary.is-expense-analysis > .fd-v3-summary-head {
  display: none;
}

.fd-v3-summary.is-expense-analysis .fd-v3-summary-copy {
  display: grid;
  gap: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.fd-expense-context-stack {
  display: grid;
  gap: 14px;
}

.fd-expense-history-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.fd-expense-max-section {
  position: relative;
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid #cfe0f2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42), 0 10px 22px rgba(31, 58, 90, 0.08);
}

.fd-expense-history-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.fd-expense-history-head h4,
.fd-expense-history-head p {
  margin: 0;
}

.fd-expense-history-head > span {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid #e0e8f2;
  border-radius: 999px;
  background: #f7fafd;
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-history-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.fd-expense-history-metrics div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e7edf8;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-history-metrics dt,
.fd-expense-history-metrics dd {
  margin: 0;
}

.fd-expense-history-metrics dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-history-metrics dd {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.fd-expense-history-chart {
  min-width: 0;
}

.fd-expense-history-chart svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 150px;
  overflow: visible;
}

.fd-expense-history-grid {
  stroke: #e7edf6;
  stroke-width: 1;
}

.fd-expense-history-axis-label,
.fd-expense-history-month {
  fill: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-history-line,
.fd-expense-history-trend {
  fill: none;
  stroke: var(--fd-finance-category-color, #7aa9d2);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fd-expense-history-line {
  stroke-width: 3;
}

.fd-expense-history-trend {
  stroke-width: 2;
  stroke-dasharray: 5 5;
  opacity: 0.42;
}

.fd-expense-history-point {
  fill: #ffffff;
  stroke: var(--fd-finance-category-color, #7aa9d2);
  stroke-width: 2.4;
}

.fd-expense-history-observation,
.fd-expense-history-source {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.fd-expense-history-observation {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-expense-history-empty {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px dashed #d8e2ef;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-history-empty h5,
.fd-expense-history-empty p {
  margin: 0;
}

.fd-expense-history-empty h5 {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-history-empty p {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.fd-expense-max-section .fd-income-max-heading {
  margin: -2px 0 0;
  padding-block: 8px;
  font-size: 1.08rem;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-transaction-host,
.fd-expense-transaction-workspace {
  display: grid;
  gap: 12px;
}

.fd-expense-transaction-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.fd-expense-transaction-metrics div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e7edf8;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-transaction-metrics dt,
.fd-expense-transaction-metrics dd {
  margin: 0;
}

.fd-expense-transaction-metrics dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-transaction-metrics dd {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.fd-expense-transaction-confidence {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #e2e8f3;
  border-left: 3px solid var(--fd-finance-category-color, #7aa9d2);
  border-radius: 8px;
  background: #ffffff;
}

.fd-expense-transaction-confidence strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-expense-transaction-confidence span {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.fd-expense-transaction-ledger {
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
  overflow: auto;
}

.fd-expense-transaction-ledger table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
}

.fd-expense-transaction-ledger th,
.fd-expense-transaction-ledger td {
  padding: 10px 12px;
  border-bottom: 1px solid #edf2fb;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.35;
}

.fd-expense-transaction-ledger th {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: #fbfdff;
}

.fd-expense-transaction-ledger td {
  color: var(--color-ink-secondary);
}

.fd-expense-transaction-ledger td:nth-child(3) {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fd-expense-transaction-ledger td strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-transaction-ledger tr:last-child td {
  border-bottom: 0;
}

.fd-expense-transaction-ledger .request-card-action {
  white-space: nowrap;
}

.fd-expense-transaction-upload {
  justify-self: start;
}

.fd-expense-transaction-empty {
  display: grid;
  gap: 6px;
  padding: 16px;
  border: 1px dashed #d8e2ef;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-transaction-empty h5,
.fd-expense-transaction-empty p {
  margin: 0;
}

.fd-expense-transaction-empty h5 {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-transaction-empty p {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.fd-expense-dashboard {
  display: grid;
  gap: 14px;
}

.fd-expense-dashboard-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.fd-expense-composition-layout {
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) minmax(210px, 1.1fr);
  gap: 22px;
  align-items: center;
}

.fd-expense-composition-donut {
  width: min(100%, 248px);
  margin-inline: auto;
}

.fd-expense-composition-legend {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
  min-width: 0;
}

.fd-expense-composition-legend-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  align-items: start;
}

.fd-expense-composition-dot {
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border: 1px solid rgba(24, 48, 72, 0.2);
  border-radius: 999px;
}

.fd-expense-composition-legend-row strong,
.fd-expense-composition-legend-row span {
  display: block;
}

.fd-expense-composition-legend-row strong {
  color: var(--color-ink-primary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.fd-expense-composition-legend-row span {
  color: var(--color-ink-muted);
  font-size: 10px;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
}

.fd-expense-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.fd-expense-dashboard-metrics div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 11px;
  border: 1px solid #e7edf8;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-dashboard-metrics dt,
.fd-expense-dashboard-metrics dd {
  margin: 0;
}

.fd-expense-dashboard-metrics dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-dashboard-metrics dd {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-dashboard-metrics span {
  color: var(--color-ink-muted);
  font-size: 10px;
  line-height: 1.25;
}

.fd-expense-sync-note {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.fd-expense-group-total {
  margin-left: 6px;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-record .fd-v3-record-copy small {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: center;
}

.fd-expense-source-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 999px;
  background: #eef4fb;
  color: #506680;
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-expense-source-badge.is-linked {
  background: rgba(47, 127, 168, 0.12);
  color: #2f6f8f;
}

.fd-expense-source-link {
  color: var(--color-ink-muted);
}

.fd-expense-suggestion,
.fd-expense-add-guard {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px dashed #d8e3f2;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-expense-suggestion {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.fd-expense-suggestion strong,
.fd-expense-suggestion span,
.fd-expense-add-guard p {
  margin: 0;
}

.fd-expense-suggestion strong {
  display: block;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-expense-suggestion span,
.fd-expense-add-guard p {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.4;
}

.fd-expense-add-guard p strong {
  color: var(--color-ink-primary);
}

.fd-group {
  border: 0;
  border-top: 1px solid #e5ecf8;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
}

.fd-group:first-child {
  border-top: 0;
}

.fd-group summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: 12px 12px;
  list-style: none;
  cursor: pointer;
  background: #fbfdff;
}

.fd-group[open]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--fd-group-accent, rgba(47, 127, 168, 0.72));
  pointer-events: none;
}

.fd-group summary::-webkit-details-marker {
  display: none;
}

.fd-group summary:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.fd-group-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-group-actions {
  display: inline-flex;
  align-items: center;
  gap: 0;
  flex: 0 0 auto;
}

.fd-group-add-row {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  border: 0;
  border-top: 1px solid #e5ecf8;
  border-radius: 0;
  background: #fbfdff;
  color: var(--link-color);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.fd-group-add-row:hover,
.fd-group-add-row:focus-visible {
  background: rgba(47, 127, 168, 0.06);
  color: var(--link-hover-color);
}

.fd-group-add-row:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.6);
  outline-offset: -2px;
}

.fd-group-toggle {
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-ink-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fd-group-toggle:hover,
.fd-group-toggle:focus-visible {
  color: #506680;
}

.fd-group-chevron {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #667a9a;
  font-size: 0;
  line-height: 0;
  transform-origin: 50% 50%;
  transition: transform 180ms ease;
}

.fd-group-chevron svg {
  width: 100%;
  height: 100%;
  display: block;
}

.fd-group[open] .fd-group-chevron {
  transform: rotate(180deg);
}

.fd-group-toggle:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.6);
  outline-offset: 2px;
}

.my-matter-explorer-group > summary {
  padding-top: 15px;
  border-bottom-color: #cfdcec;
  background: #edf4fb;
  color: #16304a;
}

.my-matter-explorer-group > summary:hover {
  background: #e6f0f8;
}

.my-matter-explorer-group[open] > summary {
  background: #dfeaf5;
  border-bottom-color: #c9d9eb;
}

.fd-group-body {
  display: grid;
  gap: 0;
  padding: 0;
}

.fd-group-body--aligned-empty .fd-group-empty-state {
  padding-left: 12px;
}

.fd-furniture-room-drawer {
  border-top: 1px solid #e5ecf8;
  background: #fff;
}

.fd-furniture-location-drawer {
  border-top: 1px solid #d9e5f3;
  background: #fff;
}

.fd-furniture-location-drawer > summary {
  padding: 12px;
  background: #fbfdff;
  color: var(--color-ink-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  list-style: none;
  cursor: pointer;
}

.fd-furniture-location-drawer > summary::-webkit-details-marker {
  display: none;
}

.fd-furniture-location-drawer > summary span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-furniture-location-drawer > summary strong {
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-location-drawer > summary small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.fd-furniture-location-drawer[open] > summary {
  background: rgba(47, 127, 168, 0.06);
}

.fd-furniture-location-drawer[open] > summary > span[aria-hidden="true"] {
  transform: rotate(90deg);
}

.fd-personal-property-category {
  width: 100%;
  min-height: 44px;
  padding: 12px 12px 12px 30px;
  border: 0;
  border-left: 3px solid transparent;
  border-top: 1px solid #d9e5f3;
  background: #fff;
  color: var(--color-ink-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.fd-personal-property-category span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-personal-property-category strong {
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-personal-property-category.is-selected {
  border-left-color: var(--color-brand-blue);
  background: rgba(47, 127, 168, 0.06);
}

.fd-furniture-location-rooms {
  border-top: 1px solid #e5ecf8;
}

.fd-furniture-room-nav {
  width: 100%;
  min-height: 54px;
  padding: 11px 12px 11px 18px;
  border: 0;
  background: #fff;
  color: var(--color-ink-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.fd-furniture-room-nav span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-furniture-room-nav strong {
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-room-nav small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.fd-furniture-room-nav:hover,
.fd-furniture-room-nav:focus-visible,
.fd-furniture-room-drawer.is-active .fd-furniture-room-nav {
  background: rgba(47, 127, 168, 0.06);
}

.fd-furniture-room-nav:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.6);
  outline-offset: -2px;
}

.fd-furniture-room-drawer > summary {
  padding: 11px 12px 11px 18px;
  background: #fff;
  list-style: none;
}

.fd-furniture-room-drawer > summary::-webkit-details-marker {
  display: none;
}

.fd-furniture-room-drawer > summary span:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-furniture-room-drawer > summary strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-room-drawer > summary small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.fd-furniture-room-drawer[open] > summary {
  background: rgba(47, 127, 168, 0.055);
}

.fd-furniture-room-drawer[open] > summary > span[aria-hidden="true"] {
  transform: rotate(90deg);
}

.fd-furniture-add-entry {
  justify-content: flex-start;
  padding-left: 28px;
}

.fd-furniture-workspace .fd-v3-summary-copy {
  display: block;
}

.fd-furniture-workspace-shell {
  display: grid;
  gap: 18px;
}

.fd-furniture-panel {
  padding: 18px;
  border: 1px solid #dce7f4;
  border-radius: 8px;
  background: #fff;
}

.fd-furniture-panel-heading {
  display: grid;
  gap: 5px;
}

.fd-furniture-panel-heading--households {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.fd-furniture-panel-heading--households .fd-furniture-inline-add-location {
  width: auto;
  min-height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: right;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  transform: translateY(2px);
}

.fd-furniture-panel-heading--households .fd-furniture-inline-add-location:hover,
.fd-furniture-panel-heading--households .fd-furniture-inline-add-location:focus-visible {
  background: #f7fbff;
}

.fd-furniture-panel-heading p {
  margin: 0;
  color: var(--color-ink-muted);
}

.fd-furniture-metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.fd-furniture-dashboard-panel .fd-furniture-metric-grid {
  margin-top: 0;
}

.fd-furniture-metric-item {
  padding: 12px;
  border: 1px solid #e2ebf6;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-metric-item dt {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-metric-item dd {
  margin: 4px 0 0;
  color: var(--color-ink-primary);
  font-size: 16px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-field-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 14px 0 0;
}

.fd-furniture-field-item {
  padding: 12px;
  border: 1px solid #e2ebf6;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-field-item dt {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-field-item dd {
  margin: 4px 0 0;
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

.fd-furniture-property-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.fd-furniture-property-card {
  border: 1px solid #dce7f4;
  border-radius: 8px;
  background: #fbfdff;
  overflow: hidden;
}

.fd-furniture-property-main {
  width: 100%;
  min-height: 58px;
  padding: 12px;
  border: 0;
  background: transparent;
  color: var(--color-ink-primary);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  text-align: left;
  cursor: pointer;
}

.fd-furniture-property-main:hover,
.fd-furniture-property-main:focus-visible {
  background: rgba(47, 127, 168, 0.06);
}

.fd-furniture-property-main:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.6);
  outline-offset: -2px;
}

.fd-furniture-property-main span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.fd-furniture-property-main strong {
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-property-main small {
  color: var(--color-ink-muted);
  font-size: 13px;
}

.fd-furniture-property-meta {
  min-height: 38px;
  padding: 8px 12px;
  border-top: 1px solid #e2ebf6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--color-ink-muted);
  font-size: 13px;
}

.fd-furniture-property-empty {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 16px;
  border: 1px dashed #cfddec;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-property-empty p {
  margin: 0;
  color: var(--color-ink-muted);
}

.fd-furniture-inline-add-location {
  margin-bottom: 10px;
  border: 1px dashed #cfddec;
  border-radius: 8px;
}

.fd-furniture-location-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px 12px;
  margin-bottom: 10px;
  padding: 12px;
  border: 1px dashed #cfddec;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-location-form label {
  display: grid;
  gap: 4px;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.fd-furniture-location-form-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.fd-furniture-overview-properties {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.fd-furniture-overview-property {
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.fd-furniture-overview-property > summary {
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  list-style: none;
  cursor: pointer;
}

.fd-furniture-overview-property > summary::-webkit-details-marker {
  display: none;
}

.fd-furniture-overview-property > summary span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.fd-furniture-overview-property > summary strong {
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-overview-property > summary small {
  color: var(--color-ink-muted);
  font-size: 13px;
}

.fd-furniture-overview-property[open] > summary {
  background: #f7fbff;
  border-bottom: 1px solid #e3ecf6;
}

.fd-furniture-overview-property[open] > summary .fd-group-chevron {
  transform: rotate(180deg);
}

.fd-furniture-room-matrix {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 14px 16px 8px;
  background: #fbfdff;
}

.fd-furniture-room-card {
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  background: #fff;
  color: var(--color-ink-primary);
  display: grid;
  gap: 3px;
  align-content: center;
  text-align: left;
  cursor: pointer;
}

.fd-furniture-room-card strong {
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-furniture-room-card small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.fd-furniture-room-card:hover,
.fd-furniture-room-card:focus-visible {
  border-color: #9fc3e6;
  background: #f7fbff;
}

.fd-furniture-room-card.is-reviewed {
  border-color: #dbe6f2;
  background: #fff;
}

.fd-furniture-room-card.is-selected {
  border-color: #4b8ccf;
  background: #edf6ff;
  box-shadow: 0 0 0 2px rgba(75, 140, 207, 0.15);
}

.fd-furniture-inline-add-rooms {
  width: 100%;
  min-height: 48px;
  border: 0;
  border-top: 1px solid #eef3f8;
  background: #fff;
  color: var(--link-color);
  font-weight: var(--font-weight-semibold);
  text-align: left;
  padding: 12px 16px;
  cursor: pointer;
}

.fd-furniture-inline-add-rooms:hover,
.fd-furniture-inline-add-rooms:focus-visible {
  background: #f7fbff;
}

.fd-furniture-add-rooms-button {
  display: flex;
  margin: 6px auto 14px;
}

.fd-furniture-room-matrix + .fd-furniture-add-rooms-button {
  min-width: auto;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--link-color);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-room-matrix + .fd-furniture-add-rooms-button:hover,
.fd-furniture-room-matrix + .fd-furniture-add-rooms-button:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
  background: transparent;
}

.fd-furniture-room-workspace {
  display: grid;
  gap: 12px;
  padding: 10px 16px 12px;
  border-top: 1px solid #e3ecf6;
  background: #fff;
}

.fd-furniture-room-summary,
.fd-furniture-room-inventory {
  display: grid;
  gap: 6px;
}

.fd-furniture-room-summary .fd-furniture-panel-heading {
  gap: 3px;
}

.fd-furniture-suggested-items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fd-furniture-suggested-item {
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #dbe6f2;
  border-radius: 999px;
  background: #fff;
  color: var(--color-ink-primary);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-align: left;
  cursor: pointer;
  line-height: 1.2;
}

.fd-furniture-suggested-item:hover,
.fd-furniture-suggested-item:focus-visible {
  border-color: #9fc3e6;
  background: #edf6ff;
}

.fd-furniture-suggested-item.is-added {
  border-color: #4b8ccf;
  background: #edf6ff;
  color: var(--color-ink-primary);
}

.fd-furniture-suggested-item--custom {
  color: var(--link-color);
}

.fd-furniture-items-table {
  --fd-furniture-selected-items-grid: minmax(0, 1fr) 84px 104px 82px 44px;
  display: grid;
  gap: 0;
  border: 1px solid #e4edf6;
  border-radius: 8px;
  overflow: hidden;
}

.fd-furniture-max-household-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 12px;
  padding: 6px 16px;
  border: 1px solid #e4edf6;
  border-radius: 8px;
  background: #fff;
}

.fd-furniture-max-household-copy {
  display: contents;
}

.fd-furniture-max-household-copy .fd-max-card-header {
  grid-column: 1;
  grid-row: 1;
  display: block;
  width: auto;
  min-width: 0;
  transform: translateY(-2px);
}

.fd-furniture-max-household-copy .fd-income-max-heading {
  gap: 1rem;
  font-size: 24px;
  line-height: 1;
}

.fd-furniture-max-household-copy .max-assistant-heading__particle {
  width: 0.95em;
}

.fd-furniture-max-household-copy .max-assistant-heading__wordmark {
  width: 2.35em;
}

.fd-furniture-max-household-control .fd-furniture-max-household-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  margin-left: 14px;
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-furniture-max-household-confirmation {
  margin: 1px 0 0;
  color: var(--color-ink-secondary);
  font-size: 11.5px;
  line-height: 1.2;
}

.fd-furniture-max-household-confirmation {
  grid-column: 1 / -1;
  color: var(--color-success);
}

.fd-furniture-max-household-toggle-row {
  grid-column: 3;
  grid-row: 1;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-top: 1px;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}

.fd-furniture-max-household-switch {
  flex: 0 0 auto;
}

.fd-furniture-max-household-control .fd-furniture-max-household-switch[aria-checked="true"] .exhibits-switch-track {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
}

.fd-furniture-items-table--lightweight .fd-furniture-items-header > [role="columnheader"]:nth-child(1) {
  padding-left: 14px;
}

.fd-furniture-item-header-cell {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-left: 14px;
}

.fd-furniture-table-max-wordmark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.fd-furniture-table-max-heading {
  gap: 0.32rem;
  opacity: 0.72;
}

.fd-furniture-table-max-heading .max-assistant-heading__particle {
  display: none;
}

.fd-furniture-table-max-heading .max-assistant-heading__wordmark {
  width: 2.44rem;
}

.fd-furniture-items-header,
.fd-furniture-items-row {
  display: grid;
  grid-template-columns: var(--fd-furniture-selected-items-grid);
  align-items: center;
  column-gap: 16px;
  border-bottom: 1px solid #f3f5f8;
}

.fd-furniture-items-header > [role="columnheader"],
.fd-furniture-items-row > [role="cell"] {
  min-width: 0;
}

.fd-furniture-items-header > [role="columnheader"]:nth-child(1),
.fd-furniture-items-row > [role="cell"]:nth-child(1) {
  grid-column: 1;
}

.fd-furniture-items-header > [role="columnheader"]:nth-child(1):not(:where(.fd-furniture-item-header-cell)) {
  padding-left: 46px;
}

.fd-furniture-items-header > [role="columnheader"]:nth-child(2),
.fd-furniture-items-row > [role="cell"]:nth-child(2) {
  grid-column: 2;
}

.fd-furniture-items-header > [role="columnheader"]:nth-child(3),
.fd-furniture-items-row > [role="cell"]:nth-child(3) {
  grid-column: 3;
}

.fd-furniture-items-header > [role="columnheader"]:nth-child(4),
.fd-furniture-items-row > [role="cell"]:nth-child(4) {
  grid-column: 4;
}

.fd-furniture-items-header > [role="columnheader"]:nth-child(5),
.fd-furniture-items-row > [role="cell"]:nth-child(5) {
  grid-column: 5;
}

.fd-furniture-actions-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.fd-furniture-items-header {
  min-height: 30px;
  padding: 0 2px;
  background: #f8fbfe;
  color: var(--color-ink-muted);
  font-size: 8px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 1.05;
}

.fd-furniture-items-row {
  min-height: 34px;
  padding: 1px 2px;
  background: #fff;
}

.fd-furniture-action-row.fd-furniture-action-row--room-complete {
  margin-top: -8px;
}

.fd-furniture-max-tip {
  width: fit-content;
  color: var(--color-ink-muted);
  font-size: 13px;
}

.fd-furniture-max-tip > summary {
  list-style: none;
  color: var(--link-color);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-furniture-max-tip[open] > summary .fd-group-chevron,
.fd-furniture-max-tip[open] > summary .fd-group-chevron svg {
  transform: rotate(180deg);
}

.fd-furniture-max-tip > summary::-webkit-details-marker {
  display: none;
}

.fd-furniture-max-tip > summary:hover,
.fd-furniture-max-tip > summary:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.fd-furniture-max-tip > p {
  max-width: 620px;
  margin: 6px 0 0;
}

.fd-furniture-max-tip:not([open]) > p {
  display: none;
}

.fd-furniture-items-row:last-child {
  border-bottom: 0;
}

.fd-furniture-item-name-cell {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding-left: 14px;
}

.fd-furniture-items-table--lightweight .fd-furniture-item-name-cell {
  grid-template-columns: minmax(0, 1fr);
}

.fd-furniture-row-expander,
.fd-furniture-row-action {
  width: 16px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--color-ink-muted);
  cursor: pointer;
  display: grid;
  place-items: center;
  font: inherit;
  line-height: 1;
}

.fd-furniture-row-expander {
  width: 20px;
  height: 20px;
  border-radius: 8px;
  color: #667a9a;
  font-size: 0;
  line-height: 0;
  opacity: 1;
}

.fd-furniture-row-expander {
  justify-self: center;
}

.fd-furniture-row-expander span {
  width: 20px;
  height: 20px;
  display: block;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

.fd-furniture-row-expander:hover,
.fd-furniture-row-expander:focus-visible,
.fd-furniture-row-action:hover,
.fd-furniture-row-action:focus-visible {
  background: #edf6ff;
  color: var(--link-color);
}

.fd-furniture-row-expander[aria-expanded="true"] span {
  transform: rotate(90deg);
}

.fd-furniture-value-cell {
  display: block;
}

.fd-furniture-table-select select {
  appearance: none;
  -webkit-appearance: none;
  width: auto;
  min-height: 26px;
  padding: 2px 18px 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23667a9a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 16px 16px no-repeat;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-regular);
}

.fd-furniture-items-expanded {
  display: grid;
  border-bottom: 1px solid #f3f5f8;
  background: #f7fafc;
  position: relative;
}

.fd-furniture-items-expanded-cell {
  display: grid;
  gap: 8px;
  padding: 10px 12px 12px;
}

.fd-furniture-expanded-panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 30fr) minmax(0, 24fr) minmax(0, 24fr) minmax(0, 22fr);
  gap: 12px;
  padding: 10px 12px 12px;
  border: 1px solid #e3edf7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(36, 50, 75, 0.04);
}

.fd-furniture-expanded-column {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
}

.fd-furniture-expanded-column h5 {
  margin: 0 0 1px;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-expanded-column--photos {
  align-content: stretch;
  overflow: hidden;
}

.fd-furniture-identification-action {
  display: grid;
  gap: 4px;
  justify-items: center;
  min-width: 0;
  width: 100%;
}

.fd-furniture-identify-button {
  box-sizing: border-box;
  justify-content: center;
  min-height: 28px;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 12px;
}

.fd-furniture-identification-action p {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
}

.fd-furniture-max-field-note,
.fd-furniture-identification-inline-message {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-regular);
}

.fd-furniture-max-field-note {
  color: var(--color-success);
}

.fd-furniture-identification-inline-message {
  color: var(--color-ink-secondary);
  line-height: 1.35;
}

.fd-furniture-valuation {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  padding-top: 9px;
  border-top: 1px solid #edf2f7;
}

.fd-furniture-expanded-panel .fd-max-entity-insight {
  grid-column: 1 / -1;
  gap: 8px;
  padding-block: 11px;
}

.fd-max-entity-insight .fd-max-card-header {
  gap: 8px;
}

.fd-max-entity-insight .fd-max-entity-recognition {
  display: grid;
  gap: 3px;
  padding-top: 1px;
}

.fd-max-entity-recognition > span:first-child {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-max-entity-recognition-item {
  display: grid;
  gap: 1px;
}

.fd-max-entity-recognition-separator {
  display: none;
}

.fd-max-entity-recognition strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-max-entity-recognition small {
  color: var(--color-ink-secondary);
  font-size: 12px;
}

.fd-max-entity-insight .fd-income-max-divider {
  height: 0;
  margin: 2px 0 3px;
  background: transparent;
}

.fd-max-entity-insight .fd-income-max-body {
  gap: 9px;
}

.fd-max-entity-insight .fd-income-max-group {
  gap: 6px;
  padding-top: 0;
  border-top: 0;
}

.fd-max-entity-insight-message {
  display: grid;
  gap: 6px;
}

.fd-max-entity-insight .fd-max-entity-action {
  display: grid;
  gap: 0;
  padding-top: 2px;
}

.fd-max-entity-action p {
  margin: 0;
}

.fd-max-recognition-response,
.fd-employment-document-correction,
.fd-matter-relationship-response {
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

.fd-max-recognition-actions,
.fd-matter-relationship-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.fd-max-recognition-status,
.fd-max-recognition-error,
.fd-matter-relationship-correction p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.4;
}

.fd-max-recognition-error {
  color: var(--color-danger);
}

.fd-max-recognition-correction,
.fd-employment-document-correction,
.fd-matter-relationship-correction {
  display: grid;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid #dbe8f5;
  border-radius: 6px;
  background: #ffffff;
}

.fd-max-recognition-correction[hidden],
.fd-employment-document-correction[hidden],
.fd-matter-relationship-correction[hidden],
.fd-max-recognition-error[hidden] {
  display: none;
}

.fd-max-recognition-correction label,
.fd-employment-document-correction label {
  display: grid;
  gap: 4px;
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.fd-max-recognition-correction input[type="text"],
.fd-max-recognition-correction select,
.fd-employment-document-correction select {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--border-subtle);
  border-radius: 6px;
  padding: 7px 9px;
  color: var(--color-ink-primary);
  font: inherit;
  background: #ffffff;
}

.fd-max-recognition-unknown {
  grid-template-columns: auto 1fr;
  align-items: center;
}

.fd-max-explanation {
  display: grid;
  gap: 7px;
  margin-top: 2px;
}

.fd-max-explanation-toggle {
  justify-self: start;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--color-accent);
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
  text-decoration: underline;
  cursor: pointer;
}

.fd-max-explanation-toggle:focus-visible,
.fd-max-explanation-source-action:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
  border-radius: 3px;
}

.fd-max-explanation-panel {
  display: grid;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid #dbe8f5;
  border-radius: 6px;
  background: #ffffff;
}

.fd-max-explanation-panel[hidden] {
  display: none;
}

.fd-max-explanation-panel section {
  display: grid;
  gap: 5px;
}

.fd-max-explanation-panel h6,
.fd-max-explanation-panel p,
.fd-max-explanation-panel dl,
.fd-max-explanation-panel dd {
  margin: 0;
}

.fd-max-explanation-panel h6 {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-max-explanation-panel p,
.fd-max-explanation-panel dd {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-max-explanation-facts {
  display: grid;
  gap: 5px;
}

.fd-max-explanation-facts div {
  display: grid;
  gap: 2px;
}

.fd-max-explanation-facts dt,
.fd-max-explanation-source span {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-max-explanation-source {
  padding-top: 2px;
}

.fd-employment-compensation-review {
  display: grid;
  gap: 14px;
}

.fd-employment-employer-context {
  display: grid;
  gap: 12px;
}

.fd-employment-employer-field {
  margin: 0;
}

.fd-employment-compensation-options {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border: 0;
}

.fd-employment-compensation-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid var(--color-border-muted);
  border-radius: 6px;
  background: var(--color-surface);
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.25;
}

.fd-employment-compensation-option input {
  flex: 0 0 auto;
}

.fd-employment-compensation-option--none {
  grid-column: 1 / -1;
}

.fd-employment-compensation-note,
.fd-employment-compensation-evidence p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-employment-document-indications {
  display: grid;
  gap: 10px;
}

.fd-employment-cross-references {
  display: grid;
  gap: 10px;
}

.fd-attention-plan {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #d1e0ed;
  border-radius: 6px;
  background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
}

.fd-attention-plan-head {
  display: grid;
  gap: 6px;
}

.fd-attention-plan-head h3,
.fd-attention-plan-head p {
  margin: 0;
}

.fd-attention-plan-list {
  display: grid;
  gap: 10px;
}

.fd-attention-plan-current,
.fd-attention-plan-secondary {
  display: grid;
  gap: 8px;
}

.fd-attention-plan-label {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-attention-plan-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid #e1e9f1;
  border-radius: 6px;
  background: #ffffff;
}

.fd-attention-plan-item--primary {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border-color: #b6ccdc;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(48, 73, 92, 0.08);
}

.fd-attention-plan-rank {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #dfeaf3;
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.fd-attention-plan-item--primary .fd-attention-plan-rank {
  width: 34px;
  height: 34px;
  background: var(--color-ink-primary);
  color: #ffffff;
}

.fd-attention-plan-body {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.fd-attention-plan-body h5,
.fd-attention-plan-body p {
  margin: 0;
}

.fd-attention-plan-body h5 {
  color: var(--color-ink-primary);
  font-size: 15px;
  line-height: 1.3;
}

.fd-attention-plan-item--primary .fd-attention-plan-body h5 {
  font-size: 17px;
}

.fd-attention-plan-body p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-attention-plan-eyebrow {
  color: var(--color-accent) !important;
  font-size: 11px !important;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-attention-plan-action {
  justify-self: start;
  margin-top: 2px;
}

.fd-attention-plan-why {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border-left: 3px solid var(--color-accent);
  background: #eef5f8;
}

.fd-attention-plan-why p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-attention-plan-why .type-caption {
  color: var(--color-accent);
}

.fd-attention-plan-remaining {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

.fd-matter-insights {
  display: grid;
  gap: 18px;
}

.fd-matter-insights-head {
  display: grid;
  gap: 8px;
}

.fd-matter-insights-head h3,
.fd-matter-insights-head p {
  margin: 0;
}

.fd-matter-insight-section {
  display: grid;
  gap: 10px;
}

.fd-matter-insight-section h4 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-matter-insight-list {
  display: grid;
  gap: 10px;
}

.fd-matter-insight-card {
  display: grid;
  gap: 7px;
  padding: 14px;
  border: 1px solid #dbe8f5;
  border-radius: 6px;
  background: #fbfdff;
}

.fd-matter-insight-card h5,
.fd-matter-insight-card p {
  margin: 0;
}

.fd-matter-insight-card h5 {
  color: var(--color-ink-primary);
  font-size: 15px;
}

.fd-matter-insight-card p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-matter-insight-eyebrow {
  color: var(--color-accent) !important;
  font-size: 11px !important;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-matter-insight-source,
.fd-matter-insight-related {
  padding-top: 2px;
}

.fd-matter-insight-related {
  font-weight: var(--font-weight-semibold);
}

.fd-matter-insight-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

.fd-employment-cross-reference-group {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe8f5;
  border-radius: 6px;
  background: #fbfdff;
}

.fd-employment-cross-reference-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.fd-employment-cross-reference-head h5 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 14px;
}

.fd-employment-xref-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fd-employment-xref-reason {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding-top: 8px;
  border-top: 1px solid #e8eef6;
}

.fd-employment-xref-reason strong,
.fd-employment-xref-reason p {
  margin: 0;
}

.fd-employment-xref-reason strong {
  display: block;
  color: var(--color-ink-primary);
  font-size: 13px;
}

.fd-employment-xref-reason p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-employment-xref-source,
.fd-employment-xref-related {
  padding-top: 5px;
}

.fd-employment-xref-reason-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.fd-employment-document-indication {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 12px;
  border: 1px solid #dbe8f5;
  border-radius: 6px;
  background: #f8fbff;
}

.fd-employment-document-indication h5,
.fd-employment-document-indication p {
  margin: 0;
}

.fd-employment-document-indication h5 {
  color: var(--color-ink-primary);
  font-size: 14px;
}

.fd-employment-document-indication p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-employment-document-kicker {
  color: var(--color-accent);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-employment-document-source {
  padding-top: 6px;
}

.fd-employment-document-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.fd-inline-link {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--color-accent);
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
}

.fd-employment-compensation-evidence {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--color-border-muted);
  border-radius: 6px;
  background: var(--color-surface-subtle);
}

.fd-employment-compensation-evidence h5 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
}

@media (max-width: 640px) {
  .fd-employment-cross-reference-head,
  .fd-employment-xref-reason {
    grid-template-columns: 1fr;
  }

  .fd-matter-insight-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .fd-employment-cross-reference-head {
    display: grid;
  }

  .fd-employment-xref-reason-actions {
    justify-content: flex-start;
  }

  .fd-employment-document-indication {
    grid-template-columns: 1fr;
  }

  .fd-employment-document-actions {
    justify-content: flex-start;
  }
}

.fd-furniture-valuation-head h5 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-valuation-body {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
}

.fd-furniture-valuation-body p,
.fd-furniture-valuation-body ul {
  margin: 0;
}

.fd-furniture-valuation-body ul {
  padding-left: 16px;
}

.fd-furniture-valuation--max-default {
  gap: 5px;
  padding-top: 7px;
}

.fd-furniture-valuation--max-default .fd-furniture-valuation-body {
  gap: 7px;
}

.fd-furniture-valuation-max-wordmark {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 1px;
}

.fd-furniture-valuation-max-wordmark .max-assistant-heading__wordmark {
  width: 3em;
}

.fd-furniture-valuation-readiness-line {
  color: var(--color-ink-muted);
}

.fd-furniture-valuation-body {
  display: grid;
  gap: 12px;
}

.fd-furniture-valuation-conversation-section {
  display: grid;
  gap: 7px;
  padding-top: 2px;
}

.fd-furniture-valuation-conversation-section + .fd-furniture-valuation-conversation-section {
  padding-top: 10px;
  border-top: 1px solid #edf2f7;
}

.fd-furniture-valuation-conversation-section h6 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-valuation-premium-layout {
  display: grid;
  gap: 12px;
}

.fd-furniture-valuation-premium-recommendation {
  display: grid;
  gap: 8px;
}

.fd-furniture-valuation-premium-recommendation p {
  margin: 0;
}

.fd-furniture-premium-value-undetermined {
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-top: 1px solid #edf2f7;
  border-bottom: 1px solid #edf2f7;
}

.fd-furniture-premium-value-undetermined h6 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-premium-value-undetermined p {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.05;
}

.fd-furniture-premium-value-undetermined small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.fd-furniture-premium-actions {
  display: grid;
  gap: 8px;
}

.fd-furniture-valuation-premium-layout .fd-furniture-valuation-conversation-section {
  gap: 8px;
  padding: 12px;
  border: 1px solid #e3ebf4;
  border-radius: 8px;
  background: #fff;
}

.fd-furniture-valuation-premium-layout .fd-furniture-valuation-conversation-section + .fd-furniture-valuation-conversation-section {
  padding-top: 12px;
  border-top: 1px solid #e3ebf4;
}

.fd-furniture-valuation-premium-layout .fd-furniture-valuation-conversation-section--recommendation {
  padding: 0;
  border: 0;
  background: transparent;
}

.fd-furniture-valuation-premium-layout .fd-furniture-valuation-conversation-section--published-guide {
  border-color: #e5eaf0;
  background: #fbfcfe;
}

.fd-furniture-published-guide-card {
  display: grid;
  gap: 5px;
}

.fd-furniture-published-guide-label {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-valuation-premium-layout .fd-furniture-valuation-actions {
  gap: 8px;
}

.fd-furniture-valuation-actions--premium .primary-action {
  min-width: 168px;
}

.fd-furniture-valuation-helper {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.fd-furniture-valuation .fd-furniture-valuation-value {
  color: var(--color-ink-primary);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.05;
}

.fd-furniture-valuation-status-line {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-valuation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 1px;
}

.fd-furniture-valuation-actions .primary-action,
.fd-furniture-valuation-actions .request-card-action {
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
}

.fd-furniture-valuation-actions--decision {
  gap: 6px;
  flex-wrap: nowrap;
  margin-top: 0;
}

.fd-furniture-valuation-actions--decision .primary-action {
  min-width: 148px;
}

.fd-furniture-valuation-actions--decision .request-card-action {
  min-width: 0;
  border-color: #d8e2ea;
  background: #fff;
  color: var(--color-ink-secondary);
  box-shadow: none;
}

.fd-furniture-valuation-actions--decision .fd-furniture-quiet-action {
  margin-left: 1px;
}

.fd-furniture-quiet-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--link-color);
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-furniture-quiet-action:hover,
.fd-furniture-quiet-action:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.fd-furniture-valuation-entry {
  display: grid;
  gap: 7px;
  max-width: 360px;
}

.fd-furniture-valuation-entry label {
  display: grid;
  gap: 4px;
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-valuation-error {
  color: var(--color-danger);
  font-size: 12px;
}

.fd-furniture-valuation-disclosure,
.fd-furniture-valuation-basis {
  display: grid;
  gap: 8px;
  margin-top: 1px;
}

.fd-furniture-valuation-disclosure summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  color: var(--link-color);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  list-style: none;
}

.fd-furniture-valuation-disclosure summary::-webkit-details-marker {
  display: none;
}

.fd-furniture-valuation-disclosure summary::marker {
  content: "";
  font-size: 0;
}

.fd-furniture-valuation-disclosure summary::before {
  content: "›";
  display: inline-block;
  color: var(--color-ink-muted);
  font-size: 14px;
  line-height: 1;
  transform-origin: center;
  transition: transform 160ms ease;
}

.fd-furniture-valuation-disclosure[open] summary::before {
  transform: rotate(90deg);
}

.fd-furniture-valuation-basis dl {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-top: 2px;
}

.fd-furniture-valuation-basis dl div {
  min-width: 0;
}

.fd-furniture-valuation-basis dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.fd-furniture-valuation-basis dd {
  margin: 2px 0 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
}

.fd-furniture-standard-reference,
.fd-furniture-market-research,
.fd-furniture-appraisal-guidance {
  display: grid;
  gap: 6px;
  padding-top: 4px;
}

.fd-furniture-valuation-conversation-section--estimate .fd-furniture-valuation-value {
  font-size: 25px;
}

.fd-furniture-market-research h6,
.fd-furniture-appraisal-guidance h6 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
}

.fd-furniture-market-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 0;
}

.fd-furniture-market-summary div {
  min-width: 0;
}

.fd-furniture-market-summary dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.fd-furniture-market-summary dd {
  margin: 2px 0 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-market-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fd-furniture-market-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding: 6px 0;
  border-top: 1px solid #edf2f7;
}

.fd-furniture-market-list strong,
.fd-furniture-market-list a {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-market-list span,
.fd-furniture-market-reference-note {
  color: var(--color-ink-muted);
  font-size: 11px;
}

.fd-furniture-market-list div span {
  display: block;
  margin-top: 2px;
}

.fd-furniture-expanded-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
}

.fd-furniture-expanded-field-label {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-expanded-field {
  width: 100%;
  min-width: 0;
  min-height: 30px;
  padding: 5px 8px;
  border: 1px solid #e2ebf4;
  border-radius: 6px;
  background: #fff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 13px;
}

.fd-furniture-expanded-select {
  appearance: none;
  padding-right: 26px;
  background: #fff url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23667a9a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 7px center / 15px 15px no-repeat;
}

.fd-furniture-expanded-notes-field {
  height: 88px;
  min-height: 88px;
  border-color: #edf2f7;
  background: #fbfdff;
  resize: vertical;
}

.fd-furniture-expanded-field:focus {
  outline: 0;
  border-color: #8bb8e4;
  box-shadow: 0 0 0 2px rgba(139, 184, 228, 0.18);
}

.fd-furniture-expanded-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #aeb7c2;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-regular);
  line-height: 1;
  opacity: 0.78;
  cursor: pointer;
  transition: color 160ms ease, opacity 160ms ease;
}

.fd-furniture-row-remove {
  white-space: nowrap;
}

.fd-furniture-expanded-remove:hover,
.fd-furniture-expanded-remove:focus-visible {
  color: var(--color-danger);
  opacity: 1;
}

.fd-furniture-expanded-remove:focus-visible {
  outline: 2px solid var(--color-danger-border);
  outline-offset: 2px;
}

.fd-furniture-photo-control {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  font-size: 12px;
}

.fd-furniture-photo-upload-panel {
  display: grid;
  justify-items: center;
  align-content: stretch;
  gap: 7px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  height: calc(100% - 7px);
}

.fd-furniture-photo-dropzone {
  box-sizing: border-box;
  display: grid;
  align-content: start;
  gap: 7px;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 7px;
  border: 1px solid #e2ebf4;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-photo-action-row {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.fd-furniture-photo-action {
  box-sizing: border-box;
  justify-content: center;
  height: 28px;
  min-height: 28px;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 12px;
}

.fd-furniture-photo-add,
.fd-furniture-photo-file,
.fd-furniture-photo-secondary,
.fd-furniture-photo-chooser button,
.fd-furniture-photo-preview button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--link-color);
  font: inherit;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-furniture-photo-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #cfe0f2;
  border-radius: 6px;
  background: #fff;
  color: var(--link-color);
}

.fd-furniture-photo-add:hover,
.fd-furniture-photo-add:focus-visible,
.fd-furniture-photo-file:hover,
.fd-furniture-photo-file:focus-visible,
.fd-furniture-photo-secondary:hover,
.fd-furniture-photo-secondary:focus-visible,
.fd-furniture-photo-chooser button:hover,
.fd-furniture-photo-chooser button:focus-visible,
.fd-furniture-photo-preview button:hover,
.fd-furniture-photo-preview button:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.fd-furniture-photo-current {
  display: grid;
  gap: 6px;
}

.fd-furniture-photo-actions {
  display: inline-flex;
  gap: 10px;
}

.fd-furniture-photo-secondary {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-regular);
}

.fd-furniture-photo-chooser {
  position: absolute;
  z-index: 4;
  top: calc(100% + 6px);
  left: 0;
  display: grid;
  gap: 7px;
  min-width: 170px;
  padding: 8px 10px;
  border: 1px solid #dce7f2;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(50, 70, 98, 0.12);
}

.fd-furniture-photo-chooser button {
  text-align: left;
}

.fd-furniture-photo-thumbnails {
  display: flex;
  gap: 6px;
  min-height: 42px;
  align-items: center;
  overflow-x: auto;
}

.fd-furniture-photo-thumbnail {
  width: 42px;
  height: 42px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dce7f2;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
}

.fd-furniture-photo-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fd-furniture-purchased-new-switch {
  justify-self: start;
}

.fd-furniture-purchase-toggle .fd-furniture-purchased-new-switch[aria-checked="true"] .exhibits-switch-track {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
}

.fd-furniture-purchase-toggle .fd-furniture-purchased-new-switch[aria-checked="true"] .exhibits-switch-thumb {
  transform: translateX(0);
}

.fd-furniture-purchase-toggle .fd-furniture-purchased-new-switch[aria-checked="false"] .exhibits-switch-thumb {
  transform: translateX(18px);
}

.fd-furniture-purchase-toggle {
  gap: 3px;
}

.fd-furniture-purchased-new-row {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 26px;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-regular);
}

.fd-furniture-purchase-toggle .fd-furniture-purchased-new-switch {
  justify-self: start;
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  .fd-furniture-expanded-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-furniture-valuation {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .fd-furniture-expanded-panel {
    grid-template-columns: 1fr;
  }

  .fd-furniture-max-household-control {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .fd-furniture-max-household-toggle-row {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-self: start;
  }

  .fd-furniture-valuation-basis dl {
    grid-template-columns: 1fr;
  }

  .fd-furniture-valuation-actions--decision {
    flex-wrap: wrap;
  }

  .fd-furniture-market-summary,
  .fd-furniture-market-list li {
    grid-template-columns: 1fr;
  }
}

.fd-furniture-photo-preview {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(24, 35, 51, 0.38);
}

.fd-furniture-photo-preview-dialog {
  display: grid;
  gap: 10px;
  justify-items: end;
  max-width: 80vw;
  max-height: 80vh;
  padding: 12px;
  border: 1px solid rgba(219, 228, 238, 0.9);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(24, 35, 51, 0.24);
}

.fd-furniture-photo-preview-close {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--link-color);
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-furniture-photo-preview-close:hover,
.fd-furniture-photo-preview-close:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.fd-furniture-photo-preview img {
  display: block;
  max-width: min(80vw, 960px);
  max-height: calc(80vh - 54px);
  border-radius: 6px;
  object-fit: contain;
  background: #f7fafc;
}

.fd-furniture-items-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.fd-furniture-compact-input {
  width: 100%;
  min-height: 26px;
  padding: 2px 0;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-regular);
}

.fd-furniture-items-table--compact .fd-furniture-compact-input {
  min-height: 30px;
  border-bottom: 0;
  font-size: 12px;
}

.fd-furniture-items-table--compact .fd-furniture-currency-input {
  width: 100%;
  padding: 2px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
}

.fd-furniture-compact-input:focus {
  outline: 0;
  border-bottom-color: #8bb8e4;
}

.fd-furniture-item-name-input {
  text-align: left;
}

.fd-furniture-currency-input {
  width: 78px;
  padding: 2px 6px;
  border: 1px solid #dbe6f2;
  border-radius: 7px;
  background: #fff;
  text-align: right;
}

.fd-furniture-segmented-control {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(212, 227, 244, 0.7);
  border-radius: 8px;
  background: #f4f8fc;
}

.fd-furniture-segmented-control button {
  min-height: 22px;
  padding: 1px 6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
}

.fd-furniture-segmented-control button.is-active {
  background: #fff;
  color: var(--color-ink-primary);
  box-shadow: 0 1px 3px rgba(36, 50, 75, 0.08);
}

.fd-furniture-action-row--room-complete {
  margin-top: 0;
}

.fd-furniture-room-helper {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 13px;
  line-height: 1.45;
}

.fd-furniture-room-onboarding {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-room-onboarding h4,
.fd-furniture-room-onboarding p {
  margin: 0;
}

.fd-furniture-room-onboarding .primary-action-inline {
  justify-self: center;
}

@media (max-width: 1040px) {
  .fd-furniture-room-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-furniture-items-controls {
    align-items: flex-start;
  }
}

.fd-furniture-setup.fd-furniture-setup--inline {
  padding: 14px 16px 16px;
  border-top: 1px solid #e3ecf6;
  background: #fbfdff;
  gap: 6px;
}

.fd-furniture-setup--inline .fd-furniture-room-options {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 920px) {
  .fd-furniture-setup--inline .fd-furniture-room-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.fd-furniture-quiet-action {
  border: 0;
  background: transparent;
  color: var(--link-color);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-furniture-quiet-action:hover,
.fd-furniture-quiet-action:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.fd-furniture-setup {
  display: grid;
  gap: 18px;
}

.fd-furniture-room-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.fd-furniture-room-options label,
.fd-furniture-type-choice label {
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #d7e3f1;
  border-radius: 8px;
  background: #fff;
  color: var(--color-ink-primary);
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

.fd-furniture-room-options input,
.fd-furniture-type-choice input {
  accent-color: var(--color-accent);
}

.fd-furniture-room-options label {
  height: 64px;
  padding-top: 6px;
  align-items: flex-start;
  gap: 5px;
}

.fd-furniture-room-options label:has(input:checked) {
  border-color: #4b8ccf;
  background: #edf6ff;
}

.fd-furniture-room-options input {
  flex: 0 0 auto;
  margin-top: 2px;
}

.fd-furniture-room-options span {
  min-width: 0;
  text-align: left;
}

.fd-furniture-custom-room {
  display: grid;
  gap: 8px;
  max-width: 420px;
  color: var(--link-color);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-furniture-custom-toggle {
  width: fit-content;
  min-height: auto;
  padding: 6px 0;
  color: var(--link-color);
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-furniture-custom-toggle input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.fd-furniture-custom-toggle:hover,
.fd-furniture-custom-toggle:focus-within {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.fd-furniture-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.fd-furniture-entry-form {
  display: block;
}

.fd-furniture-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.fd-furniture-type-choice {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
  margin: 16px 0 0;
  padding: 0;
  border: 0;
}

.fd-furniture-type-choice legend {
  grid-column: 1 / -1;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.fd-furniture-pet-fields,
.fd-furniture-materials {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #dce7f4;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-furniture-materials p {
  margin: 0;
}

.fd-furniture-materials p + p {
  margin-top: 6px;
  color: var(--color-ink-muted);
}

.fd-furniture-material-list {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.fd-furniture-material-list li {
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #e1eaf5;
  border-radius: 8px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

@media (max-width: 720px) {
  .fd-furniture-room-options,
  .fd-furniture-form-grid,
  .fd-furniture-type-choice {
    grid-template-columns: 1fr;
  }
}

.fd-v3-record {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  border: 0;
  border-top: 1px solid #edf2fb;
  background: transparent;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  position: relative;
}

.fd-v3-record:first-child {
  border-top: 0;
}

.fd-v3-record:hover {
  background: #f4f8ff;
}

.fd-v3-record:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.fd-v3-record.is-selected {
  background: linear-gradient(90deg, rgba(47, 127, 168, 0.12) 0%, rgba(47, 127, 168, 0.06) 100%);
}

.fd-v3-record-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

[data-fd-panel="assets"] .fd-v3-record-main,
[data-fd-panel="debts"] .fd-v3-record-main,
[data-fd-panel="income"] .fd-v3-record-main {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

[data-fd-panel="assets"] .fd-v3-record-icon,
[data-fd-panel="debts"] .fd-v3-record-icon,
[data-fd-panel="income"] .fd-v3-record-icon {
  display: none;
}

.fd-v3-record-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  margin-top: 2px;
  border: 1px solid currentColor;
}

.fd-v3-record-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-v3-record-copy strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.fd-v3-record-copy small {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

[data-fd-panel="assets"] .fd-v3-record {
  padding-left: 14px;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.fd-asset-row-actions {
  position: relative;
  justify-self: end;
}

.fd-asset-row-menu-toggle {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--color-ink-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 11px;
  letter-spacing: 1px;
}

.fd-asset-row-menu-toggle:hover,
.fd-asset-row-menu-toggle:focus-visible,
.fd-asset-row-menu-toggle[aria-expanded="true"] {
  background: rgba(47, 127, 168, 0.08);
  color: var(--color-ink-primary);
}

.fd-asset-row-menu-toggle:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.5);
  outline-offset: 2px;
}

.fd-asset-row-menu {
  position: absolute;
  z-index: 12;
  top: calc(100% + 6px);
  right: 0;
  min-width: 210px;
  display: grid;
  gap: 2px;
  padding: 6px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(31, 58, 90, 0.16), 0 2px 8px rgba(31, 58, 90, 0.08);
}

.fd-asset-row-menu[hidden] {
  display: none;
}

.fd-asset-row-menu button {
  width: 100%;
  border: 0;
  border-radius: 7px;
  padding: 9px 10px;
  background: transparent;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
}

.fd-asset-row-menu button:hover,
.fd-asset-row-menu button:focus-visible {
  background: #f3f8ff;
  outline: none;
}

.fd-former-assets-group {
  margin-top: 10px;
}

.fd-former-assets-group > summary {
  background: #f7fafc;
}

.fd-v3-record.is-former-asset-record {
  background: #fbfcfe;
}

.fd-v3-record.is-former-asset-record .fd-v3-record-copy strong {
  color: #31475f;
}

.fd-v3-record.is-former-asset-record .fd-v3-record-copy small {
  color: #667a90;
}

.fd-v3-record-status {
  justify-self: end;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
}

.fd-row-indicator {
  color: var(--color-ink-muted);
  font-size: 20px;
  line-height: 1;
}

.fd-v3-detail-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-3);
  padding-bottom: var(--space-3);
}

.fd-v3-detail-header h3,
.fd-v3-detail-header p {
  margin: 0;
}

.fd-v3-detail-header [data-fd-detail-group] {
  margin-bottom: var(--space-1);
}

.fd-v3-context-back {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2f7fa8;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.fd-v3-context-back:hover,
.fd-v3-context-back:focus-visible {
  color: var(--link-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.fd-v3-context-back:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.45);
  outline-offset: 3px;
  border-radius: 4px;
}

.fd-v3-detail-status {
  text-transform: none;
  letter-spacing: 0;
}

.fd-v3-account-snapshot {
  padding-top: 10px;
}

.fd-v3-primary-details {
  display: grid;
  gap: 8px;
}

.fd-v3-account-snapshot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.fd-v3-account-snapshot-item {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border-left: 1px solid #edf2fb;
}

.fd-v3-account-snapshot-item:nth-child(4n + 1) {
  border-left: 0;
}

.fd-v3-account-snapshot-item.is-secondary {
  grid-column: span 2;
  padding-top: 8px;
  padding-bottom: 9px;
  border-top: 1px solid #edf2fb;
}

.fd-v3-account-snapshot-item.is-secondary:nth-child(5) {
  border-left: 0;
}

.fd-v3-account-snapshot-item dt,
.fd-v3-account-snapshot-item dd {
  margin: 0;
}

.fd-v3-account-snapshot-item dt {
  font-size: 10px;
  line-height: 1.25;
  color: var(--color-ink-muted);
}

.fd-v3-account-snapshot-item dd {
  min-width: 0;
  font-size: 15px;
  line-height: 1.25;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
}

.fd-v3-account-snapshot-subvalue {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.25;
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-medium);
}

.fd-v3-account-snapshot-item.is-secondary dd {
  font-size: 12px;
  line-height: 1.3;
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-medium);
}

.fd-v3-account-snapshot-item dd.is-status-classification {
  color: #2b5877;
}

.fd-v3-account-snapshot-item.is-multiline dd {
  line-height: 1.4;
}

.fd-v3-primary-details-toggle {
  display: inline-flex;
  align-items: center;
  justify-self: end;
  gap: 5px;
  padding: 2px 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--color-accent);
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  cursor: pointer;
}

.fd-v3-primary-details-toggle svg {
  width: 13px;
  height: 13px;
  transition: transform 200ms ease;
}

.fd-v3-primary-details-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.fd-v3-primary-details-toggle:hover,
.fd-v3-primary-details-toggle:focus {
  color: var(--vl-accent-teal-hover);
}

.fd-v3-primary-details-toggle:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.45);
  outline-offset: 3px;
}

.fd-v3-primary-details-expanded {
  display: grid;
  gap: 12px;
  padding-top: 4px;
  animation: fd-primary-details-reveal 200ms ease;
}

.fd-v3-primary-details-expanded[hidden] {
  display: none;
}

.fd-v3-primary-details-group {
  display: grid;
  gap: 7px;
  padding-top: 10px;
  border-top: 1px solid #edf2fb;
}

.fd-v3-primary-details-group h5 {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  line-height: 1.25;
  text-transform: uppercase;
}

.fd-v3-account-snapshot-grid--expanded {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:nth-child(4n + 1) {
  border-left: 1px solid #edf2fb;
}

.fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:nth-child(3n + 1) {
  border-left: 0;
}

.fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:nth-child(n + 4) {
  border-top: 1px solid #edf2fb;
}

.fd-vehicle-all-fields {
  display: grid;
  gap: 12px;
}

.fd-vehicle-all-fields-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid #edf2fb;
}

.fd-vehicle-all-fields-head h5,
.fd-vehicle-all-fields-error {
  margin: 0;
}

.fd-vehicle-all-fields-head h5 {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  line-height: 1.25;
  text-transform: uppercase;
}

.fd-vehicle-all-fields-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.fd-vehicle-all-fields-error {
  border: 1px solid rgba(155, 107, 36, 0.24);
  border-radius: 8px;
  padding: 8px 10px;
  color: #7a4f16;
  background: #fff8e9;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

.fd-vehicle-all-fields-section {
  padding-top: 0;
}

.fd-vehicle-all-fields-document,
.fd-vehicle-all-fields-edit-readonly {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.fd-vehicle-all-fields-edit-readonly {
  align-content: start;
  border: 1px solid #dbe6f4;
  border-radius: 8px;
  padding: 9px 10px;
  background: #f8fbff;
}

.fd-vehicle-all-fields-edit-readonly span,
.fd-vehicle-all-fields-document strong {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-vehicle-all-fields-edit-readonly strong {
  color: var(--color-ink-primary);
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-vehicle-all-fields-document {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  padding: 10px 12px;
  background: #ffffff;
}

.fd-vehicle-all-fields-document > span {
  display: grid;
  gap: 2px;
}

.fd-vehicle-all-fields-document small {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-vehicle-all-fields-document .request-card-action {
  justify-self: end;
}

@media (max-width: 720px) {
  .fd-vehicle-all-fields-head {
    align-items: stretch;
    flex-direction: column;
  }

  .fd-vehicle-all-fields-actions {
    justify-content: flex-start;
  }

  .fd-vehicle-all-fields-document {
    grid-template-columns: 1fr;
  }

  .fd-vehicle-all-fields-document .request-card-action {
    justify-self: start;
  }
}

@keyframes fd-primary-details-reveal {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fd-v3-account-snapshot-grid--bank {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item {
  grid-column: span 2;
}

.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item.is-secondary {
  grid-column: span 3;
}

.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(4n + 1),
.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(2n + 1) {
  border-left: 1px solid #edf2fb;
}

.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(1),
.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(4) {
  border-left: 0;
}

.fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(n + 4) {
  border-top: 1px solid #edf2fb;
}

.fd-v3-detail-section {
  display: grid;
  gap: var(--space-2);
  padding-top: var(--space-2);
}

.fd-v3-detail-section h4,
.fd-v3-detail-section p {
  margin: 0;
}

.fd-v3-add-workspace {
  gap: 14px;
}

.fd-v3-add-workspace button {
  cursor: pointer;
}

.fd-v3-add-workspace-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.fd-v3-add-workspace.is-property-intro .fd-v3-add-workspace-head {
  justify-content: flex-end;
}

.fd-v3-add-workspace.is-property-intro [data-fd-add-workspace-title] {
  display: none;
}

.fd-v3-add-workspace.is-property-workspace .fd-v3-add-workspace-head {
  display: none;
}

.fd-v3-add-workspace.is-property-workspace [data-fd-add-workspace-close] {
  display: none;
}

.fd-v3-add-workspace-close {
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--link-color);
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  padding: 6px 0;
}

.fd-v3-add-workspace-close:hover,
.fd-v3-add-workspace-close:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fd-v3-add-workspace-close:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.6);
  outline-offset: 2px;
}

.fd-v3-add-workspace-body {
  display: grid;
  gap: 26px;
}

.fd-v3-add-extraction,
.fd-v3-add-review-summary {
  display: grid;
  gap: 14px;
}

.fd-v3-add-extraction p,
.fd-v3-add-review-summary p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.fd-v3-add-manual-link,
.fd-v3-add-text-link {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--link-color);
  cursor: pointer;
  font: inherit;
  font-weight: var(--font-weight-semibold);
  padding: 0;
}

.fd-v3-add-manual-link:hover,
.fd-v3-add-manual-link:focus-visible,
.fd-v3-add-text-link:hover,
.fd-v3-add-text-link:focus-visible {
  color: var(--link-hover-color);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.fd-v3-add-manual-link:focus-visible,
.fd-v3-add-text-link:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.6);
  outline-offset: 3px;
}

.fd-v3-supported-docs {
  display: grid;
  gap: 12px;
  margin-top: 2px;
}

.fd-v3-add-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.fd-v3-supported-doc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 8px;
}

.fd-v3-supported-doc-card {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-height: 82px;
  padding: 12px 8px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  text-align: center;
}

.fd-v3-supported-doc-card.is-required {
  border-color: rgba(47, 127, 168, 0.34);
  background: rgba(47, 127, 168, 0.04);
}

.fd-v3-supported-doc-icon,
.fd-v3-add-extraction-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(47, 127, 168, 0.08);
  color: var(--color-accent);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.fd-v3-supported-doc-card strong {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-v3-supported-doc-card small {
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.25;
}

.fd-v3-property-manual-option {
  display: grid;
  gap: 6px;
  padding-top: 18px;
  border-top: 1px solid #e2e8f3;
}

.fd-v3-property-manual-option > .type-card-title {
  margin: 0;
}

.fd-v3-property-manual-option > p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: 1.5;
}

.fd-v3-property-manual-option > .fd-v3-property-record {
  margin-top: 12px;
}

.fd-v3-property-record {
  display: grid;
  gap: 12px;
}

.fd-v3-property-review-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.fd-v3-property-review-stat {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
  background: #ffffff;
}

.fd-v3-property-review-stat strong {
  color: var(--color-ink-primary);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.fd-v3-property-review-stat span {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-v3-property-review-stat.is-complete {
  border-color: var(--color-success-border);
  background: var(--color-success-soft);
}

.fd-v3-property-review-stat.is-complete strong {
  color: var(--color-success);
}

.fd-v3-property-review-stat.is-attention {
  border-color: var(--color-danger-border);
  background: var(--color-danger-soft);
}

.fd-v3-property-review-stat.is-attention strong {
  color: color-mix(in srgb, var(--color-danger) 80%, var(--color-ink-primary));
}

.fd-v3-property-review-guidance {
  margin: -2px 0 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-v3-property-review-guidance[hidden] {
  display: none;
}

.fd-v3-property-record-section {
  display: grid;
  gap: 0;
  padding: 0;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.fd-v3-property-record-section:first-of-type {
  padding-top: 0;
  border-top: 1px solid #e2e8f3;
}

.fd-v3-property-record-section summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}

.fd-v3-property-record-section[open] summary {
  align-items: start;
  padding: 16px 18px;
  border-bottom: 1px solid rgba(146, 171, 201, 0.34);
  border-radius: 8px 8px 0 0;
  background: rgba(47, 127, 168, 0.06);
}

.fd-v3-property-record-section summary::-webkit-details-marker {
  display: none;
}

.fd-v3-property-record-section summary:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.fd-v3-property-record-section[open] .fd-v3-property-section-chevron {
  transform: rotate(180deg);
}

.fd-v3-property-section-head-copy {
  display: grid;
  gap: 0;
  min-width: 0;
}

.fd-v3-property-record-section[open] .fd-v3-property-section-head-copy {
  gap: 5px;
}

.fd-v3-property-record-section h6 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-property-record-section[open] h6 {
  font-size: 16px;
  line-height: 1.25;
}

.fd-v3-property-section-head-copy p {
  display: none;
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.4;
}

.fd-v3-property-record-section[open] .fd-v3-property-section-head-copy p {
  display: block;
}

.fd-v3-property-section-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  align-self: center;
  min-width: max-content;
}

.fd-v3-section-alert-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--color-danger) 80%, var(--color-ink-primary));
  color: #ffffff;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.fd-v3-section-alert-badge[hidden] {
  display: none;
}

.fd-v3-entity-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
  padding: 18px;
}

.fd-v3-entity-field {
  display: grid;
  gap: 6px;
  align-content: start;
  min-width: 0;
  padding: 0;
}

.fd-v3-entity-field.is-full-width {
  grid-column: 1 / -1;
}

.fd-v3-entity-field-label {
  display: block;
}

.fd-v3-entity-field-input {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border: 1px solid #dbe6f4;
  border-radius: 6px;
  padding: 7px 9px;
  color: var(--color-ink-primary);
  background: #ffffff;
  font: inherit;
  font-size: 14px;
  box-sizing: border-box;
}

.fd-v3-entity-field-input:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.42);
  outline-offset: 0;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 4px rgba(47, 127, 168, 0.12);
}

.fd-v3-entity-field-input.is-knowledge-requested {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.12);
}

.fd-v3-entity-field-value {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.fd-v3-entity-field-status {
  margin: -2px 0 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
}

.fd-v3-entity-field.is-needs-review {
  padding: 8px 10px 10px;
  border-left: 3px solid #d4a62f;
  border-radius: 6px;
  background: #fff8e5;
}

.fd-v3-entity-field.is-needs-review .fd-v3-statement-field-input {
  border-color: #ceb66c;
  background: #ffffff;
}

.fd-v3-connected-account-host {
  padding-top: 28px;
}

.connected-account-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-top: 28px;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #fbfcff;
}

.fd-v3-connected-account-host .connected-account-card {
  margin-top: 0;
}

.connected-account-card__graphic {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  align-items: center;
  padding-top: 2px;
  color: #5f7896;
}

.connected-account-card__institution-icon,
.connected-account-card__link-icon,
.connected-account-card__max-beacon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

.connected-account-card__institution-icon {
  width: 34px;
  height: 34px;
  border: 1px solid #d9e4f2;
  background: #ffffff;
  box-shadow: 0 0 0 3px #fbfcff;
}

.connected-account-card__link-icon {
  width: 26px;
  height: 26px;
  border: 1px solid #d9e4f2;
  background: #ffffff;
  color: var(--color-accent);
  box-shadow: 0 0 0 3px #fbfcff;
}

.connected-account-card__max-beacon {
  width: 30px;
  height: 30px;
  border: 1px solid #e0e7f2;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 0 0 3px #fbfcff;
}

.connected-account-card__institution-icon svg,
.connected-account-card__link-icon svg,
.connected-account-card__benefit-icon svg,
.connected-account-card__status-badge svg {
  width: 16px;
  height: 16px;
  display: block;
}

.connected-account-card__max-beacon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.connected-account-card__content {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.connected-account-card__content > .type-card-title,
.connected-account-card__status-row > .type-card-title {
  margin: 0;
}

.entity-sync-card.is-connected .connected-account-card__content {
  gap: 8px;
}

.connected-account-card__brand-heading {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--color-ink-primary);
  line-height: 1;
}

.connected-account-card__brand-logo {
  display: block;
  width: 26px;
  max-width: 100%;
  height: auto;
}

.connected-account-card__brand-lockup {
  gap: 7px;
  justify-content: flex-start;
}

.connected-account-card__brand-lockup .max-brand-particles {
  width: 24px;
}

.connected-account-card__brand-lockup .max-brand-wordmark {
  width: 48px;
}

.connected-account-card__brand-text {
  color: var(--color-ink-primary);
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.connected-account-card__success-title {
  padding-top: 4px;
  font-size: 21px;
  line-height: 1.12;
}

.connected-account-card__copy {
  display: grid;
  gap: 5px;
}

.connected-account-card__copy p,
.connected-account-card__security,
.connected-account-card__meta,
.connected-account-card__account {
  margin: 0;
}

.connected-account-card__copy p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.connected-account-card__benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.connected-account-card__benefits li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.connected-account-card__benefit-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: #607894;
}

.connected-account-card__connection-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, auto));
  justify-content: center;
  align-items: center;
  gap: 26px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.connected-account-card__connection-step {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}

.connected-account-card__connection-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 7px);
  width: 12px;
  height: 1px;
  background: #cfdbe8;
  transform: translateY(-50%);
}

.connected-account-card__connection-step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 18px);
  width: 5px;
  height: 5px;
  border-top: 1px solid #cfdbe8;
  border-right: 1px solid #cfdbe8;
  transform: translateY(-50%) rotate(45deg);
}

.connected-account-card__connection-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
}

.connected-account-card__connection-logo {
  display: block;
  width: 26px;
  max-width: 100%;
  height: auto;
}

.connected-account-card__action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}

.connected-account-card__cta-block {
  display: grid;
  justify-items: start;
  gap: 6px;
}

.connected-account-card__action {
  min-width: 0;
}

.connected-account-card__setup-note {
  margin: 0;
  color: #6f7f93;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
  text-align: center;
}

.connected-account-card__security {
  max-width: 360px;
  color: #7f8da0;
  font-size: 11px;
  line-height: 1.4;
}

.connected-account-card__status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.connected-account-card__status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 1px solid var(--color-success-border);
  border-radius: 999px;
  background: var(--color-success-soft);
  color: #2f6f45;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.connected-account-card__account {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.connected-account-card__meta {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.connected-account-card__kicker,
.connected-account-card__copy-line,
.connected-account-card__connected-copy {
  margin: 0;
}

.connected-account-card__kicker {
  color: #5d738f;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  text-transform: uppercase;
}

.connected-account-card__copy-line,
.connected-account-card__connected-copy {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.connected-account-card__status-badge.is-attention {
  border-color: #f1c98c;
  background: #fff7ea;
  color: #8a5b16;
}

.entity-sync-card.is-attention-required {
  border-color: #f0cf98;
  background: #fffaf0;
}

.connected-account-card__savings {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.connected-account-card__savings li {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.connected-account-card__savings strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.connected-account-card__value {
  display: grid;
  gap: 8px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #e5edf6;
}

.connected-account-card__value-heading {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.connected-account-card__savings-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  margin-top: 1px;
  border-radius: 999px;
  background: var(--color-success-soft);
  color: #2f6f45;
  flex: 0 0 auto;
}

.connected-account-card__savings-icon svg {
  width: 12px;
  height: 12px;
  display: block;
}

.connected-account-card__value-intro,
.connected-account-card__value-copy {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.connected-account-card__value-intro {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.connected-account-card__management {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dfe8f4;
  border-radius: 8px;
  background: #ffffff;
}

.connected-account-card__management p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .fd-v3-property-review-summary {
    grid-template-columns: 1fr;
  }

  .fd-v3-entity-field-grid {
    grid-template-columns: 1fr;
    padding-inline: 14px;
  }

  .fd-v3-connected-account-host {
    padding-top: 24px;
  }

  .connected-account-card {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
    padding: 16px;
  }

  .connected-account-card__graphic {
    justify-content: start;
  }

  .connected-account-card__graphic.is-autosync-flow {
    width: max-content;
  }

  .connected-account-card__benefits {
    display: grid;
    gap: 7px;
  }

  .connected-account-card__connection-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
  }

  .connected-account-card__connection-step {
    display: grid;
    justify-items: center;
    gap: 4px;
    font-size: 11px;
    white-space: normal;
  }

  .connected-account-card__connection-step:not(:last-child)::after {
    left: calc(100% + 4px);
    width: 8px;
  }

  .connected-account-card__connection-step:not(:last-child)::before {
    left: calc(100% + 11px);
  }
}

.fd-v3-property-record.is-prepared .fd-v3-property-record-section {
  animation: fdPropertySectionReveal 420ms ease both;
  animation-delay: calc(var(--fd-property-section-index) * 130ms);
}

@keyframes fdPropertySectionReveal {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fd-v3-add-extraction-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
}

.fd-v3-add-extraction-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 13px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.fd-v3-add-extraction-card h6 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.fd-v3-add-document-list,
.fd-v3-add-manual-workflow {
  display: grid;
  gap: 8px;
}

.fd-v3-add-document-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.fd-v3-add-document-card strong,
.fd-v3-add-manual-section strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-add-document-card span {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

.fd-v3-add-manual-section {
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.fd-v3-add-manual-section summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 12px;
  cursor: pointer;
  list-style: none;
}

.fd-v3-add-manual-section summary::-webkit-details-marker {
  display: none;
}

.fd-v3-add-manual-section summary:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.fd-v3-add-manual-section p {
  padding: 0 12px 12px 42px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-vehicle-add-section summary {
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.fd-vehicle-add-section[open] .fd-group-chevron {
  transform: rotate(180deg);
}

.fd-vehicle-add-section.is-complete .fd-v3-upload-step-index {
  background: rgba(47, 127, 168, 0.12);
  color: #2f7fa8;
}

.fd-vehicle-add-section-status {
  justify-self: end;
  border: 1px solid #dbe6f4;
  border-radius: 999px;
  padding: 3px 8px;
  color: var(--color-ink-secondary);
  background: #f8fbff;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
}

.fd-vehicle-add-section.is-complete .fd-vehicle-add-section-status {
  border-color: rgba(47, 127, 168, 0.22);
  color: #2f7fa8;
  background: rgba(47, 127, 168, 0.08);
}

.fd-vehicle-add-section-body {
  display: grid;
  gap: 12px;
  padding: 0 12px 14px 42px;
}

.fd-vehicle-add-section .fd-vehicle-add-section-help,
.fd-vehicle-add-section .fd-vehicle-add-readonly small,
.fd-vehicle-add-section .fd-vehicle-add-field small,
.fd-vehicle-add-section .fd-vehicle-add-document small {
  margin: 0;
  padding: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-vehicle-add-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fd-vehicle-add-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.fd-vehicle-add-field > span,
.fd-vehicle-add-readonly > span {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-vehicle-add-readonly {
  display: grid;
  gap: 5px;
  max-width: 320px;
  border: 1px solid #dbe6f4;
  border-radius: 8px;
  padding: 11px 12px;
  background: #f8fbff;
}

.fd-vehicle-add-readonly strong {
  color: var(--color-ink-primary);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1.1;
}

.fd-vehicle-add-document-list {
  display: grid;
  gap: 8px;
}

.fd-vehicle-add-document {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  padding: 10px 12px;
  background: #ffffff;
}

.fd-vehicle-add-document > span {
  display: grid;
  gap: 2px;
}

.fd-vehicle-add-document strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-vehicle-add-document .request-card-action {
  justify-self: end;
}

.fd-vehicle-add-review {
  display: grid;
  gap: 14px;
}

.fd-vehicle-add-review dl {
  display: grid;
  gap: 0;
  margin: 0;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.fd-vehicle-add-review dl > div {
  display: grid;
  grid-template-columns: minmax(120px, 0.45fr) minmax(0, 1fr);
  gap: 12px;
  padding: 10px 12px;
  border-top: 1px solid #edf2fb;
}

.fd-vehicle-add-review dl > div:first-child {
  border-top: 0;
}

.fd-vehicle-add-review dt,
.fd-vehicle-add-review dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.fd-vehicle-add-review dt {
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
}

.fd-vehicle-add-review dd {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-medium);
}

.fd-vehicle-add-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

@media (max-width: 720px) {
  .fd-vehicle-add-grid,
  .fd-vehicle-add-review dl > div {
    grid-template-columns: 1fr;
  }

  .fd-vehicle-add-section-body {
    padding-left: 12px;
  }

  .fd-vehicle-add-section summary {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .fd-vehicle-add-section summary .fd-group-chevron {
    display: none;
  }

  .fd-vehicle-add-document {
    grid-template-columns: 1fr;
  }

  .fd-vehicle-add-document .request-card-action {
    justify-self: start;
  }
}

.connected-account-card .connected-account-card__setup-note {
  padding: 0;
  color: #6f7f93;
  font-size: 12px;
  line-height: 1.35;
}

.connected-account-card .connected-account-card__security {
  padding: 0;
  color: #7f8da0;
  font-size: 11px;
  line-height: 1.4;
}

.fd-v3-add-workspace-steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fd-v3-add-workspace-steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  color: var(--color-ink-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-medium);
}

.fd-v3-add-document-guidance {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #dbe6f4;
  border-radius: 8px;
  background: rgba(47, 127, 168, 0.04);
}

.fd-v3-add-document-guidance-title {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
  margin: 0;
}

.fd-v3-details-grid div {
  display: grid;
  gap: 2px;
  padding: 8px 0;
  border-top: 1px solid #edf2fb;
}

.fd-v3-details-grid div:nth-child(-n + 2) {
  border-top: 0;
}

.fd-v3-details-grid dt {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-details-grid dd {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.4;
}

.fd-v3-details-grid dd.is-status-classification {
  color: #2b5877;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-details-grid dd.is-status-pending,
.fd-v3-details-grid dd.is-status-awaiting {
  color: #5b6b80;
  font-weight: var(--font-weight-medium);
}

.fd-v3-details-subvalue {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--color-ink-muted);
}

.fd-v3-details-subvalue.is-substatus {
  color: #4e6178;
}

.fd-v3-valuation-group {
  margin-top: 8px;
  padding: 14px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(47, 127, 168, 0.045) 0%, rgba(47, 127, 168, 0.022) 100%);
  display: grid;
  gap: 10px;
}

.fd-v3-valuation-title {
  margin: 0;
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-ink-primary);
}

.fd-v3-valuation-grid {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 16px;
}

.fd-v3-valuation-grid div {
  display: grid;
  gap: 2px;
  padding: 8px 0;
  border-top: 1px solid rgba(146, 171, 201, 0.28);
}

.fd-v3-valuation-grid div:nth-child(-n + 2) {
  border-top: 0;
}

.fd-v3-valuation-grid dt {
  margin: 0;
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.02em;
  color: var(--color-ink-muted);
}

.fd-v3-valuation-grid dd {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}

.fd-v3-valuation-grid div:first-child {
  border-bottom: 1px solid rgba(146, 171, 201, 0.34);
  padding-bottom: 12px;
}

.fd-v3-valuation-grid div:first-child dd {
  font-weight: 700;
}

.fd-v3-valuation-grid dd.is-status-pending,
.fd-v3-valuation-grid dd.is-status-awaiting {
  color: #5b6b80;
  font-weight: var(--font-weight-medium);
}

.fd-v3-valuation-observation {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #cfe0f2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42), 0 10px 22px rgba(31, 58, 90, 0.08);
}

.fd-v3-valuation-observation-title {
  margin: -2px 0 0;
  padding-block: 8px;
  font-size: 1.08rem;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-debt-history-group {
  margin-top: 2px;
  padding: 14px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(47, 127, 168, 0.04) 0%, rgba(47, 127, 168, 0.02) 100%);
  display: grid;
  gap: 10px;
}

.fd-v3-debt-history-title {
  margin: 0;
  font-size: 15px;
  font-weight: var(--font-weight-bold);
  color: var(--color-ink-primary);
}

.fd-v3-debt-history-source {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-muted);
}

.fd-v3-debt-history-empty {
  display: grid;
  gap: 8px;
}

.fd-v3-debt-history-empty-copy {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.fd-v3-debt-history-chart-shell {
  display: grid;
  gap: 12px;
  padding-bottom: 8px;
}

.fd-v3-debt-history-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
}

.fd-v3-debt-history-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-debt-history-marker {
  display: inline-block;
}

.fd-v3-debt-history-marker-line {
  width: 16px;
  height: 3px;
  border-radius: 999px;
  background: var(--color-accent);
}

.fd-v3-debt-history-marker-bar {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #c79ab2;
}

.fd-v3-debt-history-chart-wrap {
  width: 100%;
  padding-bottom: 4px;
}

.fd-v3-debt-history-chart {
  width: 100%;
  height: auto;
  display: block;
}

.fd-v3-debt-history-grid {
  stroke: rgba(146, 171, 201, 0.35);
  stroke-width: 1;
}

.fd-v3-debt-history-axis {
  stroke: rgba(110, 132, 158, 0.55);
  stroke-width: 1;
}

.fd-v3-debt-history-axis-label {
  fill: #5f6c80;
  font-size: 11px;
  font-weight: 500;
}

.fd-v3-debt-history-axis-title {
  fill: #5f6c80;
  font-size: 10px;
  font-weight: 600;
}

.fd-v3-debt-history-bar {
  fill: rgba(199, 154, 178, 0.75);
}

.fd-v3-summary.is-debt-analysis .fd-v3-summary-copy {
  margin-top: 12px;
  padding-top: 16px;
  border-top: 0;
}

.fd-v3-debt-history-line {
  fill: none;
  stroke: var(--color-accent);
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fd-v3-debt-history-point {
  fill: var(--color-accent);
  stroke: #ffffff;
  stroke-width: 1.5;
}

.fd-retirement-workspace .fd-retirement-growth-trend {
  fill: none;
  stroke: #aeb8c5;
  stroke-width: 1.35;
  stroke-dasharray: 5 5;
  stroke-linecap: round;
  opacity: 0.34;
}

.fd-retirement-workspace .fd-retirement-growth-chart svg {
  min-height: 0;
}

.fd-retirement-workspace .fd-retirement-contribution-marker {
  stroke: none;
  opacity: 0.74;
}

.fd-retirement-workspace .fd-retirement-contribution-marker.employee-contribution {
  fill: #2f9d68;
}

.fd-retirement-workspace .fd-retirement-contribution-marker.employer-match {
  fill: #2f7fa8;
}

.fd-retirement-workspace .fd-retirement-growth-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 13px;
  margin-top: 9px;
  color: var(--color-ink-muted);
  font-size: 0.8rem;
}

.fd-retirement-workspace .fd-retirement-growth-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.fd-retirement-workspace .fd-retirement-growth-legend i {
  display: inline-block;
  width: 18px;
  height: 0;
  border-top: 2px solid var(--color-accent);
}

.fd-retirement-workspace .fd-retirement-growth-legend .is-trend {
  border-top-color: #aeb8c5;
  border-top-style: dashed;
  border-top-width: 1.35px;
  opacity: 0.72;
}

.fd-retirement-workspace .fd-retirement-growth-legend .is-contribution {
  width: 7px;
  height: 7px;
  border: 0;
  border-radius: 999px;
  background: #2f9d68;
}

.fd-retirement-workspace .fd-retirement-growth-legend .is-contribution.employer-match {
  width: 8px;
  height: 8px;
  border-radius: 1px;
  background: #2f7fa8;
  transform: rotate(45deg);
}

.fd-retirement-workspace .fd-retirement-limit-field {
  display: inline-grid;
  gap: 5px;
  min-width: 96px;
}

.fd-retirement-workspace .fd-retirement-limit-mini {
  display: block;
  width: 86px;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8edf5;
}

.fd-retirement-workspace .fd-retirement-limit-mini span {
  display: block;
  width: var(--fd-retirement-limit-utilization, 0%);
  height: 100%;
  border-radius: inherit;
  background: var(--color-accent);
}

.fd-retirement-workspace .fd-retirement-max-observations ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-retirement-workspace [data-fd-retirement-max-analysis] .fd-income-max-group + .fd-income-max-group,
.fd-retirement-workspace [data-fd-retirement-max-analysis] .fd-income-next-action {
  padding-top: 12px;
  border-top: 1px solid #e6edf5;
}

.fd-retirement-workspace [data-fd-retirement-max-analysis] .fd-income-max-divider + .fd-income-max-body > .fd-income-max-group:first-child {
  padding-top: 0;
  border-top: 0;
}

.fd-retirement-workspace .fd-retirement-max-brand {
  gap: 8px;
}

.fd-retirement-workspace .fd-retirement-max-income {
  gap: 10px;
}

.fd-retirement-workspace .fd-retirement-max-income dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.fd-retirement-workspace .fd-retirement-max-income dl div {
  display: grid;
  gap: 4px;
}

.fd-retirement-workspace .fd-retirement-max-income dt {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fd-retirement-workspace .fd-retirement-max-income dd,
.fd-retirement-workspace .fd-retirement-max-why p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-retirement-workspace .fd-retirement-max-income .request-card-action {
  justify-self: start;
}

.fd-retirement-workspace .fd-bank-statement-row {
  padding-block: 8px;
}

.fd-v3-connected-account-host--recommended.fd-v3-connected-account-host--retirement .connected-account-card__copy p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.fd-v3-connected-account-host--recommended.fd-v3-connected-account-host--retirement .connected-account-card__cta-block {
  gap: 14px;
  margin-top: 36px;
}

.fd-v3-summary-copy {
  display: grid;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  color: var(--color-ink-secondary);
  line-height: 1.58;
}

.fd-v3-summary-copy p {
  margin: 0;
  line-height: 1.58;
}

.fd-v3-summary-copy p:has([data-fd-property-upload]) {
  margin-block: 8px 6px;
}

.fd-v3-summary-brief {
  display: grid;
  gap: 10px;
}

.fd-v3-summary-item {
  display: grid;
  gap: 2px;
}

.fd-v3-summary-item-label {
  margin: 0;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-ink-muted);
}

.fd-v3-summary-note {
  font-size: 12px;
  color: var(--color-ink-muted);
}

.fd-v3-summary.is-income-investigation .fd-v3-summary-head {
  display: none;
}

.fd-v3-summary.is-income-investigation .fd-v3-summary-copy {
  gap: 14px;
  padding: 0;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}

.fd-income-investigation {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.fd-income-section {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #e4ebf5;
  border-radius: 8px;
  background: #ffffff;
}

.fd-income-summary-section,
.fd-income-history {
  background: #ffffff;
}

.fd-income-section-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}

.fd-income-section-head h4,
.fd-income-section-head p {
  margin: 0;
}

.fd-income-section-head p {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
  text-align: right;
}

.fd-income-summary-identity {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-income-summary-identity h4,
.fd-income-summary-identity p {
  margin: 0;
}

.fd-income-summary-identity h4 {
  font-size: 18px;
  line-height: 1.2;
}

.fd-income-summary-identity > p:last-child {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.fd-income-summary-kicker {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fd-income-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.fd-income-summary-grid--primary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.fd-income-metric {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
}

.fd-income-summary-grid--primary .fd-income-metric {
  padding: 12px;
}

.fd-income-metric dt,
.fd-income-metric dd {
  margin: 0;
}

.fd-income-metric dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  line-height: 1.25;
}

.fd-income-metric dd {
  min-width: 0;
  color: var(--color-ink-primary);
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.fd-income-summary-grid--primary .fd-income-metric dd {
  font-size: 20px;
  line-height: 1.12;
}

.fd-income-status-support {
  margin: -2px 0 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.fd-income-summary-secondary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding-top: 2px;
}

.fd-income-summary-secondary div {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.fd-income-summary-secondary dt,
.fd-income-summary-secondary dd {
  margin: 0;
}

.fd-income-summary-secondary dt {
  color: var(--color-ink-muted);
  font-size: 10px;
}

.fd-income-summary-secondary dd {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.fd-income-metric.is-verified {
  border-color: var(--color-success-border);
  background: var(--color-success-soft);
}

.fd-income-metric.is-review {
  border-color: #ead7a0;
  background: #fff9ea;
}

.fd-income-metric.is-missing {
  border-color: #f0c7b8;
  background: #fff3ee;
}

.fd-income-evidence-sources {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  padding-top: 2px;
}

.fd-income-evidence-sources span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid #dbe6f4;
  border-radius: 999px;
  background: #ffffff;
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-income-evidence-sources .fd-income-evidence-source-label {
  padding-inline: 0;
  border: 0;
  background: transparent;
  color: var(--color-ink-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.fd-income-history-chart {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-height: 190px;
  padding: 14px 12px 12px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
}

.fd-income-history-year {
  display: grid;
  grid-template-rows: minmax(116px, 1fr) auto auto;
  gap: 6px;
  min-width: 0;
  align-items: end;
  text-align: center;
}

.fd-income-history-year.is-latest .fd-income-history-bar {
  background: linear-gradient(180deg, #2f7fa8 0%, #5eaa8b 100%);
  box-shadow: 0 9px 18px rgba(47, 127, 168, 0.2);
}

.fd-income-history-year.is-latest strong {
  color: #1f5f7f;
}

.fd-income-history-bar-wrap {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  height: 100%;
  min-height: 116px;
  border-radius: 8px;
  background: repeating-linear-gradient(180deg, rgba(146, 171, 201, 0.16) 0 1px, transparent 1px 28px);
  overflow: hidden;
}

.fd-income-history-bar {
  width: min(38px, 62%);
  height: var(--fd-income-bar-height, 20%);
  border-radius: 7px 7px 3px 3px;
  background: linear-gradient(180deg, #5d95d8 0%, #75b6a0 100%);
  box-shadow: 0 8px 16px rgba(53, 91, 128, 0.16);
}

.fd-income-history-year strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.fd-income-history-year span {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.fd-income-history-year em {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
}

.fd-income-history-observation p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.fd-income-history-observation {
  margin: -2px 0 0;
}

.fd-income-history-source-note {
  margin: -4px 0 0;
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.4;
}

.fd-benefit-entry {
  display: grid;
  gap: 14px;
}

.fd-benefit-entry-error {
  padding: 10px 12px;
  border: 1px solid #f0c7b8;
  border-radius: 8px;
  background: #fff3ee;
  color: #8a3f28;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
}

.fd-benefit-entry-error:focus-visible {
  outline: 2px solid rgba(138, 63, 40, 0.45);
  outline-offset: 2px;
}

.fd-benefit-entry-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 14px;
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
}

.fd-benefit-entry-field {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.fd-benefit-entry-input {
  font-variant-numeric: tabular-nums;
}

.fd-benefit-entry-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px 18px;
  align-items: center;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid #edf2fb;
}

.fd-benefit-entry-helper {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.4;
}

.fd-benefit-entry-actions {
  grid-column: 2;
  justify-self: end;
  grid-template-columns: auto;
  justify-content: end;
  gap: 0;
  margin-top: 0;
}

.fd-benefit-breakdown-list {
  display: grid;
  gap: 0;
  margin: 0;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.fd-benefit-breakdown-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: baseline;
  padding: 10px 12px;
  border-top: 1px solid #edf2fb;
}

.fd-benefit-breakdown-row:first-child {
  border-top: 0;
}

.fd-benefit-breakdown-row dt,
.fd-benefit-breakdown-row dd {
  margin: 0;
}

.fd-benefit-breakdown-row dt {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.fd-benefit-breakdown-row dd {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fd-benefit-breakdown-row.is-total {
  background: #fbfdff;
}

.fd-benefit-breakdown-row.is-total dt,
.fd-benefit-breakdown-row.is-total dd {
  color: #2b5877;
}

.fd-income-evidence .fd-v3-evidence-workspace,
.fd-income-evidence .fd-v3-evidence-body {
  gap: 8px;
}

.fd-v3-evidence-optional-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e3eaf7;
  border-radius: 8px;
  background: #ffffff;
}

.fd-v3-evidence-optional-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.fd-v3-evidence-optional-status {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef4fb;
  color: #506680;
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-v3-evidence-optional-card > .request-card-action {
  justify-self: start;
}

.fd-benefit-supporting-documents .fd-v3-evidence-body {
  margin-top: 2px;
}

.fd-income-chain {
  display: grid;
  grid-template-columns: repeat(6, minmax(92px, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fd-income-chain-node {
  position: relative;
  display: grid;
  gap: 7px;
  align-content: space-between;
  min-width: 0;
  min-height: 96px;
  padding: 9px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
}

.fd-income-chain-node:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  color: #7b8fa8;
  font-size: 15px;
  font-weight: var(--font-weight-bold);
}

.fd-income-chain-node strong,
.fd-income-chain-node span,
.fd-income-chain-node em {
  display: block;
}

.fd-income-chain-node strong {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-income-chain-node span {
  margin-top: 4px;
  color: var(--color-ink-secondary);
  font-size: 11px;
  line-height: 1.35;
}

.fd-income-chain-node em {
  width: fit-content;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-income-chain-node.is-verified {
  border-color: var(--color-success-border);
  background: var(--color-success-soft);
}

.fd-income-chain-node.is-verified em {
  background: #dcefe4;
  color: #2f6f45;
}

.fd-income-chain-node.is-review {
  border-color: #ead7a0;
  background: #fff9ea;
}

.fd-income-chain-node.is-review em {
  background: #f8e9bd;
  color: #7a5815;
}

.fd-income-chain-node.is-missing {
  border-color: #f0c7b8;
  background: #fff3ee;
}

.fd-income-chain-node.is-missing em {
  background: #f8d9ce;
  color: #8a3f28;
}

.fd-income-findings {
  position: relative;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  padding: 16px;
  border: 1px solid #cfe0f2;
  border-radius: 10px;
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42), 0 10px 22px rgba(31, 58, 90, 0.08);
}

.fd-income-findings .fd-income-max-heading {
  margin: -2px 0 0;
  padding-block: 8px;
  font-size: 1.08rem;
  font-weight: var(--font-weight-semibold);
}

.fd-max-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  width: 100%;
}

.fd-max-card-header .max-assistant-heading {
  min-width: 0;
}

.fd-income-findings .max-assistant-heading__particle,
.fd-expense-max-section .max-assistant-heading__particle,
.fd-v3-valuation-observation .max-assistant-heading__particle,
.fd-v3-summary.fd-max-card-accent .max-assistant-heading__particle {
  width: 1.15em;
}

.fd-income-findings .max-assistant-heading__wordmark,
.fd-expense-max-section .max-assistant-heading__wordmark,
.fd-v3-valuation-observation .max-assistant-heading__wordmark,
.fd-v3-summary.fd-max-card-accent .max-assistant-heading__wordmark {
  width: 3em;
}

.fd-income-max-divider {
  height: 1px;
  margin: 2px 0 14px;
  background: #ccdaea;
}

.fd-income-max-body {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: 720px;
}

.fd-approved-accent-left {
  box-shadow: var(--fd-approved-accent-left-shadow);
}

.fd-v3-summary.fd-max-card-accent {
  position: relative;
  gap: 12px;
  padding: 16px;
  border: 1px solid #cfe0f2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42), 0 10px 22px rgba(31, 58, 90, 0.08);
  overflow: hidden;
}

.fd-v3-summary.fd-max-card-accent .fd-v3-summary-copy {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.fd-income-max-body h5,
.fd-income-max-body p,
.fd-income-max-body ul,
.fd-income-max-body li {
  margin: 0;
}

.fd-income-max-group {
  display: grid;
  gap: 7px;
  padding-top: 12px;
  border-top: 1px solid #ccdaea;
}

.fd-income-max-group--assessment {
  padding-top: 12px;
  border-top: 1px solid #ccdaea;
}

.fd-income-max-body h5 {
  color: #34495e;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.fd-income-max-body p {
  color: #2f4053;
  font-size: 13px;
  line-height: 1.45;
}

.fd-income-next-action {
  display: grid;
  gap: 7px;
  padding-top: 12px;
  border-top: 1px solid #ccdaea;
}

.fd-income-next-action p {
  color: #184f78;
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.45;
}

.fd-income-next-action--primary {
  padding: 12px 14px;
  border: 1px solid #c8dff3;
  border-radius: 10px;
  background: #edf7ff;
}

.fd-income-next-action--primary p {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.fd-income-next-action--primary em {
  color: #506680;
  font-size: 12px;
  font-style: normal;
  line-height: 1.4;
}

.fd-income-next-action--primary p span {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 18px;
  line-height: 1.1;
}

.fd-max-confidence {
  display: grid;
  gap: 4px;
  min-width: 96px;
  padding: 6px 8px;
  border: 1px solid #cfe0f2;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 6px 14px rgba(31, 58, 90, 0.08);
}

.fd-max-confidence span,
.fd-max-confidence em {
  color: #34495e;
  font-size: 10px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-max-confidence strong {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-max-confidence i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #2f9d68;
  box-shadow: 0 0 0 3px rgba(47, 157, 104, 0.12);
}

.fd-max-confidence--moderate i {
  background: #d69a2d;
  box-shadow: 0 0 0 3px rgba(214, 154, 45, 0.14);
}

.fd-max-confidence--limited i {
  background: #c96b5c;
  box-shadow: 0 0 0 3px rgba(201, 107, 92, 0.14);
}

@media (max-width: 640px) {
  .fd-max-card-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .fd-max-confidence {
    justify-self: start;
  }
}

.fd-max-checklist,
.fd-max-issue-list {
  display: grid;
  gap: 6px;
  padding: 0;
  list-style: none;
}

.fd-max-checklist li,
.fd-max-issue-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: #2f4053;
  font-size: 13px;
  line-height: 1.35;
}

.fd-max-checklist li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  border: 1px solid #b8cbe0;
  border-radius: 4px;
  background: #ffffff;
}

.fd-max-checklist li.is-complete span {
  border-color: #2f7fa8;
  background: #e7f3fb;
}

.fd-max-checklist li.is-complete span::before {
  content: "✓";
  color: #2f7fa8;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.fd-max-issue-list li::before {
  content: "!";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  border-radius: 999px;
  background: #fff4db;
  color: #9b6b10;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.fd-max-attention-groups {
  display: grid;
  gap: 8px;
}

.fd-max-attention-group {
  display: grid;
  gap: 5px;
}

.fd-max-attention-group h6,
.fd-max-attention-group ul {
  margin: 0;
}

.fd-max-attention-group h6 {
  color: #34495e;
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.fd-max-attention-group ul {
  display: grid;
  gap: 5px;
  padding: 0;
  list-style: none;
}

.fd-max-attention-group li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  color: #2f4053;
  font-size: 13px;
  line-height: 1.35;
}

.fd-max-attention-group li span {
  color: #9b6b10;
  font-weight: var(--font-weight-semibold);
}

.fd-max-attention-group--high li span {
  color: #8a3f28;
}

.fd-max-overall-status {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-self: start;
  font-weight: var(--font-weight-semibold);
}

.fd-max-overall-status span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #d69a2d;
  box-shadow: 0 0 0 3px rgba(214, 154, 45, 0.14);
}

.fd-max-overall-status--complete span {
  background: #2f9d68;
  box-shadow: 0 0 0 3px rgba(47, 157, 104, 0.12);
}

.fd-max-overall-status--information span {
  background: #c96b5c;
  box-shadow: 0 0 0 3px rgba(201, 107, 92, 0.14);
}

.fd-income-max-group--supported .fd-income-evidence-sources {
  padding-top: 0;
}

.fd-max-supported-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  align-items: center;
}

.fd-max-supported-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid #d5e3f2;
  border-radius: 999px;
  background: #ffffff;
  color: #506680;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-item-status-line {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
}

.fd-item-status-line.state-success {
  color: var(--color-success);
}

.fd-item-status-line.state-review {
  color: var(--color-review);
}

.fd-item-status-line.state-attention {
  color: var(--color-attention);
}

.fd-v3-evidence-workspace {
  display: grid;
  gap: 14px;
}

.fd-v3-evidence-status-card {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #cfe0f2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42), 0 10px 22px rgba(31, 58, 90, 0.08);
}

.fd-v3-evidence-status-head {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: baseline;
  justify-content: space-between;
  padding-left: 2px;
}

.fd-v3-evidence-status-head p,
.fd-v3-evidence-status-head span,
.fd-v3-evidence-status-metric h5,
.fd-v3-evidence-status-metric p,
.fd-v3-evidence-readiness h5,
.fd-v3-evidence-readiness p,
.fd-v3-evidence-status-next h5,
.fd-v3-evidence-status-next p,
.fd-v3-evidence-status-view,
.fd-v3-evidence-status-actions {
  margin: 0;
}

.fd-v3-evidence-status-head p {
  color: var(--color-ink-primary);
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-v3-evidence-status-head span {
  color: #506680;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fd-v3-evidence-status-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.fd-v3-evidence-status-metric,
.fd-v3-evidence-readiness {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #d5e3f2;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
}

.fd-v3-evidence-status-metric h5,
.fd-v3-evidence-readiness h5,
.fd-v3-evidence-status-next h5 {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fd-v3-evidence-status-bar {
  height: 8px;
  border-radius: 999px;
  background: #e2edf8;
  overflow: hidden;
}

.fd-v3-evidence-status-bar span {
  display: block;
  width: calc(var(--fd-progress, 0) * 1%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(47, 127, 168, 0.92) 0%, rgba(47, 127, 168, 0.58) 100%);
}

.fd-v3-evidence-status-metric p {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-v3-evidence-status-metric strong {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-readiness {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, 1fr);
  align-items: center;
}

.fd-v3-evidence-readiness h5 {
  grid-column: auto;
}

.fd-v3-evidence-readiness strong {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-self: start;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ffe2d8;
  color: #8a3f28;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-v3-evidence-readiness strong::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #c96b5c;
  box-shadow: 0 0 0 3px rgba(201, 107, 92, 0.14);
}

.fd-v3-evidence-readiness.is-ready strong {
  background: var(--color-success-soft);
  color: #2f6f45;
}

.fd-v3-evidence-readiness.is-ready strong::before {
  background: #2f9d68;
  box-shadow: 0 0 0 3px rgba(47, 157, 104, 0.12);
}

.fd-v3-evidence-readiness p {
  display: block;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-v3-evidence-readiness p span {
  display: none;
}

.fd-v3-evidence-status-next {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid #c8dff3;
  border-radius: 8px;
  background: #edf7ff;
}

.fd-v3-evidence-status-next p {
  color: #2f6f45;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.fd-v3-evidence-status-actions,
.fd-v3-evidence-requirement-actions {
  display: grid;
  gap: 5px;
  padding: 0;
  list-style: none;
}

.fd-v3-evidence-status-actions li,
.fd-v3-evidence-requirement-actions li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.fd-v3-evidence-status-actions li span,
.fd-v3-evidence-requirement-actions li span {
  color: #2f7fa8;
  line-height: 1;
}

.fd-v3-evidence-status-view {
  appearance: none;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #c8dff3;
  border-radius: 8px;
  background: #ffffff;
  justify-self: start;
  color: #2f7fa8;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
  cursor: pointer;
}

.fd-v3-evidence-status-view:hover,
.fd-v3-evidence-status-view:focus-visible {
  border-color: #98c6e5;
  background: #f7fbff;
}

.fd-v3-statement-archive-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  justify-self: start;
  margin: -2px 0 0;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
  color: #2b5877;
}

.fd-v3-evidence-body--archive {
  gap: 0;
}

.fd-v3-evidence-compact-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 8px 10px;
  border: 1px solid #e3eaf7;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-v3-evidence-compact-head p {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  align-items: center;
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-v3-evidence-compact-head strong {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-compact-head span {
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-head {
  display: grid;
  gap: 10px;
  padding: 15px;
  border: 1px solid #e3eaf7;
  border-radius: 12px;
  background: linear-gradient(180deg, #fbfdff 0%, #f6f9fe 100%);
}

.fd-v3-evidence-head-title {
  margin: 0;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.fd-v3-evidence-progress {
  height: 9px;
  border-radius: 999px;
  background: #e6edf8;
  overflow: hidden;
}

.fd-v3-evidence-progress-fill {
  display: block;
  width: calc(var(--fd-progress, 0) * 1%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(47, 127, 168, 0.82) 0%, rgba(47, 127, 168, 0.58) 100%);
}

.fd-v3-evidence-head-copy {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-evidence-head-needed {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-ink-muted);
}

.fd-v3-evidence-missing-list {
  margin: -2px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 4px;
  color: var(--color-ink-primary);
  font-size: 12px;
}

.fd-v3-evidence-body {
  display: grid;
  gap: 14px;
}

.fd-v3-evidence-body--compact {
  gap: 6px;
}

.fd-v3-evidence-requirement {
  display: block;
  overflow: hidden;
  padding: 12px;
  border: 1px solid #e3eaf7;
  border-radius: 12px;
  background: #ffffff;
}

.fd-v3-evidence-requirement-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  cursor: pointer;
  list-style: none;
}

.fd-v3-evidence-requirement-summary::-webkit-details-marker {
  display: none;
}

.fd-v3-evidence-requirement-head {
  display: grid;
  gap: 4px;
}

.fd-v3-evidence-requirement-title {
  margin: 0;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.fd-v3-evidence-requirement-copy {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-evidence-requirement-count {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  align-items: center;
  font-size: 11px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-medium);
}

.fd-v3-evidence-requirement-status {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-v3-evidence-requirement-status.is-verified {
  background: var(--color-success-soft);
  color: #2f6f45;
}

.fd-v3-evidence-requirement-status.is-review {
  background: #fff3cf;
  color: #7a5815;
}

.fd-v3-evidence-requirement-status.is-missing {
  background: #ffe2d8;
  color: #8a3f28;
}

.fd-income-evidence .fd-v3-evidence-requirement {
  padding: 9px 10px;
  border-radius: 8px;
}

.fd-income-evidence .fd-v3-evidence-requirement.is-review {
  border-color: #ead7a0;
  background: #fffdf7;
}

.fd-income-evidence .fd-v3-evidence-requirement.is-missing {
  border-color: #f0c7b8;
  background: #fffaf7;
}

.fd-income-evidence .fd-v3-evidence-requirement-head {
  gap: 5px;
}

.fd-v3-evidence-requirement-next {
  margin: 1px 0 0;
  display: grid;
  gap: 1px;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-evidence-requirement-next-label {
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #506680;
}

.fd-v3-evidence-requirement-toggle {
  width: 20px;
  height: 20px;
  color: var(--color-ink-secondary);
}

.fd-v3-evidence-requirement-toggle svg {
  width: 20px;
  height: 20px;
  transition: transform 180ms ease;
}

.fd-v3-evidence-requirement-accordion[open] .fd-v3-evidence-requirement-toggle svg {
  transform: rotate(180deg);
}

.fd-v3-evidence-items {
  display: grid;
  gap: 6px;
  margin-top: 12px;
}

.fd-v3-evidence-item {
  display: grid;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #e4ebf7;
  border-radius: 8px;
  background: #ffffff;
}

.fd-v3-evidence-item-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.fd-v3-evidence-item-copy {
  display: grid;
  gap: 2px;
}

.fd-v3-evidence-item-copy strong {
  font-size: 13px;
  color: var(--color-ink-primary);
}

.fd-v3-evidence-row-main {
  display: block;
  min-width: 0;
}

.fd-v3-evidence-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.fd-v3-evidence-status-check {
  color: #2f7f4f;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-status-review {
  font-size: 12px;
  color: #9a6514;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-status-missing {
  font-size: 12px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-item-support {
  font-size: 12px;
  color: var(--color-ink-muted);
}

.fd-v3-evidence-item-statusline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-medium);
}

.fd-v3-evidence-status-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  font-size: 11px;
  line-height: 1;
}

.fd-v3-evidence-item.status-uploaded {
  border-color: #e7edf8;
  background: #ffffff;
}

.fd-v3-evidence-item.status-uploaded .fd-v3-evidence-item-statusline {
  color: #6f8197;
}

.fd-v3-evidence-item.status-uploaded .fd-v3-evidence-status-icon {
  color: #2f7f4f;
}

.fd-v3-evidence-item.status-review {
  padding-top: 11px;
  padding-bottom: 11px;
  border-color: #e3d2af;
  background: #fffaf0;
}

.fd-v3-evidence-item.status-review .fd-v3-evidence-item-statusline {
  color: #8b6221;
}

.fd-v3-evidence-item.status-review .fd-v3-evidence-status-icon {
  color: #a46b16;
}

.fd-v3-evidence-inline-warning,
.fd-v3-evidence-inline-guidance {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
}

.fd-v3-evidence-inline-warning {
  color: #6b4c18;
}

.fd-v3-evidence-inline-guidance {
  color: #4f6782;
}

.fd-v3-evidence-doc-summary {
  cursor: pointer;
  list-style: none;
}

.fd-v3-evidence-doc-summary::-webkit-details-marker {
  display: none;
}

.fd-v3-evidence-doc-toggle {
  width: 18px;
  height: 18px;
  color: var(--color-ink-secondary);
}

.fd-v3-evidence-doc-toggle svg {
  width: 18px;
  height: 18px;
  transition: transform 180ms ease;
}

.fd-v3-evidence-doc-accordion[open] .fd-v3-evidence-doc-toggle svg {
  transform: rotate(180deg);
}

.fd-v3-evidence-doc-details {
  margin-top: 2px;
  display: grid;
  gap: 8px;
}

.fd-v3-evidence-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.fd-v3-evidence-step {
  font-size: 10px;
  color: var(--color-ink-secondary);
  border: 1px solid #e6edf8;
  border-radius: 999px;
  padding: 2px 7px;
  background: #fbfdff;
}

.fd-v3-evidence-item.status-uploaded .fd-v3-evidence-step {
  border-color: #e3eee5;
  background: #f8fcf9;
}

.fd-v3-evidence-item.status-review .fd-v3-evidence-step {
  border-color: #dce8f6;
  background: #f8fbff;
}

.fd-v3-evidence-item.status-missing .fd-v3-evidence-step {
  border-color: #e6edf8;
  background: #fbfdff;
}

.fd-v3-evidence-note {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-evidence-extract {
  display: grid;
  gap: 8px;
  padding: 11px 12px;
  border: 1px solid #e3eaf7;
  border-radius: 8px;
  background: #f9fbff;
}

.fd-v3-evidence-extract-title {
  margin: 0;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
}

.fd-v3-evidence-extract-grid {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
}

.fd-v3-evidence-extract-grid div {
  display: grid;
  gap: 1px;
}

.fd-v3-evidence-extract-grid dt {
  margin: 0;
  font-size: 11px;
  color: #617287;
}

.fd-v3-evidence-extract-grid dd {
  margin: 0;
  font-size: 13px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.fd-v3-evidence-open-chevron {
  border: 0;
  background: transparent;
  color: var(--color-ink-secondary);
  padding: 0;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.fd-v3-evidence-open-chevron:hover,
.fd-v3-evidence-open-chevron:focus-visible {
  color: var(--color-ink-primary);
}

.fd-v3-evidence-open-chevron .fd-group-chevron,
.fd-v3-evidence-open-chevron .fd-group-chevron svg {
  width: 18px;
  height: 18px;
}

.fd-v3-evidence-future-action {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  color: var(--color-ink-secondary);
  visibility: hidden;
  white-space: nowrap;
}

.fd-v3-evidence-item.status-missing {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px dashed #b8cbe6;
  background: #f4f8ff;
}

.fd-v3-evidence-item.status-missing .fd-v3-evidence-item-statusline {
  color: #2f5f8d;
}

.fd-v3-evidence-item.status-missing .fd-v3-evidence-status-icon {
  color: #326c9d;
}

.fd-v3-evidence-item.status-missing .request-card-action {
  font-weight: var(--font-weight-semibold);
}

.fd-v3-evidence-item.fd-v3-evidence-row[data-evidence-row-open-source] {
  cursor: pointer;
}

.fd-v3-evidence-item.fd-v3-evidence-row[data-evidence-row-open-source]:hover {
  border-color: #c7d9ee;
}

.fd-v3-evidence-item.fd-v3-evidence-row[data-evidence-row-open-source]:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 1px;
}

.fd-v3-statement-workspace {
  display: grid;
  gap: 10px;
  opacity: 1;
  transition: opacity 220ms ease;
}

.fd-v3-statement-workspace.is-transitioning-review {
  opacity: 0.32;
}

.fd-v3-statement-head {
  display: grid;
  gap: 10px;
}

.fd-v3-statement-head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.fd-v3-statement-head-row .type-card-title {
  margin: 0;
}

.fd-v3-statement-breadcrumb {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  color: var(--link-color);
  text-decoration: none;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-v3-statement-breadcrumb:hover,
.fd-v3-statement-breadcrumb:focus-visible {
  text-decoration: underline;
}

.fd-v3-detail-section .fd-v3-statement-source {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-medium);
}

@media (max-width: 900px) {
  .fd-v3-statement-breadcrumb {
    font-size: 11px;
  }
}

@media (max-width: 600px) {
  .fd-expense-summary-head,
  .fd-expense-bridge,
  .fd-expense-suggestion,
  .fd-expense-composition-layout,
  .fd-expense-composition-legend,
  .fd-expense-dashboard-metrics,
  .fd-expense-transaction-metrics {
    grid-template-columns: 1fr;
  }

  .fd-expense-dashboard-card {
    padding: 14px;
  }

  .fd-expense-transaction-ledger {
    overflow: visible;
  }

  .fd-expense-transaction-ledger table,
  .fd-expense-transaction-ledger thead,
  .fd-expense-transaction-ledger tbody,
  .fd-expense-transaction-ledger tr,
  .fd-expense-transaction-ledger th,
  .fd-expense-transaction-ledger td {
    display: block;
    min-width: 0;
  }

  .fd-expense-transaction-ledger thead {
    display: none;
  }

  .fd-expense-transaction-ledger tr {
    padding: 10px 12px;
    border-bottom: 1px solid #edf2fb;
  }

  .fd-expense-transaction-ledger tr:last-child {
    border-bottom: 0;
  }

  .fd-expense-transaction-ledger td {
    display: grid;
    grid-template-columns: minmax(92px, 0.7fr) minmax(0, 1fr);
    gap: 8px;
    padding: 4px 0;
    border-bottom: 0;
  }

  .fd-expense-transaction-ledger td::before {
    content: attr(data-label);
    color: var(--color-ink-muted);
    font-size: 10px;
    font-weight: var(--font-weight-semibold);
    line-height: 1.35;
    text-transform: uppercase;
  }

  .fd-expense-summary-head > strong,
  .fd-expense-suggestion .request-card-action {
    justify-self: start;
  }

  .fd-v3-statement-head-row {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 6px 12px;
  }

  .fd-v3-statement-breadcrumb {
    flex-basis: 100%;
    flex-shrink: 1;
  }
}

.fd-v3-statement-viewer {
  border: 1px solid #d9e4f5;
  border-radius: 12px;
  background: #f8fbff;
  padding: 6px;
}

.fd-v3-statement-viewer-shell {
  height: clamp(900px, 92vh, 1000px);
  min-height: 900px;
  border: 1px solid #d2dff2;
  border-radius: 10px;
  background: linear-gradient(180deg, #f4f8ff 0%, #edf4ff 100%);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 4px;
  padding: 3px;
}

.fd-v3-statement-viewer-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  border: 1px solid #d2def1;
  border-radius: 8px;
  background: #ffffff;
}

.fd-v3-statement-viewer-doc-meta {
  display: grid;
  gap: 0;
}

.fd-v3-statement-viewer-controls {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fd-v3-statement-viewer-controls--navigation {
  justify-self: center;
}

.fd-v3-statement-viewer-toolbar .fd-v3-statement-viewer-page {
  margin: 0;
  min-width: 92px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #d5e0f1;
  background: #f7faff;
  color: #4b5f77;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fd-v3-viewer-control {
  text-decoration: none;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #cedbef;
  background: #ffffff;
  color: var(--color-ink-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  transition: border-color 150ms ease, background-color 150ms ease;
}

.fd-v3-viewer-control[disabled],
.fd-v3-viewer-control[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
}

.fd-v3-viewer-control:hover {
  border-color: #afc3e2;
  background: #f5f9ff;
}

.fd-v3-viewer-control:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 1px;
}

.fd-v3-statement-pdf-shell {
  height: 100%;
  min-height: 0;
  border: 1px solid #d0ddf0;
  border-radius: 8px;
  background: #f7fafe;
  display: grid;
  place-items: center;
  padding: 4px;
  box-sizing: border-box;
  overflow: hidden;
}

.fd-v3-statement-pdf-status {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-statement-pdf-canvas {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid #d5deec;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(20, 40, 62, 0.1);
}

.fd-v3-statement-viewer-file {
  margin: 0;
  font-size: 11px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-upload-workspace {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid #e7edf8;
  border-radius: 12px;
  background: #ffffff;
}

.fd-v3-statement-upload-copy {
  margin: 0;
  font-size: 13px;
  color: var(--color-ink-secondary);
  line-height: 1.5;
}

.fd-v3-statement-dropzone {
  display: grid;
  justify-items: center;
  gap: 13px;
  padding: 52px 20px;
  border: 1px dashed #aebfd7;
  border-radius: 12px;
  background: linear-gradient(180deg, #fcfdff 0%, #f4f8fe 100%);
  text-align: center;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.fd-v3-statement-dropzone:hover,
.fd-v3-statement-dropzone.is-dragging {
  border-color: #7f9fc5;
  background: #ecf3fe;
}

.fd-v3-statement-dropzone:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 1px;
}

.fd-v3-statement-dropzone-icon {
  margin: 0;
  padding-top: 2px;
  font-size: 31px;
  line-height: 1;
  color: #41526d;
}

.fd-v3-statement-dropzone .fd-v3-statement-dropzone-icon {
  font-size: 31px;
  line-height: 1;
  color: #41526d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fd-v3-statement-dropzone-title,
.fd-v3-statement-dropzone-or,
.fd-v3-statement-dropzone-accepted {
  margin: 0;
}

.fd-v3-statement-dropzone-title {
  font-size: 18px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-dropzone-or {
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-statement-dropzone-accepted {
  font-size: 12px;
  color: var(--color-ink-muted);
}

.fd-v3-statement-upload-reassurance {
  margin: -1px 0 0;
  font-size: 11px;
  line-height: 1.4;
  color: #718198;
}

.fd-v3-statement-upload-next {
  display: grid;
  gap: 7px;
  padding: 2px 0 0;
}

.fd-v3-statement-upload-next-title {
  margin: 0;
  font-size: 12px;
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-upload-next-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 6px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  position: relative;
}

.fd-v3-statement-upload-next-list::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: #e2e9f4;
}

.fd-v3-statement-upload-next-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  position: relative;
}

.fd-v3-upload-step-index {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid #cfdbec;
  background: #ffffff;
  color: #6e7e94;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-processing {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e3eaf7;
  border-radius: 12px;
  background: #ffffff;
}

.fd-v3-statement-processing-title {
  margin: 0;
  font-size: 14px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-upload-filecard {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  padding: 10px;
  border: 1px solid #d9e3f3;
  border-radius: 10px;
  background: #f8fbff;
}

.fd-v3-statement-upload-file-icon {
  margin: 0;
  font-size: 22px;
  line-height: 1;
}

.fd-v3-statement-upload-file-meta {
  display: grid;
  gap: 2px;
}

.fd-v3-statement-upload-file-name,
.fd-v3-statement-upload-file-state {
  margin: 0;
}

.fd-v3-statement-upload-file-name {
  font-size: 13px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-upload-file-state {
  font-size: 11px;
  color: var(--color-ink-secondary);
}

.fd-v3-statement-processing-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.fd-v3-statement-processing-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.fd-v3-statement-processing-state {
  color: #8a99ad;
  font-size: 12px;
  line-height: 1;
}

.fd-v3-statement-processing-row > span:last-child {
  font-size: 13px;
  color: var(--color-ink-secondary);
  transition: opacity 160ms ease;
}

.fd-v3-statement-processing-row.is-active .fd-v3-statement-processing-state {
  color: var(--color-accent);
}

.fd-v3-statement-processing-row.is-complete .fd-v3-statement-processing-state,
.fd-v3-statement-processing-row.is-complete > span:last-child {
  color: #2f7f4f;
}

.fd-v3-statement-review-region {
  display: grid;
  gap: 8px;
  margin-top: 4px;
  padding: 10px 10px 12px;
  border: 1px solid #e7edf8;
  border-radius: 10px;
  background: #fcfdff;
}

.fd-v3-statement-review-region.is-preview-mode,
.fd-v3-statement-review-region.is-manual-edit-mode {
  gap: 6px;
  padding-bottom: 8px;
}

.fd-v3-statement-complete-message {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #d8ebde;
  border-radius: 8px;
  background: #f4fbf6;
  color: #2f6f45;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
}

.fd-v3-statement-complete-message.is-manual-edit {
  border-color: #ead8a7;
  background: #fff9ea;
  color: #6c531a;
}

.fd-v3-statement-complete-message span:first-child {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #dff3e5;
  color: #2f7f4f;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-statement-complete-message.is-manual-edit span:first-child {
  background: #f7e8be;
  color: #8b6819;
}

.fd-v3-statement-complete-message span:last-child {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.fd-v3-statement-complete-message strong,
.fd-v3-statement-complete-message small {
  margin: 0;
}

.fd-v3-statement-complete-message small {
  color: #7a6740;
  font-size: 11px;
  line-height: 1.3;
}

.fd-v3-statement-panels {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

.fd-v3-statement-panel {
  display: grid;
  gap: 6px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
}

.fd-v3-statement-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.fd-v3-statement-section-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.fd-v3-statement-panel .type-card-title {
  margin: 0;
  padding-top: 2px;
  font-size: 14px;
}

.fd-v3-statement-review-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
  border-top: 1px solid #e6edf7;
  border-bottom: 1px solid #e6edf7;
}

.fd-v3-statement-manual-legend {
  margin: 0;
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  color: var(--color-ink-secondary);
  font-size: 11px;
  line-height: 1.35;
}

.fd-v3-statement-manual-legend::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #d4a62f;
  box-shadow: 0 0 0 3px rgba(212, 166, 47, 0.13);
}

.fd-v3-statement-field-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
  min-height: 44px;
  padding: 8px 0;
  border-top: 1px solid #edf2fb;
  box-sizing: border-box;
  transition: border-color 160ms ease, background-color 160ms ease;
}

.fd-v3-statement-field-row:nth-child(-n + 2) {
  border-top: 0;
}

.fd-v3-statement-field-row.is-full-width {
  grid-column: 1 / -1;
}

.fd-v3-statement-field-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.fd-v3-statement-field-label,
.fd-v3-statement-field-value {
  margin: 0;
}

.fd-v3-statement-field-label {
  font-size: 11px;
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
}

.fd-v3-statement-field-value {
  font-size: 14px;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}

.fd-v3-statement-field-result {
  min-width: 0;
}

.fd-v3-statement-field-input-wrap {
  display: grid;
  gap: 0;
  max-width: none;
}

.fd-v3-statement-field-input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #ceb66c;
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 14px;
  color: var(--color-ink-primary);
  background: #ffffff;
  box-sizing: border-box;
}

.fd-v3-statement-field-input:focus-visible {
  outline: 2px solid rgba(206, 182, 108, 0.55);
  outline-offset: 0;
  border-color: #b8973f;
  box-shadow: 0 0 0 4px rgba(212, 177, 70, 0.16);
}

.fd-v3-statement-field-row.is-needs-review {
  position: relative;
  padding-inline: 8px;
  border-left: 3px solid #d4a62f;
  background: #fff8e5;
}

.fd-v3-statement-field-row.is-summary {
  background: transparent;
}

.fd-v3-statement-field-row.is-manual-edit {
  background: transparent;
}

.fd-v3-statement-field-row.is-manual-edit .fd-v3-statement-field-input {
  border-color: #d8bf76;
  background: #fffaf0;
  box-shadow: inset 0 0 0 1px rgba(216, 191, 118, 0.16);
}

.fd-v3-statement-action-tag {
  justify-self: start;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid #d8be72;
  background: #fff2c7;
  color: #5f4611;
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
}

.fd-v3-statement-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: -2px;
}

.fd-v3-statement-actions--review {
  margin-top: 0;
}

.fd-v3-statement-actions .primary-action {
  margin-left: auto;
}

.fd-v3-statement-actions .request-card-action {
  margin-left: auto;
}

.fd-v3-statement-actions.fd-benefit-entry-actions {
  grid-template-columns: auto;
  gap: 0;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .fd-v3-statement-viewer-shell {
    height: clamp(720px, 82vh, 800px);
    min-height: 720px;
  }
}

@media (max-width: 767px) {
  .fd-v3-statement-viewer-shell {
    height: clamp(520px, 70vh, 620px);
    min-height: 520px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fd-v3-statement-workspace,
  .fd-v3-statement-dropzone,
  .fd-v3-statement-field-row,
  .fd-v3-statement-processing-row > span:last-child {
    transition-duration: 1ms !important;
  }
}

.fd-v3-workspace-shell {
  min-width: 0;
}

.fd-v3-workspace-shell .max-workflow__steps {
  min-width: 0;
}

.fd-v3-asset-analytics {
  --fd-marital-color: var(--color-accent);
  --fd-separate-color: #c79ab2;
  display: grid;
  gap: 12px;
  align-items: center;
  margin-bottom: 28px;
  padding: 12px;
  border: 1px solid #e2e8f3;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
}

.fd-v3-asset-analytics--debt {
  --fd-marital-color: var(--color-accent);
  --fd-separate-color: #c79ab2;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.fd-v3-cc-profile {
  gap: 0;
  margin-top: 4px;
  margin-bottom: 8px;
}

.fd-v3-cc-profile-heading {
  display: grid;
  gap: 2px;
  margin-bottom: 10px;
}

.fd-v3-cc-profile-heading p {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: var(--color-ink-muted);
  opacity: 0.9;
}

.fd-v3-cc-profile-top {
  display: block;
  min-width: 0;
  margin-bottom: 20px;
  padding-top: 6px;
}

.fd-v3-cc-chart-stack {
  display: grid;
  grid-template-columns: 264px max-content;
  gap: 68px;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  transform: translateX(10px);
}

.fd-v3-asset-donut.fd-v3-cc-category-donut {
  width: 256px;
  box-shadow: 0 8px 18px rgba(24, 48, 72, 0.12), 0 2px 5px rgba(24, 48, 72, 0.08);
}

.fd-v3-asset-donut.fd-v3-cc-category-donut::after {
  inset: 56px;
}

.fd-v3-asset-donut.fd-v3-cc-category-donut .fd-v3-asset-donut-center {
  display: grid;
  justify-items: center;
  gap: 0;
  text-align: center;
}

.fd-v3-asset-donut.fd-v3-cc-category-donut .fd-v3-asset-donut-center strong {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-ink-primary);
}

.fd-v3-cc-category-legend {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(5, auto);
  grid-template-columns: repeat(2, 178px);
  gap: 9px;
  column-gap: 10px;
  align-self: center;
  min-width: 0;
  transform: translateY(8px);
}

.fd-v3-cc-legend-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.fd-v3-cc-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-top: 3px;
  border: 1px solid rgba(24, 48, 72, 0.2);
}

.my-matter-explorer-record {
  gap: 6px;
  padding: 8px 10px;
}
.my-matter-explorer-record .fd-v3-record-copy {
  gap: 0;
}
.my-matter-explorer-record .fd-v3-record-copy strong {
  line-height: 1.22;
}
.my-matter-explorer-record .fd-v3-record-copy small {
  line-height: 1.22;
}
.fd-v3-cc-legend-row strong,
.fd-v3-cc-legend-row span {
  display: block;
}

.fd-v3-cc-legend-row strong {
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
  line-height: 1.35;
}

.fd-v3-cc-legend-row span {
  font-size: 10px;
  color: var(--color-ink-muted);
  font-variant-numeric: tabular-nums;
  line-height: 1.38;
}

.fd-v3-cc-summary-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  align-content: start;
}

.fd-v3-cc-metric {
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  padding: 9px 11px;
  background: #ffffff;
  min-width: 0;
}

.fd-v3-cc-metric h6,
.fd-v3-cc-metric p {
  margin: 0;
}

.fd-v3-cc-metric h6 {
  font-size: 9px;
  text-transform: none;
  letter-spacing: 0.04em;
  color: var(--color-ink-muted);
  line-height: 1.45;
}

.fd-v3-cc-metric p {
  margin-top: 3px;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}

.fd-v3-cc-metric-value-part {
  display: block;
}

.fd-v3-cc-section-heading {
  margin: 0;
  font-size: 13px;
  color: var(--color-ink-primary);
}

.fd-v3-cc-observation {
  margin: 2px 0 1px;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
}

.fd-v3-cc-attorney-insights {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.fd-v3-cc-observation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.fd-v3-cc-observation-card {
  border: 1px solid #e2e8f3;
  border-radius: 10px;
  background: #ffffff;
  padding: 9px 10px;
  display: grid;
  gap: 4px;
}

.fd-v3-cc-observation-card h6 {
  margin: 0 0 1px;
  font-size: 10px;
  line-height: 1.3;
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-semibold);
}

.fd-v3-cc-observation-card p {
  margin: 0;
  font-size: 11px;
  color: var(--color-ink-secondary);
  line-height: 1.4;
}

.fd-v3-cc-observation-head {
  font-size: 11px;
  color: var(--color-ink-primary) !important;
  font-weight: var(--font-weight-semibold);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.fd-v3-cc-observation-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--fd-cc-observation-accent, #f2be57);
  flex-shrink: 0;
}

.fd-v3-asset-analytics-title {
  margin: 0;
}

.fd-v3-asset-analytics-top {
  display: grid;
  grid-template-columns: minmax(108px, 40%) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.fd-v3-asset-analytics-chart {
  display: grid;
  justify-items: center;
}

.fd-v3-asset-donut {
  --fd-marital-share: 82.66;
  --fd-separate-share: 17.34;
  width: 104px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(var(--fd-marital-color) 0 calc(var(--fd-marital-share) * 1%), var(--fd-separate-color) 0 100%);
  position: relative;
  display: grid;
  place-items: center;
  box-shadow: 0 8px 18px rgba(24, 48, 72, 0.12), 0 2px 5px rgba(24, 48, 72, 0.08);
}

.fd-v3-asset-donut::after {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: inherit;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(226, 232, 243, 0.95);
}

.fd-v3-asset-donut-center {
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
  letter-spacing: 0.01em;
}

.fd-v3-asset-analytics-body {
  min-width: 0;
  display: grid;
  gap: 10px;
}

.fd-v3-asset-analytics-stats {
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 8px 12px;
}

.fd-v3-asset-analytics-stats div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.fd-v3-asset-analytics-stats dt {
  margin: 0;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-ink-muted);
  line-height: 1.25;
}

.fd-v3-asset-analytics-stats dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-ink-primary);
  line-height: 1.25;
}

.fd-v3-asset-analytics-legend {
  display: grid;
  gap: 10px;
  font-size: 12px;
  color: var(--color-ink-secondary);
}

.fd-v3-asset-legend-divider {
  height: 1px;
  background: #e2e8f3;
}

.fd-v3-asset-legend-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.fd-v3-asset-legend-item strong,
.fd-v3-asset-legend-item span {
  display: block;
}

.fd-v3-asset-legend-item strong {
  color: var(--color-ink-primary);
  font-size: 12px;
}

.fd-v3-asset-legend-item span {
  color: var(--color-ink-secondary);
  font-variant-numeric: tabular-nums;
}

.fd-v3-income-sources-analytics .fd-v3-asset-analytics-top {
  grid-template-columns: minmax(132px, 42%) minmax(0, 1fr);
  gap: 12px;
}

.fd-v3-income-sources-analytics .fd-v3-asset-donut {
  width: 128px;
}

.fd-v3-income-sources-analytics .fd-v3-asset-donut::after {
  inset: 18px;
}

.fd-v3-income-sources-analytics .fd-v3-asset-analytics-legend {
  gap: 8px;
}

.fd-v3-income-sources-analytics .fd-v3-asset-legend-item {
  gap: 9px;
  align-items: center;
}

.fd-v3-income-sources-analytics .fd-v3-asset-legend-item strong {
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.18;
}

.fd-v3-income-sources-analytics .fd-v3-asset-legend-item span:not(.fd-v3-asset-swatch) {
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.25;
}

.fd-v3-asset-swatch {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  display: inline-block;
  border: 1px solid rgba(24, 48, 72, 0.16);
  margin-top: 2px;
}

.fd-v3-asset-swatch-marital {
  background: var(--fd-marital-color);
}

.fd-v3-asset-swatch-separate {
  background: var(--fd-separate-color);
}

.fd-v3-asset-swatch-total {
  background: #243247;
}

.fd-v3-summary-head {
  display: block;
}

.fd-v3-option-label {
  display: block;
  margin: 0 0 7px;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.fd-v3-summary.is-credit-card-analysis .fd-v3-summary-copy {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 0;
}

.fd-v3-summary.is-bank-account-analysis .fd-v3-summary-copy {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.fd-v3-summary.is-bank-account-analysis {
  margin-bottom: 0;
}

.fd-bank-workspace {
  display: grid;
  gap: 18px;
}

.fd-bank-account-summary,
.fd-bank-max-workspace {
  display: grid;
  gap: 15px;
  padding: 19px 21px 20px;
  border: 1px solid #bfd8ea;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 46%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.34), 0 10px 22px rgba(31, 58, 90, 0.07);
}

.fd-bank-account-summary-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
}

.fd-bank-account-summary-head h4,
.fd-bank-account-summary-head p,
.fd-bank-account-summary-grid,
.fd-bank-account-summary-grid dt,
.fd-bank-account-summary-grid dd,
.fd-bank-account-observation p,
.fd-bank-max-block h5,
.fd-bank-max-block p,
.fd-bank-max-list {
  margin: 0;
}

.fd-bank-account-summary-head p {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.fd-bank-account-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(47, 127, 168, 0.13);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.fd-bank-account-summary-grid div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px 14px;
  border-left: 1px solid rgba(47, 127, 168, 0.11);
}

.fd-bank-account-summary-grid div:first-child {
  border-left: 0;
}

.fd-bank-account-summary-grid dt {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.fd-bank-account-summary-grid dd {
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.fd-bank-account-observation {
  display: grid;
  gap: 5px;
}

.fd-bank-account-observation strong,
.fd-bank-max-block h5 {
  color: var(--color-ink-primary);
  font-size: 12.5px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.fd-bank-account-observation p,
.fd-bank-max-block p {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.fd-v3-summary-copy .fd-v3-bank-analysis-intro {
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.45 !important;
  max-width: 68ch;
}

.fd-real-estate-max-section {
  position: relative;
  padding: 19px 21px 20px;
  border: 1px solid #bfd8ea;
  border-radius: 10px;
  background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 46%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.34), 0 10px 22px rgba(31, 58, 90, 0.07);
}

.fd-real-estate-max-guidance {
  display: grid;
  gap: 15px;
}

.fd-real-estate-max-brand {
  margin: 0;
}

.fd-real-estate-max-brand .max-assistant-heading__particle {
  width: 1.2em;
}

.fd-real-estate-max-brand .max-assistant-heading__wordmark {
  width: 3.15em;
}

.fd-real-estate-max-copy {
  display: grid;
  gap: 15px;
  max-width: 760px;
}

.fd-real-estate-max-copy h5,
.fd-real-estate-max-copy p {
  margin: 0;
}


.fd-property-valuation-section {
  padding: 0;
  border: 1px solid rgba(30, 47, 63, 0.14);
  background: #fff;
}

.fd-property-valuation-shell {
  display: grid;
  gap: 0.5rem;
  padding: 0.72rem 0.85rem 0.78rem;
}

.fd-property-valuation-head {
  display: grid;
  gap: 0;
}

.fd-property-valuation-head p,
.fd-property-valuation-tile-context,
.fd-property-valuation-tile-action,
.fd-property-valuation-custom-form span,
.fd-property-valuation-form-error {
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.35;
  color: #5c6670;
}

.fd-property-valuation-tiles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.72rem;
}

.fd-property-valuation-tile {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  align-items: start;
  gap: 0.24rem;
  min-width: 0;
  min-height: 6.3rem;
  padding: 0.5rem 0.54rem;
  border: 1px solid rgba(30, 47, 63, 0.14);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: left;
  font: inherit;
  appearance: none;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

button.fd-property-valuation-tile {
  cursor: pointer;
}

button.fd-property-valuation-tile:hover,
button.fd-property-valuation-tile:focus-visible {
  border-color: rgba(47, 127, 168, 0.32);
  box-shadow: 0 7px 16px rgba(30, 47, 63, 0.06);
  transform: translateY(-1px);
  outline: none;
}

.fd-property-valuation-tile.is-working {
  border-color: rgba(47, 127, 168, 0.58);
  background: #f3f9fc;
  box-shadow: 0 8px 18px rgba(47, 127, 168, 0.11);
  transform: translateY(-1px);
}

.fd-property-valuation-tile.is-unavailable {
  background: #fbfaf7;
}

.fd-property-valuation-tile-label,
.fd-property-valuation-tile-value,
.fd-property-valuation-tile-context,
.fd-property-valuation-tile-action {
  display: block;
  min-width: 0;
}

.fd-property-valuation-tile-label {
  color: #263746;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.2;
}

.fd-property-valuation-tile-value {
  color: #1f2f3f;
  font-size: clamp(0.92rem, 1.4vw, 1.08rem);
  font-weight: 740;
  line-height: 1;
}

.fd-property-valuation-tile.is-working .fd-property-valuation-tile-value {
  font-size: clamp(1.04rem, 1.6vw, 1.18rem);
  font-weight: 780;
}

.fd-property-valuation-tile.is-unavailable .fd-property-valuation-tile-value {
  font-size: 0.82rem;
  line-height: 1.15;
}

.fd-property-valuation-tile-context {
  align-self: start;
}

.fd-property-valuation-tile-action {
  align-self: start;
  width: max-content;
  max-width: 100%;
  padding: 0;
  color: #65717b;
  font-size: 0.63rem;
  font-weight: 700;
}

.fd-property-valuation-tile.is-working .fd-property-valuation-tile-action {
  padding: 0.12rem 0.28rem;
  border-radius: 999px;
  background: #dff0f8;
  color: #2f6f91;
}

.fd-property-valuation-custom-trigger {
  justify-self: start;
  padding: 0.02rem 0 0;
  border: 0;
  background: transparent;
  color: #2f6f91;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 680;
  cursor: pointer;
}

.fd-property-valuation-custom-trigger:hover,
.fd-property-valuation-custom-trigger:focus-visible {
  text-decoration: underline;
  outline: none;
}

.fd-property-valuation-custom-form {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.65rem;
  margin-top: 0.18rem;
  padding: 0.5rem 0 0;
  border: 1px solid rgba(30, 47, 63, 0.12);
  border-width: 1px 0 0;
}

.fd-property-valuation-custom-form label {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 700;
  color: #263746;
}

.fd-property-valuation-custom-form input[type="text"] {
  width: 100%;
  min-height: 2.35rem;
  padding: 0.55rem 0.65rem;
  border: 1px solid rgba(30, 47, 63, 0.18);
  border-radius: 6px;
  font: inherit;
  font-size: 0.88rem;
  color: #1f2f3f;
  background: #fff;
}

.fd-property-valuation-form-error {
  grid-column: 1 / -1;
  color: #9a3d31;
}

@media (max-width: 720px) {
  .fd-property-valuation-tiles {
    grid-template-columns: 1fr;
  }

  .fd-property-valuation-tile {
    min-height: 5.8rem;
  }
}

.fd-real-estate-max-copy h5 {
  color: var(--color-ink-primary);
  font-size: 12.5px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
  letter-spacing: 0;
}

.fd-real-estate-max-copy p {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.fd-real-estate-max-analysis-block {
  display: grid;
  gap: 5px;
}

.fd-real-estate-max-analysis-block + .fd-real-estate-max-analysis-block {
  padding-top: 11px;
  border-top: 1px solid rgba(47, 127, 168, 0.14);
}

.fd-real-estate-max-relationship-list {
  display: grid;
  gap: 8px;
  margin: 1px 0 0;
}

.fd-real-estate-max-relationship-list div {
  display: grid;
  grid-template-columns: minmax(132px, 0.52fr) minmax(0, 1fr);
  gap: 12px;
  align-items: baseline;
}

.fd-real-estate-max-relationship-list dt,
.fd-real-estate-max-relationship-list dd {
  margin: 0;
}

.fd-real-estate-max-relationship-list dt {
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.35;
}

.fd-real-estate-max-relationship-list dd {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  color: var(--color-ink-primary);
  font-size: 13.5px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.fd-real-estate-max-relationship-list dd span {
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.fd-real-estate-max-documents {
  gap: 9px;
}

.fd-real-estate-max-needed-list,
.fd-real-estate-max-reference-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fd-real-estate-max-needed-list li,
.fd-real-estate-max-document-reference {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.fd-real-estate-max-needed-list div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.fd-real-estate-max-needed-list strong,
.fd-real-estate-max-document-reference span {
  color: var(--color-ink-primary);
  font-size: 13.5px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.fd-real-estate-max-needed-list div span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.4;
}

.fd-real-estate-max-document-action {
  white-space: nowrap;
}

.fd-real-estate-max-reference-list {
  gap: 6px;
  padding-top: 1px;
}

.fd-real-estate-max-document-reference {
  grid-template-columns: minmax(0, max-content) auto;
  justify-content: start;
  gap: 8px;
}

.fd-real-estate-max-document-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #2f7fa8;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  cursor: pointer;
}

.fd-real-estate-max-document-link:hover,
.fd-real-estate-max-document-link:focus-visible {
  text-decoration: underline;
  outline: none;
}

@media (max-width: 520px) {
  .fd-real-estate-max-section {
    padding: 17px 16px 18px;
  }

  .fd-real-estate-max-relationship-list div {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .fd-real-estate-max-needed-list li {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}

.fd-asset-required-documents-workspace {
  display: grid;
  gap: 8px;
}

.fd-asset-required-documents,
.fd-asset-required-documents-list {
  display: grid;
  gap: 10px;
}

.fd-asset-required-document {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 13px 0;
  border-top: 1px solid #edf2fb;
}

.fd-asset-required-document:first-child {
  border-top: 0;
  padding-top: 0;
}

.fd-asset-required-document-copy {
  display: grid;
  gap: 4px;
}

.fd-asset-required-document-copy strong,
.fd-asset-required-document-copy span,
.fd-asset-required-document-status,
.fd-asset-completion-message {
  margin: 0;
}

.fd-asset-required-document-copy strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.3;
}

.fd-asset-required-document-copy span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-asset-required-document-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
}

.fd-asset-required-document.status-uploaded .fd-asset-required-document-status span {
  color: #2d7a56;
}

.fd-asset-required-document.status-missing .fd-asset-required-document-status span {
  color: #9b6b24;
}

.fd-asset-completion-message {
  padding-top: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.fd-v3-bank-analysis-section {
  display: grid;
  gap: 14px;
  margin-top: 0;
}

.fd-v3-bank-metrics-section {
  margin-top: 0;
}

.fd-v3-bank-cashflow {
  padding: 18px 18px 20px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(31, 58, 90, 0.06);
}

.fd-v3-bank-cashflow-legend {
  align-items: start;
  gap: 10px 16px;
}

.fd-v3-bank-cashflow-legend-group {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.fd-v3-bank-cashflow-legend-group > strong {
  color: var(--color-ink-secondary);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.fd-v3-bank-cashflow-legend-items {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.fd-v3-bank-cashflow-marker {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
  border: 1px solid rgba(24, 48, 72, 0.16);
}

.fd-v3-bank-cashflow-marker.is-deposit,
.fd-v3-bank-cashflow-bar.is-deposit {
  background: #6fa7d8;
}

.fd-v3-bank-cashflow-marker.is-withdrawal,
.fd-v3-bank-cashflow-bar.is-withdrawal {
  background: #d8b45f;
}

.fd-v3-bank-cashflow-marker.is-net {
  border-radius: 999px;
  background: #eef3f8;
}

.fd-v3-bank-cashflow-chart {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
  min-width: 0;
  padding-top: 10px;
}

.fd-v3-bank-cashflow-month {
  display: grid;
  grid-template-rows: auto 174px auto;
  gap: 8px;
  align-items: end;
  min-width: 0;
}

.fd-v3-bank-cashflow-month.is-selected .fd-v3-bank-cashflow-label {
  color: var(--color-ink-primary);
}

.fd-v3-bank-cashflow-net {
  display: grid;
  justify-items: center;
  gap: 1px;
  justify-self: center;
  max-width: 100%;
  min-width: 44px;
  padding: 4px 6px;
  border-radius: 999px;
  background: #f5f8fb;
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.fd-v3-bank-cashflow-net span {
  color: var(--color-ink-muted);
  font-size: 8px;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.fd-v3-bank-cashflow-net strong {
  font-size: 10px;
  line-height: 1.05;
}

.fd-v3-bank-cashflow-net.is-positive {
  color: #2f6b54;
  background: #edf7f1;
}

.fd-v3-bank-cashflow-net.is-negative {
  color: #8a5a23;
  background: #fff5df;
}

.fd-v3-bank-cashflow-bars {
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 5px;
  height: 174px;
  min-width: 0;
  border-bottom: 1px solid rgba(110, 132, 158, 0.38);
  background: linear-gradient(180deg, rgba(146, 171, 201, 0.16) 1px, transparent 1px) 0 0 / 100% 34.5px;
}

.fd-v3-bank-cashflow-bar {
  appearance: none;
  border: 0;
  padding: 0;
  width: min(22px, 42%);
  height: var(--fd-bank-bar-height, 0%);
  min-height: 7px;
  border-radius: 4px 4px 0 0;
  box-shadow: inset 0 0 0 1px rgba(24, 48, 72, 0.12);
  cursor: pointer;
  overflow: hidden;
  transition: box-shadow 160ms ease, filter 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.fd-v3-bank-cashflow-bar:hover,
.fd-v3-bank-cashflow-bar:focus-visible {
  filter: saturate(1.05);
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(24, 48, 72, 0.18), 0 0 0 3px rgba(93, 149, 216, 0.18);
}

.fd-v3-bank-cashflow-bar.is-selected {
  box-shadow: inset 0 0 0 1px rgba(24, 48, 72, 0.22), 0 0 0 3px rgba(93, 149, 216, 0.20);
  transform: translateY(-2px);
}

.fd-v3-bank-cashflow-bar.is-deposit {
  display: flex;
  flex-direction: column-reverse;
  background: transparent;
}

.fd-v3-bank-cashflow-segment {
  display: block;
  min-height: 2px;
  height: var(--fd-bank-segment-height, 0%);
  background: var(--fd-bank-segment-color, #6fa7d8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.fd-v3-bank-cashflow-label {
  min-width: 0;
  text-align: center;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-v3-bank-month-mobile {
  display: none;
}

.fd-v3-bank-profile .fd-v3-asset-donut-center small {
  display: block;
  margin-top: 1px;
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
}

.fd-v3-bank-profile .fd-v3-cc-profile-top {
  margin-bottom: 20px;
}

.fd-v3-bank-profile .fd-v3-cc-chart-stack {
  grid-template-columns: 300px minmax(288px, 380px);
  gap: 82px;
  width: min(100%, 780px);
  transform: none;
}

.fd-v3-bank-profile .fd-v3-cc-category-legend {
  grid-auto-flow: row;
  grid-template-rows: none;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 11px 16px;
  width: 100%;
  transform: none;
}

.fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut {
  width: 292px;
}

.fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
  inset: 64px;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-chart-stack {
  grid-template-columns: 160px minmax(380px, 400px);
  gap: 40px;
  width: min(100%, 600px);
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-asset-analytics-chart {
  justify-self: center;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-asset-donut.fd-v3-cc-category-donut {
  width: 146px;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
  inset: 32px;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-asset-donut.fd-v3-cc-category-donut .fd-v3-asset-donut-center strong {
  font-size: 20.4px;
  line-height: 1;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-category-legend {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 8px 14px;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-legend-row {
  gap: 6px;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-legend-dot {
  width: 10px;
  height: 10px;
  margin-top: 4px;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-legend-row strong {
  font-size: 16.2px;
  font-weight: 600;
  line-height: 1.16;
}

.fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-legend-row span {
  font-size: 14.2px;
  font-weight: 400;
  line-height: 1.18;
}

[data-fd-bank-breakdown-host] {
  transition: opacity 160ms ease;
}

[data-fd-bank-breakdown-host].is-updating {
  opacity: 0.72;
}

.fd-v3-financial-breakdown {
  display: block;
}

.fd-v3-bank-classification-note {
  margin: -2px 0 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.45;
}

.fd-bank-max-brand {
  margin: 0;
}

.fd-bank-max-brand .max-assistant-heading__particle {
  width: 1.2em;
}

.fd-bank-max-brand .max-assistant-heading__wordmark {
  width: 3.15em;
}

.fd-bank-max-block {
  display: grid;
  gap: 7px;
}

.fd-bank-max-block + .fd-bank-max-block {
  padding-top: 12px;
  border-top: 1px solid rgba(47, 127, 168, 0.14);
}

.fd-bank-max-insights,
.fd-bank-max-cross-references {
  display: grid;
  gap: 11px;
}

.fd-bank-max-insights {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fd-bank-max-insight-group {
  display: grid;
  gap: 6px;
  padding: 11px 12px 12px;
  border: 1px solid rgba(47, 127, 168, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.fd-bank-max-insight-group h6 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.fd-bank-max-insight-group.is-attention {
  border-color: rgba(183, 125, 44, 0.18);
  background: rgba(255, 250, 242, 0.76);
}

.fd-bank-max-list {
  display: grid;
  gap: 7px;
  padding: 0;
  list-style: none;
}

.fd-bank-max-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: var(--color-ink-secondary);
  font-size: 13.5px;
  line-height: 1.4;
}

.fd-bank-max-list span {
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.fd-bank-max-list.is-attention span {
  color: #9b6b24;
}

.fd-bank-max-insight-group .fd-bank-max-list,
.fd-bank-max-block .fd-bank-max-list.is-attention {
  gap: 8px;
}

.fd-bank-max-insight-group .fd-bank-max-list li,
.fd-bank-max-block .fd-bank-max-list.is-attention li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  padding-left: 0;
}

.fd-bank-max-insight-group.is-attention .fd-bank-max-list span,
.fd-bank-max-block .fd-bank-max-list.is-attention span {
  color: #9b6b24;
}

.fd-bank-max-cross-panel {
  display: grid;
  gap: 0;
  border: 1px solid rgba(47, 127, 168, 0.13);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.fd-bank-max-cross-reference {
  display: grid;
  grid-template-columns: auto minmax(120px, 0.5fr) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px 12px;
  border-top: 1px solid rgba(47, 127, 168, 0.1);
}

.fd-bank-max-cross-reference:first-child {
  border-top: 0;
}

.fd-bank-max-cross-reference > span {
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.fd-bank-max-cross-reference strong {
  color: var(--color-ink-primary);
  font-size: 12.5px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.fd-bank-max-cross-reference p,
.fd-bank-max-empty {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13.5px;
  line-height: 1.4;
}

.fd-bank-statement-archive {
  display: grid;
  gap: 11px;
}

.fd-bank-statement-archive-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.fd-bank-statement-archive-head p,
.fd-bank-statement-list {
  margin: 0;
}

.fd-bank-statement-archive-head p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.4;
}

.fd-bank-statement-archive-head span {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-bank-statement-list {
  display: grid;
  padding: 0;
  border: 1px solid #e5edf6;
  border-radius: 8px;
  overflow: hidden;
  list-style: none;
  background: #fff;
}

.fd-bank-statement-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 11px 13px;
  border-top: 1px solid #edf2fb;
}

.fd-bank-statement-row:first-child {
  border-top: 0;
}

.fd-bank-statement-row.is-uploaded {
  color: var(--color-ink-muted);
  background: #fbfcfe;
}

.fd-bank-statement-row.is-review,
.fd-bank-statement-row.is-missing {
  background: #fffaf0;
}

.fd-bank-statement-main {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.fd-bank-statement-main span {
  color: #2f7fa8;
  font-weight: var(--font-weight-bold);
}

.fd-bank-statement-row.is-review .fd-bank-statement-main span,
.fd-bank-statement-row.is-missing .fd-bank-statement-main span {
  color: #9b6b24;
}

.fd-bank-statement-main strong,
.fd-bank-statement-status {
  font-size: 13.5px;
  line-height: 1.3;
}

.fd-bank-statement-main strong {
  overflow: hidden;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fd-bank-statement-status {
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
}

.fd-bank-statement-row.is-uploaded .fd-bank-statement-status {
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-medium);
}

.fd-bank-statement-quiet-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: #2f7fa8;
  font: inherit;
  font-size: 12.5px;
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
}

.fd-bank-statement-quiet-action:hover,
.fd-bank-statement-quiet-action:focus-visible {
  text-decoration: underline;
  outline: none;
}

.fd-v3-connected-account-host--recommended {
  padding-top: 10px;
}

.fd-v3-connected-account-host--recommended::before {
  content: "Recommended Next Step";
  display: block;
  margin: 0 0 12px;
  color: var(--color-ink-primary);
  font-size: var(--font-size-card-title);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

.fd-v3-connected-account-host--recommended .connected-account-card {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: start;
  background: #ffffff;
}

.fd-v3-connected-account-host--recommended .connected-account-card__graphic {
  justify-self: center;
  width: min(100%, 520px);
  margin-top: 14px;
  opacity: 0.88;
}

.fd-v3-connected-account-host--recommended .connected-account-card__content {
  display: grid;
  gap: 0;
  order: 1;
  align-self: start;
}

.fd-v3-connected-account-host--recommended .connected-account-card__account {
  margin-top: 4px;
}

.fd-v3-connected-account-host--recommended .connected-account-card__copy {
  margin-top: 10px;
}

.fd-v3-connected-account-host--recommended .connected-account-card__connection-flow {
  justify-self: center;
  width: 100%;
  margin-top: 20px;
  padding: 12px 0;
  border-top: 1px solid #e6edf5;
  border-bottom: 1px solid #e6edf5;
}

.fd-v3-connected-account-host--recommended .connected-account-card__benefits {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: center;
  gap: 7px 7px;
  margin-top: 20px;
}

.fd-v3-connected-account-host--recommended .connected-account-card__cta-block {
  width: 100%;
  justify-items: center;
  gap: 10px;
  margin-top: 32px;
}

.fd-v3-connected-account-host--recommended .connected-account-card__cta-block .connected-account-card__action {
  justify-self: center;
}

.fd-v3-connected-account-host--recommended .connected-account-card__setup-note {
  max-width: 360px;
  text-align: center;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__content {
  gap: 0;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__connected-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__connected-main {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin-top: 8px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__brand-heading {
  justify-self: start;
  gap: 8px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__brand-logo {
  width: 26px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__success-title {
  margin: 0;
  padding-top: 0;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__meta {
  margin-top: 2px;
  color: #8a99aa;
  font-size: 11px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__success-graphic {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--color-success-border);
  border-radius: 999px;
  background: var(--color-success-soft);
  color: #2f6f45;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__success-link svg {
  display: block;
  width: 20px;
  height: 20px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__success-check {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 999px;
  background: #ffffff;
  color: #2f6f45;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__success-check svg {
  display: block;
  width: 12px;
  height: 12px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__value {
  gap: 7px;
  margin-top: 10px;
  padding-top: 10px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__value-heading {
  text-align: left;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__savings {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__savings li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 7px;
  align-items: center;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e2e8f3;
  border-radius: 8px;
  background: #ffffff;
  text-align: left;
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  line-height: 1.3;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__savings li strong {
  align-self: end;
  color: var(--color-ink-primary);
  font-size: 17px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.05;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__savings li > span:last-child {
  grid-column: 2;
  color: var(--color-ink-secondary);
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__action-row {
  justify-content: center;
  margin-top: 10px;
}

.fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__action {
  justify-self: center;
}

.fd-v3-bank-insights .fd-v3-cc-observation-grid {
  gap: 9px;
}

.fd-v3-bank-insights .fd-v3-cc-observation-card {
  padding: 10px 12px;
  gap: 6px;
}

.fd-v3-bank-insights .fd-v3-cc-observation-card h6 {
  margin-bottom: 0;
  line-height: 1.35;
}

.fd-v3-bank-insights .fd-v3-cc-observation-card p {
  line-height: 1.5;
}

.fd-v3-bank-insights .fd-v3-cc-observation-head {
  line-height: 1.45;
}

.fd-v3-vehicle-value-summary,
.fd-v3-linked-loan-panel,
.fd-v3-vehicle-visualization,
.fd-v3-auto-loan-chart-section {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: #ffffff;
}

.fd-v3-vehicle-value-summary {
  gap: 5px;
}

.fd-v3-vehicle-summary-cards {
  margin-top: 0;
}

.fd-v3-vehicle-simple-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dbe6f4;
  border-radius: 10px;
  background: #ffffff;
}

.fd-v3-vehicle-visualization {
  gap: 8px;
  padding: 10px 12px;
}

.fd-v3-vehicle-visualization .fd-v3-cc-profile-heading {
  gap: 2px;
}

.fd-v3-vehicle-visualization .fd-v3-cc-profile-heading p {
  font-size: 11px;
  line-height: 1.35;
}

.fd-v3-vehicle-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas:
    "equity equity equity equity"
    "market loan payment auto-loan";
  gap: 6px 12px;
  margin: 0;
  align-items: start;
}

.fd-v3-linked-loan-panel dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 0;
}

.fd-v3-vehicle-value-item,
.fd-v3-linked-loan-panel dl div {
  display: grid;
  gap: 2px;
}

.fd-v3-vehicle-value-item--market {
  grid-area: market;
}

.fd-v3-vehicle-value-item--equity {
  grid-area: equity;
}

.fd-v3-vehicle-value-item--loan {
  grid-area: loan;
}

.fd-v3-vehicle-value-item--payment {
  grid-area: payment;
}

.fd-v3-vehicle-value-item--auto-loan {
  grid-area: auto-loan;
  align-self: start;
  padding-top: calc(11px * 1.35 + 2px);
}

.fd-v3-vehicle-value-item dt,
.fd-v3-linked-loan-panel dt {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.35;
}

.fd-v3-vehicle-value-item dt {
  white-space: nowrap;
}

.fd-v3-vehicle-value-item dd,
.fd-v3-linked-loan-panel dd {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 15px;
  line-height: 1.3;
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
}

.fd-v3-vehicle-value-item.is-primary {
  min-height: 84px;
  width: 100%;
  justify-self: stretch;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 12px 20px;
  border-radius: 8px;
  background: #eef6f2;
  border: 1px solid rgba(103, 182, 143, 0.32);
}

.fd-v3-vehicle-value-item.is-primary dt {
  color: #2f7155;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-vehicle-value-item.is-primary dd {
  color: #173f2c;
  font-size: clamp(25px, 2.6vw, 32px);
  line-height: 1.02;
  font-weight: var(--font-weight-bold);
}

.fd-v3-vehicle-value-item--auto-loan dd {
  line-height: 1;
}

.fd-v3-linked-label {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 11px;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.fd-v3-linked-record-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  width: auto;
  min-height: 0;
  margin-top: 0;
  padding: 5px 8px;
  border-radius: 999px;
  border: 1px solid var(--button-secondary-border);
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
  font-family: var(--vl-font-sans);
  font-size: var(--vl-support-size);
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.fd-v3-linked-record-action:hover,
.fd-v3-linked-record-action:focus,
.fd-v3-linked-record-action:focus-visible {
  color: var(--vl-accent-teal-hover);
}

.fd-v3-vehicle-equity-chart,
.fd-v3-auto-loan-payment-chart {
  display: grid;
  gap: 6px;
}

.fd-v3-vehicle-equity-total {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  color: var(--color-ink-secondary);
  font-size: 11px;
}

.fd-v3-vehicle-equity-total-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.fd-v3-vehicle-equity-total-actions .fd-v3-linked-record-action {
  padding: 3px 7px;
  font-size: 10px;
}

.fd-v3-vehicle-equity-total strong {
  color: var(--color-ink-primary);
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.fd-v3-vehicle-equity-track {
  display: flex;
  width: 100%;
  min-height: 20px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(24, 48, 72, 0.12);
  background: #edf3fa;
}

.fd-v3-vehicle-equity-segment {
  flex: 0 0 var(--fd-vehicle-segment, 0%);
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #17324a;
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-vehicle-equity-segment.is-loan {
  background: #d8b45f;
}

.fd-v3-vehicle-equity-segment.is-equity {
  background: #82b99a;
}

.fd-v3-vehicle-equity-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  color: var(--color-ink-secondary);
  font-size: 10px;
}

.fd-v3-vehicle-equity-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.fd-v3-vehicle-equity-legend i {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  display: inline-block;
}

.fd-v3-vehicle-evidence-card .fd-v3-cc-profile-heading p {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.4;
}

.fd-v3-vehicle-missing-row,
.fd-v3-vehicle-source-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.fd-v3-vehicle-missing-row {
  padding: 9px 10px;
  border: 1px solid #f1cdbf;
  border-radius: 8px;
  background: #fff7f3;
}

.fd-v3-vehicle-missing-row span {
  color: #8a3f28;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fd-v3-vehicle-missing-row strong,
.fd-v3-vehicle-source-row strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.3;
}

.fd-v3-vehicle-source-list {
  gap: 8px;
}

.fd-v3-vehicle-source-row {
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: 9px 10px;
  border: 1px solid #dbe6f4;
  border-radius: 8px;
  background: #fbfdff;
}

.fd-v3-vehicle-source-row > span {
  color: #2f7fa8;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.fd-v3-vehicle-source-row.is-review > span {
  color: #b6633f;
}

.fd-v3-vehicle-source-row p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.fd-vehicle-max-recommendation .primary-action {
  justify-self: start;
}

.fd-vehicle-max-analysis {
  padding: 0;
}

.fd-vehicle-max-analysis summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  cursor: pointer;
  list-style: none;
}

.fd-vehicle-max-analysis summary::-webkit-details-marker {
  display: none;
}

.fd-vehicle-max-analysis summary > span:first-child {
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.fd-vehicle-max-analysis[open] .fd-group-chevron svg {
  transform: rotate(180deg);
}

.fd-vehicle-max-analysis-body {
  display: grid;
  gap: 12px;
  padding: 0 12px 12px;
}

.fd-vehicle-max-analysis-body section {
  display: grid;
  gap: 6px;
}

.fd-vehicle-max-analysis-body h5,
.fd-vehicle-max-analysis-body p {
  margin: 0;
}

.fd-vehicle-max-sources {
  display: grid;
  gap: 8px;
}

.fd-vehicle-max-source-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: start;
}

.fd-vehicle-max-source-row > span {
  color: var(--color-success-foreground);
  font-weight: var(--font-weight-semibold);
}

.fd-vehicle-max-calculation {
  display: grid;
  gap: 6px;
  max-width: 360px;
}

.fd-vehicle-max-calculation > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}

.fd-vehicle-max-calculation-total {
  border-top: 1px solid var(--color-border-subtle);
  margin-top: 2px;
  padding-top: 8px;
}

.fd-v3-vehicle-equity-legend .is-value {
  background: #6fa7d8;
}

.fd-v3-vehicle-equity-legend .is-loan {
  background: #d8b45f;
}

.fd-v3-vehicle-equity-legend .is-equity {
  background: #82b99a;
}

.fd-v3-auto-loan-balance-chart {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  align-items: end;
}

.fd-v3-auto-loan-balance-month {
  display: grid;
  grid-template-rows: auto 132px auto;
  gap: 6px;
  align-items: end;
}

.fd-v3-auto-loan-balance-value {
  justify-self: center;
  padding: 3px 5px;
  border-radius: 999px;
  background: #f5f8fb;
  color: var(--color-ink-secondary);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
}

.fd-v3-auto-loan-balance-bar {
  width: min(20px, 44%);
  height: var(--fd-auto-loan-bar, 0%);
  justify-self: center;
  min-height: 8px;
  border-radius: 4px 4px 0 0;
  background: #6fa7d8;
  box-shadow: inset 0 0 0 1px rgba(24, 48, 72, 0.12);
}

@media (max-width: 900px) and (min-width: 601px) {
  .fd-v3-vehicle-value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "equity equity"
      "market loan"
      "payment auto-loan";
  }
}

@media (max-width: 900px) {

  .fd-bank-account-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-bank-account-summary-grid div:nth-child(2n + 1) {
    border-left: 0;
  }

  .fd-bank-account-summary-grid div:nth-child(n + 3) {
    border-top: 1px solid rgba(47, 127, 168, 0.11);
  }

  .fd-v3-linked-loan-panel dl,
  .fd-v3-vehicle-equity-legend {
    grid-template-columns: 1fr;
  }

  .fd-v3-vehicle-equity-legend {
    gap: 5px;
  }

  .fd-v3-vehicle-equity-legend span {
    white-space: normal;
  }

  .fd-v3-vehicle-equity-total-actions {
    justify-content: flex-start;
  }

  .fd-v3-linked-loan-aside {
    align-self: start;
  }
}

@media (max-width: 1200px) {
  .fd-v3-cc-chart-stack {
    grid-template-columns: 232px max-content;
    gap: 58px;
    transform: translateX(10px);
  }

  .fd-v3-cc-category-legend {
    grid-template-columns: repeat(2, 118px);
    column-gap: 10px;
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 224px;
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 50px;
  }

  .fd-v3-bank-profile .fd-v3-cc-chart-stack {
    grid-template-columns: 240px minmax(240px, 320px);
    gap: 56px;
    width: min(100%, 640px);
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 232px;
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 51px;
  }
}

@media (max-width: 1100px) {
  .fd-v3-account-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-v3-account-snapshot-item:nth-child(4n + 1) {
    border-left: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-item:nth-child(2n + 1) {
    border-left: 0;
  }

  .fd-v3-account-snapshot-item:nth-child(n + 3) {
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-item.is-secondary {
    grid-column: span 1;
  }

  .fd-v3-account-snapshot-grid--bank {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item,
  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item.is-secondary {
    grid-column: span 1;
  }

  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(4) {
    border-left: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(2n + 1) {
    border-left: 0;
  }

  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:nth-child(n + 3) {
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-grid--expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:nth-child(3n + 1) {
    border-left: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:nth-child(2n + 1) {
    border-left: 0;
  }

  .fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:nth-child(n + 3) {
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-cc-chart-stack {
    grid-template-columns: 224px max-content;
    gap: 48px;
  }

  .fd-v3-cc-category-legend {
    grid-template-columns: repeat(2, 110px);
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 216px;
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 48px;
  }

  .fd-v3-bank-profile .fd-v3-cc-chart-stack {
    grid-template-columns: 220px minmax(220px, 300px);
    gap: 44px;
    width: min(100%, 580px);
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 216px;
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 48px;
  }
}

@media (max-width: 900px) {
  .fd-v2-hero {
    min-height: 620px;
    padding: 24px;
  }

  .fd-v2-hero-content {
    max-width: 100%;
    padding-bottom: 110px;
  }

  .fd-v2-hero-timeline {
    width: min(calc(100% - 32px), 860px);
    bottom: 20px;
  }

  .max-workflow__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .max-workspace-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .max-workspace-shell__panel--left {
    border-right: 0;
    border-bottom: 1px solid #e2e8f3;
  }

  .fd-v3-details-grid {
    grid-template-columns: 1fr;
  }

  .fd-v3-details-grid div {
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-details-grid div:first-child {
    border-top: 0;
  }

  .fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__savings {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 8px;
  }

  .fd-v3-connected-account-host--recommended .connected-account-card.is-connected .connected-account-card__savings li {
    width: min(100%, 220px);
    justify-content: flex-start;
  }

  .fd-v3-doc-row {
    grid-template-columns: 1fr auto;
  }

  .fd-v3-doc-row .request-card-action {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .fd-assets-onboarding-list,
  .fd-assets-help-card {
    grid-template-columns: 1fr;
  }

  .fd-assets-help-card .request-card-action {
    justify-self: start;
  }

  .fd-assets-action-item {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .fd-assets-action-item .request-card-action {
    grid-column: 2;
    justify-self: start;
    white-space: normal;
  }

  .fd-assets-checklist-complete {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .fd-assets-checklist-complete .primary-action {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .fd-assets-outcome-card {
    grid-template-columns: 1fr;
  }

  .fd-assets-outcome-card .primary-action {
    justify-self: start;
  }

  .fd-assets-snapshot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-assets-snapshot-grid div:nth-child(2n + 1) {
    border-left: 0;
  }

  .fd-assets-snapshot-grid div:nth-child(n + 3) {
    border-top: 1px solid #edf2fb;
  }

  .fd-assets-doc-card {
    grid-template-columns: 1fr;
  }

  .fd-assets-doc-summary {
    justify-content: flex-start;
  }

  .fd-v3-asset-analytics {
    margin-bottom: 24px;
  }

  .fd-v3-asset-analytics-top {
    grid-template-columns: minmax(100px, 40%) minmax(0, 1fr);
  }

  .fd-v3-cc-profile-top {
    display: block;
  }

  .fd-v3-cc-chart-stack {
    grid-template-columns: 1fr;
    gap: 14px;
    justify-items: center;
    width: 100%;
    transform: none;
  }

  .fd-v3-cc-category-legend {
    width: 100%;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 10px;
    transform: none;
  }

  .fd-v3-cc-summary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 216px;
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 48px;
  }

  .fd-v3-cc-observation-grid {
    grid-template-columns: 1fr;
  }

  .fd-income-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-income-summary-grid--primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fd-income-summary-secondary {
    grid-template-columns: 1fr;
  }

  .fd-income-chain {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .fd-income-chain-node {
    min-height: 0;
  }

  .fd-income-chain-node:not(:last-child)::after {
    display: none;
  }

  .fd-v3-bank-profile .fd-v3-cc-chart-stack {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
  }

  .fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-chart-stack {
    grid-template-columns: 1fr;
    gap: 16px;
    width: 100%;
  }

  .fd-v3-bank-profile [data-fd-bank-breakdown-mode="deposit"] .fd-v3-cc-category-legend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6.5px 9px;
    width: 100%;
  }

  .fd-v3-bank-profile .fd-v3-cc-category-legend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 12px;
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 216px;
  }

  .fd-v3-bank-cashflow-chart {
    gap: 8px;
  }

  .fd-v3-bank-cashflow-month {
    grid-template-rows: auto 124px auto;
  }

  .fd-v3-bank-cashflow-bars {
    height: 124px;
  }
}

@media (max-width: 600px) {

  .fd-bank-account-summary,
  .fd-bank-max-workspace {
    padding: 17px 16px 18px;
  }

  .fd-bank-account-summary-head,
  .fd-bank-statement-archive-head {
    display: grid;
    gap: 3px;
  }

  .fd-bank-account-summary-grid,
  .fd-bank-max-insights {
    grid-template-columns: 1fr;
  }

  .fd-bank-max-cross-reference {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .fd-bank-max-cross-reference p {
    grid-column: 2;
  }

  .fd-v3-connected-account-host--recommended .connected-account-card,
  .fd-v3-connected-account-host--recommended .connected-account-card__benefits {
    grid-template-columns: 1fr;
  }

  .fd-v3-connected-account-host--recommended .connected-account-card__graphic {
    justify-self: center;
  }

  .fd-bank-account-summary-grid div {
    border-left: 0;
    border-top: 1px solid rgba(47, 127, 168, 0.11);
  }

  .fd-bank-account-summary-grid div:first-child {
    border-top: 0;
  }

  .fd-bank-statement-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    align-items: start;
  }

  .fd-bank-statement-main strong {
    white-space: normal;
  }

  .fd-bank-statement-row .request-card-action,
  .fd-bank-statement-quiet-action {
    justify-self: start;
  }

  .fd-v3-vehicle-value-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "equity"
      "market"
      "loan"
      "payment"
      "auto-loan";
  }

  .legal-work-guidance,
  .legal-work-card {
    grid-template-columns: 1fr;
    gap: var(--space-3);
  }

  .legal-work-actions {
    justify-items: start;
    min-width: 0;
  }

  .legal-work-actions .primary-action,
  .legal-work-guidance-actions .primary-action {
    width: 100%;
    min-width: 0;
  }

  .fd-v2-hero {
    min-height: 680px;
    padding: 20px;
  }

  .fd-v3-hero-status {
    width: 100%;
  }

  .max-workflow__steps {
    grid-template-columns: 1fr;
  }

  .fd-v3-asset-analytics {
    margin-bottom: 20px;
  }

  .fd-v3-asset-analytics-top {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .fd-v3-income-sources-analytics .fd-v3-asset-analytics-top {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .fd-v3-asset-donut {
    width: 92px;
  }

  .fd-v3-income-sources-analytics .fd-v3-asset-donut {
    width: 92px;
  }

  .fd-v3-cc-chart-stack {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 156px;
  }

  .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 36px;
  }

  .fd-v3-cc-category-legend {
    order: 2;
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: 1fr;
    column-gap: 0;
  }

  .fd-v3-bank-profile .fd-v3-cc-category-legend {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut {
    width: 172px;
  }

  .fd-v3-bank-profile .fd-v3-asset-donut.fd-v3-cc-category-donut::after {
    inset: 40px;
  }

  .fd-v3-cc-summary-metrics {
    grid-template-columns: 1fr;
  }

  .fd-income-section {
    padding: 12px;
  }

  .fd-income-section-head {
    display: grid;
    gap: 3px;
  }

  .fd-income-section-head p {
    text-align: left;
  }

  .fd-income-summary-grid,
  .fd-income-summary-grid--primary,
  .fd-income-summary-secondary,
  .fd-income-chain {
    grid-template-columns: 1fr;
  }

  .fd-benefit-entry-fields,
  .fd-benefit-breakdown-row {
    grid-template-columns: 1fr;
  }

  .fd-benefit-breakdown-row dd {
    white-space: normal;
  }

  .fd-income-summary-grid--primary .fd-income-metric dd {
    font-size: 17px;
  }

  .fd-income-history-chart {
    gap: 6px;
    min-height: 176px;
    padding-inline: 8px;
  }

  .fd-income-history-year {
    grid-template-rows: minmax(90px, 1fr) auto auto;
  }

  .fd-income-history-bar-wrap {
    min-height: 90px;
  }

  .fd-income-history-year strong {
    font-size: 11px;
  }

  .fd-v3-account-snapshot-grid,
  .fd-v3-account-snapshot-grid--bank,
  .fd-v3-account-snapshot-grid--expanded {
    grid-template-columns: 1fr;
  }

  .fd-v3-account-snapshot-grid .fd-v3-account-snapshot-item,
  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item,
  .fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item {
    grid-column: auto;
    border-left: 0;
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-account-snapshot-grid .fd-v3-account-snapshot-item:first-child,
  .fd-v3-account-snapshot-grid--bank .fd-v3-account-snapshot-item:first-child,
  .fd-v3-account-snapshot-grid--expanded .fd-v3-account-snapshot-item:first-child {
    border-top: 0;
  }

.fd-v3-primary-details-toggle {
    justify-self: start;
  }

  .fd-v3-account-snapshot-item {
    padding: 9px 10px;
  }

  .fd-v3-account-snapshot-item dd {
    font-size: 13px;
  }

  .fd-v3-account-snapshot-item.is-secondary dd {
    font-size: 11px;
  }

  .fd-v3-valuation-grid {
    grid-template-columns: 1fr;
  }

  .fd-v3-valuation-grid div {
    border-top: 1px solid rgba(146, 171, 201, 0.28);
  }

  .fd-v3-valuation-grid div:first-child {
    border-top: 0;
  }

  .fd-v3-debt-history-legend {
    display: grid;
    gap: 6px;
  }

  .fd-v3-bank-cashflow {
    padding: 10px;
  }

  .fd-v3-bank-cashflow-chart {
    gap: 4px;
  }

  .fd-v3-bank-cashflow-month {
    grid-template-rows: auto 104px auto;
    gap: 5px;
  }

  .fd-v3-bank-cashflow-bars {
    height: 104px;
    gap: 3px;
  }

  .fd-v3-bank-cashflow-bar {
    width: min(18px, 44%);
  }

  .fd-v3-bank-cashflow-net {
    padding: 2px 3px;
    font-size: 9px;
  }

  .fd-v3-bank-month-full {
    display: none;
  }

  .fd-v3-bank-month-mobile {
    display: inline;
  }

  .fd-v3-bank-classification-note {
    font-size: 10px;
  }

  .fd-v3-asset-analytics-chart {
    justify-items: start;
  }

  .fd-v3-cc-profile .fd-v3-asset-analytics-chart {
    width: 100%;
    justify-items: center;
  }

  .fd-v3-record {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .fd-row-indicator {
    display: none;
  }

  .fd-v3-record-status {
    width: 100%;
    justify-content: center;
  }

  .my-matter-explorer-record {
    grid-template-columns: minmax(0, 1fr) 86px auto;
    gap: 6px;
  }

  .my-matter-explorer-record .fd-row-indicator {
    display: inline;
  }

  .fd-v3-evidence-item-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .fd-v3-evidence-actions {
    width: auto;
    justify-content: flex-end;
    align-self: center;
  }

  .fd-v3-evidence-item .request-card-action {
    width: auto;
  }

  .fd-v3-evidence-item-copy {
    gap: 5px;
  }

  .fd-v3-evidence-row-main {
    align-items: flex-start;
  }

  .fd-v3-evidence-requirement-summary {
    align-items: start;
  }

  .fd-v3-evidence-requirement-toggle {
    margin-top: 2px;
  }

  .fd-v3-evidence-extract-grid {
    grid-template-columns: 1fr;
  }

  .fd-v3-statement-viewer-toolbar {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .fd-v3-statement-viewer-controls--navigation {
    justify-self: start;
  }

  .fd-v3-statement-viewer-controls {
    width: 100%;
    justify-content: flex-start;
  }

  .fd-v3-statement-review-list {
    grid-template-columns: 1fr;
  }

  .fd-v3-statement-section-head {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .fd-v3-statement-section-actions,
  .fd-v3-statement-section-actions .request-card-action,
  .fd-v3-statement-section-actions .primary-action {
    width: 100%;
  }

  .fd-v3-statement-section-actions {
    justify-content: stretch;
  }

  .fd-v3-statement-field-row:nth-child(-n + 2) {
    border-top: 1px solid #edf2fb;
  }

  .fd-v3-statement-field-row:first-child {
    border-top: 0;
  }

  .fd-v3-statement-dropzone {
    padding: 34px 14px;
  }

  .fd-v3-statement-upload-next-list::before {
    left: 11px;
  }

  .fd-v3-statement-actions {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .fd-v3-statement-actions .primary-action {
    width: 100%;
    margin-left: 0;
  }

  .fd-v3-statement-actions .request-card-action {
    width: 100%;
    margin-left: 0;
  }

  .fd-benefit-entry-footer {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 26px;
    padding-top: 16px;
  }

  .fd-benefit-entry-actions {
    grid-column: auto;
    justify-self: stretch;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }

  .fd-benefit-entry-actions .primary-action {
    width: 100%;
    margin-left: 0;
  }

  .fd-benefit-entry-helper {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fd-v3-primary-details-toggle svg,
  .fd-v3-primary-details-expanded {
    transition: none;
    animation: none;
  }
}

@media (max-width: 900px) {
  .my-matter-journey-hero {
    padding: 24px;
    min-height: 600px;
  }

  .my-matter-journey-content {
    max-width: 74%;
  }

  .my-matter-hero-timeline {
    width: min(calc(100% - 56px), 860px);
    bottom: 22px;
  }

  .my-matter-journey-embedded .journey-track {
    gap: 12px;
  }

  .my-matter-journey-backdrop::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.97) 38%,
      rgba(255, 255, 255, 0.88) 52%,
      rgba(255, 255, 255, 0.56) 68%,
      rgba(255, 255, 255, 0.22) 84%,
      rgba(255, 255, 255, 0.05) 100%
    );
  }

  .my-matter-horizon-image {
    object-position: center center;
  }

  .my-matter-journey-status {
    font-size: 22px;
  }

  .my-matter-section h2 {
    font-size: 22px;
  }

  .my-matter-priorities h2 {
    font-size: 26px;
  }

  .my-matter-rail .my-matter-section h2 {
    font-size: 28px;
  }

  .my-matter-priority-grid {
    grid-template-columns: 1fr;
  }

  .my-matter-summary-row {
    grid-template-columns: 1fr;
  }

  .my-matter-summary-row > strong {
    font-size: 44px;
  }

  .my-matter-summary-main,
  .my-matter-doc-row .my-matter-row-copy h3,
  .my-matter-doc-row .my-matter-row-copy p {
    white-space: normal;
  }

  .my-matter-financial-block strong {
    font-size: 19px;
  }
}

@media (max-width: 600px) {
  .my-matter-journey-hero {
    padding: 18px;
    min-height: 590px;
  }

  .my-matter-journey-content {
    max-width: 100%;
    min-height: 0;
    gap: 16px;
  }

  .my-matter-journey-copy {
    gap: 8px;
  }

  .my-matter-journey-status {
    font-size: 20px;
  }

  .my-matter-journey-backdrop::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.99) 44%,
      rgba(255, 255, 255, 0.92) 60%,
      rgba(255, 255, 255, 0.72) 78%,
      rgba(255, 255, 255, 0.44) 90%,
      rgba(255, 255, 255, 0.26) 100%
    );
  }

  .my-matter-horizon-image {
    object-position: 72% center;
  }

  .my-matter-hero-timeline {
    position: relative;
    left: auto;
    width: auto;
    transform: none;
    bottom: auto;
    margin-top: 8px;
  }

  .my-matter-hero-timeline::before {
    inset: -16px -12px -12px;
  }

  .my-matter-journey-embedded {
    overflow-x: hidden;
    padding-bottom: 4px;
  }

  .my-matter-journey-embedded .journey-track {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
  }

  .my-matter-journey-embedded .journey-track::before {
    left: 9%;
    right: 9%;
  }

  .my-matter-journey-embedded .journey-step {
    padding: 0;
  }

  .my-matter-journey-embedded .journey-copy strong {
    font-size: 10px;
    line-height: 1.18;
  }

  .my-matter-journey-embedded .journey-copy small {
    font-size: 9px;
  }

  .my-matter-journey-actions .request-card-action {
    width: 100%;
    justify-content: center;
  }

  .my-matter-section {
    padding: 16px;
  }

  .my-matter-row,
  .my-matter-doc-row {
    grid-template-columns: 1fr;
  }

  .my-matter-team .my-matter-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 12px;
  }

  .my-matter-date {
    width: 70px;
  }

  .my-matter-row-end {
    justify-items: start;
  }

  .my-matter-team .my-matter-row-end {
    justify-items: end;
  }

  .my-matter-time {
    text-align: left;
  }
}

@media (max-width: 900px) {
  .today-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .today-hero-action {
    width: 100%;
    min-width: 0;
  }

  .briefing-support {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .briefing-support .briefing-section + .briefing-section {
    border-left: 0;
    border-top: 1px solid #e8edf5;
    padding-left: 0;
    margin-top: 12px;
    padding-top: 14px;
  }

  .briefing-priority-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .briefing-action {
    justify-self: start;
  }

  .request-upload-meta,
  .request-review-grid {
    grid-template-columns: 1fr;
  }

  .request-meta-row {
    flex-direction: column;
  }

  .request-requirements-box {
    max-width: none;
  }

  .request-requirements-box li {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  .request-guided-card {
    gap: 16px;
  }

  .request-complete-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .request-secondary-action {
    width: 100%;
  }

  .financial-status {
    grid-template-columns: 1fr;
  }

  .financial-action-wrap {
    width: 100%;
    min-width: 0;
  }

  .financial-action-btn {
    width: 100%;
  }

  .today-frontdoor-hero,
  .today-decision-card,
  .today-finance-chapter {
    padding: 18px;
  }

  .today-frontdoor-hero {
    min-height: 470px;
  }

  .today-welcome-content {
    max-width: 64%;
  }

  .today-welcome-horizon::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.99) 36%,
      rgba(255, 255, 255, 0.92) 52%,
      rgba(255, 255, 255, 0.62) 66%,
      rgba(255, 255, 255, 0.22) 80%,
      rgba(255, 255, 255, 0) 100%
    );
  }

}

@media (max-width: 1024px) {
  .today-decision-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .app-main {
    min-width: 0;
    padding: 24px 14px 40px;
  }

  .app-header {
    padding: 8px 10px 8px;
    align-items: stretch;
  }

  .brand-logo {
    width: 214px;
  }

  .brand-stack {
    width: 100%;
  }

  .header-inner {
    width: 100%;
    flex-direction: column;
  }

  .nav-menu-portal,
  .nav-menu-matter {
    width: 100%;
  }

  .nav-menu-portal {
    margin-left: 0;
  }

  .nav-trigger-portal,
  .nav-trigger-matter {
    width: 100%;
    justify-content: space-between;
    min-width: 0;
  }

  .nav-trigger-portal {
    justify-content: flex-start;
    gap: 7px;
    padding: 2px 2px;
    margin-top: 0;
    margin-left: 0;
  }

  .matter-switcher-avatar {
    width: 38px;
    height: 38px;
  }

  .nav-menu-portal .nav-panel,
  .nav-menu-matter .nav-panel {
    right: auto;
    left: 0;
    width: 100%;
    min-width: 0;
  }

  .financial-summary,
  .financial-summary-compact {
    grid-template-columns: 1fr;
  }

  .case-answers-intents {
    grid-template-columns: 1fr;
  }

  .case-answers-flow {
    gap: 12px;
  }

  .case-answers-source-card,
  .case-answers-folder-card,
  .case-answers-intent {
    grid-template-columns: 1fr;
  }

  .case-answers-source-open {
    justify-self: start;
  }

  .case-answers-illustration {
    width: 100%;
    max-width: 180px;
    height: 92px;
  }

  .work-queue-hero {
    padding: 20px;
  }

  .work-queue-now-card,
  .work-queue-now-card.is-primary,
  .work-queue-next-card,
  .work-queue-waiting-card,
  .work-queue-completed-card {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .work-queue-completed-card {
    gap: 8px;
  }

  .work-queue-recommendation-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .queue-illustration {
    width: 100%;
    max-width: 180px;
    height: 92px;
  }

  .today-frontdoor {
    gap: 14px;
  }

  .today-frontdoor-hero h1 {
    font-size: 30px;
  }

  .today-frontdoor-hero {
    min-height: 0;
  }

  .today-welcome-content {
    max-width: 100%;
    gap: 12px;
  }

  .today-welcome-horizon::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 0.95) 62%,
      rgba(255, 255, 255, 0.72) 78%,
      rgba(255, 255, 255, 0.44) 90%,
      rgba(255, 255, 255, 0.2) 100%
    );
  }

  .max-horizon-image {
    object-position: 72% center;
  }

  .documents-horizon-image {
    object-position: 64% center;
  }

  .today-briefing-narrative {
    padding: 6px 0 2px;
  }

  .today-status-chips {
    gap: 6px;
  }

  .today-status-chips li {
    width: 100%;
    justify-content: flex-start;
  }

  .today-frontdoor-hero,
  .today-decision-card,
  .today-finance-chapter {
    padding: 16px;
  }

  .today-hero-primary-action {
    flex-direction: column;
    align-items: stretch;
  }

  .today-hero-primary-action .primary-action,
  .today-hero-secondary-action {
    width: 100%;
    justify-content: center;
  }

  .app-footer {
    padding-top: 0;
    padding-bottom: 32px;
  }

  .app-footer-nav {
    gap: 10px;
  }

  .app-footer-row {
    flex-direction: column;
    gap: 10px;
  }

  .app-footer-separator {
    display: none;
  }
}

@media (max-width: 900px) {
  .case-answers-conversation-hero {
    min-height: 0;
    padding: 24px;
  }

  .case-answers-conversation-main {
    min-height: 0;
  }

  .case-answers-conversation-main::before {
    width: min(72%, 720px);
  }

  .case-answers-conversation-copy {
    max-width: 56ch;
    margin-top: 0;
  }

  .case-answers-launcher-wrap {
    width: min(100%, 560px);
  }

  .case-answers-drawer:not(.is-open) {
    width: min(100%, 560px);
    transform: none;
  }

  .case-answers-drawer.is-open .case-answers-drawer-body {
    max-height: 470px;
  }

  .case-answers-chapter,
  .case-answers-ask-panel,
  .case-answers-schedule-panel,
  .case-answers-folder-panel,
  .case-answers-people-panel,
  .case-answers-activity-panel {
    padding: 20px;
  }

  .case-answers-insight-card {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 20px;
  }

  .case-answers-insight-illustration {
    width: 112px;
    height: 86px;
  }

  .case-answers-insight-action {
    justify-self: start;
  }

  .case-answers-folder-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-answers-schedule-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .case-answers-schedule-badge {
    justify-self: start;
  }
}

@media (max-width: 600px) {
  .case-answers-conversation-hero {
    padding: 18px;
  }

  .case-answers-conversation-main {
    gap: 14px;
  }

  .case-answers-conversation-main::before {
    width: 100%;
  }

  .case-answers-conversation-copy {
    max-width: 100%;
    gap: 10px;
  }

  .case-answers-conversation-copy h1 {
    max-width: none;
  }

  .case-answers-hero-nav-actions {
    width: 100%;
    gap: 8px;
    flex-direction: column;
    align-items: stretch;
  }

  .case-answers-hero-nav-action {
    width: 100%;
    min-width: 0;
    justify-content: center;
  }

  .case-answers-launcher-wrap {
    width: 100%;
    margin-top: 24px;
  }

  .case-answers-drawer {
    border-radius: 16px;
  }

  .case-answers-drawer:not(.is-open) {
    width: 100%;
    transform: none;
  }

  .case-answers-launcher {
    border-radius: 16px;
    padding: 13px 14px;
  }

  .case-answers-drawer.is-open .case-answers-drawer-body {
    width: 100%;
    max-height: 520px;
  }

  .case-answers-expanded-panel {
    padding: 16px;
  }

  .case-answers-expanded-prompt {
    min-height: 120px;
  }

  .case-answers-chapter,
  .case-answers-ask-panel,
  .case-answers-schedule-panel,
  .case-answers-folder-panel,
  .case-answers-people-panel,
  .case-answers-activity-panel {
    padding: 16px;
  }

  .case-answers-status-list {
    gap: 8px;
  }

  .case-answers-source-row,
  .case-answers-timeline-row,
  .case-answers-person-row {
    grid-template-columns: 1fr;
  }

  .case-answers-source-open,
  .case-answers-timeline-row .work-queue-quiet-link,
  .case-answers-person-action {
    justify-self: start;
  }

  .case-answers-folder-grid {
    grid-template-columns: 1fr;
  }

  .case-answers-action-row {
    grid-template-columns: 18px minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-answers-conversation-main::before,
  .case-answers-drawer,
  .case-answers-launcher-arrows,
  .case-answers-drawer-body,
  .case-answers-expanded-send {
    transition: none;
  }

  .case-answers-launcher[aria-expanded="false"] .case-answers-launcher-arrow-glyph {
    animation: none;
  }
}

/* ========================================
   MAX ASSISTANT COMPONENT
   ======================================== */

[data-max-conversation].case-answers-launcher-wrap {
  width: min(100%, 720px);
  margin-top: 22px;
  transition: width 320ms ease-in-out, margin-top 320ms ease-in-out;
}

[data-max-conversation] .case-answers-drawer {
  border: 1px solid #cad8e8;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 12px 30px rgba(18, 38, 69, 0.18);
  transition: box-shadow 320ms ease-in-out, border-color 320ms ease-in-out;
}

[data-max-conversation] .case-answers-launcher {
  width: 100%;
  border: 0;
  border-radius: 15px;
  background: transparent;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 12px 14px;
  color: #2a3a56;
  cursor: pointer;
}

[data-max-conversation] .case-answers-launcher:focus-visible,
[data-max-conversation] .case-answers-expanded-converse:focus-visible,
[data-max-conversation] .case-answers-sources-bar:focus-visible,
[data-max-conversation] .case-answers-citation-marker:focus-visible,
[data-max-conversation] .case-answers-expanded-chip:focus-visible,
[data-max-conversation] .case-answers-expanded-send:focus-visible {
  outline: 2px solid #2f7fa8;
  outline-offset: 2px;
}

[data-max-conversation] .case-answers-launcher-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  position: relative;
}

[data-max-conversation] .case-answers-wordmark-wrap {
  position: relative;
  width: clamp(108px, 11vw, 126px);
  overflow: hidden;
}

[data-max-conversation] .case-answers-wordmark-wrap .max-brand-particles {
  width: clamp(40px, 4vw, 44px);
}

[data-max-conversation] .case-answers-wordmark-wrap .max-brand-wordmark {
  width: clamp(58px, 6vw, 72px);
  display: block;
}

[data-max-conversation] .case-answers-wordmark-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 18%, rgba(189, 236, 255, 0.55) 50%, rgba(255, 255, 255, 0) 82%);
  transform: translateX(-140%);
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: screen;
}

[data-max-conversation] .case-answers-launcher-prompt {
  margin: 0;
  min-width: 0;
  color: #5d6f89;
  font-size: 14px;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-max-conversation] .case-answers-status-text {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #526784;
  white-space: nowrap;
  min-width: 116px;
}

[data-max-conversation] .case-answers-status-text.is-hidden {
  display: none;
}

[data-max-conversation] .case-answers-launcher:not(.is-inline-toggle) .case-answers-status-text {
  display: none;
}

[data-max-conversation] .case-answers-launcher-controls {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 62px;
}

[data-max-conversation] .case-answers-state-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 24px;
  opacity: 0;
}

[data-max-conversation] .case-answers-state-indicator span {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #4d79da;
  opacity: 0.5;
}

[data-max-conversation] .case-answers-launcher-arrows {
  width: auto;
  color: #32435f;
  font-size: 22px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-max-conversation] .case-answers-launcher-arrow-glyph {
  display: inline-block;
}

[data-max-conversation] .case-answers-drawer-body {
  position: static;
  width: 100%;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);
  pointer-events: none;
  transition: max-height 220ms ease, opacity 200ms ease, transform 220ms ease;
}

[data-max-conversation] .case-answers-drawer {
  position: relative;
}

[data-max-conversation] .case-answers-drawer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: rgba(65, 199, 240, 0.55);
  opacity: 0;
  transition: opacity 220ms ease;
  pointer-events: none;
}

[data-max-conversation] .case-answers-drawer.is-open .case-answers-drawer-body {
  max-height: min(560px, calc(100vh - 160px));
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.case-answers-conversation-hero.is-workspace-mode [data-max-conversation].case-answers-launcher-wrap {
  width: 100%;
  margin-top: 0;
  height: 100%;
  display: flex;
  align-items: stretch;
}

.case-answers-conversation-hero.is-workspace-mode [data-max-conversation] .case-answers-drawer {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.case-answers-conversation-hero.is-workspace-mode [data-max-conversation] .case-answers-drawer.is-open {
  box-shadow: 0 22px 46px rgba(16, 33, 53, 0.28);
}

.case-answers-conversation-hero.is-workspace-mode [data-max-conversation] .case-answers-drawer-body {
  flex: 1 1 auto;
  max-height: 0;
}

.case-answers-conversation-hero.is-workspace-mode [data-max-conversation] .case-answers-drawer.is-open .case-answers-drawer-body {
  max-height: none;
}

.case-answers-conversation-hero.is-workspace-mode [data-max-conversation] .case-answers-expanded-panel {
  height: 100%;
  min-height: 0;
  max-height: none;
}

[data-max-conversation] .case-answers-expanded-panel {
  display: flex;
  flex-direction: column;
  max-height: min(560px, calc(100vh - 160px));
  min-height: 500px;
  overflow: hidden;
  padding: 0;
  border-top: 1px solid #d8e3ef;
  background: rgba(255, 255, 255, 0.98);
  gap: 0;
}

[data-max-conversation] .case-answers-expanded-panel-head {
  display: flex;
  align-items: center;
  min-height: 62px;
  padding: 10px 14px;
  border-bottom: 1px solid #dbe6f1;
  background: rgba(255, 255, 255, 0.97);
  flex: 0 0 auto;
}

[data-max-conversation] .case-answers-expanded-workspace {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

[data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-expanded-workspace {
  grid-template-columns: minmax(0, 1.6fr) minmax(340px, 1fr);
}

[data-max-conversation] .case-answers-workspace-pane {
  min-height: 0;
}

[data-max-conversation] .case-answers-workspace-conversation {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
}

[data-max-conversation] .case-answers-workspace-evidence {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-height: 0;
  background: linear-gradient(180deg, #f4f8fd 0%, #edf3fb 100%);
  border-left: 1px solid rgba(79, 111, 151, 0.26);
}

[data-max-conversation] .case-answers-workspace-evidence[hidden] {
  display: none;
}

[data-max-conversation] .case-answers-scroll-region {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 0 14px 10px;
  display: grid;
  align-content: start;
  gap: 14px;
}

[data-max-conversation] .case-answers-evidence-scroll-region {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding: 0 10px 12px;
  display: grid;
  align-content: start;
  gap: 10px;
}

[data-max-conversation] .case-answers-scroll-region:focus-visible,
[data-max-conversation] .case-answers-evidence-scroll-region:focus-visible {
  outline: 2px solid #2f7fa8;
  outline-offset: -2px;
}

[data-max-conversation] .case-answers-scroll-region::-webkit-scrollbar,
[data-max-conversation] .case-answers-evidence-scroll-region::-webkit-scrollbar {
  width: 10px;
}

[data-max-conversation] .case-answers-scroll-region::-webkit-scrollbar-track,
[data-max-conversation] .case-answers-evidence-scroll-region::-webkit-scrollbar-track {
  background: #eef4fb;
  border-radius: 999px;
}

[data-max-conversation] .case-answers-scroll-region::-webkit-scrollbar-thumb,
[data-max-conversation] .case-answers-evidence-scroll-region::-webkit-scrollbar-thumb {
  background: #bfd2e8;
  border-radius: 999px;
  border: 2px solid #eef4fb;
}

[data-max-conversation] .case-answers-scroll-region,
[data-max-conversation] .case-answers-evidence-scroll-region {
  scrollbar-width: thin;
  scrollbar-color: #bfd2e8 #eef4fb;
}

[data-max-conversation] .case-answers-history {
  display: grid;
  gap: 14px;
  padding-top: 12px;
  padding-right: 2px;
}

[data-max-conversation] .case-answers-support-region {
  display: grid;
  gap: 10px;
}

[data-max-conversation] .case-answers-support-region[hidden] {
  display: none;
}

[data-max-conversation] .case-answers-support-status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  border: 1px solid #d6e3ef;
  border-radius: 11px;
  background: #f8fbff;
  padding: 8px 10px;
}

[data-max-conversation] .case-answers-support-status-icon {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

[data-max-conversation] .case-answers-support-status-icon::before {
  content: "";
}

[data-max-conversation] .case-answers-support-status-text {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

[data-max-conversation] .case-answers-support-status.is-supported {
  border-color: #cae2d0;
  background: #f3fbf5;
}

[data-max-conversation] .case-answers-support-status.is-supported .case-answers-support-status-icon {
  background: #daf0df;
  color: #2f6a3e;
}

[data-max-conversation] .case-answers-support-status.is-supported .case-answers-support-status-icon::before {
  content: "ok";
}

[data-max-conversation] .case-answers-support-status.is-supported .case-answers-support-status-text {
  color: #2f6a3e;
}

[data-max-conversation] .case-answers-support-status.is-conflict {
  border-color: #e5cc95;
  background: #fff7e7;
}

[data-max-conversation] .case-answers-support-status.is-conflict .case-answers-support-status-icon {
  background: #f4dfb0;
  color: #754a05;
}

[data-max-conversation] .case-answers-support-status.is-conflict .case-answers-support-status-icon::before {
  content: "!";
}

[data-max-conversation] .case-answers-support-status.is-conflict .case-answers-support-status-text {
  color: #704706;
}

[data-max-conversation] .case-answers-support-status.is-partial {
  border-color: #c8d9ef;
  background: #f1f8ff;
}

[data-max-conversation] .case-answers-support-status.is-partial .case-answers-support-status-icon {
  background: #d9e9fb;
  color: #2a628e;
}

[data-max-conversation] .case-answers-support-status.is-partial .case-answers-support-status-icon::before {
  content: "i";
}

[data-max-conversation] .case-answers-support-status.is-partial .case-answers-support-status-text {
  color: #2d638e;
}

[data-max-conversation] .case-answers-support-status.is-unsupported {
  border-color: #d7dde6;
  background: #f7f9fb;
}

[data-max-conversation] .case-answers-support-status.is-unsupported .case-answers-support-status-icon {
  background: #e6ebf1;
  color: #616e7f;
}

[data-max-conversation] .case-answers-support-status.is-unsupported .case-answers-support-status-icon::before {
  content: "-";
}

[data-max-conversation] .case-answers-support-status.is-unsupported .case-answers-support-status-text {
  color: #576577;
}

[data-max-conversation] .case-answers-evidence-summary {
  border: 1px solid #d7e2ef;
  background: #f8fbff;
  border-radius: 12px;
  padding: 9px 11px;
  display: grid;
  gap: 8px;
}

[data-max-conversation] .case-answers-evidence-summary-title {
  margin: 0;
  color: #425b79;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

[data-max-conversation] .case-answers-evidence-summary-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

[data-max-conversation] .case-answers-evidence-summary-item {
  min-width: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
}

[data-max-conversation] .case-answers-evidence-summary-icon {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

[data-max-conversation] .case-answers-evidence-summary-icon::before {
  content: "";
}

[data-max-conversation] .case-answers-evidence-summary-icon.is-supported {
  background: #daf0df;
  color: #2f6a3e;
}

[data-max-conversation] .case-answers-evidence-summary-icon.is-supported::before {
  content: "ok";
}

[data-max-conversation] .case-answers-evidence-summary-icon.is-conflict {
  background: #f4dfb0;
  color: #754a05;
}

[data-max-conversation] .case-answers-evidence-summary-icon.is-conflict::before {
  content: "!";
}

[data-max-conversation] .case-answers-evidence-summary-icon.is-neutral {
  background: #e4ebf5;
  color: #4e6179;
}

[data-max-conversation] .case-answers-evidence-summary-icon.is-neutral::before {
  content: "o";
}

[data-max-conversation] .case-answers-evidence-summary-text {
  color: #4e6179;
  font-size: 12px;
  line-height: 1.35;
}

[data-max-conversation] .case-answers-conflict-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  border: 1px solid #e0b766;
  background: #fff3da;
  border-radius: 12px;
  padding: 10px 12px 11px;
}

[data-max-conversation] .case-answers-conflict-icon {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #e9b85f;
  color: #5e3800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

[data-max-conversation] .case-answers-conflict-content {
  display: grid;
  gap: 5px;
}

[data-max-conversation] .case-answers-conflict-title,
[data-max-conversation] .case-answers-conflict-summary,
[data-max-conversation] .case-answers-conflict-count {
  margin: 0;
}

[data-max-conversation] .case-answers-conflict-title {
  color: #6f4a06;
  font-size: 12px;
  font-weight: 700;
  text-transform: none;
}

[data-max-conversation] .case-answers-conflict-summary {
  color: #60461a;
  font-size: 12px;
  line-height: 1.35;
}

[data-max-conversation] .case-answers-conflict-count {
  color: #7b6332;
  font-size: 11px;
  font-weight: 600;
}

[data-max-conversation] .case-answers-conflict-action {
  justify-self: end;
  border: 1px solid #ddb26a;
  border-radius: 999px;
  background: #fff8ec;
  color: #7c5108;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  padding: 5px 10px;
  cursor: pointer;
}

[data-max-conversation] .case-answers-conflict-action:hover,
[data-max-conversation] .case-answers-conflict-action:focus-visible {
  color: #6d4a0b;
  border-color: #ca9a49;
  background: #fff3dd;
  text-decoration: none;
}

[data-max-conversation] .case-answers-missing-evidence {
  border: 1px solid #ccdcef;
  background: #f2f8ff;
  border-radius: 12px;
  padding: 10px 12px;
  display: grid;
  gap: 10px;
}

[data-max-conversation] .case-answers-missing-title,
[data-max-conversation] .case-answers-missing-heading {
  margin: 0;
}

[data-max-conversation] .case-answers-missing-title {
  color: #335f8a;
  font-size: 14px;
  font-weight: 700;
}

[data-max-conversation] .case-answers-missing-intro {
  margin: -2px 0 2px;
  color: #4a6f93;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

[data-max-conversation] .case-answers-missing-block {
  display: grid;
  gap: 5px;
}

[data-max-conversation] .case-answers-missing-heading {
  color: #4e6f92;
  font-size: 12px;
  font-weight: 700;
}

[data-max-conversation] .case-answers-missing-list {
  margin: 0;
  padding-left: 0;
  list-style: none;
  color: #4a617c;
  font-size: 12px;
  line-height: 1.4;
  display: grid;
  gap: 4px;
}

[data-max-conversation] .case-answers-missing-list li {
  position: relative;
  padding-left: 16px;
}

[data-max-conversation] .case-answers-missing-list li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
}

[data-max-conversation] .case-answers-missing-list li.is-found::before {
  content: "ok";
  color: #2f6a3e;
}

[data-max-conversation] .case-answers-missing-list li.is-not-found::before,
[data-max-conversation] .case-answers-missing-list li.is-next::before {
  content: "o";
  color: #3c6693;
}

[data-max-conversation] .case-answers-missing-evidence.is-unsupported {
  border-color: #d8dde5;
  background: #f6f8fa;
}

[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-title {
  color: #4a5b70;
}

[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-intro,
[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-heading,
[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-list {
  color: #5b6b7f;
}

[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-list li.is-found::before,
[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-list li.is-not-found::before,
[data-max-conversation] .case-answers-missing-evidence.is-unsupported .case-answers-missing-list li.is-next::before {
  color: #596879;
}

[data-max-conversation] .case-answers-message {
  display: grid;
  gap: 6px;
}

[data-max-conversation] .case-answers-message-user {
  justify-items: end;
}

[data-max-conversation] .case-answers-message-max {
  justify-items: start;
}

[data-max-conversation] .case-answers-message-meta {
  margin: 0;
  color: #6f7f97;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

[data-max-conversation] .case-answers-message-bubble {
  max-width: min(86%, 560px);
  border: 1px solid #d9e3ef;
  border-radius: 12px;
  background: #ffffff;
  padding: 10px 12px;
}

[data-max-conversation] .case-answers-message-user .case-answers-message-bubble {
  max-width: min(74%, 500px);
  border-color: #d9e0eb;
  background: #f8fbff;
}

[data-max-conversation] .case-answers-message-text {
  margin: 0;
  color: #2d3e59;
  font-size: 14px;
  line-height: 1.45;
}

[data-max-conversation] .case-answers-message-text + .case-answers-message-text {
  margin-top: 10px;
}

[data-max-conversation] .case-answers-message-text.is-primary-answer {
  color: #1f3657;
  font-weight: 700;
}

[data-max-conversation] .case-answers-message-text.is-answer-qualification {
  color: #3f4f65;
}

[data-max-conversation] .case-answers-citation-marker {
  border: 0;
  border-radius: 999px;
  background: rgba(47, 127, 168, 0.14);
  color: #2c6f92;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  cursor: pointer;
  vertical-align: text-top;
}

[data-max-conversation] .case-answers-sources-wrap {
  margin-top: 0;
  border: 1px solid #cedbeb;
  border-radius: 12px;
  background: #f3f7fc;
  overflow: visible;
  position: relative;
}

[data-max-conversation] .case-answers-sources-bar {
  width: 100%;
  border: 0;
  background: #eff4fb;
  color: #2a4f87;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  min-height: 52px;
  padding: 12px 13px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  position: sticky;
  top: 0;
  z-index: 20;
  border-radius: 11px 11px 0 0;
  border-bottom: 1px solid rgba(53, 88, 133, 0.2);
  box-shadow: 0 3px 8px rgba(20, 40, 80, 0.05);
}

[data-max-conversation] .case-answers-sources-bar[aria-expanded="false"] {
  border-radius: 11px;
}

[data-max-conversation] .case-answers-sources-bar[aria-expanded="true"] {
  border-bottom: 1px solid rgba(53, 88, 133, 0.2);
}

[data-max-conversation] .case-answers-sources-bar:hover,
[data-max-conversation] .case-answers-sources-bar:focus-visible {
  background: #edf4fd;
}

[data-max-conversation] .case-answers-sources-title-wrap {
  min-width: 0;
  display: grid;
  gap: 3px;
}

[data-max-conversation] .case-answers-sources-title-row {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

[data-max-conversation] .case-answers-sources-icon {
  width: 14px;
  height: 14px;
  color: #2f67a6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

[data-max-conversation] .case-answers-sources-icon svg {
  width: 100%;
  height: 100%;
}

[data-max-conversation] .case-answers-sources-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-max-conversation] .case-answers-sources-title {
  min-width: 0;
  color: #2c5d9a;
  font-weight: 700;
}

[data-max-conversation] .case-answers-sources-support {
  color: #657d9d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
}

[data-max-conversation] .case-answers-sources-meta-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #45658f;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  align-self: center;
}

[data-max-conversation] .case-answers-sources-count {
  color: #45658f;
  font-size: 12px;
  font-weight: 700;
  display: grid;
  justify-items: end;
  gap: 2px;
  text-align: right;
}

[data-max-conversation] .case-answers-sources-count span {
  display: block;
}

[data-max-conversation] .case-answers-sources-arrow {
  color: #355885;
  font-size: 16px;
  line-height: 1;
}

[data-max-conversation] .case-answers-sources-panel {
  display: grid;
  gap: 12px;
  padding: 0 12px 12px;
}

[data-max-conversation] .case-answers-sources-panel[hidden] {
  display: none;
}

[data-max-conversation] .case-answers-source-group {
  display: grid;
  gap: 10px;
}

[data-max-conversation] .case-answers-source-group-heading {
  margin: 12px 0 8px;
  color: #5d6f89;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0 10px;
  position: static;
  z-index: auto;
}

[data-max-conversation] .case-answers-source-group:first-child .case-answers-source-group-heading {
  margin-top: 8px;
}

[data-max-conversation] .case-answers-source-card {
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #fbfdff;
  padding: 15px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  overflow: visible;
}

[data-max-conversation] .case-answers-source-card.is-focus-highlight {
  animation: maxSourceFocusPulse 1.1s ease-out 1;
}

[data-max-conversation] .case-answers-source-card.is-source-controlling {
  border-color: #c8dfcf;
  box-shadow: inset 3px 0 0 #8dc29b;
}

[data-max-conversation] .case-answers-source-card.is-source-confirming {
  border-color: #cddff0;
  box-shadow: inset 3px 0 0 #8eb8de;
}

[data-max-conversation] .case-answers-source-card.is-source-potentially-conflicting {
  border-color: #e6c787;
  box-shadow: inset 3px 0 0 #e3b763;
}

[data-max-conversation] .case-answers-source-card-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 11px;
  width: 100%;
}

[data-max-conversation] .case-answers-source-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #e9f3fb;
  color: var(--color-accent);
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

[data-max-conversation] .case-answers-source-title-block {
  min-width: 0;
}

[data-max-conversation] .case-answers-source-title {
  display: inline-block;
  color: #2f7fa8;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  min-width: 0;
  overflow-wrap: anywhere;
}

[data-max-conversation] .case-answers-source-classification {
  align-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #d0deec;
  background: #f2f7fc;
  color: #4f6381;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 8px;
  text-transform: capitalize;
  white-space: nowrap;
}

[data-max-conversation] .case-answers-source-classification.is-classification-controlling {
  border-color: #b8dcc3;
  background: #effaf2;
  color: #2f6a3e;
}

[data-max-conversation] .case-answers-source-classification.is-classification-confirming {
  border-color: #bfd6ea;
  background: #f0f7fd;
  color: #2f628d;
}

[data-max-conversation] .case-answers-source-classification.is-classification-authority {
  border-color: #d2c9ec;
  background: #f5f2fc;
  color: #58478f;
}

[data-max-conversation] .case-answers-source-classification.is-classification-potentially-conflicting {
  border-color: #e9d4aa;
  background: #fff8ed;
  color: #85611f;
}

[data-max-conversation] .case-answers-source-classification.is-classification-informational {
  border-color: #cedaea;
  background: #f4f8fc;
  color: #59718f;
}

[data-max-conversation] .case-answers-source-classification.is-classification-superseded {
  border-color: #d8dde4;
  background: #f6f7f9;
  color: #6d7888;
}

[data-max-conversation] .case-answers-source-meta {
  margin: 0;
  margin-top: 4px;
  color: #647791;
  font-size: 12px;
  line-height: 1.4;
  display: block;
  overflow-wrap: break-word;
  word-break: normal;
}

[data-max-conversation] .case-answers-source-excerpt {
  margin: 0;
  color: #2f405c;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 0;
  padding-left: 10px;
  border-left: 2px solid #d0dceb;
  overflow: visible;
}

[data-max-conversation] .case-answers-source-why-wrap {
  display: grid;
  gap: 6px;
}

[data-max-conversation] .case-answers-source-why-toggle {
  justify-self: start;
  border: 0;
  background: transparent;
  color: #536b88;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  padding: 0;
  cursor: pointer;
}

[data-max-conversation] .case-answers-source-why-toggle:hover,
[data-max-conversation] .case-answers-source-why-toggle:focus-visible {
  color: #355476;
  text-decoration: underline;
}

[data-max-conversation] .case-answers-source-why {
  margin: 0;
  color: #5f7590;
  font-size: 12px;
  line-height: 1.4;
  overflow: hidden;
  max-height: 120px;
  opacity: 1;
  transition: max-height 180ms ease, opacity 180ms ease;
}

[data-max-conversation] .case-answers-source-why.is-collapsed {
  max-height: 0;
  opacity: 0;
}

[data-max-conversation] .case-answers-source-status-note {
  margin: 0;
  color: #7b6332;
  font-size: 11px;
  line-height: 1.35;
  border-left: 2px solid #e0c998;
  padding-left: 8px;
}

[data-max-conversation] .case-answers-source-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 0;
  width: 100%;
}

@keyframes maxSourceFocusPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(61, 126, 170, 0.34);
    background: #f8fcff;
  }

  100% {
    box-shadow: 0 0 0 8px rgba(61, 126, 170, 0);
    background: #fbfdff;
  }
}

[data-max-conversation] .case-answers-source-action {
  color: #2f7fa8;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
}

[data-max-conversation] .case-answers-source-action:hover,
[data-max-conversation] .case-answers-source-action:focus-visible {
  color: #286f94;
  text-decoration: underline;
}

[data-max-conversation] .case-answers-launcher.is-inline-toggle {
  width: 100%;
  min-height: 0;
  padding: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border-radius: 0;
  justify-self: stretch;
}

[data-max-conversation] .case-answers-launcher.is-inline-toggle .case-answers-launcher-prompt {
  display: none;
}

[data-max-conversation] .case-answers-launcher.is-inline-toggle .case-answers-status-text {
  display: inline;
}

[data-max-conversation] .case-answers-launcher.is-inline-toggle .case-answers-status-text.is-hidden {
  display: inline;
  visibility: hidden;
}

[data-max-conversation] .case-answers-left-pane-footer {
  flex: 0 0 auto;
  border-top: 1px solid #d8e3ef;
  background: #fdfefe;
  padding-bottom: 8px;
}

[data-max-conversation] .case-answers-expanded-input-wrap {
  flex: 0 0 auto;
  margin: 10px 14px 0;
  border: 1px solid #d6e1ed;
  border-radius: 12px;
  background: #fff;
  padding: 8px 10px;
}

[data-max-conversation] .case-answers-expanded-converse-row {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 8px 14px 8px;
  border-bottom: 1px solid #d8e3ef;
}

[data-max-conversation] .case-answers-expanded-converse {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #d0dceb;
  border-radius: 999px;
  background: #fff;
  color: #4b59f2;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  padding: 8px 14px;
  white-space: nowrap;
}

[data-max-conversation] .case-answers-expanded-converse:hover,
[data-max-conversation] .case-answers-expanded-converse:focus-visible {
  border-color: #bdcbe0;
  background: #f8faff;
}

[data-max-conversation] .case-answers-converse-voice-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-max-conversation] .case-answers-converse-voice-icon svg {
  width: 100%;
  height: 100%;
}

[data-max-conversation] .case-answers-converse-voice-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}

[data-max-conversation] .case-answers-expanded-converse-note {
  margin: 0;
  color: #627492;
  font-size: 12px;
  line-height: 1.3;
}

[data-max-conversation] .case-answers-expanded-prompt {
  min-height: 66px;
  max-height: 140px;
  resize: none;
  overflow-y: auto;
  font-size: 15px;
  line-height: 1.45;
  padding-right: 46px;
}

[data-max-conversation] .case-answers-expanded-send {
  width: 36px;
  height: 36px;
  right: 7px;
  bottom: 7px;
  border-radius: 10px;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #2f7fa8;
}

[data-max-conversation] .case-answers-expanded-send:hover,
[data-max-conversation] .case-answers-expanded-send:focus-visible {
  background: rgba(47, 127, 168, 0.12);
}

[data-max-conversation] .case-answers-expanded-send:disabled {
  color: #9aabbe;
  background: transparent;
  cursor: default;
}

[data-max-conversation] .case-answers-expanded-send:disabled:hover,
[data-max-conversation] .case-answers-expanded-send:disabled:focus-visible {
  background: transparent;
}

[data-max-conversation] .case-answers-expanded-send svg {
  width: 17px;
  height: 17px;
}

[data-max-conversation] .case-answers-expanded-send svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-max-conversation] .case-answers-expanded-chips {
  flex: 0 0 auto;
  padding: 8px 14px 0;
  gap: 7px;
  margin-top: 0;
}

[data-max-conversation] .case-answers-expanded-chips[hidden] {
  display: none;
}

[data-max-conversation] .case-answers-expanded-chip {
  padding: 6px 11px;
  border-color: #dbe4ef;
  background: #fdfefe;
  color: #4e617d;
  font-size: 14px;
  line-height: 1.2;
}

[data-max-conversation] .case-answers-privacy-note {
  flex: 0 0 auto;
  margin: 2px 14px 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7d8aa0;
  font-size: 12px;
  line-height: 1.3;
}

[data-max-conversation] .case-answers-privacy-icon {
  width: 13px;
  height: 13px;
  display: inline-flex;
}

[data-max-conversation] .case-answers-privacy-icon svg {
  width: 100%;
  height: 100%;
}

[data-max-conversation] .case-answers-privacy-icon svg * {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

[data-max-conversation] .case-answers-pane-switch {
  margin: 6px 14px 4px;
  border: 1px solid #cad8e8;
  border-radius: 999px;
  background: #ffffff;
  color: #2f628d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  padding: 8px 14px;
  justify-self: start;
  cursor: pointer;
}

[data-max-conversation] .case-answers-pane-switch:hover,
[data-max-conversation] .case-answers-pane-switch:focus-visible {
  border-color: #b8cae0;
  background: #f4f8fd;
}

[data-max-conversation] .case-answers-pane-switch[hidden] {
  display: none;
}

[data-max-conversation] .case-answers-pane-switch.is-secondary {
  color: #446487;
}

[data-max-conversation] .case-answers-evidence-mobile-actions {
  display: none;
  border-top: 1px solid rgba(102, 128, 161, 0.24);
  padding: 6px 0 8px;
}

[data-max-conversation][data-max-state="idle"] .case-answers-launcher-icon {
  color: #f1bc4e;
  animation: maxAssistantIdleSpark 8s ease-in-out infinite;
}

[data-max-conversation][data-max-state="listening"] .case-answers-launcher-icon {
  color: #41c7f0;
  animation: maxAssistantListeningPulse 2.8s ease-in-out infinite;
}

[data-max-conversation][data-max-state="listening"] .case-answers-drawer::before {
  opacity: 1;
}

[data-max-conversation][data-max-state="thinking"] .case-answers-launcher-icon {
  color: #8a65ff;
}

[data-max-conversation][data-max-state="thinking"] .case-answers-launcher-brand::before,
[data-max-conversation][data-max-state="thinking"] .case-answers-launcher-brand::after {
  content: "";
  position: absolute;
  left: 4px;
  top: -3px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(143, 112, 255, 0.86);
  box-shadow: 8px 10px 0 rgba(143, 112, 255, 0.42), 16px 4px 0 rgba(143, 112, 255, 0.62);
  animation: maxAssistantThinkingParticle 3s ease-in-out infinite;
  pointer-events: none;
}

[data-max-conversation][data-max-state="thinking"] .case-answers-launcher-brand::before {
  animation-delay: -1.3s;
}

[data-max-conversation][data-max-state="responding"] .case-answers-wordmark-wrap::after {
  opacity: 1;
  animation: maxAssistantRespondingSweep 2.4s ease-out 1 both;
}

[data-max-conversation][data-max-state="responding"] .case-answers-state-indicator {
  opacity: 1;
}

[data-max-conversation][data-max-state="responding"] .case-answers-state-indicator span {
  animation: maxAssistantRespondingDot 1.4s ease-in-out infinite;
}

[data-max-conversation][data-max-state="responding"] .case-answers-state-indicator span:nth-child(2) {
  animation-delay: 0.18s;
}

[data-max-conversation][data-max-state="responding"] .case-answers-state-indicator span:nth-child(3) {
  animation-delay: 0.36s;
}

[data-max-conversation][data-max-state="listening"] .case-answers-status-text,
[data-max-conversation][data-max-state="thinking"] .case-answers-status-text,
[data-max-conversation][data-max-state="responding"] .case-answers-status-text {
  color: #4d6488;
}

@keyframes maxAssistantIdleSpark {
  0%,
  82%,
  100% {
    opacity: 1;
    transform: translateY(-1px) scale(1);
    filter: drop-shadow(0 0 0 rgba(245, 204, 117, 0));
  }

  87%,
  95% {
    opacity: 0.98;
    transform: translateY(-1px) scale(1.05);
    filter: drop-shadow(0 0 11px rgba(245, 204, 117, 0.45));
  }
}

@keyframes maxAssistantListeningPulse {
  0%,
  100% {
    opacity: 1;
    transform: translateY(-1px) scale(1);
    filter: drop-shadow(0 0 0 rgba(49, 200, 239, 0));
  }

  50% {
    opacity: 0.9;
    transform: translateY(-1px) scale(1.04);
    filter: drop-shadow(0 0 9px rgba(65, 199, 240, 0.4));
  }
}

@keyframes maxAssistantThinkingParticle {
  0%,
  100% {
    opacity: 0;
    transform: translate(-2px, 1px) scale(0.8);
  }

  35% {
    opacity: 0.9;
    transform: translate(2px, -2px) scale(1);
  }

  72% {
    opacity: 0.55;
    transform: translate(5px, 0) scale(0.85);
  }
}

@keyframes maxAssistantRespondingSweep {
  0%,
  10% {
    opacity: 0;
    transform: translateX(-130%);
  }

  38% {
    opacity: 1;
    transform: translateX(10%);
  }

  100% {
    opacity: 0;
    transform: translateX(130%);
  }
}

@keyframes maxAssistantRespondingDot {
  0%,
  100% {
    opacity: 0.35;
    transform: translateY(0);
  }

  50% {
    opacity: 1;
    transform: translateY(-1px);
  }
}

[data-max-conversation] .case-answers-pane-switch {
  display: none;
}

@media (max-width: 1100px) {
  [data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-expanded-workspace {
    grid-template-columns: minmax(0, 1.27fr) minmax(300px, 1fr);
  }
}

@media (max-width: 900px) {
  [data-max-conversation].case-answers-launcher-wrap {
    width: min(100%, 680px);
  }

  [data-max-conversation] .case-answers-drawer.is-open .case-answers-drawer-body,
  [data-max-conversation] .case-answers-expanded-panel {
    max-height: min(540px, calc(100vh - 135px));
  }

  [data-max-conversation] .case-answers-expanded-panel {
    min-height: 460px;
  }

  [data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-expanded-workspace {
    grid-template-columns: minmax(0, 1.12fr) minmax(260px, 0.88fr);
  }

  [data-max-conversation] .case-answers-launcher {
    min-height: 62px;
    gap: 10px;
  }

  [data-max-conversation] .case-answers-launcher-prompt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .case-answers-conversation-hero.is-workspace-mode {
    min-height: clamp(560px, 82vh, 720px);
    padding: 14px;
  }

  .case-answers-conversation-hero.is-workspace-mode .case-answers-conversation-main {
    min-height: clamp(540px, 78vh, 680px);
  }
}

@media (max-width: 760px) {
  [data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-expanded-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-workspace-evidence {
    border-left: 0;
    border-top: 1px solid rgba(79, 111, 151, 0.24);
  }

  [data-max-conversation][data-workspace-layout="conversation-evidence"][data-mobile-pane="conversation"] .case-answers-workspace-evidence {
    display: none;
  }

  [data-max-conversation][data-workspace-layout="conversation-evidence"][data-mobile-pane="evidence"] .case-answers-workspace-conversation {
    display: none;
  }

  [data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-pane-switch {
    display: inline-flex;
    align-items: center;
  }

  [data-max-conversation][data-workspace-layout="conversation-evidence"] .case-answers-evidence-mobile-actions {
    display: block;
  }
}

@media (max-width: 600px) {
  [data-max-conversation] .case-answers-launcher {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    row-gap: 8px;
    padding: 12px;
    min-height: 0;
  }

  [data-max-conversation] .case-answers-launcher-brand {
    grid-column: 1;
  }

  [data-max-conversation] .case-answers-launcher-prompt {
    grid-column: 1;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  [data-max-conversation] .case-answers-launcher-arrows {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  [data-max-conversation] .case-answers-launcher-controls {
    min-width: 50px;
    justify-self: end;
  }

  [data-max-conversation] .case-answers-expanded-panel-head {
    min-height: 50px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  [data-max-conversation] .case-answers-drawer.is-open .case-answers-drawer-body,
  [data-max-conversation] .case-answers-expanded-panel {
    max-height: min(500px, calc(100vh - 90px));
  }

  [data-max-conversation] .case-answers-sources-support {
    display: block;
    white-space: normal;
  }

  [data-max-conversation] .case-answers-evidence-summary-list {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-max-conversation] .case-answers-conflict-action {
    justify-self: start;
  }

  [data-max-conversation] .case-answers-expanded-panel {
    min-height: 460px;
  }

  .case-answers-conversation-hero.is-workspace-mode {
    min-height: clamp(520px, 76vh, 640px);
    padding: 10px;
  }

  .case-answers-conversation-hero.is-workspace-mode .case-answers-conversation-main {
    min-height: clamp(500px, 72vh, 620px);
  }

  [data-max-conversation] .case-answers-scroll-region {
    padding: 10px 12px 8px;
    gap: 12px;
  }

  [data-max-conversation] .case-answers-evidence-scroll-region {
    padding: 8px 8px 10px;
  }

  [data-max-conversation] .case-answers-message-bubble,
  [data-max-conversation] .case-answers-message-user .case-answers-message-bubble {
    max-width: 100%;
  }

  [data-max-conversation] .case-answers-source-card-header {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
  }

  [data-max-conversation] .case-answers-source-classification {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 6px;
  }

  [data-max-conversation] .case-answers-source-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  [data-max-conversation] .case-answers-expanded-converse-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 10px;
  }

  [data-max-conversation] .case-answers-launcher.is-inline-toggle {
    justify-self: stretch;
  }

  .max-workspace {
    padding: 0 10px 18px;
    gap: 12px;
  }

  .max-workspace-hero {
    min-height: 170px;
    padding: 16px 16px;
  }

  .max-workspace-hero-copy {
    max-width: 100%;
  }

  .max-workspace-hero-copy .type-page-title {
    font-size: clamp(30px, 8.4vw, 42px);
  }

  .max-context-ribbon {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
  }

  .max-answer-day {
    font-size: clamp(30px, 9vw, 40px);
  }

  .max-answer-time {
    font-size: clamp(24px, 7vw, 32px);
  }

  .max-recommendation,
  .max-authorities,
  .max-continue {
    padding: 16px;
  }

  .max-things-know,
  .max-confidence-explainer,
  .max-watch-for {
    padding-left: 0;
    padding-right: 0;
  }

  .max-reading-header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .max-authorities-workspace {
    gap: 12px;
  }

  .max-authorities-nav,
  .max-authorities-reading-pane {
    padding: 10px;
  }

  .max-continue-input-wrap {
    flex-direction: column;
  }

  .max-continue-input-wrap button {
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-max-conversation] .case-answers-drawer-body,
  [data-max-conversation] .case-answers-expanded-send,
  [data-max-conversation] .case-answers-launcher-icon,
  [data-max-conversation] .case-answers-state-indicator span,
  [data-max-conversation] .case-answers-wordmark-wrap::after,
  [data-max-conversation] .case-answers-launcher-brand::before,
  [data-max-conversation] .case-answers-launcher-brand::after {
    transition: none;
    animation: none !important;
  }

  [data-max-conversation] .case-answers-source-why {
    transition: none;
  }
}

.documents-v1 {
  display: grid;
  gap: 18px;
}

.documents-v1 .matter-card {
  position: relative;
  overflow: hidden;
}

.documents-v1-hero {
  margin-bottom: 16px;
  padding: 30px 34px 172px;
  min-height: 680px;
}

.documents-v1-hero .my-matter-journey-content {
  max-width: 40%;
  gap: 22px;
}

.documents-v1-hero .my-matter-hero-timeline {
  width: min(calc(100% - 64px), 980px);
  bottom: 22px;
}

.documents-v1-hero-copy {
  gap: 30px;
}

.documents-v1-hero-action-list {
  display: grid;
  gap: 16px;
  margin-top: 2px;
  padding: 14px 16px;
  max-width: 36rem;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.31), rgba(255, 255, 255, 0.12));
  border: 1px solid rgba(209, 222, 240, 0.5);
  box-shadow: 0 14px 32px rgba(58, 88, 131, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(14px) saturate(1.15);
  -webkit-backdrop-filter: blur(14px) saturate(1.15);
}

.documents-v1-hero-queue-label {
  margin: 0;
  max-width: none;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: #38506f;
}

.documents-v1-hero-doc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.documents-v1-hero-doc-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 14px;
  row-gap: 0;
  min-height: 42px;
  padding: 12px 0;
  border-top: 1px solid rgba(221, 231, 244, 0.42);
}

.documents-v1-hero-doc-row:first-child {
  border-top: 0;
}

.documents-v1-hero-doc-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(150, 171, 204, 0.72);
  background: rgba(255, 255, 255, 0.52);
  color: #526276;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

.documents-v1-hero-doc-row.is-ready .documents-v1-hero-doc-icon {
  background: rgba(108, 178, 128, 0.12);
  border-color: rgba(92, 152, 111, 0.46);
  color: #4d8660;
}

.documents-v1-hero-doc-row.is-review .documents-v1-hero-doc-icon {
  background: rgba(228, 179, 87, 0.14);
  border-color: rgba(192, 145, 58, 0.46);
  color: #996c2b;
}

.documents-v1-hero-doc-copy {
  display: grid;
  min-width: 0;
}

.documents-v1-hero-doc-copy strong {
  margin: 0;
  font-size: 14px;
  color: #213556;
  line-height: 1.3;
}

.documents-v1-hero-doc-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  min-height: 28px;
  min-width: 102px;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid rgba(176, 190, 212, 0.5);
  background: rgba(255, 255, 255, 0.34);
  color: #5f6f89;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.documents-v1-hero-doc-action:hover,
.documents-v1-hero-doc-action:focus-visible {
  background: rgba(255, 255, 255, 0.56);
  border-color: rgba(150, 171, 204, 0.68);
}

.documents-v1-hero-doc-row.is-ready .documents-v1-hero-doc-action {
  border-color: rgba(120, 169, 133, 0.48);
  background: rgba(108, 178, 128, 0.14);
  color: #4f7e5e;
}

.documents-v1-hero-doc-row.is-ready .documents-v1-hero-doc-action:hover,
.documents-v1-hero-doc-row.is-ready .documents-v1-hero-doc-action:focus-visible {
  background: rgba(108, 178, 128, 0.2);
  border-color: rgba(95, 153, 115, 0.6);
}

.documents-v1-hero-doc-row.is-review .documents-v1-hero-doc-action {
  border-color: rgba(201, 159, 81, 0.58);
  background: rgba(228, 179, 87, 0.2);
  color: #8e6427;
}

.documents-v1-hero-doc-row.is-review .documents-v1-hero-doc-action:hover,
.documents-v1-hero-doc-row.is-review .documents-v1-hero-doc-action:focus-visible {
  background: rgba(228, 179, 87, 0.27);
  border-color: rgba(184, 139, 59, 0.66);
}

.documents-v1-hero-doc-row.is-draft .documents-v1-hero-doc-action {
  border-color: rgba(186, 198, 215, 0.4);
  background: rgba(243, 247, 251, 0.48);
  color: #566579;
}

.documents-v1-hero-doc-row.is-draft .documents-v1-hero-doc-action:hover,
.documents-v1-hero-doc-row.is-draft .documents-v1-hero-doc-action:focus-visible {
  background: rgba(243, 247, 251, 0.64);
  border-color: rgba(170, 185, 206, 0.54);
}

.documents-v1-hero-doc-action:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.documents-v1-hero .max-workspace-hero-copy {
  max-width: 620px;
  gap: 12px;
}

.documents-v1-hero .workspace-summary {
  max-width: 58ch;
}

.documents-horizon {
  width: 100%;
  height: 100%;
  display: block;
}

.documents-v1-section-head {
  margin-bottom: 16px;
}

.documents-v1-roadmap {
  display: grid;
  gap: 14px;
  background: linear-gradient(180deg, rgba(249, 252, 255, 0.96), rgba(246, 251, 255, 0.92));
}

.documents-v1-roadmap-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.documents-v1-roadmap-support {
  margin: 8px 0 0;
  max-width: 72ch;
  color: #4f6288;
}

.documents-v1-case-type {
  margin: 0;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(132, 159, 198, 0.36);
  background: rgba(244, 249, 255, 0.9);
  font-size: 12px;
  font-weight: 700;
  color: #344f7a;
  white-space: nowrap;
}

.documents-v1-roadmap-progress {
  border: 1px solid rgba(133, 160, 203, 0.28);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  padding: 12px;
  display: grid;
  gap: 8px;
}

.documents-v1-roadmap-progress-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.documents-v1-roadmap-progress-count,
.documents-v1-roadmap-progress-percent {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #2c4167;
}

.documents-v1-roadmap-progress-track {
  height: 8px;
  border-radius: 999px;
  background: rgba(179, 201, 235, 0.34);
  overflow: hidden;
}

.documents-v1-roadmap-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(106, 154, 220, 0.95), rgba(83, 187, 152, 0.85));
}

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

.documents-v1-roadmap-card {
  border: 1px solid rgba(133, 160, 203, 0.3);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  display: grid;
  align-content: start;
  min-height: 320px;
}

.documents-v1-roadmap-card.is-active {
  border-color: rgba(101, 144, 211, 0.46);
  box-shadow: 0 8px 24px rgba(70, 106, 164, 0.12);
}

.documents-v1-roadmap-card-head {
  display: grid;
  gap: 7px;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 12px;
  cursor: pointer;
}

.documents-v1-roadmap-card-title {
  font-size: 14px;
  font-weight: 700;
  color: #203154;
}

.documents-v1-roadmap-card-count {
  font-size: 12px;
  font-weight: 700;
  color: #425f8f;
}

.documents-v1-roadmap-card-track {
  height: 6px;
  border-radius: 999px;
  background: rgba(185, 204, 233, 0.38);
  overflow: hidden;
}

.documents-v1-roadmap-card-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: rgba(99, 151, 223, 0.88);
}

.documents-v1-roadmap-card-body {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 0 12px 12px;
}

.documents-v1-roadmap-card-description {
  margin: 0;
  font-size: 12px;
  color: #4f6288;
  line-height: 1.4;
}

.documents-v1-roadmap-doc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 4px;
}

.documents-v1-roadmap-doc {
  width: 100%;
  border: 1px solid rgba(137, 166, 205, 0.28);
  border-radius: 10px;
  background: rgba(251, 254, 255, 0.9);
  text-align: left;
  padding: 7px 8px;
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.documents-v1-roadmap-doc:hover {
  background: rgba(239, 247, 255, 0.92);
  border-color: rgba(109, 150, 213, 0.38);
}

.documents-v1-roadmap-doc-title {
  font-size: 12px;
  font-weight: 700;
  color: #223357;
}

.documents-v1-roadmap-doc-status {
  font-size: 11px;
  color: #506181;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.documents-v1-roadmap-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid rgba(124, 151, 192, 0.54);
  background: rgba(246, 250, 255, 0.95);
}

.documents-v1-roadmap-status-dot.is-complete {
  background: rgba(92, 172, 134, 0.92);
  border-color: rgba(72, 138, 107, 0.9);
}

.documents-v1-roadmap-status-dot.is-in-draft {
  background: rgba(119, 160, 226, 0.9);
  border-color: rgba(94, 136, 204, 0.92);
}

.documents-v1-roadmap-status-dot.is-ready-review {
  background: rgba(116, 177, 221, 0.9);
  border-color: rgba(86, 146, 191, 0.9);
}

.documents-v1-roadmap-status-dot.is-ready-signature {
  background: rgba(132, 184, 133, 0.9);
  border-color: rgba(96, 145, 97, 0.9);
}

.documents-v1-roadmap-status-dot.is-not-started {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(148, 170, 204, 0.94);
}

.documents-v1-roadmap-status-dot.is-may-needed {
  background: rgba(224, 231, 244, 0.9);
  border-color: rgba(162, 176, 200, 0.92);
}

.documents-v1-roadmap-empty,
.documents-v1-roadmap-complete {
  margin: 0;
  font-size: 12px;
  color: #54678d;
}

.documents-v1-roadmap-inline-state {
  border-radius: 12px;
  border: 1px solid rgba(137, 166, 205, 0.3);
  background: rgba(249, 253, 255, 0.88);
  padding: 10px 12px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.documents-v1-roadmap-inline-state p {
  margin: 0;
  font-size: 13px;
  color: #3b527b;
}

.documents-v1-workspace {
  display: grid;
  gap: 12px;
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.96), rgba(243, 249, 255, 0.9));
}

.documents-v1-workspace-head {
  margin-bottom: 4px;
}

.documents-v1-workspace-shell {
  display: grid;
  grid-template-columns: minmax(190px, 22%) minmax(280px, 35%) minmax(0, 1fr);
  border: 1px solid rgba(133, 160, 203, 0.34);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.74);
  min-height: 520px;
  overflow: hidden;
}

.documents-v1-workspace-rail,
.documents-v1-workspace-list,
.documents-v1-workspace-detail {
  display: grid;
  align-content: start;
  min-height: 0;
}

.documents-v1-workspace-rail,
.documents-v1-workspace-list {
  border-right: 1px solid rgba(136, 166, 214, 0.28);
}

.documents-v1-pane-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  padding: 14px 14px 10px;
  border-bottom: 1px solid rgba(136, 166, 214, 0.24);
  background: rgba(248, 251, 255, 0.85);
}

.documents-v1-pane-head h3 {
  margin: 0;
  font-size: 14px;
  color: #1f2b44;
}

.documents-v1-pane-head p {
  margin: 0;
  font-size: 12px;
  color: #5f6f8f;
}

.documents-v1-filter-nav {
  display: grid;
  gap: 4px;
  padding: 10px;
  overflow: auto;
}

.documents-v1-filter-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 11px;
  background: transparent;
  text-align: left;
  padding: 8px 9px;
  color: #314365;
  cursor: pointer;
}

.documents-v1-filter-btn:hover {
  background: rgba(233, 242, 255, 0.7);
}

.documents-v1-filter-btn.is-active {
  border-color: rgba(110, 148, 209, 0.4);
  background: rgba(220, 234, 255, 0.86);
}

.documents-v1-filter-label {
  font-size: 13px;
  font-weight: 700;
}

.documents-v1-filter-count {
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  background: rgba(143, 169, 208, 0.22);
  color: #38507a;
}

.documents-v1-list {
  list-style: none;
  margin: 0;
  padding: 8px;
  display: grid;
  gap: 6px;
  overflow: auto;
}

.documents-v1-list li {
  margin: 0;
}

.documents-v1-list-row {
  width: 100%;
  text-align: left;
  border: 1px solid rgba(138, 165, 204, 0.24);
  background: rgba(255, 255, 255, 0.82);
  border-radius: 12px;
  padding: 9px 10px;
  display: grid;
  gap: 2px;
  cursor: pointer;
}

.documents-v1-list-row:hover {
  border-color: rgba(110, 148, 209, 0.34);
  background: rgba(241, 248, 255, 0.86);
}

.documents-v1-list-row.is-selected {
  border-color: rgba(103, 144, 210, 0.44);
  background: linear-gradient(160deg, rgba(232, 243, 255, 0.96), rgba(223, 238, 255, 0.9));
  box-shadow: 0 8px 18px rgba(74, 108, 165, 0.12);
}

.documents-v1-list-row-title {
  appearance: none;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  text-align: left;
  font: inherit;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  color: #203154;
}

.documents-v1-list-row-title:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

.documents-v1-list-row-status,
.documents-v1-list-row-date,
.documents-v1-list-row-secondary {
  font-size: 12px;
  color: #506181;
}

.documents-v1-list-row-date {
  color: #3b557e;
}

.documents-v1-detail-card {
  padding: 14px;
  overflow: auto;
  display: grid;
  gap: 10px;
}

.documents-v1-detail-card h4 {
  margin: 0;
  font-size: 20px;
  color: #1f2b44;
}

.documents-v1-detail-meta {
  margin: 0;
  display: grid;
  gap: 6px;
}

.documents-v1-detail-meta div {
  display: grid;
  gap: 2px;
}

.documents-v1-detail-meta dt {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #526276;
}

.documents-v1-detail-meta dd {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #2b3d63;
}

.documents-v1-lifecycle-compact {
  margin-top: -2px;
}

.documents-v1-mobile-nav {
  display: none;
  gap: 8px;
}

.documents-v1-stage {
  border: 1px solid rgba(133, 160, 203, 0.34);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(4px);
}

.documents-v1-stage > summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
}

.documents-v1-stage > summary::-webkit-details-marker {
  display: none;
}

.documents-v1-stage > summary strong {
  display: block;
  font-size: 16px;
  color: #1f2b44;
}

.documents-v1-stage > summary small {
  display: block;
  margin-top: 2px;
  color: #5f6f8f;
  font-size: 13px;
}

.documents-v1-stage-count {
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  color: #2b3d63;
  background: rgba(136, 166, 214, 0.18);
  border: 1px solid rgba(136, 166, 214, 0.28);
}

.documents-v1-stage-body {
  padding: 0 16px 16px;
  display: grid;
  gap: 12px;
}

.documents-v1-card-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.documents-v1-doc-card {
  border-radius: 16px;
  border: 1px solid rgba(139, 166, 207, 0.34);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.92), rgba(245, 250, 255, 0.9));
  padding: 14px;
  display: grid;
  gap: 10px;
}

.documents-v1-doc-card header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.documents-v1-doc-card h3,
.documents-v1-doc-card h4 {
  margin: 0;
  font-size: 18px;
  color: #1f2b44;
}

.documents-v1-status-chip {
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  color: #32538a;
  background: rgba(121, 157, 215, 0.18);
  border: 1px solid rgba(121, 157, 215, 0.3);
  white-space: nowrap;
}

.documents-v1-status-chip-waiting {
  color: #3f5e36;
  background: rgba(124, 183, 118, 0.18);
  border-color: rgba(124, 183, 118, 0.34);
}

.documents-v1-doc-meta {
  margin: 0;
  font-size: 13px;
  color: #5f6f8f;
}

.documents-v1-max-label {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #526276;
  font-weight: 700;
}

.documents-v1-max-copy {
  margin: 0;
  color: #2f3d5e;
}

.documents-v1-lifecycle {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.documents-v1-lifecycle li {
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  color: #5c6e91;
  border: 1px solid rgba(140, 162, 197, 0.35);
  background: rgba(255, 255, 255, 0.75);
}

.documents-v1-lifecycle li.is-current {
  color: #194d3f;
  border-color: rgba(92, 153, 129, 0.4);
  background: linear-gradient(140deg, rgba(233, 250, 243, 0.98), rgba(216, 244, 232, 0.95));
  font-weight: 700;
}

.documents-v1-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.documents-v1-action-list {
  margin: 0;
  padding-left: 18px;
  color: #2f3d5e;
  display: grid;
  gap: 3px;
}

.documents-v1-stage-blocker {
  border-color: rgba(102, 161, 134, 0.45);
  background: linear-gradient(180deg, rgba(244, 255, 249, 0.94), rgba(238, 250, 244, 0.9));
}

.documents-v1-doc-card-blocker {
  border-color: rgba(109, 170, 143, 0.42);
  box-shadow: 0 10px 28px rgba(63, 113, 86, 0.09);
}

.documents-v1-filed-group {
  display: grid;
  gap: 10px;
}

.documents-v1-filed-group h3 {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #5d6f92;
}

.documents-v1-doc-card-filed {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.9), rgba(247, 252, 255, 0.9));
}

.documents-v1-empty-state {
  border-radius: 14px;
  padding: 16px;
  border: 1px dashed rgba(130, 156, 196, 0.45);
  background: linear-gradient(160deg, rgba(254, 255, 255, 0.9), rgba(245, 251, 255, 0.86));
}

.documents-v1-empty-state p {
  margin: 0;
}

.documents-v1-empty-state p + p {
  margin-top: 6px;
  color: #5c6f93;
}

@media (max-width: 1120px) {
  .documents-v1-roadmap-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .documents-v1-hero {
    padding: 18px;
    min-height: 0;
  }

  .documents-v1-hero .my-matter-journey-content {
    max-width: 100%;
    min-height: 0;
  }

  .documents-v1-hero .my-matter-hero-timeline {
    position: relative;
    left: auto;
    width: auto;
    transform: none;
    bottom: auto;
    margin-top: 20px;
  }

  .documents-v1-hero .my-matter-hero-timeline::before {
    inset: -16px -12px -12px;
  }

  .documents-v1-hero .my-matter-journey-embedded {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .documents-v1-hero .my-matter-journey-embedded .journey-track {
    min-width: 720px;
    display: grid;
    gap: 12px;
  }

  .documents-v1-hero .my-matter-journey-embedded .journey-track::before {
    left: 9%;
    right: 9%;
  }

  .documents-v1-hero .my-matter-journey-embedded .journey-step {
    padding: 0;
  }

  .documents-v1-hero-action-list {
    gap: 12px;
    padding: 10px 12px;
    max-width: none;
  }

  .documents-v1-hero-doc-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    padding: 12px 0;
  }

  .documents-v1-hero-doc-action {
    grid-column: 3;
    grid-row: auto;
    justify-self: end;
    align-self: center;
    margin-top: 0;
  }

  .documents-v1-roadmap-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .documents-v1-case-type {
    white-space: normal;
  }

  .documents-v1-roadmap-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .documents-v1-roadmap-card {
    min-height: 0;
  }

  .documents-v1-roadmap-card-head {
    padding: 11px;
  }

  .documents-v1-roadmap-card-head::after {
    content: "+";
    justify-self: end;
    font-size: 16px;
    color: #5b6f95;
    margin-top: -28px;
  }

  .documents-v1-roadmap-card-head[aria-expanded="true"]::after {
    content: "-";
  }

  .documents-v1-roadmap-inline-state {
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (max-width: 900px) {
  .documents-v1-hero {
    padding: 22px 24px 166px;
    min-height: 720px;
  }

  .documents-v1-hero .my-matter-journey-content {
    max-width: 56%;
  }

  .documents-v1-hero .my-matter-hero-timeline {
    width: min(calc(100% - 56px), 860px);
    bottom: 18px;
  }

  .documents-v1-hero-action-list {
    max-width: 100%;
    padding: 13px 14px;
  }

  .documents-v1-hero-queue-label {
    font-size: 14px;
    white-space: normal;
  }

  .documents-horizon-image {
    object-position: 60% center;
  }

  .documents-v1-workspace-shell {
    grid-template-columns: minmax(0, 1fr);
    min-height: 420px;
  }

  .documents-v1-workspace-rail,
  .documents-v1-workspace-list {
    border-right: none;
  }

  .documents-v1-workspace-rail,
  .documents-v1-workspace-list,
  .documents-v1-workspace-detail {
    min-height: 360px;
  }

  .documents-v1-mobile-nav {
    display: flex;
    flex-wrap: wrap;
  }

  .documents-v1-mobile-nav .request-card-action {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .documents-v1-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .documents-v1-stage {
    border-radius: 14px;
  }

  .documents-v1-stage > summary {
    padding: 12px 14px;
  }

  .documents-v1-stage > summary strong {
    font-size: 15px;
  }

  .documents-v1-stage > summary::after {
    content: "+";
    font-size: 18px;
    line-height: 1;
    color: #5f7093;
    margin-left: auto;
  }

  .documents-v1-stage[open] > summary::after {
    content: "-";
  }

  .documents-v1-stage-count {
    margin-left: 2px;
  }

  .documents-v1-doc-card header {
    flex-direction: column;
  }

  .documents-v1-status-chip {
    white-space: normal;
  }
}

@media (max-width: 560px) {
}

@media (max-width: 640px) {
  .documents-v1-hero {
    padding: 18px;
    min-height: 0;
  }

  .documents-v1-hero .my-matter-journey-content {
    max-width: 100%;
    min-height: 0;
  }

  .documents-v1-hero .my-matter-hero-timeline {
    position: relative;
    left: auto;
    width: auto;
    transform: none;
    bottom: auto;
    margin-top: 24px;
  }

  .documents-v1-hero .my-matter-hero-timeline::before {
    inset: -16px -12px -12px;
  }

  .documents-v1-hero .my-matter-journey-embedded {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .documents-v1-hero .my-matter-journey-embedded .journey-track {
    min-width: 720px;
    display: grid;
    gap: 12px;
  }

  .documents-v1-hero .my-matter-journey-embedded .journey-track::before {
    left: 9%;
    right: 9%;
  }

  .documents-v1-hero .my-matter-journey-embedded .journey-step {
    padding: 0;
  }

  .documents-v1-hero-action-list {
    gap: 12px;
    padding: 10px 12px;
    max-width: none;
  }

  .documents-v1-hero-queue-label {
    font-size: 13px;
    line-height: 1.4;
    white-space: normal;
  }

  .documents-v1-hero-doc-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    padding: 12px 0;
  }

  .documents-v1-hero-doc-action {
    grid-column: 3;
    justify-self: end;
    margin-top: 0;
  }
}

.file-serve-page {
  display: grid;
  gap: 16px;
}

.file-serve-page [hidden] {
  display: none !important;
}

.file-serve-section {
  margin-bottom: 0;
  border: 1px solid #dde6f2;
  box-shadow: 0 6px 18px rgba(44, 55, 84, 0.05);
  padding: 24px 30px;
}

.file-serve-section h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 30px);
}

.file-serve-section h3 {
  margin: 0;
  font-size: 18px;
}

.file-serve-status.my-matter-journey-hero {
  padding: 34px 34px 176px;
  min-height: 640px;
}

.file-serve-hero-content {
  max-width: 48%;
  gap: 16px;
}

.file-serve-hero-main h1,
.file-serve-hero-main p,
.file-serve-packet-title {
  margin: 0;
}

.file-serve-hero-main {
  display: grid;
  gap: 8px;
}

.file-serve-hero-summary {
  max-width: 56ch;
}

.file-serve-inline-milestone {
  margin: 0;
  color: #3c6145;
  font-size: 15px;
  font-weight: 600;
}

.file-serve-inline-milestone span {
  margin-right: 6px;
}

.file-serve-packet-card {
  max-width: min(38rem, 100%);
}

.file-serve-packet-title {
  color: #2a3f61;
  font-size: 16px;
  font-weight: 700;
}

.file-serve-packet-card .documents-v1-hero-doc-copy strong {
  font-size: 15px;
}

.file-serve-packet-card span.documents-v1-hero-doc-action {
  pointer-events: none;
}

.file-serve-packet-link {
  color: #213556;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.file-serve-packet-link:hover,
.file-serve-packet-link:focus-visible {
  text-decoration: underline;
}

.file-serve-packet-card .documents-v1-hero-doc-row.is-draft .documents-v1-hero-doc-icon {
  background: rgba(242, 247, 252, 0.6);
  border-color: rgba(176, 192, 214, 0.54);
  color: #6f819d;
}

.file-serve-packet-card .documents-v1-hero-doc-row.is-draft .documents-v1-hero-doc-action {
  border-color: rgba(186, 198, 215, 0.4);
  background: rgba(243, 247, 251, 0.48);
  color: #566579;
}

.file-serve-hero-tracker {
  width: min(calc(100% - 64px), 980px);
  bottom: 28px;
}

.file-serve-hero-tracker .journey-track {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.file-serve-hero-tracker .journey-step {
  cursor: default;
}

.file-serve-signoff {
  margin-top: 2px;
}

.file-serve-inline-actions .request-secondary-action.is-selected {
  border-color: #6d9ab4;
  background: #edf6fb;
  color: #224562;
}

.file-serve-requirements-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin-top: 9px;
}

.file-serve-advisement {
  margin-top: 9px;
  padding: 10px 14px;
  border: 1px solid #d9e6f4;
  border-radius: 12px;
  background: #f5f9ff;
  display: grid;
  gap: 5px;
}

.file-serve-advisement p {
  margin: 0;
}

.file-serve-requirements-column {
  padding: 1px 0;
  display: grid;
  gap: 7px;
  align-content: start;
}

.file-serve-info-list {
  margin: 0;
  display: grid;
  gap: 6px;
}

.file-serve-info-list div {
  display: grid;
  grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.file-serve-info-list dt,
.file-serve-info-list dd {
  margin: 0;
}

.file-serve-info-list dt {
  color: #60748f;
  font-size: 14px;
  font-weight: 600;
}

.file-serve-info-list dd {
  color: #2b425f;
  font-size: 15px;
  font-weight: 600;
}

.file-serve-copies-block {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #e4ebf5;
  display: grid;
  gap: 5px;
}

.file-serve-copies-block p {
  margin: 0;
}

.file-serve-warning-panel {
  margin: 4px 0 0;
  border: 1px solid #e6dccb;
  border-radius: 12px;
  background: #f8f5ef;
  padding: 8px 10px;
  color: #5e5442;
  font-size: 14px;
}

.file-serve-workflow-list {
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0;
}

.file-serve-workflow-list li {
  border-bottom: 1px solid #e6edf6;
  border-radius: 0;
  background: transparent;
  padding: 8px 0;
  display: grid;
  gap: 4px;
}

.file-serve-workflow-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.file-serve-workflow-list p,
.file-serve-workflow-list h3 {
  margin: 0;
}

.file-serve-amount-due {
  color: #213e62;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

.file-serve-remaining-list {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.file-serve-remaining-list li {
  border: 1px solid #e4ebf5;
  border-radius: 12px;
  background: #ffffff;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.file-serve-remaining-list p,
.file-serve-remaining-note {
  margin: 0;
}

.file-serve-remaining-note {
  margin-top: 12px;
  color: #4d6077;
}

.file-serve-confirmed-list {
  margin: 9px 0 4px;
  display: grid;
  gap: 6px;
}

.file-serve-confirmed-list div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 8px;
}

.file-serve-confirmed-list dt,
.file-serve-confirmed-list dd {
  margin: 0;
}

.file-serve-confirmed-list dt {
  color: #5d7089;
  font-weight: 600;
}

.file-serve-confirmed-list dd {
  color: #243f61;
  font-weight: 600;
}

.file-serve-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.file-serve-primary-cta {
  justify-self: start;
  align-self: start;
}

.file-serve-confirmed-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 4px;
}

.file-serve-confirm-dialog {
  border: 0;
  border-radius: 18px;
  padding: 0;
  width: min(560px, 92vw);
  box-shadow: 0 20px 50px rgba(38, 52, 76, 0.28);
}

.file-serve-confirm-dialog::backdrop {
  background: rgba(21, 31, 46, 0.4);
}

.file-serve-confirm-form {
  padding: 20px;
  display: grid;
  gap: 10px;
}

.file-serve-confirm-form h2,
.file-serve-confirm-form p,
.file-serve-confirm-form label,
.file-serve-confirm-form legend {
  margin: 0;
}

.file-serve-confirm-form fieldset {
  margin: 0;
  border: 1px solid #e3eaf5;
  border-radius: 12px;
  padding: 10px;
  display: grid;
  gap: 8px;
}

.file-serve-confirm-form input[type="date"],
.file-serve-confirm-form input[type="text"],
.file-serve-confirm-form input[type="file"] {
  width: 100%;
  border: 1px solid #dbe5f2;
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
  color: #2d4260;
  background: #ffffff;
}

.file-serve-confirm-form input:focus-visible {
  outline: 2px solid #68b8db;
  outline-offset: 1px;
}

.file-serve-confirm-actions {
  margin-top: 4px;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.file-serve-confirmed {
  margin-top: 0;
}

.file-serve-confirmed p {
  margin: 0;
}

.file-serve-next-steps:not([hidden]),
.file-serve-confirmed:not([hidden]) {
  animation: file-serve-panel-fade 200ms ease-out;
}

@keyframes file-serve-panel-fade {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1024px) {
  .file-serve-page {
    gap: 15px;
  }

  .file-serve-section {
    padding: 20px 24px;
  }

  .file-serve-status.my-matter-journey-hero {
    min-height: 610px;
    padding: 24px 24px 166px;
  }

  .file-serve-hero-content {
    max-width: 60%;
  }

  .file-serve-hero-tracker {
    width: min(calc(100% - 56px), 860px);
    bottom: 22px;
  }

  .file-serve-requirements-grid {
    grid-template-columns: 1fr;
  }

  .file-serve-info-list div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

@media (max-width: 720px) {
  .file-serve-remaining-list li,
  .file-serve-inline-actions,
  .file-serve-confirm-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .file-serve-page .primary-action,
  .file-serve-page .primary-action--standard,
  .file-serve-page .request-secondary-action,
  .file-serve-page .request-card-action {
    width: 100%;
    justify-content: flex-start;
  }

  .file-serve-confirmed-actions {
    display: block;
  }

  .file-serve-section {
    padding: 18px 19px;
  }

  .file-serve-status.my-matter-journey-hero {
    min-height: 0;
    padding: 20px;
  }

  .file-serve-hero-content {
    max-width: 100%;
  }

  .file-serve-status .my-matter-journey-backdrop::after {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(255, 255, 255, 0.78) 38%,
      rgba(255, 255, 255, 0.5) 64%,
      rgba(255, 255, 255, 0.22) 100%
    );
  }

  .file-serve-horizon-image {
    object-position: 68% center;
  }

  .file-serve-status .file-serve-hero-tracker {
    position: relative;
    left: auto;
    width: auto;
    transform: none;
    bottom: auto;
    margin-top: 16px;
  }

  .file-serve-status .file-serve-hero-tracker::before {
    inset: -14px -10px -10px;
  }

  .file-serve-status .file-serve-hero-tracker .matter-journey {
    overflow-x: auto;
    padding-bottom: 4px;
  }

  .file-serve-status .file-serve-hero-tracker .journey-track {
    min-width: 560px;
    gap: 12px;
  }

}
.max-assistant-heading {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.max-assistant-heading__particle {
  display: block;
  width: 1em;
  height: auto;
}

.max-assistant-heading__wordmark {
  display: block;
  width: 2.6em;
  height: auto;
}

.max-assistant-heading__text {
  color: inherit;
  font-size: 1em;
  font-weight: 600;
  line-height: 1;
}

.communications-hub {
  display: grid;
  gap: 22px;
}

.communications-hub h1,
.communications-hub h2,
.communications-hub h3,
.communications-hub p {
  margin: 0;
}

.communications-hero {
  position: relative;
  display: grid;
  overflow: hidden;
  isolation: isolate;
  margin-bottom: 16px;
  padding: 34px;
  min-height: 570px;
  border-color: #d9e8f4;
  background: linear-gradient(180deg, #f8fbff 0%, #f5f9ff 100%);
}

.communications-hero-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url('/assets/images/heroes/communications-hub-hero.avif');
  background-size: cover;
  background-position: center right;
  transform: scale(1.09);
  transform-origin: center right;
  pointer-events: none;
}

.communications-hero-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.98) 28%,
    rgba(255, 255, 255, 0.9) 43%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0.14) 76%,
    rgba(255, 255, 255, 0) 100%
  );
}

.communications-hero-main {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: start;
  max-width: 56%;
  gap: 16px;
}

.communications-hero h1 {
  max-width: 13ch;
}

.communications-hero-copy {
  display: grid;
  gap: 8px;
}

.communications-hero-kicker {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.communications-hero-lede {
  max-width: 48ch;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.communications-hero-support {
  max-width: 46ch;
  color: var(--color-ink-secondary);
}

.communications-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.communications-hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.communications-hero-attention {
  display: grid;
  gap: 7px;
  max-width: 430px;
  margin-top: 6px;
  padding: 9px 11px 10px;
  border: 1px solid rgba(214, 226, 240, 0.64);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 8px 20px rgba(31, 58, 90, 0.045);
  backdrop-filter: blur(10px);
}

.communications-hero-attention .max-workspace-eyebrow {
  font-size: 10px;
  letter-spacing: 0.05em;
}

.communications-hero-attention ul {
  display: grid;
  gap: 3px;
  margin: 0;
  padding-left: 1.15rem;
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.35;
}

.communications-hero-attention .communications-hero-actions {
  gap: 8px;
  margin-top: 3px;
}

@media (max-width: 1180px) {
  .communications-hero-main {
    max-width: 68%;
  }

  .communications-hero-backdrop::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.99) 40%,
      rgba(255, 255, 255, 0.95) 54%,
      rgba(255, 255, 255, 0.74) 68%,
      rgba(255, 255, 255, 0.34) 84%,
      rgba(255, 255, 255, 0) 100%
    );
  }

}

@media (max-width: 760px) {
  .communications-hero {
    min-height: 560px;
    padding: 24px;
  }

  .communications-hero-main {
    max-width: 100%;
  }

  .communications-hero h1 {
    max-width: 11ch;
  }

  .communications-hero-backdrop {
    background-position: 68% center;
  }

  .communications-hero-backdrop::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.98) 46%,
      rgba(255, 255, 255, 0.86) 68%,
      rgba(255, 255, 255, 0.34) 100%
    );
  }

}

.communications-hub-v2 {
  gap: 18px;
}

.communications-workspace {
  display: grid;
  grid-template-columns: minmax(0, 2.25fr) minmax(300px, 0.95fr);
  gap: 0;
  align-items: start;
  padding: 0;
  overflow: hidden;
}

.communications-primary {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 24px;
}

.communications-max-panel {
  display: grid;
  gap: 18px;
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--color-review-border);
  border-radius: var(--radius-card);
  background: linear-gradient(180deg, var(--color-accent-soft) 0%, #f7fbff 100%);
}

.communications-workspace-head {
  display: flex;
  gap: 16px;
  align-items: start;
  justify-content: space-between;
  min-width: 0;
}

.communications-workspace-head h2 {
  margin: 0 0 4px;
  font-size: 24px;
  line-height: 1.16;
}

.communications-workspace-head .communications-channel-title {
  display: grid;
  gap: 7px;
  min-width: 0;
  color: #20364f;
  font-size: 19px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
}

.communications-channel-title-main {
  display: inline-flex;
  align-items: baseline;
  gap: 13px;
  min-width: 0;
}

.communications-channel-title-main > span:not(.max-brand-lockup) {
  color: #20364f;
  font-size: 22px;
  font-weight: var(--font-weight-medium);
  line-height: 1.05;
}

.communications-channel-brand {
  align-items: baseline;
  gap: 10px;
  flex: 0 0 auto;
  vertical-align: baseline;
}

.communications-channel-brand .max-brand-particles {
  width: auto;
  height: 0.89em;
}

.communications-channel-brand .max-brand-wordmark {
  width: auto;
  height: 1.16em;
}

.communications-channel-source {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: #496176;
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
}

.communications-channel-source span:first-child {
  color: #20364f;
  font-weight: var(--font-weight-semibold);
}

.communications-monitoring-summary {
  display: block;
  max-width: 700px;
  margin-top: 18px;
}

.communications-monitoring-summary p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-medium);
  line-height: 1.45;
}

.communications-monitoring-summary p span {
  color: var(--color-ink-muted);
}

.communications-sync-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
}

.communications-sync-chip span {
  color: #267d87;
  font-size: 8px;
}

.communications-matter-status {
  display: grid;
  gap: 18px;
  padding: 2px 0 6px;
}

.communications-status-main {
  display: grid;
  gap: 12px;
}

.communications-status-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin: 0;
}

.communications-status-metrics div {
  display: grid;
  align-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 116px;
  padding: 24px 17px;
  border: 1px solid rgba(212, 227, 244, 0.68);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(36, 50, 75, 0.025);
}

.communications-status-metrics dt {
  color: var(--color-ink-muted);
  font-size: 9.25px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.communications-status-metrics dd {
  margin: 0;
  color: #20364f;
  font-size: 33px;
  font-weight: var(--font-weight-bold);
  line-height: 1.05;
}

.communications-status-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px 18px;
  align-items: end;
  min-width: 0;
}

.communications-latest-activity {
  grid-column: 1;
  margin: 1px 0 0;
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.4;
}

.communications-latest-activity span:first-child {
  display: block;
  margin-bottom: 3px;
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.communications-latest-activity strong {
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
}

.communications-sort-control {
  flex: 0 0 auto;
}

.communications-sort-control select {
  min-height: 28px;
  padding: 3px 26px 3px 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink-muted);
  font: inherit;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.communications-timeline-list-v2 {
  display: grid;
  gap: 26px;
}

.communications-day-group {
  display: grid;
  gap: 11px;
}

.communications-day-group > h3 {
  margin: 10px 0 2px;
  color: #20364f;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.communications-workflow-heading,
.communications-ledger-row {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
}

.communications-workflow-heading {
  align-items: end;
  margin: 0 0 -4px;
}

.communications-workflow-heading span {
  grid-column: 1;
  color: #566579;
  font-size: 10.5px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.communications-ledger-row {
  align-items: stretch;
}

.communications-row {
  grid-column: 2;
  min-width: 0;
  border-top: 0;
  background: transparent;
}

.communications-review-rail {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-items: center;
  justify-content: center;
  padding-top: 0;
}

.communications-review-control {
  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(132, 148, 166, 0.42);
  border-radius: 999px;
  background: #ffffff;
  color: transparent;
  cursor: pointer;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.communications-review-control:hover,
.communications-review-control:focus-visible {
  box-shadow: 0 4px 12px rgba(36, 50, 75, 0.12);
}

.communications-review-control:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.38);
  outline-offset: 3px;
}

.communications-review-control.is-attention:hover::after,
.communications-review-control.is-attention:focus-visible::after {
  content: "Mark Reviewed";
  position: absolute;
  z-index: 2;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  padding: 5px 8px;
  border: 1px solid rgba(212, 227, 244, 0.9);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(36, 50, 75, 0.1);
  color: #39566d;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
}

.communications-review-control.is-reviewed {
  border-color: rgba(78, 115, 86, 0.22);
  background: #4e7356;
  color: #ffffff;
}

.communications-review-control.is-attention {
  border-color: rgba(147, 107, 49, 0.34);
  background: rgba(253, 247, 239, 0.72);
}

.communications-review-control.is-attention::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(147, 107, 49, 0.68);
}

.communications-row summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 22px;
  align-items: start;
  min-width: 0;
  padding: 18px 24px;
  border: 1px solid rgba(212, 227, 244, 0.72);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(36, 50, 75, 0.045);
  position: relative;
  cursor: pointer;
  list-style: none;
}

.communications-day-group .communications-ledger-row:nth-of-type(even) .communications-row summary {
  background: rgba(247, 251, 255, 0.66);
}

.communications-row.is-action-needed summary,
.communications-protected-item summary {
  background: #ffffff;
}

.communications-row summary::-webkit-details-marker {
  display: none;
}

.communications-row summary::after {
  content: "Details →";
  grid-column: 2;
  grid-row: 3;
  align-self: center;
  min-height: auto;
  padding: 8px 0 8px 16px;
  border-radius: 0;
  color: #5f8098;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
  white-space: nowrap;
}

.communications-row[open] summary::after {
  content: "Hide Details";
}

.communications-row[open] summary {
  border-bottom-color: rgba(212, 227, 244, 0.36);
  border-radius: 16px 16px 0 0;
  box-shadow: 0 2px 8px rgba(36, 50, 75, 0.04);
}

.communications-row summary:hover,
.communications-row summary:focus-visible {
  box-shadow: 0 4px 12px rgba(36, 50, 75, 0.065);
}

.communications-row summary:hover::after,
.communications-row summary:focus-visible::after {
  color: #3f6f8d;
}

.communications-row summary:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.45);
  outline-offset: -2px;
}

.communications-row-status {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: #6b7f91;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}

.communications-row-status span {
  display: none;
}

.communications-row-state {
  display: flex;
  gap: 7px;
  align-items: center;
  grid-column: 1;
  grid-row: 3;
  justify-self: start;
  color: var(--color-ink-muted);
  font-size: 12px;
  line-height: 1.3;
}

.communications-source-label {
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-semibold);
}

.communications-source-label::after {
  content: "•";
  margin-left: 7px;
  color: #9aa9b6;
  font-weight: var(--font-weight-semibold);
}

.communications-row-status.is-verified { color: #4e7356; }
.communications-row-status.is-pending { color: #936b31; }
.communications-row-status.is-under-review { color: #9e4e40; }
.communications-row-status.is-court { color: #4f7899; }
.communications-row-status.is-max { color: #267d87; }
.communications-row-status.is-phone { color: #87683e; }

.communications-ledger-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  grid-column: 1 / -1;
  grid-row: 1;
  align-items: baseline;
  min-width: 0;
}

.communications-ledger-head strong {
  display: block;
  min-width: 0;
  color: var(--color-ink-primary);
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.communications-ledger-parties {
  display: flex;
  gap: 8px;
  grid-column: 1;
  grid-row: 2;
  align-items: center;
  max-width: 520px;
  min-width: 0;
}

.communications-ledger-parties > span {
  flex: 0 0 auto;
  color: #566579;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
}

.communications-ledger-parties b {
  overflow: hidden;
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.communications-source-mark {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border: 1px solid #e3ebf4;
  border-radius: 999px;
  background: #ffffff;
  color: #62798f;
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.communications-source-mark.is-email { color: #4e7356; }
.communications-source-mark.is-court { color: #4f7899; }
.communications-source-mark.is-max { color: #267d87; }
.communications-source-mark.is-phone { color: #87683e; }
.communications-source-mark.is-protected { color: #9e4e40; }

.communications-row-meta,
.communications-row-preview,
.communications-row-context,
.communications-protected-item p {
  min-width: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.communications-row-meta {
  display: block;
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  align-self: start;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  white-space: nowrap;
}

.communications-row-preview {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.45;
}

.communications-row-context {
  grid-column: 1;
  color: #728292;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.communications-row-detail {
  display: grid;
  gap: 12px;
  box-sizing: border-box;
  width: 100%;
  margin: -1px 0 16px;
  padding: 16px 24px 18px;
  border: 1px solid rgba(212, 227, 244, 0.62);
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 252, 255, 0.9) 100%);
  box-shadow: 0 8px 18px rgba(36, 50, 75, 0.045);
}

.communications-detail-section {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding-top: 10px;
  border-top: 1px solid rgba(226, 232, 243, 0.72);
}

.communications-detail-section:first-child {
  padding-top: 0;
  border-top: 0;
}

.communications-row:not([open]) .communications-row-detail {
  display: none;
}

.communications-detail-main {
  display: grid;
  gap: 8px;
}

.communications-detail-section h4,
.communications-inline-intel strong {
  margin: 0;
  color: #20364f;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.communications-detail-section > p:first-of-type:not(.communications-related-link) {
  margin: 0;
}

.communications-row-detail p,
.communications-inline-intel p,
.communications-routing-explanation li,
.communications-inline-intel li,
.communications-processing li {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.5;
}

.communications-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.communications-inline-intel,
.communications-routing-explanation {
  display: grid;
  gap: 7px;
  padding: 0 0 0 12px;
  border-left: 2px solid #cfe0ec;
  background: transparent;
}

.communications-inline-intel.is-employment {
  border-left-color: #cba469;
}

.communications-inline-intel ul,
.communications-routing-explanation ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 1.1rem;
}

.communications-progress-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.communications-progress-steps li {
  position: relative;
  padding: 4px 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.communications-progress-steps li + li::before {
  content: "→";
  margin-right: 8px;
  color: var(--color-ink-muted);
}

.communications-progress-steps .is-complete {
  color: #4e7356;
}

.communications-progress-steps .is-current {
  color: #936b31;
}

.communications-related-link {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.communications-related-link a {
  color: #2f7fa8;
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
}

.communications-protected-item {
  cursor: default;
  border-top-color: #efcfc7;
  border-radius: 0;
  background: #fffafa;
}

.communications-protected-item p {
  grid-column: 1 / -1;
}

.communications-ops {
  display: grid;
  align-content: start;
  gap: 0;
  min-width: 0;
  padding: 18px 20px;
  border-left: 1px solid #e8eef6;
  background: linear-gradient(180deg, #fbfdff 0%, #f9fcff 100%);
}

.communications-ops > h2 {
  margin: 0 0 8px;
  color: #20364f;
  font-size: 19px;
  line-height: 1.2;
}

.communications-ops-section {
  display: grid;
  gap: 6px;
  padding: 9px 0;
  border-top: 1px solid rgba(226, 232, 243, 0.72);
}

.communications-ops-section:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.communications-ops-section h3 {
  margin: 0;
  color: #20364f;
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.communications-ops-section p,
.communications-ops-section li {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.communications-intake-address {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.communications-intake-address strong {
  min-width: 0;
  color: #20364f;
  font-size: 16px;
  word-break: break-word;
}

.communications-intake-address .request-secondary-action {
  justify-self: start;
}

.communications-ops-metrics,
.communications-health-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 12px;
  margin: 0;
}

.communications-ops-metrics div,
.communications-health-compact div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.communications-ops-metrics dt,
.communications-health-compact dt {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.communications-ops-metrics dd,
.communications-health-compact dd {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1.1;
}

.communications-ops-attention {
  padding: 11px 12px;
  border: 1px solid rgba(239, 215, 181, 0.8);
  border-radius: 12px;
  background: rgba(253, 247, 239, 0.78);
}

.communications-ops-attention p {
  display: grid;
  gap: 3px;
}

.communications-ops-attention strong {
  color: var(--color-ink-primary);
  font-size: 13px;
}

.communications-ops-activity {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 1.1rem;
}

@media (max-width: 1180px) {
  .communications-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  .communications-ops {
    border-top: 1px solid #e2e8f3;
    border-left: 0;
  }
}

@media (max-width: 760px) {
  .communications-hero {
    min-height: 620px;
  }

  .communications-workspace-head,
  .communications-row summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .communications-ledger-parties,
  .communications-row-state {
    grid-column: 1 / -1;
    grid-row: auto;
    justify-self: stretch;
  }

  .communications-row-meta {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .communications-row summary {
    padding: 14px 16px;
  }

  .communications-row summary::after {
    grid-column: 2;
    grid-row: 4;
    justify-self: end;
    position: static;
    min-height: auto;
    padding: 7px 0 7px 12px;
    margin-top: 0;
  }

  .communications-status-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .communications-status-footer {
    grid-template-columns: minmax(0, 1fr);
    align-items: flex-start;
  }

  .communications-sort-control {
    justify-self: end;
  }

  .communications-workspace-head .communications-channel-title {
    width: 100%;
    gap: 7px;
  }

  .communications-channel-title-main {
    gap: 7px;
    flex-wrap: wrap;
  }

  .communications-channel-title-main > span:not(.max-brand-lockup) {
    font-size: 16px;
  }

  .communications-channel-source {
    font-size: 11px;
  }

  .communications-channel-brand {
    gap: 4px;
  }

  .communications-channel-brand .max-brand-particles,
  .communications-channel-brand .max-brand-wordmark {
    height: auto;
  }

  .communications-channel-brand .max-brand-particles {
    width: 30px;
  }

  .communications-channel-brand .max-brand-wordmark {
    width: 58px;
  }

  .communications-sync-chip {
    justify-self: end;
    margin-top: 6px;
  }

  .communications-hero-attention {
    max-width: none;
    padding: 12px;
  }

  .communications-primary,
  .communications-ops {
    padding: 18px;
  }

  .communications-ops-metrics,
  .communications-health-compact {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

/* Exhibits workspace */

.exhibits-workspace {
  display: grid;
  gap: 20px;
}

.exhibits-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px 24px;
  align-items: start;
  padding: 28px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 249, 253, 0.92) 100%),
    radial-gradient(circle at 86% 12%, rgba(47, 127, 168, 0.12), transparent 34%);
}

.exhibits-hero h1 {
  margin-bottom: 8px;
}

.exhibits-hero .workspace-summary {
  max-width: 760px;
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 16px;
}

.exhibits-hero-action {
  display: grid;
  gap: 10px;
  justify-items: end;
}

.exhibits-hero-status {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  margin: 0;
  color: #4e7356;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-hero-status span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #4e7356;
}

.exhibits-set-meta {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}

.exhibits-set-meta div,
.exhibits-steps li,
.exhibits-summary-card dl div {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(212, 227, 244, 0.72);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.76);
}

.exhibits-set-meta dt,
.exhibits-summary-card dt {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.exhibits-set-meta dd,
.exhibits-summary-card dd {
  margin: 3px 0 0;
  color: var(--color-ink-primary);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
}

.exhibits-steps {
  padding: 16px 18px;
}

.exhibits-steps ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-steps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 10px;
  align-items: center;
}

.exhibits-steps li span {
  display: inline-flex;
  grid-row: 1 / span 2;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--color-review-soft);
  color: var(--color-accent);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-steps li.is-complete span,
.exhibits-steps li.is-current span {
  background: #4e7356;
  color: #ffffff;
}

.exhibits-steps strong {
  color: var(--color-ink-primary);
  font-size: 14px;
}

.exhibits-steps small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.exhibits-main-grid {
  display: grid;
  grid-template-columns: minmax(340px, 0.86fr) minmax(420px, 1.14fr);
  gap: 20px;
  align-items: start;
}

.exhibits-library,
.exhibits-selected,
.exhibits-max-panel,
.exhibits-summary-card,
.exhibits-recommendations,
.exhibits-formatting,
.exhibits-final-review {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.exhibits-selected {
  border-color: rgba(212, 227, 244, 0.95);
  box-shadow: 0 12px 24px rgba(36, 50, 75, 0.06);
}

.exhibits-panel-head {
  display: flex;
  gap: 14px;
  align-items: start;
  justify-content: space-between;
}

.exhibits-panel-head h2,
.exhibits-summary-card h2 {
  margin: 0;
}

.exhibits-panel-head p:not(.type-caption) {
  margin: 4px 0 0;
  color: var(--color-ink-secondary);
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
}

.exhibits-library-controls {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 10px;
}

.exhibits-library-controls input,
.exhibits-library-controls select,
.exhibits-format-controls input,
.exhibits-format-controls select,
.exhibits-selected-copy input {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 13px;
}

.exhibits-library-controls input,
.exhibits-library-controls select,
.exhibits-format-controls input,
.exhibits-format-controls select {
  padding: 6px 10px;
}

.exhibits-materials {
  display: grid;
  gap: 8px;
}

.exhibits-material-row {
  display: grid;
  grid-template-columns: auto minmax(190px, 1fr) auto auto auto auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(226, 232, 243, 0.85);
  border-radius: 12px;
  background: #ffffff;
}

.exhibits-material-row strong,
.exhibits-selected-copy strong,
.exhibits-recommendation-grid h3 {
  display: block;
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.25;
}

.exhibits-material-row span,
.exhibits-selected-copy span,
.exhibits-selected-meta,
.exhibits-requirement em,
.exhibits-generation-status {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-style: normal;
  font-weight: var(--font-weight-semibold);
}

.exhibits-link-action {
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

.exhibits-link-action:hover,
.exhibits-link-action:focus-visible {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.exhibits-packet-actions,
.exhibits-final-actions,
.exhibits-recommendation-grid article div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.exhibits-selected-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-selected-card {
  display: grid;
  grid-template-columns: auto 78px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(212, 227, 244, 0.82);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(36, 50, 75, 0.035);
}

.exhibits-selected-card.is-required {
  box-shadow: inset 3px 0 0 rgba(78, 115, 86, 0.6), 0 2px 8px rgba(36, 50, 75, 0.035);
}

.exhibits-selected-card.is-dragging {
  opacity: 0.55;
}

.exhibits-drag-handle {
  width: 24px;
  height: 32px;
  border: 0;
  background: transparent;
  color: #566579;
  cursor: grab;
  font: inherit;
  font-weight: var(--font-weight-bold);
}

.exhibits-drag-handle:hover,
.exhibits-drag-handle:focus-visible {
  color: var(--color-accent);
}

.exhibits-label {
  padding: 7px 9px;
  border: 1px solid rgba(212, 227, 244, 0.9);
  border-radius: 10px;
  background: var(--color-review-soft);
  color: #39566d;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  text-align: center;
}

.exhibits-selected-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.exhibits-selected-copy input {
  min-height: 30px;
  padding: 4px 8px;
  background: rgba(248, 252, 255, 0.76);
}

.exhibits-selected-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
  max-width: 170px;
}

.exhibits-max-grid,
.exhibits-format-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
  gap: 20px;
  align-items: start;
}

.exhibits-readiness {
  display: grid;
  gap: 1px;
  margin: 0;
  text-align: right;
}

.exhibits-readiness strong {
  color: #4e7356;
  font-size: 20px;
  line-height: 1;
}

.exhibits-readiness span {
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
}

.exhibits-requirement-list,
.exhibits-recommendation-grid {
  display: grid;
  gap: 10px;
}

.exhibits-requirement {
  padding: 12px 14px;
  border: 1px solid rgba(226, 232, 243, 0.82);
  border-radius: 12px;
  background: #ffffff;
}

.exhibits-requirement summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  list-style: none;
}

.exhibits-requirement summary::-webkit-details-marker {
  display: none;
}

.exhibits-requirement summary > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: var(--color-attention-soft);
  color: #936b31;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-requirement summary > span.is-complete {
  background: var(--color-success-soft);
  color: #4e7356;
}

.exhibits-requirement.is-missing summary > span {
  background: var(--color-danger-soft);
  color: #9e4e40;
}

.exhibits-requirement p,
.exhibits-recommendation-grid p,
.exhibits-recommendation-grid details {
  margin: 8px 0 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-summary-card {
  align-content: start;
}

.exhibits-readiness-ring {
  display: grid;
  place-items: center;
  width: 160px;
  height: 160px;
  margin: 4px auto;
  border: 12px solid rgba(47, 127, 168, 0.16);
  border-top-color: #4e7356;
  border-right-color: #4e7356;
  border-radius: 999px;
  text-align: center;
}

.exhibits-readiness-ring strong {
  color: var(--color-ink-primary);
  font-size: 30px;
  line-height: 1;
}

.exhibits-readiness-ring span {
  max-width: 110px;
  color: var(--color-ink-muted);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.exhibits-summary-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.exhibits-summary-card .primary-action,
.exhibits-summary-card .request-card-action {
  justify-self: stretch;
  text-align: center;
}

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

.exhibits-recommendation-grid article {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid rgba(226, 232, 243, 0.82);
  border-radius: 14px;
  background: #ffffff;
}

.exhibits-format-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: 18px;
  align-items: start;
}

.exhibits-format-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

.exhibits-format-controls label {
  display: grid;
  gap: 5px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.exhibits-format-controls label:has(input[type="checkbox"]) {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.exhibits-page-preview {
  position: relative;
  display: grid;
  align-content: center;
  justify-items: center;
  min-height: 310px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: inset 0 0 0 10px rgba(248, 252, 255, 0.9);
}

.exhibits-page-preview span {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 5px 8px;
  border: 1px solid #20364f;
  background: #ffffff;
  color: #20364f;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-page-preview p {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 15px;
  font-weight: var(--font-weight-bold);
}

.exhibits-page-preview small {
  color: var(--color-ink-muted);
  font-size: 12px;
}

.exhibits-final-review ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-final-review li {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 9px 0;
  border-top: 1px solid rgba(226, 232, 243, 0.72);
}

.exhibits-final-review li:first-child {
  border-top: 0;
}

.exhibits-final-review strong {
  color: var(--color-ink-primary);
  font-size: 13px;
}

.exhibits-final-review li span {
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  text-align: right;
}

.exhibits-final-review li.is-warning strong {
  color: #936b31;
}

.exhibits-final-review li.is-complete strong {
  color: #4e7356;
}

.exhibits-generation-status {
  min-height: 18px;
  margin: 0;
}

@media (max-width: 1180px) {
  .exhibits-main-grid,
  .exhibits-max-grid,
  .exhibits-format-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .exhibits-hero,
  .exhibits-set-meta,
  .exhibits-steps ol,
  .exhibits-recommendation-grid,
  .exhibits-format-layout,
  .exhibits-format-controls,
  .exhibits-summary-card dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .exhibits-hero-action,
  .exhibits-packet-actions,
  .exhibits-final-actions,
  .exhibits-recommendation-grid article div {
    justify-items: start;
    justify-content: flex-start;
  }

  .exhibits-library-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  .exhibits-material-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .exhibits-material-row > span:nth-of-type(2),
  .exhibits-material-row > span:nth-of-type(3) {
    display: none;
  }

  .exhibits-selected-card {
    grid-template-columns: auto minmax(72px, auto) minmax(0, 1fr);
  }

  .exhibits-selected-meta {
    grid-column: 3;
    justify-content: flex-start;
    max-width: none;
  }
}

/* Exhibits Phase 2 dashboard-first IA */

.exhibits-phase2 .exhibits-dashboard,
.exhibits-phase2 .exhibits-set-workspace {
  display: grid;
  gap: 20px;
}

.exhibits-phase2 [hidden] {
  display: none !important;
}

.exhibits-dashboard-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 18px 20px;
}

.exhibits-dashboard-hero h1 {
  margin: 0 0 5px;
}

.exhibits-dashboard-hero .workspace-summary {
  max-width: 780px;
  margin-bottom: 0;
}

.exhibits-dashboard-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.44fr);
  gap: 20px;
  align-items: start;
}

.exhibits-dashboard-grid {
  display: grid;
  gap: 16px;
}

.exhibits-command-workspace + .exhibits-dashboard-grid {
  margin-top: 4px;
}

.exhibits-set-board,
.exhibits-upcoming,
.exhibits-max-overview,
.exhibits-editor-header,
.exhibits-tabs,
.exhibits-adaptive-max,
.exhibits-gather-support {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.exhibits-command-workspace {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: end;
  min-height: 292px;
  padding: 30px 34px;
  overflow: hidden;
  border-color: #d9e8f4;
  background: linear-gradient(180deg, #f8fbff 0%, #f5f9ff 100%);
}

.exhibits-hero-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: url("/assets/images/heroes/exhibit-packets-hero-mountain-lake.avif");
  background-size: cover;
  background-position: 55% center;
  pointer-events: none;
}

.exhibits-hero-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    92deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.9) 25%,
    rgba(255, 255, 255, 0.74) 40%,
    rgba(255, 255, 255, 0.3) 58%,
    rgba(255, 255, 255, 0.06) 76%,
    rgba(255, 255, 255, 0) 100%
  );
}

.exhibits-command-main {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: start;
  gap: 14px;
  max-width: 660px;
}

.exhibits-command-main h1 {
  margin: 0;
  max-width: 22ch;
  font-size: clamp(34px, 2.5vw, 36px);
  line-height: 1.05;
}

.exhibits-command-main .workspace-summary {
  max-width: 37ch;
  margin: 0;
  color: #42536c;
  font-size: 17px;
  line-height: 1.45;
}

.exhibits-hero-priority {
  display: grid;
  gap: 8px;
  margin-top: 6px;
  width: min(500px, 100%);
  padding: 14px;
  border: 1px solid rgba(209, 222, 240, 0.5);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 0 14px 32px rgba(58, 88, 131, 0.09), 0 1px 0 rgba(255, 255, 255, 0.28) inset;
  backdrop-filter: blur(14px) saturate(1.15);
}

.exhibits-hero-priority-head {
  display: grid;
  justify-items: start;
  gap: 6px;
}

.exhibits-hero-max-brand {
  flex-shrink: 0;
  gap: 4px;
}

.exhibits-hero-max-brand .max-brand-particles {
  width: 23px;
}

.exhibits-hero-max-brand .max-brand-wordmark {
  width: 40px;
}

.exhibits-hero-priority-body {
  display: grid;
  gap: 4px;
  max-width: 42ch;
}

.exhibits-hero-priority-action {
  justify-self: start;
}

.exhibits-hero-priority strong,
.exhibits-hero-priority p {
  margin: 0;
}

.exhibits-hero-priority strong {
  color: var(--color-ink-primary);
  font-size: 16px;
  line-height: 1.3;
}

.exhibits-hero-priority p {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.42;
}

.exhibits-new-packet-action {
  min-width: 0;
  padding: 7px 12px;
  border-color: transparent;
  background: transparent;
  color: #466076;
  box-shadow: none;
}

.exhibits-set-board {
  padding: 0;
  overflow: hidden;
}

.exhibits-set-board > .exhibits-panel-head {
  padding: 20px 20px 12px;
}

.exhibits-set-list {
  display: grid;
  gap: 0;
  /* A <ul> since 2026-08-14 — it was a div carrying role="list" with articles
     carrying role="listitem", which html-validate rejects in favour of the
     native elements. These three lines make the list render as the div did. */
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-set-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 20px;
  border: 1px solid transparent;
  border-top-color: rgba(226, 232, 243, 0.78);
  border-radius: 0;
  background: #ffffff;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.exhibits-set-list > .exhibits-set-card:first-child {
  border-top-color: transparent;
}

.exhibits-set-card.is-ready {
  border-left-color: rgba(78, 115, 86, 0.42);
}

.exhibits-set-card.is-current {
  border-left-color: rgba(47, 127, 168, 0.48);
}

.exhibits-set-card.is-generate {
  border-left-color: rgba(147, 107, 49, 0.42);
}

.exhibits-set-card.is-attention {
  border-left-color: rgba(174, 82, 60, 0.42);
}

.exhibits-set-card.is-archived {
  opacity: 0.78;
}

.exhibits-set-card:hover,
.exhibits-set-card:focus-visible {
  border-color: rgba(212, 227, 244, 0.92);
  background: rgba(248, 252, 255, 0.82);
  box-shadow: inset 3px 0 0 var(--color-accent), 0 8px 18px rgba(36, 50, 75, 0.055);
  outline: none;
  transform: none;
}

.exhibits-set-card:hover .exhibits-open-action span,
.exhibits-set-card:focus-visible .exhibits-open-action span,
.exhibits-upcoming li:hover .exhibits-inline-open span {
  transform: translateX(3px);
}

.exhibits-set-card:hover .exhibits-status-badge,
.exhibits-set-card:focus-visible .exhibits-status-badge {
  filter: saturate(1.08) brightness(1.02);
}

.exhibits-set-card h3,
.exhibits-upcoming h2,
.exhibits-max-overview h2,
.exhibits-adaptive-max h2 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 18px;
  line-height: 1.2;
}

.exhibits-set-card p,
.exhibits-adaptive-max p {
  margin: 7px 0 0;
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.45;
}

.exhibits-set-copy {
  min-width: 0;
}

.exhibits-set-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.exhibits-set-card small {
  display: block;
  margin-top: 4px;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.exhibits-status-badge {
  min-height: 26px;
  width: fit-content;
  text-transform: none;
  letter-spacing: 0;
}

.exhibits-packet-accordion {
  gap: 0;
}

.exhibits-packet-item {
  display: block;
  padding: 0;
  cursor: default;
}

.exhibits-packet-item.is-max-priority {
  background: linear-gradient(90deg, rgba(47, 127, 168, 0.08) 0%, rgba(255, 255, 255, 0.96) 34%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.62);
}

.exhibits-packet-toggle {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px 20px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 160ms ease;
}

.exhibits-packet-toggle:hover {
  background: rgba(248, 252, 255, 0.82);
}

.exhibits-packet-toggle:active {
  background: rgba(238, 244, 251, 0.92);
  transform: translateY(1px);
}

.exhibits-packet-toggle:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.58);
  outline-offset: -2px;
  background: rgba(248, 252, 255, 0.82);
}

.exhibits-packet-chevron {
  color: var(--color-accent);
  font-size: 24px;
  line-height: 1;
  transform: rotate(0deg);
  transition: transform 160ms ease;
}

.exhibits-packet-toggle[aria-expanded="true"] .exhibits-packet-chevron {
  transform: rotate(90deg);
}

.exhibits-packet-header-main {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.exhibits-packet-title-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.exhibits-packet-title-line strong {
  color: var(--color-ink-primary);
  font-size: 16px;
  line-height: 1.25;
}

.exhibits-priority-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(47, 127, 168, 0.1);
  color: var(--color-accent);
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-packet-date {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-packet-panel {
  display: grid;
  gap: 14px;
  padding: 0 20px 18px 48px;
  border-top: 1px solid rgba(226, 232, 243, 0.76);
  background: rgba(248, 252, 255, 0.5);
}

.exhibits-packet-panel[hidden] {
  display: none;
}

.exhibits-packet-drawer-grid {
  display: grid;
  grid-template-columns: minmax(280px, 0.3fr) minmax(0, 0.7fr);
  gap: 16px;
  align-items: start;
  padding-top: 14px;
}

.exhibits-packet-workspace,
.exhibits-max-review {
  display: grid;
  gap: 12px;
  min-width: 0;
  border: 1px solid rgba(226, 232, 243, 0.86);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 12px 24px rgba(58, 88, 131, 0.06);
}

.exhibits-packet-workspace {
  order: 2;
  grid-column: 2;
  grid-row: 1;
  padding: 14px;
}

.exhibits-max-review {
  order: 1;
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: 16px;
  gap: 12px;
  padding: 16px;
  border-color: var(--color-review-border);
  background: linear-gradient(180deg, var(--color-accent-soft) 0%, #f7fbff 100%);
  backdrop-filter: blur(10px) saturate(1.08);
}

.exhibits-max-review .exhibits-drawer-column-head h3 {
  font-size: 18px;
}

.exhibits-max-analysis-head {
  display: flex;
  gap: 8px;
  align-items: baseline;
  min-width: 0;
}

.exhibits-max-analysis-head h3 {
  margin: 0;
  color: #20364f;
  font-size: 20px;
  line-height: 1.15;
}

.exhibits-max-assistant-lockup {
  --exhibits-max-assistant-logo-size: var(--max-exhibit-type-h2-size, 20px);
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  color: #20364f;
  font-size: var(--exhibits-max-assistant-logo-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.exhibits-max-assistant-lockup .max-brand-particles,
.exhibits-max-assistant-lockup .max-assistant-heading__particle {
  display: block;
  width: 1em;
  height: auto;
}

.exhibits-max-assistant-lockup .max-brand-wordmark,
.exhibits-max-assistant-lockup .max-assistant-heading__wordmark {
  display: block;
  width: 2.6em;
  height: auto;
}

.exhibits-analysis-summary {
  display: grid;
  gap: 9px;
  padding: 12px 12px 10px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.exhibits-analysis-summary p,
.exhibits-analysis-summary ul,
.exhibits-analysis-summary h4 {
  margin: 0;
}

.exhibits-analysis-narrative {
  display: grid;
  gap: 6px;
}

.exhibits-analysis-summary p,
.exhibits-analysis-summary li {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-analysis-summary ul {
  display: grid;
  gap: 3px;
  padding-left: 18px;
}

.exhibits-analysis-summary h4,
.exhibits-authorities h4 {
  color: #20364f;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-authorities .exhibits-authorities-meta {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0;
  padding-top: 2px;
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-analysis-meta span {
  color: var(--color-ink-secondary);
  font-weight: var(--font-weight-bold);
}

.exhibits-max-review > .exhibits-drawer-column-head span,
.exhibits-max-review .exhibits-requirement-detail,
.exhibits-max-review > .exhibits-secondary-checklist,
.exhibits-max-review > .exhibits-confidential-filing,
.exhibits-max-review > .exhibits-max-interpretation,
.exhibits-max-review > .exhibits-authority-note {
  display: none;
}

.exhibits-drawer-column-head {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.exhibits-drawer-column-head p,
.exhibits-drawer-column-head h3 {
  margin: 0;
}

.exhibits-drawer-column-head h3 {
  color: var(--color-ink-primary);
  font-size: 18px;
  line-height: 1.2;
}

.exhibits-drawer-column-head span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
}

.exhibits-drawer-column-head strong {
  color: var(--color-accent);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-checklist-count {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-checklist-list {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(212, 227, 244, 0.72);
  border-radius: 12px;
  background: #ffffff;
}

.exhibits-max-analysis .exhibits-checklist-list {
  background: rgba(255, 255, 255, 0.84);
}

.exhibits-nav-section-head {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(212, 227, 244, 0.78);
  background: rgba(216, 235, 246, 0.68);
}

.exhibits-nav-section-head h4 {
  margin: 0;
  color: #20364f;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-max-review .exhibits-requirement-toggle {
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-height: 36px;
  padding: 5px 7px;
}

.exhibits-checklist-item {
  position: relative;
  border-top: 1px solid rgba(226, 232, 243, 0.82);
  background: transparent;
}

.exhibits-checklist-item:first-child {
  border-top: 0;
}

.exhibits-checklist-title {
  order: 2;
  display: grid;
  gap: 1px;
  min-width: 0;
}

.exhibits-max-analysis .exhibits-checklist-title {
  gap: 0;
}

.exhibits-checklist-title strong {
  color: var(--color-ink-primary);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-checklist-title small {
  color: var(--color-ink-secondary);
  font-size: 8px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.exhibits-max-analysis .exhibits-checklist-title small {
  display: none;
}

.exhibits-authorities {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.exhibits-authorities h4 {
  margin: 0;
}

.exhibits-authority-tabs {
  display: inline-flex;
  overflow: hidden;
  width: fit-content;
  border: 1px solid var(--border-subtle);
  border-radius: 999px;
}

.exhibits-authority-tabs button {
  border: 0;
  background: transparent;
  color: var(--color-ink-secondary);
  padding: 7px 12px;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.exhibits-authority-tabs button[aria-selected="true"] {
  background: var(--color-accent-soft);
  color: var(--color-accent);
}

.exhibits-authority-tabs button:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.42);
  outline-offset: 2px;
}

.exhibits-authority-body ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.4;
}

.exhibits-authority-body ul[hidden] {
  display: none;
}

.exhibits-authority-link {
  color: #2f6f91;
  font-weight: var(--font-weight-semibold);
  text-decoration: underline;
  text-decoration-color: rgba(47, 111, 145, 0.34);
  text-underline-offset: 2px;
}

.exhibits-authority-link::after {
  content: "↗";
  margin-left: 3px;
  color: var(--color-ink-muted);
  font-size: 9px;
  line-height: 1;
}

.exhibits-authority-link:hover {
  color: var(--color-accent);
  text-decoration-color: currentColor;
}

.exhibits-authority-link:focus-visible {
  outline: 2px solid rgba(47, 127, 168, 0.42);
  outline-offset: 2px;
  border-radius: 3px;
}

.exhibits-check-status {
  order: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  width: 16px;
  height: 16px;
  color: transparent;
  font-size: 0;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-check-status span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(132, 148, 166, 0.42);
  border-radius: 999px;
  color: var(--color-ink-muted);
  font-size: 9px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-check-status.is-complete {
  color: transparent;
}

.exhibits-check-status.is-complete span {
  border-color: rgba(78, 115, 86, 0.22);
  background: #4e7356;
  color: #ffffff;
}

.exhibits-check-status.is-partial {
  color: transparent;
}

.exhibits-check-status.is-partial span {
  border-color: rgba(147, 107, 49, 0.34);
  background: rgba(253, 247, 239, 0.72);
  color: #936b31;
}

.exhibits-match-context {
  justify-self: start;
  padding: 4px 8px;
  border: 1px solid rgba(47, 127, 168, 0.24);
  border-radius: 999px;
  background: rgba(216, 235, 246, 0.76);
  color: #2e6887;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-match-context[hidden] {
  display: none;
}

.exhibits-packet-workspace .exhibits-packet-preview-row {
  grid-template-columns: minmax(0, 1fr) minmax(112px, auto);
}

.exhibits-packet-toc {
  align-content: start;
}

.exhibits-toc-head {
  gap: 3px;
}

.exhibits-toc-head h3 {
  font-size: 24px;
}

.exhibits-toc-head span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-toc-sections {
  display: grid;
  gap: 10px;
}

.exhibits-toc-section {
  overflow: hidden;
  border: 1px solid rgba(212, 227, 244, 0.86);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 8px 18px rgba(36, 50, 75, 0.04);
}

.exhibits-toc-section summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 14px 16px;
  background: linear-gradient(90deg, rgba(190, 222, 240, 0.98) 0%, rgba(225, 241, 250, 0.98) 100%);
  cursor: pointer;
  list-style: none;
}

.exhibits-toc-section summary::-webkit-details-marker {
  display: none;
}

.exhibits-toc-section summary::after {
  content: "›";
  grid-column: 2;
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: 22px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

.exhibits-toc-section:not([open]) summary::after {
  transform: rotate(0deg);
}

.exhibits-toc-section summary span {
  display: block;
  width: 100%;
  min-width: 0;
}

.exhibits-toc-section summary strong {
  color: var(--color-ink-primary);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-toc-section > .exhibits-packet-preview-list {
  border-top: 1px solid rgba(226, 232, 243, 0.82);
}

.exhibits-toc-section .exhibits-packet-preview-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 50px;
  padding: 10px 14px;
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  background: rgba(250, 252, 255, 0.58);
  box-shadow: none;
}

.exhibits-toc-section .exhibits-packet-preview-row.is-missing {
  min-height: 62px;
  padding-top: 14px;
  padding-bottom: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.42);
}

.exhibits-toc-section .exhibits-packet-preview-row + .exhibits-packet-preview-row {
  border-top: 1px solid rgba(226, 232, 243, 0.82);
}

.exhibits-toc-account-groups {
  display: grid;
  gap: 8px;
  padding: 10px;
  border-top: 1px solid rgba(226, 232, 243, 0.82);
  background: rgba(248, 252, 255, 0.54);
}

.exhibits-toc-account {
  overflow: hidden;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.84);
}

.exhibits-toc-account summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 12px;
  background: rgba(232, 244, 251, 0.76);
  color: var(--color-ink-primary);
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
  list-style: none;
}

.exhibits-toc-account summary::-webkit-details-marker {
  display: none;
}

.exhibits-toc-account summary::after {
  content: "›";
  color: var(--color-accent);
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  transform: rotate(90deg);
  transition: transform 160ms ease;
}

.exhibits-toc-account:not([open]) summary::after {
  transform: rotate(0deg);
}

.exhibits-toc-account .exhibits-packet-preview-list {
  border-top: 1px solid rgba(226, 232, 243, 0.82);
}

.exhibits-empty-toc-note {
  padding: 14px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.45;
}

.exhibits-packet-toc .exhibits-preview-copy {
  gap: 0;
}

.exhibits-packet-toc .exhibits-preview-copy strong {
  font-size: 14px;
  line-height: 1.3;
}

.exhibits-assembly-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 11px;
  border: 1px solid rgba(212, 227, 244, 0.86);
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(232, 244, 251, 0.92) 0%, rgba(255, 255, 255, 0.9) 100%);
}

.exhibits-assembly-cta h4,
.exhibits-assembly-cta p {
  margin: 0;
}

.exhibits-assembly-cta h4 {
  color: #20364f;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-assembly-cta p {
  margin-top: 2px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
}

.exhibits-review-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}

.exhibits-assembly-progress {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.exhibits-assembly-progress li {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 10px;
  background: rgba(248, 252, 255, 0.82);
  color: var(--color-ink-secondary);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  text-align: center;
}

.exhibits-assembly-progress li.is-complete {
  border-color: rgba(78, 115, 86, 0.22);
  background: rgba(78, 115, 86, 0.1);
  color: #4e7356;
}

.exhibits-assembly-progress li.is-current {
  border-color: rgba(47, 127, 168, 0.38);
  background: rgba(216, 235, 246, 0.82);
  color: var(--color-accent);
  box-shadow: inset 3px 0 0 var(--color-accent);
}

.exhibits-assembly-notice {
  margin: 0 0 12px;
  padding: 9px 11px;
  border: 1px solid rgba(244, 232, 207, 0.96);
  border-radius: 10px;
  background: rgba(255, 250, 243, 0.9);
  color: #7d5d29;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-packet-order-workspace {
  display: grid;
  gap: 12px;
}

.exhibits-organize-workspace {
  gap: 0;
  padding-bottom: 28px;
}

.exhibits-format-task-header.exhibits-organize-header {
  grid-template-columns: minmax(0, 1fr);
}

.exhibits-organize-workspace .exhibits-organize-max-card {
  margin-top: 20px;
  margin-bottom: 2px;
}

.exhibits-organize-decision .exhibits-designation-control {
  min-width: 0;
}

.exhibits-organize-order-step .exhibits-packet-order-list {
  margin-top: 0;
}

.exhibits-organize-order-step .exhibits-packet-undo-toast {
  margin-top: 10px;
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-organize-header .type-section-title {
  color: var(--color-ink-primary);
  font-size: var(--max-exhibit-type-h2-size);
  font-weight: var(--max-exhibit-type-h2-weight);
  line-height: var(--max-exhibit-type-h2-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-recommendation-intro,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-recommendations p {
  color: var(--color-ink-primary);
  font-size: var(--max-exhibit-type-body-size);
  font-weight: var(--max-exhibit-type-body-weight);
  line-height: var(--max-exhibit-type-body-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-recommendations span,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-decision-head h3 {
  color: var(--color-ink-primary);
  font-size: var(--max-exhibit-type-h3-size);
  font-weight: var(--max-exhibit-type-h3-weight);
  line-height: var(--max-exhibit-type-h3-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-decision-head p,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-step-badge,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-page-number-max-card .exhibits-guidance-source-link,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-authorities-meta,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-authority-tabs button,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-undo-toast,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-undo-toast button,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-fixed-pill {
  font-size: var(--max-exhibit-type-support-size);
  font-weight: var(--max-exhibit-type-support-weight);
  line-height: var(--max-exhibit-type-support-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-production-authorities h3,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-production-authorities .type-card-title {
  color: var(--color-ink-primary);
  font-size: var(--max-exhibit-type-h3-size);
  font-weight: var(--max-exhibit-type-h3-weight);
  line-height: var(--max-exhibit-type-h3-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-production-authorities p,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-production-authorities li,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-authority-link {
  font-size: var(--max-exhibit-type-body-size);
  font-weight: var(--max-exhibit-type-body-weight);
  line-height: var(--max-exhibit-type-body-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-order-row,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-title,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-index-decision-row .exhibits-packet-index-title,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-order-row .exhibits-packet-index-title,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-order-row.is-active-document .exhibits-packet-index-title {
  font-size: var(--max-exhibit-type-list-size);
  font-weight: var(--max-exhibit-type-list-weight);
  line-height: var(--max-exhibit-type-list-line);
}

.exhibits-production-stage[data-production-stage="organize"] .exhibits-packet-designation,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-segmented-control button {
  font-size: var(--max-exhibit-type-support-size);
  font-weight: var(--max-exhibit-type-support-weight);
  line-height: var(--max-exhibit-type-support-line);
}

.exhibits-workflow-primary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 210.25px;
  min-width: 210.25px;
  max-width: 210.25px;
  min-height: 43.59375px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: normal;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.exhibits-workflow-primary-cta-row {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 28px;
  padding: 24px 0 0;
  border: 0;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
  border-radius: 0;
  background: transparent;
}

.exhibits-production-stage {
  display: grid;
  gap: 14px;
  animation: exhibitsProductionFade 180ms ease-out;
}

.exhibits-production-stage[data-production-stage="organize"] {
  padding-bottom: 28px;
}

.exhibits-production-stage[data-production-stage="generate"] {
  padding-bottom: 28px;
}

.exhibits-production-shell {
  display: grid;
  gap: 0;
  min-height: 0;
}

.max-workspace-shell--exhibits.is-packet-production .exhibits-production-shell {
  padding-top: 18px;
}

.exhibits-production-guidance {
  display: grid;
  gap: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-production-mode-workspace {
  display: grid;
  min-height: 0;
}

@keyframes exhibitsProductionFade {
  from { opacity: 0.64; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.exhibits-production-card,
.exhibits-format-controls,
.exhibits-format-section {
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(212, 227, 244, 0.86);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 1px 5px rgba(36, 50, 75, 0.04);
}

.exhibits-production-analysis,
.exhibits-production-authorities {
  padding: 11px 12px;
}

.exhibits-production-analysis .exhibits-max-analysis-head {
  align-items: center;
}

.exhibits-production-card-head,
.exhibits-production-analysis .exhibits-max-analysis-head {
  display: flex;
  gap: 10px;
  align-items: center;
}

.exhibits-production-card h3,
.exhibits-production-card p,
.exhibits-format-controls h2,
.exhibits-format-controls p,
.exhibits-format-section p {
  margin: 0;
}

.exhibits-guidance-sections {
  display: grid;
  gap: 8px;
}

.exhibits-guidance-sections section {
  display: grid;
  gap: 3px;
}

.exhibits-guidance-sections h3 {
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  margin: 0;
}

.exhibits-production-analysis p,
.exhibits-production-authorities p,
.exhibits-format-section,
.exhibits-control-field,
.exhibits-checkbox-row {
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-guidance-source-link {
  justify-self: start;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  padding: 0;
  text-decoration: none;
}

.exhibits-guidance-source-link:hover,
.exhibits-guidance-source-link:focus-visible {
  text-decoration: underline;
}

.exhibits-production-authorities-collapse {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows 220ms ease, opacity 180ms ease, visibility 0s linear 220ms;
}

.exhibits-production-authorities-collapse.is-open {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  transition: grid-template-rows 220ms ease, opacity 180ms ease;
}

.exhibits-production-authorities-inner {
  min-height: 0;
  overflow: hidden;
}

.exhibits-production-authorities ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 1.1rem;
}

.exhibits-guidance-source-link {
  color: var(--color-accent);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

.exhibits-production-authorities .exhibits-authority-tabs {
  gap: 4px;
  margin-top: 0;
}

.exhibits-production-authorities .exhibits-authority-tabs button {
  min-height: 28px;
  padding: 5px 8px;
  font-size: 11px;
}

.exhibits-format-section {
  margin: 0;
}

.exhibits-format-section legend {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 0 0 2px;
  color: var(--color-ink-primary);
  cursor: pointer;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
}

.exhibits-format-section legend::before {
  content: "›";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #edf4fb;
  color: var(--color-accent);
  font-size: 15px;
  line-height: 1;
  transition: transform 160ms ease;
}

.exhibits-format-section.is-open legend::before {
  transform: rotate(90deg);
}

.exhibits-format-section:not(.is-open) > :not(legend) {
  display: none;
}

.exhibits-format-inspector .exhibits-format-section:not(.is-open) > .exhibits-inspector-section-body {
  display: grid;
}

.exhibits-option-stack,
.exhibits-format-actions {
  display: grid;
  gap: 8px;
}

.exhibits-option-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.exhibits-label-picker {
  display: grid;
  gap: 7px;
  padding: 0 0 15px;
  border-bottom: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-recommendation-legend {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: -2px 0 2px;
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.exhibits-recommendation-legend span,
.exhibits-label-recommendation {
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
}

.exhibits-label-layout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 154px;
  gap: 10px;
  align-items: stretch;
}

.exhibits-label-choice,
.exhibits-label-color-choice {
  position: relative;
  display: grid;
  min-width: 0;
  border: 1px solid rgba(22, 40, 61, 0.22);
  border-radius: 8px;
  background: #ffffff;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;
}

.exhibits-label-choice {
  grid-template-rows: 18px minmax(0, 1fr);
  align-items: stretch;
  justify-items: stretch;
  height: 154px;
  min-height: 0;
  max-height: 154px;
  overflow: hidden;
  padding: 10px 10px 12px;
}

.exhibits-label-choice::before {
  content: "";
  grid-row: 1;
  min-height: 0;
}

.exhibits-label-choice:hover,
.exhibits-label-choice:focus-visible,
.exhibits-label-color-choice:hover,
.exhibits-label-color-choice:focus-visible {
  border-color: rgba(33, 105, 159, 0.48);
  box-shadow: 0 5px 14px rgba(36, 50, 75, 0.08);
  outline: none;
}

.exhibits-label-choice.is-selected,
.exhibits-label-color-choice.is-selected {
  border-color: var(--color-accent);
  background: #f3f8ff;
  box-shadow: 0 0 0 1px rgba(33, 105, 159, 0.16), 0 5px 14px rgba(33, 105, 159, 0.1);
  transform: none;
}

.exhibits-label-layout-grid .exhibits-label-choice.is-selected {
  transform: none;
}

.exhibits-label-proof {
  display: grid;
  align-content: center;
  justify-items: center;
  width: min(100%, 132px);
  min-height: 68px;
  padding: 10px 12px;
  border: 1.5px solid #111111;
  background: #ffffff;
  color: #111111;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1.08;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 1px 1px rgba(22, 40, 61, 0.06);
}

.exhibits-label-proof-image-surface {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  margin: 0;
  padding: 8px;
  overflow: hidden;
  border-radius: 6px;
  background: #ffffff;
  box-sizing: border-box;
}

.exhibits-label-choice .exhibits-label-proof-image-surface {
  grid-row: 2;
  align-self: stretch;
  justify-self: stretch;
}

.exhibits-label-proof-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none;
}

.exhibits-label-choice .exhibits-label-proof-image-surface > .exhibits-label-proof-image {
  inline-size: 100%;
  block-size: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
}

.exhibits-label-proof--yellow { background: #fff3a8; }
.exhibits-label-proof--blue { background: #cfe7ff; }
.exhibits-label-proof--green { background: #d8f0ce; }

.exhibits-label-proof.is-compact {
  width: 88px;
  min-height: 46px;
  padding: 7px 8px;
}

.exhibits-label-proof-line {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0;
}

.exhibits-label-proof-line.is-primary {
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-label-proof.is-compact .exhibits-label-proof-line {
  font-size: 6px;
}

.exhibits-label-proof.is-compact .exhibits-label-proof-line.is-primary {
  font-size: 8px;
}

.exhibits-label-recommendation {
  position: absolute;
  top: 8px;
  right: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-label-choice .exhibits-label-recommendation {
  position: static;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}

.exhibits-label-color-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.exhibits-label-color-choice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 28px 7px 9px;
  border-color: rgba(212, 227, 244, 0.95);
  background: #ffffff;
  box-shadow: none;
  transform: none;
}

.exhibits-label-color-choice::before,
.exhibits-label-color-choice::after {
  content: none;
}

.exhibits-label-color-swatch {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border: 1px solid rgba(22, 40, 61, 0.16);
  border-radius: 999px;
  background: #ffffff;
}

.exhibits-label-color-choice[data-format-value="yellow"] .exhibits-label-color-swatch { background: #fff3a8; }
.exhibits-label-color-choice[data-format-value="blue"] .exhibits-label-color-swatch { background: #cfe7ff; }
.exhibits-label-color-choice[data-format-value="green"] .exhibits-label-color-swatch { background: #d8f0ce; }

.exhibits-label-color-choice .exhibits-label-proof {
  display: none;
}

.exhibits-label-color-choice.is-selected {
  border-color: rgba(33, 105, 159, 0.56);
  background: var(--color-accent-soft);
  box-shadow: 0 0 0 1px rgba(33, 105, 159, 0.16);
  transform: none;
}

.exhibits-label-color-name {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
}

.exhibits-label-color-choice .exhibits-label-recommendation {
  top: 8px;
  right: 8px;
}

.exhibits-format-inspector:has(#exhibits-label-layout-title) {
  padding-bottom: 26px;
}

.exhibits-format-inspector:has(#exhibits-label-layout-title) > .exhibits-label-picker + .exhibits-label-picker,
.exhibits-format-inspector:has(#exhibits-label-layout-title) > .exhibits-label-apply-to,
.exhibits-format-inspector:has(#exhibits-label-layout-title) > .exhibits-label-position-group {
  margin-top: 24px;
}

.exhibits-format-task-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-format-task-header .exhibits-task-back {
  justify-self: end;
  margin-top: 1px;
  text-align: right;
}

.exhibits-page-number-workspace {
  gap: 0;
  padding-bottom: 28px;
}

.exhibits-label-workspace {
  gap: 0;
  padding-bottom: 28px;
}

.exhibits-bates-workspace {
  gap: 0;
  padding-bottom: 28px;
}

.exhibits-label-guidance {
  margin-top: 20px;
}

.exhibits-bates-guidance {
  margin-top: 20px;
}

.exhibits-label-workspace .exhibits-label-max-card {
  margin-bottom: 2px;
}

.exhibits-bates-workspace .exhibits-bates-max-card {
  margin-bottom: 2px;
}

.exhibits-label-workspace .exhibits-label-picker {
  padding: 0;
  border-bottom: 0;
}

.exhibits-label-workspace .exhibits-label-layout-grid {
  margin-top: 0;
}

.exhibits-label-workspace .exhibits-label-color-row {
  margin-top: 0;
}

.exhibits-label-decision .exhibits-label-position-group .exhibits-control-label {
  margin-top: 0;
}

.exhibits-format-inspector.exhibits-bates-workspace .exhibits-checkbox-row {
  display: flex;
  width: 100%;
  min-width: 0;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 9px;
  background: #f8fbff;
  box-sizing: border-box;
}

.exhibits-format-inspector.exhibits-bates-workspace .exhibits-checkbox-row input[type="checkbox"] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 0;
}

.exhibits-bates-disabled-state {
  padding: 12px;
  border: 1px dashed rgba(47, 127, 168, 0.24);
  border-radius: 9px;
  background: #f8fbff;
}

.exhibits-bates-disabled-state p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.exhibits-bates-placement-fields {
  display: grid;
  gap: 8px;
}

.exhibits-bates-placement-fields .exhibits-control-label {
  margin-top: 0;
}

.exhibits-format-overview-workspace {
  gap: 0;
  padding-bottom: 28px;
}

.exhibits-format-overview-header {
  grid-template-columns: minmax(0, 1fr);
}

.exhibits-format-overview-workspace .exhibits-format-overview-max-card {
  margin-top: 20px;
  margin-bottom: 30px;
}

.exhibits-generate-workspace {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 100%;
  padding-bottom: 0;
}

.exhibits-generate-header {
  grid-template-columns: minmax(0, 1fr);
}

.exhibits-generate-summary-card {
  gap: 12px;
}

.exhibits-generate-summary-list {
  display: grid;
  gap: 0;
  margin: 0;
}

.exhibits-generate-summary-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-generate-summary-list div:first-child {
  border-top: 0;
  padding-top: 0;
}

.exhibits-generate-summary-list div:last-child {
  padding-bottom: 0;
}

.exhibits-generate-summary-list dt,
.exhibits-generate-summary-list dd,
.exhibits-generation-status {
  margin: 0;
}

.exhibits-generate-summary-list dt {
  color: var(--color-ink-secondary);
  font-size: var(--max-exhibit-type-support-size);
  font-weight: var(--max-exhibit-type-support-weight);
  line-height: var(--max-exhibit-type-support-line);
}

.exhibits-generate-summary-list dd {
  color: var(--color-ink-primary);
  font-size: var(--max-exhibit-type-body-size);
  font-weight: var(--font-weight-semibold);
  line-height: var(--max-exhibit-type-body-line);
  text-align: right;
}

.exhibits-generate-summary-card .exhibits-generation-status {
  padding-top: 12px;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
  color: var(--color-ink-secondary);
  font-size: var(--max-exhibit-type-support-size);
  font-weight: var(--max-exhibit-type-support-weight);
  line-height: var(--max-exhibit-type-support-line);
}

.exhibits-generate-actions.exhibits-workflow-primary-cta-row {
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
}

.exhibits-generate-actions .exhibits-workflow-primary-cta {
  position: relative;
  padding-right: 8px;
  padding-left: 8px;
}

.exhibits-generate-cta-label {
  position: absolute;
  left: 50%;
  top: 50%;
  display: inline-block;
  white-space: nowrap;
  transform: translate(-50%, -50%) scaleX(0.82);
  transform-origin: center;
}

.exhibits-generate-secondary-action {
  width: 210.25px;
  min-width: 210.25px;
  max-width: 210.25px;
  min-height: 40px;
  box-sizing: border-box;
  justify-content: center;
  text-align: center;
}

.exhibits-format-overview-decisions {
  display: grid;
  gap: 0;
}

.exhibits-format-overview-workspace .exhibits-inspector-header {
  display: grid;
  gap: 5px;
}

.exhibits-format-overview-workspace .exhibits-inspector-header .type-supporting {
  margin: 0;
}

.exhibits-page-number-guidance {
  display: grid;
  margin-top: 20px;
}

.exhibits-page-number-max-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(47, 127, 168, 0.22);
  border-radius: 10px;
  background: linear-gradient(180deg, var(--color-accent-soft) 0%, #f7fbff 100%);
  box-shadow: 0 8px 22px rgba(47, 127, 168, 0.08);
}

.exhibits-page-number-recommendation-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(212, 227, 244, 0.92);
  border-radius: 8px;
  background: #fff;
}

.exhibits-page-number-recommendation-intro {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-page-number-max-card > .exhibits-guidance-source-link {
  justify-self: start;
  margin-top: 0;
}

.exhibits-page-number-max-card .exhibits-production-authorities-collapse {
  margin-top: 0;
}

.exhibits-page-number-recommendations {
  display: grid;
  gap: 0;
}

.exhibits-page-number-recommendations article {
  display: grid;
  gap: 6px;
  padding: 13px 0 14px;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-page-number-recommendations article:first-child {
  border-top: 0;
  padding-top: 0;
}

.exhibits-page-number-recommendations article:last-child {
  padding-bottom: 0;
}

.exhibits-page-number-recommendations span {
  color: var(--color-accent-strong);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.06em;
}

.exhibits-page-number-recommendations p {
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}

.exhibits-page-number-decision {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 14px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-page-number-step-badge {
  display: inline-grid;
  width: 24px;
  height: 24px;
  margin-top: 1px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--color-accent-soft);
  color: var(--color-accent-strong);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-page-number-decision-body {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.exhibits-page-number-decision-head {
  display: grid;
  gap: 5px;
}

.exhibits-page-number-decision-head h3 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.exhibits-page-number-decision-head p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.45;
}

.exhibits-page-number-decision .exhibits-control-field + .exhibits-control-field {
  margin-top: 6px;
}

.exhibits-page-number-position-group .exhibits-control-label {
  margin-top: 2px;
}

.exhibits-format-inspector {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  grid-template-columns: none;
  gap: 0;
}

.exhibits-format-inspector > *,
.exhibits-format-inspector .exhibits-production-card-head,
.exhibits-format-inspector .exhibits-control-field,
.exhibits-format-inspector .exhibits-format-section,
.exhibits-format-inspector .exhibits-inspector-section-body,
.exhibits-format-inspector .exhibits-option-stack,
.exhibits-format-inspector .exhibits-label-picker,
.exhibits-format-inspector .exhibits-label-layout-grid,
.exhibits-format-inspector .exhibits-label-color-row,
.exhibits-format-inspector .exhibits-position-grid,
.exhibits-format-inspector .exhibits-bates-fields,
.exhibits-format-inspector .exhibits-format-actions,
.exhibits-format-inspector .exhibits-format-warning {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.exhibits-format-inspector .exhibits-production-card-head {
  display: block;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-format-inspector .type-section-title {
  font-size: 16px;
  line-height: 1.2;
}

.exhibits-task-inspector {
  animation: exhibitsProductionFade 160ms ease-out;
}

.exhibits-task-list {
  display: grid;
  margin-top: 0;
}

.exhibits-task-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 15px 0;
  border: 0;
  border-bottom: 1px solid rgba(212, 227, 244, 0.86);
  background: transparent;
  color: var(--color-ink-primary);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: background-color 140ms ease, padding-inline 140ms ease;
}

.exhibits-format-overview-step {
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: start;
  padding: 17px 0;
}

.exhibits-format-overview-step .exhibits-page-number-step-badge {
  margin-top: 0;
}

.exhibits-task-row:hover,
.exhibits-task-row:focus-visible {
  background: #f8fbff;
  outline: none;
  padding-inline: 8px;
}

.exhibits-task-row-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.exhibits-task-row-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

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

.exhibits-task-row strong {
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.exhibits-task-row small {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
}

.exhibits-format-overview-step small {
  white-space: normal;
  line-height: 1.35;
}

.exhibits-task-chevron {
  align-self: center;
  color: var(--color-ink-muted);
  font-size: 18px;
  line-height: 1;
}

.exhibits-format-overview-step .exhibits-task-chevron {
  align-self: center;
}

.exhibits-task-back {
  justify-self: start;
  width: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-format-inspector label:has(input[type="checkbox"]),
.exhibits-format-inspector .exhibits-checkbox-row {
  display: block;
}

.exhibits-format-inspector .exhibits-option-stack,
.exhibits-format-inspector .exhibits-format-actions,
.exhibits-bates-fields {
  grid-template-columns: minmax(0, 1fr);
}

.exhibits-option-stack .request-card-action {
  justify-content: center;
}

.exhibits-option-stack .request-card-action.is-active {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-ink-primary);
}

.exhibits-control-field {
  display: grid;
  gap: 6px;
}

.exhibits-control-field span,
.exhibits-control-label {
  margin: 0 0 6px;
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-control-field select,
.exhibits-control-field input {
  width: 100%;
  min-height: 36px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 9px;
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: 13px;
  padding: 7px 9px;
}

.exhibits-inspector-section legend {
  display: block;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding-bottom: 0;
}

.exhibits-inspector-section legend::before {
  margin-right: 8px;
  vertical-align: middle;
}

.exhibits-inspector-section-title,
.exhibits-inspector-section-summary {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exhibits-inspector-section-title {
  display: inline-block;
  max-width: calc(100% - 30px);
  vertical-align: middle;
}

.exhibits-inspector-section-summary {
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  margin-top: 2px;
}

.exhibits-inspector-section-body {
  display: grid;
  gap: 10px;
  opacity: 0;
  overflow: hidden;
  padding-top: 0;
  transform: translateY(-3px);
  transition: opacity 140ms ease, padding-top 180ms ease, transform 180ms ease;
}

.exhibits-format-inspector .exhibits-format-section:not(.is-open) > .exhibits-inspector-section-body {
  opacity: 0;
  padding-top: 0;
  overflow: hidden;
  transform: translateY(-3px);
  pointer-events: none;
}

.exhibits-format-inspector .exhibits-format-section.is-open > .exhibits-inspector-section-body {
  opacity: 1;
  padding-top: 8px;
  overflow: hidden;
  transform: translateY(0);
  pointer-events: auto;
}

.exhibits-bates-fields {
  display: grid;
  gap: 10px;
}

.exhibits-bates-fields[hidden] {
  display: none;
}

.exhibits-format-inspector .request-card-action,
.exhibits-format-inspector .primary-action-inline {
  display: block;
  width: 100%;
  justify-content: center;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
}

.exhibits-format-inspector .exhibits-workflow-primary-cta {
  display: inline-flex;
  width: 210.25px;
  min-width: 210.25px;
  max-width: 210.25px;
  white-space: nowrap;
}

.exhibits-format-actions {
  gap: 10px;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-position-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.exhibits-position-grid.is-compact,
.exhibits-format-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.exhibits-position-grid button {
  min-height: 34px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 9px;
  background: #f8fbff;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
}

.exhibits-position-grid button.is-active {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-accent);
}

.exhibits-position-grid button.has-conflict {
  border-color: #b7791f;
  background: #fff7e8;
  color: #7a4a11;
}

.exhibits-checkbox-row {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-semibold);
}

.exhibits-bates-preview {
  padding: 8px 10px;
  border-radius: 9px;
  background: #f6fbff;
}

.exhibits-format-warning {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(183, 121, 31, 0.4);
  border-radius: 10px;
  background: #fff8ed;
  color: #7a4a11;
  font-size: 13px;
}

.exhibits-format-warning[hidden] {
  display: none;
}

.exhibits-packet-order-head {
  display: block;
  gap: 14px;
  align-items: start;
  justify-content: space-between;
}

.exhibits-packet-order-head h2,
.exhibits-packet-order-head h3,
.exhibits-packet-order-head p {
  margin: 0;
}

.exhibits-packet-order-live {
  display: grid;
  gap: 2px;
  min-width: 132px;
  padding: 9px 11px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--color-ink-secondary);
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.exhibits-packet-order-live strong {
  color: var(--color-ink-primary);
  font-size: 13px;
}

.exhibits-designation-control {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.exhibits-designation-control legend {
  padding: 0;
  color: var(--color-ink-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-segmented-control {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 12px;
  background: #edf4fb;
}

.exhibits-segmented-control button {
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  min-height: 32px;
}

.exhibits-segmented-control button.is-active {
  background: #ffffff;
  color: var(--color-ink-primary);
  box-shadow: 0 1px 5px rgba(36, 50, 75, 0.12);
}

.exhibits-sticky-designation {
  position: sticky;
  top: 0;
  z-index: 12;
  max-height: 0;
  margin: 0 -20px;
  overflow: hidden;
  border-bottom: 0 solid rgba(212, 227, 244, 0.9);
  background: #f9fbff;
  box-shadow: none;
  opacity: 0;
  pointer-events: none;
  transform: none;
  transition: max-height 160ms ease, padding 160ms ease, opacity 140ms ease, border-width 160ms ease, box-shadow 160ms ease;
}

.exhibits-sticky-designation.is-visible {
  max-height: 54px;
  padding: 6px 20px 7px;
  border-bottom-width: 1px;
  box-shadow: 0 8px 14px rgba(36, 50, 75, 0.055);
  opacity: 1;
  pointer-events: auto;
}

.exhibits-sticky-designation-inner {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.exhibits-sticky-max-label {
  min-width: 0;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  white-space: nowrap;
}

.exhibits-segmented-control--compact {
  flex: 0 0 178px;
  padding: 2px;
  border-radius: 10px;
}

.exhibits-segmented-control--compact button {
  min-height: 26px;
  border-radius: 8px;
  font-size: 12px;
}

.exhibits-packet-order-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-packet-order-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  padding: 9px 8px 9px 12px;
  border: 1px solid rgba(226, 232, 243, 0.92);
  border-radius: 12px;
  background: #ffffff;
  color: var(--color-ink-primary);
  cursor: pointer;
  font-size: 14px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
  box-shadow: 0 1px 4px rgba(36, 50, 75, 0.04);
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.exhibits-packet-order-row:hover {
  border-color: rgba(47, 127, 168, 0.28);
  background: #f8fbff;
  box-shadow: 0 5px 14px rgba(36, 50, 75, 0.08);
  transform: translateY(-1px);
}

.exhibits-packet-order-row.is-active-document {
  border-color: rgba(47, 127, 168, 0.34);
  background: #eef7ff;
  box-shadow: inset 3px 0 0 var(--color-accent), 0 4px 12px rgba(36, 50, 75, 0.08);
}

.exhibits-packet-order-row.is-fixed {
  grid-template-columns: minmax(0, 1fr) auto;
  border-color: rgba(47, 127, 168, 0.24);
  background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
  color: var(--color-ink-primary);
  cursor: default;
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.38), 0 1px 4px rgba(36, 50, 75, 0.04);
}

.exhibits-packet-order-row.is-fixed:hover {
  border-color: rgba(47, 127, 168, 0.24);
  background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.38), 0 1px 4px rgba(36, 50, 75, 0.04);
  transform: none;
}

.exhibits-packet-order-row.is-fixed.is-active-document {
  background: #eef7ff;
}

.exhibits-packet-index-title {
  color: var(--color-ink-primary);
  font-weight: var(--font-weight-bold);
  transition: color 150ms ease;
}

.exhibits-fixed-pill {
  justify-self: end;
  white-space: nowrap;
}

.exhibits-index-decision-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 42px;
  margin-bottom: 6px;
  padding: 9px 8px 9px 12px;
  border: 1px solid rgba(47, 127, 168, 0.24);
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fbff 0%, #f2f7fc 100%);
  color: var(--color-ink-primary);
  box-shadow: inset 3px 0 0 rgba(47, 127, 168, 0.38), 0 1px 4px rgba(36, 50, 75, 0.04);
}

.exhibits-index-decision-row .exhibits-packet-index-title {
  color: var(--color-ink-muted);
}

.exhibits-switch {
  appearance: none;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}

.exhibits-switch-track {
  position: relative;
  display: block;
  width: 42px;
  height: 24px;
  border: 1px solid #cfdcec;
  border-radius: 999px;
  background: #d8e2ec;
  transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.exhibits-switch-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 4px rgba(36, 50, 75, 0.24);
  transition: transform 150ms ease;
}

.exhibits-switch[aria-checked="true"] .exhibits-switch-track {
  border-color: var(--color-accent);
  background: var(--color-accent);
  box-shadow: 0 0 0 1px rgba(47, 127, 168, 0.16);
}

.exhibits-switch[aria-checked="true"] .exhibits-switch-thumb {
  transform: translateX(18px);
}

.exhibits-switch:hover .exhibits-switch-track,
.exhibits-switch:focus-visible .exhibits-switch-track {
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.16);
}

.exhibits-switch:focus-visible {
  outline: 0;
}

.exhibits-packet-designation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-height: 30px;
  border-radius: 9px;
  background: var(--color-accent-soft);
  color: var(--color-accent);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.exhibits-packet-title {
  min-width: 0;
  overflow-wrap: anywhere;
}

.exhibits-packet-order-row.is-active-document .exhibits-packet-title,
.exhibits-packet-order-row.is-active-document .exhibits-packet-index-title {
  font-weight: var(--font-weight-bold);
}

.exhibits-packet-order-row.is-dragging {
  opacity: 0.56;
  box-shadow: 0 10px 24px rgba(36, 50, 75, 0.14);
  cursor: grabbing;
}

.exhibits-packet-order-row.is-drop-target {
  box-shadow: inset 0 3px 0 var(--color-accent), 0 1px 4px rgba(36, 50, 75, 0.04);
}

.exhibits-packet-order-handle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--color-ink-muted);
  cursor: grab;
  font: inherit;
  font-size: 17px;
  line-height: 1;
  touch-action: none;
}

.exhibits-packet-order-handle:active {
  cursor: grabbing;
}

.exhibits-packet-order-actions {
  display: flex;
  justify-content: flex-start;
  padding-top: 24px;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
}

.exhibits-gather-left-stack .exhibits-workflow-primary-cta-row,
.exhibits-production-stage[data-production-stage="organize"] .exhibits-workflow-primary-cta-row,
.exhibits-production-stage[data-production-stage="generate"] .exhibits-workflow-primary-cta-row,
.exhibits-format-inspector .exhibits-workflow-primary-cta-row {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-top: 28px;
  padding: 24px 0 0;
  border: 0;
  border-top: 1px solid rgba(212, 227, 244, 0.86);
  background: transparent;
}

.exhibits-format-overview-workspace,
.exhibits-label-workspace,
.exhibits-page-number-workspace,
.exhibits-bates-workspace {
  padding-bottom: 27px;
}

.exhibits-packet-undo-toast {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.exhibits-packet-undo-toast[hidden] {
  display: none;
}

.exhibits-packet-undo-toast button {
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-weight: var(--font-weight-bold);
  padding: 0;
}

.exhibits-live-pdf-viewer {
  width: 100%;
}

.shared-pdf-viewer-fit {
  width: auto;
  min-width: 38px;
  padding: 0 8px;
  font-size: 11px;
}

.fd-v3-statement-pdf-shell[data-shared-pdf-viewport] {
  align-content: start;
  justify-items: center;
  overflow: auto;
}

.fd-v3-generated-page-host {
  display: grid;
  align-content: start;
  justify-items: center;
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 6px;
  box-sizing: border-box;
}

.fd-v3-generated-page-host .max-pdf-page,
.fd-v3-generated-page-host .exhibits-pdf-page {
  width: var(--exhibits-pdf-page-width, min(100%, 560px));
  transform-origin: center center;
  transition: box-shadow 160ms ease;
}

.exhibits-pdf-paper {
  aspect-ratio: 8.5 / 11;
  min-height: 0;
}

.exhibits-pdf-page.is-highlighted .exhibits-pdf-paper {
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.26), 0 10px 30px rgba(36, 50, 75, 0.16);
}

.exhibits-pdf-sheet {
  position: relative;
  display: grid;
  align-content: start;
  gap: 14px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  padding: 38px 38px 72px;
  color: #1d2f45;
}

.exhibits-pdf-marks {
  position: absolute;
  inset: 22px;
  pointer-events: none;
}

.exhibits-pdf-mark {
  position: absolute;
  display: inline-flex;
  max-width: 42%;
  padding: 4px 6px;
  border: 1px solid rgba(22, 40, 61, 0.34);
  background: rgba(255, 255, 255, 0.86);
  color: #16283d;
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  text-transform: uppercase;
  white-space: pre-line;
}

.exhibits-pdf-mark--label {
  text-align: center;
}

.exhibits-pdf-mark--label-color-yellow { background: #fff3a8; }
.exhibits-pdf-mark--label-color-blue { background: #cfe7ff; }
.exhibits-pdf-mark--label-color-green { background: #d8f0ce; }

.exhibits-pdf-mark--page,
.exhibits-pdf-mark--bates {
  border-color: transparent;
  background: transparent;
  color: #405a72;
  text-transform: none;
}

.exhibits-pdf-mark.is-upper-left { top: 0; left: 0; }
.exhibits-pdf-mark.is-upper-center { top: 0; left: 50%; transform: translateX(-50%); }
.exhibits-pdf-mark.is-upper-right { top: 0; right: 0; }
.exhibits-pdf-mark.is-lower-left { bottom: 0; left: 0; }
.exhibits-pdf-mark.is-lower-center { bottom: 0; left: 50%; transform: translateX(-50%); }
.exhibits-pdf-mark.is-lower-right { right: 0; bottom: 0; }

.exhibits-pdf-kicker {
  margin: 0;
  color: var(--color-accent);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.exhibits-pdf-sheet h3 {
  margin: 0;
  color: #16283d;
  font-size: 24px;
  line-height: 1.12;
}

.exhibits-pdf-sheet table {
  width: 100%;
  border-collapse: collapse;
  font-size: 11px;
}

.exhibits-pdf-page--index .exhibits-pdf-sheet {
  gap: 6px;
  padding: 24px 28px 96px;
}

.exhibits-pdf-page--index .exhibits-pdf-sheet h3 {
  font-size: 18px;
}

.exhibits-pdf-page--index .exhibits-pdf-sheet table {
  table-layout: fixed;
  font-size: 8px;
  line-height: 1.1;
}

.exhibits-pdf-page--index .exhibits-pdf-sheet th:first-child,
.exhibits-pdf-page--index .exhibits-pdf-sheet td:first-child {
  width: 18%;
}

.exhibits-pdf-page--index .exhibits-pdf-sheet th:last-child,
.exhibits-pdf-page--index .exhibits-pdf-sheet td:last-child {
  width: 24%;
}

.exhibits-pdf-sheet th,
.exhibits-pdf-sheet td {
  padding: 7px 6px;
  border-bottom: 1px solid #dce5f1;
  text-align: left;
  vertical-align: top;
}

.exhibits-pdf-page--index .exhibits-pdf-sheet th,
.exhibits-pdf-page--index .exhibits-pdf-sheet td {
  padding: 2px 3px;
}

.exhibits-pdf-page-note {
  margin: 0;
  color: #52687f;
  font-size: 13px;
  line-height: 1.5;
}

.exhibits-pdf-label {
  display: inline-flex;
  width: fit-content;
  margin-top: 26px;
  padding: 10px 14px;
  border: 2px solid #16283d;
  color: #16283d;
  font-size: 18px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.exhibits-assembly-summary {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-assembly-summary li {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 8px 0;
  border-bottom: 1px solid rgba(226, 232, 243, 0.74);
}

.exhibits-assembly-summary span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.exhibits-toc-present {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: rgba(78, 115, 86, 0.16);
  color: #ffffff;
  font-size: 11px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
}

.exhibits-toc-present span {
  color: #4e7356;
}

.exhibits-selected-requirement-head {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(226, 232, 243, 0.82);
}

.exhibits-selected-requirement-head h3 {
  font-size: 24px;
}

.exhibits-selected-requirement-head span {
  max-width: 680px;
  font-size: 14px;
  line-height: 1.5;
}

.exhibits-workspace-progress {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 12px;
  background: rgba(248, 252, 255, 0.82);
}

.exhibits-workspace-progress p,
.exhibits-workspace-progress strong,
.exhibits-workspace-progress span {
  margin: 0;
}

.exhibits-workspace-progress strong {
  color: var(--color-ink-primary);
  font-size: 15px;
  line-height: 1.25;
}

.exhibits-workspace-progress span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-requirement-guidance {
  padding: 12px;
  background: rgba(255, 255, 255, 0.78);
}

.exhibits-packet-workspace .exhibits-preview-copy strong {
  font-size: 15px;
}

.exhibits-document-status {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.25;
}

.exhibits-document-status.is-complete {
  color: #4e7356;
}

.exhibits-document-status.is-partial {
  color: #936b31;
}

.exhibits-document-status.is-missing {
  color: #8b5630;
}

.exhibits-packet-workspace .exhibits-packet-preview-row .request-card-action {
  justify-self: end;
  width: 144px;
  min-width: 144px;
  max-width: 144px;
  min-height: 34px;
  white-space: normal;
  text-align: center;
}

.exhibits-requirement-note {
  color: var(--color-ink-secondary) !important;
  font-weight: var(--font-weight-semibold);
}

.exhibits-packet-preview-row.is-match-dimmed {
  opacity: 0.48;
}

.exhibits-packet-preview-row.is-requirement-hidden {
  display: none;
}

.exhibits-packet-preview-row.is-match-selected {
  opacity: 1;
}

.exhibits-packet-preview-row.is-missing.is-match-selected {
  background: rgba(255, 255, 255, 0.98);
}

.exhibits-checklist-item.is-match-selected,
.exhibits-packet-preview-row.is-match-selected,
.exhibits-confidential-filing.is-match-selected {
  border-color: rgba(47, 127, 168, 0.46);
  box-shadow: 0 0 0 2px rgba(47, 127, 168, 0.14), inset 4px 0 0 var(--color-accent);
}

.exhibits-checklist-item.is-match-selected {
  border-color: rgba(47, 127, 168, 0.34);
  background: linear-gradient(90deg, rgba(216, 235, 246, 0.88) 0%, rgba(247, 251, 255, 0.82) 100%);
  box-shadow: inset 4px 0 0 var(--color-accent);
}

.exhibits-checklist-item.is-match-selected .exhibits-checklist-title strong {
  color: #1d4f6a;
  font-weight: var(--font-weight-bold);
}

.exhibits-secondary-checklist,
.exhibits-confidential-filing,
.exhibits-max-interpretation {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(226, 232, 243, 0.82);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.66);
}

.exhibits-confidential-filing {
  align-items: start;
}

.exhibits-secondary-checklist summary,
.exhibits-confidential-filing summary {
  color: var(--color-ink-primary);
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-secondary-checklist summary span {
  color: var(--color-ink-muted);
  font-weight: var(--font-weight-semibold);
}

.exhibits-conditional-list {
  display: grid;
  gap: 6px;
}

.exhibits-conditional-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
  align-items: start;
  padding-top: 6px;
  border-top: 1px solid rgba(226, 232, 243, 0.72);
}

.exhibits-conditional-list strong {
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.25;
}

.exhibits-conditional-list small {
  grid-column: 1 / -1;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.3;
}

.exhibits-confidential-filing h4,
.exhibits-max-interpretation h4 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.25;
}

.exhibits-confidential-filing p,
.exhibits-max-interpretation p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-max-interpretation ul {
  display: grid;
  gap: 2px;
  margin: 0;
  padding-left: 18px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.exhibits-max-interpretation .request-card-action {
  justify-self: start;
}

.exhibits-packet-status-card {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid rgba(226, 232, 243, 0.9);
  border-radius: 12px;
  background: rgba(248, 252, 255, 0.78);
}

.exhibits-packet-status-card .exhibits-status-badge {
  justify-self: start;
}

.exhibits-packet-status-card strong {
  color: var(--color-ink-primary);
  font-size: 15px;
  line-height: 1.25;
}

.exhibits-packet-status-card small {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.35;
}

.exhibits-max-review-section {
  display: grid;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(226, 232, 243, 0.78);
}

.exhibits-max-review-section h4 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  line-height: 1.25;
}

.exhibits-max-review-section ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-max-review-section li {
  display: grid;
  gap: 2px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.exhibits-max-review-section li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 999px;
  background: var(--color-accent);
  transform: translateY(-1px);
}

.exhibits-max-review-section li strong,
.exhibits-max-review-section li span {
  display: inline;
}

.exhibits-max-review-section li strong {
  color: var(--color-ink-primary);
  font-size: 13px;
}

.exhibits-max-review-section p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-max-recommendation {
  padding: 12px;
  border: 1px solid rgba(226, 232, 243, 0.82);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.66);
}

.exhibits-max-recommendation .request-card-action {
  justify-self: start;
}

.exhibits-packet-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  padding-top: 14px;
}

.exhibits-packet-summary strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.3;
}

.exhibits-packet-summary span {
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-semibold);
}

.exhibits-requirements-summary {
  align-items: flex-start;
  justify-content: space-between;
}

.exhibits-requirements-summary div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.exhibits-requirements-summary ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-requirements-summary li {
  padding: 4px 8px;
  border: 1px solid rgba(214, 224, 238, 0.84);
  border-radius: 999px;
  color: var(--color-ink-secondary);
  background: rgba(255, 255, 255, 0.72);
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.exhibits-authority-note {
  padding: 10px 12px;
  border: 1px solid rgba(226, 232, 243, 0.86);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.62);
}

.exhibits-authority-note summary {
  color: var(--color-ink-primary);
  cursor: pointer;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.exhibits-authority-note p {
  margin: 8px 0 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-packet-group {
  display: grid;
  gap: 8px;
}

.exhibits-packet-group h3 {
  margin: 0;
}

.exhibits-requirement-list {
  display: grid;
  border: 1px solid rgba(226, 232, 243, 0.82);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.78);
}

.exhibits-requirement-row {
  border-top: 1px solid #edf2fb;
}

.exhibits-requirement-row:first-child {
  border-top: 0;
}

.exhibits-requirement-row[data-status="Partial"],
.exhibits-requirement-row[data-status="Missing"],
.exhibits-requirement-row[data-status="Needs Review"] {
  background: rgba(251, 248, 244, 0.7);
}

.exhibits-requirement-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  width: 100%;
  padding: 12px;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.exhibits-requirement-toggle:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.exhibits-requirement-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.exhibits-requirement-main strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.25;
}

.exhibits-requirement-main small,
.exhibits-requirement-main span,
.exhibits-requirement-main em {
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-style: normal;
  line-height: 1.35;
}

.exhibits-requirement-main em {
  color: #8b5630;
  font-weight: var(--font-weight-semibold);
}

.exhibits-requirement-detail {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
}

.exhibits-max-review .exhibits-requirement-detail {
  gap: 6px;
  padding: 0 9px 8px;
}

.exhibits-max-review .exhibits-requirement-detail ul {
  margin: 0;
  padding-left: 18px;
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.3;
}

.exhibits-requirement-detail[hidden] {
  display: none;
}

.exhibits-requirement-detail p,
.exhibits-packet-next-action strong {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: 13px;
  line-height: 1.45;
}

.exhibits-max-review .exhibits-requirement-detail p {
  font-size: 12px;
  line-height: 1.35;
}

.exhibits-requirement-detail .request-card-action {
  justify-self: start;
}

.exhibits-packet-next-action {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border: 1px solid rgba(226, 232, 243, 0.86);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.74);
}

.exhibits-packet-preview-list {
  display: grid;
  border: 1px solid rgba(226, 232, 243, 0.82);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.78);
}

.exhibits-packet-preview-row {
  position: relative;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 10px 12px;
  border-top: 1px solid #edf2fb;
}

.exhibits-packet-preview-row:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.exhibits-packet-preview-row:first-child {
  border-top: 0;
}

.exhibits-packet-preview-row.is-missing,
.exhibits-packet-preview-row:has(.state-attention) {
  background: rgba(251, 248, 244, 0.7);
}

.exhibits-exhibit-label {
  color: var(--color-accent);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-preview-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.exhibits-preview-copy strong {
  color: var(--color-ink-primary);
  font-size: 14px;
  line-height: 1.25;
}

.exhibits-preview-copy small {
  color: var(--color-ink-secondary);
  font-size: 12px;
  line-height: 1.35;
}

.exhibits-packet-panel-actions {
  display: flex;
  justify-content: flex-start;
}

.exhibits-status-badge.is-ready {
  background: rgba(220, 238, 224, 0.8);
  color: #386442;
}

.exhibits-status-badge.is-current {
  background: rgba(216, 235, 246, 0.82);
  color: #2e6887;
}

.exhibits-status-badge.is-attention {
  background: rgba(251, 232, 222, 0.85);
  color: #9b4c37;
}

.exhibits-status-badge.is-generate {
  background: rgba(244, 232, 207, 0.86);
  color: #7d5d29;
}

.exhibits-status-badge.is-archived {
  background: rgba(226, 232, 243, 0.8);
  color: var(--color-ink-muted);
}

.exhibits-editor-meta div,
.exhibits-max-overview dl div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(226, 232, 243, 0.8);
  border-radius: 12px;
  background: rgba(248, 252, 255, 0.72);
}

.exhibits-editor-meta dt,
.exhibits-max-overview dt {
  color: var(--color-ink-muted);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}

.exhibits-editor-meta dd,
.exhibits-max-overview dd {
  margin: 3px 0 0;
  color: var(--color-ink-primary);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  line-height: 1.25;
}

.exhibits-set-actions,
.exhibits-dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.exhibits-set-actions {
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.exhibits-open-action,
.exhibits-inline-open {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  border: 0;
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: var(--font-weight-bold);
  white-space: nowrap;
}

.exhibits-open-action span,
.exhibits-inline-open span {
  display: inline-block;
  transition: transform 160ms ease;
}

.exhibits-overflow,
.exhibits-archive-section {
  position: relative;
}

.exhibits-overflow summary,
.exhibits-archive-section summary {
  cursor: pointer;
  list-style: none;
}

.exhibits-overflow summary::-webkit-details-marker,
.exhibits-archive-section summary::-webkit-details-marker {
  display: none;
}

.exhibits-overflow summary {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  color: var(--color-ink-muted);
  font-size: 13px;
  line-height: 32px;
  text-align: center;
}

.exhibits-overflow summary:hover {
  background: rgba(226, 232, 243, 0.62);
  color: var(--color-ink-primary);
}

.exhibits-overflow[open] {
  z-index: 3;
}

.exhibits-overflow[open]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 34px;
  width: 118px;
  height: 102px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(36, 50, 75, 0.1);
  z-index: -1;
}

.exhibits-overflow:not([open]) button {
  display: none;
}

.exhibits-overflow[open] button {
  display: block;
  width: 118px;
  padding: 7px 11px;
  border: 0;
  background: transparent;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  text-align: left;
}

.exhibits-dashboard-side {
  display: grid;
  gap: 20px;
}

.exhibits-upcoming ol {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-upcoming li {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px 0;
  border-top: 1px solid rgba(226, 232, 243, 0.76);
}

.exhibits-upcoming li:first-child {
  border-top: 0;
}

.exhibits-upcoming li span {
  color: var(--color-accent);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.exhibits-upcoming li strong {
  display: block;
  color: var(--color-ink-primary);
  font-size: 13px;
}

.exhibits-upcoming li small {
  display: block;
  margin-top: 3px;
  color: var(--color-ink-muted);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-upcoming li:hover strong,
.exhibits-max-overview:hover h2 {
  color: var(--color-accent);
}

.exhibits-archive-section {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid rgba(226, 232, 243, 0.68);
}

.exhibits-archive-section > summary {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  color: var(--color-ink-secondary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.exhibits-archive-section > summary span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(226, 232, 243, 0.74);
  color: var(--color-ink-muted);
  font-size: 11px;
}

.exhibits-archive-section .exhibits-set-list {
  margin-top: 10px;
}

.exhibits-empty-state {
  display: grid;
  justify-items: start;
  gap: 10px;
  padding: 22px;
  border: 1px dashed rgba(185, 200, 218, 0.82);
  border-radius: 14px;
  background: rgba(248, 252, 255, 0.72);
}

.exhibits-empty-state h3,
.exhibits-empty-state p {
  margin: 0;
}

.exhibits-empty-state p {
  color: var(--color-ink-secondary);
  font-size: 14px;
}

.exhibits-max-overview dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.exhibits-max-overview {
  grid-template-columns: minmax(0, 1fr);
  background: linear-gradient(180deg, #ffffff 0%, rgba(248, 252, 255, 0.94) 100%);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.exhibits-max-overview:hover {
  box-shadow: 0 12px 28px rgba(36, 50, 75, 0.08);
  transform: translateY(-1px);
}

.exhibits-max-interpretation p:last-child {
  max-width: 780px;
  margin: 7px 0 0;
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.exhibits-editor-header {
  grid-template-columns: auto minmax(0, 1fr) minmax(360px, auto) auto;
  align-items: center;
}

.exhibits-editor-header h1 {
  margin: 0;
}

.exhibits-editor-meta {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.exhibits-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
}

.exhibits-tabs button {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
}

.exhibits-tabs button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--color-review-soft);
  color: var(--color-accent);
  font-size: 12px;
}

.exhibits-tabs button.is-active {
  border-color: rgba(212, 227, 244, 0.95);
  background: #ffffff;
  color: var(--color-ink-primary);
  box-shadow: 0 2px 8px rgba(36, 50, 75, 0.045);
}

.exhibits-tabs button.is-active span {
  background: var(--color-accent);
  color: #ffffff;
}

.exhibits-editor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.36fr);
  gap: 20px;
  align-items: start;
}

.exhibits-editor-main,
.exhibits-tab-panel {
  display: grid;
  gap: 20px;
}

.exhibits-gather-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.exhibits-gather-columns h3,
.exhibits-adaptive-max strong {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: 15px;
}

.exhibits-gather-columns ul,
.exhibits-adaptive-max ul {
  display: grid;
  gap: 7px;
  margin: 8px 0 0;
  padding-left: 1.1rem;
  color: var(--color-ink-secondary);
  font-size: 13px;
}

.exhibits-phase2 .exhibits-material-row {
  grid-template-columns: auto minmax(220px, 1fr) 112px 76px auto auto;
  padding: 13px 14px;
}

.exhibits-phase2 .exhibits-material-row > span:nth-of-type(3) {
  display: none;
}

.exhibits-phase2 .exhibits-selected-card {
  grid-template-columns: auto 82px minmax(0, 1fr) auto;
  padding: 14px;
}

.exhibits-phase2 .exhibits-selected-meta {
  align-items: center;
  max-width: none;
}

.exhibits-selected-meta details {
  position: relative;
}

.exhibits-selected-meta summary {
  color: var(--color-accent);
  cursor: pointer;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  list-style: none;
}

.exhibits-selected-meta summary::-webkit-details-marker {
  display: none;
}

.exhibits-selected-meta details[open] {
  z-index: 2;
}

.exhibits-selected-meta details[open] summary {
  color: var(--color-accent-hover);
}

.exhibits-selected-meta details button {
  display: block;
  width: 100%;
  padding: 6px 10px;
  border: 0;
  background: transparent;
  color: var(--color-ink-secondary);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  text-align: left;
}

.exhibits-selected-meta details[open]::after {
  content: "";
  position: absolute;
  right: 0;
  top: 24px;
  width: 108px;
  height: 94px;
  border: 1px solid rgba(212, 227, 244, 0.95);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(36, 50, 75, 0.1);
  z-index: -1;
}

.exhibits-adaptive-max {
  position: sticky;
  top: 16px;
  align-content: start;
}

.exhibits-adaptive-max > div {
  padding: 14px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, rgba(248, 252, 255, 0.92) 100%);
}

/* Exhibits Phase 5 Financial Disclosures-style workspace */

.exhibits-phase5 .exhibits-set-workspace,
.exhibits-phase5 .exhibits-setup-workspace {
  display: grid;
  gap: 18px;
}

.exhibits-editor-shell {
  padding: 0;
  overflow: hidden;
}

.exhibits-set-workspace > .exhibits-editor-shell {
  overflow: visible;
}

.exhibits-editor-clean-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 18px 20px;
}

.exhibits-set-workspace > .exhibits-editor-shell > .exhibits-editor-clean-header {
  grid-template-columns: minmax(0, 1fr) auto;
}

.exhibits-set-workspace > .exhibits-editor-shell > .exhibits-editor-clean-header .exhibits-link-action {
  justify-self: end;
  margin-top: 4px;
  text-align: right;
}

.exhibits-editor-clean-header h1,
.exhibits-editor-clean-header p {
  margin: 0;
}

.exhibits-editor-title-block {
  display: grid;
  gap: 6px;
}

.exhibits-editor-title-block p,
.exhibits-editor-clean-header p {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.45;
}

.exhibits-editor-overflow[open]::after {
  height: 132px;
}

.exhibits-editor-tabs {
  padding-right: 20px;
  padding-left: 20px;
}

.max-workspace-shell--exhibits.is-gather-layout {
  grid-template-columns: minmax(320px, 40%) minmax(0, 60%);
  align-items: start;
}

.max-workspace-shell--exhibits.is-gather-layout .max-workspace-shell__panel--left {
  grid-column: 1 / -1;
  border-right: 0;
}

.max-workspace-shell--exhibits.is-gather-layout .max-workspace-shell__panel--right {
  display: none;
}

.max-workspace-shell--exhibits.is-packet-production {
  grid-template-columns: minmax(430px, 45%) minmax(0, 55%);
  grid-auto-rows: auto;
  align-items: start;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  padding-top: 10px;
}

.max-workspace-shell--exhibits.is-packet-production .max-workspace-shell__panel--left {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-self: start;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
}

.max-workspace-shell--exhibits.is-packet-production .max-workspace-shell__panel--left > [data-exhibits-panel] {
  flex: 1 1 auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-height: none;
  overflow: visible;
}

.max-workspace-shell--exhibits.is-packet-production .max-workspace-shell__panel--right {
  box-sizing: border-box;
  display: grid;
  align-content: start;
  align-items: start;
  align-self: start;
  height: auto;
  min-height: 0;
  min-block-size: 0;
  max-height: none;
  overflow: visible;
}

.max-workspace-shell--exhibits.is-packet-production .max-workspace-shell__panel--right > div {
  display: block;
  align-self: start;
  height: auto;
  min-height: 0;
  min-block-size: 0;
  max-height: none;
  overflow: visible;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right.is-packet-preview {
  align-content: start;
  align-items: start;
  align-self: start;
  height: auto;
  min-height: 0;
  padding: 0;
  background: #eef3fa;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right.is-packet-preview > .max-workspace-eyebrow,
.max-workspace-shell--exhibits .max-workspace-shell__panel--right.is-packet-preview > #exhibits-max-title {
  display: none;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right h2,
.max-workspace-shell--exhibits .max-workspace-shell__panel--right p,
.max-workspace-shell--exhibits .max-workspace-shell__panel--right ul {
  margin: 0;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right > div {
  display: grid;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f3;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right.is-packet-preview > div {
  padding: 0;
  border-top: 0;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right strong {
  color: var(--color-ink-primary);
  font-size: 16px;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right p,
.max-workspace-shell--exhibits .max-workspace-shell__panel--right li {
  color: var(--color-ink-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.max-workspace-shell--exhibits .max-workspace-shell__panel--right ul {
  display: grid;
  gap: 8px;
  padding-left: 1.1rem;
}

.exhibits-phase5 .exhibits-tab-panel {
  display: grid;
  gap: var(--space-4);
}

.exhibits-set-workspace .exhibits-editor-shell {
  --max-exhibit-type-h1-size: 27px;
  --max-exhibit-type-h1-weight: var(--font-weight-bold);
  --max-exhibit-type-h1-line: 1.15;
  --max-exhibit-type-h2-size: 20px;
  --max-exhibit-type-h2-weight: var(--font-weight-semibold);
  --max-exhibit-type-h2-line: 1.2;
  --max-exhibit-type-h3-size: 17px;
  --max-exhibit-type-h3-weight: var(--font-weight-semibold);
  --max-exhibit-type-h3-line: 1.25;
  --max-exhibit-type-list-size: 15px;
  --max-exhibit-type-list-weight: var(--font-weight-semibold);
  --max-exhibit-type-list-line: 1.25;
  --max-exhibit-type-body-size: 14px;
  --max-exhibit-type-body-weight: var(--font-weight-regular);
  --max-exhibit-type-body-line: 1.5;
  --max-exhibit-type-support-size: 12px;
  --max-exhibit-type-support-weight: var(--font-weight-medium);
  --max-exhibit-type-support-line: 1.4;
}

.exhibits-set-workspace .exhibits-editor-clean-header .type-page-title {
  font-size: var(--max-exhibit-type-h1-size);
  font-weight: var(--max-exhibit-type-h1-weight);
  line-height: var(--max-exhibit-type-h1-line);
}

.exhibits-set-workspace .exhibits-editor-tabs .fd-category-label {
  font-size: var(--max-exhibit-type-list-size);
  font-weight: var(--max-exhibit-type-list-weight);
  line-height: var(--max-exhibit-type-list-line);
}

.exhibits-set-workspace .exhibits-editor-tabs .fd-v3-category-support {
  font-size: var(--max-exhibit-type-support-size);
  font-weight: var(--max-exhibit-type-support-weight);
  line-height: var(--max-exhibit-type-support-line);
}

.max-workspace-shell--exhibits.is-gather-layout [data-exhibits-panel="gather"] {
  --max-gather-type-h1-size: var(--max-exhibit-type-h1-size);
  --max-gather-type-h1-weight: var(--font-weight-bold);
  --max-gather-type-h1-line: 1.15;
  --max-gather-type-h2-size: var(--max-exhibit-type-h2-size);
  --max-gather-type-h2-weight: var(--font-weight-semibold);
  --max-gather-type-h2-line: 1.2;
  --max-gather-type-h3-size: var(--max-exhibit-type-h3-size);
  --max-gather-type-h3-weight: var(--font-weight-semibold);
  --max-gather-type-h3-line: 1.25;
  --max-gather-type-list-size: var(--max-exhibit-type-list-size);
  --max-gather-type-list-weight: var(--font-weight-semibold);
  --max-gather-type-list-line: 1.25;
  --max-gather-type-body-size: var(--max-exhibit-type-body-size);
  --max-gather-type-body-weight: var(--font-weight-regular);
  --max-gather-type-body-line: 1.5;
  --max-gather-type-support-size: var(--max-exhibit-type-support-size);
  --max-gather-type-support-weight: var(--font-weight-medium);
  --max-gather-type-support-line: 1.4;
  grid-template-columns: minmax(320px, 40%) minmax(0, 60%);
  align-items: start;
  column-gap: 20px;
  row-gap: 20px;
}

.exhibits-format-task-header.exhibits-gather-header {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr);
}

.exhibits-gather-header .type-section-title {
  font-size: var(--max-gather-type-h1-size);
  font-weight: var(--max-gather-type-h1-weight);
  line-height: var(--max-gather-type-h1-line);
}

.exhibits-gather-review-host {
  display: grid;
  gap: 14px;
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-panel.is-in-gather,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-drawer-grid {
  display: contents;
}

.exhibits-gather-review-host:empty {
  display: none;
}

.exhibits-gather-review-host .exhibits-packet-panel.is-in-gather {
  padding: 0;
  border-top: 0;
  background: transparent;
}

.exhibits-gather-left-stack {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
  padding-bottom: 28px;
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-left-stack {
  grid-column: 1;
  grid-row: 2;
}

.exhibits-gather-left-stack .exhibits-max-review {
  position: static;
  top: auto;
}

.exhibits-gather-left-stack .exhibits-analysis-summary p,
.exhibits-gather-left-stack .exhibits-analysis-summary li {
  font-size: var(--max-gather-type-body-size);
  font-weight: var(--max-gather-type-body-weight);
  line-height: var(--max-gather-type-body-line);
}

.exhibits-gather-left-stack .exhibits-analysis-summary h4,
.exhibits-gather-left-stack .exhibits-authorities h4 {
  font-size: var(--max-gather-type-h3-size);
  font-weight: var(--max-gather-type-h3-weight);
  line-height: var(--max-gather-type-h3-line);
}

.exhibits-gather-left-stack .exhibits-authorities .exhibits-authorities-meta,
.exhibits-gather-left-stack .exhibits-authority-tabs button,
.exhibits-gather-left-stack .exhibits-guidance-source-link,
.exhibits-gather-left-stack .exhibits-max-interpretation .request-card-action,
.exhibits-gather-left-stack .exhibits-requirement-detail .request-card-action {
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace {
  grid-column: 2;
  grid-row: 2;
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-assembly-cta {
  grid-column: 2;
  grid-row: 3;
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-assembly-cta h4 {
  font-size: var(--max-gather-type-h3-size);
  font-weight: var(--max-gather-type-h3-weight);
  line-height: var(--max-gather-type-h3-line);
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-assembly-cta p {
  font-size: var(--max-gather-type-body-size);
  font-weight: var(--max-gather-type-body-weight);
  line-height: var(--max-gather-type-body-line);
}

.exhibits-gather-primary-cta-row .exhibits-review-actions {
  width: 100%;
  justify-content: center;
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace .exhibits-drawer-column-head h3,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace .exhibits-toc-head h3 {
  font-size: var(--max-gather-type-h2-size);
  font-weight: var(--max-gather-type-h2-weight);
  line-height: var(--max-gather-type-h2-line);
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace .exhibits-toc-head span {
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-toc-section summary strong,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-toc-account summary {
  font-size: var(--max-gather-type-h3-size);
  font-weight: var(--max-gather-type-h3-weight);
  line-height: var(--max-gather-type-h3-line);
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace .exhibits-preview-copy strong {
  font-size: var(--max-gather-type-list-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-list-line);
}

.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace .exhibits-preview-copy small,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-empty-toc-note,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-document-status,
.max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace .request-card-action {
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-gather-required-panel .exhibits-requirement-toggle {
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 50px;
  padding: 9px 12px;
  border-radius: 0;
  transition: background-color 160ms ease, outline-color 160ms ease;
}

.exhibits-gather-required-panel .exhibits-nav-section-head h4 {
  font-size: var(--max-gather-type-h2-size);
  font-weight: var(--max-gather-type-h2-weight);
  line-height: var(--max-gather-type-h2-line);
}

.exhibits-gather-required-panel .exhibits-requirement-toggle:hover {
  background: rgba(216, 235, 246, 0.34);
}

.exhibits-gather-required-panel .exhibits-requirement-toggle:focus-visible {
  background: rgba(216, 235, 246, 0.42);
}

.exhibits-gather-required-panel .exhibits-checklist-title {
  gap: 2px;
}

.exhibits-gather-required-panel .exhibits-checklist-title strong {
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-list-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-list-line);
}

.exhibits-gather-required-panel .exhibits-checklist-title small {
  color: var(--color-ink-secondary);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-gather-required-panel .exhibits-checklist-item.is-match-selected .exhibits-checklist-title strong,
.exhibits-gather-required-panel .exhibits-requirement-toggle[aria-current="true"] .exhibits-checklist-title strong {
  color: #1d4f6a;
  font-weight: var(--max-gather-type-list-weight);
}

.exhibits-strategy-packet-card {
  gap: 0;
}

.exhibits-strategy-packet-head {
  padding: 14px 14px 12px;
  border-bottom: 1px solid rgba(212, 227, 244, 0.78);
  background: #ffffff;
}

.exhibits-strategy-packet-head h4 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-list-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-list-line);
}

.exhibits-strategy-packet-head p {
  margin: 3px 0 0;
  color: var(--color-ink-secondary);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-purpose {
  display: grid;
  gap: 3px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(226, 232, 243, 0.72);
}

.exhibits-strategy-purpose span {
  color: var(--color-ink-muted);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-purpose p {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-body-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-body-line);
}

.exhibits-strategy-purpose .exhibits-guidance-source-link {
  justify-self: start;
  margin-top: 2px;
}

.exhibits-strategy-packet-summary {
  display: grid;
  gap: 2px;
  margin-top: 10px;
}

.exhibits-strategy-packet-summary p:first-child {
  color: var(--color-ink-primary);
  font-weight: var(--max-gather-type-list-weight);
}

.exhibits-gather-left-stack:has(.exhibits-strategy-packet-card) {
  align-self: start;
}

.exhibits-gather-left-stack:has(.exhibits-strategy-packet-card) .exhibits-max-review {
  position: static;
}

.exhibits-gather-left-stack:has(.exhibits-strategy-packet-card) .exhibits-workflow-primary-cta-row {
  margin-top: 16px;
  padding-top: 12px;
}

.exhibits-strategy-interview {
  display: grid;
  gap: 12px;
}

.exhibits-strategy-interview-field {
  display: grid;
  gap: 7px;
}

.exhibits-strategy-interview-field span {
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-list-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-list-line);
}

.exhibits-strategy-interview-field textarea {
  width: 100%;
  min-height: 112px;
  resize: vertical;
  padding: 10px 12px;
  border: 1px solid rgba(212, 227, 244, 0.92);
  border-radius: 10px;
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: var(--max-gather-type-body-size);
  line-height: var(--max-gather-type-body-line);
}

.exhibits-strategy-interview-field textarea:focus {
  border-color: rgba(47, 127, 168, 0.58);
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.12);
  outline: none;
}

.exhibits-strategy-interview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.exhibits-strategy-secondary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.exhibits-strategy-reset-action {
  color: var(--color-ink-muted);
}

.exhibits-strategy-interview-prior {
  display: grid;
  gap: 6px;
}

.exhibits-strategy-interview-prior h4 {
  margin: 0;
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-fact-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-strategy-fact-list li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-body-size);
  line-height: var(--max-gather-type-body-line);
}

.exhibits-strategy-interview-empty {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: var(--max-gather-type-support-size);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-section + .exhibits-strategy-section {
  border-top: 1px solid rgba(212, 227, 244, 0.78);
}

.exhibits-strategy-section .exhibits-nav-section-head {
  padding-top: 12px;
  padding-bottom: 10px;
}

.exhibits-strategy-section .exhibits-nav-section-head p {
  margin: 0;
  color: var(--color-ink-secondary);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-list {
  display: grid;
}

.exhibits-strategy-exhibit-row {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto auto;
  grid-template-rows: minmax(28px, auto) auto;
  column-gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border-top: 1px solid rgba(226, 232, 243, 0.82);
  background: #ffffff;
}

.exhibits-strategy-exhibit-row .exhibits-check-status {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}

.exhibits-strategy-exhibit-row .exhibits-checklist-title {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  min-width: 0;
}

.exhibits-strategy-exhibit-row .exhibits-checklist-title strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exhibits-strategy-exhibit-row .exhibits-strategy-remove {
  grid-column: 4;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}

.exhibits-strategy-exhibit-row .exhibits-strategy-reason {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}

.exhibits-strategy-list .exhibits-strategy-exhibit-row:first-child {
  border-top: 0;
}

.exhibits-strategy-remove {
  display: inline-grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid rgba(212, 227, 244, 0.92);
  border-radius: 999px;
  background: #ffffff;
  color: var(--color-ink-muted);
  cursor: pointer;
  font: inherit;
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.exhibits-strategy-reason {
  display: inline-grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 1px solid rgba(212, 227, 244, 0.82);
  border-radius: 999px;
  background: rgba(248, 251, 254, 0.92);
  color: var(--color-ink-muted);
  cursor: help;
  font: inherit;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  line-height: 1;
}

.exhibits-strategy-reason:hover,
.exhibits-strategy-reason:focus-visible {
  border-color: rgba(47, 127, 168, 0.34);
  background: rgba(216, 235, 246, 0.42);
  color: var(--color-accent-strong);
  outline: none;
}

.exhibits-strategy-reason-detail {
  grid-column: 2 / 5;
  margin-top: 2px;
  padding: 9px 10px;
  border: 1px solid rgba(212, 227, 244, 0.78);
  border-radius: 8px;
  background: rgba(248, 251, 254, 0.92);
  color: var(--color-ink-secondary);
  font-size: var(--max-gather-type-support-size);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-reason-detail strong {
  display: block;
  margin-bottom: 2px;
  color: var(--color-ink-primary);
  font-weight: var(--max-gather-type-list-weight);
}

.exhibits-strategy-reason-detail p {
  margin: 0;
}

.exhibits-strategy-remove:hover,
.exhibits-strategy-remove:focus-visible {
  border-color: rgba(47, 127, 168, 0.34);
  background: rgba(216, 235, 246, 0.42);
  color: var(--color-accent-strong);
  outline: none;
}

.exhibits-strategy-empty {
  margin: 0;
  padding: 12px;
  border-top: 1px solid rgba(226, 232, 243, 0.82);
  color: var(--color-ink-muted);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-library {
  gap: 12px;
}

.exhibits-strategy-upload-action {
  display: flex;
  justify-content: center;
  padding: 28px 16px;
  border-top: 1px solid rgba(226, 232, 243, 0.64);
  background: #ffffff;
}

.exhibits-strategy-upload-workspace {
  display: grid;
  gap: 12px;
  margin: 0 16px 28px;
  padding: 16px;
  border: 1px solid rgba(212, 227, 244, 0.88);
  border-radius: 8px;
  background: #f8fbfe;
}

.exhibits-strategy-upload-workspace h4,
.exhibits-strategy-upload-workspace p {
  margin: 0;
}

.exhibits-strategy-upload-workspace h4 {
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-list-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-list-line);
}

.exhibits-strategy-upload-workspace p {
  color: var(--color-ink-secondary);
  font-size: var(--max-gather-type-support-size);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-upload-dropzone {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px dashed rgba(47, 127, 168, 0.34);
  border-radius: 8px;
  background: #ffffff;
}

.exhibits-strategy-upload-dropzone > span[aria-hidden="true"] {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 999px;
  background: rgba(216, 235, 246, 0.5);
  color: var(--color-accent-strong);
  font-weight: var(--font-weight-semibold);
}

.exhibits-strategy-upload-dropzone strong,
.exhibits-strategy-upload-dropzone small {
  display: block;
}

.exhibits-strategy-upload-dropzone strong {
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-upload-dropzone small {
  color: var(--color-ink-muted);
  font-size: var(--max-gather-type-support-size);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-upload-status:empty {
  display: none;
}

.exhibits-strategy-search input {
  width: 100%;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid rgba(212, 227, 244, 0.92);
  border-radius: 10px;
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  font-size: var(--max-gather-type-body-size);
  line-height: var(--max-gather-type-body-line);
}

.exhibits-strategy-search input:focus {
  border-color: rgba(47, 127, 168, 0.58);
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.12);
  outline: none;
}

.exhibits-strategy-library-row.is-selected {
  background: rgba(78, 115, 86, 0.1);
}

.exhibits-media-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  border-top: 1px solid rgba(226, 232, 243, 0.82);
  background: #ffffff;
}

.exhibits-media-tile {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(212, 227, 244, 0.82);
  border-radius: 8px;
  background: #ffffff;
}

.exhibits-media-tile:hover,
.exhibits-media-tile:focus-within {
  border-color: rgba(47, 127, 168, 0.28);
  background: #f8fbfe;
}

.exhibits-media-tile.is-selected {
  border-color: rgba(78, 115, 86, 0.28);
  background: rgba(78, 115, 86, 0.08);
}

.exhibits-media-preview-button {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.exhibits-media-preview-button:focus-visible {
  border-radius: 8px;
  box-shadow: 0 0 0 3px rgba(47, 127, 168, 0.16);
  outline: none;
}

.exhibits-media-thumb {
  position: relative;
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid rgba(212, 227, 244, 0.88);
  border-radius: 7px;
  background: #eef4f9;
}

.exhibits-media-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.exhibits-media-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.exhibits-media-copy strong {
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-media-copy small {
  color: var(--color-ink-muted);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-media-play,
.exhibits-media-audio {
  position: absolute;
  inset: 50% auto auto 50%;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  background: rgba(18, 31, 43, 0.68);
  color: #ffffff;
  font-size: 13px;
  transform: translate(-50%, -50%);
}

.exhibits-media-play.is-preview {
  width: 46px;
  height: 46px;
}

.exhibits-media-duration {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 2px 5px;
  border-radius: 5px;
  background: rgba(18, 31, 43, 0.72);
  color: #ffffff;
  line-height: 1.2;
}

.exhibits-media-fallback {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--color-ink-muted);
}

.exhibits-media-preview-overlay {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(15, 23, 32, 0.42);
}

.exhibits-media-preview-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.8fr);
  width: min(860px, 100%);
  max-height: min(720px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid rgba(212, 227, 244, 0.88);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 22px 60px rgba(15, 23, 32, 0.22);
}

.exhibits-media-preview-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(212, 227, 244, 0.82);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-ink-muted);
  cursor: pointer;
  font: inherit;
  font-size: 20px;
  line-height: 1;
}

.exhibits-media-preview-visual {
  position: relative;
  min-height: 320px;
  background: #eef4f9;
}

.exhibits-media-preview-visual img,
.exhibits-media-preview-visual video {
  width: 100%;
  height: 100%;
  min-height: 320px;
  display: block;
  object-fit: contain;
  object-position: center;
}

.exhibits-media-preview-detail {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 22px;
}

.exhibits-media-preview-detail h3,
.exhibits-media-preview-detail p,
.exhibits-media-preview-detail dl,
.exhibits-media-preview-detail dd {
  margin: 0;
}

.exhibits-media-preview-detail h3 {
  color: var(--color-ink-primary);
  font-size: var(--max-gather-type-list-size);
  font-weight: var(--max-gather-type-list-weight);
  line-height: var(--max-gather-type-list-line);
}

.exhibits-media-preview-detail dl {
  display: grid;
  gap: 8px;
  color: var(--color-ink-secondary);
  font-size: var(--max-gather-type-support-size);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-media-preview-detail dt {
  color: var(--color-ink-muted);
  font-weight: var(--max-gather-type-support-weight);
}

@media (max-width: 1180px) {
  .exhibits-media-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .exhibits-media-gallery,
  .exhibits-media-preview-card {
    grid-template-columns: 1fr;
  }
}

.exhibits-strategy-max-badge {
  color: var(--color-ink-muted);
  font-size: var(--max-gather-type-support-size);
  font-weight: var(--max-gather-type-support-weight);
  line-height: var(--max-gather-type-support-line);
}

.exhibits-strategy-library-row.is-selected .request-card-action {
  border-color: rgba(78, 115, 86, 0.32);
  background: rgba(78, 115, 86, 0.14);
  color: #3f6248;
  cursor: default;
}

.exhibits-gather-authorities-collapse {
  margin-top: 0;
}

.exhibits-phase5 .exhibits-library-controls {
  margin: 0;
}

.exhibits-record-list {
  gap: 0;
}

.exhibits-phase5 .exhibits-material-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  width: 100%;
  border: 0;
  border-top: 1px solid #e2e8f3;
  border-radius: 0;
  background: #ffffff;
  text-align: left;
}

.exhibits-phase5 .exhibits-record-list .exhibits-material-row:first-child {
  border-top: 0;
}

.exhibits-phase5 .exhibits-material-row:hover,
.exhibits-phase5 .exhibits-material-row:focus-visible,
.exhibits-phase5 .exhibits-selected-card:hover,
.exhibits-phase5 .exhibits-selected-card:focus-visible {
  background: #f4f8ff;
  outline: none;
}

.exhibits-selected-brief {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e2e8f3;
  border-radius: 12px;
  background: #ffffff;
}

.exhibits-selected-brief h3,
.exhibits-selected-brief ul {
  margin: 0;
}

.exhibits-selected-brief ul {
  display: grid;
  gap: 7px;
  padding-left: 1.1rem;
  color: var(--color-ink-secondary);
  font-size: 14px;
}

.exhibits-phase5 .exhibits-selected-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exhibits-phase5 .exhibits-selected-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border: 0;
  border-top: 1px solid #e2e8f3;
  border-radius: 0;
  background: #ffffff;
}

.exhibits-phase5 .exhibits-selected-card:first-child {
  border-top: 0;
}

.exhibits-phase5 .exhibits-selected-card .fd-v3-record-main {
  display: grid;
  grid-template-columns: auto 78px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.exhibits-phase5 .exhibits-label {
  color: var(--color-accent);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
}

.exhibits-phase5 .exhibits-selected-card input {
  width: 100%;
  margin-top: 5px;
  border: 0;
  background: transparent;
  color: var(--color-ink-secondary);
  font: inherit;
  font-size: 13px;
}

.exhibits-setup-card {
  display: grid;
  gap: 18px;
  padding: 0 0 20px;
  overflow: hidden;
}

.exhibits-setup-card .exhibits-editor-clean-header {
  grid-template-columns: auto minmax(0, 1fr);
  border-bottom: 1px solid #e2e8f3;
}

.exhibits-setup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 0 20px;
}

.exhibits-setup-grid label {
  display: grid;
  gap: 7px;
  color: var(--color-ink-secondary);
  font-size: 13px;
  font-weight: var(--font-weight-bold);
}

.exhibits-setup-grid input,
.exhibits-setup-grid select {
  min-height: 42px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-control);
  background: #ffffff;
  color: var(--color-ink-primary);
  font: inherit;
  padding: 8px 10px;
}

.exhibits-setup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 20px;
}

@media (max-width: 1180px) {
  .exhibits-command-workspace,
  .exhibits-dashboard-grid,
  .exhibits-editor-grid,
  .exhibits-editor-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .exhibits-hero-backdrop {
    background-position: 56% center;
  }

  .exhibits-max-overview dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .exhibits-adaptive-max {
    position: static;
  }
}

@media (max-width: 760px) {
  .exhibits-dashboard-hero,
  .exhibits-command-workspace,
  .exhibits-editor-clean-header,
  .exhibits-editor-tabs,
  .max-workspace-shell,
  .exhibits-setup-grid,
  .exhibits-set-card,
  .exhibits-editor-meta,
  .exhibits-tabs,
  .exhibits-max-overview dl,
  .exhibits-gather-columns,
  .exhibits-phase2 .exhibits-material-row,
  .exhibits-phase2 .exhibits-selected-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .max-workspace-shell--exhibits.is-packet-production {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .max-workspace-shell--exhibits.is-packet-production .max-workspace-shell__panel--right {
    position: static;
    top: auto;
  }

  .max-workspace-shell--exhibits.is-gather-layout,
  .max-workspace-shell--exhibits.is-gather-layout [data-exhibits-panel="gather"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-left-stack,
  .max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-packet-workspace,
  .max-workspace-shell--exhibits.is-gather-layout .exhibits-gather-review-host .exhibits-assembly-cta {
    grid-column: 1;
    grid-row: auto;
  }

  .exhibits-set-workspace > .exhibits-editor-shell > .exhibits-editor-clean-header {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "spacer back" "title title";
  }

  .exhibits-set-workspace > .exhibits-editor-shell > .exhibits-editor-clean-header .exhibits-editor-title-block {
    grid-area: title;
  }

  .exhibits-set-workspace > .exhibits-editor-shell > .exhibits-editor-clean-header .exhibits-link-action {
    grid-area: back;
  }

  .exhibits-set-actions,
  .exhibits-dashboard-actions {
    justify-content: flex-start;
  }

  .exhibits-packet-toggle,
  .exhibits-packet-preview-row,
  .exhibits-requirement-toggle {
    grid-template-columns: minmax(0, 1fr);
  }

  .exhibits-packet-toggle {
    gap: 8px;
  }

  .exhibits-packet-chevron,
  .exhibits-packet-header-main {
    grid-column: 1;
  }

  .exhibits-packet-panel {
    padding: 0 14px 16px;
  }

  .exhibits-packet-drawer-grid {
    display: flex;
    flex-direction: column;
    grid-template-columns: minmax(0, 1fr);
  }

  .exhibits-packet-workspace,
  .exhibits-max-review {
    grid-column: 1;
  }

  .exhibits-max-review {
    grid-row: 1;
  }

  .exhibits-packet-workspace {
    grid-row: 2;
  }

  .exhibits-max-review {
    position: static;
  }

  .exhibits-packet-preview-row .request-card-action {
    justify-self: start;
  }

  .exhibits-packet-next-action {
    align-items: flex-start;
  }

  .exhibits-command-workspace {
    min-height: 334px;
    padding: 20px;
    align-items: end;
  }

  .exhibits-hero-backdrop {
    background-position: 60% center;
  }

  .exhibits-hero-backdrop::after {
    background: linear-gradient(
      100deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(255, 255, 255, 0.9) 42%,
      rgba(255, 255, 255, 0.72) 62%,
      rgba(255, 255, 255, 0.26) 82%,
      rgba(255, 255, 255, 0.06) 100%
    );
  }

  .exhibits-command-main {
    width: 100%;
    max-width: 100%;
  }

  .exhibits-command-main h1 {
    max-width: 100%;
  }

  .exhibits-command-main .type-page-title {
    font-size: clamp(38px, 10.6vw, 44px);
  }

  .exhibits-hero-priority {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .exhibits-hero-priority-action {
    justify-self: start;
  }

  .exhibits-dashboard-hero {
    align-items: start;
  }

  .exhibits-set-actions {
    justify-content: space-between;
  }

  .max-workspace-shell--exhibits .max-workspace-shell__panel--left {
    border-right: 0;
    border-bottom: 1px solid #e2e8f3;
  }

  .max-workspace-shell--exhibits .max-workspace-shell__panel--right {
    padding-top: 20px;
  }

  .exhibits-phase5 .exhibits-selected-card,
  .exhibits-phase5 .exhibits-material-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .exhibits-phase2 .exhibits-material-row > label {
    display: none;
  }

  .exhibits-phase2 .exhibits-material-row > span:nth-of-type(2) {
    display: block;
  }

  .exhibits-phase2 .exhibits-selected-meta {
    justify-content: flex-start;
  }
}
/* Shown where a page is not yet linked to a particular case. Naming the wrong
   client is worse than naming none. */
.matter-switcher-unscoped {
  margin: 0;
  align-self: center;
  color: var(--color-ink-secondary);
  font-size: var(--font-size-supporting);
}

/* Matter surface. Requests first, because "is anything waiting on me?" is the
   question people arrive with. */
.matter-request-list,
.matter-date-list,
.matter-document-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.matter-request,
.matter-date,
.matter-document {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  display: grid;
  gap: 4px;
}

.matter-request p,
.matter-date p {
  margin: 0;
}

.matter-date-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
}

.matter-date-value {
  font-weight: var(--font-weight-semibold);
}

/* Where the date came from. Shown, not stored quietly — a date a person acts
   on must be checkable. */
.matter-date-source {
  margin: 0;
  color: var(--color-accent);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.matter-date-footnote,
.matter-document-origin {
  color: var(--color-ink-secondary);
}

.matter-with-us-title {
  margin: 18px 0 8px;
}

.matter-surface-eyebrow {
  margin: 0 0 4px;
  color: var(--color-accent);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.matter-surface-facts {
  margin: 0;
}


/* ===========================================================================
   RESTORED 2026-08-14. Everything above this line is app.css as it stood at
   7f1d773, before five commits pruned 1,650 rules and 239,418 bytes of design
   out of it — the case-answers, exhibits, documents-v1, finance-v2 and
   max-workspace families among them. The pruning was correct by construction
   and wrong by consequence: deleting a template makes its whole visual design
   orphaned, and the prune took it.

   Some of these rules currently style no rendered element, because the pages
   that used them are being rebuilt. THEY ARE NOT ORPHANS TO BE SWEPT. They are
   design waiting for its surface, and removing them again needs a conversation
   first — see the non-negotiable in CLAUDE.md.

   Below this line: rules written on 2026-08-14 for surfaces that did not exist
   before — the per-matter answers, billing, documents and help pages, the
   finished-case list, and the embedded document viewer.
   =========================================================================== */


@media (max-width: 900px) {
  .header-inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 1.1fr) auto;
    column-gap: 14px;
  }

  .brand-logo {
    width: 238px;
  }

  .nav-trigger {
    padding: 7px 9px;
    border-radius: 12px;
  }

  .nav-trigger-portal {
    padding: 0 2px;
    margin-left: 0;
  }

  .nav-trigger-matter {
    min-width: 236px;
    width: auto;
    justify-content: space-between;
  }

  .matter-switcher-avatar {
    width: 40px;
    height: 40px;
  }

  .max-banner-input {
    width: clamp(300px, 28vw, 360px);
  }

  .max-workspace {
    padding: 0 12px 20px;
    gap: 14px;
  }

  .max-context-ribbon {
    grid-template-columns: 1fr;
  }

  .max-answer-block-main {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 12px;
  }

  .max-answer-through {
    margin-left: 0;
  }

  .max-confidence-explainer {
    grid-template-columns: 1fr;
  }

  .max-document-toolbar {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .max-pdf-toolbar {
    grid-template-columns: 1fr;
    justify-items: start;
    gap: 8px;
  }

  .max-pdf-toolbar-center {
    justify-items: start;
  }

  .max-document-toolbar-title,
  .max-document-download {
    justify-self: start;
    text-align: left;
  }

  .max-pdf-scroll-region {
    max-height: 520px;
  }
}

@media (max-width: 720px) {
  .fd-property-valuation-shell {
    padding: 0.9rem;
  }

  .fd-property-valuation-tiles {
    grid-template-columns: 1fr;
  }

  .fd-property-valuation-custom-form {
    grid-template-columns: 1fr;
  }

  .fd-property-valuation-tile {
    min-height: 5.8rem;
  }

  .header-lower-row {
    position: static;
    top: 0;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    max-width: 100%;
  }

  .header-lower-row-spacer {
    display: none;
  }

  .app-header {
    padding: 8px 10px 8px;
    align-items: stretch;
  }

  .header-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 10px;
  }

  .brand-stack,
  .nav-menu-matter,
  .max-banner {
    grid-column: 1;
    grid-row: auto;
    justify-self: stretch;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .brand-stack {
    width: 100%;
  }

  .brand-logo {
    width: 214px;
  }

  .nav-menu-portal,
  .nav-menu-matter {
    width: 100%;
  }

  .nav-trigger-portal,
  .nav-trigger-matter {
    width: 100%;
    justify-content: space-between;
    min-width: 0;
  }

  .nav-trigger-portal {
    justify-content: flex-start;
    gap: 7px;
    padding: 2px 2px;
    margin-top: 0;
    margin-left: 0;
  }

  .nav-menu-portal .nav-panel,
  .nav-menu-matter .nav-panel {
    right: auto;
    left: 0;
    width: 100%;
    min-width: 0;
  }

  .max-banner-desktop {
    display: none;
  }

  .max-banner-mobile-trigger-wrap {
    display: block;
  }

  .max-banner-mobile-panel[hidden] {
    display: none;
  }

  .max-banner-mobile-panel {
    padding-left: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .max-banner-mobile-form {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .max-banner-mobile-form .max-banner-input {
    min-width: 0;
    width: 100%;
  }

  .max-banner-mobile-trigger-copy span {
    font-size: 12px;
  }

  .max-date-short {
    display: none;
  }

  .max-date-mobile {
    display: inline;
  }

  .max-legal-page {
    padding: 18px;
  }

  .max-pdf-scroll-region {
    max-height: none;
    overflow: visible;
    border: 0;
    background: transparent;
    padding: 0;
  }

  .max-pdf-pages {
    padding: 0;
  }

  .max-pdf-citation-highlight span {
    top: -20px;
    font-size: 10px;
  }
}

.workspace-context-chips {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

@media (max-width: 900px) {
  .app-header {
    padding: 10px 12px 8px;
  }

  .header-inner {
    gap: 12px;
  }

  .brand-stack {
    width: auto;
  }

  .brand-logo {
    width: 238px;
  }

  .nav-trigger {
    padding: 7px 9px;
    border-radius: 12px;
  }

  .nav-trigger-portal {
    padding: 0 2px;
    margin-top: 0;
    margin-left: 100px;
  }

  .nav-menu-portal {
    margin-left: 0;
  }

  .nav-trigger-matter {
    min-width: 236px;
    width: auto;
    justify-content: space-between;
  }

  .matter-switcher-avatar {
    width: 40px;
    height: 40px;
  }

  .nav-panel {
    min-width: 210px;
  }

  .plain-language-summary {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .plain-language-summary-illustration {
    min-height: 150px;
    transform: scale(0.8);
    transform-origin: center;
  }

  .document-key-grid {
    grid-template-columns: 1fr;
  }

  .document-key-group strong {
    font-size: 18px;
  }

  .document-key-group p {
    font-size: 14px;
  }

  .document-preview-page {
    min-height: 320px;
    padding: 16px;
  }

  .document-preview-page h3 {
    font-size: 15px;
  }

  .document-footer-nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .document-footer-nav a {
    font-size: 17px;
  }

  .document-footer-nav-inline {
    gap: 14px;
    flex-wrap: wrap;
  }

  .affidavit-workflow-primary-action {
    width: auto;
    min-width: 0;
  }

  .request-center-header {
    padding: 22px;
    gap: 16px;
  }

  .request-center-summary-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .request-center-summary-card {
    padding: 14px;
  }

  .request-center-summary-copy strong {
    font-size: var(--vl-summary-number-size);
  }

  .request-center-section {
    padding: 12px;
  }

  .request-center-section-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 4px;
    gap: 10px;
  }

  .request-center-collapsed-control {
    width: 100%;
    justify-content: space-between;
  }

  .request-card-v2 {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
  }

  .request-card-v2-main {
    align-items: flex-start;
  }

  .request-card-v2-icon {
    width: 58px;
    height: 58px;
  }

  .request-card-v2-icon svg {
    width: 28px;
    height: 28px;
  }

  .request-card-v2-copy h3 {
    font-size: var(--vl-card-title-size);
  }

  .request-card-v2--standard .request-card-v2-copy h3 {
    font-size: var(--vl-card-title-size);
  }

  .request-card-v2--compact .request-card-v2-copy h3 {
    font-size: var(--vl-card-title-size);
  }

  .request-card-summary {
    font-size: var(--vl-body-size);
  }

  .request-card-v2--standard .request-card-summary {
    font-size: var(--vl-body-size);
  }

  .request-card-v2--compact .request-card-summary {
    font-size: var(--vl-body-size);
  }

  .request-card-v2-side,
  .request-card-v2-side-quiet {
    width: 100%;
    min-width: 0;
    border-left: 0;
    padding-left: 0;
    justify-items: start;
    gap: 8px;
  }

  .workspace-header {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
  }

  .workspace-header-main {
    max-width: none;
  }

  .workspace-panel-title {
    margin-bottom: 8px;
  }

  .workspace-body {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .workspace-header-action {
    justify-self: start;
    justify-items: start;
    align-self: start;
  }

  .workspace-upload-meta {
    text-align: left;
  }

  .workspace-panel-icon {
    width: 34px;
    height: 34px;
  }

  .workspace-panel-icon svg {
    width: 16px;
    height: 16px;
  }

  .workspace-body .request-activity li {
    grid-template-columns: auto 1fr;
  }

  .workspace-body .request-activity li strong,
  .workspace-body .request-activity li span {
    grid-column: 2;
  }

  .workspace-body .request-activity li span {
    justify-self: start;
  }

  .workspace-body .request-activity li small {
    grid-column: 2 / -1;
  }

  .workspace-body-guide {
    padding: 18px;
  }

  .workspace-progress-panel {
    padding: 12px;
  }

  .workspace-body .request-step {
    padding: 8px 4px;
  }

  .workspace-body .request-copy strong {
    font-size: 12px;
  }

  .workspace-body .request-copy small {
    font-size: 10px;
  }

  .workspace-body-guide .request-requirements-box {
    max-width: none;
  }

  .request-guided-card {
    grid-template-columns: 1fr;
  }

  .request-guided-side {
    align-self: auto;
  }

  .work-queue-hero {
    padding: 26px;
  }

  .work-queue-recommendation {
    grid-template-columns: 1fr;
  }

  .work-queue-meta-grid {
    grid-template-columns: 1fr;
  }

  .work-queue-now-grid,
  .work-queue-next-grid,
  .work-queue-waiting-grid,
  .work-queue-completed-grid {
    grid-template-columns: 1fr;
  }

  .work-queue-next-card {
    min-height: 0;
  }

  .app-footer {
    padding-top: 0;
    padding-bottom: 36px;
  }

  .app-footer-row {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  .app-main {
    min-width: 0;
    padding: 24px 14px 40px;
  }

  .app-header {
    padding: 8px 10px 8px;
    align-items: stretch;
  }

  .brand-logo {
    width: 214px;
  }

  .brand-stack {
    width: 100%;
  }

  .header-inner {
    width: 100%;
    flex-direction: column;
  }

  .nav-menu-portal,
  .nav-menu-matter {
    width: 100%;
  }

  .nav-menu-portal {
    margin-left: 0;
  }

  .nav-trigger-portal,
  .nav-trigger-matter {
    width: 100%;
    justify-content: space-between;
    min-width: 0;
  }

  .nav-trigger-portal {
    justify-content: flex-start;
    gap: 7px;
    padding: 2px 2px;
    margin-top: 0;
    margin-left: 0;
  }

  .matter-switcher-avatar {
    width: 38px;
    height: 38px;
  }

  .nav-menu-portal .nav-panel,
  .nav-menu-matter .nav-panel {
    right: auto;
    left: 0;
    width: 100%;
    min-width: 0;
  }

  .financial-summary,
  .financial-summary-compact {
    grid-template-columns: 1fr;
  }

  .case-answers-source-card,
  .case-answers-folder-card,
  .case-answers-intent {
    grid-template-columns: 1fr;
  }

  .work-queue-hero {
    padding: 20px;
  }

  .work-queue-now-card,
  .work-queue-now-card.is-primary,
  .work-queue-next-card,
  .work-queue-waiting-card,
  .work-queue-completed-card {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .work-queue-completed-card {
    gap: 8px;
  }

  .work-queue-recommendation-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .queue-illustration {
    width: 100%;
    max-width: 180px;
    height: 92px;
  }

  .today-frontdoor {
    gap: 14px;
  }

  .today-frontdoor-hero h1 {
    font-size: 30px;
  }

  .today-frontdoor-hero {
    min-height: 0;
  }

  .today-welcome-content {
    max-width: 100%;
    gap: 12px;
  }

  .today-welcome-horizon::after {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 1) 44%,
      rgba(255, 255, 255, 0.95) 62%,
      rgba(255, 255, 255, 0.72) 78%,
      rgba(255, 255, 255, 0.44) 90%,
      rgba(255, 255, 255, 0.2) 100%
    );
  }

  .max-horizon-image {
    object-position: 72% center;
  }

  .today-briefing-narrative {
    padding: 6px 0 2px;
  }

  .today-status-chips {
    gap: 6px;
  }

  .today-status-chips li {
    width: 100%;
    justify-content: flex-start;
  }

  .today-frontdoor-hero,
  .today-decision-card,
  .today-finance-chapter {
    padding: 16px;
  }

  .today-hero-primary-action {
    flex-direction: column;
    align-items: stretch;
  }

  .today-hero-primary-action .primary-action,
  .today-hero-secondary-action {
    width: 100%;
    justify-content: center;
  }

  .app-footer {
    padding-top: 0;
    padding-bottom: 32px;
  }

  .app-footer-nav {
    gap: 10px;
  }

  .app-footer-row {
    flex-direction: column;
    gap: 10px;
  }

  .app-footer-separator {
    display: none;
  }
}

@media (max-width: 600px) {

  [data-max-conversation] .case-answers-sources-support {
    display: block;
    white-space: normal;
  }

  [data-max-conversation] .case-answers-conflict-action {
    justify-self: start;
  }

  [data-max-conversation] .case-answers-source-card-header {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
  }

  [data-max-conversation] .case-answers-source-classification {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: 6px;
  }

  [data-max-conversation] .case-answers-source-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .max-workspace {
    padding: 0 10px 18px;
    gap: 12px;
  }

  .max-workspace-hero {
    min-height: 170px;
    padding: 16px 16px;
  }

  .max-workspace-hero-copy {
    max-width: 100%;
  }

  .max-workspace-hero-copy .type-page-title {
    font-size: clamp(30px, 8.4vw, 42px);
  }

  .max-context-ribbon {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px;
  }

  .max-answer-day {
    font-size: clamp(30px, 9vw, 40px);
  }

  .max-answer-time {
    font-size: clamp(24px, 7vw, 32px);
  }

  .max-things-know,
  .max-confidence-explainer,
  .max-watch-for {
    padding-left: 0;
    padding-right: 0;
  }

  .max-reading-header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .max-continue-input-wrap {
    flex-direction: column;
  }

  .max-continue-input-wrap button {
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {

  [data-max-conversation] .case-answers-source-why {
    transition: none;
  }
}

@media (max-width: 640px) {

  .documents-v1-hero-action-list {
    gap: 12px;
    padding: 10px 12px;
    max-width: none;
  }

  .documents-v1-hero-doc-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    padding: 12px 0;
  }

}

@media (max-width: 900px) {

  .documents-v1-hero-action-list {
    max-width: 100%;
    padding: 13px 14px;
  }
}

@media (max-width: 640px) {

  .documents-v1-hero-action-list {
    gap: 12px;
    padding: 10px 12px;
    max-width: none;
  }

  .documents-v1-hero-doc-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    padding: 12px 0;
  }
}

@media (max-width: 760px) {

  .max-workspace-shell--exhibits.is-packet-production {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .max-workspace-shell--exhibits.is-packet-production .max-workspace-shell__panel--right {
    position: static;
    top: auto;
  }

  .max-workspace-shell--exhibits .max-workspace-shell__panel--left {
    border-right: 0;
    border-bottom: 1px solid #e2e8f3;
  }

  .max-workspace-shell--exhibits .max-workspace-shell__panel--right {
    padding-top: 20px;
  }
}

/* Answers surface. Suggestions are plain statements of what MAX can answer,
   not controls: nothing here submits a question, and a button that looked
   clickable would say otherwise. */
.matter-answers-suggestion-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.matter-answers-suggestion {
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.matter-answers-coverage {
  margin: 12px 0 0;
  color: var(--color-ink-secondary);
}

/* Billing. Two receivable channels are listed separately and never summed
   into one figure on their own: they are cleared by different acts and only
   one of them carries a consequence. */
.matter-billing-channel-list,
.matter-billing-draw-list,
.matter-billing-line-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.matter-billing-channel,
.matter-billing-draw,
.matter-billing-line {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  display: grid;
  gap: 4px;
}

.matter-billing-channel p,
.matter-billing-draw p,
.matter-billing-line p {
  margin: 0;
}

.matter-billing-draw-head,
.matter-billing-line-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
}

.matter-billing-amount {
  font-weight: var(--font-weight-semibold);
}

/* The deposit's condition, not its balance. */
.matter-billing-deposit-state {
  font-weight: var(--font-weight-semibold);
  margin: 0 0 8px;
}

.matter-billing-draw-title,
.matter-billing-rates-title {
  margin: 18px 0 0;
}

.matter-billing-draw-date,
.matter-billing-date-source {
  color: var(--color-ink-secondary);
}

.matter-billing-date-source {
  margin: 0 0 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Help. Same card language as the matter surfaces, because it is now rendered
   inside the layout rather than as a standalone HTML document with its own
   stylesheet. */
.help-item-list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.help-item {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  display: grid;
  gap: 4px;
  justify-items: start;
}

.help-item p {
  margin: 0;
}

/* Finished cases: listed, not counted. Quieter than an open case card,
   because nothing here is waiting on anybody. */
.today-concluded {
  margin-top: 18px;
}

.today-concluded-title {
  margin: 0 0 8px;
  color: var(--color-ink-secondary);
}

.today-concluded-list {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: grid;
  gap: 8px;
}

.today-concluded-item {
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.7);
  display: grid;
  gap: 2px;
  justify-items: start;
}

.matter-concluded-note {
  color: var(--color-ink-secondary);
}

/* Two destinations per case, both per-case. See front-door.njk. */
.today-matter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: baseline;
}

/* ---------------------------------------------------------------------------
   Document workspace — visual design recovered from 32760c7.
   
   The shell was reintegrated on 2026-08-14 with invented class names and about
   eighty lines of plain CSS, which lost the design entirely: the accordions,
   the key-detail card grid, the summary illustration, the preview chrome and
   the status pills all lived here. 14.9 KB across the document-workspace,
   document-mode, document-key, document-preview, document-related,
   document-activity, plain-language-summary and workspace-header families.
   
   The markup was rebuilt onto these class names rather than the reverse, so
   this is the original styling and not an approximation of it.
   
   NOT recovered here: affidavit-* (the draft workspace, step 3 of the plan in
   docs/design/document-workspace.md) and documents-v1-* (the three-pane list,
   step 2). Those come back with their steps.
   --------------------------------------------------------------------------- */


.workspace-header-title {
  font-size: var(--workspace-header-title-size);
  font-weight: var(--workspace-header-title-weight);
  color: var(--color-ink-primary);
}

@media (max-width: 900px) {

  .document-workspace-breadcrumb {
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 13px;
  }

  .document-workspace-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .document-workspace-header .workspace-header-main h1 {
    margin-bottom: 12px;
  }

  .document-workspace-actions {
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }

  .document-workspace-actions .primary-action {
    min-width: 0;
    flex: 1 1 180px;
  }

  .document-workspace-actions .document-draft-control {
    flex: 1 1 180px;
  }

  .plain-language-summary {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .plain-language-summary-illustration {
    min-height: 150px;
    transform: scale(0.8);
    transform-origin: center;
  }

  .document-key-grid {
    grid-template-columns: 1fr;
  }

  .document-key-group strong {
    font-size: 18px;
  }

  .document-key-group p {
    font-size: 14px;
  }

  .document-workspace-lower-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .document-preview-page {
    min-height: 320px;
    padding: 16px;
  }

  .document-preview-page h3 {
    font-size: 15px;
  }

  .document-related-docs strong,
  .document-activity strong {
    font-size: 16px;
  }

  .document-related-docs span,
  .document-activity span,
  .document-activity small {
    font-size: 14px;
  }

  .document-footer-nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .document-footer-nav a {
    font-size: 17px;
  }

  .document-footer-nav-inline {
    gap: 14px;
    flex-wrap: wrap;
  }

  .document-mode-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .document-workspace-shell-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .document-workspace-shell-side {
    order: 2;
  }

  .document-workspace-shell-main {
    order: 1;
  }

  .workspace-header {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 14px;
  }

  .workspace-header-main {
    max-width: none;
  }

  .workspace-header-action {
    justify-self: start;
    justify-items: start;
    align-self: start;
  }}
/* The embedded viewer. New: the original had no artefact behind it and showed
   a text placeholder, so there was nothing to size. Sits inside the recovered
   .document-preview chrome. */
.document-workspace-viewer {
  display: block;
  width: 100%;
  height: 560px;
  border: 0;
  background: #fff;
}

/*
 * Client display hierarchy is deliberately neutral by default. Existing
 * semantic text emphasis remains available inside a heading, but repeated or
 * dynamic headings never become bold through string manipulation.
 */
.client-portal-app-shell.app-shell h1,
.client-portal-app-shell.app-shell h2,
.client-portal-app-shell.app-shell h3,
.client-portal-app-shell.app-shell h4,
.client-portal-app-shell.app-shell h5,
.client-portal-app-shell.app-shell h6,
.client-portal-app-shell.app-shell .type-page-title,
.client-portal-app-shell.app-shell .type-section-title,
.client-portal-app-shell.app-shell .type-card-title,
.client-portal-app-shell.app-shell .workspace-header-title,
.client-portal-app-shell.app-shell .section-header-title {
  font-family: var(--font-family-display);
  font-weight: var(--font-weight-regular);
}

.client-portal-app-shell.app-shell :is(h1, h2, h3, h4, h5, h6) strong {
  font-weight: var(--font-weight-bold);
}

/* Open Sans makes the tablet Menu label five pixels wider than Nunito. Keep
   the established shared-header footprint instead of allowing a 1px overflow. */
@media (min-width: 721px) and (max-width: 800px) {
  .client-portal-app-shell .nav-trigger-portal {
    margin-left: 73px;
  }
}

/* The stacked tablet header makes the Menu trigger full width. Reset the
   desktop offset that is restored by the later 900px breakpoint. */
@media (min-width: 601px) and (max-width: 720px) {
  .client-portal-app-shell .nav-trigger-portal {
    margin-left: 0;
  }
}