/*!
 * ============================================================================
 * 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.
 * ============================================================================
 */
 /**/ .page-workspace .dr-client-more__compact-only { display: none; } .page-workspace .dr-mobile-filter-toggle { display: none; } @media (max-width: 900px) { .page-workspace .dr-workspace-shell { padding: 14px 12px 40px !important; } .page-workspace .dr-workspace-main > * + * { margin-top: 12px !important; } .page-workspace .dr-client-header { padding: 16px !important; } .page-workspace .dr-client-header__top { align-items: flex-start; flex-direction: row; gap: 16px; } .page-workspace .dr-client-header__identity { flex: 1 1 auto; } .page-workspace .dr-client-primary-actions { width: auto; flex: 0 0 auto; flex-wrap: nowrap; } .page-workspace [data-testid="client-details-action"] { display: none; } .page-workspace .dr-client-more__compact-only { display: flex; } .page-workspace .dr-client-more > summary { width: 44px; padding-inline: 0; justify-content: center; } .page-workspace .dr-client-more > summary > span { display: none; } .page-workspace .dr-client-workspace-nav { margin-top: 12px; padding-top: 10px; } .page-workspace .dr-client-workspace-nav .dr-workspace-tabs { display: flex !important; width: 100%; flex-wrap: nowrap !important; gap: 4px; padding: 4px; overflow-x: auto !important; overscroll-behavior-inline: contain; scroll-snap-type: inline proximity; scrollbar-width: thin; touch-action: pan-x; } .page-workspace .dr-client-workspace-nav .dr-workspace-tab { width: auto !important; min-width: 104px !important; flex: 1 0 auto; scroll-snap-align: start; } .page-workspace .dr-compare5-steps { display: flex; flex-wrap: nowrap; padding-bottom: 4px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline proximity; scrollbar-width: thin; } .page-workspace .dr-compare5-step { min-width: max-content; flex: 0 0 auto; scroll-snap-align: start; } .page-workspace .dr-analysis6-switch { display: flex; flex-wrap: nowrap; gap: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; } .page-workspace .dr-analysis6-switch > .dr-button { width: auto; min-width: max-content; flex: 0 0 auto; } .page-workspace .dr-analysis6-tabs { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline proximity; scrollbar-width: thin; } .page-workspace .dr-analysis6-tab { min-width: max-content; flex: 0 0 auto; scroll-snap-align: start; } .page-workspace .dr-client-workspace-nav .dr-workspace-tabs, .page-workspace .dr-compare5-steps, .page-workspace .dr-analysis6-switch, .page-workspace .dr-analysis6-tabs { -ms-overflow-style: none; scrollbar-width: none; } .page-workspace .dr-client-workspace-nav .dr-workspace-tabs::-webkit-scrollbar, .page-workspace .dr-compare5-steps::-webkit-scrollbar, .page-workspace .dr-analysis6-switch::-webkit-scrollbar, .page-workspace .dr-analysis6-tabs::-webkit-scrollbar { display: none; } } @media (max-width: 640px) { .page-workspace .dr-workspace-shell { padding: 10px 10px 32px !important; } .page-workspace .dr-workspace-bar { padding-inline: 10px; } .page-workspace .dr-workspace-bar__copy > span { display: none; } .page-workspace .dr-workspace-bar__copy strong { max-width: 54vw; font-size: 14px; } .page-workspace .dr-client-header { padding: 14px !important; } .page-workspace .dr-client-header__top { flex-direction: column; gap: 12px; } .page-workspace .dr-client-header__identity .dr-section-kicker { display: none; } .page-workspace .dr-client-header__identity .dr-client-title { font-size: 22px !important; line-height: 1.15 !important; } .page-workspace .dr-client-meta-strip { margin-top: 7px; } .page-workspace .dr-client-meta-strip > .dr-client-last-ride, .page-workspace .dr-client-meta-strip > .dr-client-readiness { display: none !important; } .page-workspace .dr-client-primary-actions { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) 44px; gap: 6px; } .page-workspace .dr-client-primary-actions > .dr-button:first-child { width: 100%; min-width: 0; } .page-workspace .dr-client-primary-actions > .dr-client-more { width: 44px; min-width: 44px; } .page-workspace .dr-client-more__panel { width: min(280px, calc(100vw - 40px)); } .page-workspace .dr-client-workspace-nav { margin-top: 10px; padding-top: 9px; } .page-workspace .dr-client-workspace-nav .dr-workspace-tabs { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; overflow: visible !important; } .page-workspace .dr-client-workspace-nav .dr-workspace-tab { width: 100% !important; min-width: 0 !important; grid-column: auto !important; padding-inline: 3px; font-size: clamp(10px, 2.9vw, 12px); } .page-workspace .dr-client-workspace-nav .dr-workspace-tab > i { display: none; } /**/ .page-workspace .dr-rides3-shell, .page-workspace .dr-compare5-panel, .page-workspace .dr-analysis6, .page-workspace .dr-reports7 { padding: 14px !important; } /**/ .page-workspace .dr-overview2-panel__summary { flex-wrap: wrap; padding: 12px 14px; } .page-workspace .dr-overview2-panel__body { padding: 12px 14px 14px; } .page-workspace .dr-overview2-ride-row__values span:nth-child(n + 3) { display: none; } .page-workspace .dr-rides3-header__copy > p:last-child, .page-workspace .dr-analysis6-head > p:last-child { display: none; } .page-workspace [data-testid="rides-compare-selected"]:disabled { display: none; } .page-workspace .dr-rides3-header__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } .page-workspace .dr-rides3-filters, .page-workspace .dr-analysis6-filters, .page-workspace .dr-compare5-filters { gap: 10px; } .page-workspace .dr-mobile-filter-toggle { display: flex; width: 100%; grid-column: 1 / -1; justify-content: center; } .page-workspace .dr-rides3-filters:not(.is-expanded) > .dr-rides3-date-range, .page-workspace .dr-rides3-filters:not(.is-expanded) > .dr-rides3-filter:not(:first-of-type), .page-workspace .dr-rides3-filters:not(.is-expanded) > .dr-rides3-flagged, .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-filter:not(.dr-compare5-filter--search), .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-date-range, .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-flagged, .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-comparable, .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-range, .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-elevation, .page-workspace .dr-compare5-filters:not(.is-expanded) > .dr-compare5-filter-note, .page-workspace .dr-analysis6-filters:not(.is-expanded) > :not(.dr-mobile-filter-toggle) { display: none !important; } .page-workspace .dr-compare5-step { padding-inline: 10px; } .page-workspace .dr-analysis6-switch > .dr-button { padding-inline: 14px; } } @media (max-width: 420px) { .page-workspace .dr-workspace-shell { padding-inline: 8px !important; } .page-workspace .dr-client-header__identity .dr-client-title { font-size: 20px !important; } .page-workspace .dr-client-workspace-nav .dr-workspace-tab { min-width: 0 !important; font-size: 10px; } } /**/ @media (max-width: 640px) { .page-workspace .dr-convergence-banner { padding: 14px 16px; } .page-workspace .dr-convergence-banner__actions { display: grid; gap: 8px; } .page-workspace .dr-convergence-banner__actions .dr-button { width: 100%; justify-content: center; } .page-workspace .dr-convergence-metrics { gap: 10px 16px; } }