.plan{background:var(--paper);isolation:isolate;outline-offset:-3px;position:relative;overflow:hidden}.plan-svg{width:100%;max-width:none;height:100%;position:absolute;inset:0}.plan .sea{fill:var(--sea)}.plan .iso{fill:none;stroke:var(--sea-line);stroke-width:1px;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.plan .coast{fill:none;stroke:var(--ink);stroke-width:1.4px;vector-effect:non-scaling-stroke}.plan .hill{fill:var(--hill)}.plan .contour{fill:none;stroke:var(--contour);stroke-width:1px;vector-effect:non-scaling-stroke}.plan .tree{fill:var(--contour);opacity:.7}.plan .zone{fill:none;stroke:var(--rule-strong);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.plan .office{fill:var(--paper-2);stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke}.plan .road-case,.plan .road{fill:none;stroke-linecap:round;stroke-linejoin:round}.plan .road-case{stroke:var(--rule-strong);stroke-width:15.6px}.plan .road{stroke:var(--paper);stroke-width:13.8px}.plan .net{fill:none;stroke:var(--water);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.35;transition:opacity .4s}.plan .tank{fill:var(--paper-raised);stroke:var(--water);stroke-width:1.5px;vector-effect:non-scaling-stroke}.plan .tank-in{fill:var(--water)}.plan[data-layer=water] .net{opacity:1;stroke-width:1.8px}.plan .hatch-bg-due{fill:var(--due-fill)}.plan .hatch-line-due{stroke:var(--due);stroke-width:1.4px}.plan .lot{--sw:0;cursor:pointer}.plan .lot-s{fill:var(--paper-raised);stroke:var(--ink);stroke-width:.9px;vector-effect:non-scaling-stroke;transition:fill .42s ease calc(var(--sw) * .52s)}.plan .lot-b{fill:var(--ink);opacity:.14;pointer-events:none}.plan .lot-p{fill:var(--w2);pointer-events:none}.plan .lot-m{fill:var(--paper-raised);stroke:var(--water);stroke-width:1.4px;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .3s ease calc(var(--sw) * .52s);pointer-events:none}.plan .lot-x{fill:var(--due);stroke:var(--paper-raised);stroke-width:1.4px;vector-effect:non-scaling-stroke;opacity:0;pointer-events:none;transition:opacity .3s}.plan[data-layer=payments] .lot[data-s=paid] .lot-s{fill:var(--settled-fill)}.plan[data-layer=payments] .lot[data-s=overdue] .lot-s{fill:var(--hatch)}.plan[data-layer=water] .lot[data-t="1"] .lot-s{fill:var(--w1)}.plan[data-layer=water] .lot[data-t="2"] .lot-s{fill:var(--w2)}.plan[data-layer=water] .lot[data-t="3"] .lot-s{fill:var(--w3)}.plan[data-layer=water] .lot[data-leak] .lot-s{fill:var(--hatch)}.plan[data-layer=water] .lot-m,.plan[data-layer=water] .lot-x{opacity:1}.plan[data-layer=water] .lot-p{fill:var(--paper-raised)}.plan .lot.is-active .lot-s,.plan .lot:focus .lot-s{stroke-width:2.4px}@media (hover:hover) and (pointer:fine){.plan .lot:hover .lot-s{stroke-width:2.4px}}@media (prefers-reduced-motion:no-preference){.plan .lot.is-flash .lot-s{animation:lot-flash 1.6s var(--ease-out)}}@keyframes lot-flash{0%{stroke-width:4px;stroke:var(--ink)}to{stroke-width:.9px}}@media (prefers-reduced-motion:reduce){.plan .lot-s,.plan .lot-m{transition-delay:0s}}.plan .lbl{font-family:var(--f-plan);letter-spacing:.14em;fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;pointer-events:none;font-size:13px;font-weight:650}.plan .lbl-road{font-size:13px}.plan-pop{z-index:var(--z-popover);pointer-events:none;opacity:0;transition:opacity .16s;position:absolute;top:0;left:0}.plan-pop[data-show]{opacity:1}.plan-pop{background:var(--paper-raised);border:1.5px solid var(--ink);width:252px;padding:12px 14px 10px;font-size:.9375rem;line-height:1.35;box-shadow:0 14px 32px -16px #0a1e2673}.plan-pop .pop-h{font-family:var(--f-plan);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin:0 0 8px;font-size:1rem;font-weight:680;display:flex}.plan-pop .pop-tag{font-family:var(--f-body);letter-spacing:0;text-transform:none;border:1px solid;padding:1px 7px;font-size:.8125rem;font-weight:650}.plan-pop .pop-tag--paid{color:var(--settled)}.plan-pop .pop-tag--pending{color:var(--ink-soft)}.plan-pop .pop-tag--overdue,.plan-pop .pop-tag--due{color:var(--due)}.plan-pop dl{gap:3px;margin:0;display:grid}.plan-pop dl>div{border-top:1px solid var(--rule);justify-content:space-between;gap:12px;padding-top:4px;display:flex}.plan-pop dt{color:var(--ink-soft)}.plan-pop dd{text-align:right;margin:0;font-weight:650}.plan-callout{z-index:var(--z-popover);pointer-events:none;opacity:0;transition:opacity .22s;position:absolute;inset:0}.plan-callout[data-show]{opacity:1}html:not(.js) .plan-callout{display:none}.plan-callout .co-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plan-callout .co-line{stroke:var(--ink);stroke-width:1.5px}.plan-callout .co-dot{fill:var(--ink);stroke:var(--paper-raised);stroke-width:2px}.plan-callout .co-box{white-space:nowrap;background:var(--ink);color:var(--paper);gap:1px;padding:7px 11px 8px;font-size:.875rem;line-height:1.25;display:grid;position:absolute;top:0;left:0}.plan-callout strong{font-family:var(--f-plan);letter-spacing:.08em;text-transform:uppercase;font-size:.9375rem;font-weight:700}.plan-callout em{font-style:normal;font-weight:650}.plan-callout[data-tone=ok] em{color:color-mix(in srgb, var(--settled-fill) 80%, var(--paper))}.plan-callout[data-tone=water] em{color:color-mix(in srgb, var(--w2) 70%, var(--paper))}.plan-callout[data-tone=due] .co-box{background:var(--due)}.plan-callout[data-tone=due] .co-dot{fill:var(--due)}.plan-callout[data-tone=due] .co-line{stroke:var(--due)}.plan-callout[data-tone=due] .co-box{color:#fff}@media (prefers-color-scheme:dark){.plan-callout[data-tone=due] .co-box{color:#1a0b07}}
