/* The same twelve-quarter grid is retained on phones; only this region scrolls. */
.timeline-horizon-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 18px;margin:20px 0 12px;border:1px solid #d4e0e9;border-radius:12px;background:#edf4f8;color:#27495f}
.timeline-horizon-toolbar>div:first-child{flex:1;min-width:220px}.timeline-horizon-toolbar strong{font-size:17px}.timeline-horizon-toolbar p{font-size:12px;margin:6px 0 0}.timeline-horizon-actions{display:flex;gap:8px;flex-wrap:wrap}.timeline-horizon-actions button{min-height:38px;white-space:normal}.timeline-horizon-history{display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.timeline-horizon-history select{width:100px;margin:0}
.executive-timeline.horizon-timeline{--horizon-project-width:235px;--horizon-quarter-width:205px;--horizon-grid-width:calc(var(--horizon-project-width) + var(--horizon-periods)*var(--horizon-quarter-width));--horizon-project-background:#f8fbfd;--horizon-axis-background:#edf3f8;max-width:100%;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;isolation:isolate;scrollbar-color:#4e8299 #102b3e;scrollbar-width:auto}
.executive-timeline.compact.horizon-timeline .executive-axis,.executive-timeline.compact.horizon-timeline .executive-lane{display:grid;grid-template-columns:var(--horizon-project-width) repeat(var(--horizon-periods),var(--horizon-quarter-width));width:var(--horizon-grid-width);min-width:var(--horizon-grid-width);max-width:none;box-sizing:border-box}
.executive-timeline.horizon-timeline .executive-project,.executive-timeline.horizon-timeline .horizon-project-axis{position:sticky;left:0;z-index:3;background:var(--horizon-project-background)!important;box-shadow:5px 0 9px #0b26372e;min-width:0;overflow-wrap:anywhere}
.executive-timeline.horizon-timeline .horizon-project-axis{background:var(--horizon-axis-background)!important;z-index:4;display:flex;align-items:center}.executive-timeline.horizon-timeline .executive-axis{position:relative;z-index:4}.executive-timeline.horizon-timeline .executive-axis>span{font-weight:600}
.executive-timeline.horizon-timeline .executive-cell{min-width:0;border-left:1px solid #c9d7e2;padding:20px 12px 16px}.executive-timeline.horizon-timeline .executive-cell:before{content:'';position:absolute;top:29px;left:0;right:0;height:1px;background:#7396ad}.executive-timeline.horizon-timeline .horizon-year-start{border-left:2px solid #608da4}.executive-timeline.horizon-timeline .executive-owner-heading{width:var(--horizon-grid-width);min-width:var(--horizon-grid-width);padding:0;box-sizing:border-box}.horizon-owner-title{position:sticky;left:0;display:flex;gap:12px;align-items:center;padding:13px 18px;max-width:calc(var(--horizon-project-width) + var(--horizon-quarter-width));box-sizing:border-box}.horizon-owner-title h2{overflow-wrap:anywhere}.horizon-owner-title span{white-space:nowrap}
.executive-timeline.horizon-timeline .horizon-next-target{display:block;text-align:left;white-space:normal;padding:10px 0 0;border:0;border-top:1px solid #abc3d2;font-size:12px}.executive-timeline.horizon-timeline .horizon-next-target small{display:block;margin-top:5px}.executive-timeline.horizon-timeline .executive-empty{display:block;background:transparent}.horizon-timeline:focus-visible{outline:2px solid #369fc0;outline-offset:3px}
body:has(.executive-hero) .timeline-horizon-toolbar{background:#102b3e;border-color:#345970;color:#d8edf8}body:has(.executive-hero) .timeline-horizon-toolbar strong{color:#e9f8ff}body:has(.executive-hero) .timeline-horizon-toolbar p{color:#b4cfdf}body:has(.executive-hero) .horizon-timeline{--horizon-project-background:#0e2535;--horizon-axis-background:#102b40}body:has(.executive-hero) .horizon-timeline .executive-cell{border-color:#315164}body:has(.executive-hero) .horizon-timeline .horizon-year-start{border-left-color:#5a9bb8}body:has(.executive-hero) .horizon-timeline .horizon-next-target{color:#b8eef5;border-top-color:#375d72}body:has(.executive-hero) .horizon-timeline .horizon-next-target small{color:#b9d4e4}
@media(max-width:767px){.timeline-horizon-toolbar{padding:13px;gap:12px}.timeline-horizon-toolbar>div:first-child{min-width:0;flex-basis:100%}.timeline-horizon-actions{width:100%;gap:6px}.timeline-horizon-actions button{min-height:42px;padding:8px 10px;font-size:12px}.timeline-horizon-history{width:100%}.executive-timeline.horizon-timeline{--horizon-project-width:145px;--horizon-quarter-width:190px}.executive-timeline.compact.horizon-timeline .executive-axis,.executive-timeline.compact.horizon-timeline .executive-lane{display:grid;min-width:var(--horizon-grid-width);width:var(--horizon-grid-width)}.executive-timeline.horizon-timeline .executive-project{padding:14px 10px;gap:8px}.executive-timeline.horizon-timeline .executive-project>button{font-size:12px;padding-left:6px}.executive-timeline.horizon-timeline .executive-project small{font-size:11px}.executive-timeline.horizon-timeline .executive-axis>span{padding:12px 10px;font-size:11px}.executive-timeline.horizon-timeline .executive-cell{padding:14px 9px}.executive-timeline.horizon-timeline .executive-cell:before{position:absolute;top:23px;height:1px;background:#35758a}.horizon-owner-title{padding:12px 10px;gap:8px}.horizon-owner-title h2{font-size:12px}.horizon-owner-title span{font-size:10px}}
@media print{.timeline-horizon-actions,.timeline-horizon-history{display:none!important}.timeline-horizon-toolbar{background:white!important;color:#183345!important}.executive-timeline.horizon-timeline{overflow:visible}.executive-timeline.horizon-timeline .executive-project,.executive-timeline.horizon-timeline .horizon-project-axis{position:static}}
