/* The Diamond Reports 3.6.8 - Signature Apple / Quiet Luxury colour system
 * Presentation only: preserves the existing navigation, date-input sizing,
 * report renderer, report-history logic, autosave and download workflows.
 * A restrained palette: ceramic neutrals, graphite, sapphire, and small
 * context-sensitive verdigris / champagne accents. No side colour stripes.
 */
html[data-design="apple"] {
  color-scheme: light;
  --ai-bg: #f6f7f9;
  --ai-surface: #ffffff;
  --ai-raised: #ffffff;
  --ai-field: #f2f4f7;
  --ai-ink: #1a202b;
  --ai-secondary: #687382;
  --ai-muted: #8c96a3;
  --ai-line: rgba(40, 55, 79, .095);
  --ai-blue: #206bc9;
  --ai-button: #1768d4;
  --ai-blue-soft: #eaf2fd;
  --ai-green: #287c67;
  --ai-green-soft: #e9f5f0;
  --ai-purple: #79729e;
  --ai-purple-soft: #f1eff7;
  --ai-orange: #a17b55;
  --ai-orange-soft: #f9f3ec;
  --ai-teal: #377f87;
  --ai-teal-soft: #ecf5f5;
  --ai-red: #bf4b51;
  --ai-red-soft: #fcf0f0;
  --ai-glass: rgba(252,253,255,.89);
  --ai-segment: #eceff3;
  --ai-selected: #ffffff;
  --ai-shadow: 0 12px 34px rgba(28,42,68,.044),0 2px 7px rgba(28,42,68,.032);
  --ai-radius: 22px;
  --lux-hero-from: #21344f;
  --lux-hero-to: #2c4261;
  --lux-hero-ink: #f7faff;
  --lux-hero-secondary: #d0ddef;
  --lux-hero-chip: rgba(255,255,255,.13);
  --lux-shadow: 0 16px 36px rgba(24,39,65,.14),0 2px 7px rgba(24,39,65,.06);
}
html[data-design="apple"][data-theme="dark"] {
  color-scheme: dark;
  --ai-bg: #101318;
  --ai-surface: #1d222a;
  --ai-raised: #272d36;
  --ai-field: #2a303a;
  --ai-ink: #f4f6fb;
  --ai-secondary: #aab5c3;
  --ai-muted: #8491a0;
  --ai-line: rgba(226,234,246,.095);
  --ai-blue: #8abaff;
  --ai-button: #276dcf;
  --ai-blue-soft: #263a55;
  --ai-green: #8bcdb5;
  --ai-green-soft: #243d35;
  --ai-purple: #c5b6e0;
  --ai-purple-soft: #352e45;
  --ai-orange: #ddbc92;
  --ai-orange-soft: #3c332b;
  --ai-teal: #92cbd0;
  --ai-teal-soft: #253c41;
  --ai-red: #f09ba0;
  --ai-red-soft: #432e32;
  --ai-glass: rgba(29,33,41,.89);
  --ai-segment: #292f38;
  --ai-selected: #3d4654;
  --ai-shadow: 0 14px 30px rgba(0,0,0,.19),0 2px 7px rgba(0,0,0,.10);
  --lux-hero-from: #283650;
  --lux-hero-to: #304968;
  --lux-hero-ink: #f5f8ff;
  --lux-hero-secondary: #cbdaf0;
  --lux-hero-chip: rgba(255,255,255,.12);
  --lux-shadow: 0 18px 42px rgba(0,0,0,.23),0 2px 7px rgba(0,0,0,.12);
}
html[data-design="apple"],
html[data-design="apple"] body {
  background: var(--ai-bg) !important;
  background-image: none !important;
  color: var(--ai-ink);
}
/* Remove old multi-colour icon and tag treatments, even when legacy dark-mode
 * declarations carry !important. Limit new colour to meaningful controls. */
html[data-design="apple"] body {
  --app-bg: var(--ai-bg);
  --app-surface: var(--ai-surface);
  --app-surface-soft: var(--ai-field);
  --app-label: var(--ai-ink);
  --app-secondary: var(--ai-secondary);
  --app-tertiary: var(--ai-muted);
  --app-line: var(--ai-line);
  --v3-surface: var(--ai-surface);
  --v3-surface-strong: var(--ai-surface);
  --v3-surface-soft: var(--ai-field);
  --v3-muted: var(--ai-secondary);
  --v3-line: var(--ai-line);
  --v3-blue: var(--ai-blue);
  --v3-purple: var(--ai-blue);
  --v3-shadow: var(--ai-shadow);
  --v3-active: var(--ai-blue);
  --v3-completed: var(--ai-green);
  --v3-danger: var(--ai-red);
  --tdr-op-accent: var(--ai-blue);
  --tdr-op-accent-soft: var(--ai-blue-soft);
  --tdr-op-bg: var(--ai-surface);
  --tdr-op-text: var(--ai-ink);
  --tdr-op-subtext: var(--ai-secondary);
  --tdr-op-border: var(--ai-line);
}

/* iOS dashboard surfaces: intentional tonal contrast, not outlined tiles. */
html[data-design="apple"] body #iosHomeView .tdr-v3-home-phan-card {
  background: linear-gradient(145deg,var(--ai-surface) 65%, color-mix(in srgb,var(--ai-surface) 85%,var(--ai-blue-soft))) !important;
  border: 1px solid var(--ai-line) !important;
  box-shadow: var(--ai-shadow) !important;
  border-radius: 23px !important;
}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-icon {
  color:var(--ai-blue) !important;
  background:var(--ai-blue-soft) !important;
}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-icon.is-days {
  color:var(--ai-green) !important;
  background:var(--ai-green-soft) !important;
}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-copy strong {
  color:var(--ai-ink) !important;
  font-weight:700 !important;
}

/* One sapphire-graphite focal card; every other card stays ceramic neutral. */
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard,
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard {
  --metric-ink:var(--lux-hero-ink) !important;
  --metric-secondary:var(--lux-hero-secondary) !important;
  --metric-chip:var(--lux-hero-chip) !important;
  --metric-chip-line:rgba(255,255,255,.13) !important;
  background:linear-gradient(135deg,var(--lux-hero-from),var(--lux-hero-to)) !important;
  background-image:linear-gradient(135deg,var(--lux-hero-from),var(--lux-hero-to)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:var(--lux-shadow) !important;
  color:var(--lux-hero-ink) !important;
  border-radius:23px !important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-title,.tdr-v3-client-hero-number,.tdr-v3-client-hero-label,.tdr-v3-client-hero-note,.tdr-v3-client-hero-subline,.tdr-v3-metric-gender),
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-title,.tdr-v3-client-hero-number,.tdr-v3-client-hero-label,.tdr-v3-client-hero-note,.tdr-v3-client-hero-subline,.tdr-v3-metric-gender) {
  color:var(--lux-hero-ink) !important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-note,.tdr-v3-client-hero-subline,.tdr-v3-client-hero-label),
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-note,.tdr-v3-client-hero-subline,.tdr-v3-client-hero-label) {
  color:var(--lux-hero-secondary) !important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-icon,.tdr-v3-client-hero-arrow),
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-icon,.tdr-v3-client-hero-arrow) {
  background:rgba(159,200,255,.15) !important;
  color:#d8e9ff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-metric-gender,
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-metric-gender {
  background:var(--lux-hero-chip) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:var(--lux-hero-ink) !important;
  font-weight:600 !important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-metric-gender :is(b,span),
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-metric-gender :is(b,span) {color:inherit!important}

/* Subtle navigation and timeless Apple-like grouped statistics. */
html[data-design="apple"] body #iosHomeView #iosStatsCard,
html[data-design="apple"] body .tdr-v3-longest-card {
  border:1px solid var(--ai-line)!important;
  background:var(--ai-surface)!important;
  box-shadow:var(--ai-shadow)!important;
  border-radius:22px!important;
}
html[data-design="apple"] body #iosHomeView #iosStatsCard .ios-stat strong {
  color:var(--ai-ink)!important;
  font-weight:700!important;
  letter-spacing:-.04em!important;
}
html[data-design="apple"] body #iosHomeView #iosStatsCard .ios-stat:first-child strong {
  color:var(--ai-blue)!important;
}
html[data-design="apple"] body .tdr-v3-longest-row + .tdr-v3-longest-row {
  border-top:1px solid var(--ai-line)!important;
}
html[data-design="apple"] body .tdr-v3-longest-rank {background:var(--ai-field)!important;color:var(--ai-secondary)!important}
html[data-design="apple"] body .tdr-v3-longest-rank.rank-1 {background:#f7efe0!important;color:#9c7745!important}
html[data-design="apple"] body .tdr-v3-longest-rank.rank-2 {background:#edf1f5!important;color:#718094!important}
html[data-design="apple"] body .tdr-v3-longest-rank.rank-3 {background:#f4ece5!important;color:#94745e!important}
html[data-design="apple"][data-theme="dark"] body .tdr-v3-longest-rank.rank-1 {background:#423929!important;color:#efd4a5!important}
html[data-design="apple"][data-theme="dark"] body .tdr-v3-longest-rank.rank-2 {background:#303946!important;color:#cbd7e8!important}
html[data-design="apple"][data-theme="dark"] body .tdr-v3-longest-rank.rank-3 {background:#3d342e!important;color:#e6be9c!important}

/* Client directory: three related neutral cards, not three competing hues. */
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-compact,
html[data-design="apple"][data-theme="dark"] body #tdrV3ClientSummary .tdr-v3-metric-compact {
  --metric-ink:var(--ai-ink)!important;
  --metric-secondary:var(--ai-secondary)!important;
  background:var(--ai-surface)!important;
  background-image:none!important;
  color:var(--ai-ink)!important;
  border:1px solid var(--ai-line)!important;
  border-radius:21px!important;
  box-shadow:var(--ai-shadow)!important;
}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-compact.metric-1 {
  background:linear-gradient(154deg,var(--ai-surface) 58%,color-mix(in srgb,var(--ai-surface) 73%,var(--ai-blue-soft)))!important;
}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-compact.is-filter-active,
html[data-design="apple"][data-theme="dark"] body #tdrV3ClientSummary .tdr-v3-metric-compact.is-filter-active {
  border-color:color-mix(in srgb,var(--ai-blue) 50%,var(--ai-line))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ai-blue) 24%,transparent),var(--ai-shadow)!important;
}
html[data-design="apple"] body #tdrV3ClientSummary :is(.tdr-v3-metric-title,.tdr-v3-metric-value strong) {color:var(--ai-ink)!important}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-gender,
html[data-design="apple"][data-theme="dark"] body #tdrV3ClientSummary .tdr-v3-metric-gender {
  color:var(--ai-secondary)!important;
  border:0!important;
  background:var(--ai-field)!important;
}
html[data-design="apple"] body #tdrV3ClientSummary .metric-1 .tdr-v3-metric-icon {background:var(--ai-blue-soft)!important;color:var(--ai-blue)!important}
html[data-design="apple"] body #tdrV3ClientSummary .metric-2 .tdr-v3-metric-icon {background:var(--ai-green-soft)!important;color:var(--ai-green)!important}
html[data-design="apple"] body #tdrV3ClientSummary .metric-3 .tdr-v3-metric-icon {background:var(--ai-field)!important;color:var(--ai-secondary)!important}

/* Quietly raised list items and filters; no coloured edges. */
html[data-design="apple"] body :is(.tdr-v3-client-card,.tdr-v3-client-inline-overview,.tdr-work-card,.tdr-v3-client-entry,#historyList .history-item,#iosMoreView .ios-connection-card) {
  border:1px solid var(--ai-line)!important;
  border-left:1px solid var(--ai-line)!important;
  box-shadow:var(--ai-shadow)!important;
  background:var(--ai-surface)!important;
  background-image:none!important;
}
html[data-design="apple"] body #app.ios-report-page :is(.card,.client-row,.report-note-card,.excursion-card) {
  border-color:var(--ai-line)!important;
  background:var(--ai-surface)!important;
  background-image:none!important;
  box-shadow:var(--ai-shadow)!important;
}
html[data-design="apple"] body :is(.tdr-v3-client-filter,.history-segments,.ios-theme-segment,.tdr-language-switch,.excursion-layout-switch) {
  background:var(--ai-segment)!important;
  border:1px solid var(--ai-line)!important;
}
html[data-design="apple"] body :is(.tdr-v3-client-filter,.ios-theme-segment,.tdr-language-switch,.excursion-layout-switch) button:is(.active,.is-active,[aria-pressed="true"]) {
  background:var(--ai-selected)!important;
  color:var(--ai-ink)!important;
}
html[data-design="apple"] body :is(.tdr-v3-client-avatar,#iosMoreView .ios-settings-icon) {
  background:var(--ai-blue-soft)!important;
  color:var(--ai-blue)!important;
}
html[data-design="apple"] body .tdr-v3-state-pill.completed {background:var(--ai-green-soft)!important;color:var(--ai-green)!important}

/* One unmistakable blue for primary actions; airy secondary actions. */
html[data-design="apple"] body :is(.mobile-actionbar .btn-primary,#app .btn-primary,#iosReportHubNew,[data-work-progress] .tdr-work-resume,.tdr-op-action) {
  background:var(--ai-button)!important;
  background-image:none!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 5px 13px rgba(24,85,170,.13)!important;
}
html[data-design="apple"] body #historyList .history-actions .btn:not(.history-delete) {
  background:var(--ai-blue-soft)!important;
  color:var(--ai-blue)!important;
}
html[data-design="apple"] body #historyList .history-actions .history-delete {
  background:var(--ai-red-soft)!important;
  color:var(--ai-red)!important;
}
html[data-design="apple"] body #app :is(input[type="text"],input[type="date"],input[type="number"],input[type="time"],select,textarea),
html[data-design="apple"] body :is(.history-date-control,#historySearch) {
  background:var(--ai-field)!important;
  color:var(--ai-ink)!important;
  border:1px solid var(--ai-line)!important;
  box-shadow:none!important;
}
/* The 3.6.7 iPhone date-field sizing is deliberately inherited unchanged. */

/* Floating Apple material navigation, without the old rainbow tab icons. */
html[data-design="apple"] body #iosTabbar,
html[data-design="apple"][data-theme="dark"] body #iosTabbar {
  background:var(--ai-glass)!important;
  border:1px solid var(--ai-line)!important;
  box-shadow:0 10px 32px rgba(20,35,55,.105),inset 0 1px 0 rgba(255,255,255,.20)!important;
  -webkit-backdrop-filter:blur(26px) saturate(145%)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
}
html[data-design="apple"] body #iosTabbar button,
html[data-design="apple"][data-theme="dark"] body #iosTabbar button {color:var(--ai-secondary)!important;background:transparent!important}
html[data-design="apple"] body #iosTabbar button:not(.is-active) .ios-tab-icon-wrap,
html[data-design="apple"][data-theme="dark"] body #iosTabbar button:not(.is-active) .ios-tab-icon-wrap {color:var(--ai-muted)!important;opacity:1!important;background:none!important}
html[data-design="apple"] body #iosTabbar button.is-active:not([data-ios-tab="create"]),
html[data-design="apple"][data-theme="dark"] body #iosTabbar button.is-active:not([data-ios-tab="create"]) {
  color:var(--ai-blue)!important;
  background:var(--ai-blue-soft)!important;
}
html[data-design="apple"] body #iosTabbar button.is-active:not([data-ios-tab="create"]) .ios-tab-icon-wrap,
html[data-design="apple"][data-theme="dark"] body #iosTabbar button.is-active:not([data-ios-tab="create"]) .ios-tab-icon-wrap {color:var(--ai-blue)!important}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="create"] .ios-tab-icon-wrap,
html[data-design="apple"][data-theme="dark"] body #iosTabbar button[data-ios-tab="create"] .ios-tab-icon-wrap {
  background:var(--ai-button)!important;
  border:0!important;
  color:#fff!important;
  border-radius:50%!important;
  box-shadow:0 5px 14px rgba(22,88,188,.22)!important;
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="create"] .ios-tab-icon-wrap :is(svg,span,i) {color:#fff!important}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="create"] {color:var(--ai-blue)!important}
html[data-design="apple"] body #iosMoreView :is(.ios-connection-icon,.tdr-v3-status-indicator) {
  background:var(--ai-green-soft)!important;
  color:var(--ai-green)!important;
}
html[data-design="apple"] body .tdr-op-ring {color:var(--ai-blue)!important}

/* Accessibility: legible secondary labels, clear active focus, reduced motion. */
html[data-design="apple"] body :is(.ios-page,#app,.pwa-modal-backdrop,.tdr-v3-sheet-backdrop) :is(button,input,select,textarea):focus-visible {
  outline:2px solid var(--ai-blue)!important;
  outline-offset:3px!important;
}
@media (prefers-reduced-motion:reduce) {
  html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard {transition:none!important}
}