/* Custom brand names: responsive wordmark, no fixed-name suffix. */
.brand{min-width:0;max-width:100%;gap:10px;letter-spacing:-.035em;line-height:1.18}
.brand-mark{flex:0 0 36px;width:36px;height:36px;margin-right:0;background:linear-gradient(145deg,var(--brand),#075b51);border-radius:11px}
.brand-name{display:block;min-width:0;overflow-wrap:anywhere;white-space:normal;font-size:clamp(18px,2vw,24px);font-weight:750;letter-spacing:-.035em}
.brand-row{align-items:flex-start;gap:8px}.brand-row>.brand{flex:1}.brand-row>button{flex-shrink:0}
.workspace-symbol{flex:0 0 29px}.workspace-symbol .icon{width:16px;height:16px}
.auth-top>.brand{max-width:min(600px,calc(100% - 55px))}
.brand-preview{margin:20px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface-alt);max-width:420px}
.brand-preview>small{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);margin-bottom:16px}
.auth h2,footer>span{overflow-wrap:anywhere;min-width:0}
@media(max-width:480px){.auth-top{padding:22px 18px}.brand-preview{padding:18px}.brand-name{font-size:21px}}