/*!
 * ============================================================================
 * DIALEDRIDE™ | DIALEDRIDE KINEMETRIC™
 * Biomechanical Telemetry & Trigonometric Coordinate Engine
 *
 * Copyright (c) 2025–2026 John Gould, trading as DialedRide. All rights reserved.
 * @license Proprietary
 *
 * PROPRIETARY AND CONFIDENTIAL.
 * This software, including its algorithms, analytical models, scoring methods,
 * thresholds and interface designs, is the intellectual property of John Gould
 * and contains confidential information and trade secrets.
 *
 * Use is licensed only under the DialedRide KineMetric Terms of Use or a separate
 * written licence. Copying, modifying, distributing, decompiling or reverse
 * engineering this software is not permitted, except where the law allows it.
 * ============================================================================
 */
 /**/ html.ops-ui.dark { color-scheme: dark; --ui-ink: #edf5f0; --ui-muted: #b4c1b9; --ui-subtle: #94a39a; --ui-line: #35473e; --ui-line-soft: #293930; --ui-paper: #0b1210; --ui-white: #16211c; --ui-green: #2b7451; --ui-green-2: #70d3a2; --ui-green-soft: #173126; --ui-lime: #c9f85d; --ui-violet: #b6a8ff; --ui-violet-soft: #2b2748; --ui-mint: #173b2b; --ui-amber: #3c3019; --ui-rose: #3d2026; --ui-danger: #ff9ba4; --ui-success: #7ad7a8; --ui-warning: #f1c873; --ui-shadow: 0 18px 55px rgba(0, 0, 0, 0.34); --ui-shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.24); --field-ink-soft: #d4e0d8; --field-faint: var(--ui-subtle); --field-line-strong: #496055; --border-strong: #496055; --surface: var(--ui-white); --surface-raised: #1b2922; --surface-soft: var(--ui-green-soft); --dr-bg: var(--ui-paper); --dr-bg-grid: rgba(201, 248, 93, 0.018); --dr-surface: var(--ui-white); --dr-surface-strong: #1b2922; --dr-surface-soft: #111c17; --dr-surface-1: var(--ui-white); --dr-surface-2: #1b2922; --dr-surface-3: #223129; --dr-elevated: #1d2a24; --dr-border: var(--ui-line); --dr-border-soft: var(--ui-line-soft); --dr-border-strong: #496055; --dr-text: var(--ui-ink); --dr-text-primary: var(--ui-ink); --dr-text-secondary: var(--ui-muted); --dr-text-muted: var(--ui-subtle); --dr-muted: var(--ui-muted); --dr-subtle: var(--ui-subtle); --dr-input-bg: #101915; --dr-accent: var(--ui-green-2); --dr-accent-soft: rgba(112, 211, 162, 0.12); --dr-accent-border: rgba(112, 211, 162, 0.34); --dr-success: var(--ui-success); --dr-success-soft: var(--ui-mint); --dr-warning: var(--ui-warning); --dr-warning-soft: var(--ui-amber); --dr-danger: var(--ui-danger); --dr-danger-soft: var(--ui-rose); --dr-info: var(--ui-violet); --dr-info-soft: var(--ui-violet-soft); --dr-shadow: var(--ui-shadow-soft); --color-primary: 112 211 162; --color-accent: 201 248 93; } html.ops-ui.dark, html.ops-ui.dark body, html.ops-ui.dark body.page-workspace, html.ops-ui.dark body.page-workspace .dr-app-shell { background: var(--ui-paper) !important; color: var(--ui-ink) !important; } html.ops-ui.dark body.page-workspace .dr-workspace-bar { border-color: var(--ui-line) !important; background: rgba(14, 23, 19, 0.92) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025); } html.ops-ui.dark body.page-workspace .dr-global-sidebar { background: #0f2e21 !important; box-shadow: inset -1px 0 0 rgba(201, 248, 93, 0.08) !important; } html.ops-ui.dark body.page-workspace .dr-global-sidebar [data-dr-shell-brand-name], html.ops-ui.dark body.page-workspace .dr-global-sidebar .dr-sidebar-workflow > summary:hover, html.ops-ui.dark body.page-workspace .dr-global-sidebar .dr-sidebar-workflow[open] > summary, html.ops-ui.dark body.page-workspace .dr-global-sidebar .dr-sidebar-workflow__item:hover:not(:disabled), html.ops-ui.dark body.page-workspace .dr-global-sidebar .dr-sidebar-workflow__item:focus-visible, html.ops-ui.dark body.page-workspace .dr-global-sidebar .dr-sidebar-workflow__item.is-active, html.ops-ui.dark body.page-workspace .dr-global-sidebar .dr-sidebar-workflow__item[aria-current="page"] { color: #ffffff !important; } html.ops-ui.dark body.page-workspace :where( .dr-access-screen__panel, .dr-panel, .dr-card, .dr-card-compact, .dr-subpanel, .dr-shell, .dr-settings-shell, .dr-settings-preview, .dr-metric, .dr-empty-state, .dr-loading-state, .dr-ride-slideover-panel, .dr-toast, .dr-client-more__panel, .dr-rides3-table, .dr-rides3-row, .dr-rides3-more__panel, .dr-ride4-more__panel, .dr-ride4-definitions dl > div, [data-dr-alert] > div, [data-dr-confirm] > div, [data-dr-legal-dialog], [data-dr-onboarding-dialog] ) { border-color: var(--ui-line) !important; background: var(--ui-white) !important; color: var(--ui-ink) !important; } html.ops-ui.dark body.page-workspace :where( input, select, textarea, .dr-input, .dr-select, .dr-textarea, .dr-rides3-filter input, .dr-rides3-filter select, .dr-rides3-date-range input ) { border-color: var(--ui-line) !important; background: #101915 !important; color: var(--ui-ink) !important; color-scheme: dark !important; } html.ops-ui.dark body.page-workspace :where(input, textarea)::placeholder { color: #819087 !important; opacity: 1; } html.ops-ui.dark body.page-workspace :where(input, select, textarea, .dr-input, .dr-select, .dr-textarea):focus { border-color: var(--ui-violet) !important; background: #14201a !important; box-shadow: 0 0 0 4px rgba(182, 168, 255, 0.14) !important; } html.ops-ui.dark body.page-workspace :where( .dr-button--secondary, .dr-button-secondary, .dr-button--ghost, .dr-button-ghost, .dr-rides3-baseline-toggle, .dr-rides3-select-toggle, .dr-workspace-bar .ui-menu-button, .dr-workspace-bar .ui-client-button ) { border-color: var(--ui-line) !important; background: #18251f !important; color: var(--ui-ink) !important; } html.ops-ui.dark body.page-workspace :where(.dr-button--secondary, .dr-button-secondary, .dr-button--ghost, .dr-button-ghost):hover:not(:disabled) { border-color: #5a7165 !important; background: #213129 !important; color: #ffffff !important; } html.ops-ui.dark body.page-workspace :where( .dr-button--primary, .dr-button-primary, .dr-button--garage-add, .dr-button--fit-optimizer ) { border-color: var(--ui-green-2) !important; background: var(--ui-green) !important; color: #ffffff !important; } html.ops-ui.dark body.page-workspace :where( .dr-button--primary, .dr-button-primary, .dr-button--garage-add, .dr-button--fit-optimizer ):hover:not(:disabled) { border-color: #8ce6b8 !important; background: #33845d !important; } html.ops-ui.dark body.page-workspace :where(.dr-button--danger, .dr-button-danger) { border-color: #74404a !important; background: #2a181d !important; color: var(--ui-danger) !important; } html.ops-ui.dark body.page-workspace :where(.dr-button--danger, .dr-button-danger):hover:not(:disabled) { border-color: #a65d68 !important; background: var(--ui-rose) !important; } html.ops-ui.dark body.page-workspace :where( .dr-client-row, [data-dr-client-id], .dr-client-item ) { border-color: var(--ui-line-soft) !important; background: var(--ui-white) !important; color: var(--ui-ink) !important; } html.ops-ui.dark body.page-workspace :where( .dr-client-row:hover, [data-dr-client-id]:hover, .dr-client-item:hover, .dr-rides3-row:hover ) { background: #1c2a23 !important; } html.ops-ui.dark body.page-workspace :where( .dr-client-row[aria-current="true"], [data-dr-client-id][aria-current="true"], [data-dr-client-id][aria-pressed="true"], .dr-client-item.is-active ) { border-color: #6f64b0 !important; background: var(--ui-violet-soft) !important; } html.ops-ui.dark body.page-workspace .dr-workspace-tabs { border-color: var(--ui-line) !important; background: #111c17 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 3px 12px rgba(0, 0, 0, 0.2); } html.ops-ui.dark body.page-workspace :where( .dr-workspace-tabs > .dr-button, .dr-client-actionbar .dr-tab ) { border-color: var(--ui-line) !important; background: #18251f !important; color: var(--ui-muted) !important; } html.ops-ui.dark body.page-workspace :where( .dr-workspace-tabs > .dr-button:hover, .dr-client-actionbar .dr-tab:hover ) { border-color: var(--ui-green-2) !important; background: #213129 !important; color: var(--ui-green-2) !important; } html.ops-ui.dark body.page-workspace :where( .dr-workspace-tabs > .dr-button[aria-pressed="true"], .dr-workspace-tabs > .dr-button.is-active, .dr-client-actionbar .dr-tab[aria-selected="true"], .dr-client-actionbar .dr-tab.is-active ) { border-color: var(--ui-green-2) !important; background: var(--ui-green) !important; color: #ffffff !important; } html.ops-ui.dark body.page-workspace :where( .dr-status, .badge, .dr-ride4-evidence-strip span, .dr-ride4-interval-count, .dr-rides3-status, .dr-compare5-status, .dr-analysis6-status, .dr-reports7-badge ) { border-color: var(--ui-line) !important; background: #223028 !important; color: var(--ui-muted) !important; } /**/ html.ops-ui.dark body.page-workspace .dr-rides3-status--warning { border-color: #d59a3c !important; background: #513413 !important; color: #ffd692 !important; } html.ops-ui.dark body.page-workspace .dr-rides3-status--warning i { color: #ffb648 !important; } html.ops-ui.dark body.page-workspace :where( .dr-client-meta-strip > span, .dr-ride4-meta > span, .dr-ride4-profile .dr-profile-overlay-legend, .dr-compare5-pick__values > span, .dr-overview2-ride-row__values span ) { border-color: var(--ui-line-soft) !important; background: #111b17 !important; color: var(--ui-muted) !important; } html.ops-ui.dark body.page-workspace :where( th, .dr-rides3-table__head, .dr-ride4-interval-head, .dr-rides3-titleline > span ) { border-color: var(--ui-line) !important; background: #101a16 !important; color: var(--ui-muted) !important; } html.ops-ui.dark body.page-workspace :where(td, tbody tr, .dr-rides3-row, .dr-ride4-interval-row) { border-color: var(--ui-line-soft) !important; } html.ops-ui.dark body.page-workspace :where( .dr-overview2-vitals, .dr-overview2-highlight, .dr-overview2-evidence-card, .dr-overview2-vital, .dr-leak-card, .dr-leak-metric, .dr-leak-sowhat, .dr-overview2-evidence-row, .dr-overview2-zone-legend > div, .dr-overview2-progress-helper, .dr-ride4-finding, .dr-ride4-metrics > div, .dr-ride4-definitions, .dr-pedal-references ) { border-color: var(--ui-line) !important; background: var(--ui-white) !important; background-image: none !important; color: var(--ui-ink) !important; } html.ops-ui.dark body.page-workspace :where( .dr-overview2-vitals__empty, .dr-rides3-filter, .dr-rides3-date-range, .dr-rides3-flagged, .dr-ride4-chart-wrap, .dr-compare5-read, .dr-analysis6-supporting li, .dr-analysis6-technical__list li, .dr-analysis6-empty, .dr-reports7-empty ) { border-color: var(--ui-line-soft) !important; background: var(--ui-paper) !important; } html.ops-ui.dark body.page-workspace :where( .dr-rides3-row--selected, .dr-rides3-selected, .dr-rides3-baseline-toggle--active, .dr-rides3-select-toggle--active, .dr-rides3-baseline, .dr-rides3-before-baseline ) { border-color: #557064 !important; background: #193027 !important; } html.ops-ui.dark body.page-workspace :where( .dr-settings-tab.is-active, .dr-settings-tab[aria-selected="true"] ) { border-color: var(--ui-green-2) !important; background: rgba(112, 211, 162, 0.14) !important; color: var(--ui-green-2) !important; } html.ops-ui.dark body.page-workspace .dr-settings-danger-zone { border-color: #743d47 !important; background: rgba(166, 56, 67, 0.12) !important; } html.ops-ui.dark body.page-workspace :where( .bg-black, [class*="bg-black/"], [class*="bg-white/"], .bg-\[\#080908\] ) { background-color: #111b17 !important; } html.ops-ui.dark body.page-workspace [class*="text-white/"] { color: var(--ui-muted) !important; } html.ops-ui.dark body.page-workspace :where([class*="border-white/"], [class*="border-brand-gold/"]) { border-color: var(--ui-line) !important; } /**/ html.ops-ui.dark body.page-workspace .dr-settings-preview-paper, html.ops-ui.dark body.page-workspace .dr-studio-preview-page { border-color: #d7d9d7 !important; background: #ffffff !important; color: #17211c !important; color-scheme: light; } html.ops-ui.dark body.page-workspace .dr-studio-preview-page :where(h3, h4) { color: #17211c !important; } html.ops-ui.dark body.page-workspace .dr-settings-preview-paper :where(.dr-settings-preview-report-title, .dr-settings-preview-tagline, .dr-settings-preview-contact) { color: #15120e !important; } /**/ html.ops-ui.field-theme.dark body.page-workspace input, html.ops-ui.field-theme.dark body.page-workspace select, html.ops-ui.field-theme.dark body.page-workspace textarea, html.ops-ui.field-theme.dark body.page-workspace .dr-input, html.ops-ui.field-theme.dark body.page-workspace .dr-select, html.ops-ui.field-theme.dark body.page-workspace .dr-textarea { border-color: var(--ui-line) !important; background: #101915 !important; color: var(--ui-ink) !important; color-scheme: dark !important; } html.ops-ui.field-theme.dark body.page-workspace input:focus, html.ops-ui.field-theme.dark body.page-workspace select:focus, html.ops-ui.field-theme.dark body.page-workspace textarea:focus, html.ops-ui.field-theme.dark body.page-workspace .dr-input:focus, html.ops-ui.field-theme.dark body.page-workspace .dr-select:focus, html.ops-ui.field-theme.dark body.page-workspace .dr-textarea:focus { border-color: var(--ui-violet) !important; background: #14201a !important; box-shadow: 0 0 0 4px rgba(182, 168, 255, 0.14) !important; } html.ops-ui.field-theme.dark body.page-workspace .dr-button--primary, html.ops-ui.field-theme.dark body.page-workspace .dr-button-primary, html.ops-ui.field-theme.dark body.page-workspace .dr-button--garage-add, html.ops-ui.field-theme.dark body.page-workspace .dr-button--fit-optimizer { border-color: var(--ui-green-2) !important; background: var(--ui-green) !important; color: #ffffff !important; } html.ops-ui.dark body.page-workspace .dr-overview2-zone-bar { background: #203128 !important; } html.ops-ui.dark body.page-workspace .dr-overview2-zone-bar__segment.is-empty { background: #293a31 !important; } html.ops-ui.dark body.page-workspace .dr-overview2-highlight__meta > span { border-color: var(--ui-line) !important; background: #1d2b24 !important; color: var(--ui-muted) !important; } html.ops-ui.dark body.page-workspace .dr-settings-group-icon { border-color: var(--ui-line) !important; background: #1e3128 !important; color: var(--ui-green-2) !important; } html.ops-ui.dark body.page-workspace .dr-overview2-zone-bar { border-color: var(--ui-line) !important; } html.ops-ui.dark body.page-workspace .dr-overview2-zone-bar__segment { border-right-color: #40564a !important; } /**/ html.ops-ui.dark body.page-workspace .dr-leak-badge { border-color: rgba(240, 160, 122, 0.34) !important; background: rgba(184, 87, 51, 0.18) !important; } html.ops-ui.dark body.page-workspace .dr-leak-badge strong { color: #f3b394 !important; } html.ops-ui.dark body.page-workspace .dr-leak-hero-secondary { border-color: rgba(188, 166, 239, 0.3) !important; background: rgba(125, 93, 190, 0.16) !important; } html.ops-ui.dark body.page-workspace .dr-leak-hero-secondary strong { color: #cdb8f2 !important; } html.ops-ui.dark body.page-workspace .dr-leak-toggle { border-color: var(--ui-line) !important; background: rgba(255, 255, 255, 0.06) !important; color: var(--ui-muted) !important; } html.ops-ui.dark body.page-workspace .dr-leak-toggle--on { border-color: rgba(127, 214, 172, 0.42) !important; background: rgba(39, 114, 84, 0.28) !important; color: #7fd6ac !important; } html.ops-ui.dark body.page-workspace .dr-leak-toggle__state, html.ops-ui.dark body.page-workspace .dr-leak-toggle--on .dr-leak-toggle__state { color: var(--ui-ink) !important; } html.ops-ui.dark body.page-workspace .dr-leak-toggle--on .dr-leak-toggle__state { color: #b6ecd2 !important; } /**/ html.ops-ui.dark body.page-workspace .dr-ovcustom-switch, html.ops-ui.dark body.page-workspace .dr-settings-widget-switch { border-color: var(--ui-line) !important; background: rgba(255, 255, 255, 0.09) !important; } html.ops-ui.dark body.page-workspace .dr-ovcustom-switch:checked, html.ops-ui.dark body.page-workspace .dr-settings-widget-switch:checked { border-color: #D97706 !important; background: #D97706 !important; } html.ops-ui.dark body.page-workspace .dr-ovcustom-switch::after, html.ops-ui.dark body.page-workspace .dr-settings-widget-switch::after { background: #f4f7f4; } /**/ html.ops-ui.dark body.page-workspace .dr-studio-card--tier-b, html.ops-ui.dark body.page-workspace .dr-studio-card--tier-d { --studio-tone: #8fb8f0; --studio-tint: #16233a; } html.ops-ui.dark body.page-workspace .dr-studio-card--tier-c { --studio-tone: #bda5e8; --studio-tint: #241f3c; } html.ops-ui.dark body.page-workspace .dr-studio-card--tier-e { --studio-tone: #74cbd9; --studio-tint: #123036; } /**/ html.ops-ui.dark body.page-workspace .dr-studio-card__icon, html.ops-ui.dark body.page-workspace .dr-studio-card__selected { color: var(--ui-paper); }