.bi-toolbar{display:flex;align-items:center;gap:10px;margin:6px 0 14px}.bi-toolbar>div{flex:1}.bi-toolbar small{display:block;color:#748390;margin-top:6px}.bi-toolbar .primary{background:#28766e;color:white;border-color:#28766e}.bi-jump{display:flex;gap:20px;border-bottom:1px solid #dce3e3;padding:8px 0 12px;margin-bottom:18px}.bi-jump a{color:#526975;text-decoration:none}.bi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bi-kpi{padding:15px;background:white;border:1px solid #dde5e4;border-radius:9px;min-width:0}.bi-kpi>span{font-size:12px;color:#637481}.bi-kpi strong{display:block;font-size:25px;color:#1c3541;margin:9px 0;font-variant-numeric:tabular-nums}.bi-kpi small{color:#74838d;font-size:11px;line-height:1.6;display:block}.bi-caveat{font-size:11px;line-height:1.8;color:#8a7457;background:#f4efe6;border-radius:6px;padding:10px 13px}.bi-section-title{display:flex;align-items:center;gap:10px;margin:27px 0 13px;scroll-margin-top:20px}.bi-section-title>span{font-size:11px;color:#8c9c9b;border:1px solid #d2dedd;border-radius:5px;padding:4px 7px}.bi-section-title h2{font-size:17px;margin:0;color:#29464d}.bi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bi-card{border:1px solid #dde5e4;border-radius:10px;background:white;padding:18px;min-width:0;overflow:hidden}.bi-card h2{font-size:15px;margin:0 0 6px;color:#213e49}.bi-sub{font-size:11px;color:#7e8b95;line-height:1.7;margin:0 0 13px}.bi-wide{grid-column:1/-1}.bi-svg{display:block;width:100%;height:auto}.bi-svg text{font-size:11px;fill:#7e8b95}.bi-svg [data-bi-month],.bi-svg [data-bi-field]{cursor:pointer}.bi-inline,.bi-legend{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;color:#7e8b95;margin:8px 0}.bi-inline button.selected{background:#e4f0ed}.bi-legend button{border:0;padding:4px}.bi-bars .bi-click{display:grid;grid-template-columns:minmax(70px,1fr) 2fr 85px;gap:7px;width:100%;align-items:center;border:0;border-radius:5px;padding:7px 5px;text-align:left;background:transparent;font-size:12px}.bi-bars .bi-click>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-bars small{grid-column:2/4;color:#8c969c;font-size:10px}.bi-track{height:8px;background:#eef2f1;border-radius:4px}.bi-track>i{display:block;height:8px;background:#43887e;border-radius:4px}.bi-click:hover,.bi-click.is-active{background:#eaf3f1!important}.bi-bars strong{text-align:right;font-size:12px}.bi-heat-scroll{overflow:auto;max-height:320px}.bi-heat{display:grid;gap:4px}.bi-heat b{text-align:center;position:sticky;top:0;padding:8px 2px;background:white;font-size:11px;z-index:1}.bi-heat button{border:0;font-size:11px;border-radius:4px;padding:13px 3px;color:#24493e}.bi-heat button:hover{outline:2px solid #497b73}.bi-brand th,.bi-brand td{font-size:11px;padding:10px 7px}.bi-brand button{border:0;padding:4px}.bi-cohorts{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.bi-cohorts button{border:0;background:transparent;display:grid;grid-template-columns:90px 1fr 65px;gap:8px;align-items:center;text-align:left;font-size:11px;padding:7px}.bi-cohorts button>i{height:10px;background:#e6eceb}.bi-cohorts button>i>i{display:block;height:10px;background:#3d877c}.bi-cohorts small{grid-column:2/4;color:#9a9384}.bi-two{display:flex;gap:30px;margin:20px 0}.bi-two b{display:block;font-size:23px;margin-top:8px}.bi-big{font-size:38px;color:#397b70;margin-top:20px}.bi-big small{font-size:14px}.bi-empty{padding:30px;text-align:center;color:#8a98a0}.bi-end{text-align:center;margin:30px}#bi-month{max-width:160px}.bi-kpis sup{font-size:10px} .bi-card details summary{font-size:11px;color:#82918f;cursor:pointer;margin:9px 0} .bi-click:focus-visible,[data-bi-month]:focus-visible{outline:2px solid #397b70}.research-tag{max-width:240px;white-space:normal!important;text-align:left} .bi-tag-sub{display:block;font-size:10px;color:#82918f;margin-top:3px}
@media(min-width:1700px){.bi-kpis{grid-template-columns:repeat(8,minmax(0,1fr))}.bi-kpi strong{font-size:22px}}
@media(max-width:1000px){.bi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-grid{grid-template-columns:1fr}.bi-toolbar{flex-wrap:wrap}.bi-cohorts{grid-template-columns:1fr}.bi-card{padding:13px}}
/* Compact research layout; product tables retain their own density. */
body[data-view="overview"] main{padding-top:14px}body[data-view="overview"] .top{margin-bottom:12px}body[data-view="overview"] .filter-panel{padding:10px 12px}body[data-view="overview"] .filter-line{gap:7px}body[data-view="overview"] .context{margin:10px 0}body[data-view="overview"] .bi-toolbar{margin:4px 0 8px}body[data-view="overview"] .bi-toolbar small{margin-top:3px}.bi-jump{padding:3px 0 7px;margin-bottom:10px}.bi-kpis{gap:7px}.bi-kpi{padding:10px 12px}.bi-kpi strong{font-size:22px;margin:5px 0}.bi-kpi small{line-height:1.4}.bi-caveat{padding:6px 10px;margin:8px 0;font-size:10px;line-height:1.5}.bi-section-title{margin:17px 0 8px}.bi-section-title h2{font-size:15px}.bi-grid{gap:10px;align-items:start}.bi-card{padding:12px}.bi-card h2{font-size:14px;margin-bottom:4px}.bi-sub{margin-bottom:7px;line-height:1.5}.bi-svg{max-height:220px}.bi-inline,.bi-legend{margin:5px 0}.bi-bars .bi-click{padding:4px 3px;row-gap:1px}.bi-track,.bi-track>i{height:6px}.bi-cohorts button{padding:4px}.bi-two{margin:10px 0}.bi-two b{font-size:20px;margin-top:4px}.bi-big{font-size:30px;margin-top:8px}.bi-end{margin:15px}.bi-hot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bi-hot button{background:#f5f9f8;border:1px solid #e1ebe8;padding:9px 10px;text-align:left;min-width:0}.bi-hot button>span{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bi-hot button>span i{font-style:normal;color:#9aafaa;margin-right:4px}.bi-hot strong{display:block;font-size:16px;margin:5px 0}.bi-hot small{display:block;color:#82918f;font-size:10px;margin-top:4px}.bi-hot button:hover{border-color:#397b70}.bi-hot .bi-track>i{background:#43887e}.column-resizer{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;touch-action:none;z-index:8;border-right:2px solid transparent}.column-resizer:hover,.column-resizer:focus{border-color:#397b70;background:#dcece9;outline:0}.table-wrap table:has(.column-resizer) th,.table-wrap table:has(.column-resizer) td{min-width:0!important;overflow:hidden;text-overflow:ellipsis}.table-wrap table:has(.column-resizer) th{padding-right:12px}.rule-settings,.rule-heading,.rule-conditions>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.rule-settings label{font-size:11px}.rule-settings input{display:block;width:100px}.rule-list{max-height:58vh;overflow:auto}.rule-item{border:1px solid #dde5e4;border-radius:7px;padding:10px;margin:8px 0;background:#fafcfb}.rule-heading [data-rule-label]{flex:1;min-width:140px}.rule-heading label{white-space:nowrap}.rule-conditions>div{margin:7px 0}.rule-conditions select:first-child{width:210px}.rule-conditions [data-condition-value]{width:90px}.rule-heading button,.rule-conditions button{font-size:11px;padding:4px 6px}#modal:has(#rules-editor){width:min(1050px,95vw)}
@media(min-width:1250px){.bi-kpis{grid-template-columns:repeat(8,minmax(0,1fr))}.bi-kpi{padding:9px}.bi-kpi strong{font-size:19px}}
@media(max-width:1100px){.bi-hot{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.bi-hot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1249px){.bi-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.bi-kpi{padding:8px}.bi-kpi strong{font-size:17px}.bi-kpi>span{font-size:10px}.bi-kpi small{font-size:9px}.bi-toolbar{gap:6px}.bi-toolbar small{display:none}body[data-view="overview"] .filter-panel>.filter-line input{width:126px}body[data-view="overview"] .filter-panel>.filter-line select{max-width:125px}body[data-view="overview"] .filter-panel>.filter-line #filter-colors{width:140px}body[data-view="overview"] .filter-panel>.filter-line label{font-size:10px}}

/* ===== V3.2 compact overview: 12-col grid, 8 boards ===== */
.bi-g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:start;margin-top:10px}
.bi-c4{grid-column:span 4}.bi-c6{grid-column:span 6}.bi-c8{grid-column:span 8}
@media(max-width:1250px){.bi-c8{grid-column:span 12}.bi-c4,.bi-c6{grid-column:span 6}}
@media(max-width:900px){.bi-c4,.bi-c6,.bi-c8{grid-column:span 12}}
.bi-card h2{display:flex;align-items:center;gap:8px;margin:0 0 6px}.bi-card h2>span:first-child{flex:1}
.bi-i{font-style:normal;font-size:12px;color:#9aa8a6;cursor:help}
.bi-tog{display:inline-flex;gap:3px}.bi-tog button,.bi-inline button{font-size:11px;padding:2px 8px}.bi-tog button.selected,.bi-inline button.selected{background:#e4f0ed;border-color:#397b70}
.bi-inline button:disabled{opacity:.4;cursor:not-allowed}.bi-sep{flex:1}.bi-hint{color:#9aa8a6}
.bi-info{position:relative}.bi-info summary{cursor:pointer;font-size:12px;color:#526975;list-style:none;padding:5px 9px;border:1px solid #dde5e4;border-radius:6px;background:#fff}
.bi-info p{position:absolute;right:0;top:34px;z-index:20;width:360px;margin:0;padding:10px 12px;font-size:11px;line-height:1.7;color:#6c5a40;background:#f4efe6;border:1px solid #e6dcc8;border-radius:8px;box-shadow:0 6px 18px #0002}
.bi-note{font-size:10.5px;line-height:1.6;color:#8a97a0;margin:7px 0 0}
.bi-mx{display:grid;gap:3px;font-size:11px;align-items:stretch}
.bi-mx>b{font-size:10.5px;color:#7e8b95;font-weight:500;text-align:center;align-self:end;padding:2px 0}
.bi-mx>button{border:0;border-radius:4px;padding:8px 2px;background:transparent;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.bi-mx>button.bi-click.is-active{background:#cfe5e0!important;font-weight:600}
.bi-mx>button.bi-cell{color:#13302a;font-variant-numeric:tabular-nums}.bi-mx>button.bi-cell:hover{outline:2px solid #397b70}
.bi-tot{display:flex;flex-direction:column;justify-content:center;text-align:right;font-size:11px;color:#29464d;font-variant-numeric:tabular-nums;padding:0 4px}.bi-tot small{color:#8c969c;font-size:9.5px}
.bi-chips{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 0}.bi-chips button{font-size:11px;padding:3px 8px;border-radius:99px;border:1px solid #dde5e4;background:#f7faf9}.bi-chips button.is-active{background:#cfe5e0;border-color:#397b70}.bi-chips b{margin-left:2px}
.bi-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
.bi-stack{display:flex;height:14px;border-radius:7px;overflow:hidden;gap:1px;margin:2px 0 8px}.bi-stack i{display:block;min-width:2px}
.bi-hl{font-size:11.5px}.bi-hl>div,.bi-hl>button{display:grid;grid-template-columns:minmax(120px,2.2fr) .8fr .7fr 1fr 1fr;gap:6px;width:100%;align-items:center;border:0;border-radius:5px;padding:5px 4px;text-align:left;background:transparent;font-size:11.5px}
.bi-hl>div>span:nth-child(n+2),.bi-hl>button>span:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}
.bi-hl .bi-hh{color:#7e8b95;font-size:10.5px;border-bottom:1px solid #e6ecea;border-radius:0}.bi-hl>button:hover,.bi-hl>button.is-active{background:#eaf3f1}
.bi-strip{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px;font-size:11.5px;color:#526975}.bi-strip b{color:#1c3541;font-size:14px}
.bi-bars .bi-click{padding:3px}.bi-svg{max-height:none}.bi-c8 .bi-svg{max-height:260px}

/* Layout integration on the user's desktop V3.2 baseline. */
.bi-g12{align-items:stretch}.bi-c12{grid-column:span 12}.bi-card{box-sizing:border-box;align-self:stretch;min-width:0}.bi-card h2{min-height:38px;line-height:1.5}.bi-g12 .bi-card .bi-bars{width:100%}.bi-g12>.bi-card:has(.bi-mx){overflow:auto}.bi-mx{min-width:820px}.bi-kpi{display:flex;flex-direction:column}.bi-kpi small{margin-top:auto}.bi-kpi>span{min-height:28px}.bi-card .bi-svg{max-height:260px}.bi-g12>.bi-c8{grid-column:span 8}.bi-g12>.bi-c4{grid-column:span 4}
@media(max-width:1250px) and (min-width:901px){.bi-g12>.bi-c8,.bi-g12>.bi-c4{grid-column:span 6}}
@media(max-width:900px){.bi-g12>.bi-c4,.bi-g12>.bi-c6,.bi-g12>.bi-c8,.bi-g12>.bi-c12{grid-column:span 12}}
/* Four deliberate overview rows, with a dominant sales trend. */
.bi-four-rows{display:grid;gap:12px;margin-top:10px}.bi-layout-row{display:grid;gap:10px;align-items:stretch;min-width:0}.bi-layout-row>.bi-card{grid-column:auto!important;min-width:0;align-self:stretch}.bi-row1{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.bi-row2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.bi-row3{grid-template-columns:repeat(3,minmax(0,1fr))}.bi-row4{grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr)}.bi-layout-row .bi-card h2{min-height:42px}.bi-row1 .bi-card:not(:first-child) .bi-svg{max-height:155px}.bi-row1 .bi-card:not(:first-child) .bi-bars .bi-click{grid-template-columns:minmax(55px,1fr) 1fr 58px;font-size:10px}.bi-row1 .bi-card:not(:first-child) .bi-bars strong{font-size:10px}.bi-row1 .bi-chips button{font-size:10px}.bi-row2>.bi-card:has(.bi-mx){overflow:auto}.bi-row4>.bi-card{max-height:560px;overflow:auto;display:flex;flex-direction:column}.bi-row4 .bi-hl{overflow:auto;flex-shrink:0}.bi-row4 .bi-hl>div,.bi-row4 .bi-hl>button{min-width:330px}.bi-explanation{margin-top:8px;font-size:10px;color:#7c8b91}.bi-explanation summary{cursor:pointer}.bi-legend>button{border:1px solid #dde5e4;border-radius:4px;background:white;font-size:10px;padding:3px 5px}.bi-stack>button{border:0;padding:0;min-width:2px;cursor:pointer}.bi-stack>button:hover{outline:2px solid #344c48;outline-offset:-2px}.bi-drill-head{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px;font-size:11px}.bi-drill-head>b,.bi-drill-head>span{width:100%;line-height:1.6}.bi-drill-head>span{color:#7e8b95}.bi-drill-head>button{font-size:10px;padding:4px}.bi-drill-list{max-height:350px;overflow:auto;min-height:0;flex:1}.bi-drill-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;border-bottom:1px solid #e6ecea;padding:8px 0;font-size:11px}.bi-drill-item>button{padding:0;border:0;background:transparent;text-align:left;color:#226f89;font-weight:600}.bi-drill-item>small{grid-column:1/-1;color:#8b969a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bi-drill-pages{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:8px;font-size:10px}.bi-drill-pages button{font-size:10px;padding:4px}.bi-row4 [data-research-kind]{cursor:pointer}.bi-hl>button:focus-visible{outline:2px solid #397b70}
@media(max-width:1199px) and (min-width:901px){.bi-row1{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-row1>.bi-card:first-child{grid-column:1/-1!important}.bi-row4{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.bi-row4>.bi-card:first-child{grid-column:1/-1!important}.bi-layout-row .bi-bars .bi-click{grid-template-columns:minmax(55px,1fr) 1fr 65px;font-size:11px}}
@media(max-width:900px){.bi-row1,.bi-row2,.bi-row3,.bi-row4{grid-template-columns:minmax(0,1fr)}.bi-layout-row>.bi-card{grid-column:auto!important}.bi-row4>.bi-card{max-height:none}.bi-drill-list{max-height:350px}}

.bi-shop-notice{font-size:11px;line-height:1.65;color:#6b775c;background:#f3f2e9;border-radius:5px;padding:7px 10px;margin:8px 0}.bi-shop-months{font-size:11px;margin-top:9px}.bi-shop-months summary{cursor:pointer;color:#397b70}.bi-shop-table{overflow:auto;max-height:350px;margin-top:8px}.bi-shop-table table{width:100%;border-collapse:collapse;min-width:660px;font-size:11px}.bi-shop-table th,.bi-shop-table td{padding:6px;border-bottom:1px solid #e6ecea;text-align:right}.bi-shop-table th:first-child,.bi-shop-table td:first-child{text-align:left}