.action-plan{display:flex;flex-direction:column;gap:10px;padding:14px!important;background:radial-gradient(circle at 60% 0,#101820 0,#080d12 36%,#030506 100%)!important;border:2px solid #26323e!important;border-radius:12px!important}
.action-plan-head h2{font-size:21px;letter-spacing:.01em}.action-plan-head h2 span,.action-chart-title b span{color:#19daf3}.action-plan-head small{display:block;margin-top:3px;font-size:12px;color:#9da8b4}
.action-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:74px}.action-kpi{min-width:0;display:flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid;border-radius:7px;background:#0a0d11}.action-kpi>i{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:4px solid currentColor;border-radius:50%;font-style:normal;font-size:20px;font-weight:900;box-shadow:0 0 15px currentColor}.action-kpi small,.action-kpi b,.action-kpi em{display:block}.action-kpi small{text-transform:uppercase;color:currentColor;font-size:11px;font-weight:800}.action-kpi b{font-size:22px;margin:2px 0;color:#fff;white-space:nowrap}.action-kpi em{font-size:9px;font-style:normal;color:#9aa0a8}.action-kpi.urgent{color:#ff536a;border-color:#bd2b42;background:linear-gradient(120deg,#22090e,#0a0d11)}.action-kpi.year-2026{color:#9c39ff;border-color:#7024bc;background:linear-gradient(120deg,#170c29,#0a0d11)}.action-kpi.year-2027{color:#1cdbeb;border-color:#078b96;background:linear-gradient(120deg,#072329,#0a0d11)}
.action-charts{display:grid;grid-template-columns:minmax(0,4.45fr) minmax(150px,1.25fr);gap:10px;flex:1;min-height:0}.action-main-chart,.action-side-year{display:flex;flex-direction:column;min-height:0;padding:9px;border:1px solid #273440;border-radius:7px;background:#070b0e}.action-chart-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.action-chart-title>span{color:#b0b5bc;font-size:9px;white-space:nowrap}.action-chart-title i{display:inline-block;width:7px;height:7px;border-radius:2px;margin:0 3px 0 7px}.urgent-key{background:#ff465d}.standard-key{background:#ffad32}
.month-bars,.side-year-bars{display:grid;grid-template-columns:repeat(var(--months),minmax(0,1fr));align-items:stretch;gap:5px;flex:1;min-height:220px;margin-top:7px;padding:19px 5px 0 52px;border-bottom:1px solid #5b6570;background:repeating-linear-gradient(to bottom,#26303a90 0 1px,transparent 1px 16.666%);position:relative}.month-bars:before{content:"1,000,000\A\A100,000\A\A10,000\A\A1,000\A\A100\A\A10\A\A1";white-space:pre;position:absolute;left:0;top:13px;bottom:-2px;color:#9aa4af;font-size:8px;line-height:calc((100% - 12px)/12)}.month-bar{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;text-align:center;min-width:0}.month-bar>b{align-self:end;margin-bottom:4px;font-size:8px;white-space:nowrap;color:#e9edf2}.bar-stack{align-self:end;justify-self:center;display:flex!important;flex-direction:column;width:min(70%,34px);height:var(--h)!important;min-height:0!important;border-radius:2px 2px 0 0;overflow:hidden;box-shadow:0 0 8px #0009}.bar-stack span{display:block;width:100%;height:var(--share)}.bar-upcoming{background:linear-gradient(#ffd05f,#eb941c)}.bar-urgent{background:linear-gradient(#ff6677,#e42443)}.month-bar>small{margin-top:5px;font-size:9px;color:#c8ccd2}.side-year-bars{padding-left:48px;gap:10px}.side-year-bars:before{content:"100,000\A\A10,000\A\A1,000\A\A100\A\A10\A\A1";white-space:pre;position:absolute;left:0;top:13px;bottom:-2px;color:#89919b;font-size:8px;line-height:calc((100% - 12px)/10)}.side-year-bars .month-bar>b{color:#2eeaf3}.side-year-bars .bar-stack{width:30px}.action-side-year>strong{margin-top:7px;padding:5px;border:1px solid #263440;border-radius:5px;text-align:center;color:#21e1ed;font-size:10px}
.action-alert{display:flex;align-items:center;gap:12px;min-height:38px;padding:7px 13px;border:1px solid #e72d48;border-radius:7px;background:linear-gradient(90deg,#2a0a10,#0e0b0d);font-size:10px}.action-alert>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ff5167;color:#160307;font-style:normal;font-weight:900}.action-alert>b{color:#ff5d71}.action-alert>span{padding-left:12px;border-left:1px solid #6b5860;color:#e5e7ea}
.presentation-grid>.action-plan{padding:18px!important;gap:12px}.presentation-grid .action-plan-head h2{font-size:clamp(20px,1.65vw,30px)}.presentation-grid .action-kpi b{font-size:clamp(20px,1.55vw,29px)}.presentation-grid .action-kpi small{font-size:clamp(10px,.75vw,14px)}.presentation-grid .month-bar>b{font-size:clamp(8px,.62vw,12px)}.presentation-grid .month-bar>small{font-size:clamp(9px,.7vw,13px)}
@media(max-width:1350px) and (min-width:901px){.action-plan{gap:6px!important}.action-plan-head h2{font-size:15px}.action-plan-head small{font-size:9px}.action-kpis{min-height:60px}.action-kpi{padding:6px 8px;gap:7px}.action-kpi>i{width:30px;height:30px;flex-basis:30px;border-width:3px;font-size:14px}.action-kpi small{font-size:8px}.action-kpi b{font-size:13px}.action-chart-title{font-size:9px}.action-chart-title>span{font-size:7px}.month-bars,.side-year-bars{min-height:145px;padding-left:35px}.month-bars:before,.side-year-bars:before{font-size:6px}.month-bar>b{font-size:6px}.action-alert{padding:3px 7px;min-height:28px}.action-alert>span{font-size:8px}}
@media(max-width:620px){.action-kpis{grid-template-columns:1fr}.action-charts{grid-template-columns:1fr}.action-plan{min-height:900px!important}.action-side-year{min-height:230px}.month-bars{overflow-x:auto;grid-template-columns:repeat(12,minmax(42px,1fr))}.action-alert{flex-wrap:wrap}.action-alert>span{width:100%;border:0;padding-left:30px}}
.month-bars:before,.side-year-bars:before{display:none}.axis-labels{position:absolute;left:0;top:12px;bottom:0;display:flex;flex-direction:column;justify-content:space-between;color:#9aa4af;font-size:8px}.axis-labels i{font-style:normal}@media(max-width:1350px) and (min-width:901px){.axis-labels{font-size:6px}}
.month-bars{padding-top:34px}.month-bars:after{content:"";position:absolute;top:26px;bottom:0;left:calc(52px + (100% - 57px)*var(--split)/12);border-left:1px dashed #e8a62e;pointer-events:none}.section-legend{position:absolute;z-index:2;left:52px;right:5px;top:5px;display:grid;grid-template-columns:calc(var(--split)*1fr) calc((12 - var(--split))*1fr);align-items:center;text-align:center;font-size:8px;font-weight:800}.section-legend b:first-child{color:#ff536a}.section-legend b:last-child{color:#f5aa27}.month-bar{position:relative;display:block}.month-bar .bar-stack{position:absolute;left:50%;bottom:18px;transform:translateX(-50%)}.month-bar>b{position:absolute;z-index:2;left:50%;bottom:calc(20px + var(--h));transform:translateX(-50%);margin:0;color:#fff}.month-bar>small{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin:0}.side-year-bars .section-legend{display:none}.side-year-bars .month-bar .bar-stack{bottom:18px}.side-year-bars .month-bar>b{bottom:calc(20px + var(--h))}
.month-bars:after{left:calc(52px + var(--split-p))}.section-legend{grid-template-columns:var(--split-p) 1fr}

/* Reference-led refresh: crisp command-centre panel with stronger hierarchy. */
.action-plan{container:action-plan / inline-size;gap:10px;padding:12px!important;background:linear-gradient(145deg,#0b1218 0,#05090d 48%,#020507 100%)!important;border:1px solid #263542!important;border-radius:10px!important;box-shadow:inset 0 1px 0 #ffffff08,0 14px 36px #0007!important}
.action-plan-head h2{font-size:22px;line-height:1.05;font-weight:850;letter-spacing:-.015em;text-shadow:0 1px 12px #000}.action-plan-head small{margin-top:3px;font-size:12px;color:#adb6c0}
.action-kpis{gap:10px;min-height:74px}.action-kpi{gap:14px;padding:10px 16px;border-radius:7px;background:#080c10;box-shadow:inset 0 1px 0 #ffffff07}.action-kpi>i{width:45px;height:45px;flex-basis:45px;border-width:4px;font-size:20px;line-height:1;box-shadow:0 0 17px color-mix(in srgb,currentColor 72%,transparent),inset 0 0 10px #0008}.action-kpi small{font-size:11px;letter-spacing:.01em}.action-kpi b{margin:2px 0 1px;font-size:24px;font-weight:900;letter-spacing:.01em}.action-kpi em{font-size:10px;color:#b6bec7}.action-kpi.urgent{background:linear-gradient(120deg,#23080e 0,#0a0d11 78%)}.action-kpi.year-2026{background:linear-gradient(120deg,#180b2c 0,#0a0d11 78%)}.action-kpi.year-2027{background:linear-gradient(120deg,#06262b 0,#0a0d11 78%)}
.action-charts{grid-template-columns:minmax(0,5.15fr) minmax(160px,1.38fr);gap:10px}.action-main-chart,.action-side-year{padding:9px 10px 8px;border-color:#2b3a46;border-radius:7px;background:linear-gradient(160deg,#071016 0,#05090c 55%,#030608 100%);box-shadow:inset 0 1px 0 #ffffff06}.action-chart-title{font-size:13px;line-height:1.15}.action-chart-title b{font-weight:800}
.month-bars,.side-year-bars{gap:7px;min-height:210px;margin-top:6px;padding:35px 4px 0 54px;border-bottom-color:#5f6b76;background:repeating-linear-gradient(to bottom,#26333d88 0 1px,transparent 1px 16.666%)}.axis-labels{top:11px;font-size:9px;color:#aab5bf}.section-legend{left:54px;right:4px;top:5px;font-size:9px;letter-spacing:-.01em}.month-bars:after{top:27px;left:calc(54px + var(--split-p));border-left-color:#df9824}.month-bar>b{bottom:calc(21px + var(--h));font-size:9px;font-weight:900;text-shadow:0 1px 4px #000}.month-bar>small{bottom:1px;font-size:9px;color:#d5dbe1}.month-bar .bar-stack{bottom:19px;width:min(62%,34px);border-radius:3px 3px 0 0;box-shadow:0 0 12px #000b}.bar-urgent{background:linear-gradient(90deg,#ff2648,#ff5b70 55%,#dc1737)}.bar-upcoming{background:linear-gradient(90deg,#ed8d12,#ffc34a 55%,#e07c05)}
.side-year-bars{gap:9px;padding-left:48px}.side-year-bars .bar-stack{width:min(64%,32px);background:linear-gradient(90deg,#00aeb9,#2cebf1 52%,#02bac7);box-shadow:0 0 13px #05dce64a}.side-year-bars .bar-stack span{background:transparent}.side-year-bars .month-bar>b{color:#3aebf1;font-size:9px}.action-side-year>strong{margin-top:7px;padding:6px;border-color:#2d3e4a;background:#071016;color:#27eaf1;font-size:11px;letter-spacing:.03em}
.action-alert{min-height:42px;padding:7px 14px;border-color:#f12948;background:linear-gradient(90deg,#25080e 0,#0c090c 48%,#09090b 100%);font-size:10px}.action-alert>i{width:26px;height:26px;flex:0 0 26px;background:#ff5269}.action-alert>b{font-size:10px}.action-alert>span{color:#f0f2f4}
.presentation-grid>.action-plan{padding:12px!important;gap:10px}.presentation-grid .action-plan-head h2{font-size:clamp(21px,1.55vw,29px)}.presentation-grid .action-kpi b{font-size:clamp(22px,1.55vw,30px)}.presentation-grid .action-kpi small{font-size:clamp(10px,.72vw,13px)}.presentation-grid .action-chart-title{font-size:clamp(12px,.78vw,15px)}.presentation-grid .month-bar>b{font-size:clamp(8px,.58vw,11px)}
.presentation-slide[data-layout="action-only"] .month-bar .bar-stack{width:clamp(48px,3vw,62px)}
.presentation-slide[data-layout="action-only"] .side-year-bars .month-bar .bar-stack{width:clamp(50px,3.25vw,66px)}
.presentation-slide[data-layout="action-only"] .month-bar>b{bottom:calc(25px + var(--h));font-size:clamp(14px,.95vw,19px);line-height:1;font-weight:900}
.presentation-slide[data-layout="action-only"] .month-bar.tone-urgent>b{color:#ff536a}
.presentation-slide[data-layout="action-only"] .month-bar.tone-upcoming>b{color:#ffad32}
.presentation-slide[data-layout="action-only"] .month-bar.tone-side>b{color:#2eeaf3}
.presentation-slide[data-layout="action-only"] .side-year-bars .month-bar>b{bottom:calc(25px + var(--h));font-size:clamp(14px,.95vw,19px)}
.presentation-slide[data-layout="action-only"] .month-bar>small{font-size:clamp(12px,.72vw,15px);font-weight:650}
.presentation-slide[data-layout="action-only"] .axis-labels{font-size:clamp(10px,.62vw,13px)}
.presentation-slide[data-layout="action-only"] .section-legend{font-size:clamp(10px,.65vw,13px)}
@media(max-width:1350px) and (min-width:901px){.action-plan{gap:6px!important;padding:9px!important}.action-plan-head h2{font-size:15px}.action-plan-head small{font-size:9px}.action-kpis{min-height:61px;gap:7px}.action-kpi{padding:6px 8px;gap:8px}.action-kpi>i{width:32px;height:32px;flex-basis:32px;border-width:3px;font-size:14px}.action-kpi small{font-size:8px}.action-kpi b{font-size:14px}.action-kpi em{font-size:8px}.action-charts{gap:7px;grid-template-columns:minmax(0,4.6fr) minmax(125px,1.3fr)}.action-main-chart,.action-side-year{padding:7px}.action-chart-title{font-size:9px}.month-bars,.side-year-bars{min-height:145px;padding-left:36px;gap:4px}.axis-labels{font-size:6px}.section-legend{left:36px;font-size:7px}.month-bars:after{left:calc(36px + var(--split-p))}.month-bar>b,.month-bar>small{font-size:6px}.action-alert{min-height:29px;padding:3px 8px}.action-alert>i{width:21px;height:21px;flex-basis:21px}.action-alert>span{font-size:8px}}
@container action-plan (max-width:720px){.action-plan-head h2{font-size:clamp(15px,3.2cqw,20px)}.action-plan-head small{font-size:clamp(9px,1.8cqw,11px)}.action-kpis{gap:6px;min-height:62px}.action-kpi{gap:5px;padding:7px 6px;overflow:hidden}.action-kpi>i{width:30px;height:30px;flex:0 0 30px;border-width:3px;font-size:13px}.action-kpi>span{min-width:0;flex:1;overflow:hidden}.action-kpi small{font-size:clamp(8px,1.4cqw,9px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-kpi b{max-width:100%;overflow:hidden;font-size:clamp(12px,2.3cqw,15px);letter-spacing:-.035em;text-overflow:clip}.action-kpi em{font-size:clamp(7px,1.2cqw,8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@container action-plan (max-width:560px){.action-kpis{gap:5px}.action-kpi{gap:4px;padding:6px 5px}.action-kpi>i{width:26px;height:26px;flex-basis:26px;border-width:2px;font-size:11px}.action-kpi small{font-size:7px}.action-kpi b{font-size:12px}.action-kpi em{font-size:7px}}
@media(max-width:620px){.action-plan{min-height:900px!important}.action-kpis{grid-template-columns:1fr}.action-charts{grid-template-columns:1fr}.action-kpi b{font-size:22px}.action-side-year{min-height:240px}.month-bars{grid-template-columns:repeat(12,minmax(42px,1fr));overflow-x:auto}.action-alert{flex-wrap:wrap}.action-alert>span{width:100%;padding-left:38px;border:0}}
