/* GENERATED by scripts/redesign/build_theme_map.py (desktop) from apps/desktop/index.html. Do not edit by hand.
   Maps every hard-coded colour to the redesign palette (restarfleet-app-tokens.css). */
html.rf-app .brand-sub { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .nav-section-label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .nav-item { color: var(--rf-muted); }
html.rf-app .nav-item.active { background-color: color-mix(in srgb, var(--rf-accent) 15%, transparent); border-color: color-mix(in srgb, var(--rf-accent) 25%, transparent); }
html.rf-app .nav-item svg { color: var(--rf-muted); }
html.rf-app .nav-item.active svg { color: var(--rf-link); }
html.rf-app .nav-badge { background-color: var(--rf-red); color: var(--rf-on-status); }
html.rf-app .addon-tag { border-color: color-mix(in srgb, var(--rf-accent) 45%, transparent); color: var(--rf-amber); background-color: color-mix(in srgb, var(--rf-accent) 10%, transparent); }
html.rf-app .btn-danger { background-color: var(--rf-red); color: var(--rf-on-status); }
html.rf-app .btn-danger:hover { background-color: var(--rf-red); }
html.rf-app .btn-success { background-color: var(--rf-green); color: var(--rf-on-status); }
html.rf-app .btn-success:hover { background-color: var(--rf-green); }
html.rf-app .btn-ghost { background-color: var(--rf-panel); }
html.rf-app .btn-icon { background-color: var(--rf-panel); }
html.rf-app .btn-today { color: var(--rf-link); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .view-toggle .vtbtn { background-color: var(--rf-panel); }
html.rf-app .stat-dot.ongoing { background-color: var(--rf-blue); }
html.rf-app .stat-dot.upcoming { background-color: var(--rf-purple); }
html.rf-app .stat-dot.overdue { background-color: var(--rf-red); }
html.rf-app .stat-dot.finished { background-color: var(--rf-green); }
html.rf-app .stats-right { color: var(--rf-muted); }
html.rf-app .login-card { background-color: var(--rf-panel); }
html.rf-app .login-field input { background-color: var(--rf-panel); }
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); color: var(--rf-red); }
html.rf-app .login-btn:hover:not(:disabled) { background-color: var(--rf-accent); }
html.rf-app .sidebar-user-role { color: var(--rf-muted); }
html.rf-app .sidebar-logout { color: var(--rf-muted); }
html.rf-app .sidebar-logout:hover { background-color: color-mix(in srgb, var(--rf-accent) 14%, transparent); border-color: color-mix(in srgb, var(--rf-accent) 35%, transparent); }
html.rf-app .legend-bar { background-color: var(--rf-panel); }
html.rf-app .pb-filter-input { background-color: var(--rf-panel); }
html.rf-app .pb-filter-input::placeholder { color: var(--rf-muted); }
html.rf-app .pb-filter-clear { background-color: var(--rf-panel); }
html.rf-app .pb-filter-clear:hover { background-color: var(--rf-panel); border-color: var(--rf-line-2); }
html.rf-app .legend-swatch.ongoing { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .legend-swatch.overdue { 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 .legend-swatch.maintenance { background-color: var(--rf-panel-2); border-color: var(--rf-line-2); }
html.rf-app .legend-swatch.finished { 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 .ops2-header { background-color: var(--rf-panel); }
html.rf-app .ops2-tab { --ops-card-bg: var(--rf-panel); --ops-card-icon-bg: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .ops2-tab:hover { border-color: var(--rf-line-2); }
html.rf-app .ops-tone-orange { --ops-card-bg: var(--rf-panel); --ops-card-accent: var(--rf-accent); --ops-card-icon-bg: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .ops-tone-blue { --ops-card-bg: var(--rf-panel); --ops-card-accent: var(--rf-blue); --ops-card-icon-bg: color-mix(in srgb, var(--rf-blue) 14%, transparent); }
html.rf-app .ops-tone-red { --ops-card-bg: var(--rf-panel); --ops-card-accent: var(--rf-red); --ops-card-icon-bg: color-mix(in srgb, var(--rf-red) 14%, transparent); }
html.rf-app .ops-tone-green { --ops-card-bg: var(--rf-panel); --ops-card-accent: var(--rf-green); --ops-card-icon-bg: color-mix(in srgb, var(--rf-green) 14%, transparent); }
html.rf-app .ops-tone-yellow { --ops-card-bg: var(--rf-panel); --ops-card-accent: var(--rf-amber); --ops-card-icon-bg: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .ops-tone-navy { --ops-card-bg: var(--rf-panel); --ops-card-accent: var(--rf-grey); --ops-card-icon-bg: color-mix(in srgb, var(--rf-grey) 14%, transparent); }
html.rf-app .ops2-filter-bar { background-color: var(--rf-panel); }
html.rf-app .ops2-fi { background-color: var(--rf-panel); }
html.rf-app .ops2-count-bar { background-color: var(--rf-panel); border-bottom-color: var(--rf-line); }
html.rf-app .ops-widget { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app 70% { border-color: color-mix(in srgb, var(--rf-accent) 40%, transparent); }
html.rf-app .ops-drillback-btn { background-color: var(--rf-panel); border-color: var(--rf-line-2); color: var(--rf-text); }
html.rf-app .ops-drillback-btn:hover { background-color: var(--rf-panel); border-color: var(--rf-line-2); }
html.rf-app .ops-widget-header { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .ops-widget-icon { background-color: var(--rf-panel-2); }
html.rf-app .ops-widget-icon svg { color: var(--rf-link); }
html.rf-app .ops-widget-btn { color: var(--rf-muted); }
html.rf-app .ops-widget-btn:hover { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .ops-filters { border-bottom-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); border-top-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); background: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .ops-filter label { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .ops-filter input, html.rf-app .ops-filter select { border-color: color-mix(in srgb, var(--rf-accent) 38%, transparent); background-color: var(--rf-panel); }
html.rf-app .ops-empty { color: var(--rf-muted); }
html.rf-app .ops-card { background-color: var(--rf-panel); border-color: var(--rf-line); border-left-color: var(--rf-line-2); }
html.rf-app .ops-card.oc-ongoing { border-left-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .ops-card.oc-upcoming { border-left-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .ops-card.oc-overdue { border-left-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .ops-card.oc-finished { border-left-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .ops-card-badge.b-ongoing { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .ops-card-badge.b-upcoming { background-color: color-mix(in srgb, var(--rf-purple) 13%, transparent); color: var(--rf-purple); }
html.rf-app .ops-card-badge.b-overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .ops-card-badge.b-finished { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .ops-card-badge.b-available { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .ops-meta-label { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .ops-meta-value.red { color: var(--rf-red); }
html.rf-app .ops-meta-value.green { color: var(--rf-green); }
html.rf-app .ops-meta-value.orange { color: var(--rf-link); }
html.rf-app .ops-meta-value.overdue-flag { color: var(--rf-red); }
html.rf-app .ops-card-vehicle { color: var(--rf-soft); background-color: var(--rf-panel-2); }
html.rf-app .ops-card-btn { background-color: var(--rf-panel); color: var(--rf-link); }
html.rf-app .ops-count-bar { color: var(--rf-muted); border-top-color: var(--rf-line); }
html.rf-app .ops-card-actions { border-top-color: var(--rf-line); }
html.rf-app .ops-act-btn { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .ops-act-btn:hover { background-color: var(--rf-panel-2); border-color: var(--rf-line-2); }
html.rf-app .ops-act-btn.act-primary { color: var(--rf-link); }
html.rf-app .ops-act-btn.act-primary:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .ops-act-btn.act-danger { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); color: var(--rf-red); }
html.rf-app .ops-act-btn.act-danger:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .ops-act-btn.act-open { background-color: var(--rf-panel-2); border-color: var(--rf-line-2); color: var(--rf-head); }
html.rf-app .ops-act-btn.act-open:hover { background-color: var(--rf-raise); border-color: var(--rf-line-2); }
html.rf-app .ops-act-btn.act-edit { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); color: var(--rf-blue); }
html.rf-app .ops-act-btn.act-edit:hover { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .ops-act-btn.act-payment { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); color: var(--rf-green); }
html.rf-app .ops-act-btn.act-payment:hover { 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 .ops-act-btn.act-print { background-color: var(--rf-panel); border-color: var(--rf-line-2); color: var(--rf-soft); }
html.rf-app .ops-act-btn.act-print:hover { background-color: var(--rf-panel-2); border-color: var(--rf-line-2); }
html.rf-app .ops-act-btn.act-invoice { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .ops-act-btn.act-invoice:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .ops-act-btn.act-return { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-accent-ink); }
html.rf-app .ops-act-btn.act-return:hover { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-accent-ink); }
html.rf-app .veh-popup { background-color: var(--rf-panel); }
html.rf-app .veh-info-row { border-bottom-color: var(--rf-line); }
html.rf-app .veh-info-label { color: var(--rf-soft); }
html.rf-app .upay-popup { background-color: var(--rf-panel); }
html.rf-app .upay-label { color: var(--rf-soft); }
html.rf-app .upay-input { border-color: var(--rf-line-2); }
html.rf-app .upay-input[readonly] { background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .upay-divider { border-top-color: var(--rf-line); }
html.rf-app .upay-result { background-color: var(--rf-panel); }
html.rf-app .upay-result-row .upay-rlabel { color: var(--rf-soft); }
html.rf-app .upay-result-row .upay-rval.red { color: var(--rf-red); }
html.rf-app .upay-result-row .upay-rval.green { color: var(--rf-green); }
html.rf-app .upay-result-row .upay-rval.orange { color: var(--rf-link); }
html.rf-app .bk-pay-hist-title { color: var(--rf-text); text-transform: none; letter-spacing: 0; }
html.rf-app .bk-pay-hist-row { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .bk-pay-hist-date { color: var(--rf-soft); }
html.rf-app .bk-pay-hist-amount { color: var(--rf-green); }
html.rf-app .bk-pay-hist-method { color: var(--rf-text); }
html.rf-app .bk-pay-hist-ref { color: var(--rf-soft); }
html.rf-app .bk-pay-del-btn { color: var(--rf-muted); }
html.rf-app .bk-pay-del-btn:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .bk-pay-empty { background-color: var(--rf-panel); border-color: var(--rf-line); color: var(--rf-head); }
html.rf-app .bk-pay-total-row { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); color: var(--rf-blue); }
html.rf-app .dash-hdr { background-color: var(--rf-panel); }
html.rf-app .dash-kpi { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-grey); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-grey) 14%, transparent); border-color: var(--rf-line); }
html.rf-app .dash-kpi.kpi-orange { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-accent); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .dash-kpi.kpi-blue { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-blue); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-blue) 14%, transparent); }
html.rf-app .dash-kpi.kpi-red { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-red); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-red) 14%, transparent); }
html.rf-app .dash-kpi.kpi-green { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-green); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-green) 14%, transparent); }
html.rf-app .dash-kpi.kpi-purple { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-purple); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-blue) 14%, transparent); }
html.rf-app .dash-kpi.kpi-yellow { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-amber); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .dash-kpi.kpi-teal { --dash-kpi-bg: var(--rf-panel); --dash-kpi-accent: var(--rf-teal); --dash-kpi-icon-bg: color-mix(in srgb, var(--rf-teal) 14%, transparent); }
html.rf-app .dash-kpi:hover.kpi-orange { border-color: color-mix(in srgb, var(--rf-accent) 25%, transparent); }
html.rf-app .dash-kpi:hover.kpi-red { border-color: color-mix(in srgb, var(--rf-red) 20%, transparent); }
html.rf-app .dash-kpi:hover.kpi-blue { border-color: color-mix(in srgb, var(--rf-blue) 20%, transparent); }
html.rf-app .dash-kpi:hover.kpi-green { border-color: color-mix(in srgb, var(--rf-teal) 20%, transparent); }
html.rf-app .dash-kpi:hover.kpi-teal { border-color: color-mix(in srgb, var(--rf-teal) 25%, transparent); }
html.rf-app .dash-kpi-label { text-transform: none; letter-spacing: 0; }
html.rf-app .dash-action-btn { background-color: var(--rf-panel); }
html.rf-app .dash-action-btn:hover { background-color: var(--rf-panel); border-color: var(--rf-line-2); }
html.rf-app .dash-panel { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .dash-panel-hdr { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .dash-lookup-hit { background-color: var(--rf-panel); }
html.rf-app .dash-lookup-hit:hover { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .dot-green { background-color: var(--rf-green); }
html.rf-app .dot-red { background-color: var(--rf-red); }
html.rf-app .dot-grey { background-color: var(--rf-raise); }
html.rf-app .dash-section { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .dash-sec-hdr { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .dash-sec-link { color: var(--rf-link); }
html.rf-app .dash-item { border-bottom-color: var(--rf-line); }
html.rf-app .dash-item:hover { background-color: var(--rf-panel); }
html.rf-app .badge-due { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-amber); }
html.rf-app .badge-refund { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-teal); }
html.rf-app .badge-paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-teal); }
html.rf-app .badge-over { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .dash-btn { background-color: var(--rf-panel); }
html.rf-app .dash-btn:hover { background-color: var(--rf-panel); }
html.rf-app .dash-empty { color: var(--rf-muted); }
html.rf-app .notif-header .btn { background-color: var(--rf-panel); }
html.rf-app .notif-header .btn:hover { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .notif-filters { background-color: var(--rf-panel); }
html.rf-app .notif-filter-sel { background-color: var(--rf-panel); }
html.rf-app .notif-summary strong { color: var(--rf-link); }
html.rf-app .notif-card { --notif-accent: var(--rf-grey); --notif-tint: color-mix(in srgb, var(--rf-grey) 14%, transparent); background: var(--rf-panel); }
html.rf-app .notif-card.nt-overdue { --notif-accent: var(--rf-red); --notif-tint: color-mix(in srgb, var(--rf-red) 14%, transparent); }
html.rf-app .notif-card.nt-dropoff { --notif-accent: var(--rf-blue); --notif-tint: color-mix(in srgb, var(--rf-blue) 14%, transparent); }
html.rf-app .notif-card.nt-balance { --notif-accent: var(--rf-amber); --notif-tint: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .notif-card.nt-refund { --notif-accent: var(--rf-purple); --notif-tint: color-mix(in srgb, var(--rf-blue) 14%, transparent); }
html.rf-app .notif-card.nt-exp-soon { --notif-accent: var(--rf-amber); --notif-tint: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .notif-card.nt-expired { --notif-accent: var(--rf-red); --notif-tint: color-mix(in srgb, var(--rf-red) 14%, transparent); }
html.rf-app .notif-card.nt-sambung-due { --notif-accent: var(--rf-purple); --notif-tint: color-mix(in srgb, var(--rf-blue) 14%, transparent); }
html.rf-app .notif-card.nt-takeback { --notif-accent: var(--rf-amber); --notif-tint: color-mix(in srgb, var(--rf-amber) 14%, transparent); }
html.rf-app .notif-card.is-read { background-color: var(--rf-panel); }
html.rf-app .notif-type { text-transform: none; letter-spacing: 0; }
html.rf-app .np-red { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .np-orange { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .np-blue { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .np-purple { background-color: color-mix(in srgb, var(--rf-purple) 13%, transparent); color: var(--rf-purple); }
html.rf-app .np-yellow { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .np-grey { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .notif-read-btn { background-color: var(--rf-panel); }
html.rf-app .notif-read-btn:hover { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .notif-empty { color: var(--rf-muted); }
html.rf-app .notif-badge-count { background-color: var(--rf-red); color: var(--rf-on-status); }
html.rf-app .vdb-tabs { background-color: var(--rf-panel); }
html.rf-app .vdb-tab.active { color: var(--rf-link); }
html.rf-app .vdb-tab:hover:not(.active) { background-color: var(--rf-panel); }
html.rf-app .svc-toolbar { background-color: var(--rf-panel); }
html.rf-app .svc-fg label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .svc-summary { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-soft); }
html.rf-app .svc-summary strong { color: var(--rf-link); }
html.rf-app .svc-body { background-color: var(--rf-panel-2); }
html.rf-app .svc-reminder { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .svc-table-wrap { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .svc-table th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .svc-table td { border-bottom-color: var(--rf-line); }
html.rf-app .svc-table tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .svc-type-pill { background-color: var(--rf-panel-2); color: var(--rf-text); }
html.rf-app .sv-completed { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .sv-scheduled { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .sv-in-progress { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .sv-upcoming { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .sv-overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .svc-act-btn { background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .svr-due { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .svr-soon { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .svr-ok { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .svr-none { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .svc-act-btn:hover { border-color: var(--rf-line-2); }
html.rf-app .svc-act-btn.del { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .svc-act-btn.del:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app #svc-modal, html.rf-app .svc-modal-shell { background-color: var(--rf-panel); }
html.rf-app .svc-mhdr { background-color: var(--rf-panel); }
html.rf-app .svc-mf label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .svc-mf input[readonly] { background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .svc-sync-info { color: var(--rf-soft); background-color: var(--rf-panel); }
html.rf-app .svc-mftr { background-color: var(--rf-panel); }
html.rf-app .vdb-header { background-color: var(--rf-panel); }
html.rf-app .vdb-list-panel { border-right-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .vdb-filters { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .vdb-search { background-color: var(--rf-panel); }
html.rf-app .vdb-filter-sel { background-color: var(--rf-panel); }
html.rf-app .vdb-count { background-color: var(--rf-panel); border-bottom-color: var(--rf-line); }
html.rf-app .vdb-cat-hdr { background-color: var(--rf-panel-2); border-bottom-color: var(--rf-line); }
html.rf-app .vdb-cat-hdr:hover { background-color: var(--rf-panel-2); }
html.rf-app .vdb-cat-hdr-arrow { color: var(--rf-soft); }
html.rf-app .vdb-cat-hdr-name { text-transform: none; letter-spacing: 0; }
html.rf-app .vdb-cat-hdr-badge { background-color: var(--rf-panel); border-color: var(--rf-line-2); }
html.rf-app .vdb-row { border-bottom-color: var(--rf-line); }
html.rf-app .vdb-row:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .vdb-row-plate { background-color: var(--rf-panel-2); }
html.rf-app .vdb-badge.st-available { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .vdb-badge.st-rented { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .vdb-badge.st-maintenance { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .vdb-badge.st-inactive { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .vdb-badge.st-overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .vdb-badge.ex-expired { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .vdb-badge.ex-expiring { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .vdb-profile { background-color: var(--rf-panel-2); }
html.rf-app .vdb-profile-placeholder svg { color: var(--rf-muted); }
html.rf-app .vdb-psec { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .vdb-psec-title { text-transform: none; letter-spacing: 0; }
html.rf-app .vdb-f label { text-transform: none; letter-spacing: 0; }
html.rf-app .vdb-f input, html.rf-app .vdb-f select, html.rf-app .vdb-f textarea { background-color: var(--rf-panel); }
html.rf-app .vdb-f input.em, html.rf-app .vdb-f select.em, html.rf-app .vdb-f textarea.em { background-color: var(--rf-panel); }
html.rf-app .vdb-exp-pill.expired { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .vdb-exp-pill.expiring { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .vdb-exp-pill.valid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .vdb-exp-pill.none { background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app #vdb-modal { background-color: var(--rf-panel); }
html.rf-app .vdb-mhdr { background-color: var(--rf-panel); }
html.rf-app .vdb-msec-title { text-transform: none; letter-spacing: 0; }
html.rf-app .vdb-mf label { text-transform: none; letter-spacing: 0; }
html.rf-app .vdb-mftr { background-color: var(--rf-panel); }
html.rf-app #expenses-page { background-color: var(--rf-panel-2); }
html.rf-app .exp-header { background-color: var(--rf-panel); }
html.rf-app .exp-filters { background-color: var(--rf-panel); }
html.rf-app .exp-filter-group label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .exp-summary { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-soft); }
html.rf-app .exp-summary strong { color: var(--rf-link); }
html.rf-app .exp-table-wrap { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .exp-table th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .exp-table td { border-bottom-color: var(--rf-line); }
html.rf-app .exp-table tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .exp-cat-pill { background-color: var(--rf-panel-2); color: var(--rf-text); }
html.rf-app .exp-act-btn { background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .exp-act-btn:hover { border-color: var(--rf-line-2); }
html.rf-app .exp-act-btn.del { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .exp-act-btn.del:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app #invoices-page { background-color: var(--rf-panel-2); }
html.rf-app .inv-header { background-color: var(--rf-panel); }
html.rf-app .inv-filters { background-color: var(--rf-panel); }
html.rf-app .inv-filter label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .inv-filter input, html.rf-app .inv-filter select { background-color: var(--rf-panel); }
html.rf-app .inv-stat { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .inv-stat-label { text-transform: none; letter-spacing: 0; }
html.rf-app .inv-stat.outstanding { border-left-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app .inv-stat.outstanding .inv-stat-value { color: var(--rf-red); }
html.rf-app .inv-table-wrap { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .inv-table th { background-color: var(--rf-panel); color: var(--rf-soft); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .inv-table td { border-bottom-color: var(--rf-line); }
html.rf-app .inv-table tbody tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .inv-number { color: var(--rf-link); }
html.rf-app .inv-pill.paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .inv-pill.outstanding { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .inv-pill.credit { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .inv-life { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .inv-life.overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .inv-print-btn { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .inv-print-btn:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .inv-empty { color: var(--rf-muted); }
html.rf-app #platform-billing-page { background-color: var(--rf-panel-2); }
html.rf-app .pbill-header { background-color: var(--rf-panel); }
html.rf-app .pbill-header h2 { color: var(--rf-head); }
html.rf-app .pbill-header p { color: var(--rf-soft); }
html.rf-app .pbill-refresh { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .pbill-stat { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .pbill-stat span { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .pbill-stat strong { color: var(--rf-head); }
html.rf-app .pbill-panel { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .pbill-panel-head { border-bottom-color: var(--rf-line); }
html.rf-app .pbill-panel-head strong { color: var(--rf-head); }
html.rf-app .pbill-table th { background-color: var(--rf-panel); color: var(--rf-soft); border-bottom-color: var(--rf-line); text-transform: none; letter-spacing: 0; }
html.rf-app .pbill-table td { border-bottom-color: var(--rf-line); }
html.rf-app .pbill-table tbody tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .pbill-number { color: var(--rf-link); }
html.rf-app .pbill-badge { background-color: var(--rf-panel-2); color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .pbill-badge.paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .pbill-badge.overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .pbill-badge.issued, html.rf-app .pbill-badge.partially_paid { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-amber); }
html.rf-app .pbill-open { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .pbill-pay { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); background-color: var(--rf-accent); color: var(--rf-accent-ink); }
html.rf-app .pbill-pay:hover { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .pbill-empty { color: var(--rf-muted); }
html.rf-app .pbill-detail { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .pbill-detail-head { border-bottom-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .pbill-detail-head h3 { color: var(--rf-head); }
html.rf-app .pbill-detail-head p { color: var(--rf-soft); }
html.rf-app .pbill-close { border-color: var(--rf-line-2); background-color: var(--rf-panel); }
html.rf-app .pbill-detail-row { border-bottom-color: var(--rf-line); }
html.rf-app .pbill-detail-row span { color: var(--rf-soft); }
html.rf-app .pbill-detail-row strong { color: var(--rf-head); }
html.rf-app .pbill-detail-actions button { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .pbill-detail-actions button.primary { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-accent-ink); }
html.rf-app .pbill-gateway-note { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app #exp-modal { background-color: var(--rf-panel); }
html.rf-app .exp-modal-hdr { background-color: var(--rf-panel); }
html.rf-app .exp-field label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .exp-modal-ftr { background-color: var(--rf-panel); }
html.rf-app #admin-page { background-color: var(--rf-panel-2); }
html.rf-app #loantracker-page { background-color: var(--rf-panel-2); }
html.rf-app .lt-toolbar select { border-color: var(--rf-line-2); background-color: var(--rf-panel); }
html.rf-app .lt-stat { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .lt-stat strong { color: var(--rf-head); }
html.rf-app .lt-stat span { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .lt-group-head { color: var(--rf-text); }
html.rf-app .lt-card { background-color: var(--rf-panel); border-color: var(--rf-line); border-top-color: color-mix(in srgb, var(--rf-blue) 70%, transparent); }
html.rf-app .lt-card.overdue { border-top-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app .lt-card.done { border-top-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .lt-card-head strong { color: var(--rf-head); }
html.rf-app .lt-card-meta { color: var(--rf-soft); }
html.rf-app .lt-status { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .lt-status.paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .lt-month { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .lt-month.paid { background-color: var(--rf-green); border-color: color-mix(in srgb, var(--rf-green) 70%, transparent); color: var(--rf-on-status); }
html.rf-app .lt-month.overdue { border-color: color-mix(in srgb, var(--rf-red) 70%, transparent); color: var(--rf-red); }
html.rf-app .lt-card-actions button { color: var(--rf-soft); }
html.rf-app .lt-empty { border-color: var(--rf-line-2); color: var(--rf-muted); }
html.rf-app .lt-dialog { background-color: var(--rf-panel); }
html.rf-app .lt-form label { color: var(--rf-soft); }
html.rf-app .lt-form input, html.rf-app .lt-form select { border-color: var(--rf-line-2); }
html.rf-app #booking-requests-page { background-color: var(--rf-panel-2); }
html.rf-app #doc-review-page { background-color: var(--rf-panel-2); }
html.rf-app .dr-toolbar { background-color: var(--rf-panel); }
html.rf-app .dr-filter-btn { background-color: var(--rf-panel); }
html.rf-app .dr-filter-btn:hover { border-color: var(--rf-line-2); }
html.rf-app .dr-card { background-color: var(--rf-panel); }
html.rf-app .dr-card:hover { border-color: var(--rf-line-2); }
html.rf-app .dr-status-pending { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .dr-status-approved { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-teal); }
html.rf-app .dr-status-rejected { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .dr-empty { background-color: var(--rf-panel); border-color: var(--rf-line-2); }
html.rf-app .dr-empty-icon { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .dr-cust-card { background-color: var(--rf-panel); border-color: var(--rf-line); border-top-color: var(--rf-line-2); }
html.rf-app .dr-cust-card.pending { border-top-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .dr-cust-card.approved { border-top-color: color-mix(in srgb, var(--rf-green) 70%, transparent); }
html.rf-app .dr-cust-card.rejected { border-top-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app .dr-cust-card:hover { border-color: var(--rf-line-2); }
html.rf-app .dr-cust-card.pending .dr-cust-hdr { background: var(--rf-panel); }
html.rf-app .dr-cust-card.approved .dr-cust-hdr { background: var(--rf-panel); }
html.rf-app .dr-cust-card.rejected .dr-cust-hdr { background: var(--rf-panel); }
html.rf-app .dr-cust-avatar { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .dr-cust-name { color: var(--rf-head); }
html.rf-app .dr-cust-badge-pending { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .dr-cust-badge-approved { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-teal); }
html.rf-app .dr-cust-badge-rejected { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .dr-cust-open-btn { border-color: var(--rf-line-2); background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app .dr-cust-open-btn:hover { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .dr-doc-list { background-color: var(--rf-panel); }
html.rf-app .dr-doc-row { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .dr-doc-row:last-child { border-bottom-color: var(--rf-line); }
html.rf-app .dr-doc-row:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .dr-doc-row-icon { background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .dr-doc-row-icon.pending_review { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-amber); }
html.rf-app .dr-doc-row-icon.approved { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .dr-doc-row-icon.rejected { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app #dr-cust-panel { background-color: var(--rf-panel); }
html.rf-app .dr-cp-close { background-color: var(--rf-panel); }
html.rf-app .dr-cp-close:hover { background-color: var(--rf-panel-2); }
html.rf-app .dr-cp-section-title { text-transform: none; letter-spacing: 0; }
html.rf-app #doc-detail-panel { background-color: var(--rf-panel); }
html.rf-app .dp-close { background-color: var(--rf-panel); }
html.rf-app .dp-close:hover { background-color: var(--rf-panel-2); }
html.rf-app .dp-section-label { text-transform: none; letter-spacing: 0; }
html.rf-app .dp-info-row { border-bottom-color: var(--rf-line); }
html.rf-app .dp-preview { background-color: var(--rf-panel); }
html.rf-app .dp-actions { background-color: var(--rf-panel); }
html.rf-app .dp-btn-approve { background-color: var(--rf-teal); color: var(--rf-on-status); }
html.rf-app .dp-btn-approve:hover { background-color: var(--rf-teal); }
html.rf-app .dp-btn-reject-toggle { background-color: var(--rf-panel); border-color: color-mix(in srgb, var(--rf-red) 70%, transparent); color: var(--rf-red); }
html.rf-app .dp-btn-reject-toggle:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .dp-btn-reject-confirm { background-color: var(--rf-red); color: var(--rf-on-status); }
html.rf-app .dp-btn-reject-confirm:hover { background-color: var(--rf-red); }
html.rf-app .dp-status-done.approved { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-teal); }
html.rf-app .dp-status-done.rejected { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .br-summary-card { background-color: var(--rf-panel); }
html.rf-app .br-summary-label { text-transform: none; letter-spacing: 0; }
html.rf-app .br-search { background-color: var(--rf-panel); }
html.rf-app .br-search:focus { border-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); }
html.rf-app .br-branch-filter { background-color: var(--rf-panel); }
html.rf-app .br-branch-filter:focus { border-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); }
html.rf-app .br-remove-btn { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent) !important; background-color: color-mix(in srgb, var(--rf-red) 13%, transparent) !important; }
html.rf-app .br-remove-btn:hover:not(:disabled) { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 70%, transparent) !important; background-color: color-mix(in srgb, var(--rf-red) 13%, transparent) !important; }
html.rf-app .br-filter-btn { background-color: var(--rf-panel); }
html.rf-app .br-filter-btn.active { background-color: var(--rf-teal); border-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); color: var(--rf-on-status); }
html.rf-app .br-card { background-color: var(--rf-panel); }
html.rf-app .br-card:hover { border-color: color-mix(in srgb, var(--rf-teal) 25%, transparent); }
html.rf-app .br-card-icon { background-color: color-mix(in srgb, var(--rf-teal) 13%, transparent); color: var(--rf-teal); }
html.rf-app .br-select { border-color: var(--rf-line-2); background-color: var(--rf-panel); }
html.rf-app .br-select:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .br-status-pill { text-transform: none; letter-spacing: 0; }
html.rf-app .br-status-pending { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .br-status-confirmed { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-teal); }
html.rf-app .br-status-docs { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .br-status-rejected { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .br-status-cancelled { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .br-status-converted { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-purple); }
html.rf-app .br-source-pill { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .br-source-pill.mobile { border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .br-detail-panel { background-color: var(--rf-panel); }
html.rf-app .br-detail-close { background-color: var(--rf-panel-2); }
html.rf-app .br-detail-close:hover { background-color: var(--rf-panel-2); }
html.rf-app .br-detail-section-title { text-transform: none; letter-spacing: 0; }
html.rf-app .br-detail-row { border-bottom-color: var(--rf-line); }
html.rf-app .br-detail-notes { background-color: var(--rf-panel); }
html.rf-app .br-btn-confirm { background-color: var(--rf-teal); color: var(--rf-on-status); }
html.rf-app .br-btn-reject { background-color: var(--rf-red); color: var(--rf-on-status); }
html.rf-app .br-btn-cancel { background-color: var(--rf-grey); color: var(--rf-on-status); }
html.rf-app .br-btn-convert { background-color: var(--rf-purple); color: var(--rf-on-status); }
html.rf-app .br-btn-docs { background-color: var(--rf-amber); color: var(--rf-on-status); }
html.rf-app .br-btn-save-notes { background-color: var(--rf-panel-2); color: var(--rf-text); }
html.rf-app .br-staff-notes:focus { border-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); }
html.rf-app .br-status-docs { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-amber); }
html.rf-app .br-reason-box.reject { 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 .br-reason-box.docs { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .br-reason-box.reject .br-reason-box-label { color: var(--rf-red); }
html.rf-app .br-reason-box.docs   .br-reason-box-label { color: var(--rf-link); }
html.rf-app .br-reason-box.reject .br-reason-textarea { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .br-reason-box.reject .br-reason-textarea:focus { border-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app .br-reason-box.docs   .br-reason-textarea { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .br-reason-box.docs   .br-reason-textarea:focus { border-color: color-mix(in srgb, var(--rf-amber) 70%, transparent); }
html.rf-app .br-reason-box.reject .br-reason-confirm-btn { background-color: var(--rf-red); }
html.rf-app .br-reason-box.docs   .br-reason-confirm-btn { background-color: var(--rf-amber); }
html.rf-app .br-customer-msg { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .br-reject-msg { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); color: var(--rf-red); }
html.rf-app .br-notif-badge { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .br-contact-needed { 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 .br-contact-planned { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .br-contact-due { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .br-followup-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .br-followup-card.due { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .br-followup-field label { text-transform: none; letter-spacing: 0; }
html.rf-app .br-followup-field input, html.rf-app .br-followup-field select, html.rf-app .br-followup-field textarea { background-color: var(--rf-panel); }
html.rf-app .br-followup-field input:focus, html.rf-app .br-followup-field select:focus, html.rf-app .br-followup-field textarea:focus { border-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); }
html.rf-app .br-followup-btn { background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .br-followup-btn.primary { border-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); background-color: var(--rf-teal); color: var(--rf-on-status); }
html.rf-app .br-followup-btn.cancel { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .br-followup-history-row { border-left-color: var(--rf-line-2); }
html.rf-app .br-followup-history-row.completed { border-left-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); }
html.rf-app .br-followup-history-row.cancelled { border-left-color: var(--rf-line-2); }
html.rf-app .br-followup-history-note { color: var(--rf-soft); }
html.rf-app .adm-hdr { background: var(--rf-panel); border-bottom-color: var(--rf-line); }
html.rf-app .adm-hdr-mark { background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app .adm-hdr-eyebrow { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .adm-hdr-title { color: var(--rf-head); }
html.rf-app .adm-hdr-subtitle { color: var(--rf-soft); }
html.rf-app .adm-hdr-search input { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .adm-hdr-search-icon { color: var(--rf-muted); }
html.rf-app .adm-cat-row { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .adm-cat-group { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .adm-cat-btn { color: var(--rf-soft); }
html.rf-app .adm-cat-btn:hover { color: var(--rf-text); background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .adm-cat-btn.active { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .adm-cat-icon { color: var(--rf-soft); background-color: var(--rf-panel-2); }
html.rf-app .adm-cat-chevron { color: var(--rf-muted); }
html.rf-app .adm-cat-btn.active .adm-cat-chevron { color: var(--rf-link); }
html.rf-app .adm-content-kicker { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .adm-content-title { color: var(--rf-head); }
html.rf-app .adm-content-description { color: var(--rf-muted); }
html.rf-app .adm-owner-pill { border-color: var(--rf-line); color: var(--rf-soft); background-color: var(--rf-panel); }
html.rf-app .adm-owner-pill::before { background-color: var(--rf-green); }
html.rf-app .adm-section { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .theme-surface-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .theme-surface-card h3 { color: var(--rf-text); }
html.rf-app .theme-surface-card > p { color: var(--rf-soft); }
html.rf-app .theme-preset-option { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .theme-colours label { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .theme-colours input { border-color: var(--rf-line-2); background-color: var(--rf-panel); }
html.rf-app .capacity-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .capacity-card span { text-transform: none; letter-spacing: 0; }
html.rf-app .capacity-card.at-limit { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .capacity-package { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .capacity-package strong { color: var(--rf-link); }
html.rf-app .branch-capacity-pill { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .branch-capacity-pill.at-limit { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .branch-admin-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .branch-admin-card.inactive { background-color: var(--rf-panel-2); }
html.rf-app .branch-admin-badge { background-color: var(--rf-panel-2); color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .branch-admin-badge.default { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .branch-admin-badge.active { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .branch-admin-check { color: var(--rf-text); }
html.rf-app .branch-admin-actions { border-top-color: var(--rf-line); }
html.rf-app .branch-add-panel { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .branch-add-panel h3 { color: var(--rf-link); }
html.rf-app .sys-users-table-wrap { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .adm-section-title { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .admin-card { background-color: var(--rf-panel); }
html.rf-app .admin-card-title { text-transform: none; letter-spacing: 0; }
html.rf-app .admin-card-title svg { color: var(--rf-link); }
html.rf-app .admin-label { text-transform: none; letter-spacing: 0; }
html.rf-app .sb-agreement-plan-step { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sb-agreement-plan-step strong { color: var(--rf-text); }
html.rf-app .sb-agreement-plan-step span { color: var(--rf-soft); }
html.rf-app .sb-agreement-plan-step.editable { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .sb-agreement-editor-tabs { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sb-agreement-editor-tab { color: var(--rf-soft); }
html.rf-app .sb-agreement-editor-tab.active { background-color: var(--rf-panel); color: var(--rf-link); }
html.rf-app .sb-agreement-plan-step.editable strong { color: var(--rf-link); }
html.rf-app .sb-agreement-page-editor { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sb-agreement-page-head strong { color: var(--rf-text); }
html.rf-app .sb-agreement-page-remove { color: var(--rf-red); }
html.rf-app .sb-agreement-page-help { color: var(--rf-soft); }
html.rf-app .sb-agreement-page-count { color: var(--rf-soft); }
html.rf-app .be-admin-status { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .be-admin-status strong { color: var(--rf-link); }
html.rf-app .be-admin-status span { color: var(--rf-link); }
html.rf-app .be-admin-status.active { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .be-admin-status.active strong { color: var(--rf-teal); }
html.rf-app .be-admin-status.active span { color: var(--rf-soft); }
html.rf-app .be-panel { background-color: var(--rf-panel); }
html.rf-app .be-theme-card { background-color: var(--rf-panel); }
html.rf-app .be-preview-label { text-transform: none; letter-spacing: 0; }
html.rf-app .be-preview-label span:last-child { color: var(--rf-green); }
html.rf-app .bm-lock-banner { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .bm-provider-panel { background-color: var(--rf-panel); }
html.rf-app .bm-readiness-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .bm-readiness-card strong { color: var(--rf-text); }
html.rf-app .bm-readiness-card span { color: var(--rf-soft); }
html.rf-app .bm-readiness-blockers { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .bm-template-card { background-color: var(--rf-panel); }
html.rf-app .bm-template-card-head small { text-transform: none; letter-spacing: 0; }
html.rf-app .bm-placeholder-list code { border-color: var(--rf-line); background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .br-message-box { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .br-message-controls select { border-color: var(--rf-line-2); background-color: var(--rf-panel); }
html.rf-app .br-message-preview { border-color: var(--rf-line-2); background-color: var(--rf-panel); }
html.rf-app .br-message-preview-row { border-bottom-color: var(--rf-line); color: var(--rf-soft); }
html.rf-app .br-message-preview-row strong { color: var(--rf-text); }
html.rf-app .br-message-preview-body { color: var(--rf-text); }
html.rf-app .br-outbox-row { border-bottom-color: var(--rf-line); }
html.rf-app .br-outbox-main { color: var(--rf-text); }
html.rf-app .br-held-pill { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); text-transform: none; letter-spacing: 0; }
html.rf-app .br-outbox-meta { color: var(--rf-soft); }
html.rf-app .be-catalog-search { background-color: var(--rf-panel); }
html.rf-app .be-catalog-count { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .be-catalog-columns { background-color: var(--rf-panel); text-transform: none; letter-spacing: 0; }
html.rf-app .be-catalog-item { background-color: var(--rf-panel); }
html.rf-app .be-catalog-item-head { background-color: var(--rf-panel); }
html.rf-app .be-catalog-item.editing .be-catalog-item-head { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .be-catalog-edit-btn { color: var(--rf-soft); background-color: var(--rf-panel); }
html.rf-app .be-catalog-edit-btn:hover { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .be-catalog-fields { border-top-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: var(--rf-panel); }
html.rf-app .be-catalog-field label { text-transform: none; letter-spacing: 0; }
html.rf-app .be-catalog-field input { background-color: var(--rf-panel); }
html.rf-app .be-photo-thumb { background-color: var(--rf-panel-2); }
html.rf-app .be-photo-upload { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .be-photo-clear { background-color: var(--rf-panel); }
html.rf-app .be-photo-status.error { color: var(--rf-red); }
html.rf-app .be-preview-shell { border-color: var(--rf-line-2); background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app .be-preview-top { background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app .be-preview-hero small { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .be-preview-search { border-left-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); background-color: var(--rf-panel-2); }
html.rf-app .be-preview-search > small { color: var(--rf-link); }
html.rf-app .be-preview-search div { border-color: var(--rf-line-2); background-color: var(--rf-panel-2); }
html.rf-app .be-preview-search div em { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .be-preview-search b { color: var(--rf-head); background-color: var(--rf-accent); }
html.rf-app .be-preview-filters span { border-color: var(--rf-line-2); color: var(--rf-muted); }
html.rf-app .be-preview-filters span:first-child { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-head); background-color: var(--rf-accent); }
html.rf-app .be-preview-car { border-color: var(--rf-line-2); background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app .be-preview-car-info button { color: var(--rf-head); background-color: var(--rf-accent); }
html.rf-app .be-preview-caption { color: var(--rf-muted); }
html.rf-app .be-preview-shell.theme-minimal { border-color: var(--rf-line); color: var(--rf-head); background-color: var(--rf-panel-2); }
html.rf-app .be-preview-shell.theme-minimal .be-preview-hero { color: var(--rf-head); }
html.rf-app .be-preview-shell.theme-minimal .be-preview-top { background-color: var(--rf-panel); color: var(--rf-head); border-bottom-color: var(--rf-line); }
html.rf-app .be-preview-shell.theme-minimal .be-preview-search, html.rf-app .be-preview-shell.theme-minimal .be-preview-car { color: var(--rf-head); background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .be-preview-shell.theme-minimal .be-preview-search div { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .be-preview-shell.theme-minimal .be-preview-search div span { color: var(--rf-head); }
html.rf-app .be-preview-shell.theme-minimal .be-preview-filters span { border-color: var(--rf-line); color: var(--rf-soft); }
html.rf-app .be-preview-shell.theme-bold .be-preview-hero strong { text-transform: none; letter-spacing: 0; }
html.rf-app .biz-section-title { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .vc-table th { border-bottom-color: var(--rf-line-2); background-color: var(--rf-panel); text-transform: none; letter-spacing: 0; }
html.rf-app .vc-table td { border-bottom-color: var(--rf-line); }
html.rf-app .vc-del-btn { color: var(--rf-red); }
html.rf-app .vc-del-btn:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .vc-veh-count { color: var(--rf-soft); }
html.rf-app .ec-table th { border-bottom-color: var(--rf-line-2); background-color: var(--rf-panel); text-transform: none; letter-spacing: 0; }
html.rf-app .ec-table td { border-bottom-color: var(--rf-line); }
html.rf-app .ec-del-btn { color: var(--rf-red); }
html.rf-app .ec-del-btn:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .bk-ec-compact-row { background-color: var(--rf-panel); }
html.rf-app .bk-ec-compact-label { text-transform: none; letter-spacing: 0; }
html.rf-app .bk-ec-compact-total { color: var(--rf-link); }
html.rf-app .bk-ec-row { border-bottom-color: var(--rf-line); }
html.rf-app .bk-ec-amt:disabled { background-color: var(--rf-panel); }
html.rf-app .bk-ec-inline-row { border-bottom-color: var(--rf-line); }
html.rf-app .bk-ec-inline-total { color: var(--rf-link); }
html.rf-app .bk-ec-inline-btn:hover { background-color: var(--rf-panel-2); }
html.rf-app .bk-ec-inline-btn.remove { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .bk-ec-inline-btn.remove:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .adm-ec-edit-card { background-color: var(--rf-panel); }
html.rf-app .al-wrap { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .al-table th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .al-table td { border-bottom-color: var(--rf-line); }
html.rf-app .al-table tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .al-action-pill { text-transform: none; letter-spacing: 0; }
html.rf-app .al-action-pill.booking { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .al-action-pill.payment { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .al-action-pill.vehicle { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .al-action-pill.customer { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-purple); }
html.rf-app .al-action-pill.expense { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .al-action-pill.admin { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .al-action-pill.return { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .upload-btn:hover { color: var(--rf-link); }
html.rf-app .users-placeholder svg { color: var(--rf-muted); }
html.rf-app .users-placeholder small { color: var(--rf-muted); }
html.rf-app .staff-table th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .staff-table td { border-bottom-color: var(--rf-line); }
html.rf-app .staff-table tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .sr-owner { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .sr-manager { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .sr-staff { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .sr-viewer { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .ss-active { background-color: var(--rf-green); }
html.rf-app .ss-inactive { background-color: var(--rf-raise); }
html.rf-app .staff-act-btn { background-color: var(--rf-panel); }
html.rf-app .staff-act-btn:hover { border-color: var(--rf-line-2); }
html.rf-app .staff-act-btn.del { color: var(--rf-red); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .staff-act-btn.del:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .stm-hdr { background-color: var(--rf-panel); }
html.rf-app .stm-sec { text-transform: none; letter-spacing: 0; }
html.rf-app .stm-f label { text-transform: none; letter-spacing: 0; }
html.rf-app .stm-ftr { background-color: var(--rf-panel); }
html.rf-app .bk-section-title { text-transform: none; letter-spacing: 0; }
html.rf-app .bk-btn { background-color: var(--rf-panel); }
html.rf-app .bk-btn:hover { color: var(--rf-link); }
html.rf-app .bk-btn.bk-danger { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); color: var(--rf-red); }
html.rf-app .bk-btn.bk-danger:hover { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .bk-warn { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .imp-card { background-color: var(--rf-panel); }
html.rf-app #imp-modal { background-color: var(--rf-panel); }
html.rf-app .imp-modal-summary { background-color: var(--rf-panel); }
html.rf-app .imp-stat-new { color: var(--rf-green); }
html.rf-app .imp-stat-skip { color: var(--rf-soft); }
html.rf-app .imp-stat-error { color: var(--rf-red); }
html.rf-app .imp-tbl th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .imp-tbl td { border-bottom-color: var(--rf-line); }
html.rf-app .imp-tbl tr.imp-row-valid:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .imp-tbl tr.imp-row-error td { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .imp-tbl tr.imp-row-skip td { color: var(--rf-muted); }
html.rf-app .imp-badge-new { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .imp-badge-update { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .imp-badge-skip { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .imp-badge-error { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .imp-badge-warn { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .imp-tbl tr.imp-row-warn td { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app #bk-preview-modal { background-color: var(--rf-panel); }
html.rf-app .bkp-summary { background-color: var(--rf-panel); }
html.rf-app .bkp-stat.s-new { color: var(--rf-green); }
html.rf-app .bkp-stat.s-update { color: var(--rf-blue); }
html.rf-app .bkp-stat.s-skip { color: var(--rf-soft); }
html.rf-app .bkp-table th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .bkp-table td { border-bottom-color: var(--rf-line); }
html.rf-app .bkp-table tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .bkp-badge.new { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .bkp-badge.update { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .bkp-badge.skip { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .rpt-header { background-color: var(--rf-panel); }
html.rf-app .rpt-header-search input { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-head); }
html.rf-app .rpt-header-search input:focus { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .rpt-header-search-icon { color: var(--rf-muted); }
html.rf-app .rpt-dropdown-row { background-color: var(--rf-panel); }
html.rf-app .rpt-dd-btn { background-color: var(--rf-panel); color: var(--rf-head); border-color: var(--rf-line-2); }
html.rf-app .rpt-dd-btn:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .rpt-dd-btn.open { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-accent-ink); }
html.rf-app .rpt-dd-menu { background-color: var(--rf-panel); }
html.rf-app .rpt-dd-item:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .rpt-dd-item.active { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .rpt-dd-cat-label { background-color: var(--rf-panel); border-bottom-color: var(--rf-line); color: var(--rf-head); text-transform: none; letter-spacing: 0; }
html.rf-app .rpt-content-header { background-color: var(--rf-panel); }
html.rf-app .rpt-title { color: var(--rf-head); border-left-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .rpt-filter-input { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-head); }
html.rf-app .rpt-filter-input:focus { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .rpt-content-header .btn:last-child { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-accent-ink); }
html.rf-app .rpt-content-header .btn:last-child:hover { background-color: var(--rf-accent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .rpt-table { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .rpt-table th { background-color: var(--rf-panel-2); border-bottom-color: var(--rf-line-2); color: var(--rf-head); text-transform: none; letter-spacing: 0; }
html.rf-app .rpt-table td { border-bottom-color: var(--rf-line); }
html.rf-app .rpt-table tr:hover td { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .rpt-source-link { color: var(--rf-link); }
html.rf-app .rpt-source-link:hover { color: var(--rf-link); }
html.rf-app .rpt-cash-in { color: var(--rf-green); }
html.rf-app .rpt-cash-out { color: var(--rf-red); }
html.rf-app .rpt-net-note { color: var(--rf-soft); }
html.rf-app .rpt-empty svg { color: var(--rf-muted); }
html.rf-app .rpt-stat-card { background: var(--rf-panel); border-color: var(--rf-line); border-top-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .rpt-stat-value.orange { color: var(--rf-link); }
html.rf-app .rpt-stat-value.green { color: var(--rf-green); }
html.rf-app .rpt-stat-value.red { color: var(--rf-red); }
html.rf-app .workspace-eyebrow { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .rpt-live-pill { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); color: var(--rf-teal); background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .rpt-live-pill span { background-color: var(--rf-teal); }
html.rf-app .rpt-pulse-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .rpt-pulse-mark { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .rpt-pulse-mark.red { color: var(--rf-red); background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .rpt-pulse-mark.orange { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .rpt-pulse-mark.green { color: var(--rf-teal); background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .rpt-pulse-card small { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .rpt-library-bar { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .rpt-dd-btn { border-color: var(--rf-line); }
html.rf-app .rpt-dd-count { color: var(--rf-soft); background-color: var(--rf-panel-2); }
html.rf-app .rpt-dd-btn.open .rpt-dd-count { color: var(--rf-link); background-color: var(--rf-panel); }
html.rf-app .rpt-content { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .rpt-content-header { background: var(--rf-panel); }
html.rf-app .rpt-selected-copy>span { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .rpt-filter-input { border-color: var(--rf-line); }
html.rf-app .rpt-body { background-color: var(--rf-panel); }
html.rf-app .rpt-table th { background-color: var(--rf-panel-2); }
html.rf-app .notif-pulse { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .notif-pulse:hover { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .notif-pulse.active { border-color: color-mix(in srgb, var(--rf-accent) 38%, transparent); background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .notif-pulse-icon { color: var(--rf-soft); background-color: var(--rf-panel-2); }
html.rf-app .notif-pulse-icon.urgent { color: var(--rf-red); background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .notif-pulse-icon.today { color: var(--rf-blue); background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); }
html.rf-app .notif-pulse-icon.money { color: var(--rf-link); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .notif-pulse-icon.unread { color: var(--rf-purple); background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); }
html.rf-app .notif-pulse small { text-transform: none; letter-spacing: 0; }
html.rf-app .notif-workspace { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .notif-filters { background-color: var(--rf-panel); }
html.rf-app .notif-summary { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .notif-body { background-color: var(--rf-panel); }
html.rf-app .notif-group-heading { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .notif-group-heading span { color: var(--rf-soft); background-color: var(--rf-panel-2); }
html.rf-app .notif-empty { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .cdb-header { background-color: var(--rf-panel); }
html.rf-app .cdb-list-panel { border-right-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .cdb-search-bar { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .cdb-search-input { background-color: var(--rf-panel); }
html.rf-app .cdb-row { border-bottom-color: var(--rf-line); }
html.rf-app .cdb-row:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .cdb-avatar { color: var(--rf-link); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .cdb-detail-placeholder svg { color: var(--rf-muted); }
html.rf-app .cdb-section-title { text-transform: none; letter-spacing: 0; }
html.rf-app .cdb-field label { text-transform: none; letter-spacing: 0; }
html.rf-app .cdb-field input, html.rf-app .cdb-field textarea { background-color: var(--rf-panel); }
html.rf-app .cdb-field input.edit-mode, html.rf-app .cdb-field textarea.edit-mode { background-color: var(--rf-panel); }
html.rf-app .cdb-list-count { background-color: var(--rf-panel); border-bottom-color: var(--rf-line); }
html.rf-app .board-card { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .pb-table thead th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); }
html.rf-app .th-vehicle { border-right-color: var(--rf-line-2) !important; background-color: var(--rf-panel) !important; text-transform: none; letter-spacing: 0; }
html.rf-app .th-day.today-hdr { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent) !important; }
html.rf-app .th-day.weekend-hdr { background-color: var(--rf-panel-2) !important; }
html.rf-app .th-day-name { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .pb-table tbody tr { border-bottom-color: var(--rf-line); }
html.rf-app .pb-cat-row { --cat-bg: var(--rf-panel); --cat-text: var(--rf-text); --cat-accent: var(--rf-grey); --cat-border: var(--rf-line); }
html.rf-app .pb-cat-arrow { color: var(--rf-soft); }
html.rf-app .pb-cat-name { text-transform: none; letter-spacing: 0; }
html.rf-app .pb-cat-tone-green { --cat-bg: var(--rf-panel); --cat-text: var(--rf-teal); --cat-accent: var(--rf-teal); --cat-border: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .pb-cat-tone-blue { --cat-bg: var(--rf-panel); --cat-text: var(--rf-blue); --cat-accent: var(--rf-blue); --cat-border: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .pb-cat-tone-orange { --cat-bg: var(--rf-panel); --cat-text: var(--rf-link); --cat-accent: var(--rf-accent); --cat-border: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .pb-cat-tone-yellow { --cat-bg: var(--rf-panel); --cat-text: var(--rf-link); --cat-accent: var(--rf-amber); --cat-border: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .pb-cat-tone-purple { --cat-bg: var(--rf-panel); --cat-text: var(--rf-purple); --cat-accent: var(--rf-purple); --cat-border: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .pb-cat-tone-teal { --cat-bg: var(--rf-panel); --cat-text: var(--rf-teal); --cat-accent: var(--rf-teal); --cat-border: color-mix(in srgb, var(--rf-teal) 38%, transparent); }
html.rf-app .td-vehicle { background-color: var(--rf-panel); border-right-color: var(--rf-line-2); }
html.rf-app .pb-table tbody tr:hover .td-vehicle { background-color: color-mix(in srgb, var(--rf-accent) 13%, transparent); }
html.rf-app .vehicle-plate { color: var(--rf-soft); }
html.rf-app .td-empty { border-right-color: var(--rf-line); }
html.rf-app .td-empty:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .td-empty.today-col { background-color: color-mix(in srgb, var(--rf-accent) 6%, transparent); }
html.rf-app .td-empty.weekend-col { background-color: var(--rf-panel); }
html.rf-app .td-empty.weekend-col:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .td-empty.today-col.weekend-col { background-color: color-mix(in srgb, var(--rf-accent) 6%, transparent); }
html.rf-app .td-empty:hover::after { color: var(--rf-link); }
html.rf-app .td-res.today-col { background-color: color-mix(in srgb, var(--rf-accent) 6%, transparent); }
html.rf-app .res-bar.s-ongoing { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); border-top-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .res-bar.s-upcoming { background-color: color-mix(in srgb, var(--rf-purple) 13%, transparent); color: var(--rf-purple); border-top-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .res-bar.s-overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); border-top-color: color-mix(in srgb, var(--rf-red) 38%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .res-bar.s-maintenance { background-color: var(--rf-panel-2); color: var(--rf-soft); border-top-color: var(--rf-line-2); border-bottom-color: var(--rf-line-2); }
html.rf-app .res-bar.s-finished { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); border-top-color: color-mix(in srgb, var(--rf-green) 38%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .td-res.r-start .res-bar.s-ongoing { border-left-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .td-res.r-end   .res-bar.s-ongoing { border-right-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .td-res.r-start.r-end .res-bar.s-ongoing { border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .td-res.r-start .res-bar.s-upcoming { border-left-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .td-res.r-end   .res-bar.s-upcoming { border-right-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .td-res.r-start.r-end .res-bar.s-upcoming { border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .td-res.r-start .res-bar.s-overdue { border-left-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .td-res.r-end   .res-bar.s-overdue { border-right-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .td-res.r-start.r-end .res-bar.s-overdue { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .td-res.r-start .res-bar.s-maintenance { border-left-color: var(--rf-line-2); }
html.rf-app .td-res.r-end   .res-bar.s-maintenance { border-right-color: var(--rf-line-2); }
html.rf-app .td-res.r-start.r-end .res-bar.s-maintenance { border-color: var(--rf-line-2); }
html.rf-app .td-res.r-start .res-bar.s-finished { border-left-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .td-res.r-end   .res-bar.s-finished { border-right-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .td-res.r-start.r-end .res-bar.s-finished { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .detail-popup { background-color: var(--rf-panel); }
html.rf-app .status-pill.ongoing { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .status-pill.upcoming { background-color: color-mix(in srgb, var(--rf-purple) 13%, transparent); color: var(--rf-purple); }
html.rf-app .status-pill.overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .status-pill.maintenance { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .status-pill.finished { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .status-pill.cancelled { background-color: var(--rf-panel); color: var(--rf-head); }
html.rf-app .dp-close { background-color: var(--rf-panel-2); }
html.rf-app .dp-close:hover { background-color: var(--rf-panel-2); }
html.rf-app .dp-section-title { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .dp-value.big { color: var(--rf-link); }
html.rf-app .dp-value.green { color: var(--rf-green); }
html.rf-app .dp-value.red { color: var(--rf-red); }
html.rf-app .dp-note { background-color: var(--rf-panel); }
html.rf-app .dp-res-id-bar { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .dp-res-id-label { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .dp-res-id-val { color: var(--rf-head); }
html.rf-app .dp-res-id-copy { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .dp-res-id-copy:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .ops-card-res-id { color: var(--rf-muted); }
html.rf-app .ops-res-id-chip { color: var(--rf-soft); background-color: var(--rf-panel-2); }
html.rf-app .ops-res-id-copy { color: var(--rf-muted); }
html.rf-app .ops-res-id-copy:hover { color: var(--rf-link); }
html.rf-app .booking-popup { background-color: var(--rf-panel); }
html.rf-app .form-section-title { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .btn-add-cust { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .btn-add-cust:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .form-label { text-transform: none; letter-spacing: 0; }
html.rf-app .form-control { background-color: var(--rf-panel); }
html.rf-app .form-control[readonly] { background-color: var(--rf-panel); }
html.rf-app .rental-type-toggle button { background-color: var(--rf-panel); }
html.rf-app .duration-chip { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); color: var(--rf-green); }
html.rf-app .conflict-warn { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); color: var(--rf-red); }
html.rf-app .balance-row { background-color: var(--rf-panel); }
html.rf-app .balance-row .bal-amount.owed { color: var(--rf-red); }
html.rf-app .balance-row .bal-amount.settled { color: var(--rf-green); }
html.rf-app .balance-row .bal-amount.refund { color: var(--rf-link); }
html.rf-app .source-chip { background-color: var(--rf-panel); }
html.rf-app .source-chip.active { color: var(--rf-link); }
html.rf-app .source-chip:hover:not(.active) { color: var(--rf-link); }
html.rf-app .add-cust-popup { background-color: var(--rf-panel); }
html.rf-app .buyer-profile-section { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .buyer-profile-title { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .buyer-profile-help { color: var(--rf-link); }
html.rf-app .return-popup { background-color: var(--rf-panel); }
html.rf-app .rp-summary { background-color: var(--rf-panel); }
html.rf-app .rp-late-warn { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); color: var(--rf-red); }
html.rf-app .rp-balance-box { background-color: var(--rf-panel); }
html.rf-app .rp-balance-box .bal-amount.owed { color: var(--rf-red); }
html.rf-app .rp-balance-box .bal-amount.settled { color: var(--rf-green); }
html.rf-app .rp-balance-box .bal-amount.refund { color: var(--rf-link); }
html.rf-app .toast { background-color: var(--rf-panel-2); color: var(--rf-head); }
html.rf-app .toast.success { border-left-color: color-mix(in srgb, var(--rf-green) 70%, transparent); }
html.rf-app .toast.error { border-left-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app ::-webkit-scrollbar-thumb { background-color: var(--rf-raise); }
html.rf-app ::-webkit-scrollbar-thumb:hover { background-color: var(--rf-raise); }
html.rf-app .veh-popup, html.rf-app .upay-popup, html.rf-app #svc-modal, html.rf-app .svc-modal-shell, html.rf-app #vdb-modal, html.rf-app #exp-modal, html.rf-app .booking-popup, html.rf-app .add-cust-popup, html.rf-app .return-popup { border-color: var(--rf-line); }
html.rf-app .veh-popup-header, html.rf-app .upay-header, html.rf-app .svc-mhdr, html.rf-app .vdb-mhdr, html.rf-app .exp-modal-hdr, html.rf-app .bp-header, html.rf-app .dp-header { background-color: var(--rf-panel); border-bottom-color: var(--rf-line); }
html.rf-app .veh-popup-title, html.rf-app .upay-title, html.rf-app .svc-mtitle, html.rf-app .vdb-mtitle, html.rf-app .exp-modal-title, html.rf-app .bp-title, html.rf-app .dp-vehicle-name { color: var(--rf-head); }
html.rf-app .bp-title::before, html.rf-app .upay-title::before, html.rf-app .svc-mtitle::before, html.rf-app .vdb-mtitle::before, html.rf-app .exp-modal-title::before { background-color: var(--rf-accent); }
html.rf-app .dp-close { border-color: var(--rf-line); background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .dp-close:hover { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .bp-body, html.rf-app .upay-body, html.rf-app .svc-mbody, html.rf-app .vdb-mbody, html.rf-app .exp-modal-body, html.rf-app .veh-popup-body { background-color: var(--rf-panel); }
html.rf-app .bp-footer, html.rf-app .upay-footer, html.rf-app .svc-mftr, html.rf-app .vdb-mftr, html.rf-app .exp-modal-ftr, html.rf-app .veh-popup-footer, html.rf-app .dp-actions { background-color: var(--rf-panel); border-top-color: var(--rf-line); }
html.rf-app .form-section { border-top-color: var(--rf-line); }
html.rf-app .form-section-title, html.rf-app .vdb-msec-title, html.rf-app .dp-section-title { color: var(--rf-link); }
html.rf-app .form-label, html.rf-app .upay-label, html.rf-app .svc-mf label, html.rf-app .vdb-mf label, html.rf-app .exp-field label { color: var(--rf-soft); }
html.rf-app .form-control, html.rf-app .upay-input, html.rf-app .svc-mf input, html.rf-app .svc-mf select, html.rf-app .svc-mf textarea, html.rf-app .vdb-mf input, html.rf-app .vdb-mf select, html.rf-app .vdb-mf textarea, html.rf-app .exp-field input, html.rf-app .exp-field select, html.rf-app .exp-field textarea { border-color: var(--rf-line-2); background-color: var(--rf-panel); color: var(--rf-head); }
html.rf-app .form-control:hover, html.rf-app .upay-input:hover, html.rf-app .svc-mf input:hover, html.rf-app .svc-mf select:hover, html.rf-app .vdb-mf input:hover, html.rf-app .vdb-mf select:hover, html.rf-app .exp-field input:hover, html.rf-app .exp-field select:hover { border-color: var(--rf-line-2); }
html.rf-app .form-control:focus, html.rf-app .upay-input:focus, html.rf-app .svc-mf input:focus, html.rf-app .svc-mf select:focus, html.rf-app .svc-mf textarea:focus, html.rf-app .vdb-mf input:focus, html.rf-app .vdb-mf select:focus, html.rf-app .vdb-mf textarea:focus, html.rf-app .exp-field input:focus, html.rf-app .exp-field select:focus, html.rf-app .exp-field textarea:focus { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .form-control[readonly], html.rf-app .upay-input[readonly], html.rf-app .svc-mf input[readonly] { background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .upay-result, html.rf-app .rp-summary, html.rf-app .balance-row, html.rf-app .rp-balance-box, html.rf-app .svc-sync-info { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .rental-type-toggle { border-color: var(--rf-line-2); }
html.rf-app .rental-type-toggle button.active { background-color: var(--rf-accent); }
html.rf-app .source-chip { border-color: var(--rf-line-2); }
html.rf-app .source-chip.active { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); color: var(--rf-link); }
html.rf-app .duration-chip { 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 .btn-primary { background-color: var(--rf-accent); color: var(--rf-accent-ink); }
html.rf-app .btn-primary:hover:not(:disabled) { background-color: var(--rf-accent); }
html.rf-app .btn-ghost, html.rf-app .btn-icon { background-color: var(--rf-panel); border-color: var(--rf-line-2); color: var(--rf-soft); }
html.rf-app .btn-ghost:hover:not(:disabled), html.rf-app .btn-icon:hover:not(:disabled) { background-color: var(--rf-panel); border-color: var(--rf-line-2); color: var(--rf-head); }
html.rf-app .btn-success { background-color: var(--rf-green); }
html.rf-app .btn-danger { background-color: var(--rf-red); }
html.rf-app .btn-today { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .status-pill.ongoing, html.rf-app .ops-card-badge.b-ongoing, html.rf-app .vdb-badge.st-rented { border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .status-pill.upcoming, html.rf-app .ops-card-badge.b-upcoming { border-color: color-mix(in srgb, var(--rf-blue) 38%, transparent); }
html.rf-app .status-pill.overdue, html.rf-app .ops-card-badge.b-overdue, html.rf-app .vdb-badge.st-overdue, html.rf-app .vdb-badge.ex-expired { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .status-pill.finished, html.rf-app .ops-card-badge.b-finished, html.rf-app .vdb-badge.st-available { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app .status-pill.maintenance, html.rf-app .vdb-badge.st-maintenance, html.rf-app .vdb-badge.ex-expiring { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .status-pill.cancelled, html.rf-app .vdb-badge.st-inactive { border-color: var(--rf-line); }
html.rf-app .bk-warn { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); color: var(--rf-link); }
html.rf-app .conflict-warn, html.rf-app .rp-late-warn { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); color: var(--rf-red); }
html.rf-app .toast { border-color: var(--rf-line); background-color: var(--rf-panel); color: var(--rf-head); }
html.rf-app .toast.success { border-left-color: color-mix(in srgb, var(--rf-green) 70%, transparent); }
html.rf-app .toast.info { border-left-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .toast.error { border-left-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app .ops-empty, html.rf-app .bk-pay-empty, html.rf-app .dash-empty, html.rf-app .notif-empty, html.rf-app .vdb-empty, html.rf-app .dr-empty, html.rf-app .br-empty, html.rf-app .rpt-empty, html.rf-app .cdb-empty { color: var(--rf-soft); background-color: var(--rf-panel); border-color: var(--rf-line-2); }
html.rf-app .ops-empty svg, html.rf-app .rpt-empty svg { color: var(--rf-muted); }
html.rf-app .al-empty { color: var(--rf-soft); background-color: var(--rf-panel); }
html.rf-app .import-modal { background-color: var(--rf-panel); }
html.rf-app .import-summary { background-color: var(--rf-panel); }
html.rf-app .import-stat.new { color: var(--rf-green); }
html.rf-app .import-stat.update { color: var(--rf-link); }
html.rf-app .import-stat.skip { color: var(--rf-soft); }
html.rf-app .import-table th { background-color: var(--rf-panel); border-bottom-color: var(--rf-line-2); text-transform: none; letter-spacing: 0; }
html.rf-app .import-table td { border-bottom-color: var(--rf-line); }
html.rf-app .import-table tr.row-new    td:first-child { border-left-color: color-mix(in srgb, var(--rf-green) 70%, transparent); }
html.rf-app .import-table tr.row-update td:first-child { border-left-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .import-table tr.row-skip { color: var(--rf-muted); }
html.rf-app .import-table tr.row-error { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .import-table tr.row-error  td:first-child { border-left-color: color-mix(in srgb, var(--rf-red) 70%, transparent); }
html.rf-app .import-table tr.row-warning { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .import-table tr.row-warning td:first-child { border-left-color: color-mix(in srgb, var(--rf-amber) 70%, transparent); }
html.rf-app .import-badge.error { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .import-badge.warning { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .import-error-msg { color: var(--rf-red); }
html.rf-app .import-warn-msg { color: var(--rf-link); }
html.rf-app #import-col-detected { color: var(--rf-green); background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-green) 38%, transparent); }
html.rf-app #import-err-detail { color: var(--rf-red); background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-bottom-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .import-badge.new { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .import-badge.update { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .import-badge.skip { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app #sidebar-toggle { background-color: var(--rf-panel); }
html.rf-app #sambung-dashboard-page { background: var(--rf-panel); }
html.rf-app .sbd-hero { border-color: var(--rf-line); background: var(--rf-panel); }
html.rf-app .sbd-hero-mark { background: color-mix(in srgb, var(--rf-accent) 24%, transparent); }
html.rf-app .sbd-eyebrow { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .sbd-performance-report { border-color: var(--rf-line); background: var(--rf-panel); }
html.rf-app .sbd-performance-head .btn { border-color: var(--rf-line); background-color: var(--rf-panel); color: var(--rf-soft); }
html.rf-app .sbd-performance-head .btn:hover { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .sbd-score-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sbd-score-card:hover { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .sbd-donut { --score-color: var(--rf-accent); background: var(--rf-panel-2); }
html.rf-app .sbd-donut::after { background-color: var(--rf-panel); }
html.rf-app .sbd-donut strong { color: var(--rf-text); }
html.rf-app .sbd-score-copy strong { color: var(--rf-text); }
html.rf-app .sbd-score-copy span { color: var(--rf-soft); }
html.rf-app .sbd-chart-card { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sbd-chart-head strong { color: var(--rf-text); }
html.rf-app .sbd-chart-head span { color: var(--rf-link); }
html.rf-app .sbd-chart-subtitle { color: var(--rf-soft); }
html.rf-app .sbd-bars { border-bottom-color: var(--rf-line-2); background: var(--rf-panel-2); }
html.rf-app .sbd-bar { background-color: var(--rf-raise); }
html.rf-app .sbd-bar.has-value { background-color: var(--rf-blue); }
html.rf-app .sbd-bar.current { background-color: var(--rf-accent); }
html.rf-app .sbd-bar-column small { color: var(--rf-soft); text-transform: none; letter-spacing: 0; }
html.rf-app .sbd-performance-note { color: var(--rf-soft); }
html.rf-app .sbd-detail-modal { background-color: var(--rf-panel); }
html.rf-app .sbd-detail-head { border-bottom-color: var(--rf-line); }
html.rf-app .sbd-detail-head p { color: var(--rf-soft); }
html.rf-app .sbd-detail-summary { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .sbd-detail-controls { color: var(--rf-soft); }
html.rf-app .sbd-detail-row { border-color: var(--rf-line); background-color: var(--rf-panel); color: var(--rf-text); }
html.rf-app .sbd-detail-row:hover { border-color: color-mix(in srgb, var(--rf-accent) 38%, transparent); background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .sbd-detail-row small { color: var(--rf-soft); }
html.rf-app .sbd-detail-row-value small { color: var(--rf-soft); }
html.rf-app .sbd-detail-empty { color: var(--rf-soft); }
html.rf-app .sbd-panel { --sbd-accent: var(--rf-grey); border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sbd-panel.recovery { --sbd-accent: var(--rf-amber); }
html.rf-app .sbd-panel.priorities { --sbd-accent: var(--rf-red); }
html.rf-app .sbd-panel.upcoming { --sbd-accent: var(--rf-purple); }
html.rf-app .sbd-panel.payments { --sbd-accent: var(--rf-green); }
html.rf-app .sbd-panel.expiry { --sbd-accent: var(--rf-teal); }
html.rf-app .sbd-panel-head { border-bottom-color: var(--rf-line); background: var(--rf-panel); }
html.rf-app .sbd-panel-icon { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .sbd-panel-count { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .sbd-row { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app button.sbd-row:hover { background-color: var(--rf-panel); color: var(--rf-head); }
html.rf-app .sbd-empty-state-icon { background-color: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .sbd-empty-state strong { color: var(--rf-text); }
html.rf-app .sbd-danger { color: var(--rf-red); }
html.rf-app .sbd-warning { color: var(--rf-link); }
html.rf-app .sbd-success { color: var(--rf-green); }
html.rf-app .sbd-deposit-invoice { border-left-color: color-mix(in srgb, var(--rf-green) 70%, transparent); background-color: var(--rf-panel); }
html.rf-app .sbd-deposit-invoice small { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .sbd-deposit-invoice .income { color: var(--rf-green); }
html.rf-app .sba-agreement-card { border-left-color: color-mix(in srgb, var(--rf-blue) 70%, transparent); }
html.rf-app .sba-agreement-card:hover { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent); }
html.rf-app .sba-agreement-card.danger { border-left-color: color-mix(in srgb, var(--rf-red) 70%, transparent); background: var(--rf-panel); }
html.rf-app .sba-card-meta small { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .sba-card-meta strong { color: var(--rf-text); }
html.rf-app .sba-card-meta strong.danger { color: var(--rf-red); }
html.rf-app .sba-card-open { color: var(--rf-link); }
html.rf-app .sb-summary-card small { text-transform: none; letter-spacing: 0; }
html.rf-app .sb-status-pill { background-color: var(--rf-panel-2); color: var(--rf-soft); }
html.rf-app .sb-status-pill.overdue, html.rf-app .sb-status-pill.required { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); color: var(--rf-red); }
html.rf-app .sb-status-pill.partial, html.rf-app .sb-status-pill.in_progress { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); color: var(--rf-link); }
html.rf-app .sb-status-pill.paid, html.rf-app .sb-status-pill.completed, html.rf-app .sb-status-pill.waived { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); color: var(--rf-green); }
html.rf-app .sba-detail-head { background-color: var(--rf-panel); }
html.rf-app .sbx-commandbar input, html.rf-app .sbx-commandbar select { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .sbx-results-line { background-color: var(--rf-panel); }
html.rf-app .sbx-expense-card { background-color: var(--rf-panel); border-left-color: color-mix(in srgb, var(--rf-accent) 70%, transparent); }
html.rf-app .sbx-expense-card .ops-card-name { text-transform: none; letter-spacing: 0; }
html.rf-app .sbx-expense-description { color: var(--rf-soft); }
html.rf-app .sbx-meta-item small { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .sbx-meta-item strong { color: var(--rf-text); }
html.rf-app .sbx-meta-item strong.amount { color: var(--rf-red); }
html.rf-app .sbx-field label { text-transform: none; letter-spacing: 0; }
@media print {
  html.rf-app body { background-color: var(--rf-panel) !important; }
  html.rf-app #rpt-print-header { border-bottom-color: var(--rf-line-2); }
  html.rf-app .rpt-ph-company { color: var(--rf-text); }
  html.rf-app .rpt-ph-company strong { color: var(--rf-head); }
  html.rf-app .rpt-ph-title { color: var(--rf-head); }
  html.rf-app .rpt-ph-details { color: var(--rf-soft); }
  html.rf-app .rpt-ph-detail span { color: var(--rf-head); }
  html.rf-app .rpt-table th { background-color: var(--rf-panel-2) !important; border-color: var(--rf-line); }
  html.rf-app .rpt-table td { border-color: var(--rf-line); }
}
/* inline styles written by the app's scripts */
html.rf-app :is([style^="background:#0b2935" i], [style*=";background:#0b2935" i], [style*="; background:#0b2935" i], [style^="background: #0b2935" i], [style*=";background: #0b2935" i], [style*="; background: #0b2935" i]) { background-color: var(--rf-panel-2) !important; }
html.rf-app :is([style^="background:#111827" i], [style*=";background:#111827" i], [style*="; background:#111827" i], [style^="background: #111827" i], [style*=";background: #111827" i], [style*="; background: #111827" i]) { background-color: var(--rf-panel-2) !important; }
html.rf-app :is([style^="background:#172554" i], [style*=";background:#172554" i], [style*="; background:#172554" i], [style^="background: #172554" i], [style*=";background: #172554" i], [style*="; background: #172554" i]) { background-color: var(--rf-blue) !important; }
html.rf-app :is([style^="background:#2563eb" i], [style*=";background:#2563eb" i], [style*="; background:#2563eb" i], [style^="background: #2563eb" i], [style*=";background: #2563eb" i], [style*="; background: #2563eb" i]) { background-color: var(--rf-blue) !important; }
html.rf-app :is([style^="background:#64748b" i], [style*=";background:#64748b" i], [style*="; background:#64748b" i], [style^="background: #64748b" i], [style*=";background: #64748b" i], [style*="; background: #64748b" i]) { background-color: var(--rf-grey) !important; }
html.rf-app :is([style^="background:#d97706" i], [style*=";background:#d97706" i], [style*="; background:#d97706" i], [style^="background: #d97706" i], [style*=";background: #d97706" i], [style*="; background: #d97706" i]) { background-color: var(--rf-amber) !important; }
html.rf-app :is([style^="background:#dc2626" i], [style*=";background:#dc2626" i], [style*="; background:#dc2626" i], [style^="background: #dc2626" i], [style*=";background: #dc2626" i], [style*="; background: #dc2626" i]) { background-color: var(--rf-red) !important; }
html.rf-app :is([style^="background:#ecfdf5" i], [style*=";background:#ecfdf5" i], [style*="; background:#ecfdf5" i], [style^="background: #ecfdf5" i], [style*=";background: #ecfdf5" i], [style*="; background: #ecfdf5" i]) { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent) !important; }
html.rf-app :is([style^="background:#f0fdf4" i], [style*=";background:#f0fdf4" i], [style*="; background:#f0fdf4" i], [style^="background: #f0fdf4" i], [style*=";background: #f0fdf4" i], [style*="; background: #f0fdf4" i]) { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent) !important; }
html.rf-app :is([style^="background:#f97316" i], [style*=";background:#f97316" i], [style*="; background:#f97316" i], [style^="background: #f97316" i], [style*=";background: #f97316" i], [style*="; background: #f97316" i]) { background-color: var(--rf-accent) !important; }
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^="background:#fef2f2" i], [style*=";background:#fef2f2" i], [style*="; background:#fef2f2" i], [style^="background: #fef2f2" i], [style*=";background: #fef2f2" i], [style*="; background: #fef2f2" i]) { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent) !important; }
html.rf-app :is([style^="background:#fef3c7" i], [style*=";background:#fef3c7" i], [style*="; background:#fef3c7" i], [style^="background: #fef3c7" i], [style*=";background: #fef3c7" i], [style*="; background: #fef3c7" i]) { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent) !important; }
html.rf-app :is([style^="background:#fff" i], [style*=";background:#fff" i], [style*="; background:#fff" i], [style^="background: #fff" i], [style*=";background: #fff" i], [style*="; background: #fff" i]) { background-color: var(--rf-panel) !important; }
html.rf-app :is([style^="background:#fff4e5" i], [style*=";background:#fff4e5" i], [style*="; background:#fff4e5" i], [style^="background: #fff4e5" i], [style*=";background: #fff4e5" i], [style*="; background: #fff4e5" i]) { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent) !important; }
html.rf-app :is([style^="background:#fff5f5" i], [style*=";background:#fff5f5" i], [style*="; background:#fff5f5" i], [style^="background: #fff5f5" i], [style*=";background: #fff5f5" i], [style*="; background: #fff5f5" i]) { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent) !important; }
html.rf-app :is([style^="background:#fff7ed" i], [style*=";background:#fff7ed" i], [style*="; background:#fff7ed" i], [style^="background: #fff7ed" i], [style*=";background: #fff7ed" i], [style*="; background: #fff7ed" i]) { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent) !important; }
html.rf-app :is([style^="border:#86efac" i], [style*=";border:#86efac" i], [style*="; border:#86efac" i], [style^="border: #86efac" i], [style*=";border: #86efac" i], [style*="; border: #86efac" i]) { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent) !important; }
html.rf-app :is([style^="border:#a7f3d0" i], [style*=";border:#a7f3d0" i], [style*="; border:#a7f3d0" i], [style^="border: #a7f3d0" i], [style*=";border: #a7f3d0" i], [style*="; border: #a7f3d0" i]) { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent) !important; }
html.rf-app :is([style^="border:#bbf7d0" i], [style*=";border:#bbf7d0" i], [style*="; border:#bbf7d0" i], [style^="border: #bbf7d0" i], [style*=";border: #bbf7d0" i], [style*="; border: #bbf7d0" i]) { border-color: color-mix(in srgb, var(--rf-green) 38%, transparent) !important; }
html.rf-app :is([style^="border:#d1d5db" i], [style*=";border:#d1d5db" i], [style*="; border:#d1d5db" i], [style^="border: #d1d5db" i], [style*=";border: #d1d5db" i], [style*="; border: #d1d5db" i]) { border-color: var(--rf-line-2) !important; }
html.rf-app :is([style^="border:#ddd" i], [style*=";border:#ddd" i], [style*="; border:#ddd" i], [style^="border: #ddd" i], [style*=";border: #ddd" i], [style*="; border: #ddd" i]) { border-color: var(--rf-line) !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:#ea580c" i], [style*=";border:#ea580c" i], [style*="; border:#ea580c" i], [style^="border: #ea580c" i], [style*=";border: #ea580c" i], [style*="; border: #ea580c" i]) { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent) !important; }
html.rf-app :is([style^="border:#fca5a5" i], [style*=";border:#fca5a5" i], [style*="; border:#fca5a5" i], [style^="border: #fca5a5" i], [style*=";border: #fca5a5" i], [style*="; border: #fca5a5" i]) { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent) !important; }
html.rf-app :is([style^="border:#fde68a" i], [style*=";border:#fde68a" i], [style*="; border:#fde68a" i], [style^="border: #fde68a" i], [style*=";border: #fde68a" i], [style*="; border: #fde68a" i]) { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent) !important; }
html.rf-app :is([style^="border:#fecaca" i], [style*=";border:#fecaca" i], [style*="; border:#fecaca" i], [style^="border: #fecaca" i], [style*=";border: #fecaca" i], [style*="; border: #fecaca" i]) { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent) !important; }
html.rf-app :is([style^="border:#fed7aa" i], [style*=";border:#fed7aa" i], [style*="; border:#fed7aa" i], [style^="border: #fed7aa" i], [style*=";border: #fed7aa" i], [style*="; border: #fed7aa" i]) { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent) !important; }
html.rf-app :is([style^="border:#ffc870" i], [style*=";border:#ffc870" i], [style*="; border:#ffc870" i], [style^="border: #ffc870" i], [style*=";border: #ffc870" i], [style*="; border: #ffc870" i]) { border-color: color-mix(in srgb, var(--rf-amber) 38%, transparent) !important; }
html.rf-app :is([style^="border-bottom:#e5e7eb" i], [style*=";border-bottom:#e5e7eb" i], [style*="; border-bottom:#e5e7eb" i], [style^="border-bottom: #e5e7eb" i], [style*=";border-bottom: #e5e7eb" i], [style*="; border-bottom: #e5e7eb" i]) { border-bottom-color: var(--rf-line) !important; }
html.rf-app :is([style^="border-bottom:#eee" i], [style*=";border-bottom:#eee" i], [style*="; border-bottom:#eee" i], [style^="border-bottom: #eee" i], [style*=";border-bottom: #eee" i], [style*="; border-bottom: #eee" i]) { border-bottom-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-color:#6b7280" i], [style*=";border-color:#6b7280" i], [style*="; border-color:#6b7280" i], [style^="border-color: #6b7280" i], [style*=";border-color: #6b7280" i], [style*="; border-color: #6b7280" i]) { border-color: var(--rf-line-2) !important; }
html.rf-app :is([style^="border-color:#e97c1a" i], [style*=";border-color:#e97c1a" i], [style*="; border-color:#e97c1a" i], [style^="border-color: #e97c1a" i], [style*=";border-color: #e97c1a" i], [style*="; border-color: #e97c1a" i]) { border-color: color-mix(in srgb, var(--rf-accent) 70%, transparent) !important; }
html.rf-app :is([style^="border-color:#fca5a5" i], [style*=";border-color:#fca5a5" i], [style*="; border-color:#fca5a5" i], [style^="border-color: #fca5a5" i], [style*=";border-color: #fca5a5" i], [style*="; border-color: #fca5a5" i]) { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent) !important; }
html.rf-app :is([style^="border-color:#fecaca" i], [style*=";border-color:#fecaca" i], [style*="; border-color:#fecaca" i], [style^="border-color: #fecaca" i], [style*=";border-color: #fecaca" i], [style*="; border-color: #fecaca" i]) { border-color: color-mix(in srgb, var(--rf-red) 38%, transparent) !important; }
html.rf-app :is([style^="border-top:#111" i], [style*=";border-top:#111" i], [style*="; border-top:#111" i], [style^="border-top: #111" i], [style*=";border-top: #111" i], [style*="; border-top: #111" i]) { border-top-color: var(--rf-line-2) !important; }
html.rf-app :is([style^="border-top:#ddd" i], [style*=";border-top:#ddd" i], [style*="; border-top:#ddd" i], [style^="border-top: #ddd" i], [style*=";border-top: #ddd" i], [style*="; border-top: #ddd" i]) { border-top-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^="border-top:#f3f4f6" i], [style*=";border-top:#f3f4f6" i], [style*="; border-top:#f3f4f6" i], [style^="border-top: #f3f4f6" i], [style*=";border-top: #f3f4f6" i], [style*="; border-top: #f3f4f6" i]) { border-top-color: var(--rf-line) !important; }
html.rf-app :is([style^="border-top:#fee2e2" i], [style*=";border-top:#fee2e2" i], [style*="; border-top:#fee2e2" i], [style^="border-top: #fee2e2" i], [style*=";border-top: #fee2e2" i], [style*="; border-top: #fee2e2" i]) { border-top-color: color-mix(in srgb, var(--rf-red) 38%, transparent) !important; }
html.rf-app :is([style^="color:#059669" i], [style*=";color:#059669" i], [style*="; color:#059669" i], [style^="color: #059669" i], [style*=";color: #059669" i], [style*="; color: #059669" i]) { color: var(--rf-teal) !important; }
html.rf-app :is([style^="color:#065f46" i], [style*=";color:#065f46" i], [style*="; color:#065f46" i], [style^="color: #065f46" i], [style*=";color: #065f46" i], [style*="; color: #065f46" i]) { color: var(--rf-teal) !important; }
html.rf-app :is([style^="color:#0d9488" i], [style*=";color:#0d9488" i], [style*="; color:#0d9488" i], [style^="color: #0d9488" i], [style*=";color: #0d9488" i], [style*="; color: #0d9488" i]) { color: var(--rf-teal) !important; }
html.rf-app :is([style^="color:#111" i], [style*=";color:#111" i], [style*="; color:#111" i], [style^="color: #111" i], [style*=";color: #111" i], [style*="; color: #111" i]) { color: var(--rf-head) !important; }
html.rf-app :is([style^="color:#15803d" i], [style*=";color:#15803d" i], [style*="; color:#15803d" i], [style^="color: #15803d" i], [style*=";color: #15803d" i], [style*="; color: #15803d" i]) { color: var(--rf-green) !important; }
html.rf-app :is([style^="color:#166534" i], [style*=";color:#166534" i], [style*="; color:#166534" i], [style^="color: #166534" i], [style*=";color: #166534" i], [style*="; color: #166534" i]) { color: var(--rf-green) !important; }
html.rf-app :is([style^="color:#333" i], [style*=";color:#333" i], [style*="; color:#333" i], [style^="color: #333" i], [style*=";color: #333" i], [style*="; color: #333" i]) { color: var(--rf-text) !important; }
html.rf-app :is([style^="color:#374151" i], [style*=";color:#374151" i], [style*="; color:#374151" i], [style^="color: #374151" i], [style*=";color: #374151" i], [style*="; color: #374151" i]) { color: var(--rf-text) !important; }
html.rf-app :is([style^="color:#555" i], [style*=";color:#555" i], [style*="; color:#555" i], [style^="color: #555" i], [style*=";color: #555" i], [style*="; color: #555" i]) { color: var(--rf-soft) !important; }
html.rf-app :is([style^="color:#64748b" i], [style*=";color:#64748b" i], [style*="; color:#64748b" i], [style^="color: #64748b" i], [style*=";color: #64748b" i], [style*="; color: #64748b" i]) { color: var(--rf-soft) !important; }
html.rf-app :is([style^="color:#666" i], [style*=";color:#666" i], [style*="; color:#666" i], [style^="color: #666" i], [style*=";color: #666" i], [style*="; color: #666" i]) { color: var(--rf-soft) !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:#777" i], [style*=";color:#777" i], [style*="; color:#777" i], [style^="color: #777" i], [style*=";color: #777" i], [style*="; color: #777" i]) { color: var(--rf-soft) !important; }
html.rf-app :is([style^="color:#7c2d12" i], [style*=";color:#7c2d12" i], [style*="; color:#7c2d12" i], [style^="color: #7c2d12" i], [style*=";color: #7c2d12" i], [style*="; color: #7c2d12" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="color:#7f1d1d" i], [style*=";color:#7f1d1d" i], [style*="; color:#7f1d1d" i], [style^="color: #7f1d1d" i], [style*=";color: #7f1d1d" i], [style*="; color: #7f1d1d" i]) { color: var(--rf-red) !important; }
html.rf-app :is([style^="color:#888" i], [style*=";color:#888" i], [style*="; color:#888" i], [style^="color: #888" i], [style*=";color: #888" i], [style*="; color: #888" i]) { color: var(--rf-muted) !important; }
html.rf-app :is([style^="color:#8a5800" i], [style*=";color:#8a5800" i], [style*="; color:#8a5800" i], [style^="color: #8a5800" i], [style*=";color: #8a5800" i], [style*="; color: #8a5800" i]) { color: var(--rf-amber) !important; }
html.rf-app :is([style^="color:#92400e" i], [style*=";color:#92400e" i], [style*="; color:#92400e" i], [style^="color: #92400e" i], [style*=";color: #92400e" i], [style*="; color: #92400e" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="color:#94a3b8" i], [style*=";color:#94a3b8" i], [style*="; color:#94a3b8" i], [style^="color: #94a3b8" i], [style*=";color: #94a3b8" i], [style*="; color: #94a3b8" i]) { color: var(--rf-muted) !important; }
html.rf-app :is([style^="color:#991b1b" i], [style*=";color:#991b1b" i], [style*="; color:#991b1b" i], [style^="color: #991b1b" i], [style*=";color: #991b1b" i], [style*="; color: #991b1b" i]) { color: var(--rf-red) !important; }
html.rf-app :is([style^="color:#999" i], [style*=";color:#999" i], [style*="; color:#999" i], [style^="color: #999" i], [style*=";color: #999" i], [style*="; color: #999" i]) { color: var(--rf-muted) !important; }
html.rf-app :is([style^="color:#9a3412" i], [style*=";color:#9a3412" i], [style*="; color:#9a3412" i], [style^="color: #9a3412" i], [style*=";color: #9a3412" i], [style*="; color: #9a3412" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="color:#9ca3af" i], [style*=";color:#9ca3af" i], [style*="; color:#9ca3af" i], [style^="color: #9ca3af" i], [style*=";color: #9ca3af" i], [style*="; color: #9ca3af" i]) { color: var(--rf-muted) !important; }
html.rf-app :is([style^="color:#aaa" i], [style*=";color:#aaa" i], [style*="; color:#aaa" i], [style^="color: #aaa" i], [style*=";color: #aaa" i], [style*="; color: #aaa" i]) { color: var(--rf-muted) !important; }
html.rf-app :is([style^="color:#b45309" i], [style*=";color:#b45309" i], [style*="; color:#b45309" i], [style^="color: #b45309" i], [style*=";color: #b45309" i], [style*="; color: #b45309" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="color:#b91c1c" i], [style*=";color:#b91c1c" i], [style*="; color:#b91c1c" i], [style^="color: #b91c1c" i], [style*=";color: #b91c1c" i], [style*="; color: #b91c1c" i]) { color: var(--rf-red) !important; }
html.rf-app :is([style^="color:#c2410c" i], [style*=";color:#c2410c" i], [style*="; color:#c2410c" i], [style^="color: #c2410c" i], [style*=";color: #c2410c" i], [style*="; color: #c2410c" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="color:#d97706" i], [style*=";color:#d97706" i], [style*="; color:#d97706" i], [style^="color: #d97706" i], [style*=";color: #d97706" i], [style*="; color: #d97706" i]) { color: var(--rf-amber) !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:#e5e7eb" i], [style*=";color:#e5e7eb" i], [style*="; color:#e5e7eb" i], [style^="color: #e5e7eb" i], [style*=";color: #e5e7eb" i], [style*="; color: #e5e7eb" i]) { color: var(--rf-muted) !important; }
html.rf-app :is([style^="color:#ea580c" i], [style*=";color:#ea580c" i], [style*="; color:#ea580c" i], [style^="color: #ea580c" i], [style*=";color: #ea580c" i], [style*="; color: #ea580c" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="color:#ef4444" i], [style*=";color:#ef4444" i], [style*="; color:#ef4444" i], [style^="color: #ef4444" i], [style*=";color: #ef4444" i], [style*="; color: #ef4444" i]) { color: var(--rf-red) !important; }
html.rf-app :is([style^="color:#f97316" i], [style*=";color:#f97316" i], [style*="; color:#f97316" i], [style^="color: #f97316" i], [style*=";color: #f97316" i], [style*="; color: #f97316" i]) { color: var(--rf-link) !important; }
html.rf-app :is([style^="background:#dc2626" i], [style*=";background:#dc2626" i], [style*="; background:#dc2626" i], [style^="background: #dc2626" i], [style*=";background: #dc2626" i], [style*="; background: #dc2626" i]):is([style^="color:#fff" i], [style*=";color:#fff" i], [style*="; color:#fff" i], [style^="color: #fff" i], [style*=";color: #fff" i], [style*="; color: #fff" i]) { color: var(--rf-on-status) !important; }