/* Shared brand brief: progressive detail, explicit bulk actions and preserved item edits. */
#brand-brief{padding:24px;margin:22px 0 25px;border:1px solid #e4dcef;border-radius:19px;background:linear-gradient(135deg,#faf7ff,#fdfcff 65%,#f9f8fe);box-shadow:0 4px 16px #5c367104;color:#586074;min-width:0}
#brand-brief .brand-brief-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}
#brand-brief .brief-kicker{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#a28ab6;display:block;margin-bottom:7px}
#brand-brief h3#brand-brief-title{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:0 0 7px;font-weight:650;color:#3b2f4d}
#brand-brief .brand-brief-header p{font-size:13px;line-height:1.8;color:#97869f;max-width:670px;margin:0}
#brand-brief .brief-save-status{white-space:nowrap;border:1px solid #e3e9df;background:#f8fbf4;border-radius:999px;padding:6px 10px;font-size:10px;color:#879a70;line-height:1.4}
#brand-brief .brief-save-status::before{content:' ';display:inline-block;width:5px;height:5px;background:#a1b481;border-radius:50%;margin-right:5px;vertical-align:1px}
#brand-brief .save-error{background:#fff3f5;color:#b17988;border-color:#f2dce2}
#brand-brief .brand-intro-grid,#brand-brief .brand-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#brand-brief .brand-field{position:relative;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.6;color:#7a6b88;min-width:0;margin:0;font-weight:400}
#brand-brief .brand-field>input,#brand-brief .brand-field>select,#brand-brief .brand-field>textarea{padding:10px 12px;font-size:14px;color:#5c536c;border-color:#e1ddea;background:#fff;box-shadow:0 1px 3px #58347803;border-radius:10px;min-width:0;max-width:100%;margin:0;line-height:1.5}
#brand-brief .brand-field>input:focus,#brand-brief .brand-field>select:focus,#brand-brief .brand-field>textarea:focus{border-color:#a384e7;box-shadow:0 0 0 3px #a480df0f;background:#fff}
#brand-brief .brand-field>input::placeholder,#brand-brief .brand-field>textarea::placeholder{font-size:12px;color:#bab0c4;opacity:1}
#brand-brief .brand-field>textarea{resize:vertical;min-height:78px}
#brand-brief .optional-label{position:absolute;right:0;top:1px;font-size:10px;color:#b9abc4;font-weight:400}
#brand-brief .usage-tools{display:flex;align-items:center;gap:14px;margin-top:11px;padding-bottom:22px;border-bottom:1px solid #eae2f3}
#brand-brief #usage-hint{flex:1;font-size:11px;line-height:1.8;color:#a28aaf;margin:0;max-width:650px}
#brand-brief .compact-check{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#9781a6;line-height:1.7;margin:0;cursor:pointer}
#brand-brief .compact-check input{width:14px;height:14px}
#brand-brief .usage-tools .btn,#brand-brief .brand-logo-tools .btn{padding:7px 11px;min-height:32px;font-size:11px;color:#8d6fa8;border-color:#dfd3ee;box-shadow:none;flex-shrink:0;background:#ffffffc9}
#brand-brief .usage-tools .btn:hover,#brand-brief .brand-logo-tools .btn:hover{color:#6c47a4;border-color:#bda2e0;background:#f4eefe}
#brand-brief .brand-action-status{font-size:12px;color:#6f8a59;padding:11px 13px;background:#f6faee;border:1px solid #e0e9d1;border-radius:10px;margin-top:13px;line-height:1.8}
#brand-brief .brand-action-status.has-error{background:#fff4f6;border-color:#f2dce2;color:#ac7585}
#brand-brief .brand-style-fieldset{border:0;min-width:0;padding:0;margin:22px 0}
#brand-brief .brand-style-fieldset legend{font-size:14px;line-height:1.8;color:#705780;font-weight:600;margin:0 0 12px;padding:0}
#brand-brief .brand-style-fieldset legend>span{font-size:11px;color:#ae98bb;font-weight:400;margin-left:8px}
#brand-brief .brand-style-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
#brand-brief .brand-style-card{position:relative;border:1px solid #e6e0ef;border-radius:13px;background:#fff;overflow:hidden;display:flex;align-items:center;gap:11px;min-height:90px;padding:12px;cursor:pointer;margin:0;transition:border-color .2s,box-shadow .2s,background .2s;min-width:0}
#brand-brief .brand-style-card:hover{border-color:#bda3df;box-shadow:0 7px 14px #76479a08}
#brand-brief .brand-style-card:has(input:checked){border-color:#a387df;background:#fbf8ff;box-shadow:0 0 0 2px #a483df10}
#brand-brief .brand-style-card:focus-within{outline:3px solid #c9aff1;outline-offset:2px}
#brand-brief .brand-style-card>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;z-index:2;margin:0;padding:0}
#brand-brief .style-sample{position:relative;display:grid;place-items:center;flex-shrink:0;width:54px;height:62px;border-radius:8px;overflow:hidden;isolation:isolate;background:#eee7fa;color:#8966b5}
#brand-brief .style-sample b{position:relative;z-index:1;font-size:23px;font-weight:650;letter-spacing:-1px;line-height:1.2}
#brand-brief .style-sample i{position:absolute;inset:13px -5px;border:1px solid currentColor;opacity:.15;rotate:-15deg;z-index:-1}
#brand-brief .style-playful{background:#fce3f3;color:#bd67a3;rotate:0}
#brand-brief .style-playful b{rotate:-11deg;font-size:21px}
#brand-brief .style-playful i{border-radius:50%;height:45px;width:45px;left:19px;top:30px;background:#f7badc;border:0;opacity:.6}
#brand-brief .style-creative{background:#e9e3fb;color:#a267c6}
#brand-brief .style-creative b{font-size:46px;line-height:1;rotate:15deg}
#brand-brief .style-creative i{background:#ecc2e0;border:0;height:35px;width:35px;inset:auto -10px -10px auto;opacity:.8;border-radius:50%}
#brand-brief .style-minimal{background:#f4f3f5;color:#8a8493}
#brand-brief .style-minimal b{font-size:18px;letter-spacing:-.8px;font-weight:400}
#brand-brief .style-minimal i{inset:auto 8px 12px;border:0;border-bottom:1px solid currentColor;rotate:0;opacity:.3}
#brand-brief .style-premium{background:#f6eedf;color:#b09a6b}
#brand-brief .style-premium b{font-family:Georgia,serif;font-size:31px;font-weight:400}
#brand-brief .style-premium i{inset:7px;border-color:#c0a982;rotate:0;border-radius:50%}
#brand-brief .style-modern{background:#e8edfa;color:#7890bb}
#brand-brief .style-modern b{font-family:monospace;font-size:24px;font-weight:400;letter-spacing:0}
#brand-brief .style-modern i{background:repeating-linear-gradient(90deg,#bccae1 0,#bccae1 1px,transparent 1px,transparent 10px);inset:0;opacity:.25;border:0;rotate:0}
#brand-brief .style-natural{background:#eef2e3;color:#95a173}
#brand-brief .style-natural b{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:23px}
#brand-brief .style-natural i{border-radius:50% 2px 50% 2px;background:#c5d1a2;border:0;inset:8px 7px 8px 28px;opacity:.45;rotate:-20deg}
#brand-brief .style-retro{background:#faeadd;color:#c79672}
#brand-brief .style-retro b{font-family:Georgia,serif;font-weight:700;font-size:20px;font-style:italic;rotate:-6deg}
#brand-brief .style-retro i{inset:auto 7px 13px;height:4px;border:0;background:#e5b29a;opacity:.55;rotate:-5deg;border-radius:4px}
#brand-brief .style-custom{background:#f8f6fc;color:#b8a5c9}
#brand-brief .style-custom b{font-size:29px;font-weight:300}
#brand-brief .style-custom i{inset:7px;border:1px dashed #cfbfdd;border-radius:5px;rotate:0;opacity:.7}
#brand-brief .style-card-copy{display:block;min-width:0;padding-right:8px}
#brand-brief .style-card-copy strong{font-size:12px;line-height:1.6;font-weight:600;color:#79628b;display:block}
#brand-brief .style-card-copy small{display:block;font-size:10px;color:#ab9bb7;line-height:1.7;margin-top:3px}
#brand-brief .style-selected{position:absolute;top:8px;right:8px;background:#9270ce;color:#fff;height:14px;width:14px;border-radius:50%;display:none;place-items:center;font-size:10px;line-height:1}
#brand-brief .brand-style-card:has(input:checked) .style-selected{display:grid}
#brand-brief .style-more{margin-top:11px;display:block;padding:0;background:transparent;border:0;color:#ae95bf;font-size:11px;line-height:1.8;cursor:pointer}
#brand-brief .style-more:hover{color:#7854a2}
#brand-brief .brand-field.style-custom{margin-top:15px;background:none;color:#7a6b88}
#brand-brief .brand-goal-grid{margin:23px 0}
#brand-brief .brand-detail{background:#ffffffbd;border:1px solid #e8e1f0;border-radius:13px;margin:11px 0;overflow:hidden}
#brand-brief .brand-detail>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:16px 17px;cursor:pointer;line-height:1.4;min-width:0}
#brand-brief .brand-detail>summary::-webkit-details-marker{display:none}
#brand-brief .brand-detail-number{display:grid;place-items:center;background:#f5f0fc;color:#b49bc9;border:1px solid #ede2f6;height:31px;width:31px;border-radius:10px;font-size:11px;flex-shrink:0}
#brand-brief .brand-detail>summary strong{display:block;font-size:13px;color:#816b92;font-weight:550}
#brand-brief .brand-detail>summary small{display:block;font-size:11px;color:#b3a2bf;margin-top:4px;line-height:1.6}
#brand-brief .detail-arrow{margin-left:auto;font-size:18px;font-weight:300;color:#b6a3c5;flex-shrink:0;transition:rotate .2s}
#brand-brief .brand-detail[open] .detail-arrow{rotate:45deg}
#brand-brief .brand-detail-body{border-top:1px solid #f0eaf5;padding:18px;display:flex;flex-direction:column;gap:17px}
#brand-brief .brand-two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
#brand-brief .field-caption{font-size:12px;line-height:1.6;color:#9d87ae;display:block;margin-bottom:9px}
#brand-brief .brand-segmented{display:flex;gap:9px;flex-wrap:wrap}
#brand-brief .brand-segmented label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e9e0f1;background:#fff;border-radius:999px;color:#a087b3;font-size:11px;cursor:pointer}
#brand-brief .brand-segmented label:has(input:checked){background:#f5f0fc;border-color:#cbb3e9;color:#8865a7}
#brand-brief .brand-segmented input{height:14px;width:14px}
#brand-brief .brand-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#brand-brief .brand-color>label{font-size:11px;color:#a28caf;margin-bottom:6px;display:block}
#brand-brief .brand-color>div{background:#fff;border:1px solid #e7dfef;border-radius:10px;padding:6px;display:flex;align-items:center;gap:8px}
#brand-color-fields input[type=color]{width:35px;height:32px;padding:0;margin:0;border:0;box-shadow:none;background:none;cursor:pointer;flex-shrink:0}
#brand-color-fields input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#brand-color-fields input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}
#brand-color-fields [data-color-text]{padding:4px 5px;font-size:13px;font-family:monospace;box-shadow:none;border:0;color:#a18ab2;border-radius:5px;background:#fff;min-width:0;width:100%}
#brand-color-fields [data-color-text][aria-invalid=true]{background:#fff1f5;color:#bd8597;outline:1px solid #efcad8}
#brand-brief .brand-dropzone{position:relative;display:flex;align-items:center;gap:13px;padding:22px 19px;border:1px dashed #cfbce2;background:linear-gradient(135deg,#fbf8ff,#fff);border-radius:12px;transition:border-color .2s,background .2s;min-width:0}
#brand-brief .brand-dropzone.drag-over{background:#f2eafa;border-color:#9e78ce;box-shadow:0 0 0 3px #ac8ed617}
#brand-brief .brand-upload-symbol{display:grid;place-items:center;width:37px;height:39px;border-radius:10px;background:#f0e8fa;color:#b297ca;font-size:26px;flex-shrink:0;font-weight:300}
#brand-brief .brand-dropzone>div{flex:1;min-width:0}
#brand-brief .brand-dropzone strong{display:block;font-size:13px;color:#9a7eae;font-weight:500}
#brand-brief .brand-dropzone>div>span{display:block;font-size:10px;color:#b9a8c5;line-height:1.8;margin-top:4px}
#brand-brief .brand-file-picker{position:relative;overflow:hidden;font-size:11px;padding:8px 13px;min-height:34px;flex-shrink:0;cursor:pointer;color:#9c7db2;border-color:#e2d6ee}
#brand-brief .brand-file-picker:focus-within{outline:3px solid #cbb3e9;outline-offset:2px}
#brand-brief .brand-file-picker>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer}
#brand-brief .brand-file-help{font-size:10px;color:#b5a2c2;line-height:1.8;margin:0}
#brand-brief .brand-file-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0}
#brand-brief .brand-file-list:empty{display:none}
#brand-brief .brand-file-list li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e8e0f1;border-radius:10px;padding:10px;min-width:0}
#brand-brief .asset-symbol{display:grid;place-items:center;width:30px;height:35px;border:1px solid #ede2f5;border-radius:7px;background:#faf7fd;color:#bca5cc;font-size:9px;flex-shrink:0}
#brand-brief .asset-copy{flex:1;min-width:0}
#brand-brief .asset-copy strong{display:block;overflow-wrap:anywhere;font-size:11px;color:#9f83b3;font-weight:500;line-height:1.7}
#brand-brief .asset-copy small{font-size:9px;line-height:1.8;color:#bdadca;display:block}
#brand-brief .brand-file-list button{border:0;background:#f8f4fc;color:#c0a6d0;cursor:pointer;flex-shrink:0;width:25px;height:25px;border-radius:50%;font-size:18px;font-weight:300;line-height:1}
#brand-brief .brand-file-list button:hover{background:#f7eaf2;color:#c08ba8}
#brand-brief .brand-logo-tools{border-top:1px solid #f0eaf5;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
#brand-brief .brand-brief-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:19px;font-size:11px;line-height:1.8;color:#b29bbf}
#brand-brief .brand-brief-footer a{font-size:11px;color:#a281b9;white-space:nowrap}
#brand-brief .brand-brief-footer a:hover{color:#7854a2}
.design-page .brand-order-details{margin-top:18px;border-top:1px solid #eee5f5;padding-top:14px}
.design-page .brand-order-details summary{cursor:pointer;font-size:13px;color:#a28bb2;line-height:1.7}
.design-page #brand-order-summary{display:grid;grid-template-columns:minmax(120px,.5fr) 1.5fr;gap:0 20px;margin:13px 0 0;font-size:12px;line-height:1.8}
.design-page #brand-order-summary dt,.design-page #brand-order-summary dd{padding:8px 0;border-bottom:1px solid #f4eef8;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.design-page #brand-order-summary dt{color:#a88fb9;font-weight:500}
.design-page #brand-order-summary dd{color:#a394af}
@media(max-width:1100px){#brand-brief{padding:22px}#brand-brief .brand-style-card{padding:10px;gap:8px;min-height:89px}#brand-brief .style-sample{width:43px;height:57px}#brand-brief .style-card-copy strong{font-size:11px}#brand-brief .style-card-copy small{font-size:9px}#brand-brief .style-selected{right:6px;top:6px;width:12px;height:12px;font-size:9px}#brand-brief .usage-tools{gap:10px;flex-wrap:wrap}#brand-brief #usage-hint{flex-basis:100%;max-width:none}#brand-brief .usage-tools .btn{margin-left:auto}#brand-brief .brand-brief-header p{font-size:12px}}
@media(max-width:900px){#brand-brief .brand-intro-grid{grid-template-columns:1fr 1fr}#brand-brief .brand-intro-grid>.brand-field:last-child{grid-column:1/-1}#brand-brief .brand-style-options{grid-template-columns:repeat(2,minmax(0,1fr))}#brand-brief .brand-style-card{min-height:84px;padding:12px;gap:12px}#brand-brief .style-sample{width:54px;height:59px}#brand-brief .style-card-copy strong{font-size:12px}#brand-brief .style-card-copy small{font-size:10px}#brand-brief .brand-goal-grid{grid-template-columns:1fr 1fr}#brand-brief .brand-goal-grid>.brand-field:nth-child(2){grid-column:1/-1;grid-row:2}#brand-brief .brand-color-grid{gap:9px}#brand-color-fields [data-color-text]{font-size:12px}#brand-color-fields input[type=color]{height:29px;width:29px}#brand-brief .brand-dropzone{flex-wrap:wrap;padding:18px}#brand-brief .brand-file-picker{margin-left:50px}#brand-brief .brand-brief-footer{flex-wrap:wrap;gap:7px}#brand-brief .brand-style-fieldset legend>span{display:block;margin-left:0;margin-top:2px}#brand-brief .brief-save-status{font-size:9px}}
@media(max-width:600px){#brand-brief{padding:17px 14px;border-radius:15px;margin:18px 0 22px}#brand-brief .brand-brief-header{flex-wrap:wrap;gap:12px;margin-bottom:21px}#brand-brief .brief-kicker{font-size:8px;letter-spacing:1.2px}#brand-brief h3#brand-brief-title{font-size:21px;letter-spacing:-.5px}#brand-brief .brand-brief-header p{font-size:12px}#brand-brief .brand-intro-grid,#brand-brief .brand-goal-grid{grid-template-columns:1fr;gap:15px}#brand-brief .brand-intro-grid>.brand-field:last-child,#brand-brief .brand-goal-grid>.brand-field:nth-child(2){grid-column:auto;grid-row:auto}#brand-brief .brand-field{font-size:12px;gap:6px}#brand-brief .brand-field>input,#brand-brief .brand-field>select,#brand-brief .brand-field>textarea{font-size:13px;padding:9px 10px}#brand-brief .brand-field>input::placeholder,#brand-brief .brand-field>textarea::placeholder{font-size:11px}#brand-brief .optional-label{font-size:9px}#brand-brief .usage-tools{padding-bottom:19px;gap:10px;margin-top:12px}#brand-brief #usage-hint{font-size:10px}#brand-brief .usage-tools .btn{font-size:10px;padding:7px 10px;margin-left:0}#brand-brief .compact-check{font-size:11px}#brand-brief .brand-style-fieldset{margin-top:20px;margin-bottom:22px}#brand-brief .brand-style-fieldset legend{font-size:13px}#brand-brief .brand-style-fieldset legend>span{font-size:10px}#brand-brief .brand-style-options{gap:9px}#brand-brief .brand-style-card{padding:12px 10px 11px;flex-direction:column;align-items:flex-start;gap:8px;min-height:142px;border-radius:11px}#brand-brief .style-sample{height:48px;width:47px}#brand-brief .style-sample b{font-size:21px}#brand-brief .style-creative b{font-size:35px}#brand-brief .style-premium b{font-size:26px}#brand-brief .style-card-copy{padding-right:0}#brand-brief .style-card-copy strong{font-size:11px;line-height:1.5}#brand-brief .style-card-copy small{font-size:9px;line-height:1.6}#brand-brief .style-selected{height:13px;width:13px;top:8px;right:8px;font-size:9px}#brand-brief .style-more{font-size:10px;margin-top:10px;white-space:normal;text-align:left}#brand-brief .brand-detail>summary{padding:13px 11px;gap:9px}#brand-brief .brand-detail-number{height:27px;width:27px;font-size:10px;border-radius:8px}#brand-brief .brand-detail>summary strong{font-size:12px}#brand-brief .brand-detail>summary small{font-size:9px;margin-top:3px}#brand-brief .brand-detail-body{padding:14px 12px;gap:15px}#brand-brief .brand-two-columns{grid-template-columns:1fr;gap:15px}#brand-brief .brand-segmented{gap:7px}#brand-brief .brand-segmented label{font-size:10px;padding:8px 10px}#brand-brief .field-caption{font-size:11px}#brand-brief .brand-color-grid{grid-template-columns:1fr;gap:10px}#brand-brief .brand-color>div{padding:6px 8px;gap:10px}#brand-color-fields input[type=color]{height:30px;width:36px}#brand-color-fields [data-color-text]{font-size:13px}#brand-brief .brand-dropzone{padding:15px 11px;gap:10px;flex-direction:column;align-items:flex-start}#brand-brief .brand-upload-symbol{height:32px;width:32px;font-size:24px}#brand-brief .brand-dropzone strong{font-size:12px;line-height:1.6}#brand-brief .brand-dropzone>div>span{font-size:9px;line-height:1.8}#brand-brief .brand-file-picker{margin-left:0;font-size:10px;padding:8px 12px}#brand-brief .brand-file-help{font-size:9px}#brand-brief .brand-file-list{grid-template-columns:1fr;gap:8px}#brand-brief .asset-copy strong{font-size:10px}#brand-brief .asset-copy small{font-size:9px}#brand-brief .brand-logo-tools{gap:12px;padding-top:12px}#brand-brief .brand-logo-tools .btn{font-size:10px;white-space:normal;text-align:left;line-height:1.6}#brand-brief .brand-brief-footer{font-size:9px;margin-top:16px;line-height:1.9}#brand-brief .brand-brief-footer a{font-size:10px}#brand-brief .brand-action-status{font-size:11px;padding:10px 11px}.design-page #brand-order-summary{display:block;font-size:11px}.design-page #brand-order-summary dt{border:0;padding:8px 0 1px}.design-page #brand-order-summary dd{padding-top:2px;padding-bottom:8px}.design-page .brand-order-details summary{font-size:12px}}
@media(max-width:380px){#brand-brief{padding:16px 11px}#brand-brief .brand-style-card{padding:11px 8px;min-height:149px}#brand-brief .style-card-copy strong{font-size:10px}#brand-brief .style-card-copy small{font-size:9px}#brand-brief .brand-detail-body{padding:12px 9px}#brand-brief .brand-detail>summary{gap:7px;padding:12px 9px}#brand-brief .brand-detail>summary strong{font-size:11px}#brand-brief .brand-detail>summary small{font-size:9px}#brand-brief .brand-detail-number{width:24px;height:24px;font-size:9px}#brand-brief .usage-tools .btn{font-size:9px}#brand-brief .compact-check{font-size:10px}}
@media(prefers-reduced-motion:reduce){#brand-brief *{transition:none!important;animation:none!important}}
/* Searchable industry chooser: custom surface instead of the OS datalist. */
#brand-brief .brand-intro-grid{align-items:start}#brand-brief .sector-picker{position:relative;min-width:0;z-index:15}#brand-brief .sector-picker>label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#61536f;font-size:14px}.sector-caption{font-size:11px;color:#a494b1;font-weight:400}.sector-input-wrap{position:relative;margin-top:0;display:flex;align-items:center}#brand-brief #brand-sector{padding:13px 40px 13px 39px;background:#fff;border:1px solid #dfd6eb;border-radius:13px;min-width:0;width:100%;font-size:14px;height:49px;margin:0}#brand-brief #brand-sector:focus{outline:0;border-color:#9571d8;box-shadow:0 0 0 4px #eee7fb}#brand-brief .sector-input-icon{position:absolute;left:14px;z-index:1;color:#987bb8;font-size:18px;pointer-events:none}#brand-brief #sector-toggle{position:absolute;right:4px;top:4px;bottom:4px;width:35px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#8b75a4;font-size:21px;border-radius:9px;cursor:pointer}#brand-brief #sector-toggle:hover{background:#f4eefd}#brand-brief #sector-toggle:focus-visible{outline:2px solid #9470d1}
#brand-brief .sector-panel{position:absolute;top:calc(100% + 10px);left:0;width:max(100%,490px);max-width:calc(100vw - 70px);background:#fff;border:1px solid #e6ddee;border-radius:18px;box-shadow:0 20px 60px #38204e24,0 3px 10px #38204e08;padding:15px;z-index:30}#brand-brief .sector-panel[hidden]{display:none}.sector-panel-head{display:flex;justify-content:space-between;gap:10px;padding:0 3px 12px;font-size:9px;letter-spacing:1px;color:#9982ad}.sector-panel-head span:last-child{font-size:11px;letter-spacing:0;color:#b3a0c2}#sector-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:310px;overflow:auto;padding:2px;scrollbar-width:thin;scrollbar-color:#d5c4e9 transparent}#brand-brief .sector-option{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:10px 8px;border:1px solid transparent;background:#fff;border-radius:11px;color:#51405f;font:inherit;cursor:pointer;min-width:0}#brand-brief .sector-option:hover,#brand-brief .sector-option.is-active{background:#f7f2ff;border-color:#e6d7f6}#brand-brief .sector-option[aria-selected=true]{background:#f2eafd;border-color:#dcc8f2}#brand-brief .sector-monogram{flex:0 0 31px;height:34px;border:1px solid #eee5f5;background:#faf7ff;border-radius:9px;color:var(--sector-color);font-size:11px;font-weight:700;display:grid;place-items:center}.sector-option>span:nth-child(2){min-width:0}.sector-option strong{font-size:12px;line-height:1.4;display:block;font-weight:650}.sector-option small{display:block;font-size:9px;color:#a18dab;line-height:1.5;margin-top:2px}.sector-option-check{margin-left:auto;color:#9c7dc0;font-size:12px}.sector-panel-note{border-top:1px solid #f0eaf5;margin:12px 0 0!important;padding:10px 3px 0;color:#a08aac!important;font-size:11px !important;line-height:1.6}.sector-empty{grid-column:1/-1;font-size:13px;color:#907a9e;padding:12px}
#brand-brief .brand-style-card{border-radius:15px;background:#fff;box-shadow:0 2px 3px #59367203}#brand-brief .brand-style-card:has(input:checked){border-color:#a17bce;background:linear-gradient(135deg,#fcfaff,#f4edfd);box-shadow:0 0 0 3px #efe5fa}#brand-brief .brand-field select{border-radius:13px;min-height:49px;background-color:#fff;color:#5b4969}
@media(max-width:900px){#brand-brief .sector-panel{width:max(100%,400px)}}@media(max-width:600px){#brand-brief .sector-panel{width:100%;max-width:100%;padding:11px}#sector-options{grid-template-columns:1fr;max-height:280px}.sector-caption{font-size:9px}}

/* Align the shared brief controls instead of inheriting native/generic field heights. */
#brand-brief .brand-intro-grid>.brand-field{display:grid;grid-template-rows:24px 48px;gap:8px;align-content:start}
#brand-brief .brand-intro-grid .sector-picker>label{height:24px;min-height:24px;line-height:24px;margin:0;align-items:baseline}
#brand-brief .brand-intro-grid .optional-label{top:0;line-height:24px;font-size:11px}
#brand-brief .brand-field>input,#brand-brief .brand-field>select,#brand-brief #brand-sector{box-sizing:border-box;height:48px;min-height:48px;max-height:48px;margin:0;padding:10px 12px;line-height:24px;border-radius:12px}
#brand-brief .sector-input-wrap{height:48px;min-width:0}
#brand-brief #brand-sector{padding-left:39px;padding-right:43px}
#brand-brief .sector-input-icon{top:50%;transform:translateY(-50%);line-height:1}
#brand-brief #sector-toggle{top:4px;bottom:4px;right:4px;width:35px;min-height:0;line-height:1;transform:none}
#brand-brief .sector-caption{line-height:24px;white-space:nowrap}
#brand-brief .usage-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}
#brand-brief #usage-hint{min-width:0;max-width:none;margin:0}
#brand-brief .usage-tools .compact-check{min-width:0;margin:0;white-space:nowrap}
#brand-brief .usage-tools .compact-check input{width:16px;height:16px;margin:0;flex-shrink:0}
#brand-brief .usage-tools .btn{min-height:40px;max-width:100%;margin:0;padding:9px 12px;font-size:13px;line-height:1.4}
@media(max-width:1100px){
  #brand-brief .usage-tools{grid-template-columns:minmax(0,1fr) auto}
  #brand-brief #usage-hint{grid-column:1/-1}
  #brand-brief .usage-tools .btn{margin:0;justify-self:end}
}
@media(max-width:600px){
  #brand-brief .usage-tools{grid-template-columns:minmax(0,1fr);gap:12px}
  #brand-brief #usage-hint{grid-column:auto}
  #brand-brief .usage-tools .compact-check{white-space:normal;align-items:flex-start}
  #brand-brief .usage-tools .compact-check input{margin-top:3px}
  #brand-brief .usage-tools .btn{justify-self:stretch;width:100%;white-space:normal;text-align:center;min-height:44px}
}
@media(min-width:601px) and (max-width:900px){#brand-brief .sector-panel{left:auto;right:0}}
/* Compact brand preferences: three accessible tabs, one visible panel. */
#brand-brief .brand-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;background:#eee7f7;border:1px solid #e1d6ef;border-radius:15px;margin:22px 0 0}
#brand-brief .brand-detail-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:46px;border:1px solid transparent;border-radius:10px;background:transparent;color:#655274;font:inherit;font-size:14px;font-weight:650;cursor:pointer;padding:9px 12px;line-height:1.4}
#brand-brief .brand-detail-tabs button span{font-size:11px;color:#806b94}
#brand-brief .brand-detail-tabs button[aria-selected=true]{background:#fff;color:#56239a;border-color:#dfd0f0;box-shadow:0 2px 7px #38204e0b}
#brand-brief .brand-detail-tabs button:focus-visible{outline:3px solid #a582e5;outline-offset:2px}
#brand-brief.has-brief-tabs .brand-tab-panel{margin:12px 0 0;border-radius:14px;background:#fff}
#brand-brief.has-brief-tabs .brand-tab-panel[hidden]{display:none!important}
#brand-brief.has-brief-tabs .brand-tab-panel>summary{display:none}
#brand-brief.has-brief-tabs .brand-tab-panel>.brand-detail-body{padding:20px;gap:16px}
#brand-brief.has-brief-tabs #brand-identity>.brand-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
#brand-brief.has-brief-tabs #brand-identity .brand-color-heading{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
#brand-brief.has-brief-tabs #brand-identity .brand-color-grid{grid-column:1/-1;grid-row:2;margin:0}
#brand-brief.has-brief-tabs #brand-identity .brand-two-columns{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
#brand-brief.has-brief-tabs #brand-content>.brand-detail-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#brand-brief.has-brief-tabs #brand-content .brand-two-columns{grid-template-columns:minmax(0,1fr);margin:0}
#brand-brief.has-brief-tabs #brand-content .brand-detail-body>.brand-two-columns:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
#brand-brief.has-brief-tabs #brand-content textarea{min-height:76px}
#brand-brief.has-brief-tabs #brand-content .brand-detail-body>.brand-field:has([data-brand-field=message]){grid-column:1/-1}
@media(max-width:640px){
 #brand-brief .brand-detail-tabs{gap:3px;padding:4px;border-radius:12px}
 #brand-brief .brand-detail-tabs button{font-size:12px;padding:9px 5px;gap:4px;min-height:49px;flex-direction:column}
 #brand-brief .brand-detail-tabs button span{font-size:10px}
 #brand-brief.has-brief-tabs .brand-tab-panel>.brand-detail-body{padding:14px;gap:14px}
 #brand-brief.has-brief-tabs #brand-identity>.brand-detail-body,#brand-brief.has-brief-tabs #brand-content>.brand-detail-body{grid-template-columns:minmax(0,1fr)}
 #brand-brief.has-brief-tabs #brand-identity .brand-two-columns{grid-column:1;grid-row:auto}
 #brand-brief.has-brief-tabs #brand-identity .brand-color-grid{grid-row:auto}
 #brand-brief.has-brief-tabs #brand-content .brand-detail-body>.brand-two-columns:last-child{grid-template-columns:minmax(0,1fr)}
}