/**
 * Client pages — TDS page/surface bridge
 * Loaded only when $isClientPage (includes/header.php)
 * Maps client-mobile / client-progress surfaces onto shared TDS tokens.
 */

body.tds-theme {
  background-color: var(--tds-bg-page);
}

body.tds-theme .page-content {
  background: transparent;
}

body.tds-theme .page-content.page-content--card,
body.tds-theme .tds-panel,
body.tds-theme .dashboard-card,
body.tds-theme .dashboard-card-full {
  background: var(--tds-bg-surface);
  border-radius: var(--tds-radius-xl, 1.25rem);
  box-shadow: none;
}

/* Client list / order cards */
body.tds-theme .client-dash .order-card,
body.tds-theme .client-dash-empty-panel,
body.tds-theme .client-dash-hero,
body.tds-theme .client-dash-shortcut,
body.tds-theme .client-dash-prepaid {
  background: var(--tds-bg-surface);
  border-color: var(--tds-grey200, #e5e8eb);
  box-shadow: none;
}

body.tds-theme .client-dash-hero__title,
body.tds-theme .order-card-title {
  color: var(--tds-grey900, #191f28);
}

body.tds-theme .client-dash-hero__meta,
body.tds-theme .client-dash-hero__next,
body.tds-theme .order-card-label,
body.tds-theme .client-dash-prepaid__hint {
  color: var(--tds-grey600, #6b7684);
}

body.tds-theme .client-dash-hero__btn,
body.tds-theme .client-dash-shortcut--primary {
  background: var(--tds-blue500, #3182f6);
  color: #fff;
}

/* Absorb common slate leftovers from client-mobile.css under TDS */
body.tds-theme .page-content .card,
body.tds-theme .page-content .resource-card {
  background: var(--tds-bg-surface);
  border-radius: var(--tds-radius-xl, 1.25rem);
  border: none;
  box-shadow: none;
}