@layer compatibility{.planning-horizon-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:none;margin:0}body .strategy-view-actions.planning-horizon-strip,body:not([data-view=strategy]) .strategy-view-actions.planning-horizon-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:none}.planning-horizon-external{margin:12px 16px 0;width:calc(100% - 32px)}.data-planning-horizons,.gantt-planning-horizons{margin:12px 0}.data-full-range-button,.gantt-full-range-button{margin:0 0 12px}html,body{max-width:100%;overflow-x:clip}.planning-horizon-card{min-width:0;min-height:72px;padding:10px 12px;border:1px solid var(--line, rgba(130, 150, 170, .28));border-radius:12px;color:var(--text, #17212b);background:var(--panel, rgba(255, 255, 255, .72));text-align:left;cursor:pointer;display:grid;gap:3px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.planning-horizon-card:hover{transform:translateY(-1px)}.planning-horizon-card.is-active{border-color:var(--accent, #23a37a);background:color-mix(in srgb,var(--accent, #23a37a) 12%,var(--panel, #fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent, #23a37a) 32%,transparent)}.planning-horizon-card span{font-size:11px;line-height:1.2;opacity:.72}.planning-horizon-card strong{font-size:15px;line-height:1.2}.planning-horizon-card small{font-size:11px;line-height:1.2;opacity:.68}html[data-theme=dark] .planning-horizon-card,[data-theme=dark] .planning-horizon-card{color:var(--text, #eef5f2);background:var(--panel, #112b2c)}@media(max-width:768px){.planning-horizon-strip,body .strategy-view-actions.planning-horizon-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-horizon-card{min-height:68px}}@media(max-width:420px){.planning-horizon-strip,body .strategy-view-actions.planning-horizon-strip{grid-template-columns:1fr}.planning-horizon-card{min-height:58px;grid-template-columns:1fr auto;align-items:center}.planning-horizon-card span{grid-column:1 / -1}.planning-horizon-card small{text-align:right}}}
