/*
 * THE ELMAZAHI DESIGN SYSTEM (EDS) v1.0
 * Client Center 2.1 — Patch 2X0 Infrastructure
 *
 * Purpose:
 * - Establish the approved design tokens and reusable component primitives.
 * - Load after assets/styles.css without altering any locked 2W7 page design.
 * - Provide a controlled visual layer for later EDS implementation patches.
 *
 * Scope protection:
 * - This file intentionally does not target legacy page selectors.
 * - Existing Client Center, admin, login, public navigation, mobile shell,
 *   payment, timeline, form, document, intake, message, and auth behavior
 *   remains controlled by the locked 2W7 baseline until expressly superseded.
 */

:root {
  /* Brand color system */
  --eds-navy-950: #050b13;
  --eds-navy-900: #08111e;
  --eds-navy-850: #0b1728;
  --eds-navy-800: #102037;
  --eds-navy-700: #18304f;

  --eds-ivory-50: #fffdf8;
  --eds-ivory-100: #f7f4ee;
  --eds-ivory-200: #efe9dd;
  --eds-white: #ffffff;

  --eds-gold-700: #916a2f;
  --eds-gold-600: #b88436;
  --eds-gold-500: #c4a062;
  --eds-gold-400: #d8b979;
  --eds-gold-300: #e5cfa0;

  --eds-ink-950: #08111e;
  --eds-ink-900: #101827;
  --eds-ink-700: #354152;
  --eds-muted-600: #667085;
  --eds-muted-500: #7b8494;

  --eds-line-strong: rgba(196, 160, 98, 0.48);
  --eds-line: rgba(196, 160, 98, 0.30);
  --eds-line-soft: rgba(16, 24, 39, 0.10);
  --eds-line-faint: rgba(16, 24, 39, 0.06);

  --eds-success: #3f7655;
  --eds-success-soft: #e8f0ea;
  --eds-warning: #a36f1f;
  --eds-warning-soft: #f7eddb;
  --eds-danger: #8f1d2c;
  --eds-danger-soft: #f4e5e8;
  --eds-info: #405f86;
  --eds-info-soft: #e7edf4;

  /* Typography */
  --eds-font-display: "Didot", "Bodoni 72", "Baskerville", "Cochin", "Palatino Linotype", Palatino, Georgia, serif;
  --eds-font-ui: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --eds-font-label: "Avenir Next Condensed", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --eds-type-command: clamp(2.75rem, 4vw, 4.25rem);
  --eds-type-page: clamp(2.35rem, 3.35vw, 3.75rem);
  --eds-type-feature: clamp(1.8rem, 2.25vw, 2.65rem);
  --eds-type-section: 1.45rem;
  --eds-type-card: 1.10rem;
  --eds-type-stat: clamp(1.75rem, 2vw, 2.35rem);
  --eds-type-body: 0.9375rem;
  --eds-type-small: 0.8125rem;
  --eds-type-micro: 0.6875rem;

  --eds-leading-tight: 1.08;
  --eds-leading-title: 1.18;
  --eds-leading-body: 1.55;
  --eds-tracking-label: 0.12em;
  --eds-tracking-button: 0.085em;

  /* Spacing */
  --eds-space-1: 4px;
  --eds-space-2: 8px;
  --eds-space-3: 12px;
  --eds-space-4: 16px;
  --eds-space-5: 24px;
  --eds-space-6: 32px;
  --eds-space-7: 40px;
  --eds-space-8: 48px;
  --eds-space-9: 64px;
  --eds-space-10: 80px;

  /* Geometry */
  --eds-radius-control: 4px;
  --eds-radius-small: 10px;
  --eds-radius-card: 14px;
  --eds-radius-feature: 18px;
  --eds-radius-pill: 999px;

  /* Elevation */
  --eds-shadow-1: 0 8px 22px rgba(5, 11, 19, 0.07);
  --eds-shadow-2: 0 16px 38px rgba(5, 11, 19, 0.10);
  --eds-shadow-3: 0 24px 60px rgba(5, 11, 19, 0.14);
  --eds-shadow-focus: 0 0 0 3px rgba(216, 185, 121, 0.24);
  --eds-shadow-inset-gold: inset 0 0 0 1px rgba(196, 160, 98, 0.38);

  /* Motion */
  --eds-duration-fast: 140ms;
  --eds-duration-standard: 220ms;
  --eds-duration-slow: 320ms;
  --eds-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --eds-ease-exit: cubic-bezier(0.4, 0, 1, 1);

  /* Layout */
  --eds-content-max: 1480px;
  --eds-reading-max: 760px;
  --eds-control-height: 40px;
  --eds-control-height-compact: 34px;
  --eds-icon-control: 36px;
  --eds-z-base: 1;
  --eds-z-sticky: 100;
  --eds-z-drawer: 400;
  --eds-z-modal: 600;
  --eds-z-toast: 800;
}

/* Typography roles */
.eds-type-command,
.eds-type-page,
.eds-type-feature,
.eds-type-section,
.eds-type-card,
.eds-type-stat {
  margin: 0;
  color: var(--eds-ink-950);
  text-wrap: balance;
}

.eds-type-command,
.eds-type-page,
.eds-type-feature,
.eds-type-section {
  font-family: var(--eds-font-display);
  font-weight: 500;
}

.eds-type-command {
  font-size: var(--eds-type-command);
  line-height: var(--eds-leading-tight);
  letter-spacing: -0.025em;
}

.eds-type-page {
  font-size: var(--eds-type-page);
  line-height: var(--eds-leading-tight);
  letter-spacing: -0.022em;
}

.eds-type-feature {
  font-size: var(--eds-type-feature);
  line-height: var(--eds-leading-title);
  letter-spacing: -0.018em;
}

.eds-type-section {
  font-size: var(--eds-type-section);
  line-height: 1.25;
}

.eds-type-card {
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-card);
  font-weight: 700;
  line-height: 1.3;
}

.eds-type-stat {
  font-family: var(--eds-font-display);
  font-size: var(--eds-type-stat);
  font-weight: 500;
  line-height: 1;
  font-variant-numeric: tabular-nums lining-nums;
}

.eds-eyebrow,
.eds-label,
.eds-button-label {
  font-family: var(--eds-font-label);
  font-weight: 700;
  text-transform: uppercase;
}

.eds-eyebrow {
  color: var(--eds-gold-700);
  font-size: var(--eds-type-micro);
  letter-spacing: var(--eds-tracking-label);
  line-height: 1.35;
}

.eds-label {
  color: var(--eds-muted-600);
  font-size: var(--eds-type-small);
  letter-spacing: 0.075em;
  line-height: 1.35;
}

.eds-body,
.eds-small,
.eds-micro {
  margin: 0;
  font-family: var(--eds-font-ui);
  color: var(--eds-ink-700);
}

.eds-body {
  font-size: var(--eds-type-body);
  line-height: var(--eds-leading-body);
}

.eds-small {
  font-size: var(--eds-type-small);
  line-height: 1.48;
}

.eds-micro {
  font-size: var(--eds-type-micro);
  line-height: 1.4;
}

.eds-data {
  font-variant-numeric: tabular-nums lining-nums;
}

/* Layout primitives */
.eds-container {
  width: min(var(--eds-content-max), calc(100% - (2 * var(--eds-space-6))));
  margin-inline: auto;
}

.eds-reading-width {
  width: min(100%, var(--eds-reading-max));
}

.eds-stack {
  display: flex;
  flex-direction: column;
  gap: var(--eds-stack-gap, var(--eds-space-5));
}

.eds-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--eds-cluster-gap, var(--eds-space-3));
}

.eds-grid {
  display: grid;
  grid-template-columns: repeat(var(--eds-grid-columns, 12), minmax(0, 1fr));
  gap: var(--eds-grid-gap, var(--eds-space-5));
}

.eds-divider {
  height: 1px;
  border: 0;
  background: var(--eds-line-soft);
}

.eds-gold-rule {
  width: min(100%, 520px);
  height: 1px;
  border: 0;
  background: linear-gradient(90deg, var(--eds-gold-500), rgba(196, 160, 98, 0));
}

/* Surface and card primitives */
.eds-surface {
  color: var(--eds-ink-900);
  background: var(--eds-ivory-50);
}

.eds-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--eds-line-soft);
  border-radius: var(--eds-radius-card);
  background: var(--eds-white);
  box-shadow: var(--eds-shadow-1);
}

.eds-card--feature {
  color: var(--eds-ivory-50);
  border-color: rgba(216, 185, 121, 0.24);
  border-radius: var(--eds-radius-feature);
  background: linear-gradient(145deg, var(--eds-navy-900), var(--eds-navy-800));
  box-shadow: var(--eds-shadow-2);
}

.eds-card--quiet {
  border-color: var(--eds-line-faint);
  background: var(--eds-ivory-100);
  box-shadow: none;
}

.eds-card__header,
.eds-card__body,
.eds-card__footer {
  padding-inline: var(--eds-space-5);
}

.eds-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--eds-space-4);
  padding-top: var(--eds-space-5);
  padding-bottom: var(--eds-space-4);
}

.eds-card__body {
  padding-top: var(--eds-space-4);
  padding-bottom: var(--eds-space-5);
}

.eds-card__header + .eds-card__body {
  padding-top: var(--eds-divider-clearance, var(--eds-space-4));
}

.eds-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--eds-space-4);
  padding-top: var(--eds-space-4);
  padding-bottom: var(--eds-space-4);
  border-top: 1px solid var(--eds-line-soft);
}

.eds-stat {
  display: grid;
  align-content: start;
  gap: var(--eds-space-2);
}

.eds-stat__context {
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-small);
  line-height: 1.4;
}

/* Button primitives */
.eds-btn {
  display: inline-flex;
  min-height: var(--eds-control-height);
  align-items: center;
  justify-content: center;
  gap: var(--eds-space-2);
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: var(--eds-radius-control);
  font-family: var(--eds-font-label);
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: var(--eds-tracking-button);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    transform var(--eds-duration-fast) var(--eds-ease-standard),
    border-color var(--eds-duration-fast) var(--eds-ease-standard),
    background-color var(--eds-duration-fast) var(--eds-ease-standard),
    box-shadow var(--eds-duration-fast) var(--eds-ease-standard),
    color var(--eds-duration-fast) var(--eds-ease-standard);
}

.eds-btn:hover {
  transform: translateY(-1px);
}

.eds-btn:active {
  transform: translateY(0);
}

.eds-btn:focus-visible,
.eds-icon-btn:focus-visible,
.eds-field:focus-visible,
.eds-select:focus-visible,
.eds-textarea:focus-visible,
.eds-checkbox:focus-visible {
  outline: 0;
  box-shadow: var(--eds-shadow-focus);
}

.eds-btn:disabled,
.eds-btn[aria-disabled="true"] {
  opacity: 0.52;
  pointer-events: none;
  transform: none;
}

.eds-btn--primary {
  color: var(--eds-navy-950);
  border-color: var(--eds-gold-500);
  background: linear-gradient(135deg, var(--eds-gold-400), var(--eds-gold-500));
  box-shadow: 0 7px 16px rgba(145, 106, 47, 0.18);
}

.eds-btn--primary:hover {
  border-color: var(--eds-gold-400);
  box-shadow: 0 10px 22px rgba(145, 106, 47, 0.24);
}

.eds-btn--secondary {
  color: var(--eds-navy-900);
  border-color: var(--eds-line);
  background: var(--eds-white);
}

.eds-btn--secondary:hover {
  border-color: var(--eds-line-strong);
  box-shadow: var(--eds-shadow-1);
}

.eds-btn--ghost {
  color: var(--eds-navy-900);
  border-color: transparent;
  background: transparent;
}

.eds-btn--ghost:hover {
  color: var(--eds-gold-700);
  background: rgba(196, 160, 98, 0.08);
}

.eds-btn--danger {
  color: var(--eds-white);
  border-color: var(--eds-danger);
  background: var(--eds-danger);
}

.eds-btn--compact {
  min-height: var(--eds-control-height-compact);
  padding: 7px 12px;
  font-size: 0.6875rem;
}

.eds-icon-btn {
  display: inline-grid;
  width: var(--eds-icon-control);
  height: var(--eds-icon-control);
  place-items: center;
  padding: 0;
  border: 1px solid var(--eds-line-soft);
  border-radius: var(--eds-radius-control);
  color: var(--eds-navy-900);
  background: var(--eds-white);
  cursor: pointer;
}

/* Form primitives */
.eds-field-group {
  display: grid;
  gap: var(--eds-space-2);
}

.eds-field-label {
  color: var(--eds-ink-900);
  font-family: var(--eds-font-label);
  font-size: var(--eds-type-small);
  font-weight: 700;
  letter-spacing: 0.045em;
}

.eds-field,
.eds-select,
.eds-textarea {
  width: 100%;
  min-height: var(--eds-control-height);
  border: 1px solid var(--eds-line-soft);
  border-radius: var(--eds-radius-control);
  color: var(--eds-ink-900);
  background: var(--eds-white);
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-body);
  line-height: 1.4;
  transition:
    border-color var(--eds-duration-fast) var(--eds-ease-standard),
    box-shadow var(--eds-duration-fast) var(--eds-ease-standard),
    background-color var(--eds-duration-fast) var(--eds-ease-standard);
}

.eds-field,
.eds-select {
  padding: 8px 12px;
}

.eds-textarea {
  min-height: 120px;
  padding: 12px;
  resize: vertical;
}

.eds-field:hover,
.eds-select:hover,
.eds-textarea:hover {
  border-color: var(--eds-line);
}

.eds-field:focus,
.eds-select:focus,
.eds-textarea:focus {
  border-color: var(--eds-gold-500);
}

.eds-field[aria-invalid="true"],
.eds-select[aria-invalid="true"],
.eds-textarea[aria-invalid="true"] {
  border-color: var(--eds-danger);
}

.eds-field-help,
.eds-field-error {
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-small);
  line-height: 1.4;
}

.eds-field-help {
  color: var(--eds-muted-600);
}

.eds-field-error {
  color: var(--eds-danger);
}

.eds-check-row {
  display: flex;
  align-items: flex-start;
  gap: var(--eds-space-3);
  color: var(--eds-ink-700);
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-body);
  line-height: 1.45;
}

.eds-checkbox {
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  accent-color: var(--eds-navy-900);
}

/* Status primitives */
.eds-badge {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 4px 9px;
  border: 1px solid transparent;
  border-radius: var(--eds-radius-pill);
  font-family: var(--eds-font-label);
  font-size: var(--eds-type-micro);
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  white-space: nowrap;
}

.eds-badge--neutral {
  color: var(--eds-ink-700);
  border-color: var(--eds-line-soft);
  background: var(--eds-ivory-100);
}

.eds-badge--success {
  color: var(--eds-success);
  background: var(--eds-success-soft);
}

.eds-badge--warning {
  color: var(--eds-warning);
  background: var(--eds-warning-soft);
}

.eds-badge--danger {
  color: var(--eds-danger);
  background: var(--eds-danger-soft);
}

.eds-badge--info {
  color: var(--eds-info);
  background: var(--eds-info-soft);
}

/* Table primitive */
.eds-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--eds-line-soft);
  border-radius: var(--eds-radius-card);
  background: var(--eds-white);
  box-shadow: var(--eds-shadow-1);
}

.eds-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--eds-ink-700);
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-small);
}

.eds-table th,
.eds-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--eds-line-faint);
  text-align: left;
  vertical-align: middle;
}

.eds-table th {
  color: var(--eds-muted-600);
  background: var(--eds-ivory-100);
  font-family: var(--eds-font-label);
  font-size: var(--eds-type-micro);
  font-weight: 800;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.eds-table tbody tr:last-child td {
  border-bottom: 0;
}

.eds-table tbody tr:hover {
  background: rgba(196, 160, 98, 0.055);
}

/* Timeline primitive. The locked legacy timeline remains untouched. */
.eds-timeline {
  --eds-timeline-rail: var(--eds-line);
  --eds-timeline-marker: var(--eds-white);
  --eds-timeline-marker-border: var(--eds-muted-500);
  position: relative;
  display: grid;
  gap: var(--eds-space-5);
}

.eds-timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: var(--eds-space-4);
}

.eds-timeline__marker {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: 4px;
  justify-self: center;
  border: 2px solid var(--eds-timeline-marker-border);
  border-radius: 50%;
  background: var(--eds-timeline-marker);
}

.eds-timeline__item--active .eds-timeline__marker {
  border-color: var(--eds-gold-500);
  background: var(--eds-navy-900);
  box-shadow: 0 0 0 4px rgba(196, 160, 98, 0.18);
}

/* Empty, loading, and feedback states */
.eds-empty-state {
  display: grid;
  min-height: 220px;
  place-items: center;
  gap: var(--eds-space-4);
  padding: var(--eds-space-7);
  border: 1px dashed var(--eds-line);
  border-radius: var(--eds-radius-card);
  color: var(--eds-muted-600);
  background: var(--eds-ivory-100);
  text-align: center;
}

.eds-skeleton {
  overflow: hidden;
  border-radius: var(--eds-radius-control);
  background: linear-gradient(90deg, rgba(16, 24, 39, 0.06), rgba(196, 160, 98, 0.13), rgba(16, 24, 39, 0.06));
  background-size: 220% 100%;
  animation: eds-skeleton-shimmer 1.45s linear infinite;
}

.eds-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--eds-space-3);
  padding: var(--eds-space-4);
  border: 1px solid var(--eds-line-soft);
  border-radius: var(--eds-radius-small);
  color: var(--eds-ink-700);
  background: var(--eds-ivory-100);
  font-family: var(--eds-font-ui);
  font-size: var(--eds-type-small);
  line-height: 1.48;
}

.eds-notice--success {
  border-color: rgba(63, 118, 85, 0.26);
  background: var(--eds-success-soft);
}

.eds-notice--warning {
  border-color: rgba(163, 111, 31, 0.28);
  background: var(--eds-warning-soft);
}

.eds-notice--danger {
  border-color: rgba(143, 29, 44, 0.26);
  background: var(--eds-danger-soft);
}

@keyframes eds-skeleton-shimmer {
  from { background-position: 100% 0; }
  to { background-position: -120% 0; }
}

/* Accessibility utilities */
.eds-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.eds-skip-link {
  position: fixed;
  top: var(--eds-space-3);
  left: var(--eds-space-3);
  z-index: var(--eds-z-toast);
  transform: translateY(-160%);
  padding: 10px 14px;
  border-radius: var(--eds-radius-control);
  color: var(--eds-navy-950);
  background: var(--eds-gold-400);
  font-family: var(--eds-font-label);
  font-size: var(--eds-type-small);
  font-weight: 800;
  text-decoration: none;
  transition: transform var(--eds-duration-fast) var(--eds-ease-standard);
}

.eds-skip-link:focus {
  transform: translateY(0);
}

/* Responsive infrastructure only; no legacy selectors are modified. */
@media (max-width: 900px) {
  :root {
    --eds-type-section: 1.32rem;
    --eds-type-card: 1.05rem;
    --eds-space-9: 56px;
  }

  .eds-container {
    width: min(100%, calc(100% - (2 * var(--eds-space-4))));
  }

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

  .eds-card__header,
  .eds-card__body,
  .eds-card__footer {
    padding-inline: var(--eds-space-4);
  }
}

@media (max-width: 640px) {
  :root {
    --eds-type-command: clamp(2.1rem, 11vw, 3rem);
    --eds-type-page: clamp(1.95rem, 9vw, 2.65rem);
    --eds-type-feature: clamp(1.55rem, 7vw, 2.05rem);
    --eds-type-body: 0.9375rem;
  }

  .eds-card,
  .eds-card--feature,
  .eds-table-wrap {
    border-radius: var(--eds-radius-small);
  }

  .eds-btn {
    min-height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eds-btn,
  .eds-icon-btn,
  .eds-field,
  .eds-select,
  .eds-textarea,
  .eds-skip-link {
    scroll-behavior: auto;
    transition-duration: 0.01ms !important;
  }

  .eds-skeleton {
    animation: none;
    background-position: 0 0;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X1
   Shared Typography, Surface, and Control Adoption

   This is the first visible EDS adoption layer. It deliberately changes visual
   language without changing routes, data, page order, shell geometry, timeline
   geometry, or interactive behavior. The client side is the source environment;
   admin adoption remains deferred until the client experience is locked.
   ========================================================================== */

/* Client application canvas and shared text rendering. */
body.client-concept-c-page,
body.client-shell-page {
  color: var(--eds-ink-700);
  background: var(--eds-ivory-100);
  font-family: var(--eds-font-ui);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.client-concept-c-page .client-command-main,
body.client-shell-page .client-shell-main {
  color: var(--eds-ink-700);
  background:
    radial-gradient(circle at 82% 0%, rgba(216, 185, 121, 0.07), transparent 28rem),
    linear-gradient(180deg, var(--eds-ivory-50) 0%, var(--eds-ivory-100) 100%);
}

/* Shared command and page title typography. Header structure and frozen behavior stay locked. */
body.client-concept-c-page .client-command-titlebar h1,
body.client-shell-page .client-shell-titlebar h1 {
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-weight: 500 !important;
  line-height: var(--eds-leading-tight) !important;
  letter-spacing: -0.032em !important;
  text-wrap: balance;
}

body.client-concept-c-page .client-command-titlebar .eyebrow,
body.client-shell-page .client-shell-titlebar .eyebrow,
body.client-shell-page .client-shell-main .eyebrow,
body.client-concept-c-page .client-command-main .eyebrow {
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: var(--eds-type-micro) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: var(--eds-tracking-label) !important;
  text-transform: uppercase !important;
}

body.client-shell-page .client-shell-main h1,
body.client-shell-page .client-shell-main h2,
body.client-shell-page .client-shell-main h3,
body.client-concept-c-page .client-command-main h1,
body.client-concept-c-page .client-command-main h2,
body.client-concept-c-page .client-command-main h3 {
  color: var(--eds-ink-950);
  text-wrap: balance;
}

body.client-shell-page .client-shell-main h1,
body.client-shell-page .client-shell-main h2,
body.client-concept-c-page .client-command-main h1,
body.client-concept-c-page .client-command-main h2 {
  font-family: var(--eds-font-display);
  font-weight: 500;
  letter-spacing: -0.028em;
}

body.client-shell-page .client-shell-main h3,
body.client-concept-c-page .client-command-main h3 {
  font-family: var(--eds-font-ui);
  font-weight: 700;
  letter-spacing: -0.012em;
}

body.client-shell-page .client-shell-main p,
body.client-shell-page .client-shell-main li,
body.client-shell-page .client-shell-main label,
body.client-shell-page .client-shell-main td,
body.client-concept-c-page .client-command-main p,
body.client-concept-c-page .client-command-main li,
body.client-concept-c-page .client-command-main label,
body.client-concept-c-page .client-command-main td {
  font-family: var(--eds-font-ui);
}

body.client-shell-page .client-shell-main .fineprint,
body.client-shell-page .client-shell-main .date,
body.client-shell-page .client-shell-main .client-command-muted,
body.client-concept-c-page .client-command-main .fineprint,
body.client-concept-c-page .client-command-main .date,
body.client-concept-c-page .client-command-main .client-command-muted {
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: var(--eds-type-small) !important;
  line-height: 1.48 !important;
}

/* Shared white card system. Heavy page-specific ornament is replaced by disciplined surfaces. */
body.client-shell-page .client-shell-main .panel:not(.lux-dark),
body.client-shell-page .client-shell-main .client-action-summary-panel,
body.client-shell-page .client-shell-main .client-action-form-panel,
body.client-shell-page .client-shell-main .client-action-card,
body.client-shell-page .client-shell-main .portal-standard-block:not(.signature-methodology-resources),
body.client-shell-page .client-shell-main .payment-matter-summary,
body.client-concept-c-page .client-command-card {
  border: 1px solid var(--eds-line-soft) !important;
  border-radius: var(--eds-radius-card) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.client-shell-page .client-shell-main .panel:not(.lux-dark):hover,
body.client-shell-page .client-shell-main .client-action-card:hover,
body.client-concept-c-page .client-command-card:hover {
  border-color: var(--eds-line) !important;
}

/* Feature surfaces retain navy authority but use the EDS contrast and restrained geometry. */
body.client-shell-page .client-shell-main .files-standard-hero,
body.client-shell-page .client-shell-main .payment-standard-hero,
body.client-shell-page .client-shell-main .signature-methodology-resources,
body.client-shell-page .client-shell-main .panel.lux-dark,
body.client-shell-page .client-shell-main .payment-grid .payment-card,
body.client-concept-c-page .client-command-payment-card {
  color: var(--eds-ivory-50) !important;
  border: 1px solid rgba(216, 185, 121, 0.28) !important;
  border-radius: var(--eds-radius-feature) !important;
  background:
    radial-gradient(circle at 100% 120%, rgba(196, 160, 98, 0.20), transparent 31%),
    linear-gradient(145deg, var(--eds-navy-900), var(--eds-navy-800)) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.client-shell-page .client-shell-main .files-standard-hero h1,
body.client-shell-page .client-shell-main .files-standard-hero h2,
body.client-shell-page .client-shell-main .payment-standard-hero h1,
body.client-shell-page .client-shell-main .payment-standard-hero h2,
body.client-shell-page .client-shell-main .signature-methodology-resources h1,
body.client-shell-page .client-shell-main .signature-methodology-resources h2,
body.client-shell-page .client-shell-main .panel.lux-dark h1,
body.client-shell-page .client-shell-main .panel.lux-dark h2,
body.client-shell-page .client-shell-main .payment-grid .payment-card h1,
body.client-shell-page .client-shell-main .payment-grid .payment-card h2,
body.client-concept-c-page .client-command-payment-card h2 {
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-weight: 500 !important;
  letter-spacing: -0.028em !important;
  text-shadow: none !important;
}

body.client-shell-page .client-shell-main .files-standard-hero p,
body.client-shell-page .client-shell-main .payment-standard-hero p,
body.client-shell-page .client-shell-main .signature-methodology-resources p,
body.client-shell-page .client-shell-main .panel.lux-dark p,
body.client-shell-page .client-shell-main .payment-grid .payment-card p,
body.client-concept-c-page .client-command-payment-card p {
  color: rgba(255, 253, 248, 0.82) !important;
}

/* Card anatomy and section labels. */
body.client-shell-page .client-shell-main .panel-head,
body.client-shell-page .client-shell-main .client-command-card-head,
body.client-concept-c-page .client-command-card-head {
  border-bottom-color: var(--eds-line-faint) !important;
}

body.client-shell-page .client-shell-main .panel-head h2,
body.client-shell-page .client-shell-main .client-command-card-head > span,
body.client-concept-c-page .client-command-card-head > span,
body.client-shell-page .client-shell-main .client-command-subhead > span,
body.client-concept-c-page .client-command-subhead > span {
  color: var(--eds-ink-900) !important;
  font-family: var(--eds-font-label) !important;
  font-size: var(--eds-type-small) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

body.client-shell-page .client-shell-main .panel-head a,
body.client-shell-page .client-shell-main .client-command-card-head a,
body.client-concept-c-page .client-command-card-head a,
body.client-shell-page .client-shell-main .client-command-link,
body.client-concept-c-page .client-command-link {
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: var(--eds-type-micro) !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.client-shell-page .client-shell-main .panel-head a:hover,
body.client-shell-page .client-shell-main .client-command-card-head a:hover,
body.client-concept-c-page .client-command-card-head a:hover,
body.client-shell-page .client-shell-main .client-command-link:hover,
body.client-concept-c-page .client-command-link:hover {
  color: var(--eds-navy-900) !important;
}

/* List and activity rows should read as organized records rather than nested boxes. */
body.client-shell-page .client-shell-main .item,
body.client-shell-page .client-shell-main .compact-notice,
body.client-shell-page .client-shell-main .court-confirmation-item,
body.client-shell-page .client-shell-main .payment-receipt-row,
body.client-shell-page .client-shell-main .client-command-update,
body.client-shell-page .client-shell-main .client-command-message,
body.client-shell-page .client-shell-main .client-command-file,
body.client-concept-c-page .client-command-update,
body.client-concept-c-page .client-command-message,
body.client-concept-c-page .client-command-file {
  border-color: var(--eds-line-faint) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.client-shell-page .client-shell-main .item h3,
body.client-shell-page .client-shell-main .compact-notice strong,
body.client-concept-c-page .client-command-update strong,
body.client-concept-c-page .client-command-message strong,
body.client-concept-c-page .client-command-file strong {
  color: var(--eds-ink-900) !important;
  font-family: var(--eds-font-ui) !important;
  font-weight: 700 !important;
}

/* Shared buttons: preserve the approved compact gold source while normalizing geometry and motion. */
body.client-shell-page .client-shell-main .btn,
body.client-shell-page .client-shell-main button.btn,
body.client-shell-page .client-shell-main a.btn,
body.client-shell-page .client-shell-main input[type="submit"],
body.client-concept-c-page .client-command-main .btn,
body.client-concept-c-page .client-command-main button.btn,
body.client-concept-c-page .client-command-main a.btn,
body.client-concept-c-page .client-command-main input[type="submit"] {
  min-height: var(--eds-control-height) !important;
  padding: 9px 16px !important;
  border: 1px solid var(--eds-gold-600) !important;
  border-radius: var(--eds-radius-control) !important;
  color: var(--eds-navy-950) !important;
  background: linear-gradient(135deg, var(--eds-gold-400), var(--eds-gold-500)) !important;
  box-shadow: 0 7px 16px rgba(145, 106, 47, 0.18) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: var(--eds-tracking-button) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition:
    transform var(--eds-duration-fast) var(--eds-ease-standard),
    border-color var(--eds-duration-fast) var(--eds-ease-standard),
    box-shadow var(--eds-duration-fast) var(--eds-ease-standard),
    filter var(--eds-duration-fast) var(--eds-ease-standard) !important;
}

body.client-shell-page .client-shell-main .btn:hover,
body.client-shell-page .client-shell-main button.btn:hover,
body.client-shell-page .client-shell-main a.btn:hover,
body.client-shell-page .client-shell-main input[type="submit"]:hover,
body.client-concept-c-page .client-command-main .btn:hover,
body.client-concept-c-page .client-command-main button.btn:hover,
body.client-concept-c-page .client-command-main a.btn:hover,
body.client-concept-c-page .client-command-main input[type="submit"]:hover {
  transform: translateY(-1px) !important;
  border-color: var(--eds-gold-700) !important;
  box-shadow: 0 10px 22px rgba(145, 106, 47, 0.24) !important;
  filter: none !important;
}

body.client-shell-page .client-shell-main .btn:active,
body.client-shell-page .client-shell-main button.btn:active,
body.client-shell-page .client-shell-main a.btn:active,
body.client-concept-c-page .client-command-main .btn:active,
body.client-concept-c-page .client-command-main button.btn:active,
body.client-concept-c-page .client-command-main a.btn:active {
  transform: translateY(0) !important;
}

body.client-shell-page .client-shell-main .btn.small,
body.client-shell-page .client-shell-main .btn.ghost-small,
body.client-concept-c-page .client-command-main .btn.small {
  min-height: var(--eds-control-height-compact) !important;
  padding: 7px 12px !important;
  font-size: var(--eds-type-micro) !important;
}

body.client-shell-page .client-shell-main .muted-btn,
body.client-shell-page .client-shell-main .btn.muted-btn,
body.client-shell-page .client-shell-main .btn.secondary,
body.client-concept-c-page .client-command-main .muted-btn,
body.client-concept-c-page .client-command-main .btn.muted-btn {
  color: var(--eds-navy-900) !important;
  border-color: var(--eds-line) !important;
  background: var(--eds-white) !important;
  box-shadow: none !important;
}

body.client-shell-page .client-shell-main .muted-btn:hover,
body.client-shell-page .client-shell-main .btn.muted-btn:hover,
body.client-concept-c-page .client-command-main .muted-btn:hover,
body.client-concept-c-page .client-command-main .btn.muted-btn:hover {
  border-color: var(--eds-line-strong) !important;
  background: var(--eds-ivory-50) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.client-shell-page .client-shell-main .danger-btn,
body.client-shell-page .client-shell-main .btn.danger,
body.client-concept-c-page .client-command-main .danger-btn,
body.client-concept-c-page .client-command-main .btn.danger {
  color: var(--eds-white) !important;
  border-color: var(--eds-danger) !important;
  background: var(--eds-danger) !important;
}

/* Shared fields and form rhythm. */
body.client-shell-page .client-shell-main form label,
body.client-concept-c-page .client-command-main form label {
  color: var(--eds-ink-900) !important;
  font-family: var(--eds-font-label) !important;
  font-size: var(--eds-type-small) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.035em !important;
}

body.client-shell-page .client-shell-main input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.client-shell-page .client-shell-main select,
body.client-shell-page .client-shell-main textarea,
body.client-concept-c-page .client-command-main input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.client-concept-c-page .client-command-main select,
body.client-concept-c-page .client-command-main textarea {
  width: 100%;
  min-height: var(--eds-control-height) !important;
  border: 1px solid var(--eds-line-soft) !important;
  border-radius: var(--eds-radius-control) !important;
  color: var(--eds-ink-900) !important;
  background: var(--eds-white) !important;
  box-shadow: none !important;
  font-family: var(--eds-font-ui) !important;
  font-size: var(--eds-type-body) !important;
  line-height: 1.4 !important;
  transition:
    border-color var(--eds-duration-fast) var(--eds-ease-standard),
    box-shadow var(--eds-duration-fast) var(--eds-ease-standard),
    background-color var(--eds-duration-fast) var(--eds-ease-standard) !important;
}

body.client-shell-page .client-shell-main input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.client-shell-page .client-shell-main select,
body.client-concept-c-page .client-command-main input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
body.client-concept-c-page .client-command-main select {
  padding: 8px 12px !important;
}

body.client-shell-page .client-shell-main textarea,
body.client-concept-c-page .client-command-main textarea {
  min-height: 120px !important;
  padding: 12px !important;
  resize: vertical;
}

body.client-shell-page .client-shell-main input:hover,
body.client-shell-page .client-shell-main select:hover,
body.client-shell-page .client-shell-main textarea:hover,
body.client-concept-c-page .client-command-main input:hover,
body.client-concept-c-page .client-command-main select:hover,
body.client-concept-c-page .client-command-main textarea:hover {
  border-color: var(--eds-line) !important;
}

body.client-shell-page .client-shell-main input:focus,
body.client-shell-page .client-shell-main select:focus,
body.client-shell-page .client-shell-main textarea:focus,
body.client-concept-c-page .client-command-main input:focus,
body.client-concept-c-page .client-command-main select:focus,
body.client-concept-c-page .client-command-main textarea:focus {
  border-color: var(--eds-gold-500) !important;
  outline: 0 !important;
  box-shadow: var(--eds-shadow-focus) !important;
}

body.client-shell-page .client-shell-main input[type="checkbox"],
body.client-shell-page .client-shell-main input[type="radio"],
body.client-concept-c-page .client-command-main input[type="checkbox"],
body.client-concept-c-page .client-command-main input[type="radio"] {
  accent-color: var(--eds-navy-900);
}

/* Shared table language. */
body.client-shell-page .client-shell-main table,
body.client-concept-c-page .client-command-main table {
  width: 100%;
  border-collapse: collapse;
  color: var(--eds-ink-700);
  font-family: var(--eds-font-ui) !important;
  font-size: var(--eds-type-small);
}

body.client-shell-page .client-shell-main th,
body.client-concept-c-page .client-command-main th {
  color: var(--eds-muted-600) !important;
  background: var(--eds-ivory-100) !important;
  font-family: var(--eds-font-label) !important;
  font-size: var(--eds-type-micro) !important;
  font-weight: 800 !important;
  letter-spacing: 0.075em !important;
  text-transform: uppercase !important;
}

body.client-shell-page .client-shell-main th,
body.client-shell-page .client-shell-main td,
body.client-concept-c-page .client-command-main th,
body.client-concept-c-page .client-command-main td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--eds-line-faint) !important;
}

body.client-shell-page .client-shell-main tbody tr:hover,
body.client-concept-c-page .client-command-main tbody tr:hover {
  background: rgba(196, 160, 98, 0.055) !important;
}

/* Status and alert treatment. */
body.client-shell-page .client-shell-main .alert,
body.client-concept-c-page .client-command-main .alert,
body.client-concept-c-page .client-command-alert {
  border: 1px solid rgba(64, 95, 134, 0.20) !important;
  border-radius: var(--eds-radius-small) !important;
  color: var(--eds-info) !important;
  background: var(--eds-info-soft) !important;
  box-shadow: none !important;
  font-family: var(--eds-font-ui) !important;
}

body.client-shell-page .client-shell-main .success,
body.client-shell-page .client-shell-main .success-box,
body.client-concept-c-page .client-command-main .success,
body.client-concept-c-page .client-command-main .success-box {
  border-color: rgba(63, 118, 85, 0.24) !important;
  color: var(--eds-success) !important;
  background: var(--eds-success-soft) !important;
}

/* Keyboard accessibility across adopted legacy controls. */
body.client-shell-page .client-shell-main :is(a, button, input, select, textarea, summary):focus-visible,
body.client-concept-c-page .client-command-main :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 0 !important;
  box-shadow: var(--eds-shadow-focus) !important;
}

/* Mobile retains the locked shell stack and timeline geometry; only typography, surfaces, and controls adapt. */
@media (max-width: 900px) {
  body.client-shell-page .client-shell-main .panel:not(.lux-dark),
  body.client-shell-page .client-shell-main .client-action-summary-panel,
  body.client-shell-page .client-shell-main .client-action-form-panel,
  body.client-shell-page .client-shell-main .client-action-card,
  body.client-shell-page .client-shell-main .portal-standard-block:not(.signature-methodology-resources),
  body.client-shell-page .client-shell-main .payment-matter-summary,
  body.client-concept-c-page .client-command-card {
    border-radius: var(--eds-radius-small) !important;
  }

  body.client-shell-page .client-shell-main .btn,
  body.client-shell-page .client-shell-main button.btn,
  body.client-shell-page .client-shell-main a.btn,
  body.client-shell-page .client-shell-main input[type="submit"],
  body.client-concept-c-page .client-command-main .btn,
  body.client-concept-c-page .client-command-main button.btn,
  body.client-concept-c-page .client-command-main a.btn,
  body.client-concept-c-page .client-command-main input[type="submit"] {
    min-height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.client-shell-page .client-shell-main *,
  body.client-concept-c-page .client-command-main * {
    scroll-behavior: auto !important;
  }

  body.client-shell-page .client-shell-main .btn,
  body.client-shell-page .client-shell-main button,
  body.client-shell-page .client-shell-main input,
  body.client-shell-page .client-shell-main select,
  body.client-shell-page .client-shell-main textarea,
  body.client-concept-c-page .client-command-main .btn,
  body.client-concept-c-page .client-command-main button,
  body.client-concept-c-page .client-command-main input,
  body.client-concept-c-page .client-command-main select,
  body.client-concept-c-page .client-command-main textarea {
    transition-duration: 0.01ms !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X2
   CLIENT COMMAND CENTER FLAGSHIP REBUILD
   --------------------------------------------------------------------------
   Dashboard-only implementation of the approved EDS direction. This layer
   preserves the locked authenticated shell, header, mobile navigation, routes,
   data sources, and component behavior while rebuilding the command-center
   composition around a premium, cohesive information hierarchy.
   ========================================================================== */

body.eds-client-dashboard-v1.client-concept-c-page {
  --eds-dashboard-canvas: #f7f4ee;
  --eds-dashboard-card: rgba(255, 253, 249, 0.98);
  --eds-dashboard-line: rgba(13, 31, 53, 0.105);
  --eds-dashboard-gold-line: rgba(188, 139, 61, 0.26);
  --eds-dashboard-muted: #687387;
  --eds-dashboard-navy: #06182c;
  --eds-dashboard-navy-2: #0a223b;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-main {
  background:
    radial-gradient(circle at 74% 4%, rgba(216, 182, 108, 0.055), transparent 24%),
    linear-gradient(180deg, #fbfaf7 0%, var(--eds-dashboard-canvas) 100%) !important;
}

/* Premium case-at-a-glance rail: admin-grade clarity with client-grade calm. */
body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 1.15fr) repeat(5, minmax(150px, 0.82fr));
  align-items: stretch;
  width: 100%;
  margin: 144px 0 20px !important;
  overflow: hidden;
  border: 1px solid rgba(216, 182, 108, 0.48);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% -50%, rgba(216, 182, 108, 0.18), transparent 42%),
    linear-gradient(118deg, #061729 0%, #082039 55%, #06182c 100%);
  box-shadow: 0 18px 42px rgba(4, 18, 34, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #fff8e9;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, transparent 62%, rgba(216, 182, 108, 0.055) 100%);
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro,
body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item {
  position: relative;
  z-index: 1;
  min-width: 0;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 22px;
  border-right: 1px solid rgba(216, 182, 108, 0.28);
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-seal {
  display: inline-flex;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 182, 108, 0.82);
  border-radius: 50%;
  color: #e1bf78;
  background: rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 0 0 5px rgba(216, 182, 108, 0.06);
  font: 400 30px/1 Georgia, "Times New Roman", serif;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro > span:last-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro strong {
  color: #fff7e8;
  font: 400 19px/1.08 Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro em {
  overflow: hidden;
  color: rgba(229, 204, 151, 0.86);
  font: 700 10px/1.35 var(--eds-font-label);
  font-style: normal;
  letter-spacing: 0.085em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 18px 17px;
  border-right: 1px solid rgba(216, 182, 108, 0.20);
  color: inherit !important;
  text-decoration: none !important;
  transition: background 160ms ease, transform 160ms ease;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item:last-child {
  border-right: 0;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item:hover {
  z-index: 2;
  background: rgba(255, 255, 255, 0.055);
  transform: translateY(-1px);
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item > span {
  color: #d8b66c;
  font: 800 9px/1.2 var(--eds-font-label);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item > strong {
  overflow: hidden;
  color: #fff9ec;
  font: 400 19px/1.12 Georgia, "Times New Roman", serif;
  letter-spacing: -0.015em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item > em {
  overflow: hidden;
  color: rgba(239, 232, 218, 0.64);
  font: 500 10px/1.35 var(--eds-font-ui);
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Flagship three-column command composition. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-grid {
  display: grid !important;
  grid-template-columns: minmax(500px, 1.34fr) minmax(315px, 0.82fr) minmax(275px, 0.70fr) !important;
  grid-template-areas:
    "matter messages court"
    "matter payment tasks"
    "documents payment team"
    "documents time team" !important;
  gap: 16px !important;
  margin-top: 0 !important;
  align-items: stretch !important;
  grid-auto-flow: row !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card {
  position: relative !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-dashboard-line) !important;
  border-radius: 12px !important;
  background: var(--eds-dashboard-card) !important;
  box-shadow: 0 7px 22px rgba(10, 29, 50, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card:hover {
  border-color: rgba(188, 139, 61, 0.24) !important;
  box-shadow: 0 12px 30px rgba(10, 29, 50, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
  transform: translateY(-1px) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 30px !important;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.09) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-head > span,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-subhead > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #15273b !important;
  font: 800 11px/1.2 var(--eds-font-label) !important;
  letter-spacing: 0.105em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-head > span::before,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-subhead > span::before {
  content: "" !important;
  width: 4px !important;
  height: 17px !important;
  border: 0 !important;
  background: linear-gradient(180deg, #e0bd74, #aa762d) !important;
  box-shadow: none !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-head > span::after,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-subhead > span::after {
  display: none !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-head a,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-link {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(12, 31, 54, 0.13) !important;
  border-radius: 5px !important;
  color: #1a3048 !important;
  background: rgba(255, 255, 255, 0.66) !important;
  box-shadow: none !important;
  font: 800 9px/1 var(--eds-font-label) !important;
  letter-spacing: 0.075em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-head a:hover,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-link:hover {
  border-color: rgba(188, 139, 61, 0.46) !important;
  color: #06182c !important;
  background: #fbf4e7 !important;
  box-shadow: 0 8px 18px rgba(12, 31, 54, 0.08) !important;
  transform: translateY(-1px) !important;
}

/* Case Overview — the primary client information surface. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-large {
  grid-area: matter !important;
  padding: 22px 24px !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(216, 182, 108, 0.09), transparent 29%),
    var(--eds-dashboard-card) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-large h2 {
  margin: 1px 0 4px !important;
  color: #07182b !important;
  font: 400 clamp(27px, 2vw, 36px)/1.08 Georgia, "Times New Roman", serif !important;
  letter-spacing: -0.035em !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-large > .client-command-muted {
  margin: 0 0 18px !important;
  color: var(--eds-dashboard-muted) !important;
  font-size: 12px !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts {
  display: grid !important;
  grid-template-columns: 0.78fr 0.78fr 1.35fr !important;
  gap: 0 !important;
  margin: 0 0 18px !important;
  padding: 13px 0 !important;
  border-top: 1px solid rgba(12, 31, 54, 0.08) !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.08) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div {
  padding: 0 15px !important;
  border-right: 1px solid rgba(12, 31, 54, 0.08) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:first-child {
  padding-left: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts span {
  display: block !important;
  margin-bottom: 5px !important;
  color: #8b6a34 !important;
  font: 800 9px/1.2 var(--eds-font-label) !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts strong {
  color: #17283c !important;
  font: 700 13px/1.25 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:first-child strong,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:nth-child(2) strong {
  display: inline-flex !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  color: #315f43 !important;
  background: rgba(72, 128, 88, 0.10) !important;
  font-size: 10px !important;
  letter-spacing: 0.035em !important;
  text-transform: uppercase !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-updates {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-subhead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 6px !important;
  padding: 0 0 9px !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.075) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-subhead a {
  color: #806029 !important;
  font: 800 9px/1 var(--eds-font-label) !important;
  letter-spacing: 0.07em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-update {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 12px !important;
  padding: 11px 0 11px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.065) !important;
  background: transparent !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-update::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c49b51;
  box-shadow: 0 0 0 4px rgba(196, 155, 81, 0.10);
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-update:last-child {
  border-bottom: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-update strong {
  color: #1a2c42 !important;
  font: 700 12px/1.3 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-update em {
  color: #7b8492 !important;
  font: 600 9px/1.3 var(--eds-font-ui) !important;
  font-style: normal !important;
  white-space: nowrap;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-update p,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-focus-line {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #687487 !important;
  font: 500 11px/1.45 var(--eds-font-ui) !important;
}

/* The new snapshot makes the old duplicate focus-tile bank unnecessary. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-matter-focus,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-priority-panel {
  display: none !important;
}

/* Messages */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-message-card {
  grid-area: messages !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-message {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 10px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.07) !important;
  background: transparent !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-message strong {
  color: #172a40 !important;
  font: 700 11px/1.3 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-message em {
  color: #87909d !important;
  font: 600 9px/1.3 var(--eds-font-ui) !important;
  font-style: normal !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-message p {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #687487 !important;
  font: 500 10.5px/1.42 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-message-card > .client-command-link {
  align-self: flex-start !important;
  margin-top: 12px !important;
}

/* Next court date */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-card {
  grid-area: court !important;
  text-align: left !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-box {
  display: grid !important;
  width: 82px !important;
  min-height: 94px !important;
  margin: 1px 0 13px !important;
  padding: 10px 8px !important;
  align-content: center !important;
  justify-items: center !important;
  border: 1px solid rgba(12, 31, 54, 0.11) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #fffdfa, #f7f2e9) !important;
  box-shadow: 0 6px 18px rgba(10, 29, 50, 0.05) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-box span {
  color: #a4762f !important;
  font: 800 10px/1 var(--eds-font-label) !important;
  letter-spacing: 0.12em !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-box strong {
  margin: 3px 0 !important;
  color: #081a2e !important;
  font: 400 32px/1 Georgia, "Times New Roman", serif !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-box em {
  color: #7a8492 !important;
  font: 700 9px/1 var(--eds-font-ui) !important;
  font-style: normal !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-card > p {
  margin: 0 0 5px !important;
  color: #1b2b40 !important;
  font-size: 11px !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-date-card > .client-command-link {
  align-self: flex-start !important;
  margin-top: 13px !important;
}

/* Case documents */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-documents-card {
  grid-area: documents !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-file {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 5px 12px !important;
  min-height: 45px !important;
  align-items: center !important;
  padding: 9px 0 9px 42px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.07) !important;
  background: transparent !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-file::before {
  content: "DOC";
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-flex;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(188, 139, 61, 0.28);
  border-radius: 4px;
  color: #9b6f2a;
  background: #fbf4e7;
  font: 900 7px/1 var(--eds-font-label);
  letter-spacing: 0.06em;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-file strong {
  color: #172a40 !important;
  font: 700 11px/1.3 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-file em {
  color: #828c99 !important;
  font: 600 9px/1.3 var(--eds-font-ui) !important;
  font-style: normal !important;
}

/* Signature navy payment surface. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card {
  grid-area: payment !important;
  min-height: 300px !important;
  padding: 20px !important;
  border-color: rgba(216, 182, 108, 0.44) !important;
  color: #fff7e7 !important;
  background:
    radial-gradient(circle at 100% 100%, rgba(216, 182, 108, 0.16), transparent 34%),
    linear-gradient(145deg, #06182c 0%, #0a233d 100%) !important;
  box-shadow: 0 16px 34px rgba(4, 18, 34, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card:hover {
  border-color: rgba(216, 182, 108, 0.66) !important;
  box-shadow: 0 19px 40px rgba(4, 18, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card .client-command-card-head {
  border-bottom-color: rgba(216, 182, 108, 0.22) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card .client-command-card-head > span {
  color: #f7e6c1 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card .client-command-card-head a {
  border-color: rgba(216, 182, 108, 0.42) !important;
  color: #f2d89f !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card h2 {
  max-width: 285px !important;
  margin: 3px 0 7px !important;
  color: #fff8e9 !important;
  font: 400 26px/1.08 Georgia, "Times New Roman", serif !important;
  letter-spacing: -0.025em !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-copy {
  margin: 0 0 17px !important;
  color: rgba(240, 232, 217, 0.66) !important;
  font-size: 10.5px !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 0 18px !important;
  padding: 13px 0 !important;
  border-top: 1px solid rgba(216, 182, 108, 0.22) !important;
  border-bottom: 1px solid rgba(216, 182, 108, 0.22) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts > div {
  padding: 0 12px !important;
  border-right: 1px solid rgba(216, 182, 108, 0.18) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts > div:first-child {
  padding-left: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts > div:last-child {
  padding-right: 0 !important;
  border-right: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts span {
  color: #d8b66c !important;
  font: 800 8px/1.2 var(--eds-font-label) !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts strong {
  display: block !important;
  margin-top: 6px !important;
  color: #fff9ee !important;
  font: 400 17px/1.15 Georgia, "Times New Roman", serif !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card .client-command-payment-action {
  align-self: flex-start !important;
  margin-top: auto !important;
  border-color: #d8b66c !important;
  color: #06182c !important;
  background: linear-gradient(180deg, #e7c982, #c89945) !important;
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.20) !important;
}

/* Compact utility cards. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-tasks-card {
  grid-area: tasks !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-time-card {
  grid-area: time !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-team-card {
  grid-area: team !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-tasks-card h2,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-time-card h2 {
  margin: 2px 0 7px !important;
  color: #0a1b2e !important;
  font: 400 25px/1 Georgia, "Times New Roman", serif !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-tasks-card .client-command-muted,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-time-card .client-command-muted {
  margin: 0 0 6px !important;
  color: #6d7888 !important;
  font-size: 10.5px !important;
  line-height: 1.4 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-team {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: center !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(12, 31, 54, 0.07) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-team:last-child {
  border-bottom: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-team img,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-team .client-team-avatar,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-team .assigned-team-avatar {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(188, 139, 61, 0.34) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-team strong {
  display: block !important;
  color: #172a40 !important;
  font: 700 11px/1.25 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-team span,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-team em {
  display: block !important;
  margin-top: 2px !important;
  color: #748091 !important;
  font: 500 9px/1.35 var(--eds-font-ui) !important;
  font-style: normal !important;
}

/* Full-width timeline: one clean premium rail. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-timeline-preview {
  margin-top: 16px !important;
  padding: 20px 24px 22px !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 20px 6px 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline::before {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  top: 30px !important;
  width: auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(12, 31, 54, 0.28), rgba(188, 139, 61, 0.42), rgba(12, 31, 54, 0.18)) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-event {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  padding: 0 13px !important;
  text-align: center !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-node {
  position: relative !important;
  z-index: 2 !important;
  left: auto !important;
  top: auto !important;
  width: 16px !important;
  height: 16px !important;
  margin: 2px 0 14px !important;
  border: 3px solid #fffdfa !important;
  border-radius: 50% !important;
  background: #aab2bd !important;
  box-shadow: 0 0 0 1px rgba(12, 31, 54, 0.35) !important;
  transform: none !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-event.is-complete .client-command-live-timeline-node {
  background: #172b42 !important;
  box-shadow: 0 0 0 1px #172b42 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-event.is-current .client-command-live-timeline-node {
  width: 18px !important;
  height: 18px !important;
  margin-top: 1px !important;
  margin-bottom: 13px !important;
  background: #d8b66c !important;
  box-shadow: 0 0 0 2px #10263e, 0 0 0 5px rgba(216, 182, 108, 0.16) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-content {
  display: grid !important;
  gap: 4px !important;
  justify-items: center !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 5px 8px !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-meta span,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-meta em {
  color: #8a6b38 !important;
  font: 800 8px/1.2 var(--eds-font-label) !important;
  font-style: normal !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-content > strong {
  color: #172a40 !important;
  font: 700 11px/1.3 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-content small,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-content p {
  margin: 0 !important;
  color: #788393 !important;
  font: 500 9px/1.4 var(--eds-font-ui) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-footer {
  margin-top: 14px !important;
}

/* Intermediate desktop/tablet: preserve the hierarchy without crowding. */
@media (min-width: 901px) and (max-width: 1380px) {
  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro {
    grid-column: 1 / -1;
    padding: 16px 20px;
    border-right: 0;
    border-bottom: 1px solid rgba(216, 182, 108, 0.24);
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item {
    min-height: 88px;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-grid {
    grid-template-columns: minmax(390px, 1.15fr) minmax(290px, 0.85fr) !important;
    grid-template-areas:
      "matter court"
      "matter messages"
      "documents payment"
      "documents payment"
      "tasks team"
      "time team" !important;
  }
}

/* Mobile: retain the locked shell/header, then stack the flagship components. */
@media (max-width: 900px) {
  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 0 14px !important;
    border-radius: 10px;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-intro {
    grid-column: 1 / -1;
    padding: 16px;
    border-right: 0;
    border-bottom: 1px solid rgba(216, 182, 108, 0.24);
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-seal {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item {
    min-height: 94px;
    padding: 14px;
    border-right: 1px solid rgba(216, 182, 108, 0.18);
    border-bottom: 1px solid rgba(216, 182, 108, 0.18);
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item:nth-child(odd) {
    border-right: 0;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot-item:last-child {
    grid-column: 1 / -1;
    border-bottom: 0;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "matter"
      "court"
      "messages"
      "tasks"
      "documents"
      "payment"
      "team"
      "time" !important;
    gap: 12px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-card {
    height: auto !important;
    padding: 17px !important;
    border-radius: 10px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-large {
    padding: 18px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-card-large h2 {
    font-size: 27px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts {
    grid-template-columns: 1fr 1fr !important;
    row-gap: 12px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:nth-child(2) {
    border-right: 0 !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:nth-child(3) {
    grid-column: 1 / -1 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid rgba(12, 31, 54, 0.07) !important;
    border-right: 0 !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-card {
    min-height: 270px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-timeline-preview {
    margin-top: 12px !important;
    padding: 17px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 5px 0 0 !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline::before {
    left: 8px !important;
    right: auto !important;
    top: 9px !important;
    bottom: 8px !important;
    width: 2px !important;
    height: auto !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-event {
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    justify-items: stretch !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-node {
    grid-column: 1 !important;
    justify-self: start !important;
    margin: 0 !important;
    transform: translateX(0) !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-event.is-current .client-command-live-timeline-node {
    margin: -1px 0 0 -1px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-content {
    grid-column: 2 !important;
    justify-items: start !important;
    padding-left: 7px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-live-timeline-meta {
    justify-content: flex-start !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X3
   FLAGSHIP COMPONENT LOCK AND REUSABLE PRIMITIVES
   --------------------------------------------------------------------------
   Formalizes the QC-approved 2X2 dashboard as the component source of truth.
   These contracts are additive, preserve all approved visual geometry, and
   create reusable EDS class names for controlled propagation to client pages.
   ========================================================================== */

body.eds-component-source-v1 {
  --eds-component-card-border: var(--eds-dashboard-line, rgba(13, 31, 53, 0.105));
  --eds-component-card-radius: 12px;
  --eds-component-card-shadow: 0 7px 22px rgba(10, 29, 50, 0.055), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --eds-component-card-shadow-hover: 0 12px 30px rgba(10, 29, 50, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.94);
  --eds-component-action-radius: 5px;
  --eds-component-motion-fast: 160ms;
}

/* Component contracts: intentionally additive to the approved legacy aliases. */
body.eds-component-source-v1 :where(.eds-hero-rail, .eds-dashboard-grid, .eds-card, .eds-card__header, .eds-timeline-preview) {
  min-width: 0;
}

body.eds-component-source-v1 .eds-dashboard-grid {
  width: 100%;
}

body.eds-component-source-v1 .eds-card {
  isolation: isolate;
  contain: layout paint;
}

body.eds-component-source-v1 .eds-card__header,
body.eds-component-source-v1 .eds-card__header > span,
body.eds-component-source-v1 .eds-card__header > a {
  min-width: 0;
}

body.eds-component-source-v1 .eds-card__header > span {
  overflow-wrap: anywhere;
}

body.eds-component-source-v1 .eds-action-link,
body.eds-component-source-v1 .eds-hero-rail__item {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

body.eds-component-source-v1 .eds-action-link:focus-visible,
body.eds-component-source-v1 .eds-hero-rail__item:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(216, 182, 108, 0.34), 0 0 0 5px rgba(6, 24, 44, 0.30) !important;
}

body.eds-component-source-v1 .eds-card--navy .eds-action-link:focus-visible,
body.eds-component-source-v1 .eds-hero-rail__item:focus-visible {
  position: relative;
  z-index: 3;
}

body.eds-component-source-v1 .eds-timeline-preview__rail,
body.eds-component-source-v1 .eds-timeline-preview__rail > * {
  min-width: 0;
}

/* Pointer-specific elevation keeps the premium response off touch surfaces. */
@media (hover: none), (pointer: coarse) {
  body.eds-component-source-v1 .eds-card:hover,
  body.eds-component-source-v1 .eds-hero-rail__item:hover,
  body.eds-component-source-v1 .eds-action-link:hover {
    transform: none !important;
  }
}

/* Narrow desktop guard: preserve approved hierarchy without text compression. */
@media (min-width: 1381px) and (max-width: 1560px) {
  body.eds-component-source-v1 .eds-hero-rail__item {
    padding-inline: 14px;
  }

  body.eds-component-source-v1 .eds-hero-rail__item > strong {
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.eds-component-source-v1 .eds-card,
  body.eds-component-source-v1 .eds-action-link,
  body.eds-component-source-v1 .eds-hero-rail__item {
    transition-duration: 0.01ms !important;
  }
}


/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X4
   MY CASE PREMIUM PAGE REBUILD
   --------------------------------------------------------------------------
   Applies the locked 2X2/2X3 flagship component language to the client-facing
   My Case page. Scope is client role only; admin Case Snapshot remains legacy.
   ========================================================================== */

body.eds-my-case-v1.client-concept-c-page {
  --eds-case-canvas: #f7f5f0;
  --eds-case-card: rgba(255, 253, 249, 0.985);
  --eds-case-line: rgba(13, 31, 53, 0.105);
  --eds-case-muted: #6c7788;
  --eds-case-navy: #06182c;
  --eds-case-navy-2: #0a223b;
}

body.eds-my-case-v1.client-concept-c-page .client-command-main {
  background:
    radial-gradient(circle at 76% 4%, rgba(216, 182, 108, 0.052), transparent 25%),
    linear-gradient(180deg, #fbfaf7 0%, var(--eds-case-canvas) 100%) !important;
}

body.eds-my-case-v1 .eds-my-case-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 1.15fr) repeat(5, minmax(150px, 0.82fr));
  align-items: stretch;
  width: 100%;
  margin: 144px 0 20px !important;
  overflow: hidden;
  border: 1px solid rgba(216, 182, 108, 0.48);
  border-radius: 14px;
  color: #fff8e9;
  background:
    radial-gradient(circle at 12% -50%, rgba(216, 182, 108, 0.18), transparent 42%),
    linear-gradient(118deg, #061729 0%, #082039 55%, #06182c 100%);
  box-shadow: 0 18px 42px rgba(4, 18, 34, 0.18), inset 0 1px 0 rgba(255,255,255,0.06);
}

body.eds-my-case-v1 .eds-my-case-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, transparent 62%, rgba(216, 182, 108, 0.055) 100%);
}

body.eds-my-case-v1 .eds-my-case-hero__intro,
body.eds-my-case-v1 .eds-my-case-hero__item {
  position: relative;
  z-index: 1;
  min-width: 0;
}

body.eds-my-case-v1 .eds-my-case-hero__intro {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 22px;
  border-right: 1px solid rgba(216, 182, 108, 0.28);
}

body.eds-my-case-v1 .eds-my-case-hero__seal {
  display: inline-flex;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(216, 182, 108, 0.82);
  border-radius: 50%;
  color: #e1bf78;
  background: rgba(255,255,255,0.025);
  box-shadow: inset 0 0 0 5px rgba(216, 182, 108, 0.06);
  font: 400 30px/1 Georgia, "Times New Roman", serif;
}

body.eds-my-case-v1 .eds-my-case-hero__intro > span:last-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

body.eds-my-case-v1 .eds-my-case-hero__intro strong {
  color: #fff7e8;
  font: 400 19px/1.08 Georgia, "Times New Roman", serif;
  letter-spacing: 0.01em;
}

body.eds-my-case-v1 .eds-my-case-hero__intro em {
  overflow: hidden;
  color: rgba(229, 204, 151, 0.86);
  font: 700 10px/1.35 var(--eds-font-label);
  font-style: normal;
  letter-spacing: 0.085em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

body.eds-my-case-v1 .eds-my-case-hero__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 18px 17px;
  border-right: 1px solid rgba(216, 182, 108, 0.20);
  color: inherit !important;
  text-decoration: none !important;
  transition: background 160ms ease, transform 160ms ease;
}

body.eds-my-case-v1 .eds-my-case-hero__item:last-child { border-right: 0; }
body.eds-my-case-v1 .eds-my-case-hero__item:hover { z-index: 2; background: rgba(255,255,255,0.055); transform: translateY(-1px); }
body.eds-my-case-v1 .eds-my-case-hero__item > span { color: #d8b66c; font: 800 9px/1.2 var(--eds-font-label); letter-spacing: .12em; text-transform: uppercase; }
body.eds-my-case-v1 .eds-my-case-hero__item > strong { overflow: hidden; color: #fff9ec; font: 400 19px/1.12 Georgia, "Times New Roman", serif; letter-spacing: -.015em; text-overflow: ellipsis; white-space: nowrap; }
body.eds-my-case-v1 .eds-my-case-hero__item > em { overflow: hidden; color: rgba(239,232,218,.64); font: 500 10px/1.35 var(--eds-font-ui); font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

body.eds-my-case-v1 .eds-my-case-page {
  display: grid;
  gap: 16px;
  width: 100%;
  padding: 0 0 26px;
}

body.eds-my-case-v1 .eds-my-case-primary-grid,
body.eds-my-case-v1 .eds-my-case-secondary-grid {
  display: grid;
  gap: 16px;
  align-items: stretch;
}

body.eds-my-case-v1 .eds-my-case-primary-grid { grid-template-columns: minmax(0, 1.42fr) minmax(310px, .68fr); }
body.eds-my-case-v1 .eds-my-case-secondary-grid { grid-template-columns: minmax(330px, .76fr) minmax(0, 1.24fr); }

body.eds-my-case-v1 .eds-my-case-page .eds-card {
  position: relative !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-case-line) !important;
  border-radius: 12px !important;
  background: var(--eds-case-card) !important;
  box-shadow: 0 7px 22px rgba(10,29,50,.055), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

body.eds-my-case-v1 .eds-my-case-page .eds-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22px;
  width: 42px;
  height: 2px;
  background: linear-gradient(90deg, #b88942, #dfc58f);
}

body.eds-my-case-v1 .eds-my-case-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 26px !important;
  margin: 0 0 17px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(13,31,53,.08) !important;
}

body.eds-my-case-v1 .eds-my-case-card-head > span {
  color: #172a40 !important;
  font: 800 10px/1.25 var(--eds-font-label) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

body.eds-my-case-v1 .eds-my-case-card-head > a,
body.eds-my-case-v1 .eds-my-case-card-action {
  color: #8f6a34 !important;
  font: 800 9px/1.25 var(--eds-font-label) !important;
  letter-spacing: .055em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.eds-my-case-v1 .eds-my-case-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

body.eds-my-case-v1 .eds-my-case-kicker {
  margin: 0 0 7px;
  color: #9a7438;
  font: 800 9px/1.2 var(--eds-font-label);
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.eds-my-case-v1 .eds-my-case-title-row h2 {
  margin: 0;
  color: #0a1b2e;
  font: 400 clamp(28px, 2.5vw, 39px)/1.08 Georgia, "Times New Roman", serif;
  letter-spacing: -.025em;
}

body.eds-my-case-v1 .eds-my-case-lead {
  max-width: 760px;
  margin: 15px 0 20px;
  color: #687487;
  font: 500 12px/1.65 var(--eds-font-ui);
}

body.eds-my-case-v1 .eds-my-case-facts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  padding: 17px 0;
  border-top: 1px solid rgba(13,31,53,.075);
  border-bottom: 1px solid rgba(13,31,53,.075);
}

body.eds-my-case-v1 .eds-my-case-facts > div {
  min-width: 0;
  padding: 0 14px;
  border-right: 1px solid rgba(13,31,53,.075);
}
body.eds-my-case-v1 .eds-my-case-facts > div:first-child { padding-left: 0; }
body.eds-my-case-v1 .eds-my-case-facts > div:last-child { padding-right: 0; border-right: 0; }
body.eds-my-case-v1 .eds-my-case-facts dt { margin: 0 0 6px; color: #8a6b38; font: 800 8px/1.2 var(--eds-font-label); letter-spacing: .10em; text-transform: uppercase; }
body.eds-my-case-v1 .eds-my-case-facts dd { overflow-wrap: anywhere; margin: 0; color: #172a40; font: 700 11px/1.35 var(--eds-font-ui); }

body.eds-my-case-v1 .eds-my-case-guidance {
  display: grid;
  gap: 5px;
  margin-top: 17px;
  padding: 14px 16px;
  border: 1px solid rgba(188,139,61,.20);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(247,242,231,.82), rgba(255,253,249,.94));
}
body.eds-my-case-v1 .eds-my-case-guidance strong { color: #172a40; font: 800 10px/1.25 var(--eds-font-label); letter-spacing: .055em; text-transform: uppercase; }
body.eds-my-case-v1 .eds-my-case-guidance p { margin: 0; color: #6d7888; font: 500 10.5px/1.55 var(--eds-font-ui); }

body.eds-my-case-v1 .eds-my-case-page .eds-my-case-court {
  min-height: 330px !important;
  color: #fff7e8 !important;
  border-color: rgba(216,182,108,.44) !important;
  background:
    radial-gradient(circle at 82% 0%, rgba(216,182,108,.16), transparent 36%),
    linear-gradient(145deg, var(--eds-case-navy) 0%, var(--eds-case-navy-2) 100%) !important;
  box-shadow: 0 18px 38px rgba(4,18,34,.18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
body.eds-my-case-v1 .eds-my-case-page .eds-my-case-court::before { background: linear-gradient(90deg, #d6b56d, #f0d59c); }
body.eds-my-case-v1 .eds-my-case-court .eds-my-case-card-head { border-bottom-color: rgba(229,204,151,.20) !important; }
body.eds-my-case-v1 .eds-my-case-court .eds-my-case-card-head > span { color: #f6e7c7 !important; }
body.eds-my-case-v1 .eds-my-case-court .eds-my-case-card-head > a,
body.eds-my-case-v1 .eds-my-case-court .eds-action-link { color: #dfc17f !important; }

body.eds-my-case-v1 .eds-my-case-court-date {
  display: grid;
  width: 126px;
  min-height: 146px;
  place-content: center;
  justify-items: center;
  margin: 7px auto 18px;
  border: 1px solid rgba(229,204,151,.35);
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  box-shadow: inset 0 0 0 5px rgba(216,182,108,.035);
}
body.eds-my-case-v1 .eds-my-case-court-date span { color: #d9b86f; font: 800 10px/1 var(--eds-font-label); letter-spacing: .15em; }
body.eds-my-case-v1 .eds-my-case-court-date strong { margin: 8px 0 5px; color: #fff9ec; font: 400 52px/.9 Georgia, "Times New Roman", serif; }
body.eds-my-case-v1 .eds-my-case-court-date em { color: rgba(239,232,218,.68); font: 700 10px/1 var(--eds-font-ui); font-style: normal; }
body.eds-my-case-v1 .eds-my-case-court-copy,
body.eds-my-case-v1 .eds-my-case-court-empty { display: grid; gap: 12px; text-align: center; }
body.eds-my-case-v1 .eds-my-case-court-copy p,
body.eds-my-case-v1 .eds-my-case-court-empty p { margin: 0; color: rgba(239,232,218,.72); font: 500 10.5px/1.55 var(--eds-font-ui); }
body.eds-my-case-v1 .eds-my-case-court-empty { min-height: 220px; place-content: center; }
body.eds-my-case-v1 .eds-my-case-court-empty strong { color: #fff7e8; font: 400 23px/1.18 Georgia, "Times New Roman", serif; }

body.eds-my-case-v1 .eds-my-case-list,
body.eds-my-case-v1 .eds-my-case-document-list { display: grid; }
body.eds-my-case-v1 .eds-my-case-list-item,
body.eds-my-case-v1 .eds-my-case-document {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 11px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid rgba(13,31,53,.07);
}
body.eds-my-case-v1 .eds-my-case-list-item:last-child,
body.eds-my-case-v1 .eds-my-case-document:last-child { border-bottom: 0; }
body.eds-my-case-v1 .eds-my-case-list-marker {
  width: 15px;
  height: 15px;
  margin: 2px 0 0 2px;
  border: 2px solid #b98b43;
  border-radius: 50%;
  background: #fffdfa;
  box-shadow: 0 0 0 4px rgba(185,139,67,.08);
}
body.eds-my-case-v1 .eds-my-case-document-icon {
  display: inline-grid;
  width: 27px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(188,139,61,.30);
  border-radius: 4px;
  color: #8c6732;
  background: rgba(247,242,231,.78);
  font: 800 7px/1 var(--eds-font-label);
  letter-spacing: .05em;
}
body.eds-my-case-v1 .eds-my-case-list-item strong,
body.eds-my-case-v1 .eds-my-case-document strong { display: block; color: #172a40; font: 700 11px/1.35 var(--eds-font-ui); }
body.eds-my-case-v1 .eds-my-case-list-item em,
body.eds-my-case-v1 .eds-my-case-document em { display: block; margin-top: 3px; color: #8a6b38; font: 700 8px/1.35 var(--eds-font-label); font-style: normal; letter-spacing: .055em; text-transform: uppercase; }
body.eds-my-case-v1 .eds-my-case-list-item p,
body.eds-my-case-v1 .eds-my-case-document p { margin: 4px 0 0; color: #747f8f; font: 500 9.5px/1.45 var(--eds-font-ui); }
body.eds-my-case-v1 .eds-my-case-card-action { display: inline-flex; margin-top: 15px; }

body.eds-my-case-v1 .eds-my-case-empty {
  display: grid;
  min-height: 170px;
  place-content: center;
  gap: 6px;
  padding: 22px;
  border: 1px dashed rgba(188,139,61,.30);
  border-radius: 8px;
  background: rgba(247,244,238,.68);
  text-align: center;
}
body.eds-my-case-v1 .eds-my-case-empty strong { color: #172a40; font: 700 11px/1.35 var(--eds-font-ui); }
body.eds-my-case-v1 .eds-my-case-empty p { margin: 0; color: #768191; font: 500 10px/1.5 var(--eds-font-ui); }
body.eds-my-case-v1 .eds-my-case-empty--wide { min-height: 205px; }

body.eds-my-case-v1 .eds-my-case-timeline { margin-top: 0; }
body.eds-my-case-v1 .eds-my-case-timeline-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 0;
  padding: 20px 4px 2px;
}
body.eds-my-case-v1 .eds-my-case-timeline-list::before {
  content: "";
  position: absolute;
  left: 7.5%;
  right: 7.5%;
  top: 31px;
  height: 2px;
  background: linear-gradient(90deg, rgba(12,31,54,.28), rgba(188,139,61,.42), rgba(12,31,54,.18));
}
body.eds-my-case-v1 .eds-my-case-timeline-event {
  position: relative;
  display: grid;
  justify-items: center;
  min-width: 0;
  padding: 0 12px;
  text-align: center;
}
body.eds-my-case-v1 .eds-my-case-timeline-marker {
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
  margin: 2px 0 14px;
  border: 3px solid #fffdfa;
  border-radius: 50%;
  background: #aab2bd;
  box-shadow: 0 0 0 1px rgba(12,31,54,.35);
}
body.eds-my-case-v1 .eds-my-case-timeline-event.is-complete .eds-my-case-timeline-marker { background: #172b42; box-shadow: 0 0 0 1px #172b42; }
body.eds-my-case-v1 .eds-my-case-timeline-event.is-active .eds-my-case-timeline-marker { width: 18px; height: 18px; margin-top: 1px; margin-bottom: 13px; background: #d8b66c; box-shadow: 0 0 0 2px #10263e, 0 0 0 5px rgba(216,182,108,.16); }
body.eds-my-case-v1 .eds-my-case-timeline-event > div { display: grid; gap: 5px; justify-items: center; min-width: 0; }
body.eds-my-case-v1 .eds-my-case-timeline-meta { display: grid; gap: 3px; justify-items: center; }
body.eds-my-case-v1 .eds-my-case-timeline-meta span,
body.eds-my-case-v1 .eds-my-case-timeline-meta em { color: #8a6b38; font: 800 8px/1.25 var(--eds-font-label); font-style: normal; letter-spacing: .065em; text-transform: uppercase; }
body.eds-my-case-v1 .eds-my-case-timeline-event strong { color: #172a40; font: 700 11px/1.3 var(--eds-font-ui); }
body.eds-my-case-v1 .eds-my-case-timeline-event p { margin: 0; color: #788393; font: 500 9px/1.42 var(--eds-font-ui); }

body.eds-my-case-v1 .eds-my-case-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: -2px;
  padding: 12px 2px 0;
  color: #7b8491;
  font: 700 8px/1.35 var(--eds-font-label);
  letter-spacing: .055em;
  text-transform: uppercase;
}

@media (min-width: 901px) and (max-width: 1380px) {
  body.eds-my-case-v1 .eds-my-case-hero { grid-template-columns: repeat(5, minmax(0,1fr)); }
  body.eds-my-case-v1 .eds-my-case-hero__intro { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid rgba(216,182,108,.24); }
  body.eds-my-case-v1 .eds-my-case-hero__item { min-height: 88px; }
  body.eds-my-case-v1 .eds-my-case-facts { grid-template-columns: repeat(3, minmax(0,1fr)); row-gap: 14px; }
  body.eds-my-case-v1 .eds-my-case-facts > div:nth-child(3) { border-right: 0; }
  body.eds-my-case-v1 .eds-my-case-facts > div:nth-child(n+4) { padding-top: 14px; border-top: 1px solid rgba(13,31,53,.07); }
}

@media (max-width: 900px) {
  body.eds-my-case-v1 .eds-my-case-hero {
    grid-template-columns: repeat(2, minmax(0,1fr));
    margin: 116px 0 14px !important;
    border-radius: 10px;
  }
  body.eds-my-case-v1 .eds-my-case-hero__intro { grid-column: 1 / -1; padding: 16px; border-right: 0; border-bottom: 1px solid rgba(216,182,108,.24); }
  body.eds-my-case-v1 .eds-my-case-hero__seal { flex-basis: 44px; width: 44px; height: 44px; font-size: 24px; }
  body.eds-my-case-v1 .eds-my-case-hero__item { min-height: 94px; padding: 14px; border-right: 1px solid rgba(216,182,108,.18); border-bottom: 1px solid rgba(216,182,108,.18); }
  body.eds-my-case-v1 .eds-my-case-hero__item:nth-child(odd) { border-right: 0; }
  body.eds-my-case-v1 .eds-my-case-hero__item:last-child { grid-column: 1 / -1; border-bottom: 0; }
  body.eds-my-case-v1 .eds-my-case-primary-grid,
  body.eds-my-case-v1 .eds-my-case-secondary-grid { grid-template-columns: 1fr; gap: 12px; }
  body.eds-my-case-v1 .eds-my-case-page { gap: 12px; padding-bottom: 18px; }
  body.eds-my-case-v1 .eds-my-case-page .eds-card { padding: 17px !important; border-radius: 10px !important; }
  body.eds-my-case-v1 .eds-my-case-page .eds-card::before { left: 17px; }
  body.eds-my-case-v1 .eds-my-case-title-row { align-items: flex-start; }
  body.eds-my-case-v1 .eds-my-case-title-row h2 { font-size: 28px; }
  body.eds-my-case-v1 .eds-my-case-facts { grid-template-columns: repeat(2, minmax(0,1fr)); row-gap: 13px; }
  body.eds-my-case-v1 .eds-my-case-facts > div { padding: 0 11px; }
  body.eds-my-case-v1 .eds-my-case-facts > div:nth-child(2n) { border-right: 0; }
  body.eds-my-case-v1 .eds-my-case-facts > div:nth-child(n+3) { padding-top: 13px; border-top: 1px solid rgba(13,31,53,.07); }
  body.eds-my-case-v1 .eds-my-case-facts > div:last-child { grid-column: 1 / -1; padding-left: 0; }
  body.eds-my-case-v1 .eds-my-case-court { min-height: 300px !important; }
  body.eds-my-case-v1 .eds-my-case-timeline-list { grid-template-columns: 1fr; gap: 16px; padding: 4px 0 0; }
  body.eds-my-case-v1 .eds-my-case-timeline-list::before { left: 8px; right: auto; top: 9px; bottom: 8px; width: 2px; height: auto; }
  body.eds-my-case-v1 .eds-my-case-timeline-event { grid-template-columns: 24px minmax(0,1fr); justify-items: stretch; padding: 0; text-align: left; }
  body.eds-my-case-v1 .eds-my-case-timeline-marker { grid-column: 1; justify-self: start; margin: 0; }
  body.eds-my-case-v1 .eds-my-case-timeline-event.is-active .eds-my-case-timeline-marker { margin: -1px 0 0 -1px; }
  body.eds-my-case-v1 .eds-my-case-timeline-event > div { grid-column: 2; justify-items: start; padding-left: 7px; }
  body.eds-my-case-v1 .eds-my-case-timeline-meta { justify-items: start; }
  body.eds-my-case-v1 .eds-my-case-footer { flex-direction: column; gap: 4px; }
}

@media (hover: none), (pointer: coarse) {
  body.eds-my-case-v1 .eds-my-case-hero__item:hover,
  body.eds-my-case-v1 .eds-my-case-page .eds-card:hover { transform: none !important; }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X4A
   MY CASE DESKTOP TOP GAP CORRECTION
   --------------------------------------------------------------------------
   Removes the excessive desktop clearance between the locked frozen command
   header and the My Case at-a-glance rail. Mobile header-stack clearance is
   intentionally preserved without change.
   ========================================================================== */

@media (min-width: 901px) {
  body.eds-my-case-v1 .eds-my-case-hero {
    margin-top: 24px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X4C
   SHARED CLIENT CONTENT ORIGIN LOCK
   --------------------------------------------------------------------------
   Establishes one desktop content origin beneath the locked fixed command
   header for every EDS component-source page. The Dashboard and My Case page
   now reserve header clearance in the same place (the main content container)
   and their first EDS hero rail begins at the same vertical coordinate.

   This replaces page-specific top-margin compensation. It changes no mobile
   spacing, component geometry, route, data, authentication, or business logic.
   ========================================================================== */

@media (min-width: 901px) {
  body.eds-component-source-v1.client-concept-c-page {
    --eds-client-desktop-content-origin: 144px;
  }

  body.eds-component-source-v1.client-concept-c-page .client-command-main {
    padding-top: var(--eds-client-desktop-content-origin) !important;
  }

  body.eds-component-source-v1.client-concept-c-page .client-command-main > .eds-hero-rail {
    margin-top: 0 !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X5
   EDS FROZEN HEADER VISUAL REBUILD
   --------------------------------------------------------------------------
   Rebuilds the authenticated client header as a formal EDS component while
   preserving the locked frozen/sticky mechanics, sidebar relationship,
   profile access, mobile shellbar stack, navigation behavior, and page data.

   Design intent:
   - Reduce inherited 2.0 scale and ornament.
   - Establish one restrained header anatomy across Dashboard and client pages.
   - Preserve a shared content origin so page-to-page navigation does not jump.
   - Keep the admin header untouched until the client design system is locked.
   ========================================================================== */

@media (min-width: 901px) {
  :root {
    --eds-client-frozen-header-height: 108px;
    --eds-client-content-origin: 132px;
  }

  /* One shared origin beneath the rebuilt frozen header. */
  body.client-concept-c-page .client-command-main,
  body.client-shell-page .client-command-main.client-shell-main {
    padding-top: var(--eds-client-content-origin) !important;
  }

  body.eds-component-source-v1.client-concept-c-page {
    --eds-client-desktop-content-origin: var(--eds-client-content-origin);
  }

  body.eds-component-source-v1.client-concept-c-page .client-command-main > .eds-hero-rail,
  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot,
  body.eds-my-case-v1 .eds-my-case-hero {
    margin-top: 0 !important;
  }

  /* EDS frozen-header frame. Function remains fixed; visual language changes. */
  body.client-concept-c-page .client-command-titlebar,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar {
    position: fixed !important;
    top: 0 !important;
    left: 232px !important;
    right: 0 !important;
    z-index: 1400 !important;
    width: auto !important;
    height: var(--eds-client-frozen-header-height) !important;
    min-height: var(--eds-client-frozen-header-height) !important;
    max-height: var(--eds-client-frozen-header-height) !important;
    margin: 0 !important;
    padding: 17px 30px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(13, 31, 53, 0.09) !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 92% -65%, rgba(216, 185, 121, 0.11), transparent 36%),
      linear-gradient(180deg, rgba(255, 253, 248, 0.998) 0%, rgba(251, 248, 242, 0.992) 100%) !important;
    box-shadow:
      0 12px 30px rgba(5, 11, 19, 0.055),
      inset 0 -1px 0 rgba(255, 255, 255, 0.78) !important;
    backdrop-filter: blur(16px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
    transform: translateZ(0) !important;
  }

  body.client-concept-c-page .client-command-titlebar::after,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar::after {
    content: "" !important;
    position: absolute !important;
    left: 30px !important;
    right: 30px !important;
    bottom: 0 !important;
    height: 1px !important;
    opacity: 1 !important;
    background: linear-gradient(
      90deg,
      rgba(196, 160, 98, 0.62) 0,
      rgba(196, 160, 98, 0.22) 13%,
      rgba(13, 31, 53, 0.06) 42%,
      rgba(13, 31, 53, 0.02) 100%
    ) !important;
    pointer-events: none !important;
  }

  body.client-concept-c-page .client-command-titlebar > div:first-child,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar > div:first-child {
    position: relative !important;
    min-width: 0 !important;
    padding-left: 18px !important;
  }

  body.client-concept-c-page .client-command-titlebar > div:first-child::before,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar > div:first-child::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
    bottom: 3px !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700)) !important;
    box-shadow: 0 0 0 1px rgba(196, 160, 98, 0.08) !important;
  }

  body.client-concept-c-page .client-command-titlebar .eyebrow,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar .eyebrow {
    margin: 0 0 5px !important;
    color: var(--eds-gold-700) !important;
    font-family: var(--eds-font-label) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
  }

  body.client-concept-c-page .client-command-titlebar h1,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1 {
    max-width: min(820px, calc(100vw - 520px)) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    color: var(--eds-ink-950) !important;
    font-family: var(--eds-font-display) !important;
    font-size: clamp(36px, 3.15vw, 52px) !important;
    font-weight: 500 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.036em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .client-command-titlebar h1::before,
  body.client-concept-c-page .client-command-titlebar h1::after,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1::before,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1::after {
    display: none !important;
    content: none !important;
  }

  /* Profile access becomes a compact premium control instead of a floating pill. */
  body.client-concept-c-page .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    position: relative !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    min-width: 0 !important;
    max-width: 242px !important;
    margin: 0 !important;
    padding: 7px 12px 7px 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(196, 160, 98, 0.25) !important;
    border-radius: 10px !important;
    color: var(--eds-ink-950) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 7px 18px rgba(5, 11, 19, 0.055) !important;
    text-decoration: none !important;
    transition:
      transform var(--eds-duration-fast) var(--eds-ease-standard),
      border-color var(--eds-duration-fast) var(--eds-ease-standard),
      box-shadow var(--eds-duration-fast) var(--eds-ease-standard),
      background var(--eds-duration-fast) var(--eds-ease-standard) !important;
  }

  body.client-concept-c-page .client-command-user.client-command-user-link:hover,
  body.client-shell-page .client-shell-profile-pill:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(196, 160, 98, 0.48) !important;
    background: rgba(255, 253, 248, 0.98) !important;
    box-shadow: 0 11px 24px rgba(5, 11, 19, 0.075) !important;
  }

  body.client-concept-c-page .client-command-user.client-command-user-link:focus-visible,
  body.client-shell-page .client-shell-profile-pill:focus-visible {
    outline: 2px solid var(--eds-gold-500) !important;
    outline-offset: 3px !important;
    box-shadow: var(--eds-shadow-focus) !important;
  }

  body.client-concept-c-page .client-command-avatar,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    flex-basis: 40px !important;
    overflow: hidden !important;
    border: 1px solid rgba(196, 160, 98, 0.58) !important;
    border-radius: 50% !important;
    color: var(--eds-ivory-50) !important;
    background: var(--eds-navy-850) !important;
    box-shadow: 0 4px 11px rgba(5, 11, 19, 0.11) !important;
  }

  body.client-concept-c-page .client-command-user strong,
  body.client-shell-page .client-shell-profile-pill strong {
    display: block !important;
    max-width: 168px !important;
    overflow: hidden !important;
    color: var(--eds-ink-900) !important;
    font-family: var(--eds-font-ui) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .client-command-user em,
  body.client-shell-page .client-shell-profile-pill em {
    display: block !important;
    margin-top: 2px !important;
    color: var(--eds-muted-600) !important;
    font-family: var(--eds-font-ui) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

@media (max-width: 900px) {
  /* The locked mobile shellbar remains untouched. Only the command header is rebuilt. */
  body.client-concept-c-page .client-command-titlebar,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar {
    position: sticky !important;
    top: var(--cc2-mobile-shellbar-h, 104px) !important;
    z-index: 4500 !important;
    width: 100% !important;
    min-height: 66px !important;
    max-height: none !important;
    margin: 0 0 12px !important;
    padding: 10px 12px 11px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(13, 31, 53, 0.09) !important;
    border-radius: 0 !important;
    background:
      radial-gradient(circle at 92% -65%, rgba(216, 185, 121, 0.10), transparent 42%),
      linear-gradient(180deg, rgba(255, 253, 248, 0.998), rgba(251, 248, 242, 0.992)) !important;
    box-shadow: 0 8px 20px rgba(5, 11, 19, 0.065) !important;
    backdrop-filter: blur(14px) saturate(1.03) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.03) !important;
  }

  body.client-concept-c-page .client-command-titlebar::after,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(196, 160, 98, 0.56), rgba(13, 31, 53, 0.05) 56%, transparent) !important;
    pointer-events: none !important;
  }

  body.client-concept-c-page .client-command-titlebar > div:first-child,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar > div:first-child {
    position: relative !important;
    min-width: 0 !important;
    padding-left: 11px !important;
  }

  body.client-concept-c-page .client-command-titlebar > div:first-child::before,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar > div:first-child::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 3px !important;
    bottom: 2px !important;
    width: 2px !important;
    border-radius: 2px !important;
    background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700)) !important;
  }

  body.client-concept-c-page .client-command-titlebar .eyebrow,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar .eyebrow {
    margin: 0 0 4px !important;
    color: var(--eds-gold-700) !important;
    font-family: var(--eds-font-label) !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
  }

  body.client-concept-c-page .client-command-titlebar h1,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1 {
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    color: var(--eds-ink-950) !important;
    font-family: var(--eds-font-display) !important;
    font-size: clamp(26px, 7vw, 33px) !important;
    font-weight: 500 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.038em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .client-command-titlebar h1::before,
  body.client-concept-c-page .client-command-titlebar h1::after,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1::before,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1::after {
    display: none !important;
    content: none !important;
  }

  body.client-concept-c-page .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    align-self: center !important;
    justify-self: end !important;
    min-width: 0 !important;
    max-width: 130px !important;
    margin: 0 !important;
    padding: 4px 8px 4px 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: hidden !important;
    border: 1px solid rgba(196, 160, 98, 0.25) !important;
    border-radius: 8px !important;
    color: var(--eds-ink-950) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 5px 12px rgba(5, 11, 19, 0.05) !important;
    text-decoration: none !important;
  }

  body.client-concept-c-page .client-command-avatar,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex-basis: 34px !important;
    border: 1px solid rgba(196, 160, 98, 0.58) !important;
    border-radius: 50% !important;
    background: var(--eds-navy-850) !important;
    box-shadow: 0 3px 8px rgba(5, 11, 19, 0.10) !important;
  }

  body.client-concept-c-page .client-command-user strong,
  body.client-shell-page .client-shell-profile-pill strong {
    display: block !important;
    max-width: 76px !important;
    overflow: hidden !important;
    color: var(--eds-ink-900) !important;
    font-family: var(--eds-font-ui) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .client-command-user em,
  body.client-shell-page .client-shell-profile-pill em {
    display: none !important;
  }

  /* No page-specific mobile compensation beneath the now in-flow sticky header. */
  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot,
  body.eds-my-case-v1 .eds-my-case-hero,
  body.eds-component-source-v1.client-concept-c-page .client-command-main > .eds-hero-rail {
    margin-top: 0 !important;
  }
}

@media (max-width: 520px) {
  body.client-concept-c-page .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    padding: 2px !important;
    justify-content: center !important;
    border-radius: 8px !important;
  }

  body.client-concept-c-page .client-command-user.client-command-user-link > span:last-child,
  body.client-shell-page .client-shell-profile-pill > span:last-child {
    display: none !important;
  }

  body.client-concept-c-page .client-command-avatar,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    flex-basis: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.client-concept-c-page .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    transition-duration: 0.01ms !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X5A
   FROZEN HEADER PARITY AND PROFILE ASSET LOCK
   --------------------------------------------------------------------------
   Infrastructure correction. Legacy dashboard-only selectors carried greater
   specificity than the 2X5 EDS header rules, allowing the Dashboard header and
   photo treatment to remain larger than shared client pages. This layer gives
   the EDS header contract controlling specificity across both render paths.

   Locked result:
   - Dashboard and shared client pages use one exact header box model.
   - Title, eyebrow, profile control, avatar, and image crop are identical.
   - Shared content origin remains unchanged; no page-to-page visual shift.
   - Frozen/sticky mechanics, navigation, routes, data, and admin remain intact.
   ========================================================================== */

@media (min-width: 901px) {
  body.client-concept-c-page:not(.client-shell-page) .client-command-titlebar,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar {
    box-sizing: border-box !important;
    position: fixed !important;
    top: 0 !important;
    left: 232px !important;
    right: 0 !important;
    width: auto !important;
    height: var(--eds-client-frozen-header-height, 108px) !important;
    min-height: var(--eds-client-frozen-header-height, 108px) !important;
    max-height: var(--eds-client-frozen-header-height, 108px) !important;
    margin: 0 !important;
    padding: 17px 30px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-titlebar > div:first-child,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar > div:first-child {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding-left: 18px !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-titlebar .eyebrow,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar .eyebrow {
    margin: 0 0 5px !important;
    font-family: var(--eds-font-label) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.20em !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-titlebar h1,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1 {
    box-sizing: border-box !important;
    max-width: min(820px, calc(100vw - 520px)) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-family: var(--eds-font-display) !important;
    font-size: clamp(36px, 3.15vw, 52px) !important;
    font-weight: 500 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.036em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    box-sizing: border-box !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 242px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 7px 12px 7px 7px !important;
    gap: 10px !important;
    border: 1px solid rgba(196, 160, 98, 0.25) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 7px 18px rgba(5, 11, 19, 0.055) !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar,
  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar.has-photo,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar.has-photo {
    box-sizing: border-box !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(196, 160, 98, 0.58) !important;
    border-radius: 50% !important;
    background: var(--eds-navy-850) !important;
    box-shadow: 0 4px 11px rgba(5, 11, 19, 0.11) !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar img,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link strong,
  body.client-shell-page .client-shell-profile-pill strong {
    max-width: 168px !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link em,
  body.client-shell-page .client-shell-profile-pill em {
    margin-top: 2px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 900px) {
  body.client-concept-c-page:not(.client-shell-page) .client-command-titlebar,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar {
    box-sizing: border-box !important;
    min-height: 66px !important;
    max-height: none !important;
    padding: 10px 12px 11px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-titlebar h1,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar h1 {
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: clamp(26px, 7vw, 33px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.038em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    box-sizing: border-box !important;
    align-self: center !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 130px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 4px 8px 4px 4px !important;
    gap: 7px !important;
    border-radius: 8px !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar,
  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar.has-photo,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar.has-photo {
    box-sizing: border-box !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(196, 160, 98, 0.58) !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 8px rgba(5, 11, 19, 0.10) !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar img,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }
}

@media (max-width: 520px) {
  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link,
  body.client-shell-page .client-shell-profile-pill {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 2px !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar,
  body.client-concept-c-page:not(.client-shell-page) .client-command-user.client-command-user-link .client-command-avatar.has-photo,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar,
  body.client-shell-page .client-shell-profile-pill .client-command-avatar.has-photo {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    flex: 0 0 32px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X5B
   SHARED HEADER COMPONENT AND KEYLINE LOCK
   --------------------------------------------------------------------------
   Structural EDS correction. Dashboard and shared client pages previously
   rendered separate header markup, and legacy selector specificity could
   suppress the decorative keyline on only one path. Both paths now call the
   same PHP header component and render one real DOM keyline element.

   Locked result:
   - One authenticated client-header renderer across the client platform.
   - One profile-control anatomy and one keyline element.
   - Legacy pseudo-element dividers are disabled.
   - Desktop and mobile line length, position, color, and opacity are identical.
   ========================================================================== */

body.client-concept-c-page .eds-client-header::after,
body.client-shell-page .eds-client-header.client-shell-titlebar::after {
  content: none !important;
  display: none !important;
}

body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
  box-sizing: border-box !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

@media (min-width: 901px) {
  body.client-concept-c-page .eds-client-header,
  body.client-shell-page .eds-client-header.client-shell-titlebar {
    isolation: isolate !important;
  }

  body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
  body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
    left: 30px !important;
    right: 30px !important;
    bottom: 0 !important;
    width: auto !important;
    background: linear-gradient(
      90deg,
      rgba(196, 160, 98, 0.62) 0,
      rgba(196, 160, 98, 0.22) 13%,
      rgba(13, 31, 53, 0.06) 42%,
      rgba(13, 31, 53, 0.02) 100%
    ) !important;
  }
}

@media (max-width: 900px) {
  body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
  body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;
    width: auto !important;
    background: linear-gradient(
      90deg,
      rgba(196, 160, 98, 0.56),
      rgba(13, 31, 53, 0.05) 56%,
      transparent
    ) !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X5C
   MOBILE STACK RESTORATION AND EDS KEYLINE BASELINE
   --------------------------------------------------------------------------
   Infrastructure correction after 2X5B mobile QC. The 2X5 visual rebuild
   inadvertently replaced the locked 2V6 fixed mobile stack with an in-flow
   sticky header and retained obsolete command-bar clearance. This layer
   restores the locked fixed-stack architecture without reverting the EDS
   header design or the shared PHP component.

   EDS header keyline contract v1.1:
   - short authoritative gold dash
   - intentional clear space
   - longer restrained rule
   - positioned closer to the title block
   - identical component anatomy on Dashboard and every client page
   ========================================================================== */

/* One explicit dash–space–rule anatomy. The keyline remains a real DOM
   component; no page-specific pseudo-element divider is permitted. */
body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
  display: grid !important;
  grid-template-columns: 58px 10px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 0 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  background: none !important;
  opacity: 1 !important;
}

body.client-concept-c-page .eds-client-header .eds-client-header-keyline::before,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline::before,
body.client-concept-c-page .eds-client-header .eds-client-header-keyline::after,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline::after {
  content: "" !important;
  display: block !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
}

body.client-concept-c-page .eds-client-header .eds-client-header-keyline::before,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline::before {
  grid-column: 1 !important;
  background: linear-gradient(90deg, rgba(184, 132, 54, 0.96), rgba(216, 185, 121, 0.90)) !important;
}

body.client-concept-c-page .eds-client-header .eds-client-header-keyline::after,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline::after {
  grid-column: 3 !important;
  background: linear-gradient(
    90deg,
    rgba(196, 160, 98, 0.42) 0%,
    rgba(13, 31, 53, 0.12) 38%,
    rgba(13, 31, 53, 0.035) 100%
  ) !important;
}

@media (min-width: 901px) {
  body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
  body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
    left: 30px !important;
    right: 30px !important;
    bottom: 8px !important;
    width: auto !important;
  }
}

@media (max-width: 900px) {
  :root {
    --cc2-mobile-commandbar-h: 66px;
    --eds-client-mobile-commandbar-h: 66px;
    --eds-client-mobile-stack-gap: 12px;
  }

  /* Reassert the locked 2V6 mobile infrastructure. The public logo/Menu bar
     remains frozen and untouched. The EDS client header is fixed immediately
     beneath it on every authenticated client route. */
  body.client-concept-c-page .cc2-mobile-shellbar.client-mobile-shellbar,
  body.client-shell-page .cc2-mobile-shellbar.client-mobile-shellbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9000 !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.client-concept-c-page .eds-client-header,
  body.client-shell-page .eds-client-header.client-shell-titlebar {
    box-sizing: border-box !important;
    position: fixed !important;
    top: var(--cc2-mobile-shellbar-h, 104px) !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 4600 !important;
    width: auto !important;
    height: var(--eds-client-mobile-commandbar-h) !important;
    min-height: var(--eds-client-mobile-commandbar-h) !important;
    max-height: var(--eds-client-mobile-commandbar-h) !important;
    margin: 0 !important;
    padding: 9px 12px 10px !important;
    overflow: hidden !important;
    transform: none !important;
  }

  /* Reserve one exact stack height. No page may add its own mobile top
     clearance, sticky offset, or hero compensation. */
  body.client-concept-c-page .client-command-main,
  body.client-shell-page .client-command-main.client-shell-main {
    padding-top: calc(
      var(--cc2-mobile-shellbar-h, 104px)
      + var(--eds-client-mobile-commandbar-h)
      + var(--eds-client-mobile-stack-gap)
    ) !important;
  }

  body.client-concept-c-page .eds-client-header + *,
  body.client-shell-page .eds-client-header.client-shell-titlebar + *,
  body.client-shell-page .client-shell-titlebar + *,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar + .hero,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar + .hero.compact,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar + .client-action-page-hero,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar + .portal-standard-block,
  body.client-shell-page .client-command-titlebar.client-shell-titlebar + .panel,
  body.eds-client-dashboard-v1.client-concept-c-page .eds-command-snapshot,
  body.eds-my-case-v1 .eds-my-case-hero,
  body.eds-component-source-v1.client-concept-c-page .client-command-main > .eds-hero-rail {
    margin-top: 0 !important;
  }

  body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
  body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
    left: 12px !important;
    right: 12px !important;
    bottom: 7px !important;
    width: auto !important;
    grid-template-columns: 38px 8px minmax(0, 1fr) !important;
  }

  /* Preserve drawer supremacy over both frozen bars. */
  body.client-mobile-nav-open .client-command-rail {
    z-index: 11000 !important;
  }
  body.client-mobile-nav-open .cc2-mobile-nav-backdrop {
    z-index: 10000 !important;
  }
  body.client-mobile-nav-open .eds-client-header {
    z-index: 100 !important;
    pointer-events: none !important;
  }
  body.client-mobile-nav-open .cc2-mobile-shellbar.client-mobile-shellbar {
    z-index: 8900 !important;
  }
}

@media (max-width: 520px) {
  :root {
    --cc2-mobile-commandbar-h: 66px;
    --eds-client-mobile-commandbar-h: 66px;
    --eds-client-mobile-stack-gap: 12px;
  }

  body.client-concept-c-page .eds-client-header,
  body.client-shell-page .eds-client-header.client-shell-titlebar {
    left: 14px !important;
    right: 14px !important;
    height: var(--eds-client-mobile-commandbar-h) !important;
    min-height: var(--eds-client-mobile-commandbar-h) !important;
    max-height: var(--eds-client-mobile-commandbar-h) !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X6
   MESSAGES PREMIUM PAGE REBUILD
   --------------------------------------------------------------------------
   Applies the locked EDS flagship component language to the dedicated client
   Messages page. This layer changes only client-facing presentation and page
   anatomy. Message/request POST handling, CSRF, database writes, routing,
   authentication, matter authorization, shared shell, frozen headers, mobile
   stack, navigation, and admin communications remain unchanged.
   ========================================================================== */

body.eds-messages-v1 {
  --eds-messages-line: rgba(13, 31, 53, 0.105);
  --eds-messages-muted: #6f7d90;
  --eds-messages-navy: #071e36;
}

body.eds-messages-v1 .eds-messages-hero {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.35fr) repeat(4, minmax(148px, 1fr)) !important;
  width: auto !important;
  min-height: 86px !important;
  margin: 0 30px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 160, 98, 0.44) !important;
  border-radius: 12px !important;
  color: #fffdf8 !important;
  background: linear-gradient(102deg, #1c2730 0%, #0b2037 43%, #071b31 100%) !important;
  box-shadow: 0 13px 30px rgba(6, 21, 37, 0.12) !important;
}

body.eds-messages-v1 .eds-messages-hero__brand,
body.eds-messages-v1 .eds-messages-hero__item {
  min-width: 0 !important;
  padding: 17px 18px !important;
  border-right: 1px solid rgba(216, 185, 121, 0.27) !important;
}

body.eds-messages-v1 .eds-messages-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.eds-messages-v1 .eds-messages-hero__emblem {
  display: grid !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  place-items: center !important;
  border: 1px solid rgba(216, 185, 121, 0.72) !important;
  border-radius: 50% !important;
  color: #dfc17f !important;
  background: rgba(6, 24, 44, 0.34) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 29px !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 5px rgba(196, 160, 98, 0.045) !important;
}

body.eds-messages-v1 .eds-messages-hero__brand > span:last-child,
body.eds-messages-v1 .eds-messages-hero__item {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
}

body.eds-messages-v1 .eds-messages-hero__brand strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
}

body.eds-messages-v1 .eds-messages-hero__brand small,
body.eds-messages-v1 .eds-messages-hero__item small {
  color: rgba(236, 238, 241, 0.64) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.eds-messages-v1 .eds-messages-hero__item:last-child {
  border-right: 0 !important;
}

body.eds-messages-v1 .eds-messages-hero__item > span {
  color: #dfc17f !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body.eds-messages-v1 .eds-messages-hero__item > strong {
  overflow-wrap: anywhere !important;
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
}

body.eds-messages-v1 .eds-messages-hero__item--warning > strong {
  font-family: var(--eds-font-ui) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body.eds-messages-v1 .eds-messages-page {
  display: grid !important;
  gap: 18px !important;
  margin: 0 30px 32px !important;
}

body.eds-messages-v1 .eds-messages-flash {
  margin: 0 !important;
}

body.eds-messages-v1 .eds-messages-compose-grid,
body.eds-messages-v1 .eds-messages-history-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, 0.85fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.eds-messages-v1 .eds-messages-compose-grid .eds-card,
body.eds-messages-v1 .eds-messages-history-grid .eds-card {
  border-radius: 12px !important;
  box-shadow: var(--eds-component-card-shadow) !important;
}

body.eds-messages-v1 .eds-messages-compose-card {
  border-color: rgba(216, 185, 121, 0.30) !important;
  background: linear-gradient(145deg, #071d34 0%, #0b2744 100%) !important;
  box-shadow: 0 16px 38px rgba(5, 20, 36, 0.16) !important;
}

body.eds-messages-v1 .eds-messages-compose-card::after {
  content: "E" !important;
  position: absolute !important;
  right: -14px !important;
  bottom: -72px !important;
  color: rgba(216, 185, 121, 0.09) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 190px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body.eds-messages-v1 .eds-messages-card-header {
  position: relative !important;
  z-index: 2 !important;
  align-items: flex-start !important;
  border-bottom: 1px solid var(--eds-messages-line) !important;
}

body.eds-messages-v1 .eds-messages-card-header > div {
  display: grid !important;
  gap: 7px !important;
}

body.eds-messages-v1 .eds-messages-compose-card .eds-messages-card-header {
  border-bottom-color: rgba(216, 185, 121, 0.23) !important;
}

body.eds-messages-v1 .eds-messages-compose-card .eds-type-feature,
body.eds-messages-v1 .eds-messages-compose-card .eds-eyebrow {
  color: #fffdf8 !important;
}

body.eds-messages-v1 .eds-messages-compose-card .eds-eyebrow {
  color: #dfc17f !important;
}

body.eds-messages-v1 .eds-messages-secure-badge {
  color: #071d34 !important;
  border-color: rgba(216, 185, 121, 0.54) !important;
  background: linear-gradient(135deg, #e6cb91, #c9a65d) !important;
}

body.eds-messages-v1 .eds-messages-compose-card .eds-card__body,
body.eds-messages-v1 .eds-messages-request-card .eds-card__body {
  position: relative !important;
  z-index: 2 !important;
}

body.eds-messages-v1 .eds-messages-intro {
  margin: 0 0 18px !important;
  color: rgba(243, 244, 246, 0.76) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

body.eds-messages-v1 .eds-messages-form {
  display: grid !important;
  gap: 14px !important;
}

body.eds-messages-v1 .eds-messages-form .eds-field-group,
body.eds-messages-v1 .eds-messages-form > label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 !important;
}

body.eds-messages-v1 .eds-messages-form > label:not(.eds-field-group) {
  color: var(--eds-ink-900) !important;
}

body.eds-messages-v1 .eds-messages-compose-card .eds-field-label,
body.eds-messages-v1 .eds-messages-compose-card form > label {
  color: #dfc17f !important;
}

body.eds-messages-v1 .eds-messages-form .eds-field,
body.eds-messages-v1 .eds-messages-form .eds-select,
body.eds-messages-v1 .eds-messages-form .eds-textarea,
body.eds-messages-v1 .eds-messages-form input:not([type="hidden"]):not([type="submit"]):not([type="button"]),
body.eds-messages-v1 .eds-messages-form select,
body.eds-messages-v1 .eds-messages-form textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 5px !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 14px !important;
}

body.eds-messages-v1 .eds-messages-compose-card .eds-field,
body.eds-messages-v1 .eds-messages-compose-card .eds-select,
body.eds-messages-v1 .eds-messages-compose-card .eds-textarea,
body.eds-messages-v1 .eds-messages-compose-card input:not([type="hidden"]),
body.eds-messages-v1 .eds-messages-compose-card select,
body.eds-messages-v1 .eds-messages-compose-card textarea {
  border-color: rgba(216, 185, 121, 0.28) !important;
  background: rgba(255, 253, 248, 0.975) !important;
}

body.eds-messages-v1 .eds-messages-form .eds-textarea,
body.eds-messages-v1 .eds-messages-form textarea {
  min-height: 126px !important;
  resize: vertical !important;
}

body.eds-messages-v1 .eds-messages-request-form .eds-textarea,
body.eds-messages-v1 .eds-messages-request-form textarea {
  min-height: 104px !important;
}

body.eds-messages-v1 .eds-messages-form-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 2px !important;
}

body.eds-messages-v1 .eds-messages-form-footer--right {
  justify-content: flex-end !important;
}

body.eds-messages-v1 .eds-messages-form-note {
  max-width: 470px !important;
  color: rgba(243, 244, 246, 0.62) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body.eds-messages-v1 .eds-messages-request-card .eds-body {
  margin-bottom: 17px !important;
}

body.eds-messages-v1 .eds-messages-history-card {
  min-height: 260px !important;
  overflow: hidden !important;
}

body.eds-messages-v1 .eds-messages-history-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 20px !important;
  width: 40px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #b88436, #e0c17e) !important;
}

body.eds-messages-v1 .eds-messages-history-body {
  display: grid !important;
  gap: 0 !important;
  padding-top: 0 !important;
  --eds-divider-clearance: 0px;
}

body.eds-messages-v1 .eds-communication-entry {
  display: grid !important;
  gap: 8px !important;
  padding: 18px 0 !important;
  border-top: 1px solid var(--eds-messages-line) !important;
}

body.eds-messages-v1 .eds-communication-entry:first-child {
  padding-top: 18px !important;
  border-top: 0 !important;
}

body.eds-messages-v1 .eds-communication-entry__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.eds-messages-v1 .eds-communication-entry__meta time {
  color: var(--eds-messages-muted) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.eds-messages-v1 .eds-communication-entry h3 {
  margin: 0 !important;
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.eds-messages-v1 .eds-communication-entry__case {
  margin: 0 !important;
  color: #8b6b32 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.eds-messages-v1 .eds-communication-entry__body {
  color: #4f5d70 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
  overflow-wrap: anywhere !important;
}

body.eds-messages-v1 .eds-messages-empty {
  min-height: 190px !important;
  padding: 30px 22px !important;
}

body.eds-messages-v1 .eds-messages-empty strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 15px !important;
}

body.eds-messages-v1 .eds-messages-empty span {
  color: var(--eds-messages-muted) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
}

@media (min-width: 901px) and (max-width: 1320px) {
  body.eds-messages-v1 .eds-messages-hero {
    grid-template-columns: minmax(228px, 1.3fr) repeat(4, minmax(122px, 1fr)) !important;
  }

  body.eds-messages-v1 .eds-messages-compose-grid,
  body.eds-messages-v1 .eds-messages-history-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.9fr) !important;
  }
}

@media (max-width: 900px) {
  body.eds-messages-v1 .eds-messages-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 14px 16px !important;
    border-radius: 11px !important;
  }

  body.eds-messages-v1 .eds-messages-hero__brand {
    grid-column: 1 / -1 !important;
    min-height: 92px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.27) !important;
  }

  body.eds-messages-v1 .eds-messages-hero__item {
    min-height: 102px !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.23) !important;
  }

  body.eds-messages-v1 .eds-messages-hero__item:nth-child(3),
  body.eds-messages-v1 .eds-messages-hero__item:nth-child(5) {
    border-right: 0 !important;
  }

  body.eds-messages-v1 .eds-messages-hero__item:nth-child(4),
  body.eds-messages-v1 .eds-messages-hero__item:nth-child(5) {
    border-bottom: 0 !important;
  }

  body.eds-messages-v1 .eds-messages-page {
    margin: 0 14px 24px !important;
    gap: 14px !important;
  }

  body.eds-messages-v1 .eds-messages-compose-grid,
  body.eds-messages-v1 .eds-messages-history-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.eds-messages-v1 .eds-messages-request-card {
    order: 2 !important;
  }

  body.eds-messages-v1 .eds-messages-form-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.eds-messages-v1 .eds-messages-form-footer .eds-btn {
    width: 100% !important;
  }

  body.eds-messages-v1 .eds-messages-form-note {
    max-width: none !important;
  }
}

@media (max-width: 520px) {
  body.eds-messages-v1 .eds-messages-hero__brand,
  body.eds-messages-v1 .eds-messages-hero__item {
    padding: 16px 14px !important;
  }

  body.eds-messages-v1 .eds-messages-hero__emblem {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    font-size: 27px !important;
  }

  body.eds-messages-v1 .eds-messages-hero__brand strong {
    font-size: 18px !important;
  }

  body.eds-messages-v1 .eds-messages-hero__item > strong {
    font-size: 17px !important;
  }

  body.eds-messages-v1 .eds-messages-card-header {
    gap: 10px !important;
  }

  body.eds-messages-v1 .eds-messages-compose-card .eds-type-feature {
    font-size: 25px !important;
  }

  body.eds-messages-v1 .eds-communication-entry__meta {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.eds-messages-v1 .eds-messages-compose-grid .eds-card:hover,
  body.eds-messages-v1 .eds-messages-history-grid .eds-card:hover {
    transform: none !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X7
   CASE FILE CENTER PREMIUM PAGE REBUILD
   --------------------------------------------------------------------------
   Client-role content only. Uses the locked 2X3 component system and 2X5C
   header/mobile infrastructure without changing routes, uploads, visibility,
   permissions, database structure, or the admin Case File Center.
   ========================================================================== */

body.eds-files-v1 {
  --eds-files-line: rgba(13, 31, 53, 0.105);
  --eds-files-muted: #6d7888;
  --eds-files-navy: #06182c;
  --eds-files-navy-2: #0a2440;
}

body.eds-files-v1.client-concept-c-page .client-command-main {
  background:
    radial-gradient(circle at 74% 3%, rgba(216, 182, 108, 0.05), transparent 25%),
    linear-gradient(180deg, #fbfaf7 0%, #f6f4ef 100%) !important;
}

body.eds-files-v1 .eds-files-hero {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1.3fr) repeat(4, minmax(150px, 0.86fr)) !important;
  align-items: stretch !important;
  margin: 0 30px 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 182, 108, 0.48) !important;
  border-radius: 13px !important;
  color: #fff8e9 !important;
  background:
    radial-gradient(circle at 11% -48%, rgba(216, 182, 108, 0.17), transparent 42%),
    linear-gradient(118deg, #061729 0%, #082039 56%, #06182c 100%) !important;
  box-shadow: 0 17px 39px rgba(4, 18, 34, 0.17), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

body.eds-files-v1 .eds-files-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, transparent 0%, transparent 63%, rgba(216, 182, 108, 0.055) 100%) !important;
}

body.eds-files-v1 .eds-files-hero__brand,
body.eds-files-v1 .eds-files-hero__item {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

body.eds-files-v1 .eds-files-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 19px 21px !important;
  border-right: 1px solid rgba(216, 182, 108, 0.28) !important;
}

body.eds-files-v1 .eds-files-hero__emblem {
  display: inline-flex !important;
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(216, 182, 108, 0.82) !important;
  border-radius: 50% !important;
  color: #e1bf78 !important;
  background: rgba(255,255,255,0.025) !important;
  box-shadow: inset 0 0 0 5px rgba(216, 182, 108, 0.06) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 29px !important;
  line-height: 1 !important;
}

body.eds-files-v1 .eds-files-hero__brand > span:last-child,
body.eds-files-v1 .eds-files-hero__item {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
}

body.eds-files-v1 .eds-files-hero__brand strong {
  color: #fff7e8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

body.eds-files-v1 .eds-files-hero__brand small,
body.eds-files-v1 .eds-files-hero__item small {
  color: rgba(239, 232, 218, 0.64) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.eds-files-v1 .eds-files-hero__item {
  padding: 17px 16px !important;
  border-right: 1px solid rgba(216, 182, 108, 0.20) !important;
}

body.eds-files-v1 .eds-files-hero__item:last-child {
  border-right: 0 !important;
}

body.eds-files-v1 .eds-files-hero__item > span {
  color: #d8b66c !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.eds-files-v1 .eds-files-hero__item > strong {
  overflow-wrap: anywhere !important;
  color: #fff9ec !important;
  font-family: var(--eds-font-display) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

body.eds-files-v1 .eds-files-page {
  display: grid !important;
  gap: 18px !important;
  margin: 0 30px 32px !important;
}

body.eds-files-v1 .eds-files-flash {
  margin: 0 !important;
}

body.eds-files-v1 .eds-files-primary-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.72fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.eds-files-v1 .eds-files-side-column {
  display: grid !important;
  gap: 18px !important;
}

body.eds-files-v1 .eds-files-primary-grid .eds-card {
  border-radius: 12px !important;
  box-shadow: var(--eds-component-card-shadow) !important;
}

body.eds-files-v1 .eds-files-library-card,
body.eds-files-v1 .eds-files-guidance-card {
  overflow: hidden !important;
  border-color: var(--eds-files-line) !important;
  background: rgba(255, 253, 249, 0.985) !important;
}

body.eds-files-v1 .eds-files-library-card::before,
body.eds-files-v1 .eds-files-guidance-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 20px !important;
  width: 42px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #b88436, #e0c17e) !important;
}

body.eds-files-v1 .eds-files-card-header {
  align-items: flex-start !important;
  border-bottom: 1px solid var(--eds-files-line) !important;
}

body.eds-files-v1 .eds-files-card-header > div {
  display: grid !important;
  gap: 7px !important;
}

body.eds-files-v1 .eds-files-intro {
  margin: 0 0 18px !important;
  color: var(--eds-files-muted) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.62 !important;
}

body.eds-files-v1 .eds-files-case-switcher {
  display: flex !important;
  gap: 8px !important;
  margin: 0 0 17px !important;
  padding: 3px 0 5px !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}

body.eds-files-v1 .eds-files-case-chip {
  display: inline-flex !important;
  min-width: max-content !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 9px 11px !important;
  border: 1px solid var(--eds-files-line) !important;
  border-radius: 6px !important;
  color: #536174 !important;
  background: #fffefa !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.eds-files-v1 .eds-files-case-chip strong {
  display: inline-grid !important;
  min-width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  color: #805f2e !important;
  background: rgba(216, 182, 108, 0.15) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
}

body.eds-files-v1 .eds-files-case-chip.is-active {
  border-color: rgba(184, 132, 54, 0.58) !important;
  color: #0a1e34 !important;
  background: linear-gradient(135deg, rgba(248, 241, 226, 0.92), #fffdfa) !important;
  box-shadow: inset 3px 0 0 #b88436 !important;
}

body.eds-files-v1 .eds-files-filter-form {
  display: grid !important;
  grid-template-columns: minmax(210px, 1.25fr) minmax(160px, 0.72fr) minmax(160px, 0.72fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  margin: 0 !important;
  padding: 15px !important;
  border: 1px solid rgba(184, 132, 54, 0.16) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(248, 244, 235, 0.88), rgba(255, 253, 249, 0.96)) !important;
}

body.eds-files-v1 .eds-files-filter-form .eds-field-group {
  gap: 6px !important;
  margin: 0 !important;
}

body.eds-files-v1 .eds-files-filter-form .eds-field,
body.eds-files-v1 .eds-files-filter-form .eds-select {
  box-sizing: border-box !important;
  margin: 0 !important;
  border-radius: 5px !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
}

body.eds-files-v1 .eds-files-filter-actions {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.eds-files-v1 .eds-files-filter-actions .eds-btn {
  min-height: 40px !important;
  padding-inline: 12px !important;
  white-space: nowrap !important;
}

body.eds-files-v1 .eds-files-results-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 18px 0 2px !important;
  padding: 0 1px 10px !important;
  border-bottom: 1px solid var(--eds-files-line) !important;
  color: #8b6b32 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.065em !important;
  text-transform: uppercase !important;
}

body.eds-files-v1 .eds-files-results-summary strong {
  color: #6d7888 !important;
  font-size: 9px !important;
}

body.eds-files-v1 .eds-files-category-list {
  display: grid !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

body.eds-files-v1 .eds-files-category {
  overflow: hidden !important;
  border: 1px solid var(--eds-files-line) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.68) !important;
}

body.eds-files-v1 .eds-files-category__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--eds-files-line) !important;
  background: rgba(248, 245, 238, 0.7) !important;
}

body.eds-files-v1 .eds-files-category__header > div {
  display: grid !important;
  gap: 4px !important;
}

body.eds-files-v1 .eds-files-category__header h3 {
  margin: 0 !important;
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.eds-files-v1 .eds-files-category__header > span {
  color: #7b8491 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
}

body.eds-files-v1 .eds-files-list {
  display: grid !important;
}

body.eds-files-v1 .eds-file-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto auto !important;
  gap: 13px !important;
  align-items: center !important;
  padding: 15px 16px !important;
  border-bottom: 1px solid var(--eds-files-line) !important;
}

body.eds-files-v1 .eds-file-row:last-child {
  border-bottom: 0 !important;
}

body.eds-files-v1 .eds-file-row__type {
  display: inline-grid !important;
  width: 38px !important;
  height: 44px !important;
  place-items: center !important;
  border: 1px solid rgba(184, 132, 54, 0.30) !important;
  border-radius: 5px !important;
  color: #8c6732 !important;
  background: rgba(247, 242, 231, 0.78) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0.045em !important;
}

body.eds-files-v1 .eds-file-row__content {
  min-width: 0 !important;
}

body.eds-files-v1 .eds-file-row__content h4 {
  overflow-wrap: anywhere !important;
  margin: 0 !important;
  color: #172a40 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

body.eds-files-v1 .eds-file-row__content p {
  margin: 4px 0 0 !important;
  color: #8a6b38 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
}

body.eds-files-v1 .eds-file-row__content small {
  display: block !important;
  margin-top: 4px !important;
  color: #788393 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body.eds-files-v1 .eds-file-row__approval {
  color: #2f6849 !important;
  background: #edf5ef !important;
}

body.eds-files-v1 .eds-file-row__download {
  min-height: 36px !important;
  padding: 8px 11px !important;
  font-size: 9px !important;
}

body.eds-files-v1 .eds-files-empty {
  min-height: 190px !important;
  margin-top: 14px !important;
  padding: 30px 22px !important;
}

body.eds-files-v1 .eds-files-empty strong {
  color: #172a40 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 15px !important;
}

body.eds-files-v1 .eds-files-empty span {
  color: var(--eds-files-muted) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
}

body.eds-files-v1 .eds-files-upload-card {
  border-color: rgba(216, 185, 121, 0.34) !important;
  background:
    radial-gradient(circle at 88% -5%, rgba(216, 182, 108, 0.16), transparent 38%),
    linear-gradient(145deg, var(--eds-files-navy) 0%, var(--eds-files-navy-2) 100%) !important;
  box-shadow: 0 18px 38px rgba(4,18,34,.18), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

body.eds-files-v1 .eds-files-upload-card::after {
  content: "E" !important;
  position: absolute !important;
  right: -20px !important;
  bottom: -74px !important;
  color: rgba(216, 185, 121, 0.085) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 190px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body.eds-files-v1 .eds-files-upload-card .eds-files-card-header,
body.eds-files-v1 .eds-files-upload-card .eds-card__body {
  position: relative !important;
  z-index: 2 !important;
}

body.eds-files-v1 .eds-files-upload-card .eds-files-card-header {
  border-bottom-color: rgba(216, 185, 121, 0.23) !important;
}

body.eds-files-v1 .eds-files-upload-card .eds-eyebrow {
  color: #dfc17f !important;
}

body.eds-files-v1 .eds-files-upload-card .eds-type-feature {
  color: #fffdf8 !important;
}

body.eds-files-v1 .eds-files-secure-badge {
  color: #071d34 !important;
  border-color: rgba(216, 185, 121, 0.54) !important;
  background: linear-gradient(135deg, #e6cb91, #c9a65d) !important;
}

body.eds-files-v1 .eds-files-upload-intro {
  margin: 0 0 17px !important;
  color: rgba(243, 244, 246, 0.74) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.58 !important;
}

body.eds-files-v1 .eds-files-upload-form {
  display: grid !important;
  gap: 13px !important;
}

body.eds-files-v1 .eds-files-upload-form .eds-field-group {
  gap: 7px !important;
  margin: 0 !important;
}

body.eds-files-v1 .eds-files-upload-form .eds-field-label {
  color: #dfc17f !important;
}

body.eds-files-v1 .eds-files-upload-form .eds-field,
body.eds-files-v1 .eds-files-upload-form .eds-select,
body.eds-files-v1 .eds-files-upload-form .eds-textarea,
body.eds-files-v1 .eds-file-input {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid rgba(216, 185, 121, 0.28) !important;
  border-radius: 5px !important;
  color: #0b1e33 !important;
  background: rgba(255, 253, 248, 0.98) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
}

body.eds-files-v1 .eds-file-input {
  min-height: 46px !important;
  padding: 8px !important;
}

body.eds-files-v1 .eds-file-input::file-selector-button {
  margin-right: 10px !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(184, 132, 54, 0.38) !important;
  border-radius: 4px !important;
  color: #0b1e33 !important;
  background: #f3e6c9 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

body.eds-files-v1 .eds-files-upload-form .eds-textarea {
  min-height: 96px !important;
}

body.eds-files-v1 .eds-files-upload-card .eds-btn--gold {
  width: 100% !important;
  color: #071d34 !important;
  border-color: #d8b66c !important;
  background: linear-gradient(135deg, #e6cb91, #c9a65d) !important;
  box-shadow: 0 8px 18px rgba(2, 12, 24, 0.24) !important;
}

body.eds-files-v1 .eds-files-guidance-list {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.eds-files-v1 .eds-files-guidance-list li {
  position: relative !important;
  padding-left: 20px !important;
  color: #677487 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}

body.eds-files-v1 .eds-files-guidance-list li::before {
  content: "" !important;
  position: absolute !important;
  left: 1px !important;
  top: 0.48em !important;
  width: 7px !important;
  height: 7px !important;
  border: 1px solid #b88436 !important;
  border-radius: 50% !important;
  background: rgba(216, 182, 108, 0.14) !important;
}

@media (min-width: 901px) and (max-width: 1320px) {
  body.eds-files-v1 .eds-files-hero {
    grid-template-columns: minmax(230px, 1.2fr) repeat(4, minmax(125px, 0.82fr)) !important;
  }

  body.eds-files-v1 .eds-files-primary-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.8fr) !important;
  }

  body.eds-files-v1 .eds-files-filter-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.eds-files-v1 .eds-files-filter-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
  }

  body.eds-files-v1 .eds-file-row {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
  }

  body.eds-files-v1 .eds-file-row__approval {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body.eds-files-v1 .eds-files-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 14px 16px !important;
    border-radius: 11px !important;
  }

  body.eds-files-v1 .eds-files-hero__brand {
    grid-column: 1 / -1 !important;
    min-height: 92px !important;
    padding: 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.27) !important;
  }

  body.eds-files-v1 .eds-files-hero__item {
    min-height: 96px !important;
    padding: 14px !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.22) !important;
  }

  body.eds-files-v1 .eds-files-hero__item:nth-child(3),
  body.eds-files-v1 .eds-files-hero__item:nth-child(5) {
    border-right: 0 !important;
  }

  body.eds-files-v1 .eds-files-hero__item:nth-child(4),
  body.eds-files-v1 .eds-files-hero__item:nth-child(5) {
    border-bottom: 0 !important;
  }

  body.eds-files-v1 .eds-files-page {
    margin: 0 14px 24px !important;
    gap: 14px !important;
  }

  body.eds-files-v1 .eds-files-primary-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.eds-files-v1 .eds-files-side-column {
    gap: 14px !important;
  }

  body.eds-files-v1 .eds-files-upload-card {
    order: -1 !important;
  }

  body.eds-files-v1 .eds-files-filter-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-files-v1 .eds-files-filter-actions {
    align-items: stretch !important;
  }

  body.eds-files-v1 .eds-files-filter-actions .eds-btn {
    flex: 1 1 0 !important;
  }

  body.eds-files-v1 .eds-file-row {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 11px !important;
    padding: 14px !important;
  }

  body.eds-files-v1 .eds-file-row__approval {
    display: none !important;
  }
}

@media (max-width: 560px) {
  body.eds-files-v1 .eds-files-hero__emblem {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 26px !important;
  }

  body.eds-files-v1 .eds-files-hero__brand strong {
    font-size: 18px !important;
  }

  body.eds-files-v1 .eds-files-hero__item > strong {
    font-size: 17px !important;
  }

  body.eds-files-v1 .eds-files-card-header {
    gap: 10px !important;
  }

  body.eds-files-v1 .eds-files-upload-card .eds-type-feature {
    font-size: 25px !important;
  }

  body.eds-files-v1 .eds-file-row {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  body.eds-files-v1 .eds-file-row__download {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  body.eds-files-v1 .eds-files-results-summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  body.eds-files-v1 .eds-files-category__header {
    align-items: flex-start !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.eds-files-v1 .eds-files-primary-grid .eds-card:hover,
  body.eds-files-v1 .eds-files-case-chip:hover {
    transform: none !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X8
   SHARED EDS CLIENT SIDEBAR COMPONENT AND VISUAL REFINEMENT

   Infrastructure protection:
   - Does not alter rail width, fixed/sticky positioning, desktop content offset,
     mobile drawer transform, z-index, backdrop, shellbar, close control, or JS.
   - Dashboard and shared-shell pages now render the same PHP sidebar component.
   - Visual changes are intentionally restrained and apply only inside the rail.
   ========================================================================== */

body.client-concept-c-page .eds-client-sidebar,
body.client-shell-page .eds-client-sidebar {
  --eds-sidebar-ivory: #fff8e8;
  --eds-sidebar-muted: rgba(239, 235, 224, 0.68);
  --eds-sidebar-gold: #d8b66c;
  --eds-sidebar-gold-soft: rgba(216, 182, 108, 0.42);
  --eds-sidebar-rule: rgba(216, 182, 108, 0.30);
  --eds-sidebar-active: rgba(255, 255, 255, 0.085);
  --eds-sidebar-hover: rgba(255, 255, 255, 0.052);
  background:
    radial-gradient(circle at 50% -6%, rgba(216, 182, 108, 0.13), transparent 27%),
    linear-gradient(180deg, #071626 0%, #061a30 49%, #03101f 100%) !important;
  border-right-color: rgba(216, 182, 108, 0.34) !important;
}

body.client-concept-c-page .eds-client-sidebar__brand,
body.client-shell-page .eds-client-sidebar__brand {
  position: relative !important;
  gap: 10px !important;
  border-bottom-color: var(--eds-sidebar-rule) !important;
  text-decoration: none !important;
}

body.client-concept-c-page .eds-client-sidebar__brand::after,
body.client-shell-page .eds-client-sidebar__brand::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -1px !important;
  width: 56px !important;
  height: 1px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(90deg, transparent, rgba(216, 182, 108, 0.94), transparent) !important;
}

body.client-concept-c-page .eds-client-sidebar__emblem,
body.client-shell-page .eds-client-sidebar__emblem {
  border-color: rgba(216, 182, 108, 0.82) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.008)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.025) inset,
    0 12px 30px rgba(0, 0, 0, 0.14) !important;
}

body.client-concept-c-page .eds-client-sidebar__wordmark strong,
body.client-shell-page .eds-client-sidebar__wordmark strong {
  font-family: var(--eds-font-display) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.025em !important;
  text-transform: none !important;
  color: var(--eds-sidebar-ivory) !important;
}

body.client-concept-c-page .eds-client-sidebar__wordmark em,
body.client-shell-page .eds-client-sidebar__wordmark em {
  margin-top: 5px !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--eds-sidebar-gold) !important;
}

body.client-concept-c-page .eds-client-sidebar__nav,
body.client-shell-page .eds-client-sidebar__nav {
  gap: 2px !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a,
body.client-shell-page .eds-client-sidebar__nav a {
  position: relative !important;
  min-height: 42px !important;
  padding: 0 13px 0 15px !important;
  border: 0 !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 4px 4px 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.005em !important;
  text-transform: none !important;
  transition:
    color var(--eds-duration-fast) var(--eds-ease-standard),
    background var(--eds-duration-fast) var(--eds-ease-standard),
    border-color var(--eds-duration-fast) var(--eds-ease-standard) !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a > span,
body.client-shell-page .eds-client-sidebar__nav a > span {
  position: relative !important;
  z-index: 1 !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a:hover,
body.client-shell-page .eds-client-sidebar__nav a:hover {
  color: #ffffff !important;
  border-left-color: rgba(216, 182, 108, 0.62) !important;
  background: var(--eds-sidebar-hover) !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a.is-active,
body.client-shell-page .eds-client-sidebar__nav a.is-active,
body.client-concept-c-page .eds-client-sidebar__nav a[aria-current="page"],
body.client-shell-page .eds-client-sidebar__nav a[aria-current="page"] {
  color: #ffffff !important;
  border-left-color: var(--eds-sidebar-gold) !important;
  background:
    linear-gradient(90deg, rgba(216, 182, 108, 0.08), transparent 72%),
    var(--eds-sidebar-active) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025) inset !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a.is-active::after,
body.client-shell-page .eds-client-sidebar__nav a.is-active::after,
body.client-concept-c-page .eds-client-sidebar__nav a[aria-current="page"]::after,
body.client-shell-page .eds-client-sidebar__nav a[aria-current="page"]::after {
  content: "" !important;
  position: absolute !important;
  right: 11px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: var(--eds-sidebar-gold) !important;
  box-shadow: 0 0 0 3px rgba(216, 182, 108, 0.10) !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a.client-command-logout,
body.client-shell-page .eds-client-sidebar__nav a.client-command-logout {
  margin-top: 10px !important;
  padding-top: 1px !important;
  border-top: 1px solid var(--eds-sidebar-rule) !important;
  color: rgba(255, 255, 255, 0.62) !important;
  background: transparent !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a.client-command-logout:hover,
body.client-shell-page .eds-client-sidebar__nav a.client-command-logout:hover {
  color: #ffffff !important;
  border-left-color: rgba(216, 182, 108, 0.62) !important;
  background: var(--eds-sidebar-hover) !important;
}

body.client-concept-c-page .eds-client-sidebar__secure,
body.client-shell-page .eds-client-sidebar__secure {
  position: relative !important;
  margin-top: auto !important;
  padding: 17px 3px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--eds-sidebar-rule) !important;
  background: transparent !important;
  color: var(--eds-sidebar-muted) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.55 !important;
}

body.client-concept-c-page .eds-client-sidebar__secure::before,
body.client-shell-page .eds-client-sidebar__secure::before {
  content: "" !important;
  position: absolute !important;
  top: -1px !important;
  left: 0 !important;
  width: 42px !important;
  height: 1px !important;
  background: var(--eds-sidebar-gold) !important;
}

body.client-concept-c-page .eds-client-sidebar__secure strong,
body.client-shell-page .eds-client-sidebar__secure strong {
  margin: 0 0 7px !important;
  color: var(--eds-sidebar-gold) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.105em !important;
  text-transform: uppercase !important;
}

body.client-concept-c-page .eds-client-sidebar__secure > span,
body.client-shell-page .eds-client-sidebar__secure > span {
  display: block !important;
}

body.client-concept-c-page .eds-client-sidebar__nav a:focus-visible,
body.client-shell-page .eds-client-sidebar__nav a:focus-visible,
body.client-concept-c-page .eds-client-sidebar__brand:focus-visible,
body.client-shell-page .eds-client-sidebar__brand:focus-visible {
  outline: 2px solid var(--eds-sidebar-gold) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

@media (min-width: 821px) {
  body.client-concept-c-page .eds-client-sidebar,
  body.client-shell-page .eds-client-sidebar {
    padding: 22px 16px 22px !important;
  }

  body.client-concept-c-page .eds-client-sidebar__brand,
  body.client-shell-page .eds-client-sidebar__brand {
    padding: 3px 0 21px !important;
    margin-bottom: 14px !important;
  }
}

@media (max-width: 820px) {
  /* Mobile infrastructure values are intentionally not redefined here. */
  body.client-concept-c-page .eds-client-sidebar__brand,
  body.client-shell-page .eds-client-sidebar__brand {
    margin-bottom: 15px !important;
  }

  body.client-concept-c-page .eds-client-sidebar__nav a,
  body.client-shell-page .eds-client-sidebar__nav a {
    min-height: 46px !important;
    font-size: 14px !important;
  }

  body.client-concept-c-page .eds-client-sidebar__secure,
  body.client-shell-page .eds-client-sidebar__secure {
    margin-top: 18px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.client-concept-c-page .eds-client-sidebar__nav a:hover,
  body.client-shell-page .eds-client-sidebar__nav a:hover {
    background: transparent !important;
    border-left-color: transparent !important;
    color: rgba(255, 255, 255, 0.78) !important;
  }

  body.client-concept-c-page .eds-client-sidebar__nav a.is-active,
  body.client-shell-page .eds-client-sidebar__nav a.is-active,
  body.client-concept-c-page .eds-client-sidebar__nav a[aria-current="page"],
  body.client-shell-page .eds-client-sidebar__nav a[aria-current="page"] {
    color: #ffffff !important;
    border-left-color: var(--eds-sidebar-gold) !important;
    background:
      linear-gradient(90deg, rgba(216, 182, 108, 0.08), transparent 72%),
      var(--eds-sidebar-active) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.client-concept-c-page .eds-client-sidebar__nav a,
  body.client-shell-page .eds-client-sidebar__nav a {
    transition: none !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X8A
   AUTHENTICATED HEADER KEYLINE AND TYPE BASELINE CORRECTION
   --------------------------------------------------------------------------
   Narrow EDS correction after 2X8 QC. Preserves the locked shared header
   renderer, fixed desktop header, fixed 2V6/2X5C mobile stack, profile control,
   sidebar, content origins, drawer mechanics, routes, and all page behavior.

   Controlling EDS result:
   - One unbroken authenticated-header keyline; no dash/gap anatomy.
   - One visible divider only; the redundant frame border is removed.
   - Display-font descenders render completely on every client title.
   - Dashboard and shared-shell pages use the identical contract.
   ========================================================================== */

/* The authenticated header has one deliberate lower rule. Eliminate the
   frame border and the superseded dash/space/rule pseudo-element anatomy. */
body.client-concept-c-page .eds-client-header,
body.client-shell-page .eds-client-header.client-shell-titlebar {
  border-bottom: 0 !important;
}

body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
  display: block !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 1 !important;
  background: linear-gradient(
    90deg,
    rgba(184, 132, 54, 0.92) 0%,
    rgba(196, 160, 98, 0.70) 14%,
    rgba(196, 160, 98, 0.34) 34%,
    rgba(13, 31, 53, 0.12) 66%,
    rgba(13, 31, 53, 0.025) 100%
  ) !important;
}

body.client-concept-c-page .eds-client-header .eds-client-header-keyline::before,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline::before,
body.client-concept-c-page .eds-client-header .eds-client-header-keyline::after,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline::after {
  content: none !important;
  display: none !important;
}

/* Give the approved display face enough line box for g, y, p, q, and j.
   Retain horizontal truncation protection without clipping descenders. */
body.client-concept-c-page .eds-client-header .eds-client-header-copy,
body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-copy {
  overflow: visible !important;
}

@media (min-width: 901px) {
  body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
  body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
    left: 30px !important;
    right: 30px !important;
    bottom: 8px !important;
    width: auto !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .eds-client-header h1,
  body.client-shell-page .eds-client-header.client-shell-titlebar h1 {
    line-height: 1.08 !important;
    padding: 0 0 0.055em !important;
  }
}

@media (max-width: 900px) {
  body.client-concept-c-page .eds-client-header .eds-client-header-keyline,
  body.client-shell-page .eds-client-header.client-shell-titlebar .eds-client-header-keyline {
    left: 12px !important;
    right: 12px !important;
    bottom: 7px !important;
    width: auto !important;
  }

  body.client-concept-c-page:not(.client-shell-page) .eds-client-header h1,
  body.client-shell-page .eds-client-header.client-shell-titlebar h1 {
    font-size: clamp(25px, 6.6vw, 31px) !important;
    line-height: 1.08 !important;
    padding: 0 0 0.045em !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X9
   TIMELINE EDS INTEGRATION
   --------------------------------------------------------------------------
   Applies the locked flagship EDS language to the dedicated client Timeline
   page while preserving the approved 2W5/2W6 mobile timeline anatomy, 2W7
   desktop rail alignment, next-upcoming marker logic, event ordering, shell,
   header, sidebar, routes, queries, and database behavior.

   Protected inner contract: this layer does not redefine .timeline-vertical
   rail coordinates, marker size/position, event grid columns, or marker state.
   ========================================================================== */

body.eds-timeline-v1 {
  --eds-timeline-page-line: rgba(13, 31, 53, 0.105);
  --eds-timeline-page-muted: #6f7d90;
  --eds-timeline-page-navy: #071e36;
}

body.eds-timeline-v1 .eds-timeline-hero {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.35fr) repeat(4, minmax(148px, 1fr)) !important;
  width: auto !important;
  min-height: 86px !important;
  margin: 0 30px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 160, 98, 0.44) !important;
  border-radius: 12px !important;
  color: #fffdf8 !important;
  background: linear-gradient(102deg, #1c2730 0%, #0b2037 43%, #071b31 100%) !important;
  box-shadow: 0 13px 30px rgba(6, 21, 37, 0.12) !important;
}

body.eds-timeline-v1 .eds-timeline-hero__brand,
body.eds-timeline-v1 .eds-timeline-hero__item {
  min-width: 0 !important;
  padding: 17px 18px !important;
  border-right: 1px solid rgba(216, 185, 121, 0.27) !important;
}

body.eds-timeline-v1 .eds-timeline-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.eds-timeline-v1 .eds-timeline-hero__emblem {
  display: grid !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  place-items: center !important;
  border: 1px solid rgba(216, 185, 121, 0.72) !important;
  border-radius: 50% !important;
  color: #dfc17f !important;
  background: rgba(6, 24, 44, 0.34) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 29px !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 5px rgba(196, 160, 98, 0.045) !important;
}

body.eds-timeline-v1 .eds-timeline-hero__brand > span:last-child,
body.eds-timeline-v1 .eds-timeline-hero__item {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
}

body.eds-timeline-v1 .eds-timeline-hero__brand strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
}

body.eds-timeline-v1 .eds-timeline-hero__brand small,
body.eds-timeline-v1 .eds-timeline-hero__item small {
  overflow: hidden !important;
  color: rgba(236, 238, 241, 0.64) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.eds-timeline-v1 .eds-timeline-hero__item:last-child {
  border-right: 0 !important;
}

body.eds-timeline-v1 .eds-timeline-hero__item > span {
  color: #dfc17f !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body.eds-timeline-v1 .eds-timeline-hero__item > strong {
  overflow-wrap: anywhere !important;
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
}

body.eds-timeline-v1 .eds-timeline-page {
  display: grid !important;
  gap: 18px !important;
  margin: 0 30px 32px !important;
}

body.eds-timeline-v1 .eds-timeline-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.34fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.eds-timeline-v1 .eds-timeline-record-card,
body.eds-timeline-v1 .eds-timeline-guide-card {
  border-radius: 12px !important;
}

body.eds-timeline-v1 .eds-timeline-record-card {
  overflow: hidden !important;
  border-color: rgba(13, 31, 53, 0.105) !important;
  box-shadow: var(--eds-component-card-shadow) !important;
}

body.eds-timeline-v1 .eds-timeline-record-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 20px !important;
  width: 40px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #b88436, #e0c17e) !important;
}

body.eds-timeline-v1 .eds-timeline-card-header,
body.eds-timeline-v1 .eds-timeline-guide-header {
  position: relative !important;
  z-index: 2 !important;
  align-items: flex-start !important;
}

body.eds-timeline-v1 .eds-timeline-card-header > div,
body.eds-timeline-v1 .eds-timeline-guide-header > div {
  display: grid !important;
  gap: 7px !important;
}

body.eds-timeline-v1 .eds-timeline-record-body {
  display: grid !important;
  gap: 16px !important;
  padding-top: 18px !important;
}

body.eds-timeline-v1 .eds-timeline-intro {
  margin: 0 !important;
  color: #647286 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

body.eds-timeline-v1 .eds-timeline-case {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(13, 31, 53, 0.105) !important;
  border-radius: 10px !important;
  background: #fffdf9 !important;
  box-shadow: 0 8px 22px rgba(7, 24, 42, 0.035) !important;
}

body.eds-timeline-v1 .eds-timeline-case + .eds-timeline-case {
  margin-top: 2px !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 86px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgba(13, 31, 53, 0.09) !important;
  background: linear-gradient(180deg, rgba(255, 253, 249, 0.98), rgba(249, 245, 237, 0.78)) !important;
  cursor: pointer !important;
}

body.eds-timeline-v1 .eds-timeline-case:not([open]) .eds-timeline-case__summary {
  border-bottom-color: transparent !important;
}

body.eds-timeline-v1 .eds-timeline-case__heading {
  display: grid !important;
  min-width: 0 !important;
  gap: 5px !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary .eds-eyebrow {
  color: #9a6e2d !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary strong {
  overflow-wrap: anywhere !important;
  color: #0b1e33 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary em {
  color: #718096 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary .timeline-count {
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: #7f673d !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

body.eds-timeline-v1 .eds-timeline-empty {
  min-height: 210px !important;
  margin: 0 !important;
}

body.eds-timeline-v1 .eds-timeline-empty--compact {
  min-height: 150px !important;
  margin: 18px !important;
  padding: 24px 18px !important;
}

body.eds-timeline-v1 .eds-timeline-empty strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 15px !important;
}

body.eds-timeline-v1 .eds-timeline-empty span {
  color: var(--eds-timeline-page-muted) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
}

body.eds-timeline-v1 .eds-timeline-guide-card {
  overflow: hidden !important;
  border-color: rgba(216, 185, 121, 0.30) !important;
  color: #fffdf8 !important;
  background: linear-gradient(145deg, #071d34 0%, #0b2744 100%) !important;
  box-shadow: 0 16px 38px rgba(5, 20, 36, 0.16) !important;
}

body.eds-timeline-v1 .eds-timeline-guide-card::after {
  content: "E" !important;
  position: absolute !important;
  right: -30px !important;
  bottom: -80px !important;
  color: rgba(216, 185, 121, 0.075) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 210px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body.eds-timeline-v1 .eds-timeline-guide-header {
  border-bottom-color: rgba(216, 185, 121, 0.24) !important;
}

body.eds-timeline-v1 .eds-timeline-guide-header .eds-eyebrow {
  color: #dfc17f !important;
}

body.eds-timeline-v1 .eds-timeline-guide-header .eds-type-feature {
  color: #fffdf8 !important;
  font-size: 27px !important;
}

body.eds-timeline-v1 .eds-timeline-guide-body {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  gap: 18px !important;
}

body.eds-timeline-v1 .eds-timeline-guide-body > p {
  margin: 0 !important;
  color: rgba(243, 244, 246, 0.76) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.58 !important;
}

body.eds-timeline-v1 .eds-timeline-next-card {
  display: grid !important;
  gap: 7px !important;
  padding: 16px !important;
  border: 1px solid rgba(216, 185, 121, 0.26) !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 248, 0.055) !important;
}

body.eds-timeline-v1 .eds-timeline-next-card > span,
body.eds-timeline-v1 .eds-timeline-control-note > strong {
  color: #dfc17f !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.eds-timeline-v1 .eds-timeline-next-card > strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

body.eds-timeline-v1 .eds-timeline-next-card > small {
  color: rgba(243, 244, 246, 0.65) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body.eds-timeline-v1 .eds-timeline-key {
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid rgba(216, 185, 121, 0.18) !important;
  border-bottom: 1px solid rgba(216, 185, 121, 0.18) !important;
}

body.eds-timeline-v1 .eds-timeline-key > div {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 11px !important;
  align-items: start !important;
  padding: 14px 0 !important;
  border-top: 1px solid rgba(216, 185, 121, 0.14) !important;
}

body.eds-timeline-v1 .eds-timeline-key > div:first-child {
  border-top: 0 !important;
}

body.eds-timeline-v1 .eds-timeline-key > div > span:last-child {
  display: grid !important;
  gap: 3px !important;
}

body.eds-timeline-v1 .eds-timeline-key strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.eds-timeline-v1 .eds-timeline-key small {
  color: rgba(243, 244, 246, 0.60) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

body.eds-timeline-v1 .eds-timeline-key__marker {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin-top: 3px !important;
  border: 2px solid rgba(216, 185, 121, 0.58) !important;
  border-radius: 50% !important;
  background: #fffdf8 !important;
  box-shadow: 0 0 0 4px rgba(216, 185, 121, 0.08) !important;
}

body.eds-timeline-v1 .eds-timeline-key__marker--current {
  border-color: #fffdf8 !important;
  background: radial-gradient(circle at center, #071d34 0 38%, #d8b66a 39% 68%, #fff7e7 69% 100%) !important;
  box-shadow: 0 0 0 4px rgba(216, 185, 121, 0.16) !important;
}

body.eds-timeline-v1 .eds-timeline-control-note {
  display: grid !important;
  gap: 7px !important;
  padding-top: 2px !important;
}

body.eds-timeline-v1 .eds-timeline-control-note p {
  margin: 0 !important;
  color: rgba(243, 244, 246, 0.66) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

@media (min-width: 901px) and (max-width: 1320px) {
  body.eds-timeline-v1 .eds-timeline-hero {
    grid-template-columns: minmax(228px, 1.3fr) repeat(4, minmax(122px, 1fr)) !important;
  }

  body.eds-timeline-v1 .eds-timeline-layout {
    grid-template-columns: minmax(0, 1fr) minmax(285px, 0.36fr) !important;
  }
}

@media (max-width: 900px) {
  body.eds-timeline-v1 .eds-timeline-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 14px 16px !important;
    border-radius: 11px !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__brand {
    grid-column: 1 / -1 !important;
    min-height: 92px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.27) !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__item {
    min-height: 102px !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.23) !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__item:nth-child(3),
  body.eds-timeline-v1 .eds-timeline-hero__item:nth-child(5) {
    border-right: 0 !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__item:nth-child(4),
  body.eds-timeline-v1 .eds-timeline-hero__item:nth-child(5) {
    border-bottom: 0 !important;
  }

  body.eds-timeline-v1 .eds-timeline-page {
    margin: 0 14px 24px !important;
    gap: 14px !important;
  }

  body.eds-timeline-v1 .eds-timeline-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.eds-timeline-v1 .eds-timeline-guide-card {
    order: 2 !important;
  }

  body.eds-timeline-v1 .eds-timeline-case__summary {
    align-items: flex-start !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 17px 16px !important;
  }

  body.eds-timeline-v1 .eds-timeline-case__summary strong {
    font-size: 22px !important;
  }

  body.eds-timeline-v1 .eds-timeline-case__summary .timeline-count {
    align-self: flex-start !important;
  }

  body.eds-timeline-v1 .eds-timeline-empty--compact {
    margin: 14px !important;
  }
}

@media (max-width: 520px) {
  body.eds-timeline-v1 .eds-timeline-hero__brand,
  body.eds-timeline-v1 .eds-timeline-hero__item {
    padding: 16px 14px !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__emblem {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    font-size: 27px !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__brand strong {
    font-size: 18px !important;
  }

  body.eds-timeline-v1 .eds-timeline-hero__item > strong {
    font-size: 17px !important;
  }

  body.eds-timeline-v1 .eds-timeline-card-header {
    gap: 10px !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.eds-timeline-v1 .eds-timeline-record-card:hover,
  body.eds-timeline-v1 .eds-timeline-guide-card:hover,
  body.eds-timeline-v1 .eds-timeline-case:hover {
    transform: none !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X9A
   TIMELINE EDS CONFIDENCE + HIERARCHY REFINEMENT
   --------------------------------------------------------------------------
   Corrects an emotionally flat, overly editorial timeline presentation.
   Preserves the locked 2W5/2W6/2W7 rail, marker, event-grid, ordering, and
   next-upcoming mechanics. This layer changes only hierarchy, surface,
   typography, client language, and the desktop guidance-card behavior.
   ========================================================================== */

body.eds-timeline-v1 .eds-timeline-record-card {
  background: #fffefb !important;
}

body.eds-timeline-v1 .eds-timeline-card-header .eds-type-section {
  color: #0a2038 !important;
  font-size: 28px !important;
  line-height: 1.06 !important;
}

body.eds-timeline-v1 .eds-timeline-intro {
  max-width: 760px !important;
  color: #53657a !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
}

body.eds-timeline-v1 .eds-timeline-case {
  border-color: rgba(10, 32, 56, 0.11) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(7, 24, 42, 0.045) !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary {
  min-height: 78px !important;
  padding: 16px 20px !important;
  border-bottom-color: rgba(10, 32, 56, 0.09) !important;
  background: #fffefb !important;
  box-shadow: inset 3px 0 0 rgba(190, 142, 64, 0.82) !important;
}

body.eds-timeline-v1 .eds-timeline-case--general .eds-timeline-case__summary {
  background: linear-gradient(90deg, rgba(246, 241, 231, 0.74), #fffefb 42%) !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary .eds-eyebrow {
  color: #8b6429 !important;
  font-size: 8px !important;
  letter-spacing: 0.14em !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary strong {
  color: #0a2038 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -0.012em !important;
  line-height: 1.24 !important;
}

body.eds-timeline-v1 .eds-timeline-case__summary em {
  color: #68788b !important;
  font-size: 10px !important;
  line-height: 1.42 !important;
}

body.eds-timeline-v1 .timeline-vertical-content {
  overflow: hidden !important;
  padding: 15px 17px !important;
  border-color: rgba(10, 32, 56, 0.115) !important;
  border-radius: 8px !important;
  background: #fffefb !important;
  box-shadow: 0 5px 14px rgba(7, 24, 42, 0.025) !important;
}

body.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .timeline-vertical-content {
  border-color: rgba(190, 142, 64, 0.52) !important;
  background: linear-gradient(95deg, rgba(248, 242, 229, 0.86), #fffefb 42%) !important;
  box-shadow: 0 9px 22px rgba(7, 24, 42, 0.055) !important;
}

body.eds-timeline-v1 .timeline-vertical-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 7px !important;
  color: #9a6b25 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.12em !important;
}

body.eds-timeline-v1 .timeline-vertical-meta span {
  margin: 0 !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(10, 32, 56, 0.08) !important;
  border-radius: 999px !important;
  color: #53667b !important;
  background: #f0f4f7 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.09em !important;
}

body.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .timeline-vertical-meta span {
  border-color: rgba(190, 142, 64, 0.28) !important;
  color: #71511f !important;
  background: rgba(221, 190, 124, 0.18) !important;
}

body.eds-timeline-v1 .timeline-vertical-content h3 {
  margin: 0 0 5px !important;
  color: #0a2038 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.012em !important;
}

body.eds-timeline-v1 .timeline-vertical-content p {
  margin: 0 !important;
  color: #66778a !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

body.eds-timeline-v1 .eds-timeline-guide-card {
  align-self: start !important;
}

@media (min-width: 901px) {
  body.eds-timeline-v1 .eds-timeline-guide-card {
    position: sticky !important;
    top: 132px !important;
  }
}

@media (max-width: 900px) {
  body.eds-timeline-v1 .eds-timeline-case__summary {
    padding: 16px !important;
  }

  body.eds-timeline-v1 .eds-timeline-case__summary strong {
    font-size: 17px !important;
  }

  body.eds-timeline-v1 .timeline-vertical-content {
    padding: 14px 15px !important;
  }

  body.eds-timeline-v1 .timeline-vertical-content h3 {
    font-size: 15px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X9B
   TIMELINE EXPERIENCE RECOMPOSITION
   --------------------------------------------------------------------------
   A substantive EDS redesign of the Timeline experience. This is not a minor
   polish layer. It creates a clear "what happens next" focal point, converts
   the event log into a disciplined operational record, and adds client-facing
   reassurance. Locked rail coordinates, markers, ordering, and next-event
   computation remain untouched.
   ========================================================================== */

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 122px 190px !important;
  align-items: stretch !important;
  width: auto !important;
  min-height: 132px !important;
  margin: 0 30px 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 185, 121, 0.42) !important;
  border-radius: 12px !important;
  color: #fffdf8 !important;
  background: linear-gradient(108deg, #071c32 0%, #0a2744 64%, #13283c 100%) !important;
  box-shadow: 0 16px 38px rgba(5, 20, 36, 0.13) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__status {
  min-width: 0 !important;
  padding: 22px 24px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy {
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus .eds-eyebrow,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-assurance-card .eds-eyebrow {
  color: #dfc17f !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy h2 {
  margin: 0 !important;
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: clamp(27px, 2vw, 36px) !important;
  font-weight: 500 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.05 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy p {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(243, 246, 249, 0.72) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__status {
  display: grid !important;
  place-content: center !important;
  gap: 4px !important;
  border-left: 1px solid rgba(216, 185, 121, 0.24) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date {
  text-align: center !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date span,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__status span {
  color: #dfc17f !important;
  font-family: var(--eds-font-label) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 40px !important;
  font-weight: 500 !important;
  line-height: 0.92 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date small,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__status small {
  color: rgba(243, 246, 249, 0.60) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__status strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-layout {
  grid-template-columns: minmax(0, 1fr) minmax(285px, 0.31fr) !important;
  gap: 18px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-record-card {
  border-color: rgba(10, 32, 56, 0.09) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(7, 24, 42, 0.055) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-card-header {
  min-height: 86px !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid rgba(10, 32, 56, 0.09) !important;
  background: #fffefb !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-card-header .eds-type-section {
  color: #0a2038 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 27px !important;
  font-weight: 500 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-record-body {
  gap: 14px !important;
  padding: 18px 20px 22px !important;
  background: #f7f8f9 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-intro {
  max-width: 820px !important;
  padding: 0 2px 2px !important;
  color: #55667a !important;
  font-size: 12px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case {
  border: 1px solid rgba(10, 32, 56, 0.10) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary {
  min-height: 72px !important;
  padding: 15px 18px !important;
  border-bottom-color: rgba(10, 32, 56, 0.08) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary::before {
  content: "" !important;
  align-self: stretch !important;
  width: 3px !important;
  margin-right: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #b88436, #dfc17f) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary {
  display: grid !important;
  grid-template-columns: 3px minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 14px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary .eds-timeline-case__heading {
  gap: 4px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary .eds-eyebrow {
  color: #8b6429 !important;
  font-size: 8px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary strong {
  color: #0a2038 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  letter-spacing: -0.012em !important;
  line-height: 1.25 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary em {
  color: #6c7b8c !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical {
  background: #ffffff !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface {
  display: grid !important;
  grid-template-columns: 112px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  min-height: 76px !important;
  padding: 15px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(10, 32, 56, 0.085) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event:last-child .timeline-vertical-content.eds-timeline-event__surface {
  border-bottom: 0 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event.is-recorded .timeline-vertical-content.eds-timeline-event__surface {
  background: #fcfcfb !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .timeline-vertical-content.eds-timeline-event__surface {
  border-bottom-color: rgba(216, 185, 121, 0.22) !important;
  background: linear-gradient(100deg, #091f37 0%, #0d2a48 100%) !important;
  box-shadow: 0 12px 26px rgba(7, 24, 42, 0.12) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__meta {
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__meta time {
  color: #8a642a !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__meta span {
  width: fit-content !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border: 1px solid rgba(10, 32, 56, 0.08) !important;
  border-radius: 999px !important;
  color: #5f6e7e !important;
  background: #edf1f4 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 7px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface h3 {
  margin: 0 !important;
  color: #0a2038 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.28 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface p {
  margin: 0 !important;
  color: #68788b !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 11px !important;
  line-height: 1.48 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .eds-timeline-event__meta time,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .timeline-vertical-content.eds-timeline-event__surface h3 {
  color: #fffdf8 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .eds-timeline-event__meta span {
  border-color: rgba(216, 185, 121, 0.34) !important;
  color: #f0d79f !important;
  background: rgba(216, 185, 121, 0.10) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event.is-next-upcoming .timeline-vertical-content.eds-timeline-event__surface p {
  color: rgba(243, 246, 249, 0.68) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__flag {
  align-self: center !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(216, 185, 121, 0.48) !important;
  border-radius: 999px !important;
  color: #f0d79f !important;
  background: rgba(216, 185, 121, 0.08) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-insight-column {
  display: grid !important;
  gap: 14px !important;
  align-self: start !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-guide-card {
  position: static !important;
  overflow: hidden !important;
  border-color: rgba(10, 32, 56, 0.10) !important;
  color: #0a2038 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(7, 24, 42, 0.05) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-guide-card::after {
  content: none !important;
  display: none !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-guide-header {
  border-bottom-color: rgba(10, 32, 56, 0.09) !important;
  background: #fffefb !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-guide-header .eds-eyebrow {
  color: #8b6429 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-guide-header .eds-type-feature {
  color: #0a2038 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-guide-body {
  gap: 12px !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-key {
  border-top: 0 !important;
  border-bottom: 1px solid rgba(10, 32, 56, 0.08) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-key > div {
  border-top-color: rgba(10, 32, 56, 0.08) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-key strong {
  color: #0a2038 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-key small,
html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-control-note p {
  color: #69798b !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-control-note strong {
  color: #8b6429 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-assurance-card {
  display: grid !important;
  gap: 10px !important;
  padding: 22px !important;
  border-color: rgba(216, 185, 121, 0.30) !important;
  color: #fffdf8 !important;
  background: linear-gradient(145deg, #071d34 0%, #0b2744 100%) !important;
  box-shadow: 0 14px 34px rgba(5, 20, 36, 0.13) !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-assurance-card h3 {
  margin: 0 !important;
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.08 !important;
}

html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-assurance-card p {
  margin: 0 !important;
  color: rgba(243, 246, 249, 0.70) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

@media (min-width: 901px) and (max-width: 1280px) {
  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus {
    grid-template-columns: minmax(0, 1fr) 108px 168px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface {
    grid-template-columns: 98px minmax(0, 1fr) auto !important;
  }
}

@media (max-width: 900px) {
  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus {
    grid-template-columns: minmax(0, 1fr) 96px !important;
    margin: 0 14px 14px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy {
    padding: 18px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy h2 {
    font-size: 25px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date {
    padding: 16px 12px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__status {
    grid-column: 1 / -1 !important;
    place-content: start !important;
    padding: 12px 18px 14px !important;
    border-top: 1px solid rgba(216, 185, 121, 0.24) !important;
    border-left: 0 !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-record-body {
    padding: 14px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary {
    grid-template-columns: 3px minmax(0, 1fr) !important;
    padding: 15px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-case__summary .timeline-count {
    grid-column: 2 !important;
    margin-top: 4px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px 12px !important;
    min-height: 0 !important;
    padding: 15px 15px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__meta {
    grid-column: 1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__copy {
    grid-column: 1 / -1 !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface h3 {
    font-size: 17px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .timeline-vertical-event .timeline-vertical-content.eds-timeline-event__surface p {
    font-size: 13px !important;
    line-height: 1.52 !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-event__flag {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-insight-column {
    order: 2 !important;
  }
}

@media (max-width: 520px) {
  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus {
    grid-template-columns: minmax(0, 1fr) 86px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy h2 {
    font-size: 22px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__copy p {
    font-size: 11px !important;
  }

  html body.client-shell-page.client-shell-active-timeline.eds-timeline-v1 .eds-timeline-focus__date strong {
    font-size: 34px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X10
   EDS CLIENT CENTER GATEWAY / LOGIN EXPERIENCE
   --------------------------------------------------------------------------
   Scope:
   - Public Client Center login page only.
   - Preserves authentication, CSRF, redirects, public website-adjacent header,
     footer, password reset route, and consultation route.
   - Does not alter authenticated client or admin infrastructure.
   ========================================================================== */

.portal-public-page .eds-login-gateway {
  position: relative;
  width: min(1440px, calc(100vw - 32px));
  margin: 0 0 0 50%;
  padding: clamp(28px, 4vw, 64px) 0 clamp(40px, 5vw, 80px);
  transform: translateX(-50%);
  isolation: isolate;
  font-family: var(--eds-font-ui);
}

.portal-public-page .eds-login-gateway::before {
  content: "";
  position: absolute;
  inset: 0 50% auto;
  width: 100vw;
  height: min(680px, 72vh);
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 18% 12%, rgba(216, 185, 121, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(247, 244, 238, 0.96), rgba(255, 253, 248, 0));
  z-index: -2;
  pointer-events: none;
}

.portal-public-page .eds-login-stage {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, 0.82fr);
  min-height: min(720px, calc(100vh - 184px));
  overflow: hidden;
  border: 1px solid rgba(196, 160, 98, 0.52);
  border-radius: 22px;
  background: var(--eds-ivory-50);
  box-shadow: 0 36px 92px rgba(5, 11, 19, 0.19);
}

.portal-public-page .eds-login-experience,
.portal-public-page .eds-login-access {
  position: relative;
  min-width: 0;
}

.portal-public-page .eds-login-experience {
  display: flex;
  color: var(--eds-ivory-50);
  background:
    radial-gradient(circle at 82% 14%, rgba(216, 185, 121, 0.13), transparent 30%),
    linear-gradient(137deg, #050b13 0%, #08182a 58%, #0b2037 100%);
}

.portal-public-page .eds-login-experience::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(216, 185, 121, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 185, 121, 0.045) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom right, rgba(0,0,0,.80), transparent 78%);
  pointer-events: none;
}

.portal-public-page .eds-login-experience::after {
  content: "E";
  position: absolute;
  right: -28px;
  bottom: -96px;
  color: rgba(216, 185, 121, 0.055);
  font-family: var(--eds-font-display);
  font-size: clamp(250px, 25vw, 420px);
  font-weight: 500;
  line-height: 1;
  pointer-events: none;
}

.portal-public-page .eds-login-experience-inner {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100%;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: clamp(48px, 6vw, 88px);
}

.portal-public-page .eds-login-standard-lockup {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 34px;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-label);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.19em;
  line-height: 1;
  text-transform: uppercase;
}

.portal-public-page .eds-login-standard-rule {
  display: block;
  width: 62px;
  height: 1px;
  background: linear-gradient(90deg, var(--eds-gold-500), rgba(216,185,121,.20));
}

.portal-public-page .eds-login-eyebrow {
  margin: 0 0 14px;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-label);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.20em;
  line-height: 1.3;
  text-transform: uppercase;
}

.portal-public-page .eds-login-experience h1 {
  max-width: 760px;
  margin: 0;
  color: #fffdf8;
  font-family: var(--eds-font-display);
  font-size: clamp(54px, 5.3vw, 86px);
  font-weight: 500;
  letter-spacing: -0.042em;
  line-height: 0.98;
  text-wrap: balance;
}

.portal-public-page .eds-login-intro {
  max-width: 720px;
  margin: 28px 0 0;
  color: rgba(247, 244, 238, 0.76);
  font-size: clamp(16px, 1.28vw, 19px);
  line-height: 1.72;
}

.portal-public-page .eds-login-preview {
  margin-top: clamp(38px, 5vw, 62px);
  border: 1px solid rgba(216, 185, 121, 0.32);
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(3px);
}

.portal-public-page .eds-login-preview-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid rgba(216, 185, 121, 0.24);
}

.portal-public-page .eds-login-preview-heading span {
  color: #fffdf8;
  font-family: var(--eds-font-label);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.portal-public-page .eds-login-preview-heading small {
  color: rgba(216, 185, 121, 0.78);
  font-size: 11px;
  letter-spacing: 0.04em;
}

.portal-public-page .eds-login-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.portal-public-page .eds-login-preview-grid article {
  min-width: 0;
  padding: 23px 20px 25px;
  border-right: 1px solid rgba(216, 185, 121, 0.20);
}

.portal-public-page .eds-login-preview-grid article:last-child {
  border-right: 0;
}

.portal-public-page .eds-login-preview-index {
  display: block;
  margin-bottom: 18px;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.16em;
}

.portal-public-page .eds-login-preview-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #fffdf8;
  font-size: 14px;
  line-height: 1.35;
}

.portal-public-page .eds-login-preview-grid p {
  margin: 0;
  color: rgba(247, 244, 238, 0.62);
  font-size: 12px;
  line-height: 1.55;
}

.portal-public-page .eds-login-reserved {
  margin: 24px 0 0;
  color: rgba(247, 244, 238, 0.50);
  font-size: 11px;
  letter-spacing: 0.05em;
}

.portal-public-page .eds-login-access {
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,185,121,.11), transparent 35%),
    linear-gradient(180deg, #fffdf8 0%, #f8f4ec 100%);
}

.portal-public-page .eds-login-access::before {
  content: "";
  position: absolute;
  top: 40px;
  bottom: 40px;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(196,160,98,.58) 18%, rgba(196,160,98,.34) 82%, transparent);
}



.portal-public-page .eds-login-iphone-coming-soon {
  margin: 13px 0 0;
  color: #dfc17f;
  font-family: var(--eds-font-label);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .10em;
  line-height: 1.3;
  text-transform: uppercase;
}

.portal-public-page .eds-login-access-inner {
  width: 100%;
  padding: clamp(42px, 5vw, 72px);
}

.portal-public-page .eds-login-monogram {
  display: grid;
  width: 56px;
  height: 56px;
  margin-bottom: 28px;
  place-items: center;
  border: 1px solid rgba(196,160,98,.74);
  border-radius: 50%;
  color: var(--eds-gold-600);
  background: rgba(255,255,255,.52);
  box-shadow: inset 0 0 0 6px rgba(196,160,98,.07);
  font-family: var(--eds-font-display);
  font-size: 27px;
}

.portal-public-page .eds-login-access h2 {
  margin: 0;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: clamp(38px, 3.35vw, 54px);
  font-weight: 500;
  letter-spacing: -0.035em;
  line-height: 1.03;
}

.portal-public-page .eds-login-access-intro {
  max-width: 500px;
  margin: 18px 0 32px;
  color: var(--eds-muted-600);
  font-size: 14px;
  line-height: 1.65;
}

.portal-public-page .eds-login-form {
  display: grid;
  gap: 18px;
}

.portal-public-page .eds-login-form label {
  display: grid;
  gap: 8px;
  margin: 0;
  color: var(--eds-ink-900);
  font-family: var(--eds-font-label);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.portal-public-page .eds-login-form input {
  width: 100%;
  min-height: 52px;
  box-sizing: border-box;
  padding: 0 15px;
  border: 1px solid rgba(16, 24, 39, 0.17);
  border-radius: 6px;
  outline: 0;
  background: rgba(255,255,255,.84);
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 15px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px rgba(5,11,19,.025);
  transition: border-color var(--eds-duration-fast) ease, box-shadow var(--eds-duration-fast) ease, background var(--eds-duration-fast) ease;
}

.portal-public-page .eds-login-form input:hover {
  border-color: rgba(196,160,98,.55);
  background: #fff;
}

.portal-public-page .eds-login-form input:focus-visible {
  border-color: var(--eds-gold-600);
  background: #fff;
  box-shadow: var(--eds-shadow-focus);
}

.portal-public-page .eds-login-submit,
.portal-public-page .eds-login-consultation {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 52px;
  box-sizing: border-box;
  border-radius: 4px;
  font-family: var(--eds-font-label);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.10em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  transition: transform var(--eds-duration-fast) var(--eds-ease-standard), box-shadow var(--eds-duration-fast) ease, border-color var(--eds-duration-fast) ease, background var(--eds-duration-fast) ease;
}

.portal-public-page .eds-login-submit {
  width: 100%;
  margin-top: 4px;
  padding: 0 18px;
  border: 1px solid #c3974e;
  background: linear-gradient(135deg, #e0c184 0%, #c79b4f 100%);
  color: #07111f;
  box-shadow: 0 12px 28px rgba(145,106,47,.18), inset 0 1px 0 rgba(255,255,255,.46);
  cursor: pointer;
}

.portal-public-page .eds-login-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(145,106,47,.24), inset 0 1px 0 rgba(255,255,255,.52);
}

.portal-public-page .eds-login-submit:focus-visible,
.portal-public-page .eds-login-consultation:focus-visible,
.portal-public-page .eds-login-forgot:focus-visible {
  outline: 0;
  box-shadow: var(--eds-shadow-focus);
}

.portal-public-page .eds-login-forgot {
  display: inline-block;
  margin-top: 15px;
  color: var(--eds-gold-700);
  font-size: 12px;
  font-weight: 700;
  text-underline-offset: 3px;
}

.portal-public-page .eds-login-alert {
  margin: 0 0 20px;
  border: 1px solid rgba(143,29,44,.28);
  border-radius: 6px;
  background: var(--eds-danger-soft);
  color: #721925;
  font-size: 13px;
  line-height: 1.5;
}

.portal-public-page .eds-login-security-note {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  gap: 12px;
  margin-top: 28px;
  padding: 16px 0;
  border-top: 1px solid var(--eds-line-soft);
  border-bottom: 1px solid var(--eds-line-soft);
}

.portal-public-page .eds-login-security-mark {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: var(--eds-gold-600);
  border: 1px solid rgba(196,160,98,.42);
  border-radius: 50%;
  font-size: 14px;
}

.portal-public-page .eds-login-security-note strong {
  display: block;
  margin-bottom: 4px;
  color: var(--eds-ink-900);
  font-size: 12px;
}

.portal-public-page .eds-login-security-note p {
  margin: 0;
  color: var(--eds-muted-600);
  font-size: 11px;
  line-height: 1.55;
}


.portal-public-page .eds-login-prospect-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 14px;
  color: var(--eds-muted-500);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.portal-public-page .eds-login-prospect-divider::before,
.portal-public-page .eds-login-prospect-divider::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: var(--eds-line-soft);
}

.portal-public-page .eds-login-consultation {
  width: 100%;
  padding: 0 16px;
  border: 1px solid rgba(8,17,30,.18);
  background: rgba(255,255,255,.58);
  color: var(--eds-ink-900);
}

.portal-public-page .eds-login-consultation:hover {
  transform: translateY(-1px);
  border-color: rgba(196,160,98,.58);
  background: #fff;
}

.portal-public-page .eds-login-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 14px;
  background: rgba(255,253,248,.86);
  box-shadow: var(--eds-shadow-1);
}

.portal-public-page .eds-login-principles > div {
  padding: 18px 22px 19px;
  border-right: 1px solid var(--eds-line-soft);
}

.portal-public-page .eds-login-principles > div:last-child {
  border-right: 0;
}

.portal-public-page .eds-login-principles span {
  display: block;
  margin-bottom: 4px;
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.portal-public-page .eds-login-principles p {
  margin: 0;
  color: var(--eds-ink-700);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 1080px) {
  .portal-public-page .eds-login-stage {
    grid-template-columns: minmax(0, 1fr) minmax(360px, .86fr);
  }
  .portal-public-page .eds-login-experience-inner,
  .portal-public-page .eds-login-access-inner {
    padding: 44px;
  }
  .portal-public-page .eds-login-preview-grid {
    grid-template-columns: 1fr;
  }
  .portal-public-page .eds-login-preview-grid article {
    border-right: 0;
    border-bottom: 1px solid rgba(216,185,121,.18);
  }
  .portal-public-page .eds-login-preview-grid article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 820px) {
  .portal-public-page .eds-login-gateway {
    width: min(760px, calc(100vw - 24px));
    padding-top: 22px;
  }
  .portal-public-page .eds-login-stage {
    display: flex;
    min-height: 0;
    flex-direction: column;
    border-radius: 18px;
  }
  .portal-public-page .eds-login-access {
    order: 1;
  }
  .portal-public-page .eds-login-experience {
    order: 2;
  }
  .portal-public-page .eds-login-access::before {
    top: auto;
    right: 28px;
    bottom: 0;
    left: 28px;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(196,160,98,.46), transparent);
  }
  .portal-public-page .eds-login-access-inner {
    padding: 38px 34px 42px;
  }
  .portal-public-page .eds-login-experience-inner {
    padding: 42px 34px 44px;
  }
  .portal-public-page .eds-login-experience h1 {
    font-size: clamp(44px, 10vw, 64px);
  }
  .portal-public-page .eds-login-preview-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
  .portal-public-page .eds-login-preview-grid article {
    border-right: 1px solid rgba(216,185,121,.18);
    border-bottom: 0;
  }
  .portal-public-page .eds-login-preview-grid article:last-child {
    border-right: 0;
  }
}

@media (max-width: 620px) {
  .portal-public-page .eds-login-gateway {
    width: calc(100vw - 20px);
    padding: 14px 0 42px;
  }
  .portal-public-page .eds-login-stage {
    border-radius: 14px;
    box-shadow: 0 24px 56px rgba(5,11,19,.16);
  }
  .portal-public-page .eds-login-access-inner,
  .portal-public-page .eds-login-experience-inner {
    padding: 30px 24px 34px;
  }
  .portal-public-page .eds-login-monogram {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    font-size: 24px;
  }
  .portal-public-page .eds-login-access h2 {
    font-size: 39px;
  }
  .portal-public-page .eds-login-experience h1 {
    font-size: 46px;
  }
  .portal-public-page .eds-login-intro {
    margin-top: 20px;
    font-size: 15px;
  }
  .portal-public-page .eds-login-standard-lockup {
    margin-bottom: 26px;
  }
  .portal-public-page .eds-login-standard-rule {
    width: 42px;
  }
  .portal-public-page .eds-login-preview {
    margin-top: 32px;
  }
  .portal-public-page .eds-login-preview-heading {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
    padding: 16px 17px;
    gap: 5px;
  }
  .portal-public-page .eds-login-preview-grid {
    grid-template-columns: 1fr;
  }
  .portal-public-page .eds-login-preview-grid article {
    padding: 18px 17px;
    border-right: 0;
    border-bottom: 1px solid rgba(216,185,121,.18);
  }
  .portal-public-page .eds-login-preview-grid article:last-child {
    border-bottom: 0;
  }
  .portal-public-page .eds-login-preview-index {
    margin-bottom: 10px;
  }
  .portal-public-page .eds-login-principles {
    grid-template-columns: 1fr;
    margin-top: 14px;
  }
  .portal-public-page .eds-login-principles > div {
    padding: 15px 17px;
    border-right: 0;
    border-bottom: 1px solid var(--eds-line-soft);
  }
  .portal-public-page .eds-login-principles > div:last-child {
    border-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .portal-public-page .eds-login-submit,
  .portal-public-page .eds-login-consultation,
  .portal-public-page .eds-login-form input {
    transition: none;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X10A
   EDS CLIENT CENTER GATEWAY — SCALE AND VIEWPORT FIT REFINEMENT
   --------------------------------------------------------------------------
   Scope:
   - Public Client Center login page only.
   - Preserves the approved 2X10 gateway composition and all infrastructure.
   - Reduces desktop scale and vertical demand without changing hierarchy,
     copy, public navigation, authentication, or responsive ordering.
   ========================================================================== */

@media (min-width: 1081px) {
  .portal-public-page .eds-login-gateway {
    width: min(1320px, calc(100vw - 48px));
    padding: clamp(24px, 2.4vw, 38px) 0 clamp(36px, 4vw, 64px);
  }

  .portal-public-page .eds-login-gateway::before {
    height: min(620px, 68vh);
  }

  .portal-public-page .eds-login-stage {
    grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
    min-height: min(640px, calc(100vh - 210px));
    border-radius: 18px;
    box-shadow: 0 30px 74px rgba(5, 11, 19, 0.18);
  }

  .portal-public-page .eds-login-experience-inner {
    padding: clamp(44px, 4.2vw, 64px);
  }

  .portal-public-page .eds-login-access-inner {
    padding: clamp(38px, 3.8vw, 58px);
  }

  .portal-public-page .eds-login-standard-lockup {
    margin-bottom: 26px;
  }

  .portal-public-page .eds-login-experience h1 {
    max-width: 660px;
    font-size: clamp(48px, 4.4vw, 72px);
    line-height: 1;
  }

  .portal-public-page .eds-login-intro {
    max-width: 640px;
    margin-top: 22px;
    font-size: clamp(15px, 1.08vw, 18px);
    line-height: 1.62;
  }

  .portal-public-page .eds-login-preview {
    margin-top: clamp(28px, 3.2vw, 44px);
  }

  .portal-public-page .eds-login-preview-heading {
    min-height: 44px;
    padding-inline: 18px;
  }

  .portal-public-page .eds-login-preview-grid article {
    padding: 18px 18px 20px;
  }

  .portal-public-page .eds-login-preview-index {
    margin-bottom: 13px;
  }

  .portal-public-page .eds-login-reserved {
    margin-top: 18px;
  }

  .portal-public-page .eds-login-monogram {
    width: 50px;
    height: 50px;
    margin-bottom: 22px;
    font-size: 24px;
  }

  .portal-public-page .eds-login-access h2 {
    font-size: clamp(34px, 2.8vw, 48px);
    line-height: 1.04;
  }

  .portal-public-page .eds-login-access-intro {
    margin: 14px 0 25px;
  }

  .portal-public-page .eds-login-form {
    gap: 15px;
  }

  .portal-public-page .eds-login-form input,
  .portal-public-page .eds-login-submit,
  .portal-public-page .eds-login-consultation {
    min-height: 48px;
  }

  .portal-public-page .eds-login-security-note {
    margin-top: 22px;
    padding: 13px 0;
  }

  .portal-public-page .eds-login-prospect-divider {
    margin: 19px 0 12px;
  }

  .portal-public-page .eds-login-principles {
    margin-top: 18px;
  }

  .portal-public-page .eds-login-principles > div {
    padding: 15px 18px 16px;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X10B
   EDS CLIENT CENTER GATEWAY — RESTRAINT + VERTICAL STANDARD LOCKUP
   --------------------------------------------------------------------------
   Scope:
   - Public Client Center gateway only.
   - Preserves the approved 2X10 composition, copy, responsive ordering,
     public navigation, footer, and all authentication infrastructure.
   - Further restrains desktop scale using viewport-aware limits.
   - Replaces the horizontal Standard rule with the EDS vertical gold keyline.
   ========================================================================== */

.portal-public-page .eds-login-standard-lockup {
  align-items: center;
  gap: 12px;
}

.portal-public-page .eds-login-standard-rule {
  width: 2px;
  height: 26px;
  flex: 0 0 2px;
  background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700));
  box-shadow: 0 0 0 1px rgba(216, 185, 121, 0.05);
}

@media (min-width: 1081px) {
  .portal-public-page .eds-login-gateway {
    width: min(1240px, calc(100vw - 64px));
    padding: clamp(16px, 1.7vw, 28px) 0 clamp(32px, 3.2vw, 50px);
  }

  .portal-public-page .eds-login-gateway::before {
    height: min(570px, 64vh);
  }

  .portal-public-page .eds-login-stage {
    grid-template-columns: minmax(0, 1.08fr) minmax(410px, 0.92fr);
    min-height: min(570px, calc(100vh - 214px));
    border-radius: 16px;
    box-shadow: 0 26px 64px rgba(5, 11, 19, 0.17);
  }

  .portal-public-page .eds-login-experience-inner {
    padding: clamp(36px, 3.35vw, 50px);
  }

  .portal-public-page .eds-login-access-inner {
    padding: clamp(32px, 3vw, 46px);
  }

  .portal-public-page .eds-login-standard-lockup {
    margin-bottom: 20px;
  }

  .portal-public-page .eds-login-standard-rule {
    height: 24px;
  }

  .portal-public-page .eds-login-eyebrow {
    margin-bottom: 11px;
  }

  .portal-public-page .eds-login-experience h1 {
    max-width: 590px;
    font-size: clamp(43px, 3.75vw, 61px);
    line-height: 1.01;
    letter-spacing: -0.038em;
  }

  .portal-public-page .eds-login-intro {
    max-width: 575px;
    margin-top: 18px;
    font-size: clamp(14px, .98vw, 16px);
    line-height: 1.58;
  }

  .portal-public-page .eds-login-preview {
    margin-top: clamp(22px, 2.3vw, 32px);
  }

  .portal-public-page .eds-login-preview-heading {
    min-height: 40px;
    padding-inline: 16px;
  }

  .portal-public-page .eds-login-preview-grid article {
    padding: 15px 16px 17px;
  }

  .portal-public-page .eds-login-preview-index {
    margin-bottom: 10px;
  }

  .portal-public-page .eds-login-preview-grid strong {
    margin-bottom: 5px;
    font-size: 13px;
  }

  .portal-public-page .eds-login-preview-grid p {
    font-size: 11px;
    line-height: 1.48;
  }

  .portal-public-page .eds-login-reserved {
    margin-top: 14px;
  }

  .portal-public-page .eds-login-monogram {
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    font-size: 21px;
  }

  .portal-public-page .eds-login-access h2 {
    font-size: clamp(31px, 2.45vw, 42px);
    line-height: 1.04;
  }

  .portal-public-page .eds-login-access-intro {
    margin: 12px 0 20px;
    font-size: 13px;
    line-height: 1.55;
  }

  .portal-public-page .eds-login-form {
    gap: 13px;
  }

  .portal-public-page .eds-login-form label {
    gap: 7px;
    font-size: 10px;
  }

  .portal-public-page .eds-login-form input,
  .portal-public-page .eds-login-submit,
  .portal-public-page .eds-login-consultation {
    min-height: 45px;
  }

  .portal-public-page .eds-login-forgot {
    margin-top: 12px;
  }

  .portal-public-page .eds-login-security-note {
    margin-top: 17px;
    padding: 10px 0;
  }

  .portal-public-page .eds-login-prospect-divider {
    margin: 15px 0 10px;
  }

  .portal-public-page .eds-login-principles {
    margin-top: 13px;
    border-radius: 12px;
  }

  .portal-public-page .eds-login-principles > div {
    padding: 12px 16px 13px;
  }
}

@media (min-width: 1081px) and (max-height: 820px) {
  .portal-public-page .eds-login-gateway {
    padding-top: 12px;
  }

  .portal-public-page .eds-login-stage {
    min-height: 540px;
  }

  .portal-public-page .eds-login-experience-inner {
    padding-block: 32px;
  }

  .portal-public-page .eds-login-access-inner {
    padding-block: 29px;
  }

  .portal-public-page .eds-login-experience h1 {
    font-size: clamp(41px, 3.45vw, 56px);
  }

  .portal-public-page .eds-login-preview {
    margin-top: 19px;
  }

  .portal-public-page .eds-login-principles {
    margin-top: 10px;
  }
}

@media (max-width: 620px) {
  .portal-public-page .eds-login-standard-lockup {
    gap: 10px;
  }

  .portal-public-page .eds-login-standard-rule {
    width: 2px;
    height: 22px;
    flex-basis: 2px;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X10C
   EDS PASSWORD RECOVERY SUITE
   --------------------------------------------------------------------------
   Scope:
   - Public Forgot Password and Reset Password pages only.
   - Extends the locked 2X10B gateway language to adjacent access workflows.
   - Preserves public navigation/footer and all password-reset infrastructure.
   ========================================================================== */

.portal-public-page .eds-adjacent-access {
  position: relative;
  width: min(1080px, calc(100vw - 48px));
  margin: 0 0 0 50%;
  padding: clamp(24px, 3vw, 44px) 0 clamp(44px, 5vw, 72px);
  transform: translateX(-50%);
  isolation: isolate;
  font-family: var(--eds-font-ui);
}

.portal-public-page .eds-adjacent-access::before {
  content: "";
  position: absolute;
  inset: 0 50% auto;
  width: 100vw;
  height: min(520px, 62vh);
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 24% 10%, rgba(216,185,121,.095), transparent 32%),
    linear-gradient(180deg, rgba(247,244,238,.95), rgba(255,253,248,0));
  z-index: -2;
  pointer-events: none;
}

.portal-public-page .eds-adjacent-access__stage {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .95fr);
  min-height: min(540px, calc(100vh - 224px));
  overflow: hidden;
  border: 1px solid rgba(196,160,98,.50);
  border-radius: 16px;
  background: var(--eds-ivory-50);
  box-shadow: 0 26px 68px rgba(5,11,19,.17);
}

.portal-public-page .eds-adjacent-access__context,
.portal-public-page .eds-adjacent-access__action {
  position: relative;
  min-width: 0;
}

.portal-public-page .eds-adjacent-access__context {
  display: flex;
  color: var(--eds-ivory-50);
  background:
    radial-gradient(circle at 82% 10%, rgba(216,185,121,.13), transparent 31%),
    linear-gradient(137deg, #050b13 0%, #08182a 58%, #0b2037 100%);
}

.portal-public-page .eds-adjacent-access__context::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(216,185,121,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,185,121,.04) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom right, rgba(0,0,0,.75), transparent 82%);
  pointer-events: none;
}

.portal-public-page .eds-adjacent-access__context::after {
  content: "E";
  position: absolute;
  right: -24px;
  bottom: -74px;
  color: rgba(216,185,121,.05);
  font-family: var(--eds-font-display);
  font-size: clamp(220px, 21vw, 330px);
  line-height: 1;
  pointer-events: none;
}

.portal-public-page .eds-adjacent-access__context-inner,
.portal-public-page .eds-adjacent-access__action-inner {
  position: relative;
  z-index: 1;
  width: 100%;
}

.portal-public-page .eds-adjacent-access__context-inner {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: clamp(38px, 4vw, 54px);
}

.portal-public-page .eds-adjacent-access__standard {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 23px;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .18em;
  line-height: 1;
  text-transform: uppercase;
}

.portal-public-page .eds-adjacent-access__standard-rule {
  display: block;
  width: 2px;
  height: 24px;
  flex: 0 0 2px;
  background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700));
}

.portal-public-page .eds-adjacent-access__eyebrow {
  margin: 0 0 11px;
  color: var(--eds-gold-500);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .18em;
  line-height: 1.3;
  text-transform: uppercase;
}

.portal-public-page .eds-adjacent-access__context h1 {
  max-width: 600px;
  margin: 0;
  color: #fffdf8;
  font-family: var(--eds-font-display);
  font-size: clamp(42px, 4vw, 58px);
  font-weight: 500;
  letter-spacing: -.038em;
  line-height: 1.01;
  text-wrap: balance;
}

.portal-public-page .eds-adjacent-access__lead {
  max-width: 580px;
  margin: 20px 0 0;
  color: rgba(247,244,238,.74);
  font-size: 15px;
  line-height: 1.62;
}

.portal-public-page .eds-adjacent-access__steps,
.portal-public-page .eds-adjacent-access__assurances {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  margin-top: 30px;
  border: 1px solid rgba(216,185,121,.30);
  background: rgba(255,255,255,.035);
}

.portal-public-page .eds-adjacent-access__steps article,
.portal-public-page .eds-adjacent-access__assurances > div {
  min-width: 0;
  padding: 17px 15px 19px;
  border-right: 1px solid rgba(216,185,121,.18);
}

.portal-public-page .eds-adjacent-access__steps article:last-child,
.portal-public-page .eds-adjacent-access__assurances > div:last-child {
  border-right: 0;
}

.portal-public-page .eds-adjacent-access__steps span,
.portal-public-page .eds-adjacent-access__assurances span {
  display: block;
  margin-bottom: 10px;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-label);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}

.portal-public-page .eds-adjacent-access__steps strong,
.portal-public-page .eds-adjacent-access__assurances strong {
  display: block;
  margin-bottom: 5px;
  color: #fffdf8;
  font-size: 12px;
  line-height: 1.35;
}

.portal-public-page .eds-adjacent-access__steps p,
.portal-public-page .eds-adjacent-access__assurances p {
  margin: 0;
  color: rgba(247,244,238,.58);
  font-size: 10.5px;
  line-height: 1.5;
}

.portal-public-page .eds-adjacent-access__reserved {
  margin: 18px 0 0;
  color: rgba(247,244,238,.48);
  font-size: 10px;
  letter-spacing: .05em;
}

.portal-public-page .eds-adjacent-access__action {
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 100% 0%, rgba(216,185,121,.11), transparent 36%),
    linear-gradient(180deg, #fffdf8 0%, #f8f4ec 100%);
}

.portal-public-page .eds-adjacent-access__action::before {
  content: "";
  position: absolute;
  top: 34px;
  bottom: 34px;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(196,160,98,.55) 18%, rgba(196,160,98,.30) 82%, transparent);
}

.portal-public-page .eds-adjacent-access__action-inner {
  padding: clamp(34px, 3.7vw, 48px);
}

.portal-public-page .eds-adjacent-access__monogram {
  display: grid;
  width: 46px;
  height: 46px;
  margin-bottom: 20px;
  place-items: center;
  border: 1px solid rgba(196,160,98,.72);
  border-radius: 50%;
  color: var(--eds-gold-650, var(--eds-gold-600));
  background: rgba(255,255,255,.55);
  box-shadow: inset 0 0 0 5px rgba(196,160,98,.065);
  font-family: var(--eds-font-display);
  font-size: 22px;
}

.portal-public-page .eds-adjacent-access__action h2 {
  margin: 0;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: clamp(33px, 3vw, 44px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.04;
}

.portal-public-page .eds-adjacent-access__intro {
  max-width: 490px;
  margin: 13px 0 24px;
  color: var(--eds-muted-600);
  font-size: 13px;
  line-height: 1.58;
}

.portal-public-page .eds-adjacent-access__form {
  display: grid;
  gap: 14px;
}

.portal-public-page .eds-adjacent-access__form label {
  display: grid;
  gap: 7px;
  margin: 0;
  color: var(--eds-ink-900);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.portal-public-page .eds-adjacent-access__form input {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  padding: 0 14px;
  border: 1px solid rgba(16,24,39,.17);
  border-radius: 6px;
  outline: 0;
  background: rgba(255,255,255,.86);
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 15px;
  font-weight: 500;
  box-shadow: inset 0 1px 2px rgba(5,11,19,.025);
  transition: border-color var(--eds-duration-fast) ease, box-shadow var(--eds-duration-fast) ease, background var(--eds-duration-fast) ease;
}

.portal-public-page .eds-adjacent-access__form input:hover {
  border-color: rgba(196,160,98,.55);
  background: #fff;
}

.portal-public-page .eds-adjacent-access__form input:focus-visible {
  border-color: var(--eds-gold-600);
  background: #fff;
  box-shadow: var(--eds-shadow-focus);
}

.portal-public-page .eds-adjacent-access__primary {
  display: inline-flex;
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 2px;
  padding: 0 17px;
  border: 1px solid #c3974e;
  border-radius: 4px;
  background: linear-gradient(135deg, #e0c184 0%, #c79b4f 100%);
  color: #07111f;
  box-shadow: 0 11px 26px rgba(145,106,47,.17), inset 0 1px 0 rgba(255,255,255,.46);
  font-family: var(--eds-font-label);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .10em;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform var(--eds-duration-fast) var(--eds-ease-standard), box-shadow var(--eds-duration-fast) ease;
}

.portal-public-page .eds-adjacent-access__primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 15px 30px rgba(145,106,47,.22), inset 0 1px 0 rgba(255,255,255,.50);
}

.portal-public-page .eds-adjacent-access__primary:focus-visible,
.portal-public-page .eds-adjacent-access__back:focus-visible {
  outline: 0;
  box-shadow: var(--eds-shadow-focus);
}

.portal-public-page .eds-adjacent-access__alert {
  margin: 0 0 18px;
  border: 1px solid rgba(143,29,44,.23);
  border-radius: 6px;
  background: var(--eds-danger-soft);
  color: #721925;
  font-size: 12px;
  line-height: 1.55;
}

.portal-public-page .eds-adjacent-access__security {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 11px;
  margin-top: 22px;
  padding: 13px 0;
  border-top: 1px solid var(--eds-line-soft);
  border-bottom: 1px solid var(--eds-line-soft);
}

.portal-public-page .eds-adjacent-access__security > span {
  display: grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid rgba(196,160,98,.42);
  border-radius: 50%;
  color: var(--eds-gold-600);
  font-size: 13px;
}

.portal-public-page .eds-adjacent-access__security strong {
  display: block;
  margin-bottom: 3px;
  color: var(--eds-ink-900);
  font-size: 11px;
}

.portal-public-page .eds-adjacent-access__security p,
.portal-public-page .eds-adjacent-access__requirement {
  margin: 0;
  color: var(--eds-muted-600);
  font-size: 10.5px;
  line-height: 1.52;
}

.portal-public-page .eds-adjacent-access__requirement {
  margin-top: 10px;
}

.portal-public-page .eds-adjacent-access__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: var(--eds-gold-700);
  font-size: 11px;
  font-weight: 750;
  text-underline-offset: 3px;
}

@media (max-width: 940px) {
  .portal-public-page .eds-adjacent-access {
    width: min(760px, calc(100vw - 24px));
  }

  .portal-public-page .eds-adjacent-access__stage {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }

  .portal-public-page .eds-adjacent-access__action {
    order: 1;
  }

  .portal-public-page .eds-adjacent-access__context {
    order: 2;
  }

  .portal-public-page .eds-adjacent-access__action::before {
    top: auto;
    right: 28px;
    bottom: 0;
    left: 28px;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(196,160,98,.46), transparent);
  }
}

@media (max-width: 620px) {
  .portal-public-page .eds-adjacent-access {
    width: calc(100vw - 20px);
    padding: 14px 0 42px;
  }

  .portal-public-page .eds-adjacent-access__stage {
    border-radius: 14px;
    box-shadow: 0 22px 52px rgba(5,11,19,.16);
  }

  .portal-public-page .eds-adjacent-access__action-inner,
  .portal-public-page .eds-adjacent-access__context-inner {
    padding: 29px 23px 33px;
  }

  .portal-public-page .eds-adjacent-access__context h1 {
    font-size: 42px;
  }

  .portal-public-page .eds-adjacent-access__action h2 {
    font-size: 36px;
  }

  .portal-public-page .eds-adjacent-access__steps,
  .portal-public-page .eds-adjacent-access__assurances {
    grid-template-columns: 1fr;
  }

  .portal-public-page .eds-adjacent-access__steps article,
  .portal-public-page .eds-adjacent-access__assurances > div {
    border-right: 0;
    border-bottom: 1px solid rgba(216,185,121,.18);
  }

  .portal-public-page .eds-adjacent-access__steps article:last-child,
  .portal-public-page .eds-adjacent-access__assurances > div:last-child {
    border-bottom: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .portal-public-page .eds-adjacent-access__primary {
    transition: none !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X11
   PAYMENT CENTER EDS EXPERIENCE REBUILD
   --------------------------------------------------------------------------
   Applies the locked EDS flagship language to the client Payment Center while
   preserving payment-plan queries, approved receipt visibility, external
   processor URLs, staging guards, authentication, shared shell, header,
   sidebar, mobile stack, database architecture, and all admin billing logic.
   ========================================================================== */

body.eds-payment-v1 {
  --eds-payment-navy: #071e36;
  --eds-payment-navy-soft: #102a46;
  --eds-payment-line: rgba(13, 31, 53, 0.10);
  --eds-payment-muted: #6e7c8f;
}

body.eds-payment-v1 .eds-payment-hero {
  display: grid !important;
  grid-template-columns: minmax(275px, 1.35fr) repeat(4, minmax(150px, 1fr)) !important;
  width: auto !important;
  min-height: 86px !important;
  margin: 0 30px 20px !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 160, 98, 0.44) !important;
  border-radius: 12px !important;
  color: #fffdf8 !important;
  background: linear-gradient(102deg, #1c2730 0%, #0b2037 43%, #071b31 100%) !important;
  box-shadow: 0 13px 30px rgba(6, 21, 37, 0.12) !important;
}

body.eds-payment-v1 .eds-payment-hero__brand,
body.eds-payment-v1 .eds-payment-hero__item {
  min-width: 0 !important;
  padding: 17px 18px !important;
  border-right: 1px solid rgba(216, 185, 121, 0.27) !important;
}

body.eds-payment-v1 .eds-payment-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

body.eds-payment-v1 .eds-payment-hero__emblem {
  display: grid !important;
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 185, 121, 0.72) !important;
  border-radius: 50% !important;
  background: rgba(6, 24, 44, 0.34) !important;
  box-shadow: inset 0 0 0 5px rgba(196, 160, 98, 0.045) !important;
}

body.eds-payment-v1 .eds-payment-hero__emblem img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

body.eds-payment-v1 .eds-payment-hero__brand > span:last-child,
body.eds-payment-v1 .eds-payment-hero__item {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
}

body.eds-payment-v1 .eds-payment-hero__brand strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
}

body.eds-payment-v1 .eds-payment-hero__brand small,
body.eds-payment-v1 .eds-payment-hero__item small {
  color: rgba(236, 238, 241, 0.64) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.eds-payment-v1 .eds-payment-hero__item:last-child {
  border-right: 0 !important;
}

body.eds-payment-v1 .eds-payment-hero__item > span {
  color: #dfc17f !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
}

body.eds-payment-v1 .eds-payment-hero__item > strong {
  overflow-wrap: anywhere !important;
  color: #fffdf8 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

body.eds-payment-v1 .eds-payment-page {
  display: grid !important;
  gap: 18px !important;
  margin: 0 30px 32px !important;
}

body.eds-payment-v1 .eds-payment-staging {
  margin: 0 !important;
}

body.eds-payment-v1 .eds-payment-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.58fr) minmax(350px, 0.72fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body.eds-payment-v1 .eds-payment-main-column,
body.eds-payment-v1 .eds-payment-aside {
  display: grid !important;
  min-width: 0 !important;
  gap: 18px !important;
}

body.eds-payment-v1 .eds-payment-position-card,
body.eds-payment-v1 .eds-payment-action-card,
body.eds-payment-v1 .eds-payment-guidance-card {
  border-radius: 12px !important;
}

body.eds-payment-v1 .eds-payment-position-card::before,
body.eds-payment-v1 .eds-payment-guidance-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 20px !important;
  width: 40px !important;
  height: 2px !important;
  background: linear-gradient(90deg, #b88436, #e0c17e) !important;
}

body.eds-payment-v1 .eds-payment-card-header,
body.eds-payment-v1 .eds-payment-action-header {
  align-items: flex-start !important;
  border-bottom: 1px solid var(--eds-payment-line) !important;
}

body.eds-payment-v1 .eds-payment-card-header > div,
body.eds-payment-v1 .eds-payment-action-header > div {
  display: grid !important;
  gap: 7px !important;
}

body.eds-payment-v1 .eds-payment-position-body {
  display: grid !important;
  gap: 0 !important;
  padding-top: 18px !important;
}

body.eds-payment-v1 .eds-payment-intro {
  margin: 0 !important;
  padding: 0 0 18px !important;
  color: #647286 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

body.eds-payment-v1 .eds-payment-empty-state {
  min-height: 220px !important;
  margin-top: 4px !important;
}

body.eds-payment-v1 .eds-payment-case {
  display: grid !important;
  gap: 18px !important;
  padding: 22px 0 24px !important;
  border-top: 1px solid var(--eds-payment-line) !important;
}

body.eds-payment-v1 .eds-payment-case:first-of-type {
  padding-top: 20px !important;
}

body.eds-payment-v1 .eds-payment-case:last-child {
  padding-bottom: 0 !important;
}

body.eds-payment-v1 .eds-payment-case__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body.eds-payment-v1 .eds-payment-case__header > div {
  display: grid !important;
  min-width: 0 !important;
  gap: 6px !important;
}

body.eds-payment-v1 .eds-payment-case__header h3 {
  margin: 0 !important;
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.32 !important;
  overflow-wrap: anywhere !important;
}

body.eds-payment-v1 .eds-payment-case__header p {
  margin: 0 !important;
  color: #7a6746 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.eds-payment-v1 .eds-payment-case-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 160, 98, 0.28) !important;
  border-radius: 9px !important;
  background: #fffdf9 !important;
}

body.eds-payment-v1 .eds-payment-metric {
  display: grid !important;
  min-width: 0 !important;
  gap: 6px !important;
  padding: 17px 18px !important;
  border-left: 1px solid rgba(13, 31, 53, 0.09) !important;
}

body.eds-payment-v1 .eds-payment-metric:first-child {
  border-left: 0 !important;
}

body.eds-payment-v1 .eds-payment-metric--primary {
  background: linear-gradient(135deg, rgba(216, 185, 121, 0.16), rgba(255, 253, 248, 0.82)) !important;
}


/* 2Z9N5 — Client Center next-payment amount summary. */
body.eds-payment-v1 .eds-payment-metric--installment {
  background: linear-gradient(135deg, rgba(7, 30, 54, 0.035), rgba(216, 185, 121, 0.08)) !important;
}

body.eds-payment-v1 .eds-payment-metric > span {
  color: #8b6b32 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.eds-payment-v1 .eds-payment-metric > strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}

body.eds-payment-v1 .eds-payment-metric > small {
  color: #758195 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.38 !important;
}

body.eds-payment-v1 .eds-payment-case-empty {
  display: grid !important;
  gap: 7px !important;
  padding: 18px !important;
  border: 1px dashed rgba(196, 160, 98, 0.42) !important;
  border-radius: 8px !important;
  background: rgba(247, 244, 238, 0.70) !important;
}

body.eds-payment-v1 .eds-payment-case-empty strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 14px !important;
}

body.eds-payment-v1 .eds-payment-case-empty span {
  color: #6e7c8f !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.eds-payment-v1 .eds-payment-receipts {
  display: grid !important;
  gap: 0 !important;
}

body.eds-payment-v1 .eds-payment-receipts__header {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--eds-payment-line) !important;
}

body.eds-payment-v1 .eds-payment-receipts__header > div {
  display: grid !important;
  gap: 5px !important;
}

body.eds-payment-v1 .eds-payment-receipts__header h4 {
  margin: 0 !important;
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.eds-payment-v1 .eds-payment-receipts__header > span {
  color: #8b6b32 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.eds-payment-v1 .eds-payment-receipt-row {
  display: grid !important;
  grid-template-columns: minmax(145px, 0.7fr) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(13, 31, 53, 0.075) !important;
}

body.eds-payment-v1 .eds-payment-receipt-row:last-child {
  border-bottom: 0 !important;
}

body.eds-payment-v1 .eds-payment-receipt-row__amount,
body.eds-payment-v1 .eds-payment-receipt-row__meta {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
}

body.eds-payment-v1 .eds-payment-receipt-row__amount strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 19px !important;
  font-weight: 500 !important;
}

body.eds-payment-v1 .eds-payment-receipt-row__amount span,
body.eds-payment-v1 .eds-payment-receipt-row__meta span,
body.eds-payment-v1 .eds-payment-receipt-row__meta small {
  color: #718095 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.4 !important;
}

body.eds-payment-v1 .eds-payment-receipt-empty {
  margin: 0 !important;
  padding: 17px 0 2px !important;
  color: #758195 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

body.eds-payment-v1 .eds-payment-action-card {
  position: sticky !important;
  top: calc(var(--eds-auth-header-height, 108px) + 18px) !important;
  border-color: rgba(216, 185, 121, 0.32) !important;
  background: linear-gradient(145deg, #071d34 0%, #0b2744 100%) !important;
  box-shadow: 0 18px 42px rgba(5, 20, 36, 0.16) !important;
}

body.eds-payment-v1 .eds-payment-action-card::after {
  content: "E" !important;
  position: absolute !important;
  right: -16px !important;
  bottom: -74px !important;
  color: rgba(216, 185, 121, 0.08) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 190px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body.eds-payment-v1 .eds-payment-action-header,
body.eds-payment-v1 .eds-payment-action-card .eds-card__body {
  position: relative !important;
  z-index: 2 !important;
}

body.eds-payment-v1 .eds-payment-action-header {
  border-bottom-color: rgba(216, 185, 121, 0.23) !important;
}

body.eds-payment-v1 .eds-payment-action-header .eds-eyebrow,
body.eds-payment-v1 .eds-payment-action-header .eds-type-feature {
  color: #fffdf8 !important;
}

body.eds-payment-v1 .eds-payment-action-header .eds-eyebrow {
  color: #dfc17f !important;
}

body.eds-payment-v1 .eds-payment-external-badge {
  color: #071d34 !important;
  border-color: rgba(216, 185, 121, 0.54) !important;
  background: linear-gradient(135deg, #e6cb91, #c9a65d) !important;
}

body.eds-payment-v1 .eds-payment-action-intro {
  margin: 0 0 16px !important;
  color: rgba(243, 244, 246, 0.76) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

body.eds-payment-v1 .eds-payment-method-list {
  display: grid !important;
  gap: 10px !important;
}

body.eds-payment-v1 .eds-payment-method {
  display: grid !important;
  gap: 13px !important;
  padding: 15px !important;
  border: 1px solid rgba(216, 185, 121, 0.20) !important;
  border-radius: 8px !important;
  background: rgba(255, 253, 248, 0.055) !important;
}

body.eds-payment-v1 .eds-payment-method--preferred {
  border-color: rgba(216, 185, 121, 0.46) !important;
  background: linear-gradient(135deg, rgba(216, 185, 121, 0.13), rgba(255, 253, 248, 0.055)) !important;
}


body.eds-payment-v1 .eds-payment-method--apple-pay-compact {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 13px 15px !important;
  border-color: rgba(216, 185, 121, 0.34) !important;
  background: linear-gradient(135deg, rgba(14, 33, 57, 0.90), rgba(9, 24, 42, 0.96)) !important;
}

body.eds-payment-v1 .eds-payment-method--apple-pay-compact .eds-payment-method__copy > span {
  color: #dfc17f !important;
}

body.eds-payment-v1 .eds-payment-method--apple-pay-compact .eds-payment-method__copy > strong {
  color: #fffdf8 !important;
}

body.eds-payment-v1 .eds-payment-method--apple-pay-compact .eds-payment-method__copy > small {
  color: rgba(243, 244, 246, 0.70) !important;
}

body.eds-payment-v1 .eds-apple-pay-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 134px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(216, 185, 121, 0.56) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #e4c888 0%, #c69d50 100%) !important;
  color: #08152a !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 20px rgba(5, 20, 36, 0.18) !important;
  transition: transform var(--eds-duration-fast) var(--eds-ease-standard), box-shadow var(--eds-duration-fast) ease, filter var(--eds-duration-fast) ease !important;
}

body.eds-payment-v1 .eds-apple-pay-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 24px rgba(5, 20, 36, 0.24) !important;
  filter: brightness(1.02) !important;
}

body.eds-payment-v1 .eds-apple-pay-button.is-disabled,
body.eds-payment-v1 .eds-apple-pay-button[disabled] {
  opacity: 0.55 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

body.eds-payment-v1 .eds-apple-pay-button__glyph {
  font-size: 14px !important;
  line-height: 1 !important;
}

body.eds-payment-v1 .eds-apple-pay-button__label {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body.eds-payment-v1 .eds-payment-method__copy {
  display: grid !important;
  gap: 5px !important;
}

body.eds-payment-v1 .eds-payment-method__copy > span {
  color: #dfc17f !important;
  font-family: var(--eds-font-label) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

body.eds-payment-v1 .eds-payment-method__copy > strong {
  color: #fffdf8 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body.eds-payment-v1 .eds-payment-method__copy > small {
  color: rgba(243, 244, 246, 0.64) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.48 !important;
}

body.eds-payment-v1 .eds-payment-method .eds-btn {
  width: 100% !important;
}

body.eds-payment-v1 .eds-payment-method .eds-btn--secondary {
  color: #fffdf8 !important;
  border-color: rgba(216, 185, 121, 0.42) !important;
  background: rgba(255, 253, 248, 0.055) !important;
}

body.eds-payment-v1 .eds-payment-method .eds-btn--secondary:hover {
  border-color: rgba(216, 185, 121, 0.70) !important;
  background: rgba(216, 185, 121, 0.11) !important;
}

body.eds-payment-v1 .eds-payment-processor-note {
  margin: 15px 0 0 !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(216, 185, 121, 0.21) !important;
  color: rgba(243, 244, 246, 0.56) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 9px !important;
  line-height: 1.48 !important;
}

body.eds-payment-v1 .eds-payment-guidance-list {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.eds-payment-v1 .eds-payment-guidance-list li {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--eds-payment-line) !important;
}

body.eds-payment-v1 .eds-payment-guidance-list li:first-child {
  padding-top: 14px !important;
  border-top: 0 !important;
}

body.eds-payment-v1 .eds-payment-guidance-list li > span {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border: 1px solid rgba(196, 160, 98, 0.46) !important;
  border-radius: 50% !important;
  color: #8b6b32 !important;
  font-family: var(--eds-font-label) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}

body.eds-payment-v1 .eds-payment-guidance-list li > div {
  display: grid !important;
  gap: 4px !important;
}

body.eds-payment-v1 .eds-payment-guidance-list strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
}

body.eds-payment-v1 .eds-payment-guidance-list small {
  color: #718095 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.46 !important;
}

body.eds-payment-v1 .eds-payment-guidance-note {
  display: grid !important;
  gap: 7px !important;
  margin-top: 4px !important;
  padding: 15px !important;
  border: 1px solid rgba(196, 160, 98, 0.26) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(216, 185, 121, 0.11), rgba(247, 244, 238, 0.74)) !important;
}

body.eds-payment-v1 .eds-payment-guidance-note strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
}

body.eds-payment-v1 .eds-payment-guidance-note span {
  color: #68778a !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.46 !important;
}

body.eds-payment-v1 .eds-payment-guidance-note .eds-btn {
  justify-self: start !important;
  padding-inline: 0 !important;
}

body.eds-payment-v1 .eds-payment-control-note {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(196, 160, 98, 0.26) !important;
  border-radius: 10px !important;
  background: rgba(255, 253, 248, 0.86) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-payment-v1 .eds-payment-control-note > span {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border: 1px solid rgba(196, 160, 98, 0.52) !important;
  border-radius: 50% !important;
  color: #9b7437 !important;
  font-family: var(--eds-font-display) !important;
  font-size: 22px !important;
}

body.eds-payment-v1 .eds-payment-control-note > div {
  display: grid !important;
  gap: 4px !important;
}

body.eds-payment-v1 .eds-payment-control-note strong {
  color: #0b1e33 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 13px !important;
}

body.eds-payment-v1 .eds-payment-control-note p {
  margin: 0 !important;
  color: #6c798b !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 10px !important;
  line-height: 1.5 !important;
}

@media (min-width: 901px) and (max-width: 1320px) {
  body.eds-payment-v1 .eds-payment-hero {
    grid-template-columns: minmax(235px, 1.25fr) repeat(4, minmax(125px, 1fr)) !important;
  }

  body.eds-payment-v1 .eds-payment-layout {
    grid-template-columns: minmax(0, 1.38fr) minmax(330px, 0.82fr) !important;
  }


  body.eds-payment-v1 .eds-payment-case-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.eds-payment-v1 .eds-payment-metric:nth-child(odd) {
    border-left: 0 !important;
  }

  body.eds-payment-v1 .eds-payment-metric:nth-child(n+3) {
    border-top: 1px solid rgba(13, 31, 53, 0.09) !important;
  }
}

@media (max-width: 900px) {
  body.eds-payment-v1 .eds-payment-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 14px 16px !important;
    border-radius: 11px !important;
  }

  body.eds-payment-v1 .eds-payment-hero__brand {
    grid-column: 1 / -1 !important;
    min-height: 92px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.27) !important;
  }

  body.eds-payment-v1 .eds-payment-hero__item {
    min-height: 102px !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.23) !important;
  }

  body.eds-payment-v1 .eds-payment-hero__item:nth-child(3),
  body.eds-payment-v1 .eds-payment-hero__item:nth-child(5) {
    border-right: 0 !important;
  }

  body.eds-payment-v1 .eds-payment-hero__item:nth-child(4),
  body.eds-payment-v1 .eds-payment-hero__item:nth-child(5) {
    border-bottom: 0 !important;
  }

  body.eds-payment-v1 .eds-payment-page {
    margin: 0 14px 24px !important;
    gap: 14px !important;
  }

  body.eds-payment-v1 .eds-payment-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.eds-payment-v1 .eds-payment-main-column,
  body.eds-payment-v1 .eds-payment-aside {
    gap: 14px !important;
  }

  body.eds-payment-v1 .eds-payment-action-card {
    position: relative !important;
    top: auto !important;
  }

  body.eds-payment-v1 .eds-payment-case-metrics {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-payment-v1 .eds-payment-metric {
    border-top: 1px solid rgba(13, 31, 53, 0.09) !important;
    border-left: 0 !important;
  }

  body.eds-payment-v1 .eds-payment-metric:first-child {
    border-top: 0 !important;
  }

  body.eds-payment-v1 .eds-payment-receipt-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  body.eds-payment-v1 .eds-payment-receipt-row__meta {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 520px) {
  body.eds-payment-v1 .eds-payment-hero__brand,
  body.eds-payment-v1 .eds-payment-hero__item {
    padding: 16px 14px !important;
  }

  body.eds-payment-v1 .eds-payment-hero__emblem {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  body.eds-payment-v1 .eds-payment-hero__brand strong {
    font-size: 18px !important;
  }

  body.eds-payment-v1 .eds-payment-hero__item > strong {
    font-size: 17px !important;
  }

  body.eds-payment-v1 .eds-payment-case__header,
  body.eds-payment-v1 .eds-payment-receipts__header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.eds-payment-v1 .eds-payment-receipt-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-payment-v1 .eds-payment-receipt-row__meta {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  body.eds-payment-v1 .eds-payment-receipt-row .eds-btn {
    width: 100% !important;
  }

  body.eds-payment-v1 .eds-payment-action-header {
    gap: 10px !important;
  }

  body.eds-payment-v1 .eds-payment-action-header .eds-type-feature {
    font-size: 25px !important;
  }

  body.eds-payment-v1 .eds-payment-control-note {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 16px !important;
  }

  body.eds-payment-v1 .eds-payment-control-note > span {
    width: 36px !important;
    height: 36px !important;
    font-size: 19px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X11A
   EDS MASTER LOGO DEPLOYMENT: CLIENT SIDEBAR + PUBLIC GATEWAY HEADER
   --------------------------------------------------------------------------
   Brand deployment only. The 2X10E master asset family is now used by the
   two highest-frequency Client Center identity surfaces while all locked
   navigation mechanics, dimensions, offsets, routes, and responsive behavior
   remain unchanged.
   ========================================================================== */

/* Shared authenticated client sidebar: one official EDS master mark replaces
   the legacy emblem-plus-live-text composition. The brand zone keeps a fixed
   minimum height so navigation origin does not shift between deployments. */
body.client-concept-c-page .eds-client-sidebar__brand,
body.client-shell-page .eds-client-sidebar__brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 132px !important;
  padding: 12px 0 22px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

body.client-concept-c-page .eds-client-sidebar__brand-image,
body.client-shell-page .eds-client-sidebar__brand-image {
  display: block !important;
  width: min(100%, 184px) !important;
  height: auto !important;
  max-height: 70px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Retire the legacy split mark anatomy only inside the shared EDS brand zone. */
body.client-concept-c-page .eds-client-sidebar__brand .eds-client-sidebar__emblem,
body.client-shell-page .eds-client-sidebar__brand .eds-client-sidebar__emblem,
body.client-concept-c-page .eds-client-sidebar__brand .eds-client-sidebar__wordmark,
body.client-shell-page .eds-client-sidebar__brand .eds-client-sidebar__wordmark {
  display: none !important;
}

/* Public Client Center shell: preserve the locked website-adjacent header
   geometry while allowing the new master mark to render crisply at the exact
   existing desktop and mobile dimensions. */
.portal-public-page .eh-wordmark.eh-image-logo img,
.portal-public-page .wordmark.image-logo img {
  object-fit: contain !important;
  object-position: left center !important;
  filter: none !important;
  opacity: 1 !important;
}

@media (max-width: 820px) {
  body.client-concept-c-page .eds-client-sidebar__brand,
  body.client-shell-page .eds-client-sidebar__brand {
    min-height: 124px !important;
    padding: 10px 0 20px !important;
  }

  body.client-concept-c-page .eds-client-sidebar__brand-image,
  body.client-shell-page .eds-client-sidebar__brand-image {
    width: min(100%, 190px) !important;
    max-height: 76px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X11C
   DASHBOARD ROUTE RECOVERY + SIDEBAR BRAND PROPORTION LOCK
   --------------------------------------------------------------------------
   Infrastructure:
   - The canonical My Case route helper is restored in config.php so the
     Dashboard and shared sidebar resolve the same destination.
   - No route, session, database, payment, document, message, or admin logic is
     otherwise changed.

   Brand proportion:
   - Uses a tightly framed rendition of the locked 2X10E master mark.
   - Preserves the sidebar width, brand-zone height, navigation origin, fixed
     rail, mobile drawer, and all 2X8-locked mechanics.
   ========================================================================== */

@media (min-width: 821px) {
  body.client-concept-c-page .eds-client-sidebar__brand,
  body.client-shell-page .eds-client-sidebar__brand {
    width: calc(100% + 14px) !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  body.client-concept-c-page .eds-client-sidebar__brand-image,
  body.client-shell-page .eds-client-sidebar__brand-image {
    width: 100% !important;
    max-width: 196px !important;
    max-height: 72px !important;
  }
}

@media (max-width: 820px) {
  body.client-concept-c-page .eds-client-sidebar__brand-image,
  body.client-shell-page .eds-client-sidebar__brand-image {
    width: min(100%, 210px) !important;
    max-height: 74px !important;
  }
}


/* ==========================================================================\n   CLIENT CENTER 2.1 — PATCH 2X12\n   TASKS / ACTION CENTER EDS EXPERIENCE\n   --------------------------------------------------------------------------\n   Scope protection:\n   - Client Tasks page only.\n   - Preserves task toggle, task request, CSRF, database, routing, shell, header,\n     sidebar, mobile drawer, logo, profile control, and all admin behavior.\n   ========================================================================== */

body.eds-tasks-v1 {
  --eds-tasks-line: rgba(196, 160, 98, 0.28);
  --eds-tasks-line-soft: rgba(8, 17, 30, 0.09);
  --eds-tasks-surface: rgba(255, 253, 248, 0.96);
}

body.eds-tasks-v1 .eds-tasks-hero {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
  width: min(100%, var(--eds-content-max));
  margin: 0 auto var(--eds-space-5);
  min-height: 88px;
  overflow: hidden;
  border: 1px solid rgba(196, 160, 98, 0.52);
  border-radius: var(--eds-radius-card);
  background: linear-gradient(112deg, #17202a 0%, var(--eds-navy-850) 36%, #071f39 100%);
  box-shadow: var(--eds-shadow-2);
}

body.eds-tasks-v1 .eds-tasks-hero__brand,
body.eds-tasks-v1 .eds-tasks-hero__item {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid rgba(216, 185, 121, 0.28);
}

body.eds-tasks-v1 .eds-tasks-hero__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(105deg, rgba(216, 185, 121, 0.10), rgba(255,255,255,0.02));
}

body.eds-tasks-v1 .eds-tasks-hero__emblem {
  display: grid;
  place-items: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(216, 185, 121, 0.72);
  border-radius: 50%;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-display);
  font-size: 1.65rem;
  line-height: 1;
  box-shadow: inset 0 0 0 5px rgba(216, 185, 121, 0.05);
}

body.eds-tasks-v1 .eds-tasks-hero__brand strong,
body.eds-tasks-v1 .eds-tasks-hero__brand small,
body.eds-tasks-v1 .eds-tasks-hero__item > span,
body.eds-tasks-v1 .eds-tasks-hero__item > strong,
body.eds-tasks-v1 .eds-tasks-hero__item > small {
  display: block;
}

body.eds-tasks-v1 .eds-tasks-hero__brand strong {
  color: var(--eds-ivory-50);
  font-family: var(--eds-font-display);
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.12;
}

body.eds-tasks-v1 .eds-tasks-hero__brand small {
  margin-top: 4px;
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-hero__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.eds-tasks-v1 .eds-tasks-hero__item:last-child {
  border-right: 0;
}

body.eds-tasks-v1 .eds-tasks-hero__item > span {
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: var(--eds-tracking-label);
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-hero__item > strong {
  margin-top: 5px;
  color: var(--eds-ivory-50);
  font-family: var(--eds-font-display);
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.05;
}

body.eds-tasks-v1 .eds-tasks-hero__item > small {
  margin-top: 5px;
  color: rgba(255,255,255,0.61);
  font-family: var(--eds-font-ui);
  font-size: 0.68rem;
  line-height: 1.25;
}

body.eds-tasks-v1 .eds-tasks-flash {
  width: min(100%, var(--eds-content-max));
  margin: 0 auto var(--eds-space-4);
}

body.eds-tasks-v1 .eds-tasks-page {
  width: min(100%, var(--eds-content-max));
  margin: 0 auto;
  padding-bottom: var(--eds-space-8);
}

body.eds-tasks-v1 .eds-tasks-focus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.34fr) auto;
  align-items: stretch;
  gap: 0;
  margin-bottom: var(--eds-space-5);
  overflow: hidden;
  border: 1px solid var(--eds-tasks-line);
  border-radius: var(--eds-radius-card);
  background: var(--eds-white);
  box-shadow: var(--eds-shadow-1);
}

body.eds-tasks-v1 .eds-tasks-focus::before {
  content: '';
  width: 4px;
  background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700));
  grid-row: 1;
  grid-column: 1;
  justify-self: start;
  z-index: 1;
}

body.eds-tasks-v1 .eds-tasks-focus__copy,
body.eds-tasks-v1 .eds-tasks-focus__status,
body.eds-tasks-v1 .eds-tasks-focus__action,
body.eds-tasks-v1 .eds-tasks-focus > .eds-btn {
  padding: 22px 24px;
}

body.eds-tasks-v1 .eds-tasks-focus__copy {
  grid-column: 1;
  grid-row: 1;
  padding-left: 28px;
}

body.eds-tasks-v1 .eds-tasks-focus__copy h2 {
  margin: 5px 0 8px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: clamp(1.65rem, 2vw, 2.15rem);
  font-weight: 500;
  line-height: 1.12;
}

body.eds-tasks-v1 .eds-tasks-focus__copy p {
  max-width: 780px;
  margin: 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.88rem;
  line-height: 1.55;
}

body.eds-tasks-v1 .eds-tasks-focus__case {
  display: inline-flex;
  margin-top: 12px;
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-focus__status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--eds-tasks-line-soft);
  background: linear-gradient(135deg, rgba(247,244,238,0.8), rgba(255,255,255,0.94));
}

body.eds-tasks-v1 .eds-tasks-focus__status > span {
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: var(--eds-tracking-label);
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-focus__status > strong {
  margin-top: 7px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 0.98rem;
  line-height: 1.35;
}

body.eds-tasks-v1 .eds-tasks-focus__status > strong.is-overdue {
  color: var(--eds-danger);
}

body.eds-tasks-v1 .eds-tasks-focus__status > strong.is-today,
body.eds-tasks-v1 .eds-tasks-focus__status > strong.is-soon {
  color: var(--eds-warning);
}

body.eds-tasks-v1 .eds-tasks-focus__status > small {
  margin-top: 5px;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.72rem;
  line-height: 1.4;
}

body.eds-tasks-v1 .eds-tasks-focus__action,
body.eds-tasks-v1 .eds-tasks-focus > .eds-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  margin: 0;
  border-left: 1px solid var(--eds-tasks-line-soft);
}

body.eds-tasks-v1 .eds-tasks-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(330px, 0.76fr);
  gap: var(--eds-space-5);
  align-items: start;
}

body.eds-tasks-v1 .eds-tasks-list-card,
body.eds-tasks-v1 .eds-tasks-history-card,
body.eds-tasks-v1 .eds-tasks-request-card {
  overflow: hidden;
  border: 1px solid var(--eds-tasks-line-soft);
  border-radius: var(--eds-radius-card);
  box-shadow: var(--eds-shadow-1);
}

body.eds-tasks-v1 .eds-tasks-card-header,
body.eds-tasks-v1 .eds-tasks-request-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--eds-space-4);
  padding: 18px 20px;
  border-bottom: 1px solid var(--eds-tasks-line-soft);
}

body.eds-tasks-v1 .eds-tasks-card-header > div,
body.eds-tasks-v1 .eds-tasks-request-header > div {
  display: grid;
  gap: 3px;
}

body.eds-tasks-v1 .eds-tasks-list-body,
body.eds-tasks-v1 .eds-tasks-history-body {
  padding: 0 20px 20px;
}

body.eds-tasks-v1 .eds-tasks-intro {
  margin: 0;
  padding: 14px 0 16px;
  border-bottom: 1px solid var(--eds-tasks-line-soft);
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.80rem;
  line-height: 1.5;
}

body.eds-tasks-v1 .eds-tasks-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin: 0;
  padding: 17px 0;
  border-bottom: 1px solid var(--eds-tasks-line-soft);
  background: transparent;
}

body.eds-tasks-v1 .eds-tasks-item:last-child {
  border-bottom: 0;
}

body.eds-tasks-v1 .eds-tasks-check {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: 1px 0 0;
  padding: 0;
  border: 1px solid rgba(145,106,47,0.48);
  border-radius: 50%;
  background: var(--eds-white);
  color: var(--eds-navy-900);
  font-family: var(--eds-font-ui);
  font-size: 0.86rem;
  font-weight: 800;
  cursor: pointer;
  transition: border-color var(--eds-duration-fast), background var(--eds-duration-fast), transform var(--eds-duration-fast);
}

body.eds-tasks-v1 .eds-tasks-check:hover {
  border-color: var(--eds-gold-600);
  background: var(--eds-ivory-100);
  transform: translateY(-1px);
}

body.eds-tasks-v1 .eds-tasks-check:focus-visible {
  outline: 0;
  box-shadow: var(--eds-shadow-focus);
}

body.eds-tasks-v1 .eds-tasks-item.is-complete .eds-tasks-check {
  border-color: var(--eds-success);
  background: var(--eds-success-soft);
  color: var(--eds-success);
}

body.eds-tasks-v1 .eds-tasks-item.is-overdue .eds-tasks-check {
  border-color: rgba(143,29,44,0.55);
}

body.eds-tasks-v1 .eds-tasks-item__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--eds-space-4);
}

body.eds-tasks-v1 .eds-tasks-item__heading h3,
body.eds-tasks-v1 .eds-tasks-request-row h3 {
  margin: 0;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
}

body.eds-tasks-v1 .eds-tasks-item.is-complete .eds-tasks-item__heading h3 {
  color: var(--eds-muted-500);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}

body.eds-tasks-v1 .eds-tasks-due {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: var(--eds-radius-pill);
  background: var(--eds-ivory-100);
  color: var(--eds-muted-600);
  font-family: var(--eds-font-label);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-due.is-overdue {
  background: var(--eds-danger-soft);
  color: var(--eds-danger);
}

body.eds-tasks-v1 .eds-tasks-due.is-today,
body.eds-tasks-v1 .eds-tasks-due.is-soon {
  background: var(--eds-warning-soft);
  color: var(--eds-warning);
}

body.eds-tasks-v1 .eds-tasks-due.is-complete {
  background: var(--eds-success-soft);
  color: var(--eds-success);
}

body.eds-tasks-v1 .eds-tasks-item__case,
body.eds-tasks-v1 .eds-tasks-request-row__case {
  display: block;
  margin-top: 5px;
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-item__copy > p,
body.eds-tasks-v1 .eds-tasks-request-row p {
  margin: 8px 0 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.80rem;
  line-height: 1.5;
}

body.eds-tasks-v1 .eds-tasks-request-card {
  position: sticky;
  top: calc(var(--eds-auth-header-height, 108px) + 18px);
  background: linear-gradient(150deg, var(--eds-navy-850), #071f39) !important;
  border-color: rgba(216,185,121,0.42) !important;
  color: var(--eds-ivory-50);
}

body.eds-tasks-v1 .eds-tasks-request-card .eds-type-feature,
body.eds-tasks-v1 .eds-tasks-request-card .eds-eyebrow {
  color: var(--eds-ivory-50);
}

body.eds-tasks-v1 .eds-tasks-request-card .eds-eyebrow {
  color: var(--eds-gold-300);
}

body.eds-tasks-v1 .eds-tasks-request-header {
  border-color: rgba(216,185,121,0.28);
}

body.eds-tasks-v1 .eds-tasks-request-card .eds-card__body {
  padding: 18px 20px 20px;
}

body.eds-tasks-v1 .eds-tasks-request-intro {
  margin: 0 0 16px;
  color: rgba(255,255,255,0.70);
  font-family: var(--eds-font-ui);
  font-size: 0.79rem;
  line-height: 1.5;
}

body.eds-tasks-v1 .eds-tasks-request-form {
  display: grid;
  gap: 13px;
}

body.eds-tasks-v1 .eds-tasks-field {
  display: grid;
  gap: 6px;
  margin: 0;
}

body.eds-tasks-v1 .eds-tasks-field > span {
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.eds-tasks-v1 .eds-tasks-field input,
body.eds-tasks-v1 .eds-tasks-field select,
body.eds-tasks-v1 .eds-tasks-field textarea {
  width: 100%;
  min-height: 40px;
  margin: 0;
  border: 1px solid rgba(216,185,121,0.38) !important;
  border-radius: var(--eds-radius-control) !important;
  background: rgba(255,253,248,0.98) !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.82rem !important;
  box-shadow: none !important;
}

body.eds-tasks-v1 .eds-tasks-field textarea {
  min-height: 104px;
  resize: vertical;
}

body.eds-tasks-v1 .eds-tasks-field input:focus,
body.eds-tasks-v1 .eds-tasks-field select:focus,
body.eds-tasks-v1 .eds-tasks-field textarea:focus {
  outline: 0 !important;
  border-color: var(--eds-gold-400) !important;
  box-shadow: 0 0 0 3px rgba(216,185,121,0.16) !important;
}

body.eds-tasks-v1 .eds-tasks-request-form .eds-btn {
  width: 100%;
  margin-top: 2px;
}

body.eds-tasks-v1 .eds-tasks-request-note {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(216,185,121,0.22);
  color: rgba(255,255,255,0.52);
  font-family: var(--eds-font-ui);
  font-size: 0.68rem;
  line-height: 1.45;
}

body.eds-tasks-v1 .eds-tasks-history-card {
  margin-top: var(--eds-space-5);
}

body.eds-tasks-v1 .eds-tasks-request-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--eds-space-5);
  padding: 17px 0;
  border-bottom: 1px solid var(--eds-tasks-line-soft);
}

body.eds-tasks-v1 .eds-tasks-request-row:last-child {
  border-bottom: 0;
}

body.eds-tasks-v1 .eds-tasks-request-row__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  min-width: 150px;
}

body.eds-tasks-v1 .eds-tasks-request-row__meta small {
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.68rem;
}

body.eds-tasks-v1 .eds-tasks-empty {
  margin-top: 16px;
}

body.eds-tasks-v1 .eds-tasks-empty--compact {
  margin: 16px 0 0;
}

@media (max-width: 1180px) {
  body.eds-tasks-v1 .eds-tasks-hero {
    grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr));
  }

  body.eds-tasks-v1 .eds-tasks-hero__brand {
    grid-row: span 2;
  }

  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(3),
  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(5) {
    border-right: 0;
  }

  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(4),
  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(5) {
    border-top: 1px solid rgba(216,185,121,0.28);
  }

  body.eds-tasks-v1 .eds-tasks-focus {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.42fr);
  }

  body.eds-tasks-v1 .eds-tasks-focus__action,
  body.eds-tasks-v1 .eds-tasks-focus > .eds-btn {
    grid-column: 1 / -1;
    border-top: 1px solid var(--eds-tasks-line-soft);
    border-left: 0;
    padding: 14px 20px;
  }
}

@media (max-width: 900px) {
  body.eds-tasks-v1 .eds-tasks-hero,
  body.eds-tasks-v1 .eds-tasks-page,
  body.eds-tasks-v1 .eds-tasks-flash {
    width: calc(100% - 28px);
  }

  body.eds-tasks-v1 .eds-tasks-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
  }

  body.eds-tasks-v1 .eds-tasks-hero__brand {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 104px;
    border-right: 0;
    border-bottom: 1px solid rgba(216,185,121,0.28);
  }

  body.eds-tasks-v1 .eds-tasks-hero__item {
    min-height: 98px;
    padding: 15px 16px;
  }

  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(3),
  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(5) {
    border-right: 0;
  }

  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(4),
  body.eds-tasks-v1 .eds-tasks-hero__item:nth-child(5) {
    border-top: 1px solid rgba(216,185,121,0.28);
  }

  body.eds-tasks-v1 .eds-tasks-focus {
    grid-template-columns: 1fr;
  }

  body.eds-tasks-v1 .eds-tasks-focus__copy,
  body.eds-tasks-v1 .eds-tasks-focus__status,
  body.eds-tasks-v1 .eds-tasks-focus__action,
  body.eds-tasks-v1 .eds-tasks-focus > .eds-btn {
    grid-column: 1;
  }

  body.eds-tasks-v1 .eds-tasks-focus__status {
    border-top: 1px solid var(--eds-tasks-line-soft);
    border-left: 0;
  }

  body.eds-tasks-v1 .eds-tasks-layout {
    grid-template-columns: 1fr;
  }

  body.eds-tasks-v1 .eds-tasks-request-card {
    position: static;
    top: auto;
  }
}

@media (max-width: 640px) {
  body.eds-tasks-v1 .eds-tasks-hero__brand {
    padding: 17px 18px;
  }

  body.eds-tasks-v1 .eds-tasks-hero__emblem {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 1.42rem;
  }

  body.eds-tasks-v1 .eds-tasks-focus__copy,
  body.eds-tasks-v1 .eds-tasks-focus__status,
  body.eds-tasks-v1 .eds-tasks-focus__action,
  body.eds-tasks-v1 .eds-tasks-focus > .eds-btn {
    padding: 18px;
  }

  body.eds-tasks-v1 .eds-tasks-focus__copy {
    padding-left: 22px;
  }

  body.eds-tasks-v1 .eds-tasks-card-header,
  body.eds-tasks-v1 .eds-tasks-request-header {
    align-items: flex-start;
    padding: 16px;
  }

  body.eds-tasks-v1 .eds-tasks-list-body,
  body.eds-tasks-v1 .eds-tasks-history-body,
  body.eds-tasks-v1 .eds-tasks-request-card .eds-card__body {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.eds-tasks-v1 .eds-tasks-item {
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 15px 0;
  }

  body.eds-tasks-v1 .eds-tasks-check {
    width: 28px;
    height: 28px;
  }

  body.eds-tasks-v1 .eds-tasks-item__heading {
    display: grid;
    gap: 8px;
  }

  body.eds-tasks-v1 .eds-tasks-due {
    justify-self: start;
  }

  body.eds-tasks-v1 .eds-tasks-request-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.eds-tasks-v1 .eds-tasks-request-row__meta {
    align-items: flex-start;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.eds-tasks-v1 .eds-tasks-check {
    transition: none;
  }
}

/* CLIENT CENTER 2.1 PATCH 2X12A — Public Mobile Navigation Infrastructure Restoration.
   Scope: public / website-adjacent Client Center pages only, <=1000px.
   Locked behavior restored: sticky logo/Menu bar, left off-canvas drawer, close X,
   backdrop, internal drawer scrolling, collapsible submenus, compact rows, and gold CTA.
   Desktop public navigation and all authenticated client/admin shells remain untouched. */
@media (max-width:1000px){
  html.eh-public-nav-open,
  body.eh-public-nav-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.portal-public-page #elmazahi-homepage-header{
    position:sticky!important;
    top:0!important;
    z-index:3200!important;
    width:100%!important;
    isolation:isolate!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-header{
    position:relative!important;
    top:auto!important;
    z-index:3202!important;
    background:#04070d!important;
    border-bottom:1px solid rgba(196,160,98,.46)!important;
    box-shadow:0 10px 30px rgba(2,8,18,.16)!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav{
    min-height:78px!important;
    padding:9px 0!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-wordmark.eh-image-logo{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 106px)!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-wordmark.eh-image-logo img,
  body.portal-public-page #elmazahi-homepage-header .eh-header .eh-wordmark.eh-image-logo img{
    width:210px!important;
    max-width:100%!important;
    height:auto!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-toggle{
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:88px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 17px!important;
    border:1px solid rgba(216,186,130,.66)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.045)!important;
    color:#f7f3e9!important;
    font-family:"Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.17em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-toggle span{
    display:none!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-toggle:focus-visible,
  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-close:focus-visible,
  body.portal-public-page #elmazahi-homepage-header .eh-mobile-submenu-toggle:focus-visible,
  body.portal-public-page #elmazahi-homepage-header .eh-nav-links a:focus-visible{
    outline:2px solid #d8ba82!important;
    outline-offset:3px!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-links{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:3210!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:min(88vw,370px)!important;
    max-width:370px!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:0 0 calc(24px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-right:1px solid rgba(216,186,130,.48)!important;
    background:linear-gradient(180deg,#061426 0%,#04101f 100%)!important;
    box-shadow:24px 0 64px rgba(0,0,0,.46)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    transform:translate3d(-103%,0,0)!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s cubic-bezier(.22,.61,.36,1),visibility 0s linear .24s!important;
    white-space:normal!important;
    text-align:left!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-links.eh-mobile-open{
    transform:translate3d(0,0,0)!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .24s cubic-bezier(.22,.61,.36,1),visibility 0s!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-drawer-head{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:82px!important;
    padding:calc(18px + env(safe-area-inset-top)) 20px 18px!important;
    border-bottom:1px solid rgba(216,186,130,.34)!important;
    background:rgba(4,16,31,.97)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-drawer-title{
    color:#d8ba82!important;
    font-family:"Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.18em!important;
    line-height:1!important;
    text-transform:uppercase!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-close{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    border:1px solid rgba(216,186,130,.52)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.035)!important;
    color:#f6f1e6!important;
    font-family:Arial,sans-serif!important;
    font-size:28px!important;
    font-weight:300!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-links > a,
  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown .eh-nav-parent{
    display:block!important;
    width:100%!important;
    min-height:48px!important;
    padding:15px 58px 14px 22px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    color:rgba(247,243,233,.9)!important;
    background:transparent!important;
    font-family:"Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.115em!important;
    line-height:1.35!important;
    text-transform:uppercase!important;
    text-align:left!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-links > a:hover,
  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown .eh-nav-parent:hover,
  body.portal-public-page #elmazahi-homepage-header .eh-nav-links > a:active{
    color:#e5c57f!important;
    background:rgba(216,186,130,.07)!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-start-link{
    color:#e5c57f!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-cta{
    display:flex!important;
    width:calc(100% - 36px)!important;
    min-height:50px!important;
    margin:18px!important;
    padding:13px 16px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border:1px solid #d8ba82!important;
    border-radius:0!important;
    background:linear-gradient(135deg,#e0c07a,#c79e55)!important;
    color:#071425!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.105em!important;
    line-height:1.15!important;
    text-align:center!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-cta span{
    display:inline!important;
    color:#071425!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown{
    position:relative!important;
    display:block!important;
    width:100%!important;
    border:0!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown .eh-nav-parent:after{
    display:none!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-submenu-toggle{
    position:absolute!important;
    top:4px!important;
    right:8px!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:40px!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(216,186,130,.28)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d8ba82!important;
    font-family:Arial,sans-serif!important;
    font-size:20px!important;
    font-weight:400!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-submenu-toggle:before{
    content:"+"!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown.eh-mobile-submenu-open .eh-mobile-submenu-toggle:before{
    content:"−"!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown .eh-nav-submenu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 0 8px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    background:rgba(255,255,255,.025)!important;
    box-shadow:none!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-dropdown.eh-mobile-submenu-open .eh-nav-submenu{
    display:block!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-submenu:before{
    display:none!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-submenu a{
    display:block!important;
    width:100%!important;
    min-height:42px!important;
    padding:12px 22px 11px 34px!important;
    border:0!important;
    color:rgba(247,243,233,.72)!important;
    background:transparent!important;
    font-family:"Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:600!important;
    letter-spacing:.085em!important;
    line-height:1.4!important;
    white-space:normal!important;
    text-transform:uppercase!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-submenu a:hover,
  body.portal-public-page #elmazahi-homepage-header .eh-nav-submenu a:active{
    color:#e5c57f!important;
    background:rgba(216,186,130,.06)!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:3208!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:rgba(1,7,15,.62)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility 0s linear .2s!important;
    cursor:pointer!important;
  }

  body.portal-public-page #elmazahi-homepage-header.eh-mobile-drawer-open .eh-mobile-nav-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .2s ease,visibility 0s!important;
  }
}

@media (max-width:560px){
  body.portal-public-page #elmazahi-homepage-header .eh-nav{
    width:calc(100% - 24px)!important;
  }
  body.portal-public-page #elmazahi-homepage-header .eh-wordmark.eh-image-logo img,
  body.portal-public-page #elmazahi-homepage-header .eh-header .eh-wordmark.eh-image-logo img{
    width:190px!important;
  }
  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-toggle{
    min-width:82px!important;
    padding:0 14px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.portal-public-page #elmazahi-homepage-header .eh-nav-links,
  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-backdrop{
    transition:none!important;
  }
}

@media (min-width:1001px){
  #elmazahi-homepage-header .eh-mobile-drawer-head,
  #elmazahi-homepage-header .eh-mobile-nav-close,
  #elmazahi-homepage-header .eh-mobile-nav-backdrop{
    display:none!important;
  }
}

/* CLIENT CENTER 2.1 PATCH 2X12B — Public Mobile Drawer Layering and Legibility Correction.
   Root cause: the public header created an intermediate z-index stacking context at 3202,
   trapping the fixed drawer beneath the sibling backdrop at 3208. The backdrop's dimming
   and blur therefore rendered over the open drawer. This override removes that intermediate
   stacking context so the locked drawer (3210) correctly sits above the backdrop (3208).
   Scope: website-adjacent public Client Center pages only, <=1000px. */
@media (max-width:1000px){
  body.portal-public-page #elmazahi-homepage-header .eh-header{
    z-index:auto!important;
    isolation:auto!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav{
    position:relative!important;
    z-index:auto!important;
    isolation:auto!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-nav-links,
  body.portal-public-page #elmazahi-homepage-header .eh-nav-links.eh-mobile-open{
    z-index:3210!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
  }

  body.portal-public-page #elmazahi-homepage-header .eh-mobile-nav-backdrop{
    z-index:3208!important;
  }
}

/* ==========================================================================
   CLIENT CENTER 2.1 — PATCH 2X13
   TIME / WORK PERFORMED EDS EXPERIENCE
   --------------------------------------------------------------------------
   Scope protection:
   - Client-facing Time page only.
   - Preserves PDF generation, date filtering, client-visible entry rules,
     authentication, database queries, admin preview, shell, header, sidebar,
     mobile stack, drawer, content origin, and all unrelated functionality.
   ========================================================================== */

body.eds-time-v1 {
  --eds-time-line: rgba(196, 160, 98, 0.28);
  --eds-time-line-soft: rgba(8, 17, 30, 0.09);
  --eds-time-surface: rgba(255, 253, 248, 0.97);
}

body.eds-time-v1 .eds-time-hero {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
  width: min(100%, var(--eds-content-max));
  min-height: 88px;
  margin: 0 auto var(--eds-space-5);
  overflow: hidden;
  border: 1px solid rgba(196, 160, 98, 0.52);
  border-radius: var(--eds-radius-card);
  background: linear-gradient(112deg, #17202a 0%, var(--eds-navy-850) 36%, #071f39 100%);
  box-shadow: var(--eds-shadow-2);
}

body.eds-time-v1 .eds-time-hero__brand,
body.eds-time-v1 .eds-time-hero__item {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid rgba(216, 185, 121, 0.28);
}

body.eds-time-v1 .eds-time-hero__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(105deg, rgba(216, 185, 121, 0.10), rgba(255, 255, 255, 0.02));
}

body.eds-time-v1 .eds-time-hero__emblem {
  display: grid;
  place-items: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(216, 185, 121, 0.72);
  border-radius: 50%;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-display);
  font-size: 1.65rem;
  line-height: 1;
  box-shadow: inset 0 0 0 5px rgba(216, 185, 121, 0.05);
}

body.eds-time-v1 .eds-time-hero__brand strong,
body.eds-time-v1 .eds-time-hero__brand small,
body.eds-time-v1 .eds-time-hero__item > span,
body.eds-time-v1 .eds-time-hero__item > strong,
body.eds-time-v1 .eds-time-hero__item > small {
  display: block;
}

body.eds-time-v1 .eds-time-hero__brand strong {
  color: var(--eds-ivory-50);
  font-family: var(--eds-font-display);
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.12;
}

body.eds-time-v1 .eds-time-hero__brand small {
  margin-top: 4px;
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-hero__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.eds-time-v1 .eds-time-hero__item:last-child {
  border-right: 0;
}

body.eds-time-v1 .eds-time-hero__item > span {
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: var(--eds-tracking-label);
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-hero__item > strong {
  margin-top: 5px;
  overflow-wrap: anywhere;
  color: var(--eds-ivory-50);
  font-family: var(--eds-font-display);
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1.05;
}

body.eds-time-v1 .eds-time-hero__item > small {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.61);
  font-family: var(--eds-font-ui);
  font-size: 0.68rem;
  line-height: 1.25;
}

body.eds-time-v1 .eds-time-page,
body.eds-time-v1 .eds-time-flash {
  width: min(100%, var(--eds-content-max));
  margin-left: auto;
  margin-right: auto;
}

body.eds-time-v1 .eds-time-page {
  padding-bottom: var(--eds-space-8);
}

body.eds-time-v1 .eds-time-flash {
  margin-bottom: var(--eds-space-4);
}

body.eds-time-v1 .eds-time-focus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 0.34fr) minmax(190px, 0.24fr);
  align-items: stretch;
  margin-bottom: var(--eds-space-5);
  overflow: hidden;
  border: 1px solid var(--eds-time-line);
  border-radius: var(--eds-radius-card);
  background: var(--eds-white);
  box-shadow: var(--eds-shadow-1);
}

body.eds-time-v1 .eds-time-focus::before {
  content: '';
  grid-column: 1;
  grid-row: 1;
  width: 4px;
  justify-self: start;
  background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700));
}

body.eds-time-v1 .eds-time-focus__copy,
body.eds-time-v1 .eds-time-focus__range,
body.eds-time-v1 .eds-time-focus__status {
  padding: 22px 24px;
}

body.eds-time-v1 .eds-time-focus__copy {
  grid-column: 1;
  grid-row: 1;
  padding-left: 28px;
}

body.eds-time-v1 .eds-time-focus__copy h2 {
  margin: 5px 0 8px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: clamp(1.65rem, 2vw, 2.15rem);
  font-weight: 500;
  line-height: 1.12;
}

body.eds-time-v1 .eds-time-focus__copy p {
  max-width: 790px;
  margin: 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.88rem;
  line-height: 1.55;
}

body.eds-time-v1 .eds-time-focus__range,
body.eds-time-v1 .eds-time-focus__status {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid var(--eds-time-line-soft);
  background: linear-gradient(135deg, rgba(247, 244, 238, 0.78), rgba(255, 255, 255, 0.96));
}

body.eds-time-v1 .eds-time-focus__range > span,
body.eds-time-v1 .eds-time-focus__status > span {
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: var(--eds-tracking-label);
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-focus__range > strong,
body.eds-time-v1 .eds-time-focus__status > strong {
  margin-top: 7px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.35;
}

body.eds-time-v1 .eds-time-focus__range > small,
body.eds-time-v1 .eds-time-focus__status > small {
  margin-top: 5px;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.72rem;
  line-height: 1.4;
}

body.eds-time-v1 .eds-time-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(330px, 0.76fr);
  gap: var(--eds-space-5);
  align-items: start;
}

body.eds-time-v1 .eds-time-ledger-card,
body.eds-time-v1 .eds-time-controls-card,
body.eds-time-v1 .eds-time-standard-card {
  overflow: hidden;
  border: 1px solid var(--eds-time-line-soft);
  border-radius: var(--eds-radius-card);
  box-shadow: var(--eds-shadow-1);
}

body.eds-time-v1 .eds-time-card-header,
body.eds-time-v1 .eds-time-controls-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--eds-space-4);
  padding: 18px 20px;
  border-bottom: 1px solid var(--eds-time-line-soft);
}

body.eds-time-v1 .eds-time-card-header > div,
body.eds-time-v1 .eds-time-controls-header > div {
  display: grid;
  gap: 3px;
}

body.eds-time-v1 .eds-time-ledger-body {
  padding: 0 20px 20px;
}

body.eds-time-v1 .eds-time-intro {
  margin: 0;
  padding: 14px 0 16px;
  border-bottom: 1px solid var(--eds-time-line-soft);
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.80rem;
  line-height: 1.5;
}

body.eds-time-v1 .eds-time-ledger {
  display: grid;
}

body.eds-time-v1 .eds-time-entry {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid var(--eds-time-line-soft);
}

body.eds-time-v1 .eds-time-entry:last-child {
  border-bottom: 0;
}

body.eds-time-v1 .eds-time-entry__date {
  display: grid;
  place-items: center;
  min-height: 66px;
  padding: 7px 4px;
  border: 1px solid rgba(196, 160, 98, 0.34);
  border-radius: var(--eds-radius-small);
  background: linear-gradient(145deg, var(--eds-ivory-50), var(--eds-ivory-100));
  text-align: center;
}

body.eds-time-v1 .eds-time-entry__date span,
body.eds-time-v1 .eds-time-entry__date small {
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-entry__date strong {
  margin: 2px 0;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: 1.55rem;
  font-weight: 500;
  line-height: 1;
}

body.eds-time-v1 .eds-time-entry__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--eds-space-4);
}

body.eds-time-v1 .eds-time-entry__heading h3 {
  margin: 0;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.35;
}

body.eds-time-v1 .eds-time-entry__heading div > span {
  display: block;
  margin-top: 5px;
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-entry__duration {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: var(--eds-radius-pill);
  background: var(--eds-info-soft);
  color: var(--eds-info);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-entry__content > p {
  margin: 9px 0 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.80rem;
  line-height: 1.5;
}

body.eds-time-v1 .eds-time-empty {
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 180px;
  margin-top: 18px;
  place-items: center start;
  text-align: left;
}

body.eds-time-v1 .eds-time-empty .eds-empty-state__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid var(--eds-line);
  border-radius: 50%;
  color: var(--eds-gold-700);
  font-family: var(--eds-font-display);
  font-size: 1.35rem;
}

body.eds-time-v1 .eds-time-empty strong {
  display: block;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 0.95rem;
}

body.eds-time-v1 .eds-time-empty p {
  margin: 6px 0 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.78rem;
  line-height: 1.5;
}

body.eds-time-v1 .eds-time-side {
  display: grid;
  gap: var(--eds-space-5);
}

body.eds-time-v1 .eds-time-controls-card {
  position: sticky;
  top: calc(var(--eds-auth-header-height, 108px) + 18px);
  border-color: rgba(216, 185, 121, 0.42) !important;
  background: linear-gradient(150deg, var(--eds-navy-850), #071f39) !important;
  color: var(--eds-ivory-50);
}

body.eds-time-v1 .eds-time-controls-card .eds-type-feature,
body.eds-time-v1 .eds-time-controls-card .eds-eyebrow {
  color: var(--eds-ivory-50);
}

body.eds-time-v1 .eds-time-controls-card .eds-eyebrow {
  color: var(--eds-gold-300);
}

body.eds-time-v1 .eds-time-controls-header {
  border-color: rgba(216, 185, 121, 0.28);
}

body.eds-time-v1 .eds-time-controls-card .eds-card__body {
  padding: 18px 20px 20px;
}

body.eds-time-v1 .eds-time-controls-intro {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.70);
  font-family: var(--eds-font-ui);
  font-size: 0.79rem;
  line-height: 1.5;
}

body.eds-time-v1 .eds-time-filter-form {
  display: grid;
  gap: 13px;
}

body.eds-time-v1 .eds-time-field {
  display: grid;
  gap: 6px;
  margin: 0;
}

body.eds-time-v1 .eds-time-field > span {
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.61rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-field input {
  width: 100%;
  min-height: 40px;
  margin: 0;
  border: 1px solid rgba(216, 185, 121, 0.38) !important;
  border-radius: var(--eds-radius-control) !important;
  background: rgba(255, 253, 248, 0.98) !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.82rem !important;
  box-shadow: none !important;
}

body.eds-time-v1 .eds-time-field input:focus {
  outline: 0 !important;
  border-color: var(--eds-gold-400) !important;
  box-shadow: 0 0 0 3px rgba(216, 185, 121, 0.16) !important;
}

body.eds-time-v1 .eds-time-filter-form .eds-btn {
  width: 100%;
}

body.eds-time-v1 .eds-time-controls-card .eds-btn--secondary {
  border-color: rgba(216, 185, 121, 0.40);
  background: rgba(255, 255, 255, 0.04);
  color: var(--eds-ivory-50);
}

body.eds-time-v1 .eds-time-controls-card .eds-btn--secondary:hover {
  border-color: rgba(216, 185, 121, 0.68);
  background: rgba(255, 255, 255, 0.08);
}

body.eds-time-v1 .eds-time-controls-note {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid rgba(216, 185, 121, 0.22);
  color: rgba(255, 255, 255, 0.52);
  font-family: var(--eds-font-ui);
  font-size: 0.68rem;
  line-height: 1.45;
}

body.eds-time-v1 .eds-time-standard-card .eds-card__body {
  padding: 20px;
}

body.eds-time-v1 .eds-time-standard-card h2 {
  margin-top: 5px;
}

body.eds-time-v1 .eds-time-standard-card p {
  margin: 10px 0 14px;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.79rem;
  line-height: 1.55;
}

body.eds-time-v1 .eds-time-standard-card .eds-action-link {
  display: inline-flex;
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}

body.eds-time-v1 .eds-time-standard-card .eds-action-link:hover {
  color: var(--eds-navy-900);
}

@media (max-width: 1180px) {
  body.eds-time-v1 .eds-time-hero {
    grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr));
  }

  body.eds-time-v1 .eds-time-hero__brand {
    grid-row: span 2;
  }

  body.eds-time-v1 .eds-time-hero__item:nth-child(3),
  body.eds-time-v1 .eds-time-hero__item:nth-child(5) {
    border-right: 0;
  }

  body.eds-time-v1 .eds-time-hero__item:nth-child(4),
  body.eds-time-v1 .eds-time-hero__item:nth-child(5) {
    border-top: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-time-v1 .eds-time-focus {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 0.42fr);
  }

  body.eds-time-v1 .eds-time-focus__status {
    grid-column: 1 / -1;
    border-top: 1px solid var(--eds-time-line-soft);
    border-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (max-width: 900px) {
  body.eds-time-v1 .eds-time-hero,
  body.eds-time-v1 .eds-time-page,
  body.eds-time-v1 .eds-time-flash {
    width: calc(100% - 28px);
  }

  body.eds-time-v1 .eds-time-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 16px;
  }

  body.eds-time-v1 .eds-time-hero__brand {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 104px;
    border-right: 0;
    border-bottom: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-time-v1 .eds-time-hero__item {
    min-height: 98px;
    padding: 15px 16px;
  }

  body.eds-time-v1 .eds-time-hero__item:nth-child(3),
  body.eds-time-v1 .eds-time-hero__item:nth-child(5) {
    border-right: 0;
  }

  body.eds-time-v1 .eds-time-hero__item:nth-child(4),
  body.eds-time-v1 .eds-time-hero__item:nth-child(5) {
    border-top: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-time-v1 .eds-time-focus,
  body.eds-time-v1 .eds-time-layout {
    grid-template-columns: 1fr;
  }

  body.eds-time-v1 .eds-time-focus__copy,
  body.eds-time-v1 .eds-time-focus__range,
  body.eds-time-v1 .eds-time-focus__status {
    grid-column: 1;
  }

  body.eds-time-v1 .eds-time-focus__range,
  body.eds-time-v1 .eds-time-focus__status {
    border-top: 1px solid var(--eds-time-line-soft);
    border-left: 0;
  }

  body.eds-time-v1 .eds-time-controls-card {
    position: static;
    top: auto;
  }
}

@media (max-width: 640px) {
  body.eds-time-v1 .eds-time-hero__brand {
    padding: 17px 18px;
  }

  body.eds-time-v1 .eds-time-hero__emblem {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 1.42rem;
  }

  body.eds-time-v1 .eds-time-focus__copy,
  body.eds-time-v1 .eds-time-focus__range,
  body.eds-time-v1 .eds-time-focus__status {
    padding: 18px;
  }

  body.eds-time-v1 .eds-time-focus__copy {
    padding-left: 22px;
  }

  body.eds-time-v1 .eds-time-card-header,
  body.eds-time-v1 .eds-time-controls-header {
    align-items: flex-start;
    padding: 16px;
  }

  body.eds-time-v1 .eds-time-ledger-body,
  body.eds-time-v1 .eds-time-controls-card .eds-card__body,
  body.eds-time-v1 .eds-time-standard-card .eds-card__body {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.eds-time-v1 .eds-time-entry {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 12px;
    padding: 16px 0;
  }

  body.eds-time-v1 .eds-time-entry__date {
    min-height: 60px;
  }

  body.eds-time-v1 .eds-time-entry__date strong {
    font-size: 1.35rem;
  }

  body.eds-time-v1 .eds-time-entry__heading {
    display: grid;
    gap: 9px;
  }

  body.eds-time-v1 .eds-time-entry__duration {
    justify-self: start;
  }

  body.eds-time-v1 .eds-time-empty {
    grid-template-columns: 1fr;
    place-items: center;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.eds-time-v1 .eds-btn,
  body.eds-time-v1 .eds-action-link {
    transition: none;
  }
}

/* ==========================================================================
   CLIENT CENTER 2.1 — PATCH 2X14
   SECURE INTAKE EDS EXPERIENCE
   --------------------------------------------------------------------------
   Scope protection:
   - Client-facing Secure Intake page only.
   - Preserves intake data model, save/submit workflow, client locks, uploads,
     CSRF, ownership checks, PDF generation, admin controls, email logging,
     shared header, sidebar, mobile stack, drawer, content origin, and routes.
   ========================================================================== */

body.eds-intake-v1 {
  --eds-intake-line: rgba(196, 160, 98, 0.30);
  --eds-intake-line-soft: rgba(8, 17, 30, 0.09);
  --eds-intake-surface: rgba(255, 253, 248, 0.98);
}

body.eds-intake-v1 .eds-intake-hero {
  display: grid !important;
  grid-template-columns: 1.42fr repeat(4, minmax(0, 1fr)) !important;
  width: min(100%, var(--eds-content-max)) !important;
  min-height: 88px !important;
  margin: 0 auto var(--eds-space-5) !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 160, 98, 0.52) !important;
  border-radius: var(--eds-radius-card) !important;
  background: linear-gradient(112deg, #17202a 0%, var(--eds-navy-850) 36%, #071f39 100%) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.eds-intake-v1 .eds-intake-hero__brand,
body.eds-intake-v1 .eds-intake-hero__item {
  min-width: 0 !important;
  padding: 18px 20px !important;
  border-right: 1px solid rgba(216, 185, 121, 0.28) !important;
}

body.eds-intake-v1 .eds-intake-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: linear-gradient(105deg, rgba(216, 185, 121, 0.10), rgba(255, 255, 255, 0.02)) !important;
}

body.eds-intake-v1 .eds-intake-hero__emblem {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 50px !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid rgba(216, 185, 121, 0.72) !important;
  border-radius: 50% !important;
  color: var(--eds-gold-400) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 5px rgba(216, 185, 121, 0.05) !important;
}

body.eds-intake-v1 .eds-intake-hero__brand strong,
body.eds-intake-v1 .eds-intake-hero__brand small,
body.eds-intake-v1 .eds-intake-hero__item > span,
body.eds-intake-v1 .eds-intake-hero__item > strong,
body.eds-intake-v1 .eds-intake-hero__item > small {
  display: block !important;
}

body.eds-intake-v1 .eds-intake-hero__brand strong {
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.28rem !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
}

body.eds-intake-v1 .eds-intake-hero__brand small {
  margin-top: 4px !important;
  color: var(--eds-gold-300) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.eds-intake-v1 .eds-intake-hero__item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.eds-intake-v1 .eds-intake-hero__item:last-child {
  border-right: 0 !important;
}

body.eds-intake-v1 .eds-intake-hero__item > span {
  color: var(--eds-gold-300) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: var(--eds-tracking-label) !important;
  text-transform: uppercase !important;
}

body.eds-intake-v1 .eds-intake-hero__item > strong {
  margin-top: 5px !important;
  overflow-wrap: anywhere !important;
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.24rem !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

body.eds-intake-v1 .eds-intake-hero__item > small {
  margin-top: 5px !important;
  color: rgba(255, 255, 255, 0.61) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
}

body.eds-intake-v1 .eds-intake-page,
body.eds-intake-v1 .eds-intake-flash {
  width: min(100%, var(--eds-content-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.eds-intake-v1 .eds-intake-page {
  padding-bottom: var(--eds-space-8) !important;
}

body.eds-intake-v1 .eds-intake-flash {
  margin-bottom: var(--eds-space-4) !important;
}

body.eds-intake-v1 .eds-intake-focus {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.28fr) minmax(245px, 0.34fr) !important;
  align-items: stretch !important;
  margin-bottom: var(--eds-space-5) !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-intake-line) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-intake-v1 .eds-intake-focus::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700)) !important;
}

body.eds-intake-v1 .eds-intake-focus__copy,
body.eds-intake-v1 .eds-intake-focus__progress,
body.eds-intake-v1 .eds-intake-focus__support {
  min-width: 0 !important;
  padding: 22px 24px !important;
}

body.eds-intake-v1 .eds-intake-focus__copy {
  padding-left: 28px !important;
}

body.eds-intake-v1 .eds-intake-focus__copy h2 {
  margin: 5px 0 8px !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-size: clamp(1.65rem, 2vw, 2.15rem) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
}

body.eds-intake-v1 .eds-intake-focus__copy p {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
}

body.eds-intake-v1 .eds-intake-focus__progress,
body.eds-intake-v1 .eds-intake-focus__support {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-left: 1px solid var(--eds-intake-line-soft) !important;
  background: linear-gradient(135deg, rgba(247, 244, 238, 0.76), rgba(255, 255, 255, 0.98)) !important;
}

body.eds-intake-v1 .eds-intake-focus__progress > span,
body.eds-intake-v1 .eds-intake-focus__support > span {
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: var(--eds-tracking-label) !important;
  text-transform: uppercase !important;
}

body.eds-intake-v1 .eds-intake-focus__progress > strong,
body.eds-intake-v1 .eds-intake-focus__support > strong {
  margin-top: 7px !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.96rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

body.eds-intake-v1 .eds-intake-focus__support > a {
  margin-top: 7px !important;
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.075em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.eds-intake-v1 .eds-intake-focus__support > a:hover {
  color: var(--eds-navy-900) !important;
}

body.eds-intake-v1 .eds-intake-focus__bar {
  height: 7px !important;
  margin-top: 11px !important;
  overflow: hidden !important;
  border-radius: var(--eds-radius-pill) !important;
  background: rgba(8, 17, 30, 0.10) !important;
}

body.eds-intake-v1 .eds-intake-focus__bar > span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--eds-gold-600), var(--eds-gold-400)) !important;
}

body.eds-intake-v1 .eds-intake-stepper {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 var(--eds-space-5) !important;
  padding: 12px !important;
  border: 1px solid var(--eds-intake-line-soft) !important;
  border-radius: var(--eds-radius-card) !important;
  background: rgba(255, 253, 248, 0.94) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-intake-v1 .eds-intake-stepper .intake-step {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(8, 17, 30, 0.08) !important;
  border-radius: var(--eds-radius-control) !important;
  background: var(--eds-white) !important;
  color: var(--eds-ink-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.61rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: border-color var(--eds-duration-fast) var(--eds-ease-standard), background var(--eds-duration-fast) var(--eds-ease-standard), color var(--eds-duration-fast) var(--eds-ease-standard) !important;
}

body.eds-intake-v1 .eds-intake-stepper .intake-step:hover,
body.eds-intake-v1 .eds-intake-stepper .intake-step:focus-visible {
  border-color: rgba(196, 160, 98, 0.52) !important;
  background: var(--eds-ivory-100) !important;
  color: var(--eds-navy-900) !important;
}

body.eds-intake-v1 .eds-intake-status-card {
  margin: 0 0 var(--eds-space-5) !important;
  padding: 20px 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-intake-line-soft) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-intake-v1 .eds-intake-status-card .panel-head {
  align-items: center !important;
  margin: 0 0 12px !important;
}

body.eds-intake-v1 .eds-intake-status-card h2 {
  margin: 0 !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.38rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.eds-intake-v1 .eds-intake-status-card .fineprint {
  margin: 4px 0 0 !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.72rem !important;
  line-height: 1.45 !important;
}

body.eds-intake-v1 .eds-intake-status-card .intake-chip {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(196, 160, 98, 0.30) !important;
  border-radius: var(--eds-radius-pill) !important;
  background: var(--eds-ivory-100) !important;
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.eds-intake-v1 .eds-intake-status-card .intake-progress {
  height: 8px !important;
  margin: 12px 0 8px !important;
  overflow: hidden !important;
  border-radius: var(--eds-radius-pill) !important;
  background: rgba(8, 17, 30, 0.09) !important;
}

body.eds-intake-v1 .eds-intake-status-card .intake-progress > span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, var(--eds-gold-600), var(--eds-gold-400)) !important;
}

body.eds-intake-v1 .eds-intake-status-card .inline-form {
  display: flex !important;
  align-items: end !important;
  gap: 12px !important;
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid var(--eds-intake-line-soft) !important;
}

body.eds-intake-v1 .eds-intake-form {
  display: grid !important;
  gap: var(--eds-space-5) !important;
  counter-reset: eds-intake-section !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section {
  counter-increment: eds-intake-section !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-intake-line-soft) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section > h2 {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid var(--eds-intake-line-soft) !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.38rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  background: linear-gradient(135deg, rgba(247, 244, 238, 0.64), rgba(255, 255, 255, 0.98)) !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section > h2::before {
  content: counter(eds-intake-section) !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(196, 160, 98, 0.48) !important;
  border-radius: 50% !important;
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section > .grid-form,
body.eds-intake-v1 .eds-intake-form > .intake-section > label,
body.eds-intake-v1 .eds-intake-form > .intake-section > .intake-check-grid,
body.eds-intake-v1 .eds-intake-form > .intake-section > p,
body.eds-intake-v1 .eds-intake-form > .intake-section > .intake-form-actions,
body.eds-intake-v1 .eds-intake-form > .intake-section > .security-notice {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section > .grid-form,
body.eds-intake-v1 .eds-intake-form > .intake-section > .intake-check-grid {
  margin-top: 20px !important;
  margin-bottom: 22px !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section > label {
  display: grid !important;
  gap: 7px !important;
  margin-top: 20px !important;
  margin-bottom: 22px !important;
}

body.eds-intake-v1 .eds-intake-form > .intake-section > p {
  margin-top: 16px !important;
  margin-bottom: 0 !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.79rem !important;
  line-height: 1.55 !important;
}

body.eds-intake-v1 .eds-intake-form .grid-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
}

body.eds-intake-v1 .eds-intake-form .grid-form > label,
body.eds-intake-v1 .eds-intake-form > .intake-section > label,
body.eds-intake-v1 .eds-intake-status-card label,
body.eds-intake-v1 .eds-intake-upload-card label {
  color: var(--eds-ink-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.67rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.055em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.eds-intake-v1 .eds-intake-form .grid-form > label.full {
  grid-column: 1 / -1 !important;
}

body.eds-intake-v1 .eds-intake-form input:not([type="checkbox"]):not([type="hidden"]),
body.eds-intake-v1 .eds-intake-form textarea,
body.eds-intake-v1 .eds-intake-form select,
body.eds-intake-v1 .eds-intake-status-card select,
body.eds-intake-v1 .eds-intake-upload-card input:not([type="checkbox"]):not([type="hidden"]),
body.eds-intake-v1 .eds-intake-upload-card textarea,
body.eds-intake-v1 .eds-intake-upload-card select {
  width: 100% !important;
  min-height: 42px !important;
  margin: 7px 0 0 !important;
  border: 1px solid rgba(8, 17, 30, 0.16) !important;
  border-radius: var(--eds-radius-control) !important;
  background: var(--eds-ivory-50) !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  box-shadow: none !important;
}

body.eds-intake-v1 .eds-intake-form textarea,
body.eds-intake-v1 .eds-intake-upload-card textarea {
  min-height: 108px !important;
  resize: vertical !important;
}

body.eds-intake-v1 .eds-intake-form input:focus,
body.eds-intake-v1 .eds-intake-form textarea:focus,
body.eds-intake-v1 .eds-intake-form select:focus,
body.eds-intake-v1 .eds-intake-status-card select:focus,
body.eds-intake-v1 .eds-intake-upload-card input:focus,
body.eds-intake-v1 .eds-intake-upload-card textarea:focus,
body.eds-intake-v1 .eds-intake-upload-card select:focus {
  outline: 0 !important;
  border-color: var(--eds-gold-500) !important;
  box-shadow: 0 0 0 3px rgba(216, 185, 121, 0.16) !important;
}

body.eds-intake-v1 .eds-intake-form input[readonly],
body.eds-intake-v1 .eds-intake-form textarea[readonly] {
  background: rgba(239, 233, 221, 0.58) !important;
  color: var(--eds-muted-600) !important;
}

body.eds-intake-v1 .eds-intake-form .intake-check-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.eds-intake-v1 .eds-intake-form .check-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(8, 17, 30, 0.09) !important;
  border-radius: var(--eds-radius-small) !important;
  background: var(--eds-ivory-50) !important;
  color: var(--eds-ink-700) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

body.eds-intake-v1 .eds-intake-form .grid-form .check-label.full {
  grid-column: 1 / -1 !important;
}

body.eds-intake-v1 .eds-intake-form .check-label input[type="checkbox"] {
  flex: 0 0 auto !important;
  width: 17px !important;
  height: 17px !important;
  margin: 1px 0 0 !important;
  accent-color: var(--eds-gold-600) !important;
}

body.eds-intake-v1 .eds-intake-form #step-review {
  border-color: rgba(196, 160, 98, 0.44) !important;
  background: linear-gradient(145deg, #fffdf8, #f7f1e5) !important;
}

body.eds-intake-v1 .eds-intake-form #step-review > h2 {
  border-bottom-color: rgba(196, 160, 98, 0.28) !important;
  background: linear-gradient(135deg, rgba(229, 207, 160, 0.26), rgba(255, 253, 248, 0.98)) !important;
}

body.eds-intake-v1 .eds-intake-form #step-review > .check-label {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

body.eds-intake-v1 .eds-intake-form .security-notice {
  margin-top: 18px !important;
  margin-bottom: 22px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(63, 118, 85, 0.24) !important;
  border-radius: var(--eds-radius-small) !important;
  background: var(--eds-success-soft) !important;
  color: #315d42 !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.79rem !important;
  line-height: 1.5 !important;
}

body.eds-intake-v1 .eds-intake-form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(196, 160, 98, 0.24) !important;
}

body.eds-intake-v1 .eds-intake-form-actions .btn,
body.eds-intake-v1 .eds-intake-status-card .btn,
body.eds-intake-v1 .eds-intake-upload-card .btn {
  min-height: var(--eds-control-height) !important;
  padding: 0 16px !important;
  border: 1px solid var(--eds-gold-500) !important;
  border-radius: var(--eds-radius-control) !important;
  background: var(--eds-gold-400) !important;
  color: var(--eds-navy-950) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: var(--eds-tracking-button) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.eds-intake-v1 .eds-intake-form-actions .btn:first-child {
  border-color: rgba(8, 17, 30, 0.16) !important;
  background: var(--eds-white) !important;
  color: var(--eds-navy-900) !important;
}

body.eds-intake-v1 .eds-intake-form-actions .btn:hover,
body.eds-intake-v1 .eds-intake-status-card .btn:hover,
body.eds-intake-v1 .eds-intake-upload-card .btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-intake-v1 .eds-intake-upload-card {
  position: relative !important;
  margin: var(--eds-space-5) 0 0 !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 185, 121, 0.42) !important;
  border-radius: var(--eds-radius-card) !important;
  background: linear-gradient(145deg, var(--eds-navy-850), #071f39) !important;
  color: var(--eds-ivory-50) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.eds-intake-v1 .eds-intake-upload-card::after {
  content: 'E' !important;
  position: absolute !important;
  right: -24px !important;
  bottom: -72px !important;
  color: rgba(216, 185, 121, 0.065) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 220px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body.eds-intake-v1 .eds-intake-upload-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.eds-intake-v1 .eds-intake-upload-card .panel-head {
  align-items: center !important;
  margin: 0 0 12px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(216, 185, 121, 0.24) !important;
}

body.eds-intake-v1 .eds-intake-upload-card h2,
body.eds-intake-v1 .eds-intake-upload-card h3 {
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-weight: 500 !important;
}

body.eds-intake-v1 .eds-intake-upload-card h2 {
  margin: 0 !important;
  font-size: 1.48rem !important;
}

body.eds-intake-v1 .eds-intake-upload-card h3 {
  margin: 20px 0 10px !important;
  font-size: 1.10rem !important;
}

body.eds-intake-v1 .eds-intake-upload-card > p {
  margin: 0 0 18px !important;
  color: rgba(255, 255, 255, 0.70) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.79rem !important;
  line-height: 1.55 !important;
}

body.eds-intake-v1 .eds-intake-upload-card .grid-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
}

body.eds-intake-v1 .eds-intake-upload-card .grid-form > label.full {
  grid-column: 1 / -1 !important;
}

body.eds-intake-v1 .eds-intake-upload-card label {
  color: var(--eds-gold-300) !important;
}

body.eds-intake-v1 .eds-intake-upload-card input:not([type="hidden"]),
body.eds-intake-v1 .eds-intake-upload-card textarea,
body.eds-intake-v1 .eds-intake-upload-card select {
  border-color: rgba(216, 185, 121, 0.34) !important;
  background: rgba(255, 253, 248, 0.98) !important;
}

body.eds-intake-v1 .eds-intake-upload-card .muted-btn {
  border-color: rgba(216, 185, 121, 0.38) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--eds-ivory-50) !important;
}

body.eds-intake-v1 .eds-intake-upload-card .compact-file-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: 8px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(216, 185, 121, 0.20) !important;
  border-radius: var(--eds-radius-small) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}

body.eds-intake-v1 .eds-intake-upload-card .compact-file-row strong {
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.82rem !important;
}

body.eds-intake-v1 .eds-intake-upload-card .compact-file-row .date {
  margin: 4px 0 0 !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.68rem !important;
}

@media (max-width: 1180px) {
  body.eds-intake-v1 .eds-intake-hero {
    grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr)) !important;
  }

  body.eds-intake-v1 .eds-intake-hero__brand {
    grid-row: span 2 !important;
  }

  body.eds-intake-v1 .eds-intake-hero__item:nth-child(3) {
    border-right: 0 !important;
  }

  body.eds-intake-v1 .eds-intake-hero__item:nth-child(4),
  body.eds-intake-v1 .eds-intake-hero__item:nth-child(5) {
    border-top: 1px solid rgba(216, 185, 121, 0.24) !important;
  }

  body.eds-intake-v1 .eds-intake-focus {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.32fr) !important;
  }

  body.eds-intake-v1 .eds-intake-focus__support {
    grid-column: 1 / -1 !important;
    border-top: 1px solid var(--eds-intake-line-soft) !important;
    border-left: 0 !important;
  }

  body.eds-intake-v1 .eds-intake-stepper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body.eds-intake-v1 .eds-intake-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 14px 16px !important;
    border-radius: 11px !important;
  }

  body.eds-intake-v1 .eds-intake-hero__brand {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 92px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.27) !important;
  }

  body.eds-intake-v1 .eds-intake-hero__item {
    min-height: 102px !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.23) !important;
  }

  body.eds-intake-v1 .eds-intake-hero__item:nth-child(3),
  body.eds-intake-v1 .eds-intake-hero__item:nth-child(5) {
    border-right: 0 !important;
  }

  body.eds-intake-v1 .eds-intake-hero__item:nth-child(4),
  body.eds-intake-v1 .eds-intake-hero__item:nth-child(5) {
    border-top: 0 !important;
    border-bottom: 0 !important;
  }

  body.eds-intake-v1 .eds-intake-page {
    margin: 0 14px 24px !important;
    padding-bottom: 0 !important;
  }

  body.eds-intake-v1 .eds-intake-focus {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-intake-v1 .eds-intake-focus__progress,
  body.eds-intake-v1 .eds-intake-focus__support {
    border-top: 1px solid var(--eds-intake-line-soft) !important;
    border-left: 0 !important;
  }

  body.eds-intake-v1 .eds-intake-stepper {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 10px !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.eds-intake-v1 .eds-intake-stepper .intake-step {
    flex: 0 0 150px !important;
    scroll-snap-align: start !important;
  }

  body.eds-intake-v1 .eds-intake-form .grid-form,
  body.eds-intake-v1 .eds-intake-upload-card .grid-form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-intake-v1 .eds-intake-form .grid-form > label.full,
  body.eds-intake-v1 .eds-intake-upload-card .grid-form > label.full {
    grid-column: auto !important;
  }

  body.eds-intake-v1 .eds-intake-form .intake-check-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.eds-intake-v1 .eds-intake-status-card .inline-form,
  body.eds-intake-v1 .eds-intake-form-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.eds-intake-v1 .eds-intake-form-actions .btn,
  body.eds-intake-v1 .eds-intake-status-card .btn,
  body.eds-intake-v1 .eds-intake-upload-card .btn {
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  body.eds-intake-v1 .eds-intake-hero__brand,
  body.eds-intake-v1 .eds-intake-hero__item {
    padding: 16px 14px !important;
  }

  body.eds-intake-v1 .eds-intake-hero__emblem {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 1.45rem !important;
  }

  body.eds-intake-v1 .eds-intake-focus__copy,
  body.eds-intake-v1 .eds-intake-focus__progress,
  body.eds-intake-v1 .eds-intake-focus__support,
  body.eds-intake-v1 .eds-intake-upload-card {
    padding: 18px 16px !important;
  }

  body.eds-intake-v1 .eds-intake-focus__copy {
    padding-left: 20px !important;
  }

  body.eds-intake-v1 .eds-intake-form > .intake-section > h2 {
    padding: 16px !important;
    font-size: 1.24rem !important;
  }

  body.eds-intake-v1 .eds-intake-form > .intake-section > .grid-form,
  body.eds-intake-v1 .eds-intake-form > .intake-section > label,
  body.eds-intake-v1 .eds-intake-form > .intake-section > .intake-check-grid,
  body.eds-intake-v1 .eds-intake-form > .intake-section > p,
  body.eds-intake-v1 .eds-intake-form > .intake-section > .intake-form-actions,
  body.eds-intake-v1 .eds-intake-form > .intake-section > .security-notice {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body.eds-intake-v1 .eds-intake-form .intake-check-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-intake-v1 .eds-intake-upload-card .panel-head,
  body.eds-intake-v1 .eds-intake-upload-card .compact-file-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.eds-intake-v1 .eds-intake-form-actions .btn:hover,
  body.eds-intake-v1 .eds-intake-status-card .btn:hover,
  body.eds-intake-v1 .eds-intake-upload-card .btn:hover {
    transform: none !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.eds-intake-v1 .eds-intake-stepper .intake-step,
  body.eds-intake-v1 .eds-intake-form-actions .btn,
  body.eds-intake-v1 .eds-intake-status-card .btn,
  body.eds-intake-v1 .eds-intake-upload-card .btn {
    transition: none !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 PATCH 2X15 — RESOURCES GUIDANCE CENTER EDS EXPERIENCE
   Scope: client-facing resources index and resource detail pages only.
   Locked protections: shared authenticated header, 2V6/2X5C mobile stack,
   2X8 sidebar, 2X8A keyline/type baseline, routes, and resource copy/data.
   ========================================================================== */

body.eds-resources-v1 {
  --eds-resources-line: rgba(8, 17, 30, 0.14);
  --eds-resources-line-soft: rgba(8, 17, 30, 0.08);
  --eds-resources-cream: #fbf8f2;
}

body.eds-resources-v1 .eds-resources-hero {
  display: grid !important;
  grid-template-columns: 1.35fr repeat(3, minmax(0, 1fr)) !important;
  width: min(100%, var(--eds-content-max)) !important;
  min-height: 88px !important;
  margin: 0 auto var(--eds-space-5) !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 160, 98, 0.52) !important;
  border-radius: var(--eds-radius-card) !important;
  background: linear-gradient(112deg, #17202a 0%, var(--eds-navy-850) 36%, #071f39 100%) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.eds-resources-v1 .eds-resources-hero__brand,
body.eds-resources-v1 .eds-resources-hero__item {
  min-width: 0 !important;
  padding: 18px 20px !important;
  border-right: 1px solid rgba(216, 185, 121, 0.28) !important;
}

body.eds-resources-v1 .eds-resources-hero__brand {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: linear-gradient(105deg, rgba(216, 185, 121, 0.10), rgba(255, 255, 255, 0.02)) !important;
}

body.eds-resources-v1 .eds-resources-hero__emblem {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 50px !important;
  width: 50px !important;
  height: 50px !important;
  border: 1px solid rgba(216, 185, 121, 0.72) !important;
  border-radius: 50% !important;
  color: var(--eds-gold-400) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  box-shadow: inset 0 0 0 5px rgba(216, 185, 121, 0.05) !important;
}

body.eds-resources-v1 .eds-resources-hero__brand strong,
body.eds-resources-v1 .eds-resources-hero__brand small,
body.eds-resources-v1 .eds-resources-hero__item > span,
body.eds-resources-v1 .eds-resources-hero__item > strong,
body.eds-resources-v1 .eds-resources-hero__item > small {
  display: block !important;
}

body.eds-resources-v1 .eds-resources-hero__brand strong {
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.30rem !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
}

body.eds-resources-v1 .eds-resources-hero__brand small {
  margin-top: 4px !important;
  color: var(--eds-gold-300) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
}

body.eds-resources-v1 .eds-resources-hero__item {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body.eds-resources-v1 .eds-resources-hero__item:last-child {
  border-right: 0 !important;
}

body.eds-resources-v1 .eds-resources-hero__item > span {
  color: var(--eds-gold-300) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: var(--eds-tracking-label) !important;
  text-transform: uppercase !important;
}

body.eds-resources-v1 .eds-resources-hero__item > strong {
  margin-top: 5px !important;
  overflow-wrap: anywhere !important;
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.18rem !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
}

body.eds-resources-v1 .eds-resources-hero__item > small {
  margin-top: 5px !important;
  color: rgba(255, 255, 255, 0.61) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.68rem !important;
  line-height: 1.25 !important;
}

body.eds-resources-v1 .eds-resources-page {
  width: min(100%, var(--eds-content-max)) !important;
  margin: 0 auto !important;
  padding-bottom: var(--eds-space-8) !important;
}

body.eds-resources-v1 .eds-resources-focus {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr) !important;
  margin-bottom: var(--eds-space-5) !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-resources-line) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-resources-v1 .eds-resources-focus::before,
body.eds-resources-v1 .eds-resources-detail-focus::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, var(--eds-gold-400), var(--eds-gold-700)) !important;
}

body.eds-resources-v1 .eds-resources-focus__copy,
body.eds-resources-v1 .eds-resources-focus__support {
  min-width: 0 !important;
  padding: 24px 26px !important;
}

body.eds-resources-v1 .eds-resources-focus__copy {
  padding-left: 30px !important;
}

body.eds-resources-v1 .eds-resources-focus__copy h2,
body.eds-resources-v1 .eds-resources-detail-focus__copy h2 {
  margin: 5px 0 9px !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-size: clamp(1.72rem, 2.2vw, 2.25rem) !important;
  font-weight: 500 !important;
  line-height: 1.10 !important;
}

body.eds-resources-v1 .eds-resources-focus__copy p,
body.eds-resources-v1 .eds-resources-detail-focus__copy p {
  max-width: 820px !important;
  margin: 0 !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.88rem !important;
  line-height: 1.58 !important;
}

body.eds-resources-v1 .eds-resources-focus__support {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-left: 1px solid var(--eds-resources-line-soft) !important;
  background: linear-gradient(135deg, rgba(247, 244, 238, 0.78), rgba(255, 255, 255, 0.98)) !important;
}

body.eds-resources-v1 .eds-resources-focus__support > span,
body.eds-resources-v1 .eds-resources-detail-focus__note > span {
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: var(--eds-tracking-label) !important;
  text-transform: uppercase !important;
}

body.eds-resources-v1 .eds-resources-focus__support > strong,
body.eds-resources-v1 .eds-resources-detail-focus__note > strong {
  margin-top: 7px !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.94rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

body.eds-resources-v1 .eds-resources-focus__support > a {
  margin-top: 10px !important;
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.eds-resources-v1 .eds-resources-focus__support > a:hover {
  color: var(--eds-navy-900) !important;
}

body.eds-resources-v1 .eds-resources-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-bottom: var(--eds-space-5) !important;
}

body.eds-resources-v1 .eds-resources-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 16px !important;
  min-height: 174px !important;
  padding: 22px !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-resources-line-soft) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: var(--eds-shadow-1) !important;
  transition: transform var(--eds-duration-fast) var(--eds-ease-standard), border-color var(--eds-duration-fast) var(--eds-ease-standard), box-shadow var(--eds-duration-fast) var(--eds-ease-standard) !important;
}

body.eds-resources-v1 .eds-resources-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, var(--eds-gold-500), rgba(196, 160, 98, 0.18)) !important;
}

body.eds-resources-v1 .eds-resources-card:hover,
body.eds-resources-v1 .eds-resources-card:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(196, 160, 98, 0.45) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.eds-resources-v1 .eds-resources-card__number {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(196, 160, 98, 0.42) !important;
  border-radius: 50% !important;
  background: var(--eds-resources-cream) !important;
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.66rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
}

body.eds-resources-v1 .eds-resources-card__content h2 {
  margin: 5px 0 8px !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.40rem !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

body.eds-resources-v1 .eds-resources-card__content > p:last-child {
  margin: 0 !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.80rem !important;
  line-height: 1.55 !important;
}

body.eds-resources-v1 .eds-resources-card__action {
  align-self: end !important;
  white-space: nowrap !important;
  color: var(--eds-gold-700) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.63rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.eds-resources-v1 .eds-resources-standard {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 24px 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 185, 121, 0.38) !important;
  border-radius: var(--eds-radius-card) !important;
  background: linear-gradient(145deg, var(--eds-navy-850), #071f39) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.eds-resources-v1 .eds-resources-standard__mark {
  display: grid !important;
  place-items: center !important;
  width: 62px !important;
  height: 62px !important;
  border: 1px solid rgba(216, 185, 121, 0.66) !important;
  border-radius: 50% !important;
  color: var(--eds-gold-400) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.85rem !important;
  box-shadow: inset 0 0 0 6px rgba(216, 185, 121, 0.05) !important;
}

body.eds-resources-v1 .eds-resources-standard h2 {
  margin: 5px 0 7px !important;
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.48rem !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
}

body.eds-resources-v1 .eds-resources-standard p:last-child {
  max-width: 900px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.80rem !important;
  line-height: 1.55 !important;
}

body.eds-resources-v1 .eds-resources-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 14px !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.64rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
}

body.eds-resources-v1 .eds-resources-breadcrumb a {
  color: var(--eds-gold-700) !important;
  text-decoration: none !important;
}

body.eds-resources-v1 .eds-resources-detail-focus {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.34fr) !important;
  margin-bottom: var(--eds-space-5) !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-resources-line) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-resources-v1 .eds-resources-detail-focus__copy,
body.eds-resources-v1 .eds-resources-detail-focus__note {
  min-width: 0 !important;
  padding: 24px 26px !important;
}

body.eds-resources-v1 .eds-resources-detail-focus__copy {
  padding-left: 30px !important;
}

body.eds-resources-v1 .eds-resources-detail-focus__note {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  border-left: 1px solid var(--eds-resources-line-soft) !important;
  background: linear-gradient(135deg, rgba(247, 244, 238, 0.78), rgba(255, 255, 255, 0.98)) !important;
}

body.eds-resources-v1 .eds-resources-detail-layout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
  margin-bottom: var(--eds-space-5) !important;
}

body.eds-resources-v1 .eds-resources-guidance-card {
  min-height: 100% !important;
  overflow: hidden !important;
  border: 1px solid var(--eds-resources-line-soft) !important;
  border-radius: var(--eds-radius-card) !important;
  background: var(--eds-white) !important;
  box-shadow: var(--eds-shadow-1) !important;
}

body.eds-resources-v1 .eds-resources-guidance-card .eds-card__header {
  padding: 20px 22px 16px !important;
  border-bottom: 1px solid var(--eds-resources-line-soft) !important;
  background: linear-gradient(180deg, var(--eds-resources-cream), rgba(255,255,255,0.96)) !important;
}

body.eds-resources-v1 .eds-resources-guidance-card .eds-card__header h2 {
  margin: 4px 0 0 !important;
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.38rem !important;
  font-weight: 500 !important;
}

body.eds-resources-v1 .eds-resources-guidance-card .eds-card__body {
  padding: 20px 22px !important;
}

body.eds-resources-v1 .eds-resources-checklist {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.eds-resources-v1 .eds-resources-checklist li {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  padding: 13px 14px !important;
  border: 1px solid var(--eds-resources-line-soft) !important;
  border-radius: var(--eds-radius-small) !important;
  background: rgba(250, 248, 243, 0.62) !important;
}

body.eds-resources-v1 .eds-resources-checklist li > span {
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  font-family: var(--eds-font-label) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
}

body.eds-resources-v1 .eds-resources-checklist--do li > span {
  border: 1px solid rgba(24, 118, 81, 0.26) !important;
  background: rgba(24, 118, 81, 0.08) !important;
  color: #176b4b !important;
}

body.eds-resources-v1 .eds-resources-checklist--avoid li > span {
  border: 1px solid rgba(151, 75, 65, 0.26) !important;
  background: rgba(151, 75, 65, 0.08) !important;
  color: #84453d !important;
}

body.eds-resources-v1 .eds-resources-checklist li p {
  margin: 1px 0 0 !important;
  color: var(--eds-ink-700) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.80rem !important;
  line-height: 1.5 !important;
}

body.eds-resources-v1 .eds-resources-contact-card {
  grid-column: 1 / -1 !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 185, 121, 0.40) !important;
  border-radius: var(--eds-radius-card) !important;
  background: linear-gradient(145deg, var(--eds-navy-850), #071f39) !important;
  box-shadow: var(--eds-shadow-2) !important;
}

body.eds-resources-v1 .eds-resources-contact-card::after {
  content: 'E' !important;
  position: absolute !important;
  right: -20px !important;
  bottom: -66px !important;
  color: rgba(216, 185, 121, 0.06) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 210px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

body.eds-resources-v1 .eds-resources-contact-card .eds-card__body {
  position: relative !important;
  z-index: 1 !important;
  padding: 24px 26px !important;
}

body.eds-resources-v1 .eds-resources-contact-card h2 {
  margin: 6px 0 9px !important;
  color: var(--eds-ivory-50) !important;
  font-family: var(--eds-font-display) !important;
  font-size: 1.52rem !important;
  font-weight: 500 !important;
}

body.eds-resources-v1 .eds-resources-contact-card p:not(.eds-eyebrow) {
  max-width: 920px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.70) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
}

body.eds-resources-v1 .eds-resources-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

body.eds-resources-v1 .eds-resources-contact-card .eds-btn--primary {
  border-color: var(--eds-gold-500) !important;
  background: var(--eds-gold-500) !important;
  color: var(--eds-navy-950) !important;
}

body.eds-resources-v1 .eds-resources-contact-card .eds-btn--secondary {
  border-color: rgba(216, 185, 121, 0.40) !important;
  background: rgba(255,255,255,0.04) !important;
  color: var(--eds-ivory-50) !important;
}

body.eds-resources-v1 .eds-resources-legal-note {
  display: grid !important;
  grid-template-columns: 3px minmax(0, 1fr) !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  border: 1px solid var(--eds-resources-line-soft) !important;
  border-radius: var(--eds-radius-small) !important;
  background: rgba(255, 253, 248, 0.92) !important;
}

body.eds-resources-v1 .eds-resources-legal-note__keyline {
  display: block !important;
  width: 3px !important;
  min-height: 100% !important;
  border-radius: var(--eds-radius-pill) !important;
  background: var(--eds-gold-500) !important;
}

body.eds-resources-v1 .eds-resources-legal-note strong {
  color: var(--eds-ink-950) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}

body.eds-resources-v1 .eds-resources-legal-note p {
  margin: 5px 0 0 !important;
  color: var(--eds-muted-600) !important;
  font-family: var(--eds-font-ui) !important;
  font-size: 0.74rem !important;
  line-height: 1.5 !important;
}

@media (max-width: 1180px) {
  body.eds-resources-v1 .eds-resources-hero {
    grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr)) !important;
  }

  body.eds-resources-v1 .eds-resources-hero__brand {
    grid-row: span 2 !important;
  }

  body.eds-resources-v1 .eds-resources-hero__item:nth-child(3) {
    border-right: 0 !important;
  }

  body.eds-resources-v1 .eds-resources-hero__item:nth-child(4) {
    grid-column: 2 / -1 !important;
    border-top: 1px solid rgba(216, 185, 121, 0.24) !important;
    border-right: 0 !important;
  }

  body.eds-resources-v1 .eds-resources-card {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }

  body.eds-resources-v1 .eds-resources-card__action {
    grid-column: 2 !important;
  }
}

@media (max-width: 900px) {
  body.eds-resources-v1 .eds-resources-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin: 0 14px 16px !important;
    border-radius: 11px !important;
  }

  body.eds-resources-v1 .eds-resources-hero__brand {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    min-height: 92px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 185, 121, 0.27) !important;
  }

  body.eds-resources-v1 .eds-resources-hero__item {
    min-height: 102px !important;
    border-bottom: 0 !important;
  }

  body.eds-resources-v1 .eds-resources-hero__item:nth-child(3) {
    border-right: 0 !important;
  }

  body.eds-resources-v1 .eds-resources-hero__item:nth-child(4) {
    grid-column: 1 / -1 !important;
    border-top: 1px solid rgba(216, 185, 121, 0.24) !important;
  }

  body.eds-resources-v1 .eds-resources-page {
    margin: 0 14px 24px !important;
    padding-bottom: 0 !important;
  }

  body.eds-resources-v1 .eds-resources-focus,
  body.eds-resources-v1 .eds-resources-detail-focus,
  body.eds-resources-v1 .eds-resources-detail-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-resources-v1 .eds-resources-focus__support,
  body.eds-resources-v1 .eds-resources-detail-focus__note {
    border-top: 1px solid var(--eds-resources-line-soft) !important;
    border-left: 0 !important;
  }

  body.eds-resources-v1 .eds-resources-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-resources-v1 .eds-resources-contact-card {
    grid-column: auto !important;
  }
}

@media (max-width: 560px) {
  body.eds-resources-v1 .eds-resources-hero__brand,
  body.eds-resources-v1 .eds-resources-hero__item {
    padding: 16px 14px !important;
  }

  body.eds-resources-v1 .eds-resources-hero__emblem {
    flex-basis: 46px !important;
    width: 46px !important;
    height: 46px !important;
    font-size: 1.45rem !important;
  }

  body.eds-resources-v1 .eds-resources-focus__copy,
  body.eds-resources-v1 .eds-resources-focus__support,
  body.eds-resources-v1 .eds-resources-detail-focus__copy,
  body.eds-resources-v1 .eds-resources-detail-focus__note,
  body.eds-resources-v1 .eds-resources-contact-card .eds-card__body {
    padding: 18px 16px !important;
  }

  body.eds-resources-v1 .eds-resources-focus__copy,
  body.eds-resources-v1 .eds-resources-detail-focus__copy {
    padding-left: 20px !important;
  }

  body.eds-resources-v1 .eds-resources-card {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 13px !important;
    min-height: 0 !important;
    padding: 18px 16px 18px 20px !important;
  }

  body.eds-resources-v1 .eds-resources-card__number {
    width: 42px !important;
    height: 42px !important;
  }

  body.eds-resources-v1 .eds-resources-standard {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 20px 18px !important;
  }

  body.eds-resources-v1 .eds-resources-standard__mark {
    width: 52px !important;
    height: 52px !important;
    font-size: 1.55rem !important;
  }

  body.eds-resources-v1 .eds-resources-guidance-card .eds-card__header,
  body.eds-resources-v1 .eds-resources-guidance-card .eds-card__body {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.eds-resources-v1 .eds-resources-contact-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.eds-resources-v1 .eds-resources-contact-actions .eds-btn {
    width: 100% !important;
  }
}

@media (hover: none), (pointer: coarse) {
  body.eds-resources-v1 .eds-resources-card:hover {
    transform: none !important;
    box-shadow: var(--eds-shadow-1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.eds-resources-v1 .eds-resources-card {
    transition: none !important;
  }
}

/* ==========================================================================
   CLIENT CENTER 2.1 — PATCH 2X16
   PROFILE & ACCOUNT SECURITY EDS EXPERIENCE
   --------------------------------------------------------------------------
   Scope protection:
   - Client-facing Profile / Account page only.
   - Preserves password update, profile-photo upload/removal, client access
     disablement, CSRF, client ownership, storage, authentication, routes,
     admin account tools, shell, header, sidebar, logo, mobile stack, drawer,
     content origin, and all unrelated functionality.
   ========================================================================== */

body.eds-account-v1 {
  --eds-account-line: rgba(196, 160, 98, 0.28);
  --eds-account-line-soft: rgba(8, 17, 30, 0.09);
  --eds-account-surface: rgba(255, 253, 248, 0.97);
}

body.eds-account-v1 .eds-account-hero {
  display: grid;
  grid-template-columns: 1.42fr repeat(4, minmax(0, 1fr));
  width: min(100%, var(--eds-content-max));
  min-height: 88px;
  margin: 0 auto var(--eds-space-5);
  overflow: hidden;
  border: 1px solid rgba(196, 160, 98, 0.52);
  border-radius: var(--eds-radius-card);
  background: linear-gradient(112deg, #17202a 0%, var(--eds-navy-850) 36%, #071f39 100%);
  box-shadow: var(--eds-shadow-2);
}

body.eds-account-v1 .eds-account-hero__brand,
body.eds-account-v1 .eds-account-hero__item {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid rgba(216, 185, 121, 0.28);
}

body.eds-account-v1 .eds-account-hero__brand {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(105deg, rgba(216, 185, 121, 0.10), rgba(255, 255, 255, 0.02));
}

body.eds-account-v1 .eds-account-hero__emblem {
  display: grid;
  place-items: center;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(216, 185, 121, 0.72);
  border-radius: 50%;
  color: var(--eds-gold-400);
  font-family: var(--eds-font-display);
  font-size: 1.65rem;
  line-height: 1;
  box-shadow: inset 0 0 0 5px rgba(216, 185, 121, 0.05);
}

body.eds-account-v1 .eds-account-hero__brand strong,
body.eds-account-v1 .eds-account-hero__brand small,
body.eds-account-v1 .eds-account-hero__item > span,
body.eds-account-v1 .eds-account-hero__item > strong,
body.eds-account-v1 .eds-account-hero__item > small {
  display: block;
}

body.eds-account-v1 .eds-account-hero__brand strong {
  color: var(--eds-ivory-50);
  font-family: var(--eds-font-display);
  font-size: 1.24rem;
  font-weight: 500;
  line-height: 1.12;
}

body.eds-account-v1 .eds-account-hero__brand small,
body.eds-account-v1 .eds-account-hero__item > span {
  margin-top: 4px;
  color: var(--eds-gold-300);
  font-family: var(--eds-font-label);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: var(--eds-tracking-label);
  text-transform: uppercase;
}

body.eds-account-v1 .eds-account-hero__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.eds-account-v1 .eds-account-hero__item:last-child {
  border-right: 0;
}

body.eds-account-v1 .eds-account-hero__item > strong {
  margin-top: 5px;
  overflow-wrap: anywhere;
  color: var(--eds-ivory-50);
  font-family: var(--eds-font-display);
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.08;
}

body.eds-account-v1 .eds-account-hero__item > small {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.61);
  font-family: var(--eds-font-ui);
  font-size: 0.68rem;
  line-height: 1.25;
}

body.eds-account-v1 .eds-account-page,
body.eds-account-v1 .eds-account-flash {
  width: min(100%, var(--eds-content-max));
  margin-left: auto;
  margin-right: auto;
}

body.eds-account-v1 .eds-account-page {
  padding-bottom: var(--eds-space-8);
}

body.eds-account-v1 .eds-account-flash {
  margin-bottom: var(--eds-space-4);
}

body.eds-account-v1 .eds-account-focus {
  display: grid;
  grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1.28fr);
  align-items: stretch;
  margin-bottom: var(--eds-space-5);
  overflow: hidden;
  border: 1px solid var(--eds-account-line);
  border-radius: var(--eds-radius-card);
  background: var(--eds-white);
  box-shadow: var(--eds-shadow-1);
}

body.eds-account-v1 .eds-account-focus__identity,
body.eds-account-v1 .eds-account-focus__copy {
  padding: 22px 24px;
}

body.eds-account-v1 .eds-account-focus__identity {
  display: flex;
  align-items: center;
  gap: 18px;
  border-right: 1px solid var(--eds-account-line-soft);
  background: linear-gradient(135deg, rgba(247, 244, 238, 0.82), rgba(255, 255, 255, 0.98));
}

body.eds-account-v1 .eds-account-focus__avatar,
body.eds-account-v1 .eds-account-photo-preview {
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(196, 160, 98, 0.68);
  border-radius: 50%;
  background: linear-gradient(145deg, var(--eds-navy-800), var(--eds-navy-950));
  color: var(--eds-gold-300);
  font-family: var(--eds-font-display);
  box-shadow: 0 10px 26px rgba(5, 15, 27, 0.14), inset 0 0 0 5px rgba(216, 185, 121, 0.05);
}

body.eds-account-v1 .eds-account-focus__avatar {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  font-size: 1.55rem;
}

body.eds-account-v1 .eds-account-focus__avatar img,
body.eds-account-v1 .eds-account-photo-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.eds-account-v1 .eds-account-focus__identity h2 {
  margin: 5px 0 4px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: clamp(1.55rem, 2vw, 2rem);
  font-weight: 500;
  line-height: 1.12;
}

body.eds-account-v1 .eds-account-focus__identity p,
body.eds-account-v1 .eds-account-focus__copy p {
  margin: 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.84rem;
  line-height: 1.52;
}

body.eds-account-v1 .eds-account-focus__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 28px;
  border-left: 4px solid var(--eds-gold-500);
}

body.eds-account-v1 .eds-account-focus__copy h3 {
  margin: 6px 0 8px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-display);
  font-size: clamp(1.45rem, 2vw, 1.9rem);
  font-weight: 500;
  line-height: 1.14;
}

body.eds-account-v1 .eds-account-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.54fr) minmax(330px, 0.76fr);
  gap: var(--eds-space-5);
  align-items: start;
}

body.eds-account-v1 .eds-account-primary,
body.eds-account-v1 .eds-account-side {
  display: grid;
  gap: var(--eds-space-5);
}

body.eds-account-v1 .eds-account-profile-card,
body.eds-account-v1 .eds-account-password-card,
body.eds-account-v1 .eds-account-standard-card,
body.eds-account-v1 .eds-account-access-card {
  overflow: hidden;
  border: 1px solid var(--eds-account-line-soft);
  border-radius: var(--eds-radius-card);
  box-shadow: var(--eds-shadow-1);
}

body.eds-account-v1 .eds-account-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--eds-space-4);
  padding: 18px 20px;
  border-bottom: 1px solid var(--eds-account-line-soft);
}

body.eds-account-v1 .eds-account-card-header > div {
  display: grid;
  gap: 3px;
}

body.eds-account-v1 .eds-account-profile-body {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  padding: 24px;
}

body.eds-account-v1 .eds-account-photo-preview {
  width: 152px;
  height: 152px;
  justify-self: center;
  font-size: 2.65rem;
}

body.eds-account-v1 .eds-account-photo-controls h3 {
  margin: 0 0 8px;
  color: var(--eds-ink-950);
  font-family: var(--eds-font-ui);
  font-size: 1rem;
  font-weight: 750;
}

body.eds-account-v1 .eds-account-photo-controls > p,
body.eds-account-v1 .eds-account-access-card .eds-card__body > p,
body.eds-account-v1 .eds-account-standard-card p,
body.eds-account-v1 .eds-account-password-intro {
  margin: 0;
  color: var(--eds-muted-600);
  font-family: var(--eds-font-ui);
  font-size: 0.82rem;
  line-height: 1.55;
}

body.eds-account-v1 .eds-account-upload-form {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  margin-top: 18px;
}

body.eds-account-v1 .eds-account-file-field {
  display: grid;
  flex: 1 1 270px;
  gap: 7px;
}

body.eds-account-v1 .eds-account-file-field > span,
body.eds-account-v1 .eds-account-password-form label > span,
body.eds-account-v1 .eds-account-disable-form label > span {
  color: var(--eds-ink-800);
  font-family: var(--eds-font-label);
  font-size: 0.66rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.eds-account-v1 .eds-account-file-field input[type='file'] {
  width: 100%;
  min-height: 44px;
  padding: 8px 10px;
  border: 1px solid rgba(8, 17, 30, 0.16);
  border-radius: var(--eds-radius-control);
  background: var(--eds-ivory-50);
  color: var(--eds-ink-900);
  font-family: var(--eds-font-ui);
  font-size: 0.78rem;
}

body.eds-account-v1 .eds-account-remove-form {
  margin-top: 10px;
}

body.eds-account-v1 .eds-account-password-card {
  border-color: rgba(196, 160, 98, 0.46);
  background: linear-gradient(135deg, var(--eds-navy-850), var(--eds-navy-950));
}

body.eds-account-v1 .eds-account-password-card .eds-account-card-header {
  border-bottom-color: rgba(216, 185, 121, 0.20);
}

body.eds-account-v1 .eds-account-password-card .eds-card__body {
  padding: 22px 24px 24px;
}

body.eds-account-v1 .eds-account-password-card .eds-account-password-intro {
  color: rgba(255, 255, 255, 0.70);
}

body.eds-account-v1 .eds-account-password-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

body.eds-account-v1 .eds-account-password-form label {
  display: grid;
  gap: 7px;
}

body.eds-account-v1 .eds-account-password-form label > span {
  color: var(--eds-gold-300);
}

body.eds-account-v1 .eds-account-password-form input {
  width: 100%;
  min-height: 44px;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: var(--eds-white);
}

body.eds-account-v1 .eds-account-password-form input:focus {
  border-color: var(--eds-gold-300);
  background: rgba(255, 255, 255, 0.11);
}

body.eds-account-v1 .eds-account-password-form .eds-btn {
  grid-column: 1 / -1;
  justify-self: start;
  margin-top: 2px;
}

body.eds-account-v1 .eds-account-standard-card .eds-card__body,
body.eds-account-v1 .eds-account-access-card .eds-card__body {
  padding: 22px;
}

body.eds-account-v1 .eds-account-standard-card h2 {
  margin: 7px 0 10px;
}

body.eds-account-v1 .eds-account-security-list {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}

body.eds-account-v1 .eds-account-security-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid var(--eds-account-line-soft);
}

body.eds-account-v1 .eds-account-security-list li span {
  color: var(--eds-gold-700);
  font-family: var(--eds-font-label);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.eds-account-v1 .eds-account-security-list li strong {
  color: var(--eds-ink-850);
  font-family: var(--eds-font-ui);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
}

body.eds-account-v1 .eds-account-danger-badge {
  border: 1px solid rgba(139, 48, 48, 0.20);
  background: rgba(139, 48, 48, 0.08);
  color: #7f2f2f;
}

body.eds-account-v1 .eds-account-danger-disclosure {
  margin-top: 16px;
  border-top: 1px solid var(--eds-account-line-soft);
  padding-top: 14px;
}

body.eds-account-v1 .eds-account-danger-disclosure summary {
  cursor: pointer;
  color: var(--eds-ink-900);
  font-family: var(--eds-font-ui);
  font-size: 0.78rem;
  font-weight: 750;
}

body.eds-account-v1 .eds-account-disable-form {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

body.eds-account-v1 .eds-account-disable-form label:not(.eds-account-confirm-line) {
  display: grid;
  gap: 7px;
}

body.eds-account-v1 .eds-account-disable-form textarea {
  min-height: 92px;
  resize: vertical;
}

body.eds-account-v1 .eds-account-confirm-line {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: var(--eds-muted-700);
  font-family: var(--eds-font-ui);
  font-size: 0.74rem;
  line-height: 1.45;
}

body.eds-account-v1 .eds-account-confirm-line input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: #7f2f2f;
}

body.eds-account-v1 .eds-account-danger-button {
  justify-self: start;
  border-color: #7f2f2f;
  background: #7f2f2f;
  color: var(--eds-white);
}

body.eds-account-v1 .eds-account-danger-button:hover {
  border-color: #682424;
  background: #682424;
}

@media (max-width: 1180px) {
  body.eds-account-v1 .eds-account-hero {
    grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr));
  }

  body.eds-account-v1 .eds-account-hero__brand {
    grid-row: span 2;
  }

  body.eds-account-v1 .eds-account-hero__item:nth-child(3),
  body.eds-account-v1 .eds-account-hero__item:nth-child(5) {
    border-right: 0;
  }

  body.eds-account-v1 .eds-account-hero__item:nth-child(n+4) {
    border-top: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-account-v1 .eds-account-layout {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.78fr);
  }

  body.eds-account-v1 .eds-account-password-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  body.eds-account-v1 .eds-account-hero {
    grid-template-columns: 1fr 1fr;
    margin-bottom: var(--eds-space-4);
  }

  body.eds-account-v1 .eds-account-hero__brand {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 82px;
    border-right: 0;
    border-bottom: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-account-v1 .eds-account-hero__item {
    min-height: 76px;
    padding: 14px 16px;
  }

  body.eds-account-v1 .eds-account-hero__item:nth-child(3),
  body.eds-account-v1 .eds-account-hero__item:nth-child(5) {
    border-right: 0;
  }

  body.eds-account-v1 .eds-account-hero__item:nth-child(n+4) {
    border-top: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-account-v1 .eds-account-focus,
  body.eds-account-v1 .eds-account-layout {
    grid-template-columns: 1fr;
  }

  body.eds-account-v1 .eds-account-focus__identity {
    border-right: 0;
    border-bottom: 1px solid var(--eds-account-line-soft);
  }

  body.eds-account-v1 .eds-account-focus__copy {
    border-left-width: 3px;
  }

  body.eds-account-v1 .eds-account-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.eds-account-v1 .eds-account-hero {
    grid-template-columns: 1fr;
    border-radius: 14px;
  }

  body.eds-account-v1 .eds-account-hero__brand,
  body.eds-account-v1 .eds-account-hero__item {
    border-right: 0;
  }

  body.eds-account-v1 .eds-account-hero__item {
    min-height: 68px;
    border-top: 1px solid rgba(216, 185, 121, 0.28);
  }

  body.eds-account-v1 .eds-account-hero__brand {
    min-height: 76px;
  }

  body.eds-account-v1 .eds-account-focus__identity,
  body.eds-account-v1 .eds-account-focus__copy,
  body.eds-account-v1 .eds-account-card-header,
  body.eds-account-v1 .eds-account-password-card .eds-card__body,
  body.eds-account-v1 .eds-account-standard-card .eds-card__body,
  body.eds-account-v1 .eds-account-access-card .eds-card__body {
    padding: 18px;
  }

  body.eds-account-v1 .eds-account-focus__avatar {
    flex-basis: 62px;
    width: 62px;
    height: 62px;
  }

  body.eds-account-v1 .eds-account-profile-body {
    grid-template-columns: 1fr;
    padding: 20px;
    text-align: left;
  }

  body.eds-account-v1 .eds-account-photo-preview {
    width: 126px;
    height: 126px;
    justify-self: start;
  }

  body.eds-account-v1 .eds-account-upload-form {
    display: grid;
  }

  body.eds-account-v1 .eds-account-upload-form .eds-btn,
  body.eds-account-v1 .eds-account-password-form .eds-btn,
  body.eds-account-v1 .eds-account-danger-button,
  body.eds-account-v1 .eds-account-remove-form .eds-btn {
    width: 100%;
    justify-content: center;
  }

  body.eds-account-v1 .eds-account-side {
    grid-template-columns: 1fr;
  }
}


/* CLIENT CENTER 2.1 PATCH 2X16A — Dark Surface Typography Contrast Guard.
   EDS governing correction: dark feature surfaces must define their own foreground
   hierarchy explicitly and may never rely on the default light-surface type color. */
.eds-card--feature :is(
  .eds-type-command,
  .eds-type-page,
  .eds-type-feature,
  .eds-type-section,
  .eds-type-card,
  .eds-type-stat
),
.eds-card--navy :is(
  .eds-type-command,
  .eds-type-page,
  .eds-type-feature,
  .eds-type-section,
  .eds-type-card,
  .eds-type-stat
) {
  color: var(--eds-ivory-50) !important;
  text-shadow: none !important;
}

body.eds-account-v1 .eds-account-password-card .eds-account-card-header .eds-type-feature {
  color: var(--eds-ivory-50) !important;
}

/* ========================================================================== 
   CLIENT CENTER 2.1 PATCH 2X17 — Client Experience Completion Sweep
   Governing purpose:
   - Retire duplicate legacy dashboard surfaces now covered by locked EDS pages.
   - Preserve only operational records that remain unique to the Dashboard.
   - Keep all processing, permissions, POST handlers, data queries, and routes intact.
   ========================================================================== */

/* The flagship command dashboard and dedicated client pages are now the source
   of truth. These legacy duplicate surfaces remain in server code for rollback
   safety but are removed from the rendered client experience. */
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-welcome-block,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-center-home-brand,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-matter-summary-grid,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-action-center,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-intake-cta,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .status-panel,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .timeline-vertical-panel,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-updates-tasks,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-message-request,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-history,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-matters-time {
  display: none !important;
}

/* Operational records that do not yet have an equivalent dedicated page remain
   available below the flagship dashboard in one controlled EDS rhythm. */
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--eds-space-3, 16px) !important;
  margin: var(--eds-space-4, 24px) 0 0 !important;
  padding: 0 0 var(--eds-space-6, 40px) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-home-announcements:not(.client-home-announcements-empty),
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .compact-notifications:not(.compact-notifications-empty),
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .compact-important-notices,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .court-confirmation-panel,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-firm-forms,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .google-review-client-panel,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .announcement-review-panel {
  margin: 0 !important;
  border: 1px solid var(--eds-color-border, rgba(10, 31, 54, .12)) !important;
  border-radius: var(--eds-radius-card, 12px) !important;
  background: var(--eds-color-surface, #fffdf8) !important;
  box-shadow: var(--eds-shadow-card, 0 12px 32px rgba(7, 25, 45, .07)) !important;
  overflow: hidden !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-firm-forms {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms > .panel {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: var(--eds-space-4, 24px) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms > .panel + .panel {
  border-left: 1px solid var(--eds-color-border, rgba(10, 31, 54, .12)) !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms h2,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .panel h2,
body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .client-home-announcements h2 {
  color: var(--eds-color-ink, #0b1d33) !important;
  font-family: var(--eds-font-display, Georgia, "Times New Roman", serif) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms label,
body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms .date,
body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms p {
  font-family: var(--eds-font-ui, Arial, sans-serif) !important;
}

@media (max-width: 900px) {
  body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page {
    gap: 14px !important;
    margin-top: 16px !important;
    padding-bottom: 28px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-center-streamlined-page > .eds-dashboard-firm-forms {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .eds-dashboard-firm-forms > .panel + .panel {
    border-left: 0 !important;
    border-top: 1px solid var(--eds-color-border, rgba(10, 31, 54, .12)) !important;
  }
}

/* ==========================================================================
   CLIENT CENTER 2.1 PATCH 2X17A — EDS SEGMENT INSET AND DIVIDER RHYTHM GUARD
   Governing rule: content inside segmented fact or metric rows must maintain
   an intentional inset from both the outer perimeter and every internal
   divider. First and last cells may not collapse their edge padding.
   Scope: client-facing EDS surfaces only. No layout architecture or logic.
   ========================================================================== */

:root {
  --eds-segment-inset: 15px;
  --eds-segment-inset-compact: 12px;
}

/* Client Command Center — Case Overview facts. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:first-child,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:last-child {
  padding-left: var(--eds-segment-inset) !important;
  padding-right: var(--eds-segment-inset) !important;
}

/* Client Command Center — Payment Center metrics. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts > div,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts > div:first-child,
body.eds-client-dashboard-v1.client-concept-c-page .client-command-payment-facts > div:last-child {
  padding-left: var(--eds-segment-inset-compact) !important;
  padding-right: var(--eds-segment-inset-compact) !important;
}

/* My Case — case fact strip identified in the client-wide sweep. */
body.eds-my-case-v1 .eds-my-case-facts > div,
body.eds-my-case-v1 .eds-my-case-facts > div:first-child,
body.eds-my-case-v1 .eds-my-case-facts > div:last-child {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

@media (max-width: 900px) {
  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div,
  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:first-child,
  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:last-child {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.eds-client-dashboard-v1.client-concept-c-page .client-command-facts > div:nth-child(3) {
    padding: 12px 14px 0 !important;
  }

  body.eds-my-case-v1 .eds-my-case-facts > div,
  body.eds-my-case-v1 .eds-my-case-facts > div:first-child,
  body.eds-my-case-v1 .eds-my-case-facts > div:last-child {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 PATCH 2X17B — DASHBOARD CONTAINMENT AND SOFTWARE FOOTER
   Governing corrections:
   - Retained operational records remain inside the authenticated application shell.
   - Authenticated client pages use one shared software footer, never the website footer.
   - Page-local confidentiality footers are retired in favor of the shared component.
   ========================================================================== */

:root {
  --eds-client-rail-width: 232px;
}

/* 2X17 containment correction. The operational record stack now lives inside
   .client-command-main, so legacy page-level rail compensation must be removed. */
body.eds-client-dashboard-v1.client-concept-c-page .client-command-main > .client-center-streamlined-page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: var(--eds-space-4, 24px) 0 0 !important;
  padding: 0 0 var(--eds-space-6, 40px) !important;
  box-sizing: border-box !important;
}

body.eds-client-dashboard-v1.client-concept-c-page .client-command-main > .client-center-streamlined-page > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Retired local footer variants. The shared footer is the only client-product
   footer contract moving forward. */
body.client-concept-c-page .client-command-footer,
body.client-shell-page .eds-my-case-footer {
  display: none !important;
}

/* Shared authenticated software footer. This is an application status rail,
   not a public website footer: no locations, social links, marketing sitemap,
   or mailing-address block. */
body.client-concept-c-page .eds-client-product-footer {
  width: calc(100% - var(--eds-client-rail-width)) !important;
  margin: 0 0 0 var(--eds-client-rail-width) !important;
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1.25fr) auto minmax(300px, 1fr) !important;
  align-items: center !important;
  gap: 18px 28px !important;
  padding: 18px 38px !important;
  border-top: 1px solid rgba(216, 182, 108, .42) !important;
  background:
    linear-gradient(90deg, rgba(216, 182, 108, .045), transparent 28%),
    #06172a !important;
  color: var(--eds-ivory-50, #fffdf8) !important;
  box-shadow: 0 -10px 30px rgba(5, 18, 34, .08) !important;
  box-sizing: border-box !important;
  font-family: var(--eds-font-ui, Arial, sans-serif) !important;
}

body.client-concept-c-page .eds-client-product-footer__identity {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

body.client-concept-c-page .eds-client-product-footer__identity img {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  object-fit: contain !important;
}

body.client-concept-c-page .eds-client-product-footer__identity div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

body.client-concept-c-page .eds-client-product-footer__identity strong {
  color: var(--eds-ivory-50, #fffdf8) !important;
  font-family: var(--eds-font-display, Georgia, serif) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -.012em !important;
}

body.client-concept-c-page .eds-client-product-footer__identity span,
body.client-concept-c-page .eds-client-product-footer__meta span {
  color: rgba(233, 238, 244, .72) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: .045em !important;
}

body.client-concept-c-page .eds-client-product-footer__nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

body.client-concept-c-page .eds-client-product-footer__nav a {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  color: rgba(255, 253, 248, .82) !important;
  background: transparent !important;
  font-family: var(--eds-font-label, Arial, sans-serif) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body.client-concept-c-page .eds-client-product-footer__nav a:hover,
body.client-concept-c-page .eds-client-product-footer__nav a:focus-visible {
  color: var(--eds-gold-300, #d8b66c) !important;
  border-color: rgba(216, 182, 108, .38) !important;
  background: rgba(255, 255, 255, .035) !important;
  outline: none !important;
}

body.client-concept-c-page .eds-client-product-footer__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px 10px !important;
  text-align: right !important;
}

body.client-concept-c-page .eds-client-product-footer__meta span:first-child {
  color: var(--eds-gold-300, #d8b66c) !important;
  font-family: var(--eds-font-label, Arial, sans-serif) !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

@media (min-width: 901px) and (max-width: 1180px) {
  body.client-concept-c-page .eds-client-product-footer {
    grid-template-columns: minmax(250px, 1fr) auto !important;
  }

  body.client-concept-c-page .eds-client-product-footer__meta {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

@media (max-width: 900px) {
  body.eds-client-dashboard-v1.client-concept-c-page .client-command-main > .client-center-streamlined-page {
    margin-top: 16px !important;
    padding-bottom: 28px !important;
  }

  body.client-concept-c-page .eds-client-product-footer {
    width: 100% !important;
    margin: 0 !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.client-concept-c-page .eds-client-product-footer__nav {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.client-concept-c-page .eds-client-product-footer__nav a {
    padding-left: 0 !important;
    padding-right: 16px !important;
  }

  body.client-concept-c-page .eds-client-product-footer__meta {
    justify-content: flex-start !important;
    text-align: left !important;
  }
}


/* CLIENT CENTER 2.1 PATCH 2X17C — Dashboard Restraint and Workflow Reallocation.
   EDS rule: the Dashboard contains only command-level information. Durable workflows live in
   their purpose-built destinations. No generic collapsed panel stack may be appended to the Dashboard. */
body.client-concept-c-page.eds-client-dashboard-v1 .client-center-streamlined-page,
body.client-concept-c-page.eds-client-dashboard-v1 .client-action-center,
body.client-concept-c-page.eds-client-dashboard-v1 .client-intake-cta,
body.client-concept-c-page.eds-client-dashboard-v1 .compact-notifications,
body.client-concept-c-page.eds-client-dashboard-v1 .compact-important-notices,
body.client-concept-c-page.eds-client-dashboard-v1 .eds-dashboard-updates-tasks,
body.client-concept-c-page.eds-client-dashboard-v1 .eds-dashboard-message-request,
body.client-concept-c-page.eds-client-dashboard-v1 .eds-dashboard-firm-forms,
body.client-concept-c-page.eds-client-dashboard-v1 .eds-dashboard-history,
body.client-concept-c-page.eds-client-dashboard-v1 .eds-dashboard-matters-time,
body.client-concept-c-page.eds-client-dashboard-v1 .announcement-review-panel,
body.client-concept-c-page.eds-client-dashboard-v1 .google-review-client-panel{display:none!important;}

.eds-updates-page{display:grid;gap:var(--eds-space-6);padding-bottom:var(--eds-space-8);}
.eds-updates-hero{margin-bottom:var(--eds-space-5);}
.eds-updates-card-header{align-items:flex-start;}
.eds-updates-flash{margin-bottom:0;}
.eds-updates-court-card{overflow:hidden;}
.eds-updates-court-card--action{background:var(--eds-color-navy-950);color:var(--eds-color-ivory-50);}
.eds-updates-court-card--action .eds-card__header{border-bottom-color:rgba(209,169,89,.38);}
.eds-updates-court-card--action .eds-body,
.eds-updates-court-card--action .eds-caption,
.eds-updates-court-card--action small{color:rgba(255,252,246,.72);}
.eds-updates-court-card--action .eds-type-feature,
.eds-updates-court-card--action h3{color:var(--eds-color-ivory-50);}
.eds-updates-court-list{display:grid;gap:var(--eds-space-3);margin-top:var(--eds-space-5);}
.eds-updates-court-entry{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:var(--eds-space-4);align-items:center;padding:var(--eds-space-4);border:1px solid var(--eds-color-line);background:var(--eds-color-ivory-50);color:var(--eds-color-ink);}
.eds-updates-court-card--action .eds-updates-court-entry{background:rgba(255,252,246,.06);border-color:rgba(209,169,89,.34);color:var(--eds-color-ivory-50);}
.eds-updates-court-date{display:grid;justify-items:center;padding:10px 8px;border:1px solid rgba(209,169,89,.46);background:rgba(255,255,255,.03);}
.eds-updates-court-date span,.eds-updates-court-date em{font-family:var(--eds-font-ui);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--eds-color-gold-500);font-style:normal;font-weight:800;}
.eds-updates-court-date strong{font-family:var(--eds-font-display);font-size:2rem;line-height:1;color:inherit;}
.eds-updates-court-copy h3{margin:.2rem 0 .35rem;font-family:var(--eds-font-display);font-size:1.45rem;line-height:1.08;}
.eds-updates-court-copy p{margin:0;color:inherit;opacity:.78;}
.eds-updates-court-actions{display:grid;justify-items:end;gap:.55rem;min-width:190px;}
.eds-updates-calendar-links{display:flex;gap:.85rem;font-size:.75rem;}
.eds-updates-calendar-links a{color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.78;}
.eds-updates-firm-grid,.eds-messages-information-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--eds-space-5);align-items:start;}
.eds-updates-stack,.eds-updates-notification-list,.eds-updates-saved-list{display:grid;gap:var(--eds-space-3);}
.eds-updates-notice-entry,.eds-updates-announcement-entry,.eds-updates-notification-entry,.eds-updates-saved-list article{position:relative;padding:var(--eds-space-4);border:1px solid var(--eds-color-line);background:var(--eds-color-surface);}
.eds-updates-notice-entry time,.eds-updates-announcement-entry time,.eds-updates-notification-entry time,.eds-updates-saved-list time{display:block;margin-bottom:.4rem;font-family:var(--eds-font-ui);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--eds-color-gold-700);}
.eds-updates-notice-entry h3,.eds-updates-announcement-entry h3,.eds-updates-notification-entry h3,.eds-updates-saved-list h3{margin:0 0 .5rem;font-family:var(--eds-font-display);font-size:1.2rem;line-height:1.15;}
.eds-updates-notice-entry p,.eds-updates-announcement-entry p,.eds-updates-notification-entry p,.eds-updates-saved-list p{margin:.35rem 0 0;color:var(--eds-color-text-muted);}
.eds-action-button{appearance:none;border:0;background:none;padding:0;cursor:pointer;font:inherit;}
.eds-updates-notification-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--eds-space-4);padding-bottom:var(--eds-space-4);border-bottom:1px solid var(--eds-color-line);}
.eds-updates-alert-form{display:flex;align-items:center;gap:var(--eds-space-3);}
.eds-updates-alert-form label{display:flex;align-items:center;gap:.55rem;font-weight:700;}
.eds-updates-notification-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--eds-space-3);}
.eds-updates-clear{width:34px;height:34px;border:1px solid var(--eds-color-line);background:transparent;color:var(--eds-color-text-muted);font-size:1.3rem;cursor:pointer;}
.eds-updates-review-card{display:flex;align-items:center;justify-content:space-between;gap:var(--eds-space-5);padding:var(--eds-space-5);}
.eds-messages-information-grid{margin:var(--eds-space-6) 0;}
.eds-messages-information-card .eds-textarea{min-height:150px;}
.eds-communication-entry--information{border-left:3px solid var(--eds-color-gold-500);}

@media (max-width:1000px){
  .eds-updates-firm-grid,.eds-messages-information-grid{grid-template-columns:1fr;}
  .eds-updates-court-entry{grid-template-columns:70px minmax(0,1fr);}
  .eds-updates-court-actions{grid-column:1/-1;justify-items:start;min-width:0;padding-top:var(--eds-space-3);border-top:1px solid rgba(209,169,89,.22);}
  .eds-updates-notification-controls,.eds-updates-review-card{align-items:flex-start;flex-direction:column;}
}
@media (max-width:640px){
  .eds-updates-page{gap:var(--eds-space-4);}
  .eds-updates-court-entry{grid-template-columns:62px minmax(0,1fr);padding:var(--eds-space-3);}
  .eds-updates-court-date strong{font-size:1.65rem;}
  .eds-updates-court-copy h3{font-size:1.2rem;}
  .eds-updates-alert-form{width:100%;align-items:stretch;flex-direction:column;}
  .eds-updates-alert-form .eds-btn{width:100%;}
  .eds-updates-notification-entry{grid-template-columns:1fr;}
  .eds-updates-clear{position:absolute;right:10px;top:10px;}
}


/* CLIENT CENTER 2.1 PATCH 2X17D — Dashboard Alert Placement, Timeline Court Confirmation,
   Updates Recomposition, and Frozen Software Footer.
   EDS placement contract:
   - Client Center activity notifications surface as a compact Dashboard alert tray.
   - Court-date acknowledgment lives with the case chronology in Timeline.
   - Updates contains only direct firm notices and firm-wide announcements.
   - The software footer is a compact application rail, fixed on desktop with reserved content space.
   - Locked header/sidebar/mobile infrastructure is not altered. */

/* Dashboard notification tray: visible enough to command attention, compact enough to preserve hierarchy. */
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray{
  margin:14px 0 18px!important;
  border:1px solid rgba(190,144,65,.38)!important;
  border-left:4px solid var(--eds-gold-500,#c59a4a)!important;
  background:rgba(255,253,248,.96)!important;
  box-shadow:0 10px 24px rgba(10,30,54,.055)!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray>summary{
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:10px auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px 14px!important;
  padding:10px 16px!important;
  cursor:pointer!important;
  list-style:none!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray>summary::-webkit-details-marker{display:none!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__signal{
  width:8px!important;height:8px!important;border-radius:50%!important;background:var(--eds-gold-500,#c59a4a)!important;
  box-shadow:0 0 0 5px rgba(197,154,74,.13)!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__label,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__action{
  font-family:var(--eds-font-label,Arial,sans-serif)!important;font-size:9px!important;font-weight:800!important;
  letter-spacing:.13em!important;text-transform:uppercase!important;color:#8b6426!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline{min-width:0!important;display:flex!important;align-items:baseline!important;gap:10px!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline strong{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#142840!important;
  font:700 12px/1.3 var(--eds-font-ui,Arial,sans-serif)!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline em{
  flex:0 0 auto!important;color:#778395!important;font:600 10px/1.3 var(--eds-font-ui,Arial,sans-serif)!important;font-style:normal!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__action::after{content:'  +';}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray[open] .eds-dashboard-notification-tray__action::after{content:'  −';}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__drawer{padding:0 16px 16px!important;border-top:1px solid rgba(15,38,65,.08)!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__controls{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px 0!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__controls p{margin:0!important;max-width:760px!important;color:#667488!important;font-size:11px!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__preference{display:flex!important;align-items:center!important;gap:8px!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__preference label{display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;font-weight:700!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__preference .eds-btn{min-height:30px!important;padding:0 12px!important;font-size:8px!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list article{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;
  padding:12px!important;border:1px solid rgba(15,38,65,.09)!important;background:#fffdf8!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list time{
  display:block!important;margin-bottom:4px!important;color:#9a7333!important;font:800 8px/1.2 var(--eds-font-label,Arial,sans-serif)!important;letter-spacing:.11em!important;text-transform:uppercase!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list strong{display:block!important;color:#162b43!important;font:700 11px/1.3 var(--eds-font-ui,Arial,sans-serif)!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list p{margin:5px 0 0!important;color:#6f7b8c!important;font-size:10.5px!important;line-height:1.45!important;}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list article>form button{
  width:28px!important;height:28px!important;border:1px solid rgba(15,38,65,.12)!important;background:transparent!important;color:#788394!important;cursor:pointer!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__clear{margin-top:12px!important;text-align:right!important;}
body.eds-client-dashboard-v1 .eds-dashboard-court-status{
  display:inline-flex!important;align-items:center!important;align-self:flex-start!important;margin:8px 0 0!important;padding:5px 8px!important;
  border:1px solid rgba(190,144,65,.32)!important;font:800 8px/1 var(--eds-font-label,Arial,sans-serif)!important;letter-spacing:.11em!important;text-transform:uppercase!important;
}
body.eds-client-dashboard-v1 .eds-dashboard-court-status--required{background:#fff7e8!important;color:#8a5e18!important;}
body.eds-client-dashboard-v1 .eds-dashboard-court-status--confirmed{background:#edf4ec!important;color:#426b46!important;border-color:rgba(66,107,70,.22)!important;}

/* Timeline owns court-date acknowledgment. */
.eds-timeline-confirmation-anchor{scroll-margin-top:132px!important;}
.eds-timeline-confirmation-strip{
  display:grid!important;grid-template-columns:minmax(280px,.8fr) minmax(0,1.8fr)!important;gap:24px!important;
  margin:0 0 20px!important;padding:20px 22px!important;border:1px solid rgba(190,144,65,.36)!important;border-left:4px solid var(--eds-gold-500,#c59a4a)!important;
  background:linear-gradient(90deg,rgba(197,154,74,.08),transparent 34%),#fffdf8!important;box-shadow:0 12px 28px rgba(10,30,54,.06)!important;
}
.eds-timeline-confirmation-strip__intro h2{margin:4px 0 6px!important;color:#142840!important;font-family:var(--eds-font-display,Georgia,serif)!important;font-size:25px!important;font-weight:500!important;line-height:1.06!important;}
.eds-timeline-confirmation-strip__intro p{margin:0!important;color:#687689!important;font-size:11px!important;line-height:1.5!important;}
.eds-timeline-confirmation-strip__list{display:grid!important;gap:8px!important;}
.eds-timeline-confirmation-strip__list article{
  display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;padding:10px 12px!important;
  border:1px solid rgba(15,38,65,.09)!important;background:#fff!important;
}
.eds-timeline-confirmation-strip__date{display:grid!important;justify-items:center!important;padding:5px!important;border:1px solid rgba(190,144,65,.28)!important;}
.eds-timeline-confirmation-strip__date span,.eds-timeline-confirmation-strip__date em{font:800 7px/1.2 var(--eds-font-label,Arial,sans-serif)!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#9a7333!important;font-style:normal!important;}
.eds-timeline-confirmation-strip__date strong{font-family:var(--eds-font-display,Georgia,serif)!important;font-size:19px!important;line-height:1!important;color:#172b43!important;}
.eds-timeline-confirmation-strip__copy strong{display:block!important;color:#172b43!important;font:700 11px/1.3 var(--eds-font-ui,Arial,sans-serif)!important;}
.eds-timeline-confirmation-strip__copy span{display:block!important;margin-top:3px!important;color:#758193!important;font-size:10px!important;}
.eds-timeline-confirmation-strip__list .eds-btn{min-height:32px!important;padding:0 12px!important;font-size:8px!important;white-space:nowrap!important;}

/* Updates is a communications destination, not a catch-all workflow page. */
.eds-updates-page--communications{gap:20px!important;}
.eds-updates-orientation{
  display:grid!important;grid-template-columns:minmax(0,1.7fr) auto!important;align-items:center!important;gap:26px!important;
  padding:20px 22px!important;border:1px solid rgba(15,38,65,.09)!important;border-top:2px solid rgba(190,144,65,.58)!important;background:#fffdf8!important;box-shadow:0 12px 28px rgba(10,30,54,.05)!important;
}
.eds-updates-orientation h2{margin:4px 0 7px!important;color:#142840!important;font-family:var(--eds-font-display,Georgia,serif)!important;font-size:28px!important;font-weight:500!important;line-height:1.08!important;}
.eds-updates-orientation p{margin:0!important;max-width:820px!important;color:#687689!important;font-size:12px!important;line-height:1.52!important;}
.eds-updates-orientation__status{display:flex!important;align-items:stretch!important;border-left:1px solid rgba(15,38,65,.10)!important;}
.eds-updates-orientation__status span{min-width:120px!important;display:grid!important;align-content:center!important;gap:3px!important;padding:8px 18px!important;}
.eds-updates-orientation__status span+span{border-left:1px solid rgba(15,38,65,.10)!important;}
.eds-updates-orientation__status strong{color:#172b43!important;font-family:var(--eds-font-display,Georgia,serif)!important;font-size:24px!important;font-weight:500!important;}
.eds-updates-orientation__status em{color:#8b6426!important;font:800 8px/1.3 var(--eds-font-label,Arial,sans-serif)!important;letter-spacing:.10em!important;text-transform:uppercase!important;font-style:normal!important;}
.eds-updates-saved-disclosure{margin-top:4px!important;border-top:1px solid rgba(15,38,65,.10)!important;}
.eds-updates-saved-disclosure>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 2px 8px!important;cursor:pointer!important;list-style:none!important;color:#172b43!important;}
.eds-updates-saved-disclosure>summary::-webkit-details-marker{display:none!important;}
.eds-updates-saved-disclosure>summary span{font-family:var(--eds-font-display,Georgia,serif)!important;font-size:18px!important;}
.eds-updates-saved-disclosure>summary strong{font:800 8px/1 var(--eds-font-label,Arial,sans-serif)!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#8b6426!important;}
.eds-updates-saved-disclosure .eds-updates-saved-list{padding-top:8px!important;}
.eds-updates-feedback{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:16px 18px!important;border:1px solid rgba(15,38,65,.08)!important;background:rgba(255,253,248,.72)!important;}
.eds-updates-feedback strong{display:block!important;margin:3px 0!important;color:#172b43!important;font-family:var(--eds-font-display,Georgia,serif)!important;font-size:19px!important;font-weight:500!important;}
.eds-updates-feedback p{margin:0!important;color:#718093!important;font-size:10.5px!important;}

/* Compact frozen application footer: 88px -> 68px (approximately 23% reduction). */
@media (min-width:901px){
  body.client-concept-c-page{--eds-client-footer-height:68px;}
  body.client-concept-c-page .client-command-main{padding-bottom:calc(var(--eds-client-footer-height) + 26px)!important;}
  body.client-concept-c-page .eds-client-product-footer{
    position:fixed!important;left:var(--eds-client-rail-width)!important;right:0!important;bottom:0!important;z-index:72!important;
    width:auto!important;height:var(--eds-client-footer-height)!important;min-height:var(--eds-client-footer-height)!important;margin:0!important;
    grid-template-columns:minmax(230px,1fr) auto minmax(290px,1fr)!important;gap:10px 18px!important;padding:10px 24px!important;
    box-shadow:0 -8px 24px rgba(5,18,34,.11)!important;
  }
  body.client-concept-c-page .eds-client-product-footer__identity{gap:9px!important;}
  body.client-concept-c-page .eds-client-product-footer__identity img{width:28px!important;height:28px!important;flex-basis:28px!important;}
  body.client-concept-c-page .eds-client-product-footer__identity strong{font-size:15px!important;}
  body.client-concept-c-page .eds-client-product-footer__identity span,
  body.client-concept-c-page .eds-client-product-footer__meta span{font-size:8.5px!important;}
  body.client-concept-c-page .eds-client-product-footer__nav a{min-height:28px!important;padding:0 8px!important;font-size:8px!important;}
  body.client-concept-c-page .client-command-timeline-preview{margin-bottom:0!important;}
}

/* Mobile remains flow-safe so the locked 2V6/2X5C fixed header/drawer stack is not destabilized. */
@media (max-width:900px){
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray>summary{grid-template-columns:10px minmax(0,1fr) auto!important;gap:8px 10px!important;}
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__label{display:none!important;}
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline{display:grid!important;gap:2px!important;}
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline strong{white-space:normal!important;}
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__controls{align-items:flex-start!important;flex-direction:column!important;}
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list{grid-template-columns:1fr!important;}
  .eds-timeline-confirmation-strip{grid-template-columns:1fr!important;padding:16px!important;}
  .eds-timeline-confirmation-strip__list article{grid-template-columns:52px minmax(0,1fr)!important;}
  .eds-timeline-confirmation-strip__list article form{grid-column:1/-1!important;}
  .eds-timeline-confirmation-strip__list .eds-btn{width:100%!important;}
  .eds-updates-orientation{grid-template-columns:1fr!important;padding:18px!important;}
  .eds-updates-orientation__status{border-left:0!important;border-top:1px solid rgba(15,38,65,.10)!important;}
  .eds-updates-orientation__status span{flex:1!important;padding:12px 10px 2px!important;min-width:0!important;}
  .eds-updates-feedback{align-items:flex-start!important;flex-direction:column!important;}
}


/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X17E
   ALERT CONTROL, NAVIGATION GROUPING, AND SMART FOOTER STANDARD

   EDS intent:
   - A functional link is not sufficient; notification actions must use the
     same deliberate control anatomy as the rest of the product.
   - Long navigation is reduced to three concise mental models.
   - The software footer remains available but yields viewport space while the
     client is reading. It is not draggable and cannot be accidentally moved.
   ========================================================================== */

/* Dashboard notification controls: remove browser-default/link-like treatment. */
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__preference {
  min-height: 32px !important;
  padding-right: 12px !important;
  border-right: 1px solid rgba(15, 38, 65, .11) !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__clear {
  margin: 0 !important;
  text-align: left !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__clear-action,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__item-action {
  appearance: none !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(139, 100, 38, .34) !important;
  border-radius: 3px !important;
  background: rgba(255, 253, 248, .86) !important;
  color: #20354d !important;
  font-family: var(--eds-font-label, Arial, sans-serif) !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 5px 14px rgba(10, 30, 54, .045) !important;
  transition: border-color .18s ease, background .18s ease, color .18s ease !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__clear-action {
  padding: 0 11px !important;
  cursor: pointer !important;
  color: #744a35 !important;
  border-color: rgba(139, 72, 48, .25) !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__item-action {
  margin-top: 9px !important;
  padding: 0 12px !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__clear-action:hover,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__clear-action:focus-visible,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__item-action:hover,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__item-action:focus-visible {
  color: #071a30 !important;
  border-color: rgba(190, 144, 65, .68) !important;
  background: #fffaf0 !important;
  outline: 2px solid rgba(216, 182, 108, .34) !important;
  outline-offset: 2px !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__list article {
  border-color: rgba(15, 38, 65, .075) !important;
  border-left: 2px solid rgba(190, 144, 65, .58) !important;
  background: rgba(255, 255, 255, .66) !important;
  box-shadow: 0 8px 22px rgba(10, 30, 54, .035) !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__dismiss {
  width: 28px !important;
  height: 28px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid rgba(15, 38, 65, .12) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #6f7b8c !important;
  font: 500 14px/1 var(--eds-font-ui, Arial, sans-serif) !important;
  cursor: pointer !important;
}

body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__dismiss:hover,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__dismiss:focus-visible {
  color: #071a30 !important;
  border-color: rgba(190, 144, 65, .62) !important;
  background: rgba(216, 182, 108, .08) !important;
  outline: 2px solid rgba(216, 182, 108, .28) !important;
  outline-offset: 2px !important;
}

/* Shared sidebar: three concise groups with exact client-facing labels/order. */
body.client-concept-c-page .eds-client-sidebar__nav,
body.client-shell-page .eds-client-sidebar__nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(216, 182, 108, .28) transparent !important;
}

body.client-concept-c-page .eds-client-sidebar__group,
body.client-shell-page .eds-client-sidebar__group {
  display: grid !important;
  gap: 4px !important;
}

body.client-concept-c-page .eds-client-sidebar__group + .eds-client-sidebar__group,
body.client-shell-page .eds-client-sidebar__group + .eds-client-sidebar__group {
  padding-top: 10px !important;
  border-top: 1px solid rgba(216, 182, 108, .20) !important;
}

body.client-concept-c-page .eds-client-sidebar__group-label,
body.client-shell-page .eds-client-sidebar__group-label {
  display: block !important;
  padding: 0 15px 2px !important;
  color: rgba(216, 182, 108, .74) !important;
  font-family: var(--eds-font-label, Arial, sans-serif) !important;
  font-size: 7.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.client-concept-c-page .eds-client-sidebar__group-links,
body.client-shell-page .eds-client-sidebar__group-links {
  display: grid !important;
  gap: 1px !important;
}

body.client-concept-c-page .eds-client-sidebar__group-links a,
body.client-shell-page .eds-client-sidebar__group-links a {
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 12px !important;
}

body.client-concept-c-page .eds-client-sidebar__group-links a.client-command-logout,
body.client-shell-page .eds-client-sidebar__group-links a.client-command-logout {
  margin-top: 1px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Smart software footer: visible at the top and document end, concealed during
   downward reading, revealed on upward movement, hover, or keyboard focus. */
@media (min-width: 901px) {
  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="smart"] {
    transform: translateY(0) !important;
    transition: transform .22s cubic-bezier(.2, .7, .2, 1), box-shadow .22s ease !important;
    will-change: transform !important;
  }

  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="smart"].is-concealed {
    transform: translateY(calc(100% - 4px)) !important;
    box-shadow: none !important;
  }

  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="smart"].is-concealed:hover,
  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="smart"].is-concealed:focus-within {
    transform: translateY(0) !important;
    box-shadow: 0 -8px 24px rgba(5, 18, 34, .11) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="smart"] {
    transition: none !important;
  }
}

@media (max-width: 900px) {
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__toolbar {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__preference {
    padding-right: 0 !important;
    border-right: 0 !important;
  }
  body.client-concept-c-page .eds-client-sidebar__nav,
  body.client-shell-page .eds-client-sidebar__nav {
    gap: 12px !important;
  }
  body.client-concept-c-page .eds-client-sidebar__group-links a,
  body.client-shell-page .eds-client-sidebar__group-links a {
    min-height: 40px !important;
    font-size: 13px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X18
   SHARED FROZEN CONTEXT HERO, PROFILE DOCK, EDS DIALOG, AND STABLE FOOTER
   --------------------------------------------------------------------------
   Governing standard:
   - The highest-information page summary is the authenticated page hero.
   - The low-information ivory title banner is retired as a visible surface.
   - Profile access remains independently identifiable in an ivory identity dock.
   - Mobile preserves the locked public shellbar and uses a compact, horizontally
     scrollable context rail rather than freezing a full-height dashboard panel.
   - Confirmations use an application-owned EDS dialog, never browser chrome.
   - Footer visibility is controlled explicitly by the user, never by scroll
     direction, eliminating strobe-like motion.
   ========================================================================== */

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

/* Shared fixed context-hero architecture. */
@media (min-width: 901px) {
  body.client-concept-c-page,
  body.client-shell-page {
    --eds-context-hero-top: 16px;
    --eds-context-hero-height: 92px;
    --eds-context-profile-width: 154px;
    --eds-context-hero-gap: 14px;
    --eds-context-page-inset: 28px;
    --eds-context-content-origin: 132px;
  }

  body.client-concept-c-page .client-command-main,
  body.client-shell-page .client-command-main.client-shell-main {
    padding-top: var(--eds-context-content-origin) !important;
  }

  body.client-concept-c-page .client-command-main > .eds-hero-rail[data-eds-context-hero="true"],
  body.client-shell-page .client-command-main.client-shell-main > .eds-hero-rail[data-eds-context-hero="true"] {
    position: fixed !important;
    top: var(--eds-context-hero-top) !important;
    left: calc(var(--eds-client-rail-width, 232px) + var(--eds-context-page-inset)) !important;
    right: calc(24px + var(--eds-context-profile-width) + var(--eds-context-hero-gap)) !important;
    z-index: 1460 !important;
    width: auto !important;
    height: var(--eds-context-hero-height) !important;
    min-height: var(--eds-context-hero-height) !important;
    max-height: var(--eds-context-hero-height) !important;
    margin: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(3, 17, 32, .15), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    transform: translateZ(0) !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child {
    flex: 1.42 1 250px !important;
    min-width: 220px !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item {
    flex: 1 1 150px !important;
    min-width: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
  }

  /* The former ivory header becomes a profile-only identity dock. */
  body.client-concept-c-page .eds-client-profile-dock,
  body.client-shell-page .eds-client-profile-dock.client-shell-titlebar {
    position: fixed !important;
    top: var(--eds-context-hero-top) !important;
    left: auto !important;
    right: 24px !important;
    z-index: 1510 !important;
    width: var(--eds-context-profile-width) !important;
    min-width: var(--eds-context-profile-width) !important;
    max-width: var(--eds-context-profile-width) !important;
    height: var(--eds-context-hero-height) !important;
    min-height: var(--eds-context-hero-height) !important;
    max-height: var(--eds-context-hero-height) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-header-copy,
  body.client-shell-page .eds-client-profile-dock .eds-client-header-copy,
  body.client-concept-c-page .eds-client-profile-dock .eds-client-header-keyline,
  body.client-shell-page .eds-client-profile-dock .eds-client-header-keyline,
  body.client-concept-c-page .eds-client-profile-dock::after,
  body.client-shell-page .eds-client-profile-dock::after {
    display: none !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border: 1px solid rgba(196, 160, 98, .34) !important;
    border-radius: 10px !important;
    background:
      radial-gradient(circle at 85% -20%, rgba(216, 182, 108, .14), transparent 48%),
      linear-gradient(180deg, #fffdf8 0%, #f8f3e9 100%) !important;
    color: #0b2038 !important;
    box-shadow: 0 14px 34px rgba(3, 17, 32, .11), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
    pointer-events: auto !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .client-command-avatar,
  body.client-shell-page .eds-client-profile-dock .client-command-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span:last-child,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span:last-child {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control strong,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control strong {
    overflow: hidden !important;
    color: #0b2038 !important;
    font: 750 10px/1.2 var(--eds-font-ui, Arial, sans-serif) !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control em,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control em {
    color: #718095 !important;
    font: 700 7.5px/1.2 var(--eds-font-label, Arial, sans-serif) !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control:hover,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(196, 160, 98, .58) !important;
    box-shadow: 0 17px 38px rgba(3, 17, 32, .14), inset 0 1px 0 rgba(255, 255, 255, .96) !important;
  }

  /* At narrower desktop widths, preserve information density and reduce only
     the identity dock, not the context rail. */
  @media (max-width: 1279px) {
    body.client-concept-c-page,
    body.client-shell-page {
      --eds-context-profile-width: 54px;
      --eds-context-page-inset: 18px;
    }
    body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control,
    body.client-shell-page .eds-client-profile-dock .eds-client-profile-control {
      padding: 6px !important;
    }
    body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span:last-child,
    body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span:last-child {
      display: none !important;
    }
    body.client-concept-c-page .client-command-main > .eds-hero-rail[data-eds-context-hero="true"],
    body.client-shell-page .client-command-main.client-shell-main > .eds-hero-rail[data-eds-context-hero="true"] {
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scrollbar-width: none !important;
    }
    body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"]::-webkit-scrollbar,
    body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"]::-webkit-scrollbar {
      display: none !important;
    }
    body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child,
    body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child {
      flex: 0 0 224px !important;
    }
    body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item,
    body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item {
      flex: 0 0 154px !important;
    }
  }
}

/* Mobile context hero: public logo/Menu bar remains the top layer. The hero
   becomes the fixed authenticated context layer directly below it. */
@media (max-width: 900px) {
  body.client-concept-c-page,
  body.client-shell-page {
    --eds-context-mobile-top: calc(var(--cc2-mobile-shellbar-h, 104px) + 8px);
    --eds-context-mobile-height: 118px;
  }

  body.client-concept-c-page .client-command-main,
  body.client-shell-page .client-command-main.client-shell-main {
    padding-top: calc(var(--eds-context-mobile-top) + var(--eds-context-mobile-height) + 18px) !important;
  }

  body.client-concept-c-page .client-command-main > .eds-hero-rail[data-eds-context-hero="true"],
  body.client-shell-page .client-command-main.client-shell-main > .eds-hero-rail[data-eds-context-hero="true"] {
    position: fixed !important;
    top: var(--eds-context-mobile-top) !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 1460 !important;
    width: auto !important;
    height: var(--eds-context-mobile-height) !important;
    min-height: var(--eds-context-mobile-height) !important;
    max-height: var(--eds-context-mobile-height) !important;
    margin: 0 !important;
    padding: 58px 0 0 !important;
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(3, 17, 32, .17) !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"]::-webkit-scrollbar,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"]::-webkit-scrollbar {
    display: none !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 58px !important;
    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 9px 13px !important;
    display: flex !important;
    align-items: center !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(216, 182, 108, .24) !important;
    background: rgba(255, 255, 255, .02) !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child strong,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child strong {
    font-size: 18px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child small,
  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child em,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child small,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child em {
    max-width: calc(100vw - 148px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item {
    flex: 0 0 148px !important;
    width: 148px !important;
    min-width: 148px !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 8px 11px !important;
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    scroll-snap-align: start !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > span,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > span {
    font-size: 7px !important;
    letter-spacing: .10em !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > strong,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > strong {
    font-size: 15px !important;
    line-height: 1.08 !important;
  }

  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > small,
  body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > em,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > small,
  body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > em {
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.client-concept-c-page .eds-client-profile-dock,
  body.client-shell-page .eds-client-profile-dock.client-shell-titlebar {
    position: fixed !important;
    top: calc(var(--eds-context-mobile-top) + 8px) !important;
    left: auto !important;
    right: 20px !important;
    z-index: 1510 !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-header-copy,
  body.client-shell-page .eds-client-profile-dock .eds-client-header-copy,
  body.client-concept-c-page .eds-client-profile-dock .eds-client-header-keyline,
  body.client-shell-page .eds-client-profile-dock .eds-client-header-keyline,
  body.client-concept-c-page .eds-client-profile-dock::after,
  body.client-shell-page .eds-client-profile-dock::after {
    display: none !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    margin: 0 !important;
    padding: 3px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(216, 182, 108, .55) !important;
    border-radius: 9px !important;
    background: #fffaf0 !important;
    box-shadow: 0 8px 20px rgba(3, 17, 32, .18) !important;
    pointer-events: auto !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .client-command-avatar,
  body.client-shell-page .eds-client-profile-dock .client-command-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span:last-child,
  body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span:last-child {
    display: none !important;
  }
}

/* Updates receives the same context-hero anatomy as every other destination. */
.eds-updates-hero {
  display: grid !important;
  grid-template-columns: minmax(250px, 1.35fr) repeat(3, minmax(150px, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 182, 108, .45) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(216, 182, 108, .13), transparent 30%),
    linear-gradient(135deg, #071a30 0%, #06182c 55%, #0a213a 100%) !important;
  color: #fff9ec !important;
}
.eds-updates-hero__brand,
.eds-updates-hero__item {
  min-width: 0 !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-right: 1px solid rgba(216, 182, 108, .24) !important;
}
.eds-updates-hero__brand {
  background: linear-gradient(90deg, rgba(216, 182, 108, .10), rgba(255, 255, 255, .01)) !important;
}
.eds-updates-hero__emblem {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(216, 182, 108, .56) !important;
  border-radius: 50% !important;
  color: #d8b66c !important;
  font-family: var(--eds-font-display, Georgia, serif) !important;
  font-size: 24px !important;
}
.eds-updates-hero__brand > span:last-child,
.eds-updates-hero__item {
  display: grid !important;
  align-content: center !important;
  gap: 3px !important;
}
.eds-updates-hero__brand strong {
  color: #fff9ec !important;
  font-family: var(--eds-font-display, Georgia, serif) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
}
.eds-updates-hero__brand small,
.eds-updates-hero__item small {
  color: rgba(239, 232, 218, .64) !important;
  font: 500 9px/1.3 var(--eds-font-ui, Arial, sans-serif) !important;
}
.eds-updates-hero__item > span {
  color: #d8b66c !important;
  font: 800 8px/1.2 var(--eds-font-label, Arial, sans-serif) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}
.eds-updates-hero__item > strong {
  color: #fff9ec !important;
  font-family: var(--eds-font-display, Georgia, serif) !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.08 !important;
}

/* Manual software footer: stable by default, explicitly collapsible, never
   scroll-driven. */
@media (min-width: 901px) {
  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="manual"] {
    transform: translateY(0) !important;
    transition: transform .20s cubic-bezier(.2, .7, .2, 1), box-shadow .20s ease !important;
    will-change: transform !important;
  }
  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="manual"].is-minimized {
    transform: translateY(calc(100% - 9px)) !important;
    box-shadow: none !important;
  }
  body.client-concept-c-page .eds-client-product-footer__toggle {
    position: absolute !important;
    top: -17px !important;
    left: 50% !important;
    width: 44px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    border: 1px solid rgba(216, 182, 108, .52) !important;
    border-bottom: 0 !important;
    border-radius: 7px 7px 0 0 !important;
    background: #06172a !important;
    color: #d8b66c !important;
    font: 700 12px/1 var(--eds-font-ui, Arial, sans-serif) !important;
    cursor: pointer !important;
    box-shadow: 0 -5px 14px rgba(5, 18, 34, .09) !important;
  }
  body.client-concept-c-page .eds-client-product-footer.is-minimized .eds-client-product-footer__toggle > span[aria-hidden="true"] {
    transform: rotate(180deg) !important;
  }
  body.client-concept-c-page.eds-client-footer-minimized .client-command-main,
  body.client-shell-page.eds-client-footer-minimized .client-command-main.client-shell-main {
    padding-bottom: 30px !important;
  }
}
@media (max-width: 900px) {
  body.client-concept-c-page .eds-client-product-footer__toggle {
    display: none !important;
  }
}

/* EDS application-owned confirmation layer. */
body.eds-confirm-open {
  overflow: hidden !important;
}
.eds-confirm-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 22px !important;
  opacity: 0 !important;
  transition: opacity .15s ease !important;
}
.eds-confirm-layer[hidden] {
  display: none !important;
}
.eds-confirm-layer.is-open {
  opacity: 1 !important;
}
.eds-confirm-layer__backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  background: rgba(2, 10, 19, .70) !important;
  backdrop-filter: blur(6px) saturate(.9) !important;
  -webkit-backdrop-filter: blur(6px) saturate(.9) !important;
  cursor: default !important;
}
.eds-confirm-dialog {
  position: relative !important;
  z-index: 1 !important;
  width: min(440px, 100%) !important;
  padding: 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216, 182, 108, .52) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 94% -10%, rgba(216, 182, 108, .16), transparent 38%),
    linear-gradient(180deg, #fffdf8 0%, #f8f3e9 100%) !important;
  color: #0b2038 !important;
  box-shadow: 0 30px 80px rgba(2, 10, 19, .32), inset 0 1px 0 rgba(255, 255, 255, .94) !important;
  transform: translateY(8px) scale(.985) !important;
  transition: transform .15s ease !important;
}
.eds-confirm-layer.is-open .eds-confirm-dialog {
  transform: translateY(0) scale(1) !important;
}
.eds-confirm-dialog::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 24px !important;
  width: 3px !important;
  height: 64px !important;
  background: linear-gradient(180deg, #d8b66c, #a9772f) !important;
}
.eds-confirm-dialog__eyebrow {
  display: block !important;
  margin: 0 0 8px !important;
  color: #956a2d !important;
  font: 800 8px/1 var(--eds-font-label, Arial, sans-serif) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
.eds-confirm-dialog h2 {
  margin: 0 0 10px !important;
  color: #071a30 !important;
  font-family: var(--eds-font-display, Georgia, serif) !important;
  font-size: 29px !important;
  font-weight: 500 !important;
  line-height: 1.06 !important;
  letter-spacing: -.025em !important;
}
.eds-confirm-dialog p {
  margin: 0 !important;
  color: #657488 !important;
  font: 500 12px/1.55 var(--eds-font-ui, Arial, sans-serif) !important;
}
.eds-confirm-dialog__actions {
  margin-top: 22px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.eds-confirm-dialog[data-tone="danger"] {
  border-color: rgba(145, 65, 51, .42) !important;
}
.eds-confirm-dialog[data-tone="danger"]::before {
  background: linear-gradient(180deg, #b66a56, #7f3e31) !important;
}
.eds-confirm-dialog[data-tone="danger"] [data-eds-confirm-accept] {
  border-color: #7f3e31 !important;
  background: #7f3e31 !important;
  color: #fffdf8 !important;
}
.eds-confirm-dialog[data-tone="warning"] [data-eds-confirm-accept] {
  background: linear-gradient(180deg, #d8b66c, #bd8e3d) !important;
  color: #071a30 !important;
}
@media (max-width: 600px) {
  .eds-confirm-layer {
    align-items: end !important;
    padding: 14px !important;
  }
  .eds-confirm-dialog {
    width: 100% !important;
    padding: 22px 20px calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius: 12px 12px 8px 8px !important;
  }
  .eds-confirm-dialog__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  .eds-confirm-dialog__actions .eds-btn {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eds-confirm-layer,
  .eds-confirm-dialog,
  body.client-concept-c-page .eds-client-product-footer[data-eds-footer="manual"] {
    transition: none !important;
  }
}

/* Accessibility correction: preserve the page title as a screen-reader heading
   while removing the obsolete ivory title surface from visual presentation. */
body.client-concept-c-page .eds-client-profile-dock .eds-client-header-copy,
body.client-shell-page .eds-client-profile-dock .eds-client-header-copy {
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X18A
   INTEGRATED PROFILE HERO, RESTRAINED ALERTS, COLLAPSIBLE SOFTWARE CHROME
   --------------------------------------------------------------------------
   Governing corrections:
   - The frozen context rail is the sole visual page hero.
   - Profile access is integrated into the hero's identity position, replacing
     the nonfunctional emblem without adding a second ivory panel.
   - Dashboard alerts state only what is necessary until expanded.
   - Timeline uses one navy command rail, not two competing navy panels.
   - Desktop software chrome may be explicitly collapsed; mobile retains a
     compact navigation bar and the locked drawer behavior.
   - Footer and sidebar controls remain flush with straight EDS geometry.
   ========================================================================== */

/* Dashboard alert restraint and a formal email-preference control. */
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray > summary {
  grid-template-columns: 10px auto minmax(0, 1fr) auto !important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline strong {
  color: #172b43 !important;
  font: 750 11px/1.25 var(--eds-font-ui, Arial, sans-serif) !important;
  white-space: nowrap !important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline em {
  display: none !important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__preference {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 310px !important;
  padding: 8px 9px 8px 12px !important;
  border: 1px solid rgba(15, 38, 65, .11) !important;
  border-left: 2px solid rgba(196, 160, 98, .78) !important;
  background: linear-gradient(180deg, #fffefb 0%, #faf7f0 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  cursor: pointer !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__copy strong {
  color: #172b43 !important;
  font: 800 9px/1.15 var(--eds-font-label, Arial, sans-serif) !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__copy em {
  color: #738095 !important;
  font: 500 9px/1.3 var(--eds-font-ui, Arial, sans-serif) !important;
  font-style: normal !important;
  white-space: nowrap !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch {
  position: relative !important;
  width: 34px !important;
  height: 18px !important;
  flex: 0 0 34px !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch > span {
  position: absolute !important;
  inset: 0 !important;
  border: 1px solid rgba(15, 38, 65, .22) !important;
  border-radius: 999px !important;
  background: #dfe4e8 !important;
  transition: background .16s ease, border-color .16s ease !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch > span::after {
  content: '' !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(5,18,34,.22) !important;
  transition: transform .16s ease !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch input:checked + span {
  border-color: rgba(174, 126, 48, .72) !important;
  background: linear-gradient(180deg, #d8b66c, #bd8e3d) !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch input:checked + span::after {
  transform: translateX(16px) !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__switch input:focus-visible + span {
  outline: 2px solid rgba(36, 89, 139, .85) !important;
  outline-offset: 2px !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__save {
  min-height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(196, 160, 98, .50) !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: #77551e !important;
  font: 800 8px/1 var(--eds-font-label, Arial, sans-serif) !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
body.eds-client-dashboard-v1 .eds-notification-preference__save:hover,
body.eds-client-dashboard-v1 .eds-notification-preference__save:focus-visible {
  border-color: rgba(174,126,48,.82) !important;
  background: rgba(216,182,108,.10) !important;
  outline: none !important;
}

/* Timeline: the frozen rail already owns next-event hierarchy. */
body.client-shell-active-timeline .eds-timeline-focus {
  display: none !important;
}
body.client-shell-active-timeline .eds-timeline-page--command {
  padding-top: 0 !important;
}
body.client-shell-active-timeline .eds-timeline-layout {
  margin-top: 0 !important;
}

/* Desktop software chrome and integrated profile identity. */
@media (min-width: 901px) {
  html body.client-concept-c-page,
  html body.client-shell-page {
    --eds-client-rail-width: 232px;
  }
  html body.client-concept-c-page.eds-client-sidebar-collapsed,
  html body.client-shell-page.eds-client-sidebar-collapsed {
    --eds-client-rail-width: 0px;
  }

  html body.client-concept-c-page .client-command-layout,
  html body.client-shell-page .client-command-layout {
    grid-template-columns: var(--eds-client-rail-width) minmax(0, 1fr) !important;
  }
  html body.client-concept-c-page .client-command-main,
  html body.client-shell-page .client-command-main.client-shell-main {
    width: calc(100% - var(--eds-client-rail-width)) !important;
    margin-left: var(--eds-client-rail-width) !important;
    transition: width .20s ease, margin-left .20s ease !important;
  }
  html body.client-concept-c-page .client-command-rail,
  html body.client-shell-page .client-command-rail {
    transform: translateX(0) !important;
    visibility: visible !important;
    transition: transform .20s ease, visibility 0s linear 0s !important;
  }
  html body.client-concept-c-page.eds-client-sidebar-collapsed .client-command-rail,
  html body.client-shell-page.eds-client-sidebar-collapsed .client-command-rail {
    transform: translateX(-100%) !important;
    visibility: hidden !important;
    transition: transform .20s ease, visibility 0s linear .20s !important;
  }

  .eds-client-sidebar-toggle {
    position: fixed !important;
    left: calc(var(--eds-client-rail-width) - 31px) !important;
    bottom: 84px !important;
    z-index: 1620 !important;
    width: 28px !important;
    height: 28px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(216, 182, 108, .50) !important;
    border-radius: 0 !important;
    background: #06172a !important;
    color: #d8b66c !important;
    font: 700 17px/1 var(--eds-font-ui, Arial, sans-serif) !important;
    cursor: pointer !important;
    box-shadow: 0 5px 16px rgba(5,18,34,.14) !important;
    transition: left .20s ease, background .16s ease, color .16s ease !important;
  }
  html body.eds-client-sidebar-collapsed .eds-client-sidebar-toggle {
    left: 8px !important;
  }
  .eds-client-sidebar-toggle:hover,
  .eds-client-sidebar-toggle:focus-visible {
    background: #0b223d !important;
    color: #fff7e7 !important;
    outline: 2px solid rgba(216,182,108,.45) !important;
    outline-offset: 2px !important;
  }

  /* The context rail now owns the full horizontal field. */
  html body.client-concept-c-page .client-command-main > .eds-hero-rail[data-eds-context-hero="true"],
  html body.client-shell-page .client-command-main.client-shell-main > .eds-hero-rail[data-eds-context-hero="true"] {
    left: calc(var(--eds-client-rail-width) + var(--eds-context-page-inset)) !important;
    right: 24px !important;
    transition: left .20s ease !important;
  }

  /* Profile is an interactive identity inside the first hero cell. */
  html body.client-concept-c-page .eds-client-profile-dock,
  html body.client-shell-page .eds-client-profile-dock.client-shell-titlebar {
    top: calc(var(--eds-context-hero-top) + 19px) !important;
    left: calc(var(--eds-client-rail-width) + var(--eds-context-page-inset) + 18px) !important;
    right: auto !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    transition: left .20s ease !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .client-command-avatar,
  html body.client-shell-page .eds-client-profile-dock .client-command-avatar {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    border: 1px solid rgba(216,182,108,.82) !important;
    background: #0a2038 !important;
    color: #f5d994 !important;
    box-shadow: 0 0 0 3px rgba(216,182,108,.10), 0 7px 18px rgba(2,12,23,.30) !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span:last-child,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span:last-child {
    display: none !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control:hover,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control:hover {
    transform: translateY(-1px) !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control:focus-visible,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control:focus-visible {
    outline: 2px solid #e0bd72 !important;
    outline-offset: 4px !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child :is(.eds-hero-rail__seal, [class$="__emblem"]),
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child :is(.eds-hero-rail__seal, [class$="__emblem"]) {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Footer follows the client workspace when the navigation rail is collapsed. */
  html body.client-concept-c-page .eds-client-product-footer {
    left: var(--eds-client-rail-width) !important;
    transition: left .20s ease, transform .20s cubic-bezier(.2,.7,.2,1), box-shadow .20s ease !important;
  }

  /* Flush, straight-edged manual footer control. */
  html body.client-concept-c-page .eds-client-product-footer[data-eds-footer="manual"].is-minimized {
    transform: translateY(calc(100% - 16px)) !important;
  }
  html body.client-concept-c-page .eds-client-product-footer__toggle {
    top: 0 !important;
    right: 16px !important;
    left: auto !important;
    width: 30px !important;
    height: 16px !important;
    transform: none !important;
    border: 1px solid rgba(216,182,108,.50) !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }
  html body.client-concept-c-page .eds-client-product-footer {
    padding-right: 62px !important;
  }
}

/* Mobile: compact software navigation chrome plus one context hero. */
@media (max-width: 900px) {
  html body.client-concept-c-page,
  html body.client-shell-page {
    --cc2-mobile-shellbar-h: 64px !important;
    --eds-context-mobile-top: 70px !important;
    --eds-context-mobile-height: 102px !important;
  }
  html body.client-concept-c-page .cc2-mobile-shellbar,
  html body.client-shell-page .cc2-mobile-shellbar {
    height: var(--cc2-mobile-shellbar-h) !important;
    min-height: var(--cc2-mobile-shellbar-h) !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #06172a !important;
    border-bottom: 1px solid rgba(216,182,108,.42) !important;
    box-shadow: 0 7px 18px rgba(4,17,31,.14) !important;
  }
  html body.client-concept-c-page .cc2-mobile-shellbar-brand,
  html body.client-shell-page .cc2-mobile-shellbar-brand {
    width: 158px !important;
    max-width: 48vw !important;
    height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
  html body.client-concept-c-page .cc2-mobile-shellbar-brand img,
  html body.client-shell-page .cc2-mobile-shellbar-brand img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
  }
  html body.client-concept-c-page .cc2-mobile-nav-toggle,
  html body.client-shell-page .cc2-mobile-nav-toggle {
    min-width: 76px !important;
    height: 38px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(216,182,108,.62) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.04) !important;
    color: #fff8e8 !important;
    font: 800 10px/1 var(--eds-font-label, Arial, sans-serif) !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }
  html body.client-concept-c-page .client-command-main,
  html body.client-shell-page .client-command-main.client-shell-main {
    padding-top: calc(var(--eds-context-mobile-top) + var(--eds-context-mobile-height) + 16px) !important;
  }
  html body.client-concept-c-page .client-command-main > .eds-hero-rail[data-eds-context-hero="true"],
  html body.client-shell-page .client-command-main.client-shell-main > .eds-hero-rail[data-eds-context-hero="true"] {
    top: var(--eds-context-mobile-top) !important;
    height: var(--eds-context-mobile-height) !important;
    min-height: var(--eds-context-mobile-height) !important;
    max-height: var(--eds-context-mobile-height) !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock,
  html body.client-shell-page .eds-client-profile-dock.client-shell-titlebar {
    top: calc(var(--eds-context-mobile-top) + 13px) !important;
    left: 28px !important;
    right: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .client-command-avatar,
  html body.client-shell-page .eds-client-profile-dock .client-command-avatar {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    border: 1px solid rgba(216,182,108,.82) !important;
    box-shadow: 0 0 0 3px rgba(216,182,108,.10), 0 6px 16px rgba(2,12,23,.28) !important;
  }
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span:last-child,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span:last-child {
    display: none !important;
  }
  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child :is(.eds-hero-rail__seal, [class$="__emblem"]),
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child :is(.eds-hero-rail__seal, [class$="__emblem"]) {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  html body.client-concept-c-page .eds-dashboard-notification-tray > summary {
    grid-template-columns: 10px minmax(0,1fr) auto !important;
  }
  html body.client-concept-c-page .eds-dashboard-notification-tray__label {
    display: none !important;
  }
  html body.client-concept-c-page .eds-dashboard-notification-tray__headline strong {
    white-space: normal !important;
  }
  html body.client-concept-c-page .eds-dashboard-notification-tray__preference {
    min-width: 0 !important;
    width: 100% !important;
    align-items: stretch !important;
    flex-direction: column !important;
  }
  html body.client-concept-c-page .eds-notification-preference__copy em {
    white-space: normal !important;
  }
  html body.client-concept-c-page .eds-notification-preference__save {
    width: 100% !important;
  }
  .eds-client-sidebar-toggle {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eds-client-sidebar-toggle,
  body.client-concept-c-page .client-command-main,
  body.client-shell-page .client-command-main.client-shell-main,
  body.client-concept-c-page .client-command-rail,
  body.client-shell-page .client-command-rail,
  body.client-concept-c-page .eds-client-profile-dock,
  body.client-shell-page .eds-client-profile-dock,
  body.client-concept-c-page .eds-client-product-footer {
    transition: none !important;
  }
}


/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X18B
   DASHBOARD HERO IDENTITY, FROSTED CONTEXT FRAME, AND EDS DIALOG SWEEP
   --------------------------------------------------------------------------
   Locked protections:
   - 2X18A desktop sidebar, sidebar collapse, footer, footer collapse, Timeline,
     mobile navigation, mobile drawer, and compact mobile hero remain unchanged.
   - The Dashboard now uses the same functional profile identity contract as all
     other frozen context heroes without a second header renderer.
   - Context blur is limited to a narrow top/left/right frame; it never creates
     a frosted panel below the hero.
   - Dashboard alerts retain only the system label and active count when closed.
   - Client unsaved-change and confirmation layers use explicit EDS typography,
     surfaces, controls, and focus treatment.
   ========================================================================== */

/* Dashboard identity is rendered inside the authoritative navy hero. */
body.eds-client-dashboard-v1 .eds-command-snapshot-intro {
  gap: 15px !important;
}
body.eds-client-dashboard-v1 .eds-hero-profile-link {
  position: relative !important;
  z-index: 3 !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  flex: 0 0 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #f5d994 !important;
  text-decoration: none !important;
  transition: transform .16s ease, filter .16s ease !important;
}
body.eds-client-dashboard-v1 .eds-hero-profile-link .client-command-avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,182,108,.82) !important;
  border-radius: 50% !important;
  background: #0a2038 !important;
  color: #f5d994 !important;
  box-shadow: 0 0 0 3px rgba(216,182,108,.10), 0 7px 18px rgba(2,12,23,.30) !important;
  font: 600 17px/1 var(--eds-font-display, Georgia, serif) !important;
}
body.eds-client-dashboard-v1 .eds-hero-profile-link .client-command-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}
body.eds-client-dashboard-v1 .eds-hero-profile-link:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
}
body.eds-client-dashboard-v1 .eds-hero-profile-link:focus-visible {
  outline: 2px solid #e0bd72 !important;
  outline-offset: 4px !important;
}
body.eds-client-dashboard-v1 .eds-command-snapshot-intro__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 5px !important;
}

/* A narrow U-shaped frost frame softens only what is visible above and beside
   the fixed context hero. The content below remains optically crisp. */
.eds-context-hero-frost {
  position: fixed !important;
  pointer-events: none !important;
  z-index: 1450 !important;
  background: rgba(250,247,239,.24) !important;
  -webkit-backdrop-filter: blur(13px) saturate(.88) !important;
  backdrop-filter: blur(13px) saturate(.88) !important;
  opacity: .96 !important;
}
@media (min-width: 901px) {
  html body.client-concept-c-page .eds-context-hero-frost,
  html body.client-shell-page .eds-context-hero-frost {
    top: calc(var(--eds-context-hero-top) - 12px) !important;
    left: calc(var(--eds-client-rail-width) + var(--eds-context-page-inset) - 12px) !important;
    right: 12px !important;
    height: calc(var(--eds-context-hero-height) + 12px) !important;
    clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 12px) 100%,calc(100% - 12px) 12px,12px 12px,12px 100%,0 100%) !important;
    transition: left .20s ease !important;
  }
}
@media (max-width: 900px) {
  html body.client-concept-c-page .eds-context-hero-frost,
  html body.client-shell-page .eds-context-hero-frost {
    top: calc(var(--eds-context-mobile-top) - 8px) !important;
    left: 4px !important;
    right: 4px !important;
    height: calc(var(--eds-context-mobile-height) + 8px) !important;
    clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - 8px) 100%,calc(100% - 8px) 8px,8px 8px,8px 100%,0 100%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(.88) !important;
    backdrop-filter: blur(10px) saturate(.88) !important;
  }
  body.eds-client-dashboard-v1 .eds-hero-profile-link {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex-basis: 44px !important;
  }
  body.eds-client-dashboard-v1 .eds-hero-profile-link .client-command-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    font-size: 15px !important;
  }
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .eds-context-hero-frost {
    background: rgba(250,247,239,.80) !important;
  }
}

/* The Dashboard alert remains a restrained system signal. No event title or
   body copy is promoted into the collapsed bar. */
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray > summary {
  grid-template-columns: 10px auto minmax(0,1fr) auto !important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__label,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline strong,
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__action {
  font-family: var(--eds-font-label, Arial, sans-serif) !important;
}
body.eds-client-dashboard-v1 .eds-dashboard-notification-tray__headline em {
  display: none !important;
}

/* Client unsaved-change dialog: same EDS language as application confirmations. */
body.client-concept-c-page .admin-unsaved-modal {
  z-index: 5200 !important;
  padding: 22px !important;
  background: rgba(2,10,19,.70) !important;
  -webkit-backdrop-filter: blur(7px) saturate(.90) !important;
  backdrop-filter: blur(7px) saturate(.90) !important;
}
body.client-concept-c-page .admin-unsaved-modal-card {
  position: relative !important;
  width: min(470px,100%) !important;
  padding: 27px !important;
  overflow: hidden !important;
  border: 1px solid rgba(216,182,108,.52) !important;
  border-radius: 12px !important;
  background: radial-gradient(circle at 94% -10%,rgba(216,182,108,.16),transparent 38%),linear-gradient(180deg,#fffdf8 0%,#f8f3e9 100%) !important;
  color: #0b2038 !important;
  box-shadow: 0 30px 80px rgba(2,10,19,.32),inset 0 1px 0 rgba(255,255,255,.94) !important;
}
body.client-concept-c-page .admin-unsaved-modal-card::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 24px !important;
  width: 3px !important;
  height: 64px !important;
  background: linear-gradient(180deg,#d8b66c,#a9772f) !important;
}
body.client-concept-c-page .admin-unsaved-modal-card h2 {
  margin: 0 0 10px !important;
  color: #071a30 !important;
  font-family: var(--eds-font-display, Georgia, serif) !important;
  font-size: 29px !important;
  font-weight: 500 !important;
  line-height: 1.06 !important;
  letter-spacing: -.025em !important;
}
body.client-concept-c-page .admin-unsaved-message {
  margin: 0 0 20px !important;
  color: #657488 !important;
  font: 500 12px/1.55 var(--eds-font-ui, Arial, sans-serif) !important;
}
body.client-concept-c-page .admin-unsaved-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 9px !important;
}
body.client-concept-c-page .admin-unsaved-actions .btn {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 3px !important;
  font: 800 8px/1 var(--eds-font-label, Arial, sans-serif) !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}
body.client-concept-c-page .admin-unsaved-actions .admin-unsaved-save {
  border-color: #bd8e3d !important;
  background: linear-gradient(180deg,#d8b66c,#bd8e3d) !important;
  color: #071a30 !important;
}
body.client-concept-c-page .admin-unsaved-actions .admin-unsaved-leave,
body.client-concept-c-page .admin-unsaved-actions .admin-unsaved-stay {
  border: 1px solid rgba(15,38,65,.18) !important;
  background: transparent !important;
  color: #233b55 !important;
}
body.client-concept-c-page .admin-unsaved-actions .btn:focus-visible {
  outline: 2px solid rgba(36,89,139,.86) !important;
  outline-offset: 2px !important;
}
body.client-concept-c-page .has-unsaved-changes {
  outline-color: rgba(196,160,98,.52) !important;
}

/* Confirmation typography and controls are explicit; no legacy button or page
   typography may leak into the application-owned modal. */
body.client-concept-c-page .eds-confirm-dialog__eyebrow {
  font-family: var(--eds-font-label, Arial, sans-serif) !important;
}
body.client-concept-c-page .eds-confirm-dialog h2 {
  font-family: var(--eds-font-display, Georgia, serif) !important;
}
body.client-concept-c-page .eds-confirm-dialog p {
  font-family: var(--eds-font-ui, Arial, sans-serif) !important;
}
body.client-concept-c-page .eds-confirm-dialog__actions .eds-btn {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 3px !important;
  font: 800 8px/1 var(--eds-font-label, Arial, sans-serif) !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

@media (max-width: 600px) {
  body.client-concept-c-page .admin-unsaved-modal {
    align-items: flex-end !important;
    padding: 14px !important;
  }
  body.client-concept-c-page .admin-unsaved-modal-card {
    width: 100% !important;
    padding: 22px 20px calc(22px + env(safe-area-inset-bottom)) !important;
    border-radius: 12px 12px 8px 8px !important;
  }
  body.client-concept-c-page .admin-unsaved-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body.client-concept-c-page .admin-unsaved-actions .btn {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .eds-context-hero-frost,
  body.eds-client-dashboard-v1 .eds-hero-profile-link {
    transition: none !important;
  }
}


/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X18C
   FROST CONTINUITY, AVATAR GEOMETRY, AND PAINT-COST GUARD
   --------------------------------------------------------------------------
   Locked protections:
   - 2X18A grouped navigation, sidebar collapse, software footer, footer
     collapse, Timeline, mobile software header, mobile drawer, and mobile hero.
   - 2X18B Dashboard hero identity, notification restraint, EDS confirmations,
     and unsaved-change dialog standard.
   - No routes, data, authentication, CSRF, queries, or business logic change.
   Governing corrections:
   - The desktop context frost reaches the top edge with no unfiltered seam.
   - Frost is rendered as three narrow strips rather than one clipped full-area
     layer, materially reducing the backdrop-filter paint region.
   - Initials and photographs share one exact circular avatar geometry contract.
   ========================================================================== */

/* Efficient U-frame: top band plus two narrow side rails. The hero itself stays
   fully crisp, and no blur is rendered beneath its lower edge. */
@media (min-width: 901px) {
  html body.client-concept-c-page .eds-context-hero-frost,
  html body.client-shell-page .eds-context-hero-frost {
    top: 0 !important;
    left: calc(var(--eds-client-rail-width) + var(--eds-context-page-inset) - 12px) !important;
    right: 12px !important;
    width: auto !important;
    height: var(--eds-context-hero-top) !important;
    clip-path: none !important;
    overflow: visible !important;
    background: rgba(250,247,239,.24) !important;
    -webkit-backdrop-filter: blur(11px) saturate(.90) !important;
    backdrop-filter: blur(11px) saturate(.90) !important;
    opacity: .96 !important;
    transition: left .20s ease !important;
  }
  html body.client-concept-c-page .eds-context-hero-frost::before,
  html body.client-concept-c-page .eds-context-hero-frost::after,
  html body.client-shell-page .eds-context-hero-frost::before,
  html body.client-shell-page .eds-context-hero-frost::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    width: 12px !important;
    height: var(--eds-context-hero-height) !important;
    background: rgba(250,247,239,.24) !important;
    -webkit-backdrop-filter: blur(11px) saturate(.90) !important;
    backdrop-filter: blur(11px) saturate(.90) !important;
    pointer-events: none !important;
  }
  html body.client-concept-c-page .eds-context-hero-frost::before,
  html body.client-shell-page .eds-context-hero-frost::before {
    left: 0 !important;
  }
  html body.client-concept-c-page .eds-context-hero-frost::after,
  html body.client-shell-page .eds-context-hero-frost::after {
    right: 0 !important;
  }
}

/* One canonical circular identity geometry. Explicit border-box sizing and zero
   padding prevent initials from inheriting an oval legacy text-container shape. */
@media (min-width: 901px) {
  html body.client-concept-c-page .eds-client-profile-dock .client-command-avatar,
  html body.client-shell-page .eds-client-profile-dock .client-command-avatar,
  body.eds-client-dashboard-v1 .eds-hero-profile-link .client-command-avatar {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 900px) {
  html body.client-concept-c-page .eds-client-profile-dock .client-command-avatar,
  html body.client-shell-page .eds-client-profile-dock .client-command-avatar,
  body.eds-client-dashboard-v1 .eds-hero-profile-link .client-command-avatar {
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

html body.client-concept-c-page .eds-client-profile-dock .client-command-avatar img,
html body.client-shell-page .eds-client-profile-dock .client-command-avatar img,
body.eds-client-dashboard-v1 .eds-hero-profile-link .client-command-avatar img {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  border-radius: 50% !important;
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  @media (min-width: 901px) {
    html body.client-concept-c-page .eds-context-hero-frost,
    html body.client-concept-c-page .eds-context-hero-frost::before,
    html body.client-concept-c-page .eds-context-hero-frost::after,
    html body.client-shell-page .eds-context-hero-frost,
    html body.client-shell-page .eds-context-hero-frost::before,
    html body.client-shell-page .eds-context-hero-frost::after {
      background: rgba(250,247,239,.82) !important;
    }
  }
}


/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X18D
   DIVIDER CLEARANCE AND VERTICAL RHYTHM GUARD
   --------------------------------------------------------------------------
   Governing EDS rule:
   - Content adjacent to a divider must have deliberate, balanced clearance.
   - A first item may not collapse against a header rule merely because it lacks
     its own top border.
   - When a row owns the clearance, the card body must not add a second inset.
   ========================================================================== */

body.eds-payment-v1 .eds-payment-guidance-card > .eds-card__body {
  padding-top: 0 !important;
  --eds-divider-clearance: 0px;
}

/* Defensive parity guard for the two audited row-based card systems. */
body.eds-payment-v1 .eds-payment-guidance-list li:first-child,
body.eds-messages-v1 .eds-communication-entry:first-child {
  margin-top: 0 !important;
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2X18G
   CANONICAL CLIENT IDENTITY ENFORCEMENT — PHOTO/INITIALS STATE PARITY
   --------------------------------------------------------------------------
   Governing EDS correction:
   - One renderer remains authoritative for every client identity surface.
   - Photo and initials states receive the same geometry at each approved scale.
   - Dashboard and shared-page heroes receive one identical 52px desktop / 42px
     mobile identity contract.
   - Profile summary and editor preview use the same EDS display typography,
     weight, tracking, color, crop, border, and optical centering at their
     intentionally larger scales.
   - Legacy .has-photo and page-specific selectors are expressly superseded.
   ========================================================================== */

:root {
  --eds-client-identity-font: var(--eds-font-display, "Didot", "Bodoni 72", "Baskerville", Georgia, serif);
  --eds-client-identity-weight: 500;
  --eds-client-identity-tracking: .055em;
  --eds-client-identity-gold: #f5d994;
  --eds-client-identity-navy: #0a2038;
  --eds-client-identity-border: rgba(216,182,108,.82);
  --eds-client-identity-ring: rgba(216,182,108,.10);
}

/* Base component anatomy. Longhand typography is intentional: no font shorthand
   or inherited page typography may determine the initials glyph. */
html body span.eds-client-identity-avatar[data-eds-component="client-identity-avatar"] {
  box-sizing: border-box !important;
  position: relative !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: 1 / 1 !important;
  border: 1px solid var(--eds-client-identity-border) !important;
  border-radius: 50% !important;
  background: var(--eds-client-identity-navy) !important;
  color: var(--eds-client-identity-gold) !important;
  box-shadow: 0 0 0 3px var(--eds-client-identity-ring), 0 7px 18px rgba(2,12,23,.28) !important;
  vertical-align: middle !important;
  isolation: isolate !important;
}

html body span.eds-client-identity-avatar[data-eds-component="client-identity-avatar"] > span.eds-client-identity-avatar__initials {
  box-sizing: border-box !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 0 0 var(--eds-client-identity-tracking) !important;
  color: var(--eds-client-identity-gold) !important;
  font-family: var(--eds-client-identity-font) !important;
  font-style: normal !important;
  font-weight: var(--eds-client-identity-weight) !important;
  font-variant: normal !important;
  font-variant-ligatures: none !important;
  font-feature-settings: "kern" 1 !important;
  line-height: 1 !important;
  letter-spacing: var(--eds-client-identity-tracking) !important;
  text-align: center !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
}

html body span.eds-client-identity-avatar[data-eds-component="client-identity-avatar"] > img.eds-client-identity-avatar__photo {
  box-sizing: border-box !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  transform: none !important;
}

/* Desktop hero parity. These selectors intentionally exceed every legacy
   Dashboard, shell, profile-pill, and .has-photo selector in specificity. */
@media (min-width: 901px) {
  html body.eds-client-dashboard-v1 .eds-hero-profile-link > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"],
  html body.eds-client-dashboard-v1 .eds-hero-profile-link > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"].has-photo,
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"],
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"].has-photo,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"],
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"].has-photo {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
    font-size: 16px !important;
  }

  html body.eds-client-dashboard-v1 .eds-hero-profile-link > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"] > span.eds-client-identity-avatar__initials,
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"] > span.eds-client-identity-avatar__initials,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"] > span.eds-client-identity-avatar__initials {
    font-size: 16px !important;
  }
}

/* Mobile hero parity. */
@media (max-width: 900px) {
  html body.eds-client-dashboard-v1 .eds-hero-profile-link > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"],
  html body.eds-client-dashboard-v1 .eds-hero-profile-link > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"].has-photo,
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"],
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"].has-photo,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"],
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"].has-photo {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    font-size: 13px !important;
  }

  html body.eds-client-dashboard-v1 .eds-hero-profile-link > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"] > span.eds-client-identity-avatar__initials,
  html body.client-concept-c-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"] > span.eds-client-identity-avatar__initials,
  html body.client-shell-page .eds-client-profile-dock .eds-client-profile-control > span.eds-client-identity-avatar.client-command-avatar[data-eds-avatar-scale="hero"] > span.eds-client-identity-avatar__initials {
    font-size: 13px !important;
  }
}

/* Profile Settings uses the identical EDS identity language at larger approved
   scales. Geometry differs only because the component's job differs. */
html body.eds-account-v1 span.eds-account-focus__avatar.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"],
html body.eds-account-v1 span.eds-account-focus__avatar.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"].has-photo {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  flex: 0 0 72px !important;
}

html body.eds-account-v1 span.eds-account-focus__avatar.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"] > span.eds-client-identity-avatar__initials {
  font-size: 23px !important;
}

html body.eds-account-v1 span.eds-account-photo-preview.eds-client-identity-avatar[data-eds-avatar-scale="profile-editor"],
html body.eds-account-v1 span.eds-account-photo-preview.eds-client-identity-avatar[data-eds-avatar-scale="profile-editor"].has-photo {
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
  height: 152px !important;
  min-height: 152px !important;
  max-height: 152px !important;
  flex: 0 0 152px !important;
}

html body.eds-account-v1 span.eds-account-photo-preview.eds-client-identity-avatar[data-eds-avatar-scale="profile-editor"] > span.eds-client-identity-avatar__initials {
  font-size: 46px !important;
}

@media (max-width: 640px) {
  html body.eds-account-v1 span.eds-account-focus__avatar.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"],
  html body.eds-account-v1 span.eds-account-focus__avatar.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"].has-photo {
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    flex: 0 0 62px !important;
  }

  html body.eds-account-v1 span.eds-account-focus__avatar.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"] > span.eds-client-identity-avatar__initials {
    font-size: 20px !important;
  }

  html body.eds-account-v1 span.eds-account-photo-preview.eds-client-identity-avatar[data-eds-avatar-scale="profile-editor"],
  html body.eds-account-v1 span.eds-account-photo-preview.eds-client-identity-avatar[data-eds-avatar-scale="profile-editor"].has-photo {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: 126px !important;
    min-height: 126px !important;
    max-height: 126px !important;
    flex: 0 0 126px !important;
  }

  html body.eds-account-v1 span.eds-account-photo-preview.eds-client-identity-avatar[data-eds-avatar-scale="profile-editor"] > span.eds-client-identity-avatar__initials {
    font-size: 38px !important;
  }
}


/* EDS v2.6 — canonical unauthenticated software-gateway footer.
   This is neither the public website footer nor the authenticated application footer. */
.eds-access-gateway-footer{
  width:min(1240px,calc(100% - 40px));
  margin:14px auto 0;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-top:1px solid rgba(197,154,80,.58);
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
}
.eds-access-gateway-footer__identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}
.eds-access-gateway-footer__identity img{
  display:block;
  width:28px;
  height:28px;
  flex:0 0 28px;
  object-fit:contain;
}
.eds-access-gateway-footer__identity div{
  min-width:0;
  display:grid;
  gap:2px;
}
.eds-access-gateway-footer__identity strong{
  font:800 9px/1.2 "Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.eds-access-gateway-footer__identity span,
.eds-access-gateway-footer__meta span{
  font-size:9px;
  line-height:1.35;
  letter-spacing:.055em;
}
.eds-access-gateway-footer__meta{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  text-align:right;
}
.eds-access-gateway-footer__meta span{
  display:inline-flex;
  align-items:center;
}
.eds-access-gateway-footer__meta span + span:before{
  content:"";
  width:1px;
  height:12px;
  margin:0 11px;
  background:rgba(197,154,80,.42);
}
.eds-access-gateway-footer--client{
  color:#27364a;
  background:rgba(255,253,249,.88);
}
.eds-access-gateway-footer--client .eds-access-gateway-footer__identity strong{color:#071325}
.eds-access-gateway-footer--client .eds-access-gateway-footer__identity span,
.eds-access-gateway-footer--client .eds-access-gateway-footer__meta span{color:#66717f}
.eds-access-gateway-footer--firm{
  color:#f7f1e6;
  background:rgba(3,11,22,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.eds-access-gateway-footer--firm .eds-access-gateway-footer__identity strong{color:#fffdf7}
.eds-access-gateway-footer--firm .eds-access-gateway-footer__identity span,
.eds-access-gateway-footer--firm .eds-access-gateway-footer__meta span{color:rgba(245,241,232,.62)}
.firm-access-gateway > .eds-access-gateway-footer{
  width:100%;
  margin:0;
}
@media(max-width:880px){
  .eds-access-gateway-footer{
    width:min(720px,calc(100% - 24px));
    padding:13px 4px;
    flex-wrap:wrap;
  }
  .eds-access-gateway-footer__meta{
    width:100%;
    justify-content:flex-start;
    text-align:left;
  }
}
@media(max-width:560px){
  .eds-access-gateway-footer{
    width:100%;
    margin:0;
    padding:15px 22px 18px;
    border-top-color:rgba(197,154,80,.42);
  }
  .eds-access-gateway-footer__meta{
    display:grid;
    gap:3px;
  }
  .eds-access-gateway-footer__meta span + span:before{display:none}
  .eds-access-gateway-footer__identity span,
  .eds-access-gateway-footer__meta span{font-size:8.5px}
}

/* ========================================================================== 
   EDS v2.7 — STANDALONE SOFTWARE GATEWAY BOUNDARY
   Patch 2Z1C
   --------------------------------------------------------------------------
   Client Center and Firm Center are separate software products within one EDS
   ecosystem. Their unauthenticated gateways share one composition boundary,
   footer anatomy, brand source, and spacing contract. Public website chrome and
   authenticated application footers are prohibited on these gateway routes.
   ========================================================================== */
html.client-access-html,
body.client-access-page{
  min-height:100%;
  margin:0;
  background:#040d1a;
}
body.client-access-page{
  overflow-x:hidden;
}
body.client-access-page *{
  box-sizing:border-box;
}
.client-access-gateway{
  display:flex;
  min-height:100vh;
  flex-direction:column;
  background:
    radial-gradient(circle at 15% 2%,rgba(216,185,121,.08),transparent 26%),
    linear-gradient(180deg,#071525 0,#eef0ec 31%,#f5f1e9 100%);
}
.client-access-gateway > .eds-login-gateway,
.client-access-gateway > .eds-adjacent-access{
  flex:1 0 auto;
  padding-bottom:0;
}
.client-access-gateway > .eds-access-gateway-footer,
.firm-access-gateway > .eds-access-gateway-footer{
  width:100%;
  margin:0;
}
.portal-public-page .eds-login-brand-logo,
.portal-public-page .eds-adjacent-access__brand-logo{
  display:block;
  width:min(310px,72%);
  height:auto;
  margin:0 0 28px;
  object-fit:contain;
  object-position:left center;
  filter:none;
}
.portal-public-page .eds-adjacent-access__brand-logo{
  width:min(270px,70%);
  margin-bottom:24px;
}
.eds-access-gateway-footer--client,
.eds-access-gateway-footer--firm{
  color:#f7f1e6;
  background:rgba(3,11,22,.97);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.eds-access-gateway-footer--client .eds-access-gateway-footer__identity strong,
.eds-access-gateway-footer--firm .eds-access-gateway-footer__identity strong{
  color:#fffdf7;
}
.eds-access-gateway-footer--client .eds-access-gateway-footer__identity span,
.eds-access-gateway-footer--client .eds-access-gateway-footer__meta span,
.eds-access-gateway-footer--firm .eds-access-gateway-footer__identity span,
.eds-access-gateway-footer--firm .eds-access-gateway-footer__meta span{
  color:rgba(245,241,232,.62);
}
@media(max-width:720px){
  .portal-public-page .eds-login-brand-logo,
  .portal-public-page .eds-adjacent-access__brand-logo{
    width:min(260px,78%);
    margin-bottom:22px;
  }
  .client-access-gateway{
    background:#071525;
  }
}

/* ========================================================================== 
   EDS v2.8 — FROZEN GATEWAY FOOTER PARITY
   Patch 2Z1D
   --------------------------------------------------------------------------
   The Client Center and Firm Center entry points use one fixed software-
   gateway footer primitive. Product copy may differ; anatomy, geometry,
   spacing, contrast, height, and viewport behavior may not.
   This rule applies only to unauthenticated software gateways. It does not
   freeze or alter the public website footer or authenticated application
   footers.
   ========================================================================== */
body.client-access-page,
body.firm-access-page{
  --eds-gateway-footer-height:58px;
}
.client-access-gateway,
.firm-access-gateway{
  padding-bottom:var(--eds-gateway-footer-height)!important;
}
.client-access-gateway > .eds-access-gateway-footer,
.firm-access-gateway > .eds-access-gateway-footer{
  position:fixed!important;
  z-index:2600!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100vw!important;
  min-height:var(--eds-gateway-footer-height)!important;
  margin:0!important;
  padding:10px 18px!important;
  border-top:1px solid rgba(197,154,80,.58)!important;
  background:rgba(3,11,22,.985)!important;
  box-shadow:0 -8px 24px rgba(1,8,18,.16),inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#f7f1e6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  backdrop-filter:saturate(118%) blur(14px);
  -webkit-backdrop-filter:saturate(118%) blur(14px);
}
.client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity,
.firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity{
  gap:11px!important;
}
.client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity img,
.firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity img{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
}
.client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity strong,
.firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity strong{
  color:#fffdf7!important;
  font:800 9px/1.2 "Avenir Next Condensed","Avenir Next","Helvetica Neue",Arial,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity span,
.client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta span,
.firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity span,
.firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta span{
  color:rgba(245,241,232,.62)!important;
  font-size:9px!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
}
.client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta,
.firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta{
  display:flex!important;
  width:auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  text-align:right!important;
}
@media(max-width:880px){
  body.client-access-page,
  body.firm-access-page{
    --eds-gateway-footer-height:82px;
  }
  .client-access-gateway > .eds-access-gateway-footer,
  .firm-access-gateway > .eds-access-gateway-footer{
    padding:10px 16px 12px!important;
    flex-wrap:wrap!important;
    align-content:center!important;
    gap:7px 18px!important;
  }
  .client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta,
  .firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta{
    width:100%!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}
@media(max-width:560px){
  body.client-access-page,
  body.firm-access-page{
    --eds-gateway-footer-height:112px;
  }
  .client-access-gateway > .eds-access-gateway-footer,
  .firm-access-gateway > .eds-access-gateway-footer{
    padding:12px 16px 14px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-content:center!important;
    gap:8px!important;
  }
  .client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta,
  .firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta{
    display:grid!important;
    gap:2px!important;
  }
  .client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta span + span:before,
  .firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta span + span:before{
    display:none!important;
  }
  .client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity span,
  .client-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta span,
  .firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__identity span,
  .firm-access-gateway > .eds-access-gateway-footer .eds-access-gateway-footer__meta span{
    font-size:8.5px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  .client-access-gateway > .eds-access-gateway-footer,
  .firm-access-gateway > .eds-access-gateway-footer{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:#030b16!important;
  }
}


/* ========================================================================== 
   EDS v2.9 — CANONICAL SOFTWARE GATEWAY STAGE PARITY
   Patch 2Z1E
   --------------------------------------------------------------------------
   Client Center and Firm Center gateway content may differ, but their outer
   software-stage geometry may not. The Firm Center's square operating-system
   frame is the canonical source of truth. Redundant secondary principle strips
   outside the primary stage are prohibited.
   ========================================================================== */
@media (min-width: 881px) {
  body.client-access-page .portal-public-page .eds-login-gateway,
  body.client-access-page .eds-login-gateway {
    width:min(1240px,calc(100% - 40px))!important;
    margin:0 auto!important;
    padding:32px 0 18px!important;
    transform:none!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  body.client-access-page .portal-public-page .eds-login-stage,
  body.client-access-page .eds-login-stage {
    grid-template-columns:minmax(0,1.14fr) minmax(390px,.86fr)!important;
    min-height:min(720px,calc(100vh - 92px))!important;
    border:1px solid rgba(197,154,80,.34)!important;
    border-radius:0!important;
    box-shadow:0 28px 80px rgba(1,8,18,.30)!important;
  }
}

body.client-access-page .eds-login-principles {
  display:none!important;
}

@media (max-width: 880px) {
  body.client-access-page .portal-public-page .eds-login-gateway,
  body.client-access-page .eds-login-gateway {
    width:min(720px,calc(100% - 24px))!important;
    margin:0 auto!important;
    padding:14px 0!important;
    transform:none!important;
  }

  body.client-access-page .portal-public-page .eds-login-stage,
  body.client-access-page .eds-login-stage {
    min-height:0!important;
    border-radius:0!important;
  }
}

@media (max-width: 560px) {
  body.client-access-page .portal-public-page .eds-login-gateway,
  body.client-access-page .eds-login-gateway {
    width:100%!important;
    padding:0!important;
  }

  body.client-access-page .portal-public-page .eds-login-stage,
  body.client-access-page .eds-login-stage {
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* ========================================================================== 
   CLIENT CENTER 2.1 — PATCH 2Y1
   CANONICAL MOBILE CONTEXT HERO — COMPLETE FIT / ZERO INTERNAL SCROLL
   --------------------------------------------------------------------------
   Governing EDS rule:
   - A shared mobile hero must present its complete approved content without
     clipping, hidden rows, horizontal or vertical internal scrolling, or
     page-specific geometry.
   - Desktop context-hero geometry remains locked and untouched.
   - Every authenticated Client Center context hero uses the same mobile box
     model, content fit, item distribution, typography, and reserved origin.
   ========================================================================== */
@media (max-width: 900px) {
  html body.client-concept-c-page,
  html body.client-shell-page {
    --eds-context-mobile-top: 70px !important;
    --eds-context-mobile-height: 126px !important;
  }

  html body.client-concept-c-page .client-command-main,
  html body.client-shell-page .client-command-main.client-shell-main {
    padding-top: calc(var(--eds-context-mobile-top) + var(--eds-context-mobile-height) + 16px) !important;
  }

  html body.client-concept-c-page .client-command-main > .eds-hero-rail[data-eds-context-hero="true"],
  html body.client-shell-page .client-command-main.client-shell-main > .eds-hero-rail[data-eds-context-hero="true"] {
    box-sizing: border-box !important;
    top: var(--eds-context-mobile-top) !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    height: var(--eds-context-mobile-height) !important;
    min-height: var(--eds-context-mobile-height) !important;
    max-height: var(--eds-context-mobile-height) !important;
    padding: 58px 0 0 !important;
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"]::-webkit-scrollbar,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"]::-webkit-scrollbar {
    display: none !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child {
    box-sizing: border-box !important;
    top: 0 !important;
    left: 0 !important;
    right: 58px !important;
    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 8px 12px 8px 70px !important;
    overflow: hidden !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child > span:last-child,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child > span:last-child {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child strong,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child small,
  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child em,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child small,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > :first-child em {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item {
    box-sizing: border-box !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 8px 5px !important;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    overflow: hidden !important;
    scroll-snap-align: none !important;
    text-align: center !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > span,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > span {
    width: 100% !important;
    overflow: hidden !important;
    font-size: 6.25px !important;
    line-height: 1.1 !important;
    letter-spacing: .06em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > strong,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > strong {
    width: 100% !important;
    overflow: hidden !important;
    font-size: clamp(10px, 2.8vw, 13px) !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > small,
  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > em,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > small,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > em {
    display: none !important;
  }

  html body.client-concept-c-page .eds-client-profile-dock,
  html body.client-shell-page .eds-client-profile-dock.client-shell-titlebar {
    top: calc(var(--eds-context-mobile-top) + 8px) !important;
    left: 22px !important;
    right: auto !important;
  }
}

@media (max-width: 390px) {
  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > span,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > span {
    font-size: 5.75px !important;
    letter-spacing: .045em !important;
  }
  html body.client-concept-c-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > strong,
  html body.client-shell-page .eds-hero-rail[data-eds-context-hero="true"] > .eds-hero-rail__item > strong {
    font-size: 10px !important;
  }
}

/* ========================================================================== 
   FirmOS 2Z6S2 — Client / Matter Command convergence
   ========================================================================== */

.firm-client-directory-hero,
.firm-client-command-hero,
.firm-client-operations-bridge,
.firm-legacy-adapter-notice {
  display: grid;
  align-items: center;
  gap: var(--eds-space-5);
  margin: 0 0 var(--eds-space-5);
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--eds-line-strong);
  border-top: 3px solid var(--eds-gold-600);
  background: linear-gradient(135deg, var(--eds-navy-900), var(--eds-navy-800));
  color: var(--eds-ivory-50);
}
.firm-client-directory-hero { grid-template-columns: minmax(0,1fr) auto; }
.firm-client-directory-hero h2,
.firm-client-command-hero h2,
.firm-client-operations-bridge h2,
.firm-legacy-adapter-notice h2 { margin: 0; color: var(--eds-ivory-50); font-family: var(--eds-font-display); font-weight: 500; }
.firm-client-directory-hero p,
.firm-client-command-hero p,
.firm-client-operations-bridge p,
.firm-legacy-adapter-notice p { margin: 6px 0 0; color: rgba(255,253,248,.76); }
.firm-client-directory-hero .eyebrow,
.firm-client-command-hero .eyebrow,
.firm-client-operations-bridge .eyebrow,
.firm-legacy-adapter-notice .eyebrow { color: var(--eds-gold-400); }

.firm-client-directory-stats,
.firm-client-command-stats,
.firm-matter-control-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 1px;
  margin-bottom: var(--eds-space-5);
  border: 1px solid var(--eds-line);
  background: var(--eds-line);
}
.firm-client-directory-stats > a,
.firm-client-command-stats > a {
  min-width: 0;
  padding: 18px 16px;
  background: var(--eds-ivory-50);
  color: var(--eds-ink-950);
  text-decoration: none;
}
.firm-client-directory-stats strong,
.firm-client-command-stats strong { display:block; font-family:var(--eds-font-display); font-size:clamp(1.45rem,2vw,2.05rem); font-weight:500; }
.firm-client-directory-stats span,
.firm-client-command-stats span { display:block; margin-top:4px; color:var(--eds-muted-600); font-family:var(--eds-font-label); font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }

.firm-client-directory-filter,
.firm-matter-control-filter {
  display:grid;
  grid-template-columns:minmax(240px,2fr) minmax(150px,.8fr) minmax(170px,.9fr) auto auto;
  align-items:end;
  gap:12px;
  margin-bottom:20px;
}
.firm-client-directory-filter label,
.firm-matter-control-filter label { min-width:0; }

.firm-client-directory-list,
.firm-client-matter-list,
.firm-client-attention-list,
.firm-client-record-list,
.firm-matter-attention-list { display:grid; gap:10px; }
.firm-client-directory-row {
  display:grid;
  grid-template-columns:34px minmax(210px,1.55fr) minmax(130px,.75fr) minmax(135px,.8fr) minmax(150px,.85fr) minmax(165px,.85fr);
  align-items:center;
  gap:16px;
  padding:15px 16px;
  border:1px solid var(--eds-line-soft);
  border-left:3px solid var(--eds-success);
  background:var(--eds-white);
}
.firm-client-directory-row--attention { border-left-color:var(--eds-warning); background:linear-gradient(90deg,rgba(247,237,219,.55),var(--eds-white) 20%); }
.firm-client-directory-row__select { display:flex; align-items:center; justify-content:center; }
.firm-client-directory-row__identity,
.firm-client-directory-row__matter,
.firm-client-directory-row__next,
.firm-client-directory-row__attention,
.firm-client-directory-row__actions { min-width:0; }
.firm-client-directory-row h3 { margin:2px 0 4px; font-family:var(--eds-font-display); font-size:1.15rem; font-weight:500; }
.firm-client-directory-row p,
.firm-client-directory-row em { margin:0; color:var(--eds-muted-600); font-size:12px; font-style:normal; overflow-wrap:anywhere; }
.firm-client-directory-row span { display:block; color:var(--eds-muted-600); font-family:var(--eds-font-label); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.firm-client-directory-row strong { display:block; margin-top:3px; color:var(--eds-ink-950); font-size:13px; }
.firm-client-directory-row__actions { display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.firm-client-directory-row__actions > a:not(.btn) { color:var(--eds-gold-700); font-size:12px; font-weight:700; }
.firm-client-directory-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding-top:16px; border-top:1px solid var(--eds-line-soft); }
.firm-client-directory-bulk { display:flex; flex-wrap:wrap; gap:8px; }
.firm-pagination { display:flex; align-items:center; gap:12px; color:var(--eds-muted-600); font-size:12px; }
.firm-pagination a { color:var(--eds-gold-700); font-weight:700; }

.firm-client-command-hero {
  grid-template-columns:minmax(0,1.7fr) minmax(155px,.5fr) minmax(230px,.8fr);
}
.firm-client-command-hero__identity { display:flex; align-items:center; gap:18px; min-width:0; }
.firm-client-command-hero__identity > span.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"] {
  width:72px !important; min-width:72px !important; max-width:72px !important;
  height:72px !important; min-height:72px !important; max-height:72px !important; flex:0 0 72px !important;
}
.firm-client-command-hero__identity > span.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"] .eds-client-identity-avatar__initials { font-size:23px !important; }
.firm-client-command-hero__attention,
.firm-client-command-hero__action { min-width:0; padding-left:20px; border-left:1px solid rgba(216,185,121,.34); }
.firm-client-command-hero__attention span,
.firm-client-command-hero__action span { display:block; color:var(--eds-gold-400); font-family:var(--eds-font-label); font-size:10px; font-weight:700; letter-spacing:.10em; text-transform:uppercase; }
.firm-client-command-hero__attention strong { display:block; margin-top:5px; color:var(--eds-ivory-50); font-family:var(--eds-font-display); font-size:2.35rem; font-weight:500; }
.firm-client-command-hero__attention em,
.firm-client-command-hero__action em { display:block; margin-top:4px; color:rgba(255,253,248,.68); font-size:12px; font-style:normal; }
.firm-client-command-hero__action strong { display:block; margin:6px 0; color:var(--eds-ivory-50); font-size:14px; line-height:1.35; }
.firm-client-command-hero__action a { color:var(--eds-gold-400); font-size:12px; font-weight:800; text-decoration:none; }
.firm-client-command-actions { display:flex; flex-wrap:wrap; gap:1px; margin:-8px 0 var(--eds-space-5); border:1px solid var(--eds-line); background:var(--eds-line); }
.firm-client-command-actions a { flex:1 1 145px; padding:13px 14px; background:var(--eds-ivory-50); color:var(--eds-ink-950); font-family:var(--eds-font-label); font-size:11px; font-weight:800; letter-spacing:.07em; text-align:center; text-decoration:none; text-transform:uppercase; }
.firm-client-command-actions a:hover { background:var(--eds-navy-850); color:var(--eds-ivory-50); }

.firm-client-command-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--eds-space-5); margin-bottom:var(--eds-space-5); }
.firm-client-command-panel { min-width:0; }
.firm-command-count { min-width:34px; padding:6px 10px; border:1px solid var(--eds-line); color:var(--eds-gold-700); font-weight:800; text-align:center; }
.firm-client-command-empty { padding:22px; border:1px dashed var(--eds-line); background:var(--eds-ivory-100); }
.firm-client-command-empty strong,
.firm-client-command-empty span { display:block; }
.firm-client-command-empty span { margin-top:5px; color:var(--eds-muted-600); font-size:13px; }
.firm-client-attention-item,
.firm-client-record-list a,
.firm-matter-attention-list a { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(220px,1.4fr) auto; align-items:center; gap:14px; padding:13px 14px; border:1px solid var(--eds-line-soft); background:var(--eds-white); color:var(--eds-ink-950); text-decoration:none; }
.firm-client-attention-item--high { border-left:3px solid var(--eds-danger); }
.firm-client-attention-item--watch { border-left:3px solid var(--eds-warning); }
.firm-client-attention-item span,
.firm-client-record-list span,
.firm-matter-attention-list span { font-weight:800; }
.firm-client-attention-item strong,
.firm-client-record-list strong,
.firm-matter-attention-list strong { font-size:12px; font-weight:500; }
.firm-client-attention-item em,
.firm-client-record-list em,
.firm-matter-attention-list em { color:var(--eds-muted-600); font-size:11px; font-style:normal; text-align:right; }
.firm-client-command-dl,
.firm-matter-command-dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0; border:1px solid var(--eds-line-soft); background:var(--eds-line-soft); }
.firm-client-command-dl > div { min-width:0; padding:13px 14px; background:var(--eds-white); }
.firm-client-command-dl dt { color:var(--eds-muted-600); font-family:var(--eds-font-label); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.firm-client-command-dl dd { margin:5px 0 0; color:var(--eds-ink-950); font-size:13px; overflow-wrap:anywhere; }

.firm-client-matter-command { margin-bottom:var(--eds-space-5); }
.firm-client-matter-row { display:grid; grid-template-columns:72px minmax(230px,1.35fr) minmax(220px,1fr) minmax(170px,.7fr); align-items:center; gap:18px; padding:16px; border:1px solid var(--eds-line-soft); border-left:3px solid var(--eds-success); background:var(--eds-white); }
.firm-client-matter-row.matter-control--critical { border-left-color:var(--eds-danger); }
.firm-client-matter-row.matter-control--watch { border-left-color:var(--eds-warning); }
.firm-client-matter-row__health { text-align:center; }
.firm-client-matter-row__health span { display:block; color:var(--eds-muted-600); font-size:9px; font-weight:800; text-transform:uppercase; }
.firm-client-matter-row__health strong { display:block; margin-top:4px; font-family:var(--eds-font-display); font-size:1.8rem; font-weight:500; }
.firm-client-matter-row__identity h3 { margin:2px 0 4px; font-family:var(--eds-font-display); font-size:1.15rem; font-weight:500; }
.firm-client-matter-row__identity p,
.firm-client-matter-row__status em { margin:0; color:var(--eds-muted-600); font-size:12px; font-style:normal; }
.firm-client-matter-row__status span { display:block; color:var(--eds-gold-700); font-family:var(--eds-font-label); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.firm-client-matter-row__status strong { display:block; margin:4px 0; font-size:13px; }
.firm-client-matter-row__actions { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.firm-client-matter-row__actions > a:not(.btn) { color:var(--eds-gold-700); font-size:12px; font-weight:700; }
.firm-client-operations-bridge,
.firm-legacy-adapter-notice { grid-template-columns:minmax(0,1fr) auto; }
.firm-client-operations-bridge__actions { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.firm-client-operations-bridge .firm-command-link,
.firm-legacy-adapter-notice .firm-command-link { color:var(--eds-gold-400); }

.firm-matter-attention-command { margin-bottom:var(--eds-space-5); }
.firm-matter-attention-list a { grid-template-columns:minmax(200px,.9fr) minmax(250px,1.2fr) minmax(220px,1fr); border-left:3px solid var(--eds-danger); }

.firm-matter-record-command { margin-bottom:var(--eds-space-5); }
.firm-matter-record-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border:1px solid var(--eds-line-soft); background:var(--eds-line-soft); }
.firm-matter-record-summary > div { min-width:0; padding:14px; background:var(--eds-white); }
.firm-matter-record-summary span { display:block; color:var(--eds-muted-600); font-family:var(--eds-font-label); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.firm-matter-record-summary strong { display:block; margin-top:5px; font-size:13px; overflow-wrap:anywhere; }
.firm-matter-record-editor { margin-top:16px; border-top:1px solid var(--eds-line-soft); }
.firm-matter-record-editor summary { padding:14px 0 0; color:var(--eds-gold-700); cursor:pointer; font-weight:800; }
.firm-matter-record-form { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:16px; }
.firm-matter-record-form label { min-width:0; }
.firm-matter-record-form__wide { grid-column:span 2; }
.firm-matter-record-form .btn { justify-self:start; align-self:end; }

@media (max-width: 1180px) {
  .firm-client-directory-stats,
  .firm-client-command-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .firm-client-directory-row { grid-template-columns:34px minmax(220px,1.4fr) repeat(2,minmax(130px,.8fr)) minmax(150px,.8fr); }
  .firm-client-directory-row__next { display:none; }
  .firm-client-command-hero { grid-template-columns:minmax(0,1.5fr) minmax(140px,.5fr); }
  .firm-client-command-hero__action { grid-column:1/-1; padding:16px 0 0; border-left:0; border-top:1px solid rgba(216,185,121,.34); }
  .firm-matter-record-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .firm-client-directory-hero,
  .firm-client-command-hero,
  .firm-client-operations-bridge,
  .firm-legacy-adapter-notice { grid-template-columns:1fr; }
  .firm-client-directory-hero .btn,
  .firm-client-operations-bridge .btn,
  .firm-legacy-adapter-notice .btn { justify-self:start; }
  .firm-client-directory-stats,
  .firm-client-command-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .firm-client-directory-filter,
  .firm-matter-control-filter { grid-template-columns:1fr 1fr; }
  .firm-client-directory-filter label:first-child,
  .firm-matter-control-filter label:first-child { grid-column:1/-1; }
  .firm-client-directory-row { grid-template-columns:28px minmax(0,1fr) auto; gap:12px; }
  .firm-client-directory-row__matter,
  .firm-client-directory-row__next { display:none; }
  .firm-client-directory-row__attention { text-align:right; }
  .firm-client-directory-row__actions { grid-column:2/-1; flex-direction:row; align-items:center; justify-content:flex-end; }
  .firm-client-command-hero { grid-template-columns:1fr; }
  .firm-client-command-hero__attention,
  .firm-client-command-hero__action { padding:14px 0 0; border-left:0; border-top:1px solid rgba(216,185,121,.34); }
  .firm-client-command-grid { grid-template-columns:1fr; }
  .firm-client-matter-row { grid-template-columns:58px minmax(0,1fr); }
  .firm-client-matter-row__status { grid-column:2; }
  .firm-client-matter-row__actions { grid-column:2; flex-direction:row; align-items:center; justify-content:flex-start; }
  .firm-client-attention-item,
  .firm-client-record-list a,
  .firm-matter-attention-list a { grid-template-columns:1fr; gap:5px; }
  .firm-client-attention-item em,
  .firm-client-record-list em,
  .firm-matter-attention-list em { text-align:left; }
  .firm-matter-record-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 520px) {
  .firm-client-directory-stats,
  .firm-client-command-stats { grid-template-columns:1fr 1fr; }
  .firm-client-directory-filter,
  .firm-matter-control-filter,
  .firm-matter-record-form { grid-template-columns:1fr; }
  .firm-client-directory-filter label:first-child,
  .firm-matter-control-filter label:first-child,
  .firm-matter-record-form__wide { grid-column:auto; }
  .firm-client-directory-row { grid-template-columns:24px minmax(0,1fr); }
  .firm-client-directory-row__attention { grid-column:2; text-align:left; }
  .firm-client-directory-row__actions { grid-column:2; justify-content:flex-start; flex-wrap:wrap; }
  .firm-client-directory-footer { align-items:flex-start; flex-direction:column; }
  .firm-client-command-hero__identity { align-items:flex-start; }
  .firm-client-command-hero__identity > span.eds-client-identity-avatar[data-eds-avatar-scale="profile-summary"] { width:58px !important; min-width:58px !important; max-width:58px !important; height:58px !important; min-height:58px !important; max-height:58px !important; flex-basis:58px !important; }
  .firm-client-command-dl,
  .firm-matter-record-summary { grid-template-columns:1fr; }
  .firm-client-matter-row { grid-template-columns:1fr; }
  .firm-client-matter-row__health { text-align:left; }
  .firm-client-matter-row__status,
  .firm-client-matter-row__actions { grid-column:auto; }
  .firm-client-matter-row__actions { align-items:flex-start; }
  .firm-client-operations-bridge__actions { align-items:flex-start; }
}

/* ==========================================================================
   CLIENT CENTER 2.1 — 2Z9F1D
   ONE-STEP SPACING AND FONT CORRECTION
   --------------------------------------------------------------------------
   Starts from the final effective FirmOS 2Z6S4G rail rule and makes only the
   two directed changes: one pixel more separation and one pixel smaller type.
   ========================================================================== */

body.client-concept-c-page .eds-client-sidebar__brand,
body.client-shell-page .eds-client-sidebar__brand {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}

/* Exact FirmOS logo geometry. */
body.client-concept-c-page .eds-client-sidebar__brand-image,
body.client-shell-page .eds-client-sidebar__brand-image {
  display: block !important;
  width: 100% !important;
  max-width: 196px !important;
  height: auto !important;
  max-height: 72px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Exact final FirmOS product-line rule; selectors only are adapted. */
body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 198px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fffdf8 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product::before,
body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product::after,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product::before,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product::after {
  content: none !important;
  display: none !important;
}

body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name,
body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__brand,
body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__audience,
body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__center,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__brand,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__audience,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__center {
  display: inline !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__brand,
body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__center,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__brand,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__center {
  color: #fffdf8 !important;
}

body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__audience,
body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product .eds-platform-name__audience {
  color: var(--eds-sidebar-gold, #d8b66c) !important;
}

@media (max-width: 900px) {
  body.client-concept-c-page .eds-client-sidebar__brand > .eds-client-sidebar__product,
  body.client-shell-page .eds-client-sidebar__brand > .eds-client-sidebar__product {
    max-width: 210px !important;
    margin-top: 11px !important;
    font-size: 14px !important;
  }
}

/* ========================================================================== 
   CLIENT CENTER — 2Z9M1
   APPLE PAY PRESENTATION TRACK
   --------------------------------------------------------------------------
   Payment Center only. Presents Apple Pay as a first-class payment option
   while preserving LawPay as the external processor, all existing payment
   URLs, staging guards, payment-plan and receipt logic, and admin workflows.
   The system-rendered Apple Pay button is used where Safari supports it.
   ========================================================================== */


@media (max-width: 640px) {
  body.eds-payment-v1 .eds-payment-method--apple-pay-compact {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.eds-payment-v1 .eds-apple-pay-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}