/* ======================================================================
   The Diamond Reports v3.7.3 — Apple Multicolor Symbols
   Pure presentation-only additions to the v3.7.0 Cupertino system.
   Keep the Apple grouped surfaces neutral; give each *icon* a distinct
   semantic accent and soft system-material tint in Light and Dark Mode.
   Report composition / PDF rendering / data / backend are untouched.
   ====================================================================== */
html[data-design="apple"] {
  --sym-blue:#007aff;    --sym-blue-bg:rgba(0,122,255,.11);
  --sym-indigo:#5856d6;  --sym-indigo-bg:rgba(88,86,214,.12);
  --sym-purple:#9850c8;  --sym-purple-bg:rgba(152,80,200,.11);
  --sym-green:#248b4e;   --sym-green-bg:rgba(36,139,78,.11);
  --sym-teal:#068c91;    --sym-teal-bg:rgba(6,140,145,.11);
  --sym-orange:#b66c11;  --sym-orange-bg:rgba(182,108,17,.12);
  --sym-pink:#cd3c78;    --sym-pink-bg:rgba(205,60,120,.10);
  --sym-red:#d63847;     --sym-red-bg:rgba(214,56,71,.10);
  --sym-gold:#9b6c10;    --sym-gold-bg:rgba(155,108,16,.13);
  --sym-gray:#6d7079;    --sym-gray-bg:rgba(120,120,128,.11);
}
html[data-design="apple"][data-theme="dark"] {
  --sym-blue:#6bb3ff;    --sym-blue-bg:rgba(10,132,255,.20);
  --sym-indigo:#a5a4ff;  --sym-indigo-bg:rgba(100,95,255,.21);
  --sym-purple:#d6a8ff;  --sym-purple-bg:rgba(191,90,242,.19);
  --sym-green:#65dd8e;   --sym-green-bg:rgba(48,209,88,.16);
  --sym-teal:#64d7d6;    --sym-teal-bg:rgba(100,215,214,.15);
  --sym-orange:#ffb95e;  --sym-orange-bg:rgba(255,159,10,.18);
  --sym-pink:#ff88bb;    --sym-pink-bg:rgba(255,55,130,.16);
  --sym-red:#ff7c85;     --sym-red-bg:rgba(255,69,58,.17);
  --sym-gold:#ffd678;    --sym-gold-bg:rgba(255,214,120,.17);
  --sym-gray:#bbbcc6;    --sym-gray-bg:rgba(174,174,178,.16);
}

/* Bottom navigation — distinct icon colors, quiet labels, and tinted
   selected states.  The central plus is always white on system blue. */
html[data-design="apple"] body #iosTabbar button[data-ios-tab="home"] {
  --tab-accent:var(--sym-indigo);--tab-accent-soft:var(--sym-indigo-bg);
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="report"] {
  --tab-accent:var(--sym-blue);--tab-accent-soft:var(--sym-blue-bg);
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="history"] {
  --tab-accent:var(--sym-teal);--tab-accent-soft:var(--sym-teal-bg);
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="more"] {
  --tab-accent:var(--sym-purple);--tab-accent-soft:var(--sym-purple-bg);
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab]:not([data-ios-tab="create"]):not([disabled]) .ios-tab-icon-wrap {
  color:var(--tab-accent)!important;
  opacity:1!important;
  background:transparent!important;
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab].is-active:not([data-ios-tab="create"]) {
  color:var(--tab-accent)!important;
  background:var(--tab-accent-soft)!important;
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab].is-active:not([data-ios-tab="create"]) .ios-tab-icon-wrap {
  color:var(--tab-accent)!important;
  background:transparent!important;
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="create"] .ios-tab-icon-wrap,
html[data-design="apple"] body #iosTabbar button[data-ios-tab="create"].is-active .ios-tab-icon-wrap {
  background:var(--ai-blue)!important;
  color:#fff!important;
}

/* Home: career counters, current clients and rank badges.  Do not tint the
   whole cards, the heading, the dates or the user-provided data. */
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-icon.is-start {
  color:var(--sym-blue)!important;background:var(--sym-blue-bg)!important;
}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-icon.is-days {
  color:var(--sym-green)!important;background:var(--sym-green-bg)!important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-client-hero-icon {
  color:var(--sym-teal)!important;background:var(--sym-teal-bg)!important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-client-hero-arrow {
  color:var(--sym-blue)!important;background:var(--sym-blue-bg)!important;
}
html[data-design="apple"] body #iosHomeView .tdr-v3-longest-rank.rank-1 {color:var(--sym-gold)!important;background:var(--sym-gold-bg)!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-longest-rank.rank-2 {color:var(--sym-gray)!important;background:var(--sym-gray-bg)!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-longest-rank.rank-3 {color:var(--sym-orange)!important;background:var(--sym-orange-bg)!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-longest-rank.rank-4 {color:var(--sym-indigo)!important;background:var(--sym-indigo-bg)!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-longest-rank.rank-5 {color:var(--sym-teal)!important;background:var(--sym-teal-bg)!important;}

/* Clients: orange for active, green for completed, violet for all-time;
   statistics and personal details use another accent where useful. */
html[data-design="apple"] body #tdrV3ClientSummary .metric-1 .tdr-v3-metric-icon {
  color:var(--sym-orange)!important;background:var(--sym-orange-bg)!important;
}
html[data-design="apple"] body #tdrV3ClientSummary .metric-2 .tdr-v3-metric-icon {
  color:var(--sym-green)!important;background:var(--sym-green-bg)!important;
}
html[data-design="apple"] body #tdrV3ClientSummary .metric-3 .tdr-v3-metric-icon {
  color:var(--sym-purple)!important;background:var(--sym-purple-bg)!important;
}
html[data-design="apple"] body .tdr-v3-client-avatar {
  color:var(--sym-blue)!important;background:var(--sym-blue-bg)!important;
}
html[data-design="apple"] body .tdr-v3-overview-stat-icon.days {
  color:var(--sym-indigo)!important;background:var(--sym-indigo-bg)!important;
}
html[data-design="apple"] body .tdr-v3-overview-stat-icon.reports {
  color:var(--sym-teal)!important;background:var(--sym-teal-bg)!important;
}
html[data-design="apple"] body .tdr-v3-client-profile-badge.room i {color:var(--sym-gold)!important;}
html[data-design="apple"] body .tdr-v3-client-profile-badge.gender i {color:var(--sym-purple)!important;}
html[data-design="apple"] body .tdr-v3-client-profile-badge.language i {color:var(--sym-teal)!important;}

/* Unfinished work: Purple for Daily, teal for Excursion. Status/percent
   cues remain legible without adding colored card backgrounds. */
html[data-design="apple"] body [data-work-progress] .tdr-work-card:not(.is-excursion) {
  --work-accent:var(--sym-indigo);--work-tint:var(--sym-indigo-bg);
}
html[data-design="apple"] body [data-work-progress] .tdr-work-card.is-excursion {
  --work-accent:var(--sym-teal);--work-tint:var(--sym-teal-bg);
}
html[data-design="apple"] body [data-work-progress] .tdr-work-icon {
  color:var(--work-accent)!important;background:var(--work-tint)!important;
}

/* Report editor: a blue calendar/back arrow, violet co-author action,
   green completion, and restrained red deletion. */
html[data-design="apple"] body #app.ios-report-page #iosReportBack,
html[data-design="apple"] body #app.ios-report-page .tdr-v3-reporting-calendar {
  color:var(--sym-blue)!important;
}
html[data-design="apple"] body #app.ios-report-page .tdr-v3-reporting-calendar {
  background:var(--sym-blue-bg)!important;border:0!important;
}
html[data-design="apple"] body #app.ios-report-page :is(.co-author-add,.clients-add-footer button) {
  color:var(--sym-indigo)!important;background:var(--sym-indigo-bg)!important;
}
html[data-design="apple"] body #app.ios-report-page .tdr-v3-reporting-stat.recorded .tdr-v3-reporting-stat-icon {
  color:var(--sym-green)!important;background:var(--sym-green-bg)!important;
}
html[data-design="apple"] body #app.ios-report-page .client-row-actions .collapse-toggle {color:var(--sym-blue)!important;}
html[data-design="apple"] body #app.ios-report-page .client-row-actions .btn-danger {color:var(--sym-red)!important;}

/* History: refresh blue, saved documents teal, drafts amber, actions have
   their expected download/delete colors.  No stripe on the left edge. */
html[data-design="apple"] body #iosHistoryPageRefresh,
html[data-design="apple"] body .ios-history-refresh {
  color:var(--sym-blue)!important;
}
html[data-design="apple"] body .ios-recent-icon:not(.excursion) {
  color:var(--sym-indigo)!important;background:var(--sym-indigo-bg)!important;
}
html[data-design="apple"] body .ios-recent-icon.excursion {
  color:var(--sym-teal)!important;background:var(--sym-teal-bg)!important;
}
html[data-design="apple"] body #historyList .history-download {
  color:var(--sym-blue)!important;background:var(--sym-blue-bg)!important;
}
html[data-design="apple"] body #historyList .history-delete {
  color:var(--sym-red)!important;background:var(--sym-red-bg)!important;
}
html[data-design="apple"] body #historyList .history-resume {
  color:var(--sym-orange)!important;background:var(--sym-orange-bg)!important;
}

/* Settings: use distinct glyph colors on identical grouped row surfaces. */
html[data-design="apple"] body #iosMoreView .ios-settings-icon {
  border:0!important;border-radius:12px!important;
}
html[data-design="apple"] body #iosMorePwa .ios-settings-icon {color:var(--sym-indigo)!important;background:var(--sym-indigo-bg)!important;}
html[data-design="apple"] body #iosMoreSync .ios-settings-icon {color:var(--sym-teal)!important;background:var(--sym-teal-bg)!important;}
html[data-design="apple"] body #iosMoreCache .ios-settings-icon {color:var(--sym-orange)!important;background:var(--sym-orange-bg)!important;}
html[data-design="apple"] body #iosMoreInstall .ios-settings-icon {color:var(--sym-green)!important;background:var(--sym-green-bg)!important;}
html[data-design="apple"] body #iosMoreType .ios-settings-icon {color:var(--sym-purple)!important;background:var(--sym-purple-bg)!important;}
html[data-design="apple"] body #iosMoreHistory .ios-settings-icon {color:var(--sym-blue)!important;background:var(--sym-blue-bg)!important;}
html[data-design="apple"] body #iosMoreAbout .ios-settings-icon {color:var(--sym-gray)!important;background:var(--sym-gray-bg)!important;}
html[data-design="apple"] body #iosMoreView .ios-theme-copy-icon,
html[data-design="apple"] body #iosThemeButton {
  color:var(--sym-purple)!important;background:var(--sym-purple-bg)!important;
}
html[data-design="apple"] body #iosMoreView #iosConnectionCard:not(.offline) .ios-connection-icon {
  color:var(--sym-green)!important;background:var(--sym-green-bg)!important;
}
html[data-design="apple"] body #iosMoreView #iosConnectionCard.offline .ios-connection-icon {
  color:var(--sym-red)!important;background:var(--sym-red-bg)!important;
}

/* Report selection icons are still used by existing dialogs/integrations. */
html[data-design="apple"] body .ios-report-hub-card.client .ios-report-hub-icon,
html[data-design="apple"] body .ios-report-card.client .ios-report-icon {
  color:var(--sym-indigo)!important;background:var(--sym-indigo-bg)!important;
}
html[data-design="apple"] body .ios-report-hub-card.excursion .ios-report-hub-icon,
html[data-design="apple"] body .ios-report-card.excursion .ios-report-icon {
  color:var(--sym-teal)!important;background:var(--sym-teal-bg)!important;
}

/* Keep keyboard focus visible regardless of which accent the icon uses. */
@media (prefers-contrast:more) {
  html[data-design="apple"] body #iosTabbar button[data-ios-tab]:not([data-ios-tab="create"]) .ios-tab-icon-wrap {filter:saturate(1.2);}
}