/* Operational Clarity: desktop driver records modal and profile registry. */
@media (min-width: 901px) {
  body.fh-console-nav.fh-clarity .fh-data-modal-card:has(#driverFiltersForm) .fh-data-modal-body {
    color: #536572;
    font-size: 13px !important;
    line-height: 1.5;
  }
  body.fh-console-nav.fh-clarity #driverFiltersForm label {
    color: #536572;
    font-size: 12px !important;
    gap: 6px;
  }
  body.fh-console-nav.fh-clarity #driverFiltersForm select {
    min-height: 38px;
    font-size: 13px !important;
  }
  body.fh-console-nav.fh-clarity #driverFiltersForm p {
    font-size: 12px !important;
    line-height: 1.5;
  }
  body.fh-console-nav.fh-clarity {
    --drc-copy: #172633;
    --drc-secondary: #526374;
    --drc-line: #dce3eb;
    --drc-soft: #f1f5f8;
    --drc-action: #075f7c;
    --drc-focus: #087f9c;
  }

  body.fh-console-nav.fh-clarity .fh-data-modal-card:has(#driverRecordsBody) {
    min-width: 0 !important;
    border: 1px solid var(--drc-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--drc-copy) !important;
    box-shadow: 0 12px 36px #17263324 !important;
  }

  body.fh-console-nav.fh-clarity .fh-data-modal-card:has(#driverRecordsBody) .fh-data-modal-body {
    min-width: 0 !important;
    padding: 16px !important;
    background: #fff !important;
    color: var(--drc-copy) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody {
    display: grid !important;
    gap: 10px !important;
    min-width: 0 !important;
    color: var(--drc-copy) !important;
    font-size: 13px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody > p {
    margin: 0 !important;
    color: var(--drc-secondary) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody > h3,
  body.fh-console-nav.fh-clarity #driverRecordsBody > h4 {
    margin: 8px 0 0 !important;
    color: var(--drc-copy) !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody > h3:not(:first-of-type) {
    padding-top: 10px !important;
    border-top: 1px solid var(--drc-line) !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody .astra-driver-record-status {
    padding: 4px 8px !important;
    border: 1px solid #d8c18f !important;
    border-radius: 5px !important;
    background: #fff8e8 !important;
    color: #674b12 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody .driver-context-card {
    min-width: 0 !important;
    padding: 11px !important;
    border: 1px solid var(--drc-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--drc-copy) !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody .astra-driver-record-status[data-severity="critical"] {
    color: #9b3544 !important;
    background: #fff1f3 !important;
    border-color: #efc9d0 !important;
  }
  body.fh-console-nav.fh-clarity #driverRecordsBody .astra-driver-record-status[data-severity="ok"] {
    color: #27623c !important;
    background: #edf7f0 !important;
    border-color: #b6ddc5 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody .driver-context-card :is(b, p, small) {
    color: inherit !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody .driver-context-card small {
    color: var(--drc-secondary) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(#driverCompanyRoleAssignForm, #driverCompanyRoleForm, #driverRecordRoleForm, #driverRecordUploadForm) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: end !important;
    gap: 10px !important;
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid var(--drc-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--drc-copy) !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(#driverCompanyRoleAssignForm, #driverCompanyRoleForm, #driverRecordRoleForm, #driverRecordUploadForm) > label {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
    color: var(--drc-secondary) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(#driverCompanyRoleAssignForm, #driverCompanyRoleForm, #driverRecordRoleForm, #driverRecordUploadForm) > :is(fieldset, p, button) {
    grid-column: 1 / -1 !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(#driverCompanyRoleAssignForm, #driverCompanyRoleForm, #driverRecordRoleForm, #driverRecordUploadForm) fieldset {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--drc-line) !important;
    border-radius: 6px !important;
    color: var(--drc-copy) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(#driverCompanyRoleForm, #driverRecordRoleForm) fieldset label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    color: var(--drc-copy) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(#driverCompanyRoleAssignForm, #driverCompanyRoleForm, #driverRecordRoleForm, #driverRecordUploadForm) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 8px 9px !important;
    border: 1px solid #c7d2dc !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--drc-copy) !important;
    font-size: 13px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(input[type=checkbox], input[type=radio]) {
    width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    flex: 0 0 auto !important;
    accent-color: var(--drc-action) !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody input[type=file] {
    max-width: 100% !important;
    min-width: 0 !important;
    color: var(--drc-copy) !important;
    font-size: 12px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(button, summary) {
    color: var(--drc-action) !important;
    font-size: 13px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody button {
    min-height: 34px !important;
    padding: 7px 10px !important;
    border: 1px solid #b9c9d4 !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody :is(button, input, select, textarea, summary):focus-visible,
  body.fh-console-nav.fh-clarity .fh-data-modal-card:has(#driverRecordsBody) .fh-data-modal-actions button:focus-visible {
    outline: 2px solid var(--drc-focus) !important;
    outline-offset: 2px !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody #driverCompanyRoleSettings {
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid var(--drc-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody #driverCompanyRoleSettings > summary {
    cursor: pointer !important;
  }

  body.fh-console-nav.fh-clarity #driverRecordsBody #driverRecordHistory {
    min-width: 0 !important;
    color: var(--drc-copy) !important;
    font-size: 13px !important;
  }

  body.fh-console-nav.fh-clarity .fh-driver-registry {
    gap: 12px !important;
    color: var(--drc-copy) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.fh-console-nav.fh-clarity .fh-driver-registry :is(h2, h3) {
    color: var(--drc-copy) !important;
    font-size: 15px !important;
  }

  body.fh-console-nav.fh-clarity .fh-driver-registry p,
  body.fh-console-nav.fh-clarity .fh-driver-registry label {
    color: var(--drc-secondary) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  body.fh-console-nav.fh-clarity .fh-driver-registry-row {
    border-color: var(--drc-line) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--drc-copy) !important;
  }

  body.fh-console-nav.fh-clarity .fh-driver-registry :is(input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea) {
    min-height: 38px !important;
    border-color: #c7d2dc !important;
    border-radius: 5px !important;
    color: var(--drc-copy) !important;
    font-size: 13px !important;
  }

  body.fh-console-nav.fh-clarity .fh-driver-registry button {
    min-height: 34px !important;
    border: 1px solid #b9c9d4 !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: var(--drc-action) !important;
    font-size: 13px !important;
    box-shadow: none !important;
  }
}