/* A quiet, bounded settings surface; no animation or expensive backdrop blur. */
.xt-brands-page{margin:0;background:#eef3f9;color:#25364f;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",sans-serif}
.xt-brands-page *{box-sizing:border-box}.xt-brands-page [hidden]{display:none!important}
.brand-shell{max-width:1120px;margin:auto;padding:30px 30px 50px}
.brand-page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.brand-product{color:#527381;font-size:12px;font-weight:600;margin:0 0 3px}.brand-page-head h1{font-size:26px;letter-spacing:-.5px;font-weight:650;line-height:1.4;margin:0 0 7px}.brand-page-head p:last-child{margin:0;color:#718198;font-size:13px}.brand-account-note{white-space:nowrap;color:#607e85;border:1px solid #d5e5e8;border-radius:20px;padding:5px 12px;font-size:11px;background:#f6fbfc}
.brand-status{min-height:35px;padding:4px 2px 11px;font-size:12px;color:#507186;overflow-wrap:anywhere}.brand-status.error{color:#b64a58}
.brand-workspace{display:grid;grid-template-columns:225px minmax(0,1fr);align-items:start;gap:20px}
.brand-sidebar{position:sticky;top:20px;background:#f7f9fd;border:1px solid #dce5f0;border-radius:16px;padding:16px 10px 12px;box-shadow:0 4px 16px #31425b06}
.brand-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 5px 13px}.brand-sidebar h2{font-size:13px;margin:0;font-weight:600}.brand-list{display:flex;flex-direction:column;gap:4px;max-height:65vh;overflow:auto}.brand-list-empty{color:#8995a6;font-size:12px;padding:0 10px}
.brand-list-item{width:100%;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;padding:12px 10px;cursor:pointer;color:inherit;font:inherit}.brand-list-item:hover{background:#edf2f9}.brand-list-item.selected{background:#e9eef9;border-color:#d5ddf1}.brand-list-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-list-title strong{font-size:13px;font-weight:600;overflow-wrap:anywhere;min-width:0}.brand-list-title small{white-space:nowrap;font-size:10px;background:#d8eee6;color:#377862;padding:1px 5px;border-radius:4px;font-weight:500}.brand-list-meta{display:block;font-size:10px;color:#8390a4;margin-top:4px}
.brand-editor,.brand-empty{min-width:0;background:#ffffffd9;border:1px solid #d9e3ef;border-radius:18px;box-shadow:0 10px 30px #324e7410;overflow:hidden}
.brand-editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 26px 20px;background:#f9fbff;border-bottom:1px solid #e5ebf3}.brand-title-field{flex:1;max-width:440px}.brand-title-field label{display:block;font-size:11px;color:#738399;margin-bottom:7px}.brand-title-field input{font-size:18px!important;font-weight:600;background:#fff!important}.brand-current{font-size:11px;color:#8793a6;white-space:nowrap}.brand-current.active{color:#28785f}
.brand-section{padding:22px 26px;border-bottom:1px solid #e9edf4}.brand-section-heading{margin-bottom:17px}.brand-section h2{font-size:15px;line-height:1.5;font-weight:600;margin:0 0 4px}.brand-section-heading p{color:#8a95a6;font-size:11px;margin:0}.brand-inline-fields{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:15px}.brand-inline-fields>label{min-width:140px;flex:1}.brand-inline-fields>label:nth-child(3){flex:1.3}
.brand-editor label,.brand-basis-field{display:block;font-size:12px;color:#5e718a}.brand-editor input:not([type=checkbox]),.brand-editor select{display:block;width:100%;height:39px;border:1px solid #d7e1ec;border-radius:8px;background:#f8fafd;padding:8px 10px;color:#263a55;font:inherit;font-size:13px;outline:none;margin-top:6px;min-width:0;box-shadow:inset 0 1px 2px #233b5b03}.brand-editor input::placeholder{color:#a2adbb}.brand-editor input:focus,.brand-editor select:focus{border-color:#75a2b1;box-shadow:0 0 0 3px #77aabb17}.brand-editor select{padding-right:24px}
.brand-editor textarea{display:block;width:100%;resize:vertical;min-height:82px;max-height:260px;padding:10px 12px;border:1px solid #d7e1ec;border-radius:8px;background:#f8fafd;color:#263a55;font:inherit;font-size:12px;line-height:1.7;margin-top:7px;outline:none}.brand-editor textarea:focus{border-color:#75a2b1;box-shadow:0 0 0 3px #77aabb17}.brand-editor textarea::placeholder{color:#a2adbb}
.brand-unit-input{display:flex;position:relative;align-items:center}.brand-unit-input input{padding-right:34px!important}.brand-unit-input>span{position:absolute;right:11px;top:15px;font-size:11px;color:#8b97a8;pointer-events:none}
.brand-choices{display:flex;flex-wrap:wrap;gap:8px}.brand-choice{position:relative;cursor:pointer;margin:0!important}.brand-choice input{position:absolute;opacity:0;width:1px;height:1px}.brand-choice span{display:block;border:1px solid #dce4ee;background:#f6f8fc;color:#8290a2;border-radius:7px;padding:7px 12px;font-size:12px;line-height:1.5;user-select:none}.brand-choice input:checked+span{border-color:#9ec8cc;background:#e8f5f3;color:#2f727a;box-shadow:inset 0 1px #ffffff}.brand-choice input:focus-visible+span{outline:2px solid #4f849e;outline-offset:2px}.brand-choice-summary{margin:11px 0 0;font-size:11px;color:#6a8b8f}.brand-hint{color:#8995a7;font-size:11px;line-height:1.7;margin:8px 0 0}.brand-basis-field{max-width:330px}.brand-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.brand-more summary{cursor:pointer;font-size:13px;font-weight:600;color:#596d86}.brand-more summary span{font-weight:400;font-size:10px;color:#99a4b4;margin-left:7px}.brand-type-field{min-width:0}
.brand-hint+.brand-choices{margin-top:10px}
.brand-savebar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 26px;background:#f6f9fd;border-top:1px solid #dfe7f1;box-shadow:0 -3px 12px #233d5704}.brand-savebar>div:first-child{display:flex;align-items:center;gap:10px}.brand-savebar .brand-hint{margin:0}.brand-save-actions{display:flex;gap:8px}.brand-button{border:1px solid #cddce7;background:#f9fcff;color:#4a6b80;border-radius:8px;padding:8px 15px;font:inherit;font-size:12px;font-weight:500;line-height:1.6;cursor:pointer;white-space:nowrap}.brand-button:hover{background:#eef5fa;border-color:#adc9d6}.brand-button.primary{color:#fff;background:#337d8b;border-color:#337d8b;box-shadow:inset 0 1px #ffffff22}.brand-button.primary:hover{background:#2b707e}.brand-button.compact{padding:4px 8px;font-size:11px}.brand-text-button{background:none;border:0;color:#7a8da2;font:inherit;font-size:11px;padding:8px 5px;cursor:pointer}.brand-text-button:hover{color:#355f7d}.brand-text-button.danger{color:#a2707c}.brand-text-button.danger:hover{color:#aa4055}.brand-sidebar>.brand-text-button{margin-top:10px;width:100%;border-top:1px solid #e3e9f2;padding-top:12px}.xt-brands-page button:disabled{opacity:.5;cursor:default}.xt-brands-page button:focus-visible{outline:2px solid #538b9f;outline-offset:3px}
.brand-empty{padding:60px 38px;text-align:center}.brand-empty h2{font-size:19px;font-weight:600}.brand-empty p{font-size:13px;color:#8793a5;max-width:370px;margin:15px auto 25px}
/* These small primitives are shared by the on-page match summary. */
.xt-match-summary{padding:10px 12px;border:1px solid #d6e3ea;background:#f0f7fa;border-radius:10px;color:#3c6176;font:12px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.xt-match-summary strong{font-weight:600}.xt-match-summary .matched{color:#347b61}.xt-match-summary .unmet{color:#b45f6d}.xt-match-summary .missing{color:#a08045}.xt-match-summary p{margin:4px 0 0}.xt-match-summary details{margin-top:5px}.xt-match-summary summary{cursor:pointer}.xt-match-summary ul{padding-left:16px;margin:7px 0 0}
@media(max-width:800px){.brand-shell{padding:22px 16px 30px}.brand-workspace{grid-template-columns:190px minmax(0,1fr);gap:12px}.brand-editor-head,.brand-section{padding:20px}.brand-savebar{padding:14px 18px;flex-wrap:wrap}.brand-measures{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-type-field{grid-column:1/-1}.brand-savebar>div:first-child{flex:1}.brand-save-actions{margin-left:auto}.brand-account-note{display:none}}
@media(max-width:600px){.brand-page-head h1{font-size:23px}.brand-workspace{grid-template-columns:1fr}.brand-sidebar{position:static;padding:12px}.brand-sidebar-head{padding-bottom:8px}.brand-list{max-height:170px}.brand-editor-head,.brand-section{padding:18px}.brand-measures{gap:11px}.brand-inline-fields{gap:11px}.brand-inline-fields>label{min-width:120px}.brand-savebar{padding:12px 16px}.brand-savebar>div:first-child{width:100%;justify-content:space-between;flex:auto}.brand-save-actions{width:100%}.brand-save-actions>button{flex:1}.brand-list-item{padding:9px}.brand-choices{gap:6px}.brand-choice span{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.xt-brands-page *{scroll-behavior:auto!important}}