@media screen{
.planNavigation{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;background:#f4f8fc;border:1px solid #d5e3f0;border-radius:9px;margin:0 0 12px;color:#33536f}
.planNavigation label{display:flex;align-items:center;gap:8px;font-size:12px;margin:0}
.planNavigation select,.planNavigation button{min-height:38px;border:1px solid #cadbeb;border-radius:6px;background:#fff;color:#255679;font:inherit;font-size:12px;padding:7px 10px}
.planNavigation #planSegment{max-width:300px}.planNavigation button[aria-pressed=true]{background:#fff1dc;border-color:#c78d34;color:#825614}
.planNavigation p{width:100%;font-size:11px;color:#647d92;margin:0}.planNavigation #planViewInfo{font-size:12px;border-top:1px solid #dce7f1;padding-top:8px;width:100%;line-height:1.6;color:#214d70}
#planCanvas{touch-action:none;cursor:grab}#planCanvas:active{cursor:grabbing}#planCanvas.planMoveMode [data-node]{cursor:move}#planCanvas:focus-visible{outline:2px solid #439ac3;outline-offset:2px}
#planCanvas [data-node]:focus-visible polygon{stroke:#0071bc;stroke-width:3px;vector-effect:non-scaling-stroke}
}
@media screen and (max-width:700px){.planNavigation{padding:9px;gap:7px}.planNavigation label{font-size:11px}.planNavigation select,.planNavigation button{min-height:42px;font-size:11px}.planNavigation #planSegment{max-width:calc(100vw - 118px)}.planNavigation #planViewInfo{font-size:11px}}
@media print{.planNavigation{display:none!important}}