.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff;padding:3px;flex-shrink:0}.brand-copy{min-width:0;overflow-wrap:anywhere;line-height:1.5}.auth-brand .brand-copy{max-width:330px}.branding-panel{max-width:960px}.branding-panel .panel-heading p{font-size:12px;margin:8px 0 0}.branding-panel .panel-heading>.icon{width:23px;height:23px;color:#8da2c5}.branding-preview{display:flex;align-items:center;gap:22px;padding:34px;background:#f8faff;border-bottom:1px solid var(--line)}.branding-preview-mark{padding:15px;background:white;border:1px solid #e4ebf6;border-radius:19px;box-shadow:0 6px 20px #22457406;flex-shrink:0}.branding-preview-mark .brand-logo,.branding-preview-mark .brand-mark{width:64px;height:64px;font-size:30px;border-radius:14px}.branding-preview>div:last-child{min-width:0}.branding-preview .eyebrow{display:block;letter-spacing:1px;font-size:10px;margin-bottom:10px}.branding-preview h2{font-size:23px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 8px}.branding-preview p{color:var(--muted);font-size:12px;margin:0}.branding-details{padding:8px 30px}.branding-details>div{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.branding-details>div:last-child{border:0}.branding-details span{min-width:70px;color:var(--muted)}.branding-details strong{font-weight:500}.logo-upload-preview{display:flex;gap:17px;align-items:center;padding:20px;border:1px dashed #d8e2f1;background:#f8faff;border-radius:10px;margin-bottom:23px}.logo-upload-preview [data-logo-preview]{display:flex;flex-shrink:0}.logo-upload-preview .brand-logo,.logo-upload-preview .brand-mark{width:64px;height:64px;font-size:28px}.logo-upload-preview strong{font-size:13px;font-weight:600}.logo-upload-preview p{color:var(--muted);font-size:12px;margin:6px 0 0}.branding-form input[type=file]{padding:9px;font-size:12px}.branding-form input::file-selector-button{padding:7px 12px;margin-right:12px;border:0;border-radius:5px;background:#edf3ff;color:#3865c7;cursor:pointer}.branding-form>.check{margin-bottom:12px}.branding-form .form-footer{margin-top:25px}
@media(max-width:760px){.branding-preview{padding:22px;gap:16px}.branding-preview-mark{padding:10px}.branding-preview-mark .brand-logo,.branding-preview-mark .brand-mark{width:48px;height:48px}.branding-preview h2{font-size:18px}.branding-details{padding:8px 22px}.branding-details>div{gap:14px}.logo-upload-preview{padding:15px;gap:12px}.logo-upload-preview p{font-size:11px}.auth-brand .brand-copy{max-width:270px}.brand-copy{overflow-wrap:anywhere}}