.brandingGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:32px;margin-top:24px}.brandingFields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brandingFields label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:13px}.brandingFields input,.brandingFields select{width:100%;min-width:0}.brandingWide{grid-column:1/-1}.brandingImages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brandingImages label{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.brandingImages input{font-size:12px}.brandingImages img{display:block;max-width:100%;height:70px;object-fit:contain;align-self:flex-start}.brandingPreview{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;align-self:start}.brandingPreview header{padding:26px;display:flex;gap:14px;align-items:center}.brandingPreview header img{width:52px;height:52px;object-fit:contain}.brandingPreview strong{display:block;overflow-wrap:anywhere}.brandingPreview small{display:block;margin-top:6px}.brandingPreview main{padding:28px}.brandingAppPreview{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:24px}.brandingAppPreview img{width:80px;height:80px;border-radius:18px;box-shadow:0 6px 18px #0001;object-fit:contain;background:white}.brandingActions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}.brandingLink{overflow-wrap:anywhere;display:block;margin-top:12px}.brandingNote{font-size:13px;line-height:1.6}.brandingFields input[type=color]{height:44px;padding:5px;cursor:pointer}.brandingFields button{align-self:start}.brand-custom .side{background:var(--client-primary)!important;color:var(--client-on-primary)}.brand-custom .side .brandName,.brand-custom .side .brandName b,.brand-custom .side .brandText small,.brand-custom .side .navbtn,.brand-custom .side .navGroupTitle,.brand-custom .side .navCustomize{color:var(--client-on-primary)!important}.brand-custom .side .brandText{min-width:0}.brand-custom .side .brandName{font-size:25px;overflow-wrap:anywhere;white-space:normal}.brand-custom .side .brandLogo{object-fit:contain;max-height:70px}.brand-custom body{background:var(--client-background)!important}.brand-custom .brandName{font-family:var(--client-heading);color:var(--navy)}.brand-custom h1,.brand-custom h2,.brand-custom h3{font-family:var(--client-heading)}.brand-custom button:not(.secondary):not(.linkbtn):not(.navbtn):not(.navCustomize):not(.alertItem):not(.headerAlerts):not(.dashboardTile):not(.posProduct){background:var(--client-primary);color:var(--client-on-primary)}
@media(max-width:800px){.brandingGrid{grid-template-columns:1fr}.brandingPreview{max-width:440px;width:100%}.brandingFields{grid-template-columns:1fr}.brandingWide{grid-column:auto}}@media(max-width:480px){.brandingImages{grid-template-columns:1fr}}