/* Scrollable navigation with fixed brand and sync status. */
.sidebar{height:100vh;height:100dvh;overflow:hidden}.brand{flex:0 0 auto;padding-bottom:20px}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:#6d8a79 transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#6d8a79;border-radius:8px}.sidebar-foot{flex:0 0 auto;margin-top:8px;border-top:1px solid rgba(255,255,255,.1)}

/* Product lifecycle and explicitly scaled day/week trend. */
.scope-note{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;border:1px solid #c8d8ce;background:#edf4ef;border-radius:13px;padding:14px 18px;margin-bottom:18px}.scope-note>div{display:flex;flex-direction:column;gap:4px}.scope-note strong{font-size:11px}.scope-note span{font-size:9px;color:var(--muted)}.scope-note button{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:9px 12px;font-size:9px;cursor:pointer}.target-scope{background:#f7f4e9;border-color:#e5dbc0}.product-lifecycle-top{grid-template-columns:minmax(0,1.7fr) minmax(290px,.6fr)}.lifecycle-trend-panel{min-height:430px}.period-tabs{display:flex;align-items:center;gap:6px;margin:18px 0 4px}.period-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 11px;font-size:9px;cursor:pointer}.period-tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.period-tabs span{margin-left:auto;color:var(--muted);font-size:9px}.lifecycle-chart{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:8px 4px 0}.y-ticks{height:210px;margin-top:6px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#829087;font-size:8px}.lifecycle-svg svg{width:100%;height:225px;display:block;overflow:visible}.lifecycle-svg .grid-lines line{stroke:#e2e9e4;stroke-width:1;stroke-dasharray:3 4}.lifecycle-svg polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.lifecycle-svg polyline.ly{stroke:#7d8a83;stroke-width:2}.lifecycle-svg polyline.forecast{stroke:#9fcf45;stroke-width:3;stroke-dasharray:7 4}.lifecycle-svg polyline.actual{stroke:#173d2b;stroke-width:3}.lifecycle-svg circle{fill:#173d2b;stroke:#fff;stroke-width:2}.x-ticks{display:grid;grid-template-columns:repeat(8,1fr);padding:0 0 0 3px;color:#78877f;font-size:8px}.period-tabs:has(button[data-lifecycle-period="day"].active)+.lifecycle-chart .x-ticks{grid-template-columns:repeat(7,1fr)}.x-ticks span{text-align:center}.product-signal{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:1fr auto;gap:8px;font-size:9px}.product-signal span{color:var(--muted)}.product-signal strong{font-size:10px}

/* Denser planning board: multiple products remain visible without cropping. */
.planning-pipeline{grid-template-columns:repeat(4,1fr);margin-bottom:18px}.plan-stage{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:26px 1fr;gap:5px}.plan-stage>span{grid-row:1/4;color:#8c9b93;font-size:9px}.plan-stage strong{font-size:11px}.plan-stage b{font-size:13px}.plan-stage small{font-size:8px;color:var(--muted)}.planning-board{min-height:0;margin-bottom:18px}.planning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.planning-card{border:1px solid var(--line);border-radius:11px;padding:9px;background:#fbfcfb;display:grid;grid-template-columns:72px 1fr 42px;gap:8px;align-items:center}.planning-photo{width:72px;height:84px;grid-row:1/3}.planning-photo .thumb{width:72px;height:84px;padding:6px;border-style:solid;background:#f5f6f5}.planning-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.planning-copy span,.planning-copy small,.planning-score span,.planning-sales span{font-size:7px;color:var(--muted)}.planning-copy strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planning-score{text-align:right;display:flex;flex-direction:column}.planning-score b{font-size:17px;color:var(--brand)}.planning-sales{grid-column:2/3;display:flex;justify-content:space-between;align-items:center}.planning-sales strong{font-size:9px}.planning-card button{grid-column:3/4;border:0;background:#e8f0eb;color:var(--brand);border-radius:6px;padding:7px 4px;font-size:7px;font-weight:700;cursor:pointer}.compact-panel{min-height:280px}

/* Quarter/month/week/day marketing planning. */
.quarter-plan{min-height:0;margin-bottom:18px}.plan-legend{display:flex;gap:10px;font-size:8px;color:var(--muted)}.plan-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}.brand{--marketing-color:#315d48}.plan-legend .brand{background:#315d48}.plan-legend .launch{background:#b5d871}.plan-legend .performance{background:#d7a94a}.plan-legend .crm{background:#8f9fbd}.quarter-months{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quarter-month{border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;flex-direction:column;gap:6px}.quarter-month.current{border-color:#6d8c79;background:#edf4ef}.quarter-month span,.quarter-month small{font-size:8px;color:var(--muted)}.quarter-month strong{font-size:11px}.quarter-month i{height:6px;background:#edf1ee;border-radius:6px;overflow:hidden}.quarter-month b{display:block;height:100%;background:var(--brand);border-radius:6px}.marketing-calendar{min-height:0;margin-bottom:18px;overflow-x:auto}.calendar-grid{min-width:920px;display:grid;grid-template-columns:105px repeat(5,1fr);gap:6px}.calendar-corner,.calendar-week,.calendar-label,.calendar-task{border-radius:7px;min-height:48px;padding:9px}.calendar-corner,.calendar-label{display:flex;align-items:center;font-size:8px;font-weight:700}.calendar-corner{color:var(--muted)}.calendar-week{background:#f2f5f3;display:flex;flex-direction:column}.calendar-week.current{background:#173d2b;color:#fff}.calendar-week span,.calendar-week strong{font-size:8px}.calendar-task{display:flex;flex-direction:column;justify-content:center;gap:3px;border-left:3px solid}.calendar-task span{font-size:8px;font-weight:700}.calendar-task small{font-size:7px;color:var(--muted)}.calendar-task.brand{background:#e7f0e9;border-color:#315d48}.calendar-task.launch{background:#f0f6df;border-color:#9fc34f}.calendar-task.performance{background:#fff2d8;border-color:#d7a94a}.calendar-task.crm{background:#ebedf4;border-color:#8f9fbd}.calendar-task.live{background:#efe7f4;border-color:#9d76aa}.calendar-task.empty{background:#f6f7f6;border-color:#d9dfdb;color:#a3afa8}.marketing-progress{grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr)}.day-status{text-align:center;color:#aab5ae}.day-status.done{color:#315d48}.progress-pill{display:inline-block;background:#e8f0eb;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:700}.today-marketing{display:grid}.today-marketing>div{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.today-marketing>div:last-child{border-bottom:0}.today-marketing time{font-size:9px;color:var(--muted)}.today-marketing span{display:flex;flex-direction:column}.today-marketing strong{font-size:9px}.today-marketing small{font-size:8px;color:var(--muted)}

/* Consolidated inventory operations. */
.inventory-tabs{display:inline-flex;gap:4px;padding:4px;margin:0 0 18px;background:#e9eeeb;border-radius:11px}.inventory-tabs button{border:0;background:transparent;color:#66766d;border-radius:8px;padding:9px 16px;font-size:9px;font-weight:700;cursor:pointer}.inventory-tabs button.active{background:#173d2b;color:#fff;box-shadow:0 2px 8px rgba(23,61,43,.16)}.inventory-table-panel,.inbound-board{margin-bottom:18px;overflow-x:auto}.inventory-table-panel .table,.inbound-board .table{min-width:900px}.inventory-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-actions>.panel{overflow-x:auto}.inventory-actions .table{min-width:560px}

/* Hub keeps one profitability KPI as a drill-down instead of a second dashboard. */
.profitability-entry{width:100%;border:1px solid #d4dfd8;background:#f7faf8;border-radius:12px;margin:0 0 18px;padding:12px 16px;display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;text-align:left;color:var(--text);cursor:pointer}.profitability-entry>span{font-size:8px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.profitability-entry>strong{font-size:20px;color:var(--brand)}.profitability-entry>small{font-size:8px;color:var(--muted)}.profitability-entry>b{font-size:8px;color:var(--brand)}

/* Planning owns internal product candidates, economics, owner and approval stage. */
.planning-meta{grid-column:2/4;display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--line);padding-top:5px}.planning-meta span{font-size:7px;color:var(--muted)}.planning-meta b{color:var(--text)}.planning-card button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Market radar is evidence-first and intentionally image-free. */
.market-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);margin-bottom:18px}.brand-ranking-panel,.market-gap-panel{overflow-x:auto}.brand-ranking-table{min-width:640px}.brand-ranking-table td,.brand-ranking-table th{padding-top:8px;padding-bottom:8px}.brand-ranking-table .our-brand,.designer-benchmark .our-brand{background:#edf4ef}.brand-ranking-table small,.designer-benchmark small{display:inline-block;margin-left:6px;color:var(--brand);font-size:6px;letter-spacing:.08em}.market-signal-panel{min-height:0}.rank-hero{background:#173d2b;color:#fff;border-radius:12px;padding:18px;margin:14px 0;display:grid;grid-template-columns:1fr auto;align-items:end}.rank-hero span,.rank-hero small{font-size:8px;color:#c2d1c8}.rank-hero strong{grid-row:1/3;grid-column:2;font-size:34px}.market-gap-panel{margin-bottom:18px}.market-gap-table{min-width:940px}.market-gap-table button{border:0;background:#e8f0eb;color:var(--brand);border-radius:7px;padding:7px 9px;font-size:7px;font-weight:700;cursor:pointer}.opportunity-score{font-size:16px;color:var(--brand)}

/* Designer 360 is person-centric; only three representative thumbnails remain. */
.designer-selector{margin-bottom:18px}.designer-search{border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:9px}.designer-search input{border:0;outline:0;font:inherit;width:190px}.designer-list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.designer-list button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;display:grid;grid-template-columns:26px 1fr;text-align:left;gap:2px 7px;cursor:pointer}.designer-list button>span{grid-row:1/3;background:#e8f0eb;color:var(--brand);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.designer-list button strong{font-size:9px}.designer-list button small{font-size:7px;color:var(--muted)}.designer-list button.active{border-color:#6f927e;background:#edf4ef}.designer-people-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);margin-bottom:18px}.designer-identity{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;margin-bottom:20px}.designer-identity>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#173d2b;color:#fff;font-size:14px}.designer-identity>div{display:flex;flex-direction:column}.designer-identity strong{font-size:13px}.designer-identity small{font-size:8px;color:var(--muted)}.designer-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.designer-samples>div{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px;min-width:0}.designer-samples .thumb{width:36px;height:44px;padding:3px;flex:0 0 auto}.designer-samples span{display:flex;flex-direction:column;min-width:0}.designer-samples strong{font-size:8px}.designer-samples small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contribution-chart{height:205px;display:flex;align-items:end;gap:13px;padding:15px 10px 0;border-bottom:1px solid var(--line)}.contribution-chart>div{flex:1;height:100%;display:grid;grid-template-rows:16px 1fr 20px;gap:4px;text-align:center}.contribution-chart span,.contribution-chart small{font-size:7px;color:var(--muted)}.contribution-chart i{display:flex;align-items:end;background:#f0f3f1;border-radius:5px 5px 0 0;overflow:hidden}.contribution-chart b{display:block;width:100%;background:linear-gradient(#79a58b,#173d2b);border-radius:5px 5px 0 0}.designer-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.designer-metric-grid>div{background:#f6f8f7;border-radius:9px;padding:10px;display:flex;flex-direction:column}.designer-metric-grid span,.designer-metric-grid small{font-size:7px;color:var(--muted)}.designer-metric-grid strong{font-size:14px}.designer-benchmark{overflow-x:auto;margin-bottom:18px}.designer-benchmark .table{min-width:700px}

/* Design and production focus on WIP, milestones and operational risks. */
.design-flow-panel,.production-flow-panel,.production-orders{margin-bottom:18px}.design-stage-flow,.production-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.design-flow-step,.production-step{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:4px;position:relative}.design-flow-step:not(:last-child):after,.production-step:not(:last-child):after{content:'›';position:absolute;right:-8px;top:38%;z-index:2;color:#819087;font-size:14px}.design-flow-step>span,.production-step>span{font-size:7px;color:var(--muted)}.design-flow-step strong,.production-step strong{font-size:10px}.design-flow-step b,.production-step b{font-size:12px}.design-flow-step i,.production-step i{height:5px;background:#e9eeeb;border-radius:5px;overflow:hidden}.design-flow-step em,.production-step em{display:block;height:100%;background:#315d48;border-radius:5px}.design-flow-step small,.production-step small{font-size:7px;color:var(--muted)}.design-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);margin-bottom:18px}.design-layout>.panel:first-child,.production-orders{overflow-x:auto}.design-work-table,.production-table{min-width:850px}.design-work-table .thumb,.production-table .thumb{width:38px;height:46px;padding:3px}.approval-item{display:grid;grid-template-columns:24px 1fr auto auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.approval-item>span{font-size:7px;color:var(--muted)}.approval-item>div{display:flex;flex-direction:column}.approval-item strong{font-size:9px}.approval-item small,.approval-item time{font-size:7px;color:var(--muted)}.sub-title{margin-top:20px!important}.production-progress{display:flex;align-items:center;gap:8px}.production-progress i{width:90px;height:6px;background:#e8ece9;border-radius:6px;overflow:hidden}.production-progress b{display:block;height:100%;background:#315d48}.production-progress b.warning{background:#d7a94a}.production-progress b.danger{background:#b7655d}.production-progress span{font-size:8px}

@media(max-width:1150px){.planning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-pipeline{grid-template-columns:repeat(2,1fr)}.designer-list{grid-template-columns:repeat(3,1fr)}.design-layout,.market-layout{grid-template-columns:1fr}.design-approval{min-height:0}}
@media(max-width:1000px){.sidebar{height:100dvh}.product-lifecycle-top,.marketing-progress,.designer-people-grid,.inventory-actions{grid-template-columns:1fr}.quarter-months{grid-template-columns:1fr}.design-stage-flow,.production-flow{grid-template-columns:repeat(3,1fr)}.design-flow-step:after,.production-step:after{display:none}}
@media(max-width:620px){.scope-note{grid-template-columns:1fr}.planning-grid,.planning-pipeline{grid-template-columns:1fr}.planning-card{grid-template-columns:64px 1fr 42px}.planning-photo,.planning-photo .thumb{width:64px;height:76px}.plan-legend{display:none}.period-tabs{flex-wrap:wrap}.period-tabs span{width:100%;margin-left:0}.lifecycle-chart{min-width:570px}.lifecycle-trend-panel{overflow-x:auto}.profitability-entry{grid-template-columns:auto 1fr}.profitability-entry>small{grid-column:1/3}.profitability-entry>b{grid-column:1/3}.designer-list{grid-template-columns:repeat(2,1fr)}.designer-search input{width:140px}.designer-samples{grid-template-columns:1fr}.designer-metric-grid{grid-template-columns:repeat(2,1fr)}.design-stage-flow,.production-flow{grid-template-columns:1fr}.inventory-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.inventory-tabs button{padding:9px 6px}}

.design-flow-panel,.production-flow-panel{min-height:0}