/* 4220 actual brand lockup: square mascot34, name17/600/26, gap8. */
.rail .brand{gap:8px;font-size:17px;line-height:26px;font-weight:600;padding:0 12px;min-width:0}
.rail .brand-logo{display:grid;place-items:center;position:static;width:34px;height:34px;flex:0 0 34px;overflow:hidden;background:#fff;border-radius:6px}
.rail .brand-logo img{display:block;position:static;width:100%;height:100%;max-width:100%;object-fit:contain;left:auto;top:auto}
.brand-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appearance-brand-entry{display:flex;align-items:center;justify-content:space-between;gap:20px}
.appearance-settings .appearance-brand-entry h3{margin:0 0 3px}
.appearance-brand-entry p{margin:0;font-size:13px;line-height:20px;color:#78869b}
.brand-settings-modal .detailmodal{width:520px;max-width:calc(100vw - 32px)}
.brand-settings-modal .dm-body{padding:20px 24px;max-height:70vh;overflow:auto}
.brand-settings-form label{display:block;font-size:14px;line-height:22px;color:#344258;margin-bottom:8px}
.brand-preview-area{border:1px solid #e1e6ee;border-radius:8px;background:#f3f5f8;padding:20px;margin:0 0 20px}
.brand-preview{display:flex;align-items:center;gap:8px;font:600 17px/26px "PingFang SC",sans-serif;color:#253349;min-width:0}
.brand-preview .brand-logo{position:static;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:6px;background:#fff;overflow:hidden}
.brand-preview .brand-logo img{position:static;display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.brand-image-actions{display:flex;gap:8px;margin:12px 0 6px}
.brand-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.brand-settings-form .brand-hint{font-size:12px;color:#78869b;line-height:20px;margin:4px 0 18px}
.brand-settings-form input[type=text]{width:100%;height:36px;border:1px solid #d7dfeb;border-radius:6px;padding:0 10px;font:400 14px/22px "PingFang SC",sans-serif;color:#344258}
.brand-settings-form input[type=text]:focus{outline:none;border-color:#3370ff;box-shadow:0 0 0 2px #3370ff1c}
.brand-settings-error{margin-top:10px;font-size:13px;line-height:20px;color:#b54736;min-height:20px}
.brand-settings-modal .dm-foot{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.brand-settings-modal .dm-foot .brand-default{margin-right:auto}
.brand-preview-area{padding:16px}
.brand-settings-error:empty{display:none}
.brand-settings-form .brand-hint:last-of-type{margin-bottom:0}
/* Slightly open brand lettering while preserving the verified logo/name scale. */
.brand-name{letter-spacing:0.5px}
