/* Client colors come from the authenticated manager's client, never a URL parameter. */
.fi-body, .fi-simple-layout { background: #FAFAFA; }
.fi-topbar { background: var(--client-primary); color: var(--client-on-primary); }
.fi-topbar .fi-icon-btn > .fi-icon, .fi-topbar .language-switch-trigger, .fi-topbar .aic-pwa-access, .fi-topbar .aic-pwa-icon { color: var(--client-on-primary); }
.fi-topbar .language-switch-trigger, .fi-topbar .aic-pwa-access:hover { background: rgb(255 255 255 / 12%); }
.fi-topbar .fi-global-search-field { background: white; color: #111827; }
.client-brand-card { background: color-mix(in srgb, var(--client-primary) 7%, white); border-color: color-mix(in srgb, var(--client-primary) 25%, white); }
.client-brand-secondary { background: var(--client-secondary); color: var(--client-on-secondary); }

.client-brand-card { color: #111827; }
.client-brand-card:nth-child(even) { background: color-mix(in srgb, var(--client-secondary) 12%, white); border-color: color-mix(in srgb, var(--client-secondary) 35%, #E5E7EB); }
.fi-body .bg-primary-100 { background-color: var(--primary-100); }
.fi-body .bg-primary-50 { background-color: var(--primary-50); }
.fi-body .bg-primary-500 { background-color: var(--primary-500); }
.fi-body .bg-primary-600 { background-color: var(--primary-600); }
.fi-body .border-primary-200 { border-color: var(--primary-200); }
.fi-body .border-primary-500 { border-color: var(--primary-500); }
.fi-body .focus\:border-primary-500:focus { border-color: var(--primary-500); }
.fi-body .focus\:ring-primary-500:focus { --tw-ring-color: var(--primary-500); }
.fi-body .from-primary-50 { --tw-gradient-from: var(--primary-50); }
.fi-body .hover\:bg-primary-700:hover { background-color: var(--primary-700); }
.fi-body .text-primary-600 { color: var(--primary-600); }
.fi-body .text-primary-700 { color: var(--primary-700); }
.fi-body .text-primary-800 { color: var(--primary-800); }
.fi-body .text-primary-900 { color: var(--primary-900); }
.fi-body .to-primary-100 { --tw-gradient-to: var(--primary-100); }

.fi-body .fi-topbar .language-switch-trigger { color: var(--client-on-primary); }
.fi-btn.fi-color-primary:not(.fi-outlined) { --bg: var(--client-primary); --text: var(--client-on-primary); --hover-bg: color-mix(in srgb, var(--client-primary) 88%, black); --hover-text: var(--client-on-primary); }