/* Screen-only appearance: no filters, layout changes or altered document ink. */
.appearanceSettings{padding:24px;margin:0 0 20px;border:1px solid var(--app-border,#d8d6df);border-radius:14px;background:var(--app-surface,#fff);color:var(--app-text,#24222d)}
.appearanceSettings h2{margin:0 0 8px;font-size:1.3rem}
.appearanceSettings p{margin:0 0 16px;line-height:1.5;color:var(--app-muted,#6b6b6b)}
.appearanceSettings label{display:grid;gap:8px;max-width:320px;font-weight:600}
.appearanceSettings select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--app-border,#d8d6df);border-radius:8px;font:inherit;background:var(--app-surface,#fff);color:var(--app-text,#24222d)}
.appearanceSettings small{display:block;margin-top:10px;line-height:1.4}
@media screen and (max-width:600px){.appearanceSettings{padding:18px}}
@media screen{
html[data-theme="dark"]{color-scheme:dark;--app-page:#11131d;--app-surface:#1d2030;--app-text:#f0f1f7;--app-muted:#b7bbce;--app-border:#41475f;--app-shadow:0 5px 20px rgba(0,0,0,.28);--app-primary:#5e579d;--app-primary-hover:#746cbc;--app-success:#35855c;--app-danger:#c34d52;--app-info:#347faf;--app-warning-bg:#3b321c;--app-warning-border:#947b32;--app-danger-bg:#3c242b;--app-success-bg:#1b382d;--app-info-bg:#203445}
html[data-theme="dark"] body{background:#11131d!important;color:#f0f1f7!important}
html[data-theme="dark"] :is(.summaryCard,.actionCard,.invoiceCard,.invoiceOption,.periodPanel,.bookingCard,.fleetCard,.analyticsCard,.trackerNotice,.responsibilityNotice){background-color:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.summaryCard,.actionCard,.invoiceCard,.invoiceOption,.periodPanel,.bookingCard,.fleetCard,.analyticsCard,.trackerNotice,.responsibilityNotice) :is(p,small,strong){color:#b7bbce!important}
html[data-theme="dark"] :is(.loginCard,.signupCard,.mfaLoginCard,.orderCard,.invitationCard,.formCard,.analyticsIntro,.analyticsPanel,.modalBody,.modalFooter){background-color:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.loginCard,.signupCard,.mfaLoginCard,.orderCard,.invitationCard,.formCard,.analyticsIntro,.analyticsPanel) :is(h1,h2,h3,p,label){color:#f0f1f7!important}
/* Authentication surfaces need explicit treatment because their light theme uses
   near-white nested panels and controls inside an already themed card. */
html[data-theme="dark"] :is(.agreementContainer,.agreementNote,.passwordRequirements,.recoveryIntro){background-color:#171a27!important;color:#c4c8d8!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.agreementLabel,.agreementLabel span,.agreementNote,.agreementNote p,.legalNotice,.statusMessage,.fieldHelp){color:#c4c8d8!important}
html[data-theme="dark"] :is(.agreementLabel,.agreementNote,.legalNotice,.statusMessage,.fieldHelp) a{color:#f0d866!important}
html[data-theme="dark"] :is(.submitButton,.resendConfirmationButton,.mfaBackButton){background:#302b55!important;color:#fff!important;border-color:#6d6791!important}
html[data-theme="dark"] :is(.submitButton,.resendConfirmationButton,.mfaBackButton):hover:not(:disabled){background:#474071!important;border-color:#8b83b7!important}
html[data-theme="dark"] :is(.submitButton,.resendConfirmationButton,.mfaBackButton):disabled{background:#292d40!important;color:#aeb3c7!important;border-color:#41475f!important}
html[data-theme="dark"] .mfaStepBadge{background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
html[data-theme="dark"] .mfaCodeInput{background:#171a27!important;color:#fff!important;border-color:#947b32!important}
html[data-theme="dark"] :is(.loginCard,.signupCard) input:-webkit-autofill,
html[data-theme="dark"] :is(.loginCard,.signupCard) input:-webkit-autofill:hover,
html[data-theme="dark"] :is(.loginCard,.signupCard) input:-webkit-autofill:focus{-webkit-text-fill-color:#f0f1f7!important;-webkit-box-shadow:0 0 0 1000px #141724 inset!important;caret-color:#f0f1f7!important}
html[data-theme="dark"] :is(.settingsSection,.settingsNav,.accountCard,.appearanceSettings,.panel,.infoCard,.statCard,.moduleCard,.inventoryCard,.customerCard,.assetCard,.jobCard,.projectCard,.supplierCard,.registrationCard,.usageCard,.formContainer,.tableContainer,.tableWrapper,.maintenanceTableWrapper,.modalContent,.modal-content,dialog){background-color:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(h1,h2,h3,h4,label,dt,summary){color:#f0f1f7!important}
html[data-theme="dark"] #displayNameGreeting{color:#f0f1f7!important}
html[data-theme="dark"] :is(.pageHeading,.welcomeContainer,.settingsIntro,.sectionHeading,.accountSectionHeading,.infoCard,.statCard,.moduleCard,.inventoryCard,.customerCard,.panel,.appearanceSettings) p{color:#b7bbce!important}
html[data-theme="dark"] :is(.formHint,.fieldHelp,.fieldHelpText,.settingsEyebrow,.usageNote,.pageIntro,.statLabel){color:#b7bbce!important}
html[data-theme="dark"] :is(.sectionHeading,.settingsSection dl>div){border-color:#41475f!important}
html[data-theme="dark"] .sectionHeading span{background:#3b321c!important;color:#f1dc96!important}
html[data-theme="dark"] :is(.logoPreviewContainer,.usageNote){background:#171a27!important;color:#c4c8d8!important;border-color:#555c77!important}
html[data-theme="dark"] :is(.switchLabel small,.fileField small,.usageLegend,.settingsSection label){color:#c4c8d8!important}
html[data-theme="dark"] .slider{background:#555c77!important}
html[data-theme="dark"] .switch input:checked + .slider{background:#8a7bc7!important}
/* Remaining application-specific light panels. Keep this list explicit so
   printable business documents below can remain white and predictable. */
html[data-theme="dark"] :is(.calendarPanel,.scheduleReview,.scheduleItem,.scheduleEmpty,.stockAlerts,.analyticsEmpty,.moduleInsight,.analyticsMetric,.moneyInput,.workspaceCard,.recordFilters,.recordSection,.metricCard,.currentAccessPanel,.currentAccessItem,.configurationSection,.orderSummary,.includedGrid article,.periodOptions span,.selectionCard,.quantityRow,.allowanceLockedSummary,.checkoutAgreement,.invitePanel,.invitationEmpty,.secureTransferPanel,.secureFileItem,.mfaStatusRow,.mfaInlinePanel,.mfaEnrollmentPanel,.mfaManualSecret,.exportRequestScopes label,.secureFileToolbar,.statusCard){background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] .summaryGrid>div{background:#1d2030!important;color:#f0f1f7!important;border:1px solid #41475f!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .summaryGrid>div :is(span,strong){color:#f0f1f7!important}
html[data-theme="dark"] :is(.calendarPanel,.scheduleReview,.scheduleItem,.scheduleEmpty,.stockAlerts,.analyticsEmpty,.moduleInsight,.analyticsMetric,.workspaceCard,.recordFilters,.recordSection,.metricCard,.currentAccessPanel,.currentAccessItem,.configurationSection,.orderSummary,.includedGrid article,.periodOptions span,.selectionCard,.quantityRow,.allowanceLockedSummary,.checkoutAgreement,.invitePanel,.invitationEmpty,.secureTransferPanel,.secureFileItem,.mfaStatusRow,.mfaInlinePanel,.mfaEnrollmentPanel,.mfaManualSecret,.exportRequestScopes label) :is(p,span,small,strong,label,legend){color:inherit!important}
html[data-theme="dark"] :is(.secureTransferPanelHeading p,.secureFileNote,.mfaStatusRow span,.mfaEnrollmentCopy span,.usageLegend,.calendarHint,.calendarLegend,.selectedDateSummary,.scheduleItem p,.scheduleEyebrow){color:#b7bbce!important}
html[data-theme="dark"] :is(.privateBadge,.secureTransferStep){background:#203445!important;color:#a9d5f0!important}
html[data-theme="dark"] .secureImportPanel .secureTransferStep{background:#3b321c!important;color:#f1dc96!important}
html[data-theme="dark"] :is(.serviceChargeNotice,.secureOtpForm,.retentionNotice,.discountCampaignBanner,.capacityDisclosure,.paymentNotice,.professionalWarning,.integrityNotice,.professionalNotice,.stockAlertSetup){background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
html[data-theme="dark"] :is(.secondaryButton,.recordTabs button,.smallEditButton,.receiptsHistoryAction,.receiptOpenAction){background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] :is(.calendarDay,.calendarDay.muted){background:#171a27!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] .calendarDay:is(:hover,.selected,.today){background:#2a2e43!important}
html[data-theme="dark"] :is(.calendarHeader h2,.scheduleReview h2,.scheduleItem h3){color:#f0f1f7!important}
html[data-theme="dark"] :is(.calendarGrid,.calendarLegend){border-color:#41475f!important}
html[data-theme="dark"] :is(.scheduleType,.scheduleReviewHeading strong,.calendarEvent){background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
html[data-theme="dark"] :is(.scheduleItem.job .scheduleType,.calendarEvent.job){background:#222d4c!important;color:#c9d8ff!important;border-color:#5276cf!important}
html[data-theme="dark"] .calendarEvent.completed{background:#18382b!important;color:#a8e4c4!important;border-color:#3d8963!important}
html[data-theme="dark"] .calendarEvent.cancelled{background:#472529!important;color:#ffc2c2!important;border-color:#a44f58!important}
html[data-theme="dark"] :is(.noteEditor,.noteListPanel,.inventoryFormSection,.stockEvidenceSection,.inventoryOptionalSection,.customerEditorHeader,.supplierEditorHeader,.inventoryEditorHeader,.signatureProofDialog,.employeeChoices .checkboxLabel,.prepaidExpiryDetails>div,.prepaidExpiryLinked span){background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.customerEditorHeader,.supplierEditorHeader,.inventoryEditorHeader) button[aria-label="Close"],
html[data-theme="dark"] :is(.dialogHeader button,.cancelAction,.lineItemRemoveButton,.dialogActions .secondaryAction){background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] body>main table.mobileRecordTable tbody tr,
html[data-theme="dark"] :is(.fleetMaintenanceListPage,.supplierEditPage,.inventoryListPage,.jobsTablePage,.fleetResourcesPage) .tableWrapper tbody tr{background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] .jobsTablePage :is(.deliveryToolbar,.tableWrapper,table,tbody,tr,td){background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] .jobsTablePage .deliveryToolbar{box-shadow:0 4px 14px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .jobsTablePage :is(.deliveryToolbar label,.deliveryToolbar label span,.pageHeading p,.formHint,.jobRetentionNote){color:#b7bbce!important}
html[data-theme="dark"] .jobsTablePage tbody tr:hover{background:#25293b!important}
html[data-theme="dark"] .jobsTablePage td::before{color:#aeb3c7!important}
html[data-theme="dark"] .jobsTablePage :is(dt,dd,.dialogHeader){color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] .jobsTablePage .mistakeBtn{background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
html[data-theme="dark"] .jobsTablePage .jobActions button:disabled{background:#292d40!important;color:#9ca1b5!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.driverWorkspace .driverHistoryFilter button,.driverDeliveryFilter button){background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] :is(.driverWorkspace .driverHistoryFilter button.isSelected,.driverDeliveryFilter button.isSelected){background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
/* Shared dark-mode corrections for application actions and record editors. */
html[data-theme="dark"] body #logoutButton{background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] body #logoutButton:hover,
html[data-theme="dark"] body #logoutButton:focus-visible{background:#e4c747!important;color:#17122f!important;border-color:#e4c747!important}
html[data-theme="dark"] :is(#editContainer,#editContainer form,#editContainer fieldset,.editContainer,.editContainer form,.editPopup,.editPopup form,.editorBody,.modalBody,.modal-body){background-color:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) :is(.documentSection,.customerSection,.productSection,.itemsSection,.paymentSection,.notesSection,.totalsSection){background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) :is(.documentSection,.customerSection,.productSection,.itemsSection,.paymentSection,.notesSection,.totalsSection) :is(h1,h2,h3,h4,p,label,legend,span,strong){color:#f0f1f7!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) :is(.sectionDivider,th,td){border-color:#41475f!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) tbody tr:nth-child(even){background:#171a27!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) tbody tr:hover{background:#25293b!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) .searchResults{background:#171a27!important;color:#f0f1f7!important;border-color:#555c77!important;box-shadow:0 8px 20px rgba(0,0,0,.3)!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) .searchResults>div{color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) .searchResults>div:hover{background:#292d40!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) .vatModeControl{background:#171a27!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) .vatModeControl p{color:#b7bbce!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) input[readonly]{background:#292d40!important;color:#c8ccda!important;border-color:#555c77!important}
html[data-theme="dark"] :is(.invoiceContainer,.quoteContainer) .switchLabel{color:#f0f1f7!important}
html[data-theme="dark"] :is(#invoicePopup,#quotePopup) .popup{background:#1d2030!important;color:#f0f1f7!important;border:1px solid #41475f!important}
html[data-theme="dark"] :is(#invoicePopup,#quotePopup) .popup :is(h1,h2,h3,p){color:#f0f1f7!important}
html[data-theme="dark"] #immediatePaymentDialog :is(p,label){color:#d3d6e2!important}
html[data-theme="dark"] body #cancelEdit{background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] body #cancelEdit:hover,
html[data-theme="dark"] body #cancelEdit:focus-visible{background:#e4c747!important;color:#17122f!important;border-color:#e4c747!important}
html[data-theme="dark"] :is(#editContainer,.editContainer,.editPopup,.editorBody,.modalBody,.modal-body) :is(h1,h2,h3,h4,p,label,legend,span){color:#f0f1f7!important}
html[data-theme="dark"] :is(#editContainer,.editContainer,.editPopup) :is(.identityLockNotice,.customerEditLockNotice,.supplierEditLockNotice){background:#292d40!important;color:#d7daE5!important;border-color:#555c77!important}
html[data-theme="dark"] :is(#editContainer,.editContainer,.editPopup) :is(.formHint,.fieldHelp){color:#b7bbce!important;border-color:#41475f!important}
@media screen and (max-width:770px){
html[data-theme="dark"] body>main table.mobileRecordTable,
html[data-theme="dark"] body>main table.mobileRecordTable tbody,
html[data-theme="dark"] body>main .tableWrapper:has(>table.mobileRecordTable),
html[data-theme="dark"] body>main .maintenanceTableWrapper:has(>table.mobileRecordTable){background:transparent!important;box-shadow:none!important}
}
/* QR modules need a white quiet zone to remain reliably scannable. */
html[data-theme="dark"] .mfaQrCode{background:#fff!important;border-color:#72788f!important}
html[data-theme="dark"] .professionalVerificationNotice{background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
html[data-theme="dark"] .professionalVerificationNotice :is(p,strong,a){color:#f1dc96!important}
html[data-theme="dark"] :is(.registrationWarning,.warningNotice,.analyticsNotice){background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
/* Advanced Analytics uses nested insight, table and planner surfaces that are
   intentionally more varied than ordinary cards. Keep every nested surface
   dark while preserving clear grouping and state contrast. */
html[data-theme="dark"] .analyticsMain{color:#f0f1f7!important}
html[data-theme="dark"] :is(.analyticsIntro p:last-child,.analyticsStatus,.analyticsPanelHeading p,.stockAlerts>p,.metricLabel,.metricNote,.moduleInsight>summary small){color:#b7bbce!important}
html[data-theme="dark"] .insightWindow{background:#171a27!important;color:#c4c8d8!important;border:1px solid #41475f!important}
html[data-theme="dark"] .analyticsHighlightGrid .analyticsMetric{background:#203445!important;border-color:#376177!important}
html[data-theme="dark"] .stockAlertTabs{border-color:#41475f!important}
html[data-theme="dark"] .stockAlertTabs button{background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] .stockAlertTabs button:is(:hover,:focus-visible){background:#34394f!important;border-color:#737b99!important}
html[data-theme="dark"] .stockAlertTabs button.active{background:#2f7180!important;color:#fff!important;border-color:#61a9b8!important}
html[data-theme="dark"] .analyticsTableWrap{background:#171a27!important;border-color:#41475f!important}
html[data-theme="dark"] .analyticsTableWrap :is(th,td){border-color:#41475f!important}
html[data-theme="dark"] .analyticsDetails{background:#1d2030!important;border-color:#41475f!important}
html[data-theme="dark"] .analyticsDetails>summary{color:#8fd0dc!important}
html[data-theme="dark"] .analyticsDetails .analyticsTableWrap{border-top-color:#41475f!important}
html[data-theme="dark"] .moneyInput>span{background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] .moduleInsight[open]{background:#171a27!important;border-color:#376177!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .moduleInsight>summary:hover{background:#292d40!important}
html[data-theme="dark"] .moduleInsight[open]>summary{background:#203445!important;border-color:#376177!important}
html[data-theme="dark"] .moduleInsightContent{background:#171a27!important}
html[data-theme="dark"] .moduleKeyInsight{background:#203445!important;border-color:#61a9b8!important}
html[data-theme="dark"] .moduleKeyInsight strong{color:#bde7ef!important}
html[data-theme="dark"] .moduleKeyInsight span{color:#d2d8e8!important}
html[data-theme="dark"] .moduleInsight .analyticsMetric{background:#1d2030!important;border-color:#41475f!important}
/* Asset Register reports use a dark editing/preview surface on screen. The
   report stylesheet's print rules remain white for paper and saved PDFs. */
html[data-theme="dark"] body.assetRegisterReportScreen .filters{background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important;box-shadow:0 4px 14px rgba(0,0,0,.2)!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportPage{color-scheme:dark;background:#1d2030!important;color:#f0f1f7!important;box-shadow:0 7px 24px rgba(0,0,0,.34)!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportHeader{border-color:#dcbc32!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportHeader :is(h1,h2){color:#f0f1f7!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportHeader p{color:#b7bbce!important}
html[data-theme="dark"] body.assetRegisterReportScreen .summary>div{background:#292d40!important;color:#f0f1f7!important;border:1px solid #41475f!important}
html[data-theme="dark"] body.assetRegisterReportScreen .summary span{color:#b7bbce!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportPage :is(td,tr,tbody){background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportPage tbody tr:nth-child(even),
html[data-theme="dark"] body.assetRegisterReportScreen .reportPage tbody tr:nth-child(even) td{background:#24283a!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportPage th{background:#29243f!important;color:#fff!important;border-color:#41475f!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportEmpty{color:#b7bbce!important}
html[data-theme="dark"] body.assetRegisterReportScreen .reportNote{background:#3b321c!important;color:#f1dc96!important;border-color:#dcbc32!important}
html[data-theme="dark"] body.assetRegisterReportScreen .signatures div{color:#d7dae5!important;border-color:#72788f!important}
/* Fleet maintenance and K53 entry forms have their own large form shell and
   checklist fieldset, so theme those surfaces rather than leaving white slabs. */
html[data-theme="dark"] .maintenancePanel{background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important;box-shadow:0 7px 22px rgba(0,0,0,.28)!important}
html[data-theme="dark"] .maintenancePanel :is(h1,h2,h3,.maintenanceForm label,.maintenanceForm fieldset legend){color:#f0f1f7!important}
html[data-theme="dark"] .maintenancePanel :is(.formHint,#vehicleHelp,.maintenanceForm>small){color:#b7bbce!important}
html[data-theme="dark"] .maintenanceForm fieldset{background:#171a27!important;border-color:#555c77!important}
html[data-theme="dark"] .maintenanceForm fieldset label{padding:10px 12px;border:1px solid #41475f;border-radius:8px;background:#292d40!important;color:#e5e7f0!important}
html[data-theme="dark"] .maintenanceForm fieldset label:is(:hover,:focus-within){background:#34394f!important;border-color:#737b99!important}
/* Delivery module surfaces shared by owner, supplier and driver workflows. */
html[data-theme="dark"] :is(.driverDailyCheck,.deliveryDateFilter){background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important;box-shadow:0 5px 18px rgba(0,0,0,.24)!important}
html[data-theme="dark"] :is(.driverDailyCheck,.deliveryDateFilter) :is(h2,p,label,legend,span){color:inherit!important}
html[data-theme="dark"] :is(.deliveryToolbar label,.deliveryDateFilter legend){color:#e5e7f0!important}
html[data-theme="dark"] :is(.deliveryDateSeparator,.deliveryFilterSummary,.driverDailyCheck p:not(.sectionEyebrow)){color:#b7bbce!important}
html[data-theme="dark"] .driverSettingsLink{color:#e6cf62!important}
html[data-theme="dark"] .driverSettingsLink:hover{color:#ffe87a!important}
html[data-theme="dark"] .deliveryStatus{background:#3b321c!important;color:#f1dc96!important;border-color:#947b32!important}
html[data-theme="dark"] .deliveryStatus.delivered,
html[data-theme="dark"] .signatureProofConfirmation{background:#1b382d!important;color:#a8e4c4!important;border-color:#3d8963!important}
html[data-theme="dark"] .signatureProofDialog .formHint{color:#b7bbce!important}
html[data-theme="dark"] .emptyDeliveryRow{color:#b7bbce!important}
html[data-theme="dark"] .driverMobileOnlyNotice{background:#3b321c!important;color:#f1dc96!important;border:1px solid #947b32!important}
html[data-theme="dark"] .settingsNav a:is(:hover,:focus){background:#30354a!important;color:#ffe48a!important}
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){background-color:#141724!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#9ca4bd!important;opacity:1}
html[data-theme="dark"] :is(input,select,textarea):disabled{color:#a8aec2!important;opacity:.75}
html[data-theme="dark"] :is(a.goBack,a.backButton,.settingsNav a){color:#e6cf62!important}
html[data-theme="dark"] :is(td,tr,tbody){background-color:#1d2030;color:#f0f1f7;border-color:#41475f!important}
html[data-theme="dark"] tbody tr:nth-child(even){background-color:#24283a}
html[data-theme="dark"] tbody tr:hover{background-color:#2d3248}
html[data-theme="dark"] th{background-color:#29243f;color:#fff;border-color:#41475f}
html[data-theme="dark"] :is(.infoCard dd,.accountCard dd,.infoRow,.detailRow,.settingsSection dl>div){border-color:#41475f!important}
html[data-theme="dark"] :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #e4c747!important;outline-offset:3px}
/* Match the loading stage to the saved appearance without changing the logo's white knockout. */
html[data-theme="dark"]:is(.accessPending,.permissionAccessPending,.settingsAccessPending,.authPending)::after{background-color:#10131f!important;color:#f0f1f7!important}
/* Documents are deliberately white in preview as well as on paper. */
html[data-theme="dark"] :is(.invoicePage,.quotePage,.receiptPage,.receiptSlip,.paymentReceipt,.statementPage,.printPage){color-scheme:light;background:#fff!important;color:#24222d!important}
html[data-theme="dark"] :is(.invoicePage,.quotePage,.receiptPage,.receiptSlip,.paymentReceipt,.statementPage,.printPage) :is(h1,h2,h3,h4,p,label,dt,summary,td,tr,tbody){color:#24222d!important;background-color:transparent!important}
@media screen{
html[data-theme="dark"] #draftReminder{background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] #draftReminder:hover,
html[data-theme="dark"] #draftReminder:focus-visible{background:#e4c747!important;color:#17122f!important;border-color:#e4c747!important}
html[data-theme="dark"] .statementPage{background:#1d2030!important;color:#f0f1f7!important;border-color:#41475f!important}
html[data-theme="dark"] .statementPage :is(h1,h2,h3,h4,p,label,span,strong,td,tr,tbody){color:#f0f1f7!important}
html[data-theme="dark"] .statementPage .statementMeta,
html[data-theme="dark"] .statementPage .statementSummary>div{background:#292d40!important;color:#f0f1f7!important;border-color:#555c77!important}
html[data-theme="dark"] .statementPage :is(table,td,tr,tbody){border-color:#41475f!important}
}
}
@media print{.appearanceSettings{display:none!important}}