/* Homepage product settings follow the live Websites and SaaS Configurator hierarchy. */
.f-studio-tabs{display:flex;align-items:center;gap:4px;padding:6px 16px;background:#fff;border-bottom:1px solid #d5dfdb;font-family:'Public Sans',Arial,sans-serif;white-space:nowrap;overflow:auto}
.f-studio-tabs>*{font-size:0.875rem;font-weight:650;padding:6px 9px;color:#4f6466;border-radius:4px}.f-studio-tabs strong{background:#e1f7e2;color:#0e2c2e}.f-studio-tabs b{margin-left:auto;background:#117957;color:#fff}
.f-config-tabs{display:flex;gap:4px;padding:4px;border-radius:6px;background:#f4f6f2;white-space:nowrap;overflow:auto}.f-config-tabs>*{font-size:0.875rem;padding:5px 6px;color:#62766c}.f-config-tabs strong{background:#fff;color:#0e2c2e;border-radius:4px}
.f-brand-settings .f-config-tabs span{color:#4f6466}.f-brand-settings .f-brand-assets span{color:#0e2c2e}
.f-brand-assets{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:8px 10px;background:#fff;border:1px solid #d5dfdb;border-radius:6px;font-size:0.875rem;font-weight:700}.f-brand-assets b{display:grid;place-items:center;width:25px;height:25px;background:#e1f7e2;color:#117957;border-radius:4px}
.f-brand-workspace .f-workspace-body aside{background:#f7f5f0}.f-brand-workspace .f-workspace-body aside b{background:#e1f7e2;color:#0e2c2e;border-radius:4px}.f-brand-workspace .f-workspace-body>div>strong{font-family:'Public Sans',Arial,sans-serif}
@media(max-width:640px){.f-studio-tabs{padding-inline:8px}.f-studio-tabs>*{font-size:0.875rem;padding:5px}.f-config-tabs{grid-column:1/-1}.f-brand-assets{grid-column:1/-1}}