/* GENERATED by scripts/redesign/build_theme_map.py (buyer) from apps/buyer/index.html. Do not edit by hand.
   Maps every hard-coded colour to the redesign palette (restarfleet-app-tokens.css). */
html.rf-app body { background: var(--rf-panel-2); }
html.rf-app header.top .mark { background: var(--rf-accent); color: var(--rf-accent-ink); }
html.rf-app #brand-logo { background-color: var(--rf-panel); }
html.rf-app header.top span { color: var(--rf-muted); }
html.rf-app .product-kicker { color: var(--rf-link) !important; text-transform: none; letter-spacing: 0; }
html.rf-app .card { background: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .row { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app .row span { text-transform: none; letter-spacing: 0; }
html.rf-app .tile { background: var(--rf-panel); border-color: var(--rf-line); }
html.rf-app .tile:nth-child(2) { border-top-color: color-mix(in srgb, var(--rf-teal) 70%, transparent); }
html.rf-app .tile:nth-child(3) { border-top-color: color-mix(in srgb, var(--rf-blue) 70%, transparent); }
html.rf-app .tile:nth-child(4) { border-top-color: color-mix(in srgb, var(--rf-amber) 70%, transparent); }
html.rf-app .tile small { text-transform: none; letter-spacing: 0; }
html.rf-app th { color: var(--rf-soft); background-color: var(--rf-panel-2); text-transform: none; letter-spacing: 0; }
html.rf-app td { border-bottom-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app tbody tr:hover td { background-color: var(--rf-panel); }
html.rf-app .pill.paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .pill.partial { background-color: color-mix(in srgb, var(--rf-amber) 13%, transparent); }
html.rf-app .pill.overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .pill.upcoming { background-color: var(--rf-panel-2); }
html.rf-app .pill.submitted { background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); color: var(--rf-blue); }
html.rf-app .pill.approved { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .pill.rejected { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .banner.cancel { 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 .banner.info { 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 .btn { background-color: var(--rf-panel); }
html.rf-app .btn.primary { background: var(--rf-accent); color: var(--rf-accent-ink); }
html.rf-app input, html.rf-app select, html.rf-app textarea { border-color: var(--rf-line); background-color: var(--rf-panel); }
html.rf-app input:focus, html.rf-app select:focus, html.rf-app textarea:focus { background-color: var(--rf-panel); }
html.rf-app .nav-shell { background-color: var(--rf-panel); }
html.rf-app .sidebar { background-color: var(--rf-panel); }
html.rf-app .side-nav button:hover { background-color: var(--rf-panel); }
html.rf-app .page-intro { background: var(--rf-teal); color: var(--rf-on-status); }
html.rf-app .page-intro:after { background-color: color-mix(in srgb, var(--rf-accent) 26%, transparent); }
html.rf-app .page-kicker { color: var(--rf-link); text-transform: none; letter-spacing: 0; }
html.rf-app .page-intro p { color: var(--rf-muted); }
html.rf-app .agreement-chip span { color: var(--rf-muted); text-transform: none; letter-spacing: 0; }
html.rf-app .payment-status.overdue { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); }
html.rf-app .payment-status.upcoming { color: var(--rf-blue); background-color: color-mix(in srgb, var(--rf-blue) 13%, transparent); }
html.rf-app .payment-status.paid { background-color: color-mix(in srgb, var(--rf-green) 13%, transparent); }
html.rf-app .year-group { background-color: var(--rf-panel); }
html.rf-app .year-group summary { background-color: var(--rf-panel); }
html.rf-app .year-group summary::marker { color: var(--rf-link); }
html.rf-app .msg.error { background-color: color-mix(in srgb, var(--rf-red) 13%, transparent); border-color: color-mix(in srgb, var(--rf-red) 38%, transparent); }
html.rf-app .msg.ok { 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-teal); }
html.rf-app .centre { background: var(--rf-teal); }
html.rf-app .signin-brand img { background-color: var(--rf-panel); }
@media print {
  html.rf-app body { background-color: var(--rf-panel); }
}
/* inline styles written by the app's scripts */
html.rf-app :is([style^="border-bottom:#f1f2f4" i], [style*=";border-bottom:#f1f2f4" i], [style*="; border-bottom:#f1f2f4" i], [style^="border-bottom: #f1f2f4" i], [style*=";border-bottom: #f1f2f4" i], [style*="; border-bottom: #f1f2f4" i]) { border-bottom-color: var(--rf-line) !important; }