.brandingFields{margin:22px 0}.brandingFields fieldset{border:1px solid var(--line,#d9e4e1);border-radius:12px;min-width:0;padding:20px}.brandingFields legend{padding:0 8px;font-weight:700}.brandingFields p,.brandingFields small{line-height:1.5}.brandingFields label{gap:8px;margin:14px 0;font-size:13px;display:grid}.brandingFields input[type=file]{width:100%;max-width:100%}.brandingFields input[type=color]{width:72px;height:40px;padding:3px}.brandingColors{flex-wrap:wrap;gap:24px;display:flex}.brandingFields .brandingToggle{align-items:center;display:flex}.brandingFields .brandingToggle input{flex:0 0 18px;width:18px;height:18px}.brandingPreview{color:#24312d;background:#fff;border-top:5px solid;border-radius:4px;gap:10px;margin:20px 0;padding:22px;display:grid}.brandingPreview img{object-fit:contain;object-position:left;justify-self:start;width:auto;max-width:100%;height:65px}.brandingPreview>div{border-radius:6px;padding:12px}.brandingFields button,.brandingSave{border:1px solid var(--line,#d9e4e1);cursor:pointer;border-radius:8px;padding:10px 16px}.brandingFields button:disabled,.brandingSave:disabled{opacity:.6;cursor:default}:root[data-company-colors=true]:not([data-theme^=night-]){--forest:var(--company-primary);--charcoal:var(--company-primary);--amber:var(--company-secondary);--terracotta:var(--company-secondary);--mint:color-mix(in srgb, var(--company-primary) 14%, white);--amber-wash:color-mix(in srgb, var(--company-secondary) 14%, white);--accent:var(--company-primary)}.brandingLogoUpload{justify-items:start;gap:8px;margin:14px 0;font-size:13px;display:grid}.brandingFields .brandingRemoveLogo{color:var(--muted);background:0 0;border:0;padding:8px 12px 8px 0;text-decoration:underline}:root[data-company-colors=true]:not([data-theme^=night-]){--brand-sidebar:color-mix(in srgb, var(--company-primary) 65%, #000);--brand-nav-text:#fff;--brand-header-overlay:color-mix(in srgb, var(--company-primary) 65%, transparent);--brand-gradient-dark:var(--company-primary);--brand-gradient-primary:var(--company-primary);--brand-gradient-middle:color-mix(in srgb, var(--company-primary) 50%, var(--company-secondary));--brand-gradient-secondary:var(--company-secondary);--brand-canvas:color-mix(in srgb, var(--company-primary) 4%, white)}:root[data-company-colors=true]:not([data-theme^=night-]) .rail{background:var(--brand-sidebar)}:root[data-company-colors=true]:not([data-theme^=night-]) .railButton{color:#fff}:root[data-company-colors=true]:not([data-theme^=night-]) .railButton.active{background:var(--company-secondary);color:#fff}