/* Interactive plan, movement and chart styling. All motion follows the global demo toggle and reduced-motion preference. */
.siteplan-page{display:grid;gap:14px}.siteplan-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.siteplan-title h1{margin:0;color:#162640;font-size:23px;line-height:1.3}.siteplan-title p{margin:5px 0 0;color:#708096;font-size:11px}.siteplan-mode{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ead7af;background:#fff8e9;color:#86632a;border-radius:30px;font-size:9px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.siteplan-mode i{width:7px;height:7px;border-radius:50%;background:#d59b3c;box-shadow:0 0 0 4px rgba(213,155,60,.15)}body.sim-on .siteplan-mode i{animation:siteplan-pulse 1.8s infinite}.siteplan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.siteplan-summary-card{background:#fff;border:1px solid #e7ece8;border-radius:13px;padding:12px 14px;min-width:0}.siteplan-summary-card small{display:block;font-size:9px;color:#7d8998}.siteplan-summary-card strong{display:block;font-size:20px;line-height:1.2;color:#1d304b;margin:5px 0 2px}.siteplan-summary-card span{font-size:9px;color:#929dac}.siteplan-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:13px;align-items:start}.siteplan-main,.siteplan-side{display:grid;gap:13px;min-width:0}.siteplan-card{background:#fff;border:1px solid #e4e9e5;border-radius:14px;padding:14px;box-shadow:0 3px 12px rgba(20,37,60,.025);min-width:0}.siteplan-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.siteplan-card-heading h2,.siteplan-card-heading h3{margin:0;color:#1e2e47;font-size:13px}.siteplan-card-heading p{margin:4px 0 0;font-size:10px;color:#7d8998;line-height:1.55}.siteplan-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 10px}.siteplan-layer{border:1px solid #e1e6e4;background:#fff;color:#68778b;border-radius:30px;padding:6px 9px;font-size:9px;display:inline-flex;align-items:center;gap:6px}.siteplan-layer.active{background:#eaf2ed;border-color:#cfe0d5;color:#27664f;font-weight:800}.siteplan-layer:focus-visible,.siteplan-zone:focus-visible,.siteplan-robot-btn:focus-visible{outline:3px solid #92b7a3;outline-offset:2px}.siteplan-layer i{width:7px;height:7px;border-radius:50%;background:#a5b0bc}.siteplan-layer.active i{background:#2b805e}.siteplan-map-shell{position:relative;width:100%;overflow:hidden;border:1px solid #d9e0da;border-radius:12px;background:#f5f6f2}.siteplan-map-canvas{position:relative;width:100%;aspect-ratio:2647/1872;overflow:hidden;cursor:crosshair;touch-action:manipulation}.siteplan-map-canvas img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.siteplan-overlay{position:absolute;inset:0;pointer-events:none}.siteplan-zone-pin,.siteplan-record-pin,.siteplan-moving-marker,.fleet-moving-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.siteplan-zone-pin{border:0;background:transparent;padding:0;width:19px;height:19px;display:grid;place-items:center;cursor:pointer}.siteplan-zone-dot{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#287c5e;box-shadow:0 1px 7px rgba(20,37,60,.36);transition:transform .16s}.siteplan-zone-pin.utility .siteplan-zone-dot{background:#3977b8}.siteplan-zone-pin.security .siteplan-zone-dot{background:#8a68ae}.siteplan-zone-pin:hover .siteplan-zone-dot,.siteplan-zone-pin:focus-visible .siteplan-zone-dot{transform:scale(1.45)}.siteplan-zone-label{position:absolute;left:50%;top:-7px;transform:translate(-50%,-100%);background:rgba(20,36,55,.92);color:white;border-radius:6px;padding:4px 6px;font-size:8px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 2px 8px #11203333}.siteplan-zone-pin:hover .siteplan-zone-label,.siteplan-zone-pin:focus-visible .siteplan-zone-label{opacity:1}.siteplan-record-pin{border:2px solid #fff;border-radius:50%;min-width:27px;height:27px;padding:0 4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:900;box-shadow:0 2px 9px #10243d55;cursor:pointer;z-index:5}.siteplan-record-pin.risk-high{background:#be4f4b}.siteplan-record-pin.risk-medium{background:#bd8a35}.siteplan-record-pin.risk-low{background:#287c5e}.siteplan-record-pin.incident{background:#c76b52}.siteplan-record-pin.workorder{background:#3977b8;border-radius:8px}.siteplan-selected-pin{position:absolute;width:28px;height:28px;border:2px solid #fff;background:#cf6d4f;border-radius:50% 50% 50% 0;transform:translate(-50%,-90%) rotate(-45deg);box-shadow:0 2px 10px #14243d66;z-index:8;pointer-events:none}.siteplan-selected-pin:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.siteplan-moving-marker{z-index:6;display:flex;align-items:center;gap:4px;border:0;border-radius:8px;padding:3px 5px;background:rgba(19,40,61,.94);color:#fff;box-shadow:0 2px 9px #10243d55;white-space:nowrap;font-size:8px;font-weight:800;cursor:pointer}.siteplan-moving-marker svg,.fleet-moving-marker svg{width:24px;height:17px;display:block;fill:#f3c65d;stroke:#14243d;stroke-width:1.8}.siteplan-moving-marker.robot svg{fill:#78a9d1}.siteplan-moving-marker small,.fleet-moving-marker small{font-size:8px;color:#e5edf4;font-weight:700}.siteplan-moving-marker .speed-number,.fleet-moving-marker .speed-number{color:#fff;font-variant-numeric:tabular-nums}.siteplan-map-caption{position:absolute;left:8px;bottom:7px;background:rgba(255,255,255,.92);border:1px solid #dce2dc;border-radius:7px;padding:4px 7px;font-size:8px;color:#46576d;z-index:10;pointer-events:none}.siteplan-compact .siteplan-card{padding:12px}.siteplan-compact .siteplan-map-canvas{max-height:330px}.siteplan-compact .siteplan-zone-pin{width:16px;height:16px}.siteplan-compact .siteplan-zone-dot{width:9px;height:9px}.siteplan-compact .siteplan-moving-marker{font-size:7px}.siteplan-compact .siteplan-moving-marker svg{width:19px;height:13px}.siteplan-zone-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.siteplan-zone{display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:start;border:1px solid #e8ece9;background:#fbfcfb;border-radius:8px;padding:7px 8px;color:#43536a;font-size:9px;cursor:pointer}.siteplan-zone:hover{border-color:#9bbca8;background:#f1f7f3}.siteplan-zone small{color:#96a0ac;font-size:8px}.siteplan-zone .zone-swatch{flex:none;width:7px;height:7px;border-radius:50%;background:#287c5e}.siteplan-zone.utility .zone-swatch{background:#3977b8}.siteplan-notes{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:9px;color:#748196;font-size:9px;line-height:1.5}.siteplan-note-pill{background:#f4f6f3;border-radius:20px;padding:4px 8px}.siteplan-selected-info{padding:10px 11px;border:1px dashed #c8d4cc;background:#f8fbf8;border-radius:10px;color:#495a6e;font-size:10px;line-height:1.6;min-height:44px}.siteplan-workflow-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.siteplan-workflow-actions .btn{font-size:9px;padding:8px 10px}.siteplan-record-list{display:grid;gap:7px}.siteplan-record-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid #eef1ef;padding:8px 0}.siteplan-record-row:last-child{border-bottom:0}.siteplan-record-row strong{display:block;color:#33455f;font-size:10px}.siteplan-record-row small{display:block;margin-top:3px;color:#8894a3;font-size:8px;line-height:1.5}.siteplan-empty{background:#f7f9f7;border:1px dashed #dce4dd;border-radius:9px;padding:12px;color:#7b8797;font-size:9px;line-height:1.6}.siteplan-table{width:100%;border-collapse:collapse;min-width:440px}.siteplan-table th,.siteplan-table td{padding:8px 7px;text-align:start;border-bottom:1px solid #edf0ee;font-size:9px;color:#526177}.siteplan-table th{color:#8995a3;font-size:8px;white-space:nowrap}.siteplan-table td strong{color:#273a55}.siteplan-level{display:inline-flex;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:800;white-space:nowrap}.siteplan-level.high{color:#a6423e;background:#fbeceb}.siteplan-level.medium{color:#8a6825;background:#fbf4e2}.siteplan-level.low{color:#286a50;background:#eaf4ee}.siteplan-analytics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.siteplan-chart{background:#fff;border:1px solid #e6ebe7;border-radius:12px;padding:11px 12px;min-width:0}.siteplan-chart-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.siteplan-chart-head strong{font-size:10px;color:#30435e}.siteplan-chart-head small{display:block;margin-top:3px;color:#929dac;font-size:8px}.siteplan-chart-value{font-size:17px;font-weight:800;color:#1e604b;white-space:nowrap}.siteplan-chart svg{width:100%;height:54px;display:block;margin-top:7px;overflow:visible}.siteplan-chart .chart-grid{stroke:#ecf0ed;stroke-width:1}.siteplan-chart .chart-line{fill:none;stroke:#287c5e;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:0}.siteplan-chart .chart-line.blue{stroke:#3977b8}.siteplan-chart .chart-line.peach{stroke:#cf8a71}.siteplan-chart .chart-fill{opacity:.08}.siteplan-chart .chart-bars rect{transform-box:fill-box;transform-origin:bottom;fill:#82ad95}.siteplan-chart .chart-bars rect:nth-child(3n){fill:#d8a263}.siteplan-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.siteplan-utility-tile{border:1px solid #e7ece8;background:#fbfcfb;border-radius:10px;padding:10px}.siteplan-utility-tile small{display:block;color:#79879a;font-size:8px}.siteplan-utility-tile strong{display:block;margin:5px 0;color:#253a55;font-size:16px;font-variant-numeric:tabular-nums}.siteplan-utility-tile span{color:#8794a2;font-size:8px}.siteplan-gauge{height:6px;border-radius:20px;background:#e9eeeb;overflow:hidden;margin-top:7px}.siteplan-gauge span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#4e9c7a,#9cc688);transition:width .8s}.siteplan-gauge.blue span{background:linear-gradient(90deg,#3977b8,#71b5ca)}.siteplan-robot-status{display:flex;align-items:center;gap:9px;border:1px solid #e7ece8;background:#f9fbfa;border-radius:10px;padding:10px}.siteplan-robot-badge{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:#e8f0f3;color:#396c8d;flex:none}.siteplan-robot-badge svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.siteplan-robot-status strong{display:block;font-size:10px;color:#2c405b}.siteplan-robot-status small{display:block;color:#8a96a4;font-size:8px;margin-top:3px}.siteplan-robot-controls{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.siteplan-robot-btn{border:1px solid #e1e6e4;background:#fff;border-radius:8px;padding:7px 9px;color:#506078;font-size:9px;font-weight:700;cursor:pointer}.siteplan-robot-btn.active{background:#eaf2ed;color:#28674f;border-color:#c9ded1}.siteplan-trace{height:8px;border-radius:20px;background:#edf1ed;overflow:hidden;margin-top:8px}.siteplan-trace span{display:block;height:100%;width:var(--trace,42%);border-radius:20px;background:linear-gradient(90deg,#287c5e,#6ba883);transition:width .8s}.siteplan-simulation-note{border:1px solid #eadfca;background:#fffaf1;color:#745e32;border-radius:10px;padding:9px 11px;font-size:9px;line-height:1.55}.siteplan-pdf-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:1px solid #dce4de;background:#fff;color:#365b4a;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:700}.siteplan-pdf-link:hover{background:#f1f7f3}.fleet-map-wrap{position:relative}.fleet-moving-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.fleet-moving-marker{z-index:7;display:flex;align-items:center;gap:4px;transform:translate(-50%,-50%);border:1px solid #ffffff;background:rgba(24,47,68,.94);border-radius:8px;padding:3px 5px;pointer-events:auto;cursor:pointer;box-shadow:0 2px 7px #1232}.fleet-moving-marker .fleet-speed-pill{display:flex;align-items:center;gap:3px;color:white;background:#287c5e;border-radius:20px;padding:2px 4px;font-size:8px;font-variant-numeric:tabular-nums}.fleet-moving-marker.van .fleet-speed-pill{background:#3977b8}.fleet-moving-marker.paused{opacity:.75}.fleet-moving-marker.selected{outline:3px solid #f0be67}.fleet-moving-marker svg{width:21px;height:15px}.plan-marker-muted{opacity:.2!important;pointer-events:none!important}.siteplan-zone-pin[hidden],.siteplan-record-pin[hidden],.siteplan-moving-marker[hidden]{display:none!important}.fleet-moving-marker{display:none}.siteplan-map-canvas .siteplan-moving-marker{display:flex}.siteplan-page .siteplan-layout{margin-top:1px}.siteplan-page .panel-heading{margin-bottom:10px}.siteplan-small-caption{font-size:8px;color:#8995a4;margin-top:6px}.siteplan-spark-dot{fill:#fff;stroke:#287c5e;stroke-width:2}.siteplan-mini-bar{height:44px;display:flex;align-items:end;gap:5px;margin-top:9px}.siteplan-mini-bar i{display:block;flex:1;height:var(--h);border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#85b397,#d8e9dc);transform-origin:bottom}.siteplan-mini-bar i:nth-child(3n){background:linear-gradient(180deg,#d7a265,#f2e3c8)}.siteplan-mini-bar i:nth-child(2n){background:linear-gradient(180deg,#76a6ce,#d6e5f3)}body.sim-on .siteplan-chart .chart-line{animation:siteplan-line-draw 4.5s ease-in-out infinite alternate}body.sim-on .siteplan-chart .chart-bars rect,body.sim-on .siteplan-mini-bar i{animation:siteplan-bar-breathe 2.8s ease-in-out infinite alternate}body.sim-on .siteplan-chart .chart-bars rect:nth-child(2n),body.sim-on .siteplan-mini-bar i:nth-child(2n){animation-delay:.35s}body.sim-on .fleet-route-school{animation:fleet-city-route 24s linear infinite}body.sim-on .fleet-route-coaster{animation:fleet-city-route-two 32s linear infinite}body.sim-on .fleet-route-van{animation:fleet-city-route-three 27s linear infinite}body.sim-on .siteplan-route-golf{animation:siteplan-golf-route 38s linear infinite}body.sim-on .siteplan-route-van{animation:siteplan-van-route 48s linear infinite}body.sim-on .siteplan-robot-marker[data-robot-mode="patrol"]{animation:siteplan-robot-route 44s linear infinite}body.sim-on .siteplan-robot-marker[data-robot-mode="dock"]{animation:siteplan-robot-dock 12s ease-in-out 1 forwards}body.sim-on .siteplan-mode i{animation:siteplan-pulse 1.8s infinite}@keyframes siteplan-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes siteplan-line-draw{0%{stroke-dashoffset:800;opacity:.65}65%,100%{stroke-dashoffset:0;opacity:1}}@keyframes siteplan-bar-breathe{from{transform:scaleY(.82);filter:saturate(.85)}to{transform:scaleY(1);filter:saturate(1.15)}}@keyframes fleet-city-route{0%{left:10%;top:82%}17%{left:28%;top:68%}34%{left:44%;top:40%}52%{left:78%;top:39%}70%{left:81%;top:66%}87%{left:50%;top:70%}100%{left:10%;top:82%}}@keyframes fleet-city-route-two{0%{left:27%;top:43%}20%{left:54%;top:39%}40%{left:80%;top:41%}60%{left:79%;top:68%}80%{left:48%;top:69%}100%{left:27%;top:43%}}@keyframes fleet-city-route-three{0%{left:74%;top:75%}25%{left:53%;top:72%}50%{left:22%;top:74%}75%{left:25%;top:43%}100%{left:74%;top:75%}}@keyframes siteplan-golf-route{0%{left:44%;top:62%}20%{left:52%;top:59%}40%{left:64%;top:58%}60%{left:68%;top:53%}80%{left:57%;top:48%}100%{left:44%;top:62%}}@keyframes siteplan-van-route{0%{left:28%;top:79%}20%{left:43%;top:76%}40%{left:62%;top:73%}60%{left:75%;top:65%}80%{left:58%;top:70%}100%{left:28%;top:79%}}@keyframes siteplan-robot-route{0%{left:62%;top:63%}20%{left:70%;top:59%}40%{left:75%;top:54%}60%{left:69%;top:48%}80%{left:61%;top:52%}100%{left:62%;top:63%}}@keyframes siteplan-robot-dock{0%{left:62%;top:63%}100%{left:72%;top:53%}}@media(max-width:1000px){.siteplan-layout{grid-template-columns:minmax(0,1fr)}.siteplan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.siteplan-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.siteplan-page{gap:10px}.siteplan-card{padding:10px}.siteplan-title h1{font-size:19px}.siteplan-summary{gap:7px}.siteplan-summary-card{padding:9px}.siteplan-summary-card strong{font-size:17px}.siteplan-analytics{grid-template-columns:1fr}.siteplan-zone-list{grid-template-columns:1fr}.siteplan-map-caption{font-size:7px}.siteplan-record-pin{min-width:22px;height:22px;font-size:7px}.siteplan-zone-pin{width:14px;height:14px}.siteplan-zone-dot{width:8px;height:8px}.siteplan-moving-marker{font-size:6px;padding:2px 3px}.siteplan-moving-marker svg{width:16px;height:11px}.siteplan-moving-marker .speed-number,.siteplan-moving-marker small{font-size:6px}.siteplan-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.siteplan-toolbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.siteplan-layer{white-space:nowrap}.siteplan-pdf-link{font-size:8px}}@media(prefers-reduced-motion:reduce){.siteplan-mode i,.siteplan-chart .chart-line,.siteplan-chart .chart-bars rect,.siteplan-mini-bar i,.fleet-route-school,.fleet-route-coaster,.fleet-route-van,.siteplan-route-golf,.siteplan-route-van,.siteplan-robot-marker{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Default marker locations remain visible when the global animation toggle is paused. */
.map-stage{position:relative;overflow:hidden}.fleet-moving-layer{z-index:8}.fleet-route-school{left:10%;top:82%}.fleet-route-coaster{left:27%;top:43%}.fleet-route-van{left:74%;top:75%}@media(max-width:620px){.fleet-moving-marker{padding:2px 3px;border-radius:6px}.fleet-moving-marker b{font-size:6px}.fleet-moving-marker .fleet-speed-pill{font-size:6px;padding:1px 3px}.fleet-moving-marker svg{width:16px;height:12px}}

/* Keep the rendered image and percentage-based pin layer on identical geometry. */
.siteplan-map-canvas{max-height:none!important}

/* Laptop-width top bar: preserve every control while wrapping rather than widening the document. */
@media (min-width:761px) and (max-width:1700px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:9px 18px}.topbar-start{flex:1 1 280px;min-width:0;gap:8px;flex-wrap:wrap}.topbar-start .demo-pill{white-space:normal;max-width:340px;line-height:1.35}.topbar-end{flex:1 1 600px;min-width:0;max-width:100%;justify-content:flex-end;flex-wrap:wrap;gap:6px}.topbar-end .searchbox{width:150px;flex:0 1 160px}.topbar-end .role-select{min-width:120px;max-width:170px;flex:0 1 170px}.topbar-end .profile-chip{min-width:0;max-width:150px}#roleName{max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}