/* Operational Clarity: desktop History workspace surfaces and controls. */
@media (min-width: 901px) and (max-width: 1200px) {
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historySummary .metrics-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historySummary .metric-label {
    white-space: normal !important; overflow: visible !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historySummary .metric-value {
    overflow-wrap: normal !important; word-break: normal !important;
  }
}
@media (min-width: 901px) {
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage {
    --history-sidebar-width: 320px;
    --history-chart-row-height: 176px;
    color: var(--fh-copy, #172633) !important;
    background: var(--fh-canvas, #f4f7fa) !important;
    color-scheme: light;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-source-panel, .history-period-panel, .history-actions-panel,
    .history-routes-panel, .history-summary-panel, .history-map-panel,
    .history-graphs-panel
  ) {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    box-shadow: 0 1px 2px #1726330a !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .panel-header, .history-graphs-panel > .panel-header
  ) {
    border-bottom: 1px solid var(--fh-line, #dce3eb) !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .panel-title {
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    letter-spacing: .025em;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .panel-subtitle, .history-controls-grid label, .history-routes-body label,
    .history-graph-controls-title, .history-graph-data-title,
    .history-graph-count-row > span, .history-graph-hover .status-line
  ) {
    color: var(--fh-secondary, #5d6d7d) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-section-icon {
    color: #087f9c !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-control-body, .history-routes-body, .history-map-panel .map-wrap,
    .history-graphs-panel .panel-body
  ) {
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    select, .history-period-picker, .history-footer button,
    .history-footer select, .history-graph-toolbar button,
    .history-graph-control-row select, .history-graph-settings,
    .history-summary-more, .history-map-tools button,
    .history-route-loaded-controls button
  ) {
    min-height: 38px !important;
    height: auto !important;
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
    box-shadow: none !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-controls-grid select, .history-routes-body select,
    .history-graph-control-row select, .history-footer select
  ) {
    padding: 7px 30px 7px 10px !important;
    color-scheme: light;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-vehicle-select-shell {
    min-height: 38px !important;
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-vehicle-select-shell select {
    min-height: 36px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-period-picker, .history-footer button
  ) { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    select, button, .history-period-picker, input[type="checkbox"]
  ):focus-visible {
    outline: 2px solid #087f9c !important;
    outline-offset: 2px !important;
    border-color: #087f9c !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-controls-actions {
    gap: 8px !important;
    padding: 0 !important;
    border-color: var(--fh-line, #dce3eb) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-controls-actions button {
    min-height: 38px !important;
    padding: 8px 12px !important;
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #075f7c !important;
    font-size: 12px !important;
    font-weight: 650;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #loadHistoryBtn {
    border-color: #087f9c !important;
    background: #087f9c !important;
    color: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-controls-actions button:disabled,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-footer button:disabled {
    border-color: var(--fh-line, #dce3eb) !important;
    background: #f4f7fa !important;
    color: #657586 !important;
    opacity: 1 !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    #historyAvailability, #historyReportContext, .history-status-bar,
    .history-status-bar .status-line
  ) {
    color: var(--fh-secondary, #5d6d7d) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-status-bar {
    gap: 6px 14px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-routes-panel {
    overflow: hidden !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-routes-body {
    padding: 8px 10px 12px !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-route-loaded-controls {
    border-color: var(--fh-line, #dce3eb) !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-route-loaded-controls .toolbar {
    align-items: center !important;
    gap: 6px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-route-loaded-controls .link-action {
    min-height: 38px !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #highlightLocations {
    min-height: 38px !important;
    height: 38px !important;
    border-color: var(--fh-line, #dce3eb) !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .route-table-wrap {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 5px !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .route-table {
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .route-table :is(th, td) {
    border-color: var(--fh-line, #dce3eb) !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .route-table th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #f1f5f8 !important;
    color: #34495a !important;
    font-weight: 700 !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .route-table tbody tr {
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .route-table tbody tr:hover,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-highlight-clickable-v115:hover,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-highlight-clickable-v115:focus-visible {
    background: #eef8fa !important;
    color: var(--fh-copy, #172633) !important;
    box-shadow: inset 2px 0 #087f9c !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-routes-empty, .history-empty-tip, .history-map-empty,
    .history-graph-hover, #historyGraphHover
  ) {
    border-color: var(--fh-line, #dce3eb) !important;
    background: #f7f9fb !important;
    color: var(--fh-secondary, #5d6d7d) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-routes-empty strong, .history-map-empty strong,
    .history-empty-tip b, .history-graph-hover-time span
  ) { color: var(--fh-copy, #172633) !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-map-panel {
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .map-layer-toggle {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    display: flex !important;
    max-width: calc(100% - 76px) !important;
    overflow-x: auto !important;
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px #1726331a !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .map-layer-toggle button {
    min-width: 56px !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-right: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #34495a !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .map-layer-toggle button.active {
    background: #e8f6fb !important;
    color: #075f7c !important;
    box-shadow: inset 0 -2px #087f9c !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-map-tools {
    top: 10px !important;
    right: 10px !important;
    gap: 5px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-map-tools button {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #075f7c !important;
    box-shadow: 0 1px 3px #1726331a !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-speed-legend {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    box-shadow: 0 1px 3px #1726331a !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-speed-legend strong {
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-stop-quick-panel {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    box-shadow: 0 8px 24px #17263324 !important;
    backdrop-filter: none !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-stop-quick-panel :is(
    h2, h3, b, strong, .live-quick-row-value
  ) { color: var(--fh-copy, #172633) !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-stop-quick-panel :is(
    small, .live-quick-row-label, .live-quick-updated
  ) { color: var(--fh-secondary, #5d6d7d) !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-stop-quick-panel .live-quick-row {
    min-height: 38px !important;
    border-color: var(--fh-line, #dce3eb) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-summary-panel .panel-body,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-summary-shell {
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #historySummary :is(
    .metric-card, .summary-card, .metric-item
  ) {
    border-color: var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #f7f9fb !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #historySummary :is(
    .metric-label, small, .summary-label
  ) { color: var(--fh-secondary, #5d6d7d) !important; font-size: 12px !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #historySummary :is(
    .metric-value, strong, b
  ) { color: var(--fh-copy, #172633) !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #historySummaryMenu {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    box-shadow: 0 8px 24px #17263324 !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #historySummaryMenu button {
    min-height: 38px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graphs-panel .panel-body {
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-chart-frame {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .graph-selector-stack {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #f7f9fb !important;
    color: var(--fh-copy, #172633) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-controls-block {
    border-color: var(--fh-line, #dce3eb) !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-graph-controls-title, .history-graph-data-title,
    .history-graph-count-row, .history-graph-count-row > span
  ) { color: var(--fh-copy, #172633) !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-toolbar button,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-settings {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    color: #075f7c !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-hover {
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 5px !important;
    background: #f7f9fb !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage :is(
    .history-graph-hover-time span, .history-graph-hover-time small
  ) { color: var(--fh-copy, #172633) !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-footer {
    min-height: 46px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--fh-line, #dce3eb) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-footer :is(
    .history-footer-status, .history-footer-date, .history-rows-control
  ) { color: var(--fh-secondary, #5d6d7d) !important; font-size: 12px !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-footer :is(
    .history-footer-date-button, .history-export-button
  ) { color: #075f7c !important; }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-footer select {
    min-height: 38px !important;
    padding: 6px 28px 6px 9px !important;
    background: #fff !important;
    color: var(--fh-copy, #172633) !important;
  }

  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-source-panel .history-controls-grid {
    grid-template-columns: minmax(0,1fr) 136px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-ignition-select-shell {
    grid-template-columns: minmax(0,1fr) !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-ignition-indicator { display: none !important; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-evidence-details {
    text-align: left; border-top: 1px solid var(--fh-line,#dce3eb); padding-top: 6px;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-evidence-details summary {
    color: #075f7c; cursor: pointer; padding: 4px 0; font-weight: 600;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-evidence-details[open] > div {
    padding: 8px 0; line-height: 1.55; max-width: 78ch;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-evidence-details summary:focus-visible {
    outline: 2px solid #087f9c; outline-offset: 2px;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage.history-is-empty .history-map-empty {
    inset: 0 !important; background: #f7f9fb !important; border-radius: 5px;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-map-empty-icon {
    background: #e8f6fb !important; color: #087f9c !important; border-color: #8dc7d4 !important; box-shadow: none !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-routes-panel { grid-row: 3 !important; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graphs-panel:not(:fullscreen):not(.history-graphs-fallback-fullscreen-v144) {
    grid-column: 1 / -1 !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graphs-grid {
    grid-template-columns: minmax(0,1fr) 280px !important; gap: 12px !important; padding: 12px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .graph-selector-stack {
    grid-template-columns: minmax(0,1fr) !important; gap: 12px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-count-row {
    grid-template-columns: minmax(0,1fr) 68px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-count-row > span { white-space: normal !important; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-hover { min-width: 0 !important; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-period-picker { white-space: normal !important; text-align: left; gap: 8px; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-period-picker span { white-space: normal !important; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-period-picker .history-picker-icon {
    position: static !important; transform: none !important; flex: 0 0 14px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-period-picker span {
    flex: 1 1 auto !important; min-width: 0 !important;
  }
  /* Chart labels are painted by the inline historyRenderChartsV130 Chart.js
     renderer; CSS only styles the frames and controls around those canvases. */

  /* The date/time picker is appended at document level, outside #historyPage. */
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker.history-datetime-popover {
    color-scheme: light !important;
    color: #172633 !important;
    background: #fff !important;
    border: 1px solid #dce3eb !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 40px #17263330 !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker :is(.history-datetime-title,.history-datetime-time label) {
    color: #172633 !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-week {
    color: #5d6d7d !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-day {
    color: #263746 !important;
    border-radius: 5px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-day.outside {
    color: #758493 !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-day:hover {
    color: #075f7c !important;
    background: #e8f6fb !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-day.selected {
    color: #fff !important;
    background: #087f9c !important;
    font-weight: 700 !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-nav {
    color: #075f7c !important;
    background: #f4f7fa !important;
    border: 1px solid #dce3eb !important;
    border-radius: 5px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-nav:hover {
    color: #064c63 !important;
    background: #e8f6fb !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-time select {
    color: #172633 !important;
    color-scheme: light !important;
    background: #fff !important;
    border: 1px solid #c8d3de !important;
    border-radius: 5px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-actions {
    border-top: 1px solid #dce3eb !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-actions button {
    min-height: 34px !important;
    color: #334756 !important;
    background: #fff !important;
    border: 1px solid #c8d3de !important;
    border-radius: 5px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-actions button.primary {
    color: #fff !important;
    background: #087f9c !important;
    border-color: #087f9c !important;
    font-weight: 700 !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker :is(button,select):focus-visible,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyDateTimePicker .history-datetime-day:focus-visible {
    outline: 2px solid #087f9c !important;
    outline-offset: 2px !important;
  }

  /* Native graph metric selects are the only metric dropdowns in this view. */
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .graph-selector-stack select,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-control-row select {
    color: #172633 !important;
    color-scheme: light !important;
    background-color: #fff !important;
    border-color: #c8d3de !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .graph-selector-stack select:focus-visible,
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage .history-graph-control-row select:focus-visible {
    outline: 2px solid #087f9c !important;
    outline-offset: 2px !important;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #historyPage #historyRowsPerPage {
    min-width: 80px !important;
    padding-right: 24px !important;
    color: #172633 !important;
    color-scheme: light !important;
    background-color: #fff !important;
  }
}