/* Operational Clarity: Drivers workspace, desktop only. */
@media (min-width: 901px) {
  body.fh-console-nav.fh-clarity #driversPage {
    --drv-canvas: #f4f7fa;
    --drv-surface: #fff;
    --drv-inset: #f7f9fb;
    --drv-line: #dce3eb;
    --drv-ink: #172633;
    --drv-muted: #5d6d7d;
    --drv-cyan: #087f9c;
    --drv-cyan-soft: #eaf6f9;
    box-sizing: border-box;
    min-width: 0 !important;
    min-height: 0 !important;
    color: var(--drv-ink) !important;
    color-scheme: light;
    background: var(--drv-canvas) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage,
  body.fh-console-nav.fh-clarity #driversPage * {
    box-sizing: border-box;
  }

  body.fh-console-nav.fh-clarity #driversPage #driversTaskWorkspace,
  body.fh-console-nav.fh-clarity #driversPage :is(.console-surface, .drivers-ops-panel, .drivers-metric-card, .driver-context-card, .driver-alert-card, .driver-contact-card, .driver-task-detail) {
    border: 1px solid var(--drv-line) !important;
    border-radius: 6px !important;
    background: var(--drv-surface) !important;
    color: var(--drv-ink) !important;
    box-shadow: 0 1px 2px #1726330a !important;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(h2, h3, h4, b, strong, label) {
    color: var(--drv-ink);
  }

  body.fh-console-nav.fh-clarity #driversPage :is(p, small, em, .driver-contact-meta, .driver-alert-meta, .driver-alert-body, .drivers-list-foot, .drivers-context-panel .status-line) {
    color: var(--drv-muted);
  }

  body.fh-console-nav.fh-clarity #driversPage > .drivers-metric-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    flex: 0 0 82px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-card {
    min-width: 0 !important;
    min-height: 82px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 9px 11px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-icon {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #c8e8ef;
    background: var(--drv-cyan-soft) !important;
    color: var(--drv-cyan) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-icon:is(.red, .amber, .orange, .violet) {
    background: #f5f7f9 !important;
    border-color: var(--drv-line);
    color: #526779 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-card small,
  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-card div > span {
    display: block !important;
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-card b {
    display: block;
    margin: 3px 0 !important;
    color: var(--drv-ink) !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-card .console-metric-trend {
    color: var(--drv-muted) !important;
    font-size: 11px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-card .console-metric-trend:is(.danger, .warning) {
    color: #7b5b12 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage > #driverRegistryEntry:not([hidden]) {
    min-width: 0;
    padding: 12px 16px !important;
    background: var(--drv-surface) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage #driverRegistryEntry h2 {
    color: var(--drv-ink) !important;
    font-size: 16px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage #driverRegistryEntry p {
    color: var(--drv-muted) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage #driverRegistryEntry button,
  body.fh-console-nav.fh-clarity #driversPage .drivers-panel-tools button,
  body.fh-console-nav.fh-clarity #driversPage .drivers-panel-head button,
  body.fh-console-nav.fh-clarity #driversPage .drivers-panel-footer button,
  body.fh-console-nav.fh-clarity #driversPage .driver-context-card button {
    min-height: 38px !important;
    padding: 7px 12px !important;
    border: 1px solid #cbd5df !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #075f7c !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .astra-driver-record-status[data-severity="attention"] {
    color: #75530b !important;
    background: #fff7e2 !important;
    border-color: #ead49c !important;
  }
  body.fh-console-nav.fh-clarity #driversPage .astra-driver-record-status[data-severity="critical"] {
    color: #9b3544 !important;
    background: #fff1f3 !important;
    border-color: #efc9d0 !important;
  }
  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-icon.red {
    color: #9b3544 !important;
    background: #fff1f3 !important;
    border-color: #efc9d0 !important;
  }
  body.fh-console-nav.fh-clarity #driversPage .drivers-metric-icon.amber {
    color: #75530b !important;
    background: #fff7e2 !important;
    border-color: #ead49c !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-workbench-tabs {
    min-width: 0;
    min-height: 44px;
    flex: 0 0 44px;
    gap: 4px;
    padding: 3px;
    border: 1px solid var(--drv-line);
    border-radius: 6px;
    background: var(--drv-surface);
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-workbench-tabs [role="tab"] {
    min-width: 0;
    min-height: 36px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent;
    color: #405365;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-workbench-tabs [role="tab"][aria-selected="true"] {
    border-color: #9bcbd6;
    background: var(--drv-cyan-soft);
    color: #075f7c;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-workbench-tabs [role="tab"]:hover:not([aria-selected="true"]) {
    background: var(--drv-inset);
    color: var(--drv-ink);
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.drivers-workbench-tabs, .drivers-ops-grid, #driversTaskWorkspace, #driverActiveRoutePanel, .drivers-ops-panel, .drivers-panel-tools, .driver-contact-card, .driver-alert-card, .driver-context-card) {
    min-width: 0 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage > .drivers-ops-grid {
    min-height: 0 !important;
    width: 100%;
    margin: 0;
    gap: 10px;
  }

  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="contacts"] > .drivers-ops-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr) !important;
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
  }

  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="contacts"] #driversAlertsWorkspace,
  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="alerts"] :is(#driversContactsWorkspace, #driversContextWorkspace),
  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="tasks"] > .drivers-ops-grid {
    display: none !important;
  }

  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="contacts"] :is(#driversContactsWorkspace, #driversContextWorkspace),
  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="alerts"] #driversAlertsWorkspace {
    display: flex;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="alerts"] > .drivers-ops-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="tasks"] > #driversTaskWorkspace {
    display: block;
    min-width: 0 !important;
    min-height: 0 !important;
    flex: 1 1 0;
    overflow: auto;
  }

  body.fh-console-nav.fh-clarity #driversPage [hidden] {
    display: none !important;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.drivers-ops-panel, #driversTaskWorkspace) {
    border: 1px solid var(--drv-line) !important;
    border-radius: 6px !important;
    background: var(--drv-surface) !important;
    color: var(--drv-ink) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-panel-head {
    min-height: 62px;
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--drv-line);
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.drivers-panel-head h2, .drivers-context-panel h2, #driverActiveRoutePanel h2) {
    margin: 0;
    color: var(--drv-ink) !important;
    font-size: 16px !important;
    line-height: 1.35;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.drivers-panel-head p, #driverActiveRoutePanel p) {
    margin: 4px 0 0;
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-panel-tools {
    gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--drv-line);
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.console-search-shell, .console-select-shell, .drivers-panel-tools > select) {
    min-width: 0 !important;
    min-height: 38px !important;
    height: 38px !important;
    border: 1px solid #cbd5df !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--drv-ink) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.console-search-shell input, .console-select-shell select, .drivers-panel-tools select, .drivers-list-foot select) {
    min-width: 0 !important;
    min-height: 36px !important;
    color: var(--drv-ink) !important;
    background: #fff !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .console-search-shell input::placeholder {
    color: var(--drv-muted) !important;
    opacity: 1;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.drivers-contact-list, .drivers-alert-list) {
    flex: 1 1 0;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 10px !important;
    overflow: auto !important;
    overscroll-behavior: contain;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-contact-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-alert-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  body.fh-console-nav.fh-clarity #driversPage .drivers-alert-list .driver-alert-card {
    flex: 0 0 auto !important;
    min-height: auto !important;
    height: auto !important;
    grid-template-rows: auto !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) minmax(126px, 160px) !important;
    align-items: start;
    gap: 10px 12px !important;
    min-height: 0 !important;
    padding: 12px !important;
    background: #fff !important;
    cursor: pointer;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-card:hover {
    border-color: #a8cbd5 !important;
    background: #f8fcfd !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-card.active,
  body.fh-console-nav.fh-clarity #driversPage .driver-contact-card.active:hover {
    border-color: #84bdcb !important;
    background: var(--drv-cyan-soft) !important;
    box-shadow: inset 3px 0 #087f9c, 0 1px 2px #1726330a !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-avatar {
    width: 36px;
    height: 36px;
    border: 1px solid #c8e8ef;
    background: var(--drv-cyan-soft) !important;
    color: #075f7c !important;
    font-size: 13px;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-main {
    min-width: 0;
    gap: 4px;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-main :is(.driver-contact-title, .driver-contact-meta) {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-title {
    color: var(--drv-ink) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-meta {
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.driver-pill, .astra-driver-record-status) {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    padding: 2px 7px !important;
    border: 1px solid #d7e0e8;
    border-radius: 999px;
    background: #f4f7fa !important;
    color: #405365 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-actions {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: auto !important;
    min-width: 0;
    max-width: none;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr);
    column-gap: 6px;
    min-width: 0;
    flex-basis: auto;
    text-align: left;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live i {
    width: 7px;
    height: 7px;
    margin-top: 4px;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live :is(b, small) {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal !important;
    font-size: 12px !important;
    line-height: 1.35;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live b {
    color: #34495a !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live :is(.unknown, .missing, .stale, .offline, .off-duty) i {
    background: #8b98a5;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live :is(.unknown, .missing, .stale, .offline, .off-duty) b {
    color: #596b7a !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live :is(.alert, .urgent, .danger, .break) b {
    color: #8b3d36 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-live :is(.alert, .urgent, .danger, .break) i {
    background: #bf5549;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-actions button,
  body.fh-console-nav.fh-clarity #driversPage .drivers-context-panel > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    min-height: 38px !important;
    height: auto !important;
    padding: 7px 10px !important;
    border: 1px solid #cbd5df !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #075f7c !important;
    font-size: 12px !important;
    line-height: 1.35;
    font-weight: 600;
    white-space: normal;
    cursor: pointer;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-contact-actions button.primary,
  body.fh-console-nav.fh-clarity #driversPage .drivers-communicate-btn {
    border-color: #087f9c !important;
    background: #087f9c !important;
    color: #fff !important;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(button, select, input, a):focus-visible {
    outline: 2px solid #087f9c !important;
    outline-offset: 2px;
  }

  body.fh-console-nav.fh-clarity #driversPage button:disabled,
  body.fh-console-nav.fh-clarity #driversPage select:disabled {
    border-color: #d6dee6 !important;
    background: #f1f4f7 !important;
    color: #697988 !important;
    opacity: 1 !important;
    cursor: not-allowed;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-context-panel {
    min-width: 0;
    min-height: 0 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-context-list {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column;
    align-items: stretch;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-card {
    display: grid;
    flex: 0 0 auto !important;
    align-content: start;
    gap: 9px !important;
    min-width: 0 !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px !important;
    overflow: visible !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-card > small {
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
    font-weight: 700;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-card > b,
  body.fh-console-nav.fh-clarity #driversPage .driver-context-card .driver-context-identity b {
    min-width: 0;
    color: var(--drv-ink) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-card > span:not(.driver-context-icon):not(.astra-driver-record-status) {
    display: grid;
    grid-template-columns: minmax(74px, 0.7fr) minmax(0, 1.3fr);
    align-items: start;
    gap: 8px;
    min-width: 0;
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.45;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-card > span > strong {
    min-width: 0;
    color: #34495a !important;
    font-size: 12px !important;
    line-height: 1.45;
    font-weight: 600;
    text-align: right;
    overflow-wrap: anywhere;
    white-space: normal;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-identity {
    grid-template-columns: 36px minmax(0, 1fr) minmax(74px, auto);
    gap: 9px;
    min-width: 0;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-identity > div,
  body.fh-console-nav.fh-clarity #driversPage .driver-context-state {
    min-width: 0;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-identity em,
  body.fh-console-nav.fh-clarity #driversPage .driver-context-state span {
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-state strong {
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #d6dee6;
    border-radius: 999px;
    background: #f1f4f7 !important;
    color: #526779 !important;
    font-size: 12px !important;
    line-height: 1.35;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-state[data-state="Online"] strong,
  body.fh-console-nav.fh-clarity #driversPage .driver-context-state[data-state="Moving"] strong {
    border-color: #b6ddc5;
    background: #edf7f0 !important;
    color: #27623c !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-state[data-state="Stale data"] strong {
    border-color: #ead49c;
    background: #fff7e2 !important;
    color: #75530b !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-facts {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px;
    min-width: 0;
    padding-top: 9px;
    border-top: 1px solid var(--drv-line);
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-facts > span {
    display: grid;
    grid-template-columns: minmax(90px, 0.8fr) minmax(0, 1.2fr);
    gap: 8px;
    min-width: 0;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-facts :is(small, b) {
    min-width: 0;
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-context-facts b {
    color: #34495a !important;
    text-align: right;
    font-weight: 600;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-profile-summary > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-profile-summary > div > span {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 3px 5px;
    min-width: 0;
    padding: 0 6px;
    border-color: var(--drv-line);
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-profile-summary :is(small, b) {
    min-width: 0;
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-profile-summary b {
    grid-column: 1 / -1;
    color: var(--drv-ink) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-profile-summary .fh-icon,
  body.fh-console-nav.fh-clarity #driversPage .driver-context-icon {
    color: var(--drv-cyan) !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-context-panel > :is(.drivers-communicate-btn, .drivers-open-comms-btn) {
    flex: 0 0 auto;
    min-height: 38px !important;
    margin: 0 10px 8px !important;
    width: auto !important;
    align-self: stretch !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-context-panel > .status-line {
    flex: 0 0 auto;
    padding: 0 12px 10px;
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-quick-alerts {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 12px 0;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-quick-alerts button {
    min-height: 32px;
    padding: 5px 9px;
    border: 1px solid #d7c891;
    border-radius: 5px;
    background: #fff8e5;
    color: #735610;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-alert-card {
    gap: 8px;
    min-height: 0;
    padding: 12px !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-alert-card:is(.urgent, .high) {
    border-color: #e2b5ae !important;
    background: #fff9f8 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-alert-card.resolved {
    opacity: 1;
    border-color: var(--drv-line) !important;
    background: #f5f7f9 !important;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.driver-alert-title, .driver-alert-body) {
    color: var(--drv-ink) !important;
    font-size: 13px !important;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-alert-meta {
    color: var(--drv-muted) !important;
    font-size: 12px !important;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-alert-actions {
    gap: 6px;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-alert-actions button {
    min-width: 0;
    min-height: 38px !important;
    padding: 7px 10px !important;
    border: 1px solid #cbd5df !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #075f7c !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .drivers-list-foot {
    min-height: 48px;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--drv-line);
    color: var(--drv-muted) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .console-pagination button {
    min-width: 32px;
    min-height: 32px;
    border: 1px solid var(--drv-line);
    border-radius: 4px;
    background: #fff;
    color: #34495a;
  }

  body.fh-console-nav.fh-clarity #driversPage .console-pagination button.active {
    border-color: #8bcbd8;
    background: var(--drv-cyan-soft);
    color: #075f7c;
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.console-empty, .comm-empty) {
    min-width: 0;
    padding: 14px;
    border: 1px dashed #cbd5df;
    border-radius: 5px;
    background: var(--drv-inset);
    color: var(--drv-muted) !important;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage #driverActiveRoutePanel {
    grid-template-columns: 42px minmax(165px, 220px) minmax(0, 1fr) minmax(150px, 220px);
    gap: 12px;
    min-height: 0;
    padding: 12px;
    overflow: auto;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-task-icon {
    width: 38px;
    height: 38px;
    border: 1px solid #c8e8ef;
    background: var(--drv-cyan-soft);
    color: var(--drv-cyan);
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.driver-route-summary-card, .driver-route-stop-list, .driver-route-stop-node) {
    min-width: 0;
    color: var(--drv-ink);
  }

  body.fh-console-nav.fh-clarity #driversPage :is(.driver-route-summary-line b, .driver-route-progress-note, .driver-route-stop-node b, .driver-route-stop-node span) {
    color: var(--drv-ink) !important;
    font-size: 12px !important;
    line-height: 1.45;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  body.fh-console-nav.fh-clarity #driversPage .driver-route-open-btn {
    min-height: 38px;
    margin-top: 8px;
    padding: 6px 10px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #fff;
    color: #075f7c;
    font-size: 12px;
    font-weight: 600;
  }

  /* Native dialog is portalled under body, outside #driversPage. */
  body.fh-console-nav.fh-clarity dialog.driver-task-detail {
    box-sizing: border-box;
    width: min(1000px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    padding: 0;
    border: 1px solid #dce3eb !important;
    border-radius: 8px;
    background: #fff !important;
    color: #172633 !important;
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail[open] {
    display: flex;
    flex-direction: column;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail::backdrop {
    background: #13232e88;
    backdrop-filter: blur(3px);
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail > header,
  body.fh-console-nav.fh-clarity dialog.driver-task-detail > footer {
    flex: 0 0 auto;
    padding: 14px 18px;
    margin: 0;
    border-color: #dce3eb;
    background: #fff;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail > footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid #dce3eb;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail > [data-task-body] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 16px 18px;
    overflow: auto;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail :is(h1,h2,h3,p) {
    color: #172633;
    overflow-wrap: anywhere;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail h1 { font-size: 18px; margin: 0 0 8px; }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail h2 { font-size: 16px; margin: 0 0 8px; }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail h3 { font-size: 14px; margin: 0 0 10px; }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail p { font-size: 13px; margin: 6px 0; }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail .driver-task-content > header {
    padding: 0 0 12px;
    border-bottom: 1px solid #dce3eb;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail .driver-task-content > section {
    margin-top: 18px;
    border-color: #dce3eb;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail .driver-task-content > section:first-of-type > ol {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    list-style: none;
    padding: 0;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail .driver-task-content > section:first-of-type > ol > li {
    min-width: 0;
    margin: 0;
    padding: 14px;
    border: 1px solid #dce3eb;
    border-radius: 6px;
    background: #f7f9fb;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail button {
    min-height: 38px;
    padding: 7px 12px;
    border: 1px solid #cbd5df;
    border-radius: 5px;
    background: #fff;
    color: #075f7c;
    font: inherit;
    font-size: 13px;
  }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail button:disabled { color: #697988; background: #f1f4f7; cursor: not-allowed; }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail :focus-visible { outline: 2px solid #087f9c; outline-offset: 2px; }
  body.fh-console-nav.fh-clarity dialog.driver-task-detail .driver-task-stop-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }

  @media (min-width: 901px) and (max-width: 1200px) {
    body.fh-console-nav.fh-clarity dialog.driver-task-detail .driver-task-content > section:first-of-type > ol { grid-template-columns: minmax(0,1fr); }
    body.fh-console-nav.fh-clarity #driversPage[data-drivers-view="contacts"] > .drivers-ops-grid {
      grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.9fr) !important;
    }

    body.fh-console-nav.fh-clarity #driversPage .driver-contact-card {
      grid-template-columns: 34px minmax(0, 1fr) !important;
      gap: 8px 10px !important;
      padding: 10px !important;
    }

    body.fh-console-nav.fh-clarity #driversPage .driver-contact-card > .driver-avatar {
      grid-row: 1 / span 2;
    }

    body.fh-console-nav.fh-clarity #driversPage .driver-contact-actions {
      grid-column: 2;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      align-items: center;
    }

    body.fh-console-nav.fh-clarity #driversPage .driver-contact-live {
      grid-column: 1 / -1;
      grid-template-columns: 8px minmax(0, 1fr);
    }

    body.fh-console-nav.fh-clarity #driversPage .driver-contact-actions button {
      padding-inline: 6px !important;
    }

    body.fh-console-nav.fh-clarity #driversPage .driver-profile-summary > div {
      grid-template-columns: minmax(0, 1fr);
    }

    body.fh-console-nav.fh-clarity #driversPage #driverActiveRoutePanel {
      grid-template-columns: 38px minmax(145px, 190px) minmax(0, 1fr);
    }

    body.fh-console-nav.fh-clarity #driversPage #driverActiveRoutePanel .driver-route-stop-list {
      grid-column: 1 / -1;
    }
  }
}