/* Light Operational Clarity skin for the existing desktop vehicle profile. */
@media (min-width: 901px) {
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-header {
    padding: 4px 0 0 !important;
    margin-bottom: 12px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-title-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 14px !important;
    padding-top: 4px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-identity h1 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states {
    gap: 6px !important;
    margin-top: 8px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
    justify-self: end;
    justify-content: flex-end;
    width: auto !important;
    gap: 6px !important;
    max-width: min(560px, 48vw);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions .ws-vehicle-action-group {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px 7px;
    border: 1px solid var(--profile-line);
    border-radius: 6px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions .ws-vehicle-action-label {
    font-size: 10px;
    white-space: nowrap;
    margin: 0;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary {
    gap: 8px !important;
    margin-bottom: 10px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 10px;
    padding: 9px 12px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card strong {
    font-size: 22px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card small {
    grid-column: 1 / -1;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-scheduled-work {
    padding: 10px 12px;
    margin-bottom: 10px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tabs {
    display: flex;
    gap: 4px;
    margin-top: 10px;
    border-bottom: 1px solid var(--profile-line);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab {
    min-height: 38px;
    padding: 8px 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 5px 5px 0 0;
    color: var(--profile-secondary);
    background: transparent;
    font: inherit;
    cursor: pointer;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab:hover {
    color: var(--profile-cyan);
    background: #fff;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab.is-active {
    border-bottom-color: var(--profile-cyan);
    color: var(--profile-cyan);
    background: #fff;
    font-weight: 650;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab:focus-visible {
    outline: 2px solid var(--profile-cyan);
    outline-offset: 2px;
  }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 #vehiclesPage.page-section.active { background: #f4f7fa !important; color: #172633 !important; }
  body.fh-console-nav.fh-clarity #vehiclesPage {
    background: #f4f7fa !important;
    color: #172633 !important;
    --profile-copy: #172633;
    --profile-secondary: #5d6d7d;
    --profile-line: #dce3eb;
    --profile-cyan: #087f9c;
    --profile-critical: #a61e35;
    --profile-critical-bg: #fee7e9;
    --profile-warning: #8a5100;
    --profile-warning-bg: #fff0cd;
    --profile-scheduled: #175b9a;
    --profile-scheduled-bg: #e8f2ff;
    --profile-unknown: #5d6874;
    --profile-unknown-bg: #eef1f4;
  }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-full-profile-view {
    color: var(--profile-copy);
    background: #f4f7fa;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-header {
    border-bottom-color: var(--profile-line);
    background: rgba(244,247,250,.97);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-back { color: var(--profile-secondary); min-height: 28px; height: 28px; }
  body.fh-console-nav.fh-clarity #vehiclesPage #astraCompanySelector { padding-block: 6px !important; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-back:hover { color: var(--profile-cyan); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-title-row :is(h1,p) { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-title-row p { color: var(--profile-secondary); }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states > span,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-state {
    border-color: var(--profile-line);
    color: var(--profile-copy);
    background: #fff;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .status-ok,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-state.ok {
    border-color: #a8d9c0; color: #17633b; background: #e8f6ee;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .status-warning,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-state.warning {
    border-color: #efd38d; color: var(--profile-warning); background: var(--profile-warning-bg);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .status-critical,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-state.critical {
    border-color: #efb9c0; color: var(--profile-critical); background: var(--profile-critical-bg);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-state.scheduled {
    border-color: #b8d3f1; color: var(--profile-scheduled); background: var(--profile-scheduled-bg);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .tracker-online i,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .status-ok i { background: #21804c; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .status-warning i { background: #b87508; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-states .status-critical i { background: var(--profile-critical); }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions button,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab-heading > button,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-more > summary {
    border: 1px solid var(--profile-line);
    border-radius: 6px;
    color: var(--profile-cyan);
    background: #fff;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions button:hover,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab-heading > button:hover,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-more > summary:hover {
    border-color: var(--profile-cyan);
    background: #f0f9fb;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions button:focus-visible,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab-heading > button:focus-visible,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-more > summary:focus-visible,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card button:focus-visible {
    outline: 2px solid var(--profile-cyan); outline-offset: 2px;
  }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card {
    border-color: var(--profile-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--profile-copy) !important;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card > h2,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab-heading {
    border-bottom-color: var(--profile-line);
    color: var(--profile-copy);
    background: #fff !important;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card > h2 em { color: #17633b; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card th {
    border-bottom-color: var(--profile-line); color: #34495a; background: #f7f9fb;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card td {
    border-bottom-color: var(--profile-line); color: var(--profile-copy);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card tbody tr:nth-child(even) td { background: #fbfcfd; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-card td > button:not(.vehicles-profile-cell-link),
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-empty-block > button,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-inline-action,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-retry,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-error button,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-not-found button,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group article button {
    border-color: #a9d5df; border-radius: 6px; color: #075f7c; background: #eff9fb;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-cell-link { color: var(--profile-cyan); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-cell-link:hover { color: #075f7c; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-subsection h3 {
    border-color: var(--profile-line); color: var(--profile-copy); background: #f7f9fb;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-subsection h3 .fh-icon,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-quick .fh-icon { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-subsection .vehicles-profile-table-wrap,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-subsection .vehicles-profile-empty-block {
    border-color: var(--profile-line);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-empty-block { color: var(--profile-secondary); }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-quick > div > button {
    border-bottom-color: var(--profile-line); color: var(--profile-copy); background: #fff;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-info-section { border-bottom-color: var(--profile-line); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-info-section h3,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-fact > div,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-fact b { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-fact > span,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-empty { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-unavailable { color: var(--profile-warning); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-fuelbar { background: #e2e8ee; }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab-heading h2 { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-tab-heading p { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group + .vehicles-profile-role-group,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-family > h2 {
    border-color: var(--profile-line);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group h3,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group article b { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group h3 .fh-icon,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-main .fh-icon { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group h4,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group article small { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-main:hover b,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-section-action { color: var(--profile-cyan); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-family > h2 { color: #425667; background: #f7f9fb; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-chips span,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-chips em,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-role-group article span {
    border-color: #c4e2e9; color: #075f7c; background: #eff9fb;
  }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card {
    border-color: var(--profile-line); border-radius: 6px; background: #fff;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card span,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card small { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card strong { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card.critical strong { color: var(--profile-critical); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card.attention strong { color: var(--profile-warning); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card.scheduled strong { color: var(--profile-scheduled); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-summary-card.incomplete strong { color: var(--profile-unknown); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-priority h2 > span { color: var(--profile-warning); background: var(--profile-warning-bg); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-priority h2 > span.has-critical { color: var(--profile-critical); background: var(--profile-critical-bg); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-more[open] > div {
    border-color: var(--profile-line); border-radius: 6px; background: #fff; box-shadow: 0 8px 24px #17263320;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-more > div button {
    border: 1px solid transparent; border-radius: 5px; color: var(--profile-copy); background: #fff;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-more > div button:hover {
    border-color: var(--profile-line); color: var(--profile-cyan); background: #f7f9fb;
  }

  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-error,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-not-found { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-error h2,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-not-found h1 { color: var(--profile-copy); }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-error p,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-not-found p { color: var(--profile-secondary); }
  body.fh-console-nav.fh-clarity #vehiclesPage .ws-vehicle-action-group { background: #fff !important; border-color: var(--profile-line) !important; border-radius: 6px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .ws-vehicle-action-group :is(h3,h4,span,p) { color: var(--profile-secondary) !important; }
  body.fh-console-nav.fh-clarity #vehiclesPage :is(.vehicles-profile-card,#astraCompanySelector) button {
    border: 1px solid var(--profile-line); border-radius: 6px; background: #fff; color: #075f7c;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-title-row {
    grid-template-columns: minmax(0, 1fr);
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-head-actions {
    max-width: 100%;
    justify-self: start;
    justify-content: flex-start;
  }
}
/* Maintenance is a working view: one action bar, appointments, then evidence. */
@media (min-width: 901px) {
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-workspace {
    display: grid; gap: 16px; min-width: 0;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-toolbar {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
    padding: 2px 0 0;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-toolbar h2 { margin: 0; font-size: 18px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-toolbar p { margin: 5px 0 0; color: #64748b; font-size: 12px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-toolbar [role="group"] {
    display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; max-width: 58%;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-toolbar button {
    min-height: 34px; padding: 6px 11px; border: 1px solid #cbd8e2; border-radius: 6px;
    background: white; color: #075f7c; font: inherit; font-size: 12px; cursor: pointer;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-grid {
    display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr); gap: 16px;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-upcoming,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-maintenance-grid > section { padding: 16px; min-width: 0; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-upcoming .vehicles-profile-tab-heading { margin-bottom: 12px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-upcoming .reports-primary-action {
    background: #087c9b !important; border-color: #087c9b !important; color: white !important; font-weight: 600;
  }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-item-list { list-style: none; padding: 0; margin: 10px 0 0; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-item-list li { padding: 12px 0; border-top: 1px solid #e2e8f0; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-item-list li > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-item-list strong { font-size: 13px; overflow-wrap: anywhere; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-item-list p { margin: 7px 0 4px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-item-list small,
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-note { color: #64748b; line-height: 1.5; font-size: 12px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-service-summary { font-weight: 600; color: #334155; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-legacy { padding: 14px 16px; }
  body.fh-console-nav.fh-clarity #vehiclesPage .vehicles-profile-legacy summary { cursor: pointer; font-size: 13px; font-weight: 600; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 dialog.fh-profile-schedules {
    position: fixed; inset: 0 0 0 auto; margin: 0; width: min(480px, 44vw); height: 100dvh;
    max-height: 100dvh; max-width: none; box-sizing: border-box; overflow-y: auto;
    border: 0; border-left: 1px solid #cbd8e2; border-radius: 0; padding: 24px;
    box-shadow: -12px 0 40px #17263320;
  }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules::backdrop { background: #17263333; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules h2 { font-size: 21px; margin: 0 0 10px; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-identity] { color: #64748b; font-size: 12px; overflow-wrap: anywhere; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules .fh-data-form { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; margin-top: 24px; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules .fh-data-form label { display: grid; gap: 7px; font-size: 12px; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules .fh-data-form :is(input,select,textarea) { width: 100%; min-height: 40px; font-family: inherit; font-size: 14px; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules textarea { min-height: 88px !important; resize: vertical; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 dialog.fh-profile-schedules [data-save] { background: #087c9b !important; border-color: #087c9b !important; color: #fff !important; min-height: 40px; font-weight: 600; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-status] { font-size: 12px; line-height: 1.5; padding: 12px 0; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules > button { margin: 0 6px 8px 0; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-cancel-review] { border-top: 1px solid #e2e8f0; margin-top: 12px; padding-top: 16px; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-cancel-review] :is(p,dl) { font-size: 12px; line-height: 1.5; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-cancel-review] dl { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 8px 12px; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-cancel-review] dt { color: #64748b; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules [data-cancel-review] dd { margin: 0; overflow-wrap: anywhere; }
  body.fh-console-nav.fh-clarity dialog.fh-profile-schedules:has([data-cancel-review]:not([hidden])) > :is(form, button:not([data-close])) { display: none; }
  body.fh-console-nav.fh-clarity.fh-workspace-v2 dialog.fh-profile-schedules [data-cancel-confirm] { background: #a61e35 !important; border-color: #a61e35 !important; color: white !important; }
  /* Read-only appointment details reuse this existing record-list component. */
  body.fh-console-nav.fh-clarity .fh-data-modal-card .client-record-list > div {
    grid-template-columns: 120px minmax(0,1fr);
    gap: 16px;
    padding: 12px;
    border-color: #dce3eb;
    color: #172633;
    font-size: 13px;
    line-height: 1.5;
  }
  body.fh-console-nav.fh-clarity .fh-data-modal-card .client-record-list > div > span { color: #5d6d7d; }
  body.fh-console-nav.fh-clarity .fh-data-modal-card .client-record-list > div > b { font-weight: 500; overflow-wrap: anywhere; }
}