/* GENERATED by scripts/redesign/build_theme_map.py (staff) from apps/staff/css/styles.css. Do not edit by hand.
   Maps every hard-coded colour to the redesign palette (restarfleet-app-tokens.css). */
html.rf-app #login-page { background: var(--rf-panel); }
html.rf-app #login-page::before { background-color: color-mix(in srgb, var(--rf-accent) 10%, transparent); }
html.rf-app .login-logo.has-logo { background-color: var(--rf-panel); }
html.rf-app .login-kicker { color: var(--rf-link); }
html.rf-app .login-form input { background-color: var(--rf-panel); }
html.rf-app .login-form input::placeholder { color: var(--rf-muted); }
html.rf-app .login-error { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .login-error.success { color: var(--rf-teal); background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .login-forgot-password { color: var(--rf-link); }
html.rf-app .login-forgot-password:hover, html.rf-app .login-forgot-password:focus-visible { color: var(--rf-link); }
html.rf-app #topbar .tb-brand-logo.has-logo { background-color: var(--rf-panel); }
html.rf-app #topbar .tb-user { color: var(--rf-muted); }
html.rf-app #topbar .tb-logout { border-color: var(--rf-line-2); color: var(--rf-muted); }
html.rf-app .nav-btn.active { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .home-hero { background: var(--rf-blue); color: var(--rf-on-status); }
html.rf-app .home-hero::after { background-color: color-mix(in srgb, var(--rf-accent) 22%, transparent); }
html.rf-app .home-eyebrow { color: var(--rf-amber); }
html.rf-app .home-hero p { color: var(--rf-muted); }
html.rf-app .home-hero-mark.has-logo { background-color: var(--rf-panel); }
html.rf-app .home-live { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .home-live i { background-color: var(--rf-green); }
html.rf-app .home-card { background: var(--rf-panel); }
html.rf-app .home-action { background-color: var(--rf-panel); }
html.rf-app .home-action>span { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .home-action.primary small { color: var(--rf-amber); }
html.rf-app .res-row:active { background-color: var(--rf-panel); }
html.rf-app .ongoing-card { border-left-color: color-mix(in srgb, var(--rf-blue) 70%, transparent); background: var(--rf-panel); }
html.rf-app .og-return small { text-transform: none; letter-spacing: 0; }
html.rf-app .og-return b { color: var(--rf-blue); }
html.rf-app .ongoing-empty { background-color: var(--rf-panel); }
html.rf-app .badge { text-transform: none; letter-spacing: 0; }
html.rf-app .b-ongoing { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .b-upcoming { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-purple); }
html.rf-app .b-overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .b-finished { background-color: var(--rf-panel-2); }
html.rf-app .b-paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .b-unpaid { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .b-partial { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .b-deposit { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .dt-value.big { color: var(--rf-link); }
html.rf-app .btn-outline { background-color: var(--rf-panel); }
html.rf-app .contact-btn.wa { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .contact-btn.call { background-color: var(--rf-panel); }
html.rf-app .form-control { background-color: var(--rf-panel); }
html.rf-app .section-title { text-transform: none; letter-spacing: 0; }
html.rf-app .customer-form-panel { background-color: var(--rf-panel); }
html.rf-app .customer-optional-panel { background: var(--rf-panel); }
html.rf-app .customer-form-panel .section-title>span { background-color: var(--rf-panel-2); }
html.rf-app .expense-form-panel { background-color: var(--rf-panel); }
html.rf-app .expense-payment-panel { background: var(--rf-panel); }
html.rf-app .expense-form-error { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .payment-summary-card, html.rf-app .payment-history-card, html.rf-app .payment-entry-panel { background-color: var(--rf-panel); }
html.rf-app .payment-summary-card { background: var(--rf-panel); }
html.rf-app .payment-summary-grid small { text-transform: none; letter-spacing: 0; }
html.rf-app .payment-balance.is-due { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .payment-balance.is-paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .payment-history-card { background: var(--rf-panel); }
html.rf-app .return-form-panel { background-color: var(--rf-panel); }
html.rf-app .return-details-panel { background: var(--rf-panel); }
html.rf-app .return-condition-panel, html.rf-app .return-staff-panel { background: var(--rf-panel); }
html.rf-app .return-payment-panel { background: var(--rf-panel); }
html.rf-app .return-balance-row { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .doc-status.uploaded { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .doc-status.missing { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .doc-actions label, html.rf-app .doc-actions button { background-color: var(--rf-panel); }
html.rf-app .doc-actions label.btn-up, html.rf-app .doc-actions button.btn-up { color: var(--rf-link); }
html.rf-app .suggest-row { background-color: var(--rf-panel); }
html.rf-app .suggest-row:active { background-color: var(--rf-panel); }
html.rf-app #img-modal .close-btn { background-color: var(--rf-panel); }
html.rf-app .ret-page-head>span { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .ret-filter-btn { background-color: var(--rf-panel); }
html.rf-app .ret-card:active { background-color: var(--rf-panel); }
html.rf-app .returns-list .ret-card { background: var(--rf-panel); }
html.rf-app .returns-list .ret-card.is-overdue { background: var(--rf-panel); }
html.rf-app .returns-list .ret-card:active { background: var(--rf-panel); }
html.rf-app .returns-list .ret-card.is-overdue:active { background: var(--rf-panel); }
html.rf-app .returns-list .rc-return small, html.rf-app .returns-list .rc-balance small { text-transform: none; letter-spacing: 0; }
html.rf-app .overdue-page-head>span { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .payment-page-head>span { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .pending-list .pending-card { background: var(--rf-panel); border-left-color: color-mix(in srgb, var(--rf-amber) 70%, transparent); }
html.rf-app .pending-list .pending-card:active { background: var(--rf-panel); }
html.rf-app .pending-date small, html.rf-app .rc-payment-grid small { text-transform: none; letter-spacing: 0; }
html.rf-app .available-page-head>span { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .available-card { background: var(--rf-panel); }
html.rf-app .available-status { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .available-details small { text-transform: none; letter-spacing: 0; }
html.rf-app .available-card-hint { border-top-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
/* inline styles written by the app's scripts */
html.rf-app :is([style^="background:#f9fafb" i], [style*=";background:#f9fafb" i], [style*="; background:#f9fafb" i], [style^="background: #f9fafb" i], [style*=";background: #f9fafb" i], [style*="; background: #f9fafb" i]) { background-color: var(--rf-panel) !important; }
html.rf-app :is([style^="border:#e5e7eb" i], [style*=";border:#e5e7eb" i], [style*="; border:#e5e7eb" i], [style^="border: #e5e7eb" i], [style*=";border: #e5e7eb" i], [style*="; border: #e5e7eb" i]) { border-color: var(--rf-line) !important; }
html.rf-app :is([style^="border-bottom:#f3f4f6" i], [style*=";border-bottom:#f3f4f6" i], [style*="; border-bottom:#f3f4f6" i], [style^="border-bottom: #f3f4f6" i], [style*=";border-bottom: #f3f4f6" i], [style*="; border-bottom: #f3f4f6" i]) { border-bottom-color: var(--rf-line) !important; }
html.rf-app :is([style^="border-top:#e5e7eb" i], [style*=";border-top:#e5e7eb" i], [style*="; border-top:#e5e7eb" i], [style^="border-top: #e5e7eb" i], [style*=";border-top: #e5e7eb" i], [style*="; border-top: #e5e7eb" i]) { border-top-color: var(--rf-line) !important; }
html.rf-app :is([style^="color:#16a34a" i], [style*=";color:#16a34a" i], [style*="; color:#16a34a" i], [style^="color: #16a34a" i], [style*=";color: #16a34a" i], [style*="; color: #16a34a" i]) { color: var(--rf-green) !important; }
html.rf-app :is([style^="color:#6b7280" i], [style*=";color:#6b7280" i], [style*="; color:#6b7280" i], [style^="color: #6b7280" i], [style*=";color: #6b7280" i], [style*="; color: #6b7280" i]) { color: var(--rf-soft) !important; }
html.rf-app :is([style^="color:#dc2626" i], [style*=";color:#dc2626" i], [style*="; color:#dc2626" i], [style^="color: #dc2626" i], [style*=";color: #dc2626" i], [style*="; color: #dc2626" i]) { color: var(--rf-red) !important; }
html.rf-app :is([style^="color:#e97a1e" i], [style*=";color:#e97a1e" i], [style*="; color:#e97a1e" i], [style^="color: #e97a1e" i], [style*=";color: #e97a1e" i], [style*="; color: #e97a1e" i]) { color: var(--rf-link) !important; }