/* Keep the existing phase dropdowns accessible throughout the planner. */
body.step-mode:has(#liveBar) #stepNav{display:flex!important;margin-top:10px;padding:0 0 8px;gap:8px;border-bottom:1px solid #e3e9ed;overflow:visible}
body.step-mode #stepNav .phase-control{font-size:11px;padding:9px 13px;min-height:37px;border-radius:8px;border:1px solid transparent;box-shadow:none;gap:7px}
body.step-mode #stepNav .phase-control .cmt-icon{width:17px;height:17px}
body.step-mode #stepNav .phase-control.active,body.step-mode #stepNav .phase-control[aria-expanded=true]{background:#e7f3ed;border-color:#87b4a5;color:#176a56}
@media(max-width:600px){body.step-mode:has(#liveBar) #stepNav{gap:3px;flex-wrap:wrap}body.step-mode #stepNav .phase-control{font-size:9px;padding:7px 8px;min-height:33px}body.step-mode #stepNav .phase-control .cmt-icon{width:13px;height:13px}}
body.step-mode #stepNav#stepNav#stepNav{display:flex!important}