/* v2.9 - UI only. PDF page selectors/layout are deliberately untouched. */
.tdr-symbol { width: 20px; height: 20px; flex: 0 0 auto; display: inline-block; vertical-align: -.15em; overflow: visible; }
.tdr-symbol-tint { fill: currentColor; stroke: none; opacity: .09; }
.tdr-symbol-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.btn-small > .tdr-symbol { width: 17px; height: 17px; }
.ios-tabbar .tdr-symbol { width: 25px; height: 25px; stroke-width: 1.7; }
.ios-tabbar .is-active .tdr-symbol-tint { opacity: .18; }
.ios-quick-icon .tdr-symbol { width: 25px; height: 25px; }
.ios-report-icon .tdr-symbol { width: 28px; height: 28px; }
.ios-row-chevron .tdr-symbol { width: 14px; height: 14px; }
.ios-report-arrow { display: inline-flex; align-items: center; justify-content: center; }
.ios-report-arrow .tdr-symbol { width: 22px; height: 22px; }
.ios-recent-icon .tdr-symbol { width: 24px; height: 24px; }
.ios-home-status { display: inline-flex; align-items: center; gap: 6px; }
.ios-home-status::before { display: none; }
.ios-home-status .tdr-symbol { width: 17px; height: 17px; }
.ios-theme-segment button .tdr-symbol { width: 16px; height: 16px; margin-right: 4px; }
.ios-settings-sub { overflow-wrap: anywhere; }
.pdf-ready-icon .tdr-symbol { width: 34px; height: 34px; }
.type-card-kicker .tdr-symbol { width: 22px; height: 22px; margin-right: 8px; vertical-align: middle; }
.drag-handle { background-image: none !important; }
.drag-handle .tdr-symbol { width: 18px; height: 18px; }
.location-tag-remove .tdr-symbol { width: 12px; height: 12px; }
.client-row-actions .btn-danger::after { content: none !important; }
.type-close-button .tdr-symbol { width: 19px; height: 19px; }
.tdr-sync-state { min-height: 16px; margin: 9px 4px 14px; font-size: 12px; line-height: 1.5; color: var(--app-secondary, #74747e); }
#iosHomeSyncState { margin: 8px 2px 0; font-size: 11px; }
#historySyncState { margin-top: -8px; }
#historyBackdrop .modal-head { display: flex !important; align-items: center; justify-content: space-between; flex: 0 0 auto; }
#historyBackdrop .modal-head h2 { display: block !important; visibility: visible !important; margin: 0; color: var(--app-label, #1d1d1f) !important; }
html[data-theme="dark"] #historyBackdrop .modal-head,
html[data-theme="dark"] .pwa-modal-head { background: #1a1b1f !important; border-color: rgba(255,255,255,.09) !important; color: #f5f5f7 !important; }
html[data-theme="dark"] #historyBackdrop .modal-head h2 { color: #f5f5f7 !important; }
.tdr-cache-option { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; font-size: 14px; line-height: 1.5; }
.tdr-cache-option input { width: 20px; height: 20px; margin-top: 3px; accent-color: var(--dash-accent, #7452c6); }
.tdr-cache-option small { display: block; margin-top: 5px; color: var(--app-secondary, #73737a); }
.tdr-skeleton { padding: 17px; min-height: 68px; display: flex; gap: 14px; align-items: center; }
.tdr-skeleton-square { width: 42px; height: 42px; border-radius: 13px; flex: 0 0 auto; background: var(--ios-fill-2, rgba(127,127,127,.12)); }
.tdr-skeleton-lines { flex: 1; }
.tdr-skeleton-lines::before,.tdr-skeleton-lines::after { content: ''; display: block; height: 12px; border-radius: 5px; background: var(--ios-fill-2, rgba(127,127,127,.12)); width: 68%; }
.tdr-skeleton-lines::after { margin-top: 9px; width: 39%; height: 10px; }
@media (max-width: 719px) {
  .client-row-actions .btn-danger.tdr-symbol-button { font-size: 0 !important; color: var(--ios-red, #e34848) !important; }
  .client-row-actions .btn-danger .tdr-symbol { position: absolute; left: 8px; top: 8px; width: 18px; height: 18px; }
  .client-row-actions .collapse-toggle .tdr-symbol { width: 19px; height: 19px; }
  .mobile-actionbar .btn { gap: 5px; }
  .mobile-actionbar .tdr-symbol { width: 18px; height: 18px; }
  .history-actions .btn { white-space: normal; }
  .history-actions .tdr-symbol { width: 16px; height: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .ios-tabbar *, .tdr-symbol, .history-loading-spinner { animation: none !important; transition: none !important; }
}
/* Complete legacy dark-mode surfaces without affecting exported PDF nodes. */
html[data-theme="dark"] #app .client-row,
html[data-theme="dark"] #app .client-row.is-collapsed,
html[data-theme="dark"] #app .clients-add-footer,
html[data-theme="dark"] #app .excursion-timeline-block {
  background: #1a1b1f !important; color: #f3f3f5 !important;
}
html[data-theme="dark"] #app .edit-banner { background: #252034 !important; color: #c9bbef !important; border-color: rgba(174,147,245,.2) !important; }
html[data-theme="dark"] #app .edit-banner-text { color: #c9bbef !important; }
html[data-theme="dark"] #app .client-row .drag-handle { color: #aaaab2 !important; }
html[data-theme="dark"] #historyBackdrop .history-meta { color: #aaaab2 !important; }
html[data-theme="dark"] #historyBackdrop .history-download { color: #c5b1ff !important; background: rgba(138,99,255,.14) !important; }
html[data-theme="dark"] #historyBackdrop .history-delete { color: #ff9298 !important; background: rgba(255,100,110,.055) !important; border-color: rgba(255,110,120,.28) !important; }
html[data-theme="dark"] #historyBackdrop .badge.pdf { background: #193e34 !important; color: #94e1c1 !important; }
html[data-theme="dark"] #historyBackdrop .badge.draft { background: #3e3320 !important; color: #ebca90 !important; }
html[data-theme="dark"] #historyBackdrop .type-badge { background: #312844 !important; color: #cfbbea !important; }
html[data-theme="dark"] #historyBackdrop .type-badge.excursion { background: #1d3346 !important; color: #a1cbee !important; }
@media (max-width: 430px) {
  .mobile-actionbar .btn { white-space: nowrap; font-size: 13px !important; }
}
html[data-theme="dark"] #app .client-row-actions .btn-danger { color: #ff8e96 !important; }

.ios-advanced-options > summary::after { content: none !important; }
.ios-advanced-options > summary > .tdr-symbol { position: absolute; right: 14px; width: 17px; height: 17px; color: var(--ios-tertiary); }
.type-card-action .tdr-symbol { width: 17px; height: 17px; margin-left: 4px; }