/* =======================================================================
   The Diamond Reports v3.7.0 — Cupertino Edition
   Screen-only Apple-inspired design system. Presentation layer only.
   Core reporting, client data, autosave, PDF, history and API are unchanged.

   Use the platform's system font and colors.  The supplied SFProTH (if the
   user deploys it) continues to render Thai. No proprietary font bundled.
   ======================================================================= */
html[data-design="apple"] {
  color-scheme:light;
  --ai-bg:#f2f2f7;
  --ai-surface:#ffffff;
  --ai-raised:#ffffff;
  --ai-field:#f2f2f7;
  --ai-ink:#1c1c1e;
  --ai-secondary:#636366;
  --ai-muted:#8e8e93;
  --ai-line:rgba(60,60,67,.12);
  --ai-blue:#007aff;
  --ai-button:#007aff;
  --ai-blue-soft:#e8f2ff;
  --ai-green:#248a57;
  --ai-green-soft:#e6f5eb;
  --ai-purple:#7770aa;
  --ai-purple-soft:#eeecf8;
  --ai-orange:#bf7529;
  --ai-orange-soft:#fff2e5;
  --ai-teal:#168c97;
  --ai-teal-soft:#e5f6f7;
  --ai-red:#df3d45;
  --ai-red-soft:#fcebee;
  --ai-glass:rgba(250,250,253,.84);
  --ai-segment:#e9e9ef;
  --ai-selected:#ffffff;
  --ai-shadow:0 2px 12px rgba(26,26,36,.035);
  --ai-radius:21px;
  --cui-group:#ffffff;
  --cui-inset:#f2f2f7;
  --cui-row-separator:rgba(60,60,67,.11);
  --cui-hero:#ffffff;
  --cui-accent:#007aff;
  --cui-label:#1c1c1e;
  --cui-subtitle:#636366;
  --cui-stat-tint:#f6f6fa;
}
html[data-design="apple"][data-theme="dark"] {
  color-scheme:dark;
  --ai-bg:#000000;
  --ai-surface:#1c1c1e;
  --ai-raised:#2c2c2e;
  --ai-field:#2c2c2e;
  --ai-ink:#f5f5f7;
  --ai-secondary:#aeaeb2;
  --ai-muted:#8e8e93;
  --ai-line:rgba(235,235,245,.12);
  --ai-blue:#0a84ff;
  --ai-button:#0a84ff;
  --ai-blue-soft:#183650;
  --ai-green:#30d158;
  --ai-green-soft:#173b28;
  --ai-purple:#bf9afa;
  --ai-purple-soft:#37304d;
  --ai-orange:#ff9f0a;
  --ai-orange-soft:#392d1b;
  --ai-teal:#64d2ff;
  --ai-teal-soft:#203c47;
  --ai-red:#ff453a;
  --ai-red-soft:#412725;
  --ai-glass:rgba(30,30,33,.86);
  --ai-segment:#303034;
  --ai-selected:#505055;
  --ai-shadow:0 4px 20px rgba(0,0,0,.10);
  --cui-group:#1c1c1e;
  --cui-inset:#2c2c2e;
  --cui-row-separator:rgba(235,235,245,.12);
  --cui-hero:#1c1c1e;
  --cui-accent:#0a84ff;
  --cui-label:#f5f5f7;
  --cui-subtitle:#aeaeb2;
  --cui-stat-tint:#242426;
}
html[data-design="apple"],
html[data-design="apple"] body {
  background:var(--ai-bg)!important;
  background-image:none!important;
  color:var(--ai-ink)!important;
  overflow-x:clip;
}
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-purple);
  --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);
  --font-en:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Google Sans Flex',system-ui,sans-serif;
  --app-font-en:var(--font-en);
  --app-font-th:'SFProTH',-apple-system,BlinkMacSystemFont,'Google Sans Flex',sans-serif;
  -webkit-font-smoothing:antialiased;
  font-family:var(--font-en)!important;
}
html[data-design="apple"] body :is(.ios-page,#app,.tdr-v3-sheet,.tdr-op-card,.modal-panel,.report-type-panel),
html[data-design="apple"] body :is(input,textarea,select,button) {
  font-family:var(--font-th),var(--font-en)!important;
}
html[data-design="apple"] body :is(.ios-page,#app) {background:transparent!important;}
html[data-design="apple"] body .ios-page {padding-top:max(18px,env(safe-area-inset-top))!important;padding-left:20px!important;padding-right:20px!important;}
html[data-design="apple"] body :is(.ios-brand-title,.ios-section-head h2,.ios-page-titlebar h1,.ios-page-hero h1,.tdr-v3-clients-title h2,.tdr-v3-longest-head h2) {
  color:var(--ai-ink)!important;
  font-weight:720!important;
  letter-spacing:-.035em!important;
  line-height:1.18!important;
}
html[data-design="apple"] body :is(.ios-section-head p,.ios-brand-subtitle,.tdr-v3-longest-head p) {
  color:var(--ai-secondary)!important;
  line-height:1.45!important;
}
html[data-design="apple"] body .ios-section-head {margin-top:29px!important;margin-bottom:11px!important;}
html[data-design="apple"] body .ios-section-head h2 {font-size:21px!important;}
html[data-design="apple"] body .ios-theme-button {border:1px solid var(--ai-line)!important;background:var(--ai-surface)!important;color:var(--ai-secondary)!important;box-shadow:none!important;}
html[data-design="apple"] body #iosHomeView .ios-brand-icon {border-radius:13px!important;box-shadow:none!important;}

/* Single-material grouped surfaces — no old tinted tiles, no edge stripes. */
html[data-design="apple"] body :is(.tdr-v3-home-phan-card,.tdr-v3-longest-card,
  .tdr-work-card,.ios-list-card,.ios-connection-card,.ios-theme-card,
  .tdr-v3-client-card,.tdr-v3-client-entry,.tdr-v3-client-inline-overview,
  .tdr-v3-profile-hero,#historyList .history-item,
  .tdr-v3-sheet,.ios-report-hub-card,.ios-report-card) {
  background:var(--ai-surface)!important;
  background-image:none!important;
  border:1px solid var(--ai-line)!important;
  border-left:1px solid var(--ai-line)!important;
  border-radius:var(--ai-radius)!important;
  box-shadow:var(--ai-shadow)!important;
  color:var(--ai-ink)!important;
}
html[data-design="apple"] body :is(.ios-report-card,.ios-stat,.tdr-v3-home-phan-card,
  .tdr-v3-home-client-card,.tdr-v3-summary-card,.tdr-v3-metric-compact)::before,
html[data-design="apple"] body :is(.ios-report-card,.ios-stat,.tdr-v3-home-phan-card,
  .tdr-v3-home-client-card,.tdr-v3-summary-card,.tdr-v3-metric-compact)::after {
  display:none!important;content:none!important;
}
html[data-design="apple"] body :is(.tdr-v3-longest-row,.ios-settings-row) {border-color:var(--cui-row-separator)!important;}
html[data-design="apple"] body .ios-report-grid {border-radius:var(--ai-radius)!important;overflow:hidden!important;background:var(--ai-surface)!important;box-shadow:var(--ai-shadow)!important;}
html[data-design="apple"] body #iosHomeView .ios-report-card {border:0!important;border-radius:0!important;box-shadow:none!important;}
html[data-design="apple"] body #iosHomeView .ios-report-card+.ios-report-card {border-top:1px solid var(--ai-line)!important;}

/* Home employment and lifetime rankings as Apple grouped information. */
html[data-design="apple"] body #iosHomeView .tdr-v3-home-phan-card {
  background:var(--ai-surface)!important;
  background-image:none!important;
  border-radius:21px!important;
  padding:18px!important;
}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-icon {background:var(--ai-blue-soft)!important;color:var(--ai-blue)!important;box-shadow:none!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-icon.is-days {background:var(--ai-green-soft)!important;color:var(--ai-green)!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-copy strong {color:var(--ai-ink)!important;}
html[data-design="apple"] body #iosHomeView .tdr-v3-phan-copy small {color:var(--ai-secondary)!important;}
html[data-design="apple"] body :is(.tdr-v3-longest-row,.tdr-v3-longest-name) {color:var(--ai-ink)!important;}
html[data-design="apple"] body .tdr-v3-longest-days {color:var(--ai-secondary)!important;}
html[data-design="apple"] body .tdr-v3-longest-rank {background:var(--ai-field)!important;color:var(--ai-secondary)!important;box-shadow:none!important;}
html[data-design="apple"] body .tdr-v3-longest-rank.rank-1 {background:var(--ai-blue-soft)!important;color:var(--ai-blue)!important;}
html[data-design="apple"] body .tdr-v3-longest-card {padding:7px 15px!important;}

/* Client hero: large type and one discreet blue icon, neutral material. */
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard,
html[data-design="apple"][data-theme="dark"] body #iosHomeView #tdrV3HomeClientCard {
  --metric-ink:var(--ai-ink)!important;
  --metric-secondary:var(--ai-secondary)!important;
  --metric-chip:var(--ai-field)!important;
  --metric-chip-line:transparent!important;
  background:var(--cui-hero)!important;
  background-image:none!important;
  border:1px solid var(--ai-line)!important;
  border-radius:22px!important;
  box-shadow:var(--ai-shadow)!important;
  color:var(--ai-ink)!important;
  padding:19px 20px!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-subline,.tdr-v3-client-hero-note) {
  color:var(--ai-ink)!important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-label,.tdr-v3-client-hero-subline,.tdr-v3-client-hero-note) {color:var(--ai-secondary)!important;}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-client-hero-number {font-weight:740!important;letter-spacing:-.055em!important;}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard :is(.tdr-v3-client-hero-icon,.tdr-v3-client-hero-arrow) {
  background:var(--ai-blue-soft)!important;
  color:var(--ai-blue)!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-metric-gender {background:var(--ai-field)!important;border:0!important;color:var(--ai-secondary)!important;box-shadow:none!important;}
html[data-design="apple"] body #iosHomeView #tdrV3HomeClientCard .tdr-v3-metric-gender :is(b,span) {color:inherit!important;}

/* Workspace: one grouped Apple numbers strip, not 3 disparate colors. */
html[data-design="apple"] body #iosHomeView #iosStatsCard,
html[data-design="apple"][data-theme="dark"] body #iosHomeView #iosStatsCard {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:18px 0!important;
  margin-top:10px!important;
  background:var(--ai-surface)!important;
  border:1px solid var(--ai-line)!important;
  border-radius:21px!important;
  box-shadow:var(--ai-shadow)!important;
  overflow:hidden!important;
}
html[data-design="apple"] body #iosHomeView #iosStatsCard .ios-stat,
html[data-design="apple"][data-theme="dark"] body #iosHomeView #iosStatsCard .ios-stat {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:67px!important;
  min-width:0!important;
  padding:4px 7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-design="apple"] body #iosHomeView #iosStatsCard .ios-stat+.ios-stat {border-left:1px solid var(--ai-line)!important;}
html[data-design="apple"] body #iosHomeView #iosStatsCard .ios-stat strong {font-size:28px!important;color:var(--ai-ink)!important;font-weight:710!important;line-height:1.15!important;}
html[data-design="apple"] body #iosHomeView #iosStatsCard .ios-stat span {font-size:12px!important;color:var(--ai-secondary)!important;margin-top:6px!important;}

/* Client dashboard numbers — identical grouped white/graphite cards. */
html[data-design="apple"] body #tdrV3ClientSummary {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:11px!important;
}
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;
  --metric-chip:var(--ai-field)!important;
  --metric-chip-line:transparent!important;
  background:var(--ai-surface)!important;
  background-image:none!important;
  color:var(--ai-ink)!important;
  border:1px solid var(--ai-line)!important;
  border-radius:20px!important;
  box-shadow:var(--ai-shadow)!important;
  padding:17px!important;
  min-width:0!important;
  transform:none!important;
}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-compact.metric-3 {grid-column:1/-1!important;width:100%!important;}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-compact.is-filter-active {border-color:color-mix(in srgb,var(--ai-blue) 65%,var(--ai-line))!important;box-shadow:inset 0 0 0 1px var(--ai-blue)!important;}
html[data-design="apple"] body #tdrV3ClientSummary :is(.tdr-v3-metric-title,.tdr-v3-metric-unit,.tdr-v3-metric-value strong) {color:var(--ai-ink)!important;}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-value strong {font-size:40px!important;font-weight:730!important;letter-spacing:-.055em!important;}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-icon {color:var(--ai-blue)!important;background:var(--ai-blue-soft)!important;border:0!important;}
html[data-design="apple"] body #tdrV3ClientSummary .metric-2 .tdr-v3-metric-icon {color:var(--ai-green)!important;background:var(--ai-green-soft)!important;}
html[data-design="apple"] body #tdrV3ClientSummary .metric-3 .tdr-v3-metric-icon {color:var(--ai-secondary)!important;background:var(--ai-field)!important;}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-gender {background:var(--ai-field)!important;border:0!important;color:var(--ai-secondary)!important;box-shadow:none!important;}
html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-gender :is(b,span) {color:inherit!important;}

/* Grouped lists and status selectors, with monochrome neutrals. */
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:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
html[data-design="apple"] body :is(.tdr-v3-client-filter,.ios-theme-segment,.tdr-language-switch,.excursion-layout-switch) button {
  color:var(--ai-secondary)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!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;
  box-shadow:0 1px 5px rgba(0,0,0,.11)!important;
}
html[data-design="apple"] body .tdr-v3-client-row {background:transparent!important;border:0!important;}
html[data-design="apple"] body .tdr-v3-client-avatar {background:var(--ai-blue-soft)!important;color:var(--ai-blue)!important;border:0!important;}
html[data-design="apple"] body :is(.tdr-v3-client-name,.tdr-v3-profile-name) {color:var(--ai-ink)!important;}
html[data-design="apple"] body :is(.tdr-v3-client-subline,.tdr-v3-client-secondary) {color:var(--ai-secondary)!important;}
html[data-design="apple"] body :is(.tdr-v3-client-room,.tdr-v3-client-rank,.tdr-v3-room-chip) {background:var(--ai-field)!important;color:var(--ai-secondary)!important;border:0!important;}
html[data-design="apple"] body .tdr-v3-state-pill.completed {background:var(--ai-green-soft)!important;color:var(--ai-green)!important;}

/* Native system-blue primary controls only. */
html[data-design="apple"] body :is(#iosReportHubNew,#app .btn-primary,.mobile-actionbar .btn-primary,[data-work-progress] .tdr-work-resume,.tdr-op-action) {
  background:var(--ai-button)!important;
  background-image:none!important;
  color:#ffffff!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:14px!important;
  font-weight:650!important;
}
html[data-design="apple"] body :is(.ios-link-button,#tdrV3HeadAddClient,#tdrV3AddClient,.co-author-add) {color:var(--ai-blue)!important;background:var(--ai-blue-soft)!important;border:0!important;box-shadow:none!important;}
html[data-design="apple"] body :is(.ios-theme-button,.tdr-v3-sheet-close) {border-color:var(--ai-line)!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 :is(#iosMoreView .ios-connection-icon,.tdr-v3-status-indicator) {background:var(--ai-green-soft)!important;color:var(--ai-green)!important;}

/* The editor is an iOS Settings-style inset grouped form. */
html[data-design="apple"] body #app.ios-report-page {
  box-sizing:border-box!important;
  min-width:0!important;
  width:min(100%,900px)!important;
  max-width:900px!important;
  padding-left:16px!important;
  padding-right:16px!important;
  padding-bottom:calc(182px + env(safe-area-inset-bottom))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-design="apple"] body #app.ios-report-page .ios-section-label {color:var(--ai-secondary)!important;margin-top:25px!important;margin-bottom:10px!important;padding:0 5px!important;font-size:13px!important;}
html[data-design="apple"] body #app.ios-report-page :is(.card,.client-row,.report-note-card,.excursion-card) {
  background:var(--ai-surface)!important;
  background-image:none!important;
  border:1px solid var(--ai-line)!important;
  border-left:1px solid var(--ai-line)!important;
  border-radius:20px!important;
  box-shadow:none!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html[data-design="apple"] body #app.ios-report-page .meta-card {
  padding:0!important;
  overflow:hidden!important;
  width:100%!important;
}
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page .meta-card>.ios-primary-meta {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  gap:0!important;
}
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page .meta-card>.ios-primary-meta>.field {
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:20px!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}
html[data-design="apple"] body #app.ios-report-page .meta-card>.ios-primary-meta>.field+.field {
  border-top:1px solid var(--ai-line)!important;
}
html[data-design="apple"] body #app.ios-report-page .field>label {color:var(--ai-secondary)!important;font-size:13px!important;font-weight:570!important;line-height:1.35!important;margin-bottom:9px!important;}
html[data-design="apple"] body #app.ios-report-page :is(input[type="text"],input[type="date"],input[type="number"],input[type="time"],select,textarea,.fixed-author) {
  display:block;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:var(--ai-field)!important;
  background-image:none!important;
  color:var(--ai-ink)!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.4!important;
}
html[data-design="apple"] body #app.ios-report-page :is(input,textarea,select)::placeholder {color:var(--ai-muted)!important;opacity:1!important;}
html[data-design="apple"] body #app.ios-report-page .fixed-author {width:100%!important;padding:14px 15px!important;}
html[data-design="apple"] body #app.ios-report-page .co-author-add {border-radius:999px!important;}
html[data-design="apple"] body #app.ios-report-page .ios-advanced-options {background:transparent!important;border-color:var(--ai-line)!important;}
html[data-design="apple"] body #app.ios-report-page .ios-advanced-options summary {color:var(--ai-ink)!important;font-weight:620!important;}
html[data-design="apple"] body #app.ios-report-page .ios-advanced-body {background:transparent!important;box-sizing:border-box!important;min-width:0!important;}
html[data-design="apple"] body #app.ios-report-page .ios-advanced-body>.meta-grid {grid-template-columns:minmax(0,1fr)!important;}
html[data-design="apple"] body #app.ios-report-page .pdf-logo-option {background:var(--ai-field)!important;border-color:var(--ai-line)!important;box-shadow:none!important;}
html[data-design="apple"] body #app.ios-report-page .pdf-logo-option-title {color:var(--ai-ink)!important;}
html[data-design="apple"] body #app.ios-report-page .pdf-logo-option-help {color:var(--ai-secondary)!important;}
html[data-design="apple"] body #app.ios-report-page .legend-preview {border-color:var(--ai-line)!important;}
html[data-design="apple"] body #app.ios-report-page #clients {min-width:0!important;grid-template-columns:minmax(0,1fr)!important;}
html[data-design="apple"] body #app.ios-report-page :is(.clients-head,.client-row-title,.report-note-head,.excursion-head) {border-color:var(--ai-line)!important;}
html[data-design="apple"] body #app.ios-report-page .client-row-body {min-width:0!important;}
html[data-design="apple"] body #app.ios-report-page .client-row :is(input,textarea,select) {max-width:100%!important;min-width:0!important;}

/* Important: Safari's localized date text has its own intrinsic width. This
   extra shell contains the native control without changing its picker.
   Clipping takes place on the shell, NOT on the native input itself. */
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page .tdr-date-input-shell {
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  min-inline-size:0!important;
  max-inline-size:100%!important;
  overflow:hidden!important;
  border-radius:12px!important;
  isolation:isolate;
}
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page #reportDate {
  display:block!important;
  box-sizing:border-box!important;
  inline-size:100%!important;
  width:100%!important;
  min-inline-size:0!important;
  min-width:0!important;
  max-inline-size:100%!important;
  max-width:100%!important;
  min-height:52px!important;
  padding:12px 14px!important;
  margin:0!important;
  line-height:1.4!important;
  font-size:16px!important;
  text-align:start!important;
  border-radius:12px!important;
  -webkit-appearance:auto;
  appearance:auto;
}
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page #reportDate::-webkit-date-and-time-value {
  min-width:0!important;
  max-width:100%!important;
  text-align:start!important;
}
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page #reportDate::-webkit-datetime-edit {
  min-width:0!important;
  overflow:hidden!important;
  max-width:100%!important;
}
html[data-design="apple"] body.ios-editor-mode #app.ios-report-page #reportDate::-webkit-calendar-picker-indicator {
  flex-shrink:0!important;
  margin-inline-start:4px!important;
}

/* Subtle and accessible contextual colors; grouped sheets. */
html[data-design="apple"] body :is(.tdr-v3-sheet,.tdr-op-card,.modal-panel,.report-type-panel) {
  background:var(--ai-surface)!important;
  background-image:none!important;
  color:var(--ai-ink)!important;
  border:1px solid var(--ai-line)!important;
  border-radius:24px!important;
  box-shadow:0 16px 50px rgba(0,0,0,.18)!important;
}
html[data-design="apple"] body :is(.tdr-op-title,.modal-title,.type-card-title) {color:var(--ai-ink)!important;}
html[data-design="apple"] body :is(.tdr-op-subtitle,.modal-copy,.type-card-copy) {color:var(--ai-secondary)!important;}
html[data-design="apple"] body .tdr-op-ring {color:var(--ai-blue)!important;}
html[data-design="apple"] body :is(.type-card,.pwa-draft-guard-card) {background:var(--ai-field)!important;border-color:var(--ai-line)!important;box-shadow:none!important;}
html[data-design="apple"] body .toast {background:var(--ai-raised)!important;color:var(--ai-ink)!important;box-shadow:0 12px 35px rgba(0,0,0,.15)!important;}

/* Floating translucent iOS tabbar (the editor already hides it in v3.6.4). */
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 8px 30px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
}
html[data-design="apple"] body #iosTabbar button {background:transparent!important;color:var(--ai-secondary)!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"]) {
  background:var(--ai-blue-soft)!important;color:var(--ai-blue)!important;
}
html[data-design="apple"] body #iosTabbar button[data-ios-tab="create"] .ios-tab-icon-wrap {background:var(--ai-button)!important;color:#fff!important;box-shadow:none!important;border-radius:50%!important;}
html[data-design="apple"] body #iosTabbar button:not(.is-active):not([data-ios-tab="create"]) .ios-tab-icon-wrap {background:transparent!important;color:var(--ai-secondary)!important;}
html[data-design="apple"] body :is(button,input,textarea,select):focus-visible {outline:2px solid var(--ai-blue)!important;outline-offset:2px!important;}

@media(max-width:375px) {
  html[data-design="apple"] body .ios-page {padding-left:15px!important;padding-right:15px!important;}
  html[data-design="apple"] body #app.ios-report-page {padding-left:13px!important;padding-right:13px!important;}
  html[data-design="apple"] body.ios-editor-mode #app.ios-report-page .meta-card>.ios-primary-meta>.field {padding:17px!important;}
  html[data-design="apple"] body #tdrV3ClientSummary .tdr-v3-metric-compact {padding:13px!important;}
  html[data-design="apple"] body #iosHomeView .ios-brand-title {font-size:23px!important;}
}
@media(min-width:720px) {
  html[data-design="apple"] body #app.ios-report-page .ios-advanced-body>.meta-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(prefers-reduced-motion:reduce) {
  html[data-design="apple"] body :is(.tdr-work-card,#iosTabbar button,.tdr-v3-metric-compact) {transition:none!important;}
}

/* Native-feeling preference switches (iOS green when on). */
html[data-design="apple"] body .tdr-motion-card input {accent-color:var(--ai-green)!important;}
html[data-design="apple"] body .toggle-switch input:checked+.toggle-switch-track {background:#34c759!important;}
html[data-design="apple"][data-theme="dark"] body .toggle-switch input:checked+.toggle-switch-track {background:#30d158!important;}
html[data-design="apple"] body #iosMoreView .tdr-motion-options button.is-active,
html[data-design="apple"] body #iosMoreView .tdr-motion-speed-options button.is-active {
  border-color:var(--ai-line)!important;
  background:var(--ai-selected)!important;
  box-shadow:inset 0 0 0 1px var(--ai-blue)!important;
  color:var(--ai-ink)!important;
}

/* Keep the full product name visible beside the theme switch on iPhone SE. */
@media(max-width:375px) {
  html[data-design="apple"] body #iosHomeView .ios-brand-title {
    font-size:19px!important;
    letter-spacing:-.048em!important;
    white-space:nowrap!important;
  }
  html[data-design="apple"] body #iosHomeView .ios-brand-lockup {gap:8px!important;}
  html[data-design="apple"] body #iosHomeView .ios-brand-icon {
    width:35px!important;
    height:35px!important;
    flex-basis:35px!important;
  }
  html[data-design="apple"] body #iosHomeView .ios-theme-button {
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
  }
}