:root{--navy:#102c46;--blue:#087ea4;--ink:#17344b;--muted:#60758a;--line:#dde7ee;--surface:#f3f7fa}
:root{--actual:#2563eb;--target:#d97706;--prior:#8054c7;--achievement:#087f5b;--growth:#be185d}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:'Segoe UI',Arial,sans-serif;font-size:14px}button,select,input,summary{font:inherit}button,summary{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
body>header{position:relative;background:var(--navy)!important;padding:22px 30px!important;box-shadow:none!important;gap:20px}#page-main-title{font-size:23px;letter-spacing:-.4px;text-transform:none;font-weight:700}#page-sub-title{font-size:12px;line-height:1.6;margin-top:6px;color:#c8dbe8}.brand-tag{font-size:12px;letter-spacing:2px;color:#8cd4e8}.app-workspace{display:flex;overflow:visible!important;align-items:flex-start}aside{position:sticky;top:0;width:218px!important;min-height:calc(100vh - 100px);padding:26px 14px!important;background:var(--navy)!important;box-shadow:none!important;overflow:visible!important}aside nav{margin-top:20px}aside .sidebar-btn{font-size:13px;padding:13px 12px;margin:5px 0;border-left:3px solid transparent;border-radius:8px;gap:8px}aside .sidebar-btn.active{background:#1d4962;border-left-color:#65cee1}aside .sidebar-btn:hover{background:#1d4962}aside h2{font-size:11px!important;letter-spacing:1.5px}.sidebar-note{margin:32px 12px 0;padding-top:20px;border-top:1px solid #355169;font-size:12px;color:#a5bccd;line-height:1.7}
main{min-width:0;width:100%;padding:24px!important;overflow:visible!important;background:var(--surface)!important}main>*+*{margin-top:20px!important}.filter-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.filter-basic{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:14px;align-items:end}.filter-basic .month-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-panel label{display:block;font-size:11px!important;font-weight:650;letter-spacing:.3px;color:var(--muted)!important;margin:0 0 7px}.filter-panel select,.table-tools input{width:100%;height:38px;border:1px solid #cbd9e3;background:#fff!important;color:var(--ink)!important;border-radius:7px;padding:7px 10px;font-size:13px!important;min-width:0}.filter-panel summary{font-weight:600;color:var(--blue);padding:14px 0 0}.filter-advanced{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px}.filter-scenarios{grid-column:1/-1;background:#f5f9fc!important;border:1px solid var(--line)!important;padding:14px!important}.filter-scenarios>div:first-child{display:none}.filter-scenarios button{background:#e5eef5!important;color:var(--navy)!important;padding:6px 10px!important;font-size:12px!important}.filter-scenarios #year-checkbox-container{display:flex;flex-wrap:wrap;max-height:none;gap:14px;margin-top:10px}.year-cb-label{font-size:13px;color:var(--ink)!important}.year-cb-label span{color:inherit!important}.year-cb-label:has(:disabled){display:none}.filter-scenarios .year-cb{accent-color:var(--blue)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c9dbe5;background:white;border-radius:7px;padding:9px 12px;color:var(--ink);font-size:12px;font-weight:600;white-space:nowrap}.ui-button:hover{background:#eef6fa}.ui-button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.filter-hint{font-size:12px;color:var(--muted);margin-top:12px}
.kpi-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.pbi-kpi-card{background:#fff!important;border:1px solid var(--line)!important;border-top:3px solid var(--blue)!important;border-radius:11px!important;padding:18px!important;box-shadow:none!important;min-width:0}.pbi-kpi-card>div:first-child{font-size:11px!important;text-transform:none!important;line-height:1.5;color:var(--muted)!important}.pbi-kpi-card>div:nth-child(2){font-size:clamp(22px,2.1vw,32px)!important;line-height:1.5;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.pbi-kpi-card>div:last-child{font-size:11px!important;color:var(--muted)!important;line-height:1.6}.insight-strip{background:#e8f4f8;border-left:3px solid var(--blue);border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.6;color:#254d63}.page-view>div{min-width:0}.page-view .grid{gap:20px}.page-view h3{font-size:14px!important;font-weight:650;text-transform:none!important;letter-spacing:0;line-height:1.5}.page-view h4{font-size:13px!important;text-transform:none!important}.page-view p{font-size:12px!important;line-height:1.5;color:var(--muted)}.page-view .bg-white{border-color:var(--line)!important;box-shadow:none!important;border-radius:12px}.page-view .rounded-xl{padding:20px!important}.page-view .h-64{height:300px}.page-view .h-72{height:330px}.page-view .h-80{height:370px}#page1>div:first-child{grid-template-columns:1.15fr 1fr}.chart-toolbar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin:10px 0}.chart-toolbar button{padding:5px 10px;font-size:11px}.chart-toolbar .chart-note{color:var(--muted);font-size:11px;margin-right:auto;align-self:center}
.table-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.table-tools input{max-width:300px}.table-tools label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.table-tools input[type=checkbox]{width:16px;height:16px}.table-tools .table-count{font-size:11px;color:var(--muted);margin-right:auto}table{font-variant-numeric:tabular-nums}.pbi-table{font-size:12px!important;line-height:1.5}.pbi-table th{padding:12px!important;background:var(--navy);font-size:11px;position:sticky;top:0;z-index:2;border-color:#29485f}.pbi-table td{padding:11px 12px!important;vertical-align:middle;border-right:0!important}.pbi-table tbody tr:nth-child(even){background-color:#f6f9fc}.pbi-table td:first-child{font-weight:600}.pbi-table tr:hover td{background-color:#eaf4f8!important}.table-viewport{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:9px;max-height:620px}#table-page3-body td:nth-child(3){min-width:180px;max-width:240px}#table-page3-body td:nth-child(2){white-space:nowrap}table.compact-months th:nth-child(n+11),table.compact-months td:nth-child(n+11){display:none}table.compact-months{min-width:900px!important}.compact-summary{width:100%;min-width:780px}.compact-summary th:first-child{min-width:130px}.compact-summary .numeric{text-align:right;white-space:nowrap}.compact-summary tr.region-total{background:#e7f0f7;font-weight:700}.compact-summary tr.grand-total td{background:var(--navy)!important;color:white!important;font-weight:700}.compact-summary .region-name{font-weight:600}.positive{color:#117854}.negative{color:#be374f}.subtle{color:var(--muted)}#page7.summary-compact .summary-detail{display:none}#page7:not(.summary-compact) #summary-compact-wrap{display:none}.quality-bar{font-size:12px;color:var(--muted);line-height:1.7}.quality-bar summary{padding:0;font-size:12px}.quality-bar ul{margin:10px 0 0;padding:12px 12px 12px 28px;border:1px solid #ead9b6;background:#fffaf0;border-radius:8px;color:#80601b}.quality-pill{display:inline-block;margin-right:10px;padding:3px 9px;border-radius:20px;background:#e5f3ee;color:#147451;font-size:11px;font-weight:600}.quality-pill.review{background:#fff0d2;color:#825918}.scope-chip{margin-left:10px}.ui-empty{padding:24px;text-align:center;color:var(--muted)}body>footer{display:none}.export-hint{font-size:11px;color:var(--muted);margin:10px 0}
@media(min-width:1600px){main{padding:30px!important}.page-view .h-64{height:340px}}@media(max-width:1200px){aside{width:190px!important}main{padding:18px!important}.filter-basic{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-basic>button{justify-self:start}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#page1>div:first-child{grid-template-columns:1fr}.page-view .grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.page-view .grid-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){body>header{padding:18px!important}#page-main-title{font-size:19px}.brand-tag{display:none}.app-workspace{display:block!important}aside{position:relative;width:100%!important;min-height:0;padding:8px 12px!important}aside>div>div:first-child,aside .sidebar-note{display:none}aside nav{display:flex;overflow-x:auto;gap:6px;margin:0}aside .sidebar-btn{width:auto;flex-shrink:0;font-size:12px;padding:10px;white-space:nowrap}aside nav i,aside nav svg{display:none}main{padding:14px!important}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbi-kpi-card{padding:14px!important}.pbi-kpi-card>div:nth-child(2){font-size:25px!important}.filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.page-view .grid-cols-2,.page-view .grid-cols-3{grid-template-columns:1fr!important}.page-view .col-span-2,.page-view .col-span-3{grid-column:span 1!important}.page-view .rounded-xl{padding:14px!important}.page-view .grid-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.page-view .h-64{height:300px}.page-view .flex.justify-between{flex-wrap:wrap;gap:10px}.filter-panel{padding:14px}.scope-chip{display:block;margin:6px 0}.pbi-table{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.kpi-grid[hidden]{display:none!important}
footer{display:none!important}
.page-view .grid>*{min-width:0}.page-view canvas{max-width:100%}.page-view .flex>div{min-width:0}.page-view h3,.page-view h4{overflow-wrap:anywhere}
#page7.summary-compact .summary-period-25{display:none}
@media(max-width:800px){.page-view .grid-cols-5,.page-view .grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-view .grid-cols-2,.page-view .grid-cols-3,#page1>div:first-child{grid-template-columns:minmax(0,1fr)!important}.chart-toolbar .chart-note{flex-basis:100%}.filter-basic{grid-template-columns:repeat(2,minmax(0,1fr))}.page-view .flex{flex-wrap:wrap}.page-view .min-w-0{width:100%}}
@media print{aside,.filter-panel,.chart-toolbar,.table-tools,body>footer{display:none!important}body>header{background:white!important;color:#102c46!important}main{padding:0!important}.page-view.hidden{display:none!important}.table-viewport{max-height:none;overflow:visible}.pbi-kpi-card,.page-view .rounded-xl{break-inside:avoid}body{background:white}}
/* Executive report refinement: clear hierarchy and distinct scenario colors. */
body>header{padding:15px 24px!important;background:#142b43!important}#page-main-title{font-size:21px}#page-sub-title{margin-top:3px;font-size:11px}.brand-tag{font-size:10px;letter-spacing:1.8px}
aside{width:196px!important;padding:20px 12px!important;min-height:calc(100vh - 80px)}aside .sidebar-btn{font-size:12px;padding:12px 10px}.sidebar-note{font-size:11px}aside .sidebar-btn.active{background:#244566;border-left-color:#f5b544}main{padding:18px 22px!important}main>*+*{margin-top:16px!important}
.filter-panel{padding:13px 16px;border-radius:10px}.filter-panel label{font-size:10px!important;margin-bottom:5px}.filter-panel select{height:34px;font-size:12px!important;padding:5px 9px}.filter-panel summary{padding-top:10px;font-size:12px}.filter-hint{font-size:11px;margin-top:8px}.filter-basic{gap:12px}.filter-basic>.ui-button{padding:7px 12px}
.report-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;font-size:11px;color:#485a6d;margin-bottom:-5px}.legend-caption{font-size:9px;letter-spacing:1.4px;color:#738297;font-weight:700}.report-legend>span:not(.legend-caption){display:inline-flex;align-items:center;gap:7px}.report-legend>span:not(.legend-caption)::before{content:'';width:9px;height:9px;border-radius:2px;background:var(--actual)}.report-legend .legend-target::before{background:var(--target)!important}.report-legend .legend-prior::before{background:var(--prior)!important}
.kpi-grid{gap:12px!important}.pbi-kpi-card{padding:15px 16px!important;border-radius:9px!important;border-top-width:3px!important}.pbi-kpi-card>div:first-child{font-size:11px!important;font-weight:600}.pbi-kpi-card>div:nth-child(2){line-height:1.45;letter-spacing:-.6px}.pbi-kpi-card>div:last-child{font-size:10px!important}.kpi-actual{border-top-color:var(--actual)!important;background:linear-gradient(135deg,#eff5ff,#fff 65%)!important}.kpi-prior{border-top-color:var(--prior)!important;background:linear-gradient(135deg,#f5f0fd,#fff 65%)!important}.kpi-target{border-top-color:var(--target)!important;background:linear-gradient(135deg,#fff5e8,#fff 65%)!important}.kpi-ach{border-top-color:var(--achievement)!important;background:linear-gradient(135deg,#eaf7f1,#fff 65%)!important}.kpi-growth{border-top-color:var(--growth)!important;background:linear-gradient(135deg,#fceef5,#fff 65%)!important}#kpi-actual{color:#1d4ed8!important}#kpi-prior{color:#7543b9!important}#kpi-target{color:#b45e09!important}.insight-strip{background:#fff;border:1px solid #dbe4ed;border-left:3px solid var(--target);padding:10px 14px;font-size:12px;border-radius:7px}
.page-view .grid{gap:16px}.page-view .rounded-xl{padding:17px!important;border-radius:10px!important}.page-view h3{font-size:14px!important;color:#203650}.page-view p{font-size:11px!important}.page-view .revenue-trend{height:408px}.chart-toolbar{gap:5px;margin:10px 0 12px}.chart-toolbar button{font-size:10px;padding:5px 8px}.chart-toolbar .chart-note{font-size:10px}.pbi-table th{background:#f1f4f8!important;color:#36475b!important;border-bottom:2px solid #d8e1eb!important;border-right:1px solid #e2e8f0!important;font-size:10px;padding:10px 11px!important}.pbi-table td{padding:9px 11px!important;font-size:12px}.page-view th.col-actual{background:#eaf1ff!important;color:#1d4ed8!important;border-bottom:2px solid var(--actual)!important}.page-view th.col-prior{background:#f1ebfa!important;color:#6d3fa9!important;border-bottom:2px solid var(--prior)!important}.page-view th.col-target{background:#fff2df!important;color:#995000!important;border-bottom:2px solid var(--target)!important}.pbi-table tbody tr:nth-child(even){background:#f8fafc}.quality-bar summary{font-size:11px}.quality-pill{font-size:10px}.table-viewport{border-radius:7px}.table-tools input{height:34px}.compact-summary tr.region-total{background:#edf2f8}.positive{color:#087f5b}.negative{color:#b42343}
@media(min-width:1201px){#page1>div:first-child{grid-template-columns:1.25fr 1fr}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:800px){body>header{padding:14px 16px!important}#page-main-title{font-size:17px}.app-workspace aside{width:100%!important;padding:5px 10px!important;min-height:0}main{padding:12px!important}.filter-panel{padding:12px}.filter-basic{gap:10px}.report-legend{gap:7px 12px;font-size:10px}.legend-caption{display:none}.pbi-kpi-card{padding:13px!important}.page-view .revenue-trend{height:325px}.page-view .rounded-xl{padding:13px!important}.page-view h3{font-size:13px!important}.chart-toolbar{justify-content:flex-start}.chart-toolbar .chart-note{flex-basis:auto;margin-right:auto}.brand-tag{display:none}}
.brand-detail-grid{grid-template-columns:minmax(0,1fr)!important}.brand-detail-grid>.col-span-2{grid-column:auto!important}.forecast-legend{flex-wrap:wrap;gap:8px;font-size:10px}.forecast-legend>span{margin-left:0!important}.pbi-kpi-card .kpi-unavailable{font-size:16px!important;white-space:normal;min-height:43px;display:flex;align-items:center;color:#64748b!important}#p6-stat-ogsm{color:var(--target);font-weight:700}#p6-stat-ytd{color:var(--actual);font-weight:700}#p6-stat-fc{color:var(--achievement);font-weight:700}#p6-stat-act25{color:var(--prior);font-weight:700}