@layer finance {
 .cost-evidence{margin-top:22px!important;min-width:0!important}
 .cost-evidence h3{margin:0 0 12px!important;font-size:16px!important;line-height:1.4!important}
 .cost-evidence-card{padding:14px!important;margin:10px 0!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important;min-width:0!important}
 .cost-evidence-card h4{margin:0 0 8px!important;font-size:15px!important;overflow-wrap:anywhere!important}
 .cost-evidence-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;margin:9px 0!important;font-size:13px!important}
 .cost-evidence-line>span{overflow-wrap:anywhere!important;color:var(--muted)!important}
 .cost-evidence-line>strong{white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
 .cost-evidence-status{font-size:12px!important;color:var(--green)!important;margin:10px 0!important}
 .cost-evidence-card summary{font-size:13px!important;min-height:32px!important;cursor:pointer!important}
 .cost-evidence .cw-note{font-size:12px!important;line-height:1.5!important;color:var(--muted)!important}
 #paymentOverview{display:block!important}
 #paymentOverview>h2{display:inline-block!important;margin:0 16px 12px 0!important;vertical-align:middle!important}
 #paymentOverview>#addRecurringCost{display:inline-flex!important;width:auto!important;margin:0 0 12px!important;vertical-align:middle!important;align-items:center!important;justify-content:center!important}
 #paymentOverview>.fleet-help{margin:0 0 16px!important}
 #paymentOverview .finance-list-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;text-align:start!important;align-items:center!important;gap:14px!important;width:100%!important;margin:10px 0!important}
 #paymentOverview .finance-list-card>span{min-width:0!important;display:block!important}
 #paymentOverview .finance-list-card b,#paymentOverview .finance-list-card small{display:block!important;line-height:1.45!important;overflow-wrap:anywhere!important}
 #paymentOverview .finance-list-card small{margin-top:4px!important}
 #paymentOverview .finance-list-card>strong{white-space:nowrap!important;align-self:center!important}
 #settingsView>.section-title-row{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important}
 #settingsView>.section-title-row>.language-picker{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important}
 #settingsView #settingLanguage{appearance:auto!important;-webkit-appearance:auto!important;display:block!important;min-width:130px!important;max-width:100%!important;width:auto!important;padding:8px 12px!important;text-align:start!important}
 #cfAppearance .cf-appearance-options>button{display:grid!important;place-items:center!important;align-content:center!important;grid-auto-flow:row!important;text-align:center!important;gap:10px!important}
 #cfAppearance .cf-appearance-options>button>span{justify-self:center!important;text-align:center!important}
 #cfAppearance .cf-appearance-options svg{width:22px!important;height:22px!important;justify-self:center!important}
 #exportSettingsPanel>button,#exportSettingsPanel>label.btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;min-height:44px!important;margin:10px 0!important;white-space:normal!important;text-align:center!important}
 #settingsView .fleet-management-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:24px!important}
 #settingsView .fleet-manager{min-width:0!important;align-self:stretch!important}
 #settingsView .fleet-manager-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:60px!important;gap:12px!important}
 #settingsView .fleet-manager-head h3{margin:0!important}
 #settingsView .entity-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:84px!important;gap:12px!important}
 #settingsView .entity-card>div{min-width:0!important}
 #settingsView .entity-card button{width:auto!important;justify-self:end!important;min-height:44px!important}
 #announcementsFeatureToggle{appearance:none!important;-webkit-appearance:none!important;position:relative!important;flex:0 0 44px!important;width:44px!important;height:26px!important;min-height:26px!important;margin:0!important;padding:0!important;border:1px solid var(--line-strong)!important;border-radius:20px!important;background:var(--muted)!important;cursor:pointer!important}
 #announcementsFeatureToggle::before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--surface)}
 #announcementsFeatureToggle:checked{background:var(--blue)!important;border-color:var(--blue)!important}
 #announcementsFeatureToggle:checked::before{left:21px}
 #announcementsFeatureToggle:focus-visible{outline:3px solid var(--blue)!important;outline-offset:3px!important}
 @media(max-width:700px){#settingsView .fleet-management-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}}
 @media(max-width:380px){#paymentOverview .finance-list-card{grid-template-columns:minmax(0,1fr)!important}#paymentOverview .finance-list-card>strong{justify-self:start!important}.cost-evidence-line{font-size:12px!important}}
}