@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap";:root{color-scheme:light;--ink: #2a1c14;--carob: #6b3a1f;--leaf: #2f6b4a;--leaf-soft: #4a8f68;--paper: #f3eee6;--paper-2: #e5dccf;--panel: color-mix(in srgb, white 78%, var(--paper));--danger: #8b2e2e;--muted: #5c4a3c;--line: color-mix(in srgb, var(--ink) 12%, transparent);--serif: "Source Serif 4", "Iowan Old Style", Palatino, Georgia, serif;--sans: "IBM Plex Sans", "Segoe UI", sans-serif;font-family:var(--sans);font-size:15px;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(900px 480px at 8% -8%,color-mix(in srgb,var(--leaf) 14%,transparent),transparent 55%),radial-gradient(700px 420px at 92% 0%,color-mix(in srgb,var(--carob) 12%,transparent),transparent 50%),linear-gradient(165deg,var(--paper),var(--paper-2))}button,input{font:inherit}.app-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:100vh;max-width:1600px;margin:0 auto;padding:.85rem 1.25rem 0;gap:.65rem}.top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.55rem .85rem;background:var(--panel);border:1px solid var(--line)}.top-brand{display:flex;flex-direction:column;gap:.1rem;min-width:8rem}.brand{margin:0;font-family:var(--serif);font-size:1.65rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--carob)}.top-subtitle{margin:0;font-size:.78rem;color:var(--muted)}.top-chips{display:flex;flex-wrap:wrap;gap:.4rem;flex:1}.chip{display:inline-flex;align-items:center;padding:.28rem .55rem;border:1px solid var(--line);background:color-mix(in srgb,white 70%,var(--paper));font-size:.78rem;color:var(--muted)}.chip-ok{border-color:color-mix(in srgb,var(--leaf) 45%,transparent);color:var(--leaf)}.chip-warn{border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}.chip-state{text-transform:capitalize;color:var(--ink)}.chip-gated{border-color:color-mix(in srgb,var(--carob) 40%,transparent);color:var(--carob)}.btn-refresh{cursor:pointer;padding:.45rem .9rem;border:1px solid color-mix(in srgb,var(--leaf) 45%,transparent);background:color-mix(in srgb,var(--leaf) 12%,white);color:var(--ink)}.btn-refresh:disabled{opacity:.55;cursor:default}.top-actions{margin-left:auto;display:flex;gap:.4rem;align-items:center}.btn-logout{cursor:pointer;padding:.45rem .9rem;border:1px solid var(--line);background:transparent;color:var(--ink)}.chip-auth{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:2rem}.auth-card{display:flex;flex-direction:column;gap:.85rem;align-items:flex-start;max-width:22rem}.auth-card .brand{font-size:2rem;margin:0}.auth-card .btn-primary{text-decoration:none;display:inline-block}.error-banner{margin:0;padding:.55rem .85rem;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,white);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:.85rem;min-height:0;align-items:stretch}.map-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);padding:.65rem .75rem .75rem}.map-stage-edit{border-color:color-mix(in srgb,var(--leaf) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--leaf) 22%,transparent)}.map-wrap{display:flex;flex-direction:column;gap:.45rem;flex:1;min-height:0}.map-toolbar{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.map-toolbar button{cursor:pointer;padding:.3rem .55rem;border:1px solid var(--line);background:color-mix(in srgb,white 80%,var(--paper));color:var(--ink);font-size:.82rem}.map-toolbar button.btn-edit-map{border-color:color-mix(in srgb,var(--leaf) 45%,var(--line));background:color-mix(in srgb,var(--leaf) 12%,white)}.map-viewport{position:relative;overflow:hidden;flex:1;min-height:min(68vh,720px);background:#ddd4c6;border:1px solid var(--line)}.map-canvas{width:100%;height:100%;touch-action:none;cursor:grab;transform-origin:center center}.map-canvas:active{cursor:grabbing}.map-canvas-cleaning{animation:map-pulse 2.4s ease-in-out infinite}@keyframes map-pulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.12)}}.map-bg{fill:#efe8dc}.room{stroke-width:42;cursor:pointer;transition:fill .16s ease,stroke-width .16s ease}.room-selected{stroke-width:72;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--leaf) 45%,transparent))}.room-g-selected{animation:room-pop .18s ease-out}@keyframes room-pop{0%{transform:scale(.985);transform-box:fill-box;transform-origin:center}to{transform:scale(1);transform-box:fill-box;transform-origin:center}}.room-label{fill:var(--ink);font-size:200px;font-family:var(--sans);font-weight:500;pointer-events:none;paint-order:stroke fill;stroke:color-mix(in srgb,white 85%,transparent);stroke-width:36px}.order-badge-circle{fill:var(--carob);stroke:#fff6ee;stroke-width:18}.order-badge-text{fill:#fff6ee;font-size:140px;font-weight:600;font-family:var(--sans);pointer-events:none}.house-order-circle{fill:color-mix(in srgb,var(--ink) 72%,transparent);stroke:#fff6ee;stroke-width:16}.house-order-text{fill:#fff6ee;font-size:140px;font-weight:600;font-family:var(--sans);pointer-events:none}.house-order-badge{opacity:.92}@keyframes badge-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.zone-no_go{fill:color-mix(in srgb,#8b2e2e 38%,transparent);stroke:#8b2e2e;stroke-width:40;pointer-events:none}.zone-no_mop{fill:color-mix(in srgb,#2e5a8b 34%,transparent);stroke:#2e5a8b;stroke-width:40;pointer-events:none}.zone-virtual_wall{fill:none;stroke:#5a3d1b;stroke-width:60;stroke-linecap:square;pointer-events:none}.trace{fill:none;stroke:var(--leaf);stroke-width:40;stroke-linecap:round;stroke-linejoin:round;opacity:.78;pointer-events:none}.trace-travel,.trace-return{stroke-dasharray:90 70;stroke-width:36;opacity:.55}.trace-clean{stroke-dasharray:none;opacity:.85}.trace-replay{stroke:#2a5f8f;opacity:.85}.trace-replay.trace-travel,.trace-replay.trace-return{opacity:.5}.dock{fill:#3d2a20;stroke:#1a110c;stroke-width:18;pointer-events:none}.dock-label{fill:#f7f0e6;font-size:110px;font-family:var(--sans);pointer-events:none}.robot{fill:var(--leaf);stroke:#14201a;stroke-width:20}.robot-heading{fill:#f4faf3;stroke:#14201a;stroke-width:16}.map-empty{display:grid;place-items:center;min-height:280px;color:var(--muted)}.map-stale,.map-pose-hint{color:var(--muted);font-size:.82rem;margin-left:.35rem}.map-stale{color:var(--danger)}.map-legend{position:absolute;right:.65rem;bottom:.65rem;margin:0;padding:.45rem .55rem;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem .75rem;background:color-mix(in srgb,white 82%,transparent);border:1px solid var(--line);font-size:.75rem;color:var(--muted)}.swatch{display:inline-block;width:.7rem;height:.7rem;margin-right:.25rem;vertical-align:middle;border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.swatch-nogo{background:color-mix(in srgb,#8b2e2e 55%,white)}.swatch-nomop{background:color-mix(in srgb,#2e5a8b 55%,white)}.swatch-wall{background:#5a3d1b}.swatch-dock{background:#3d2a20}.rail{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--line)}.rail-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.tab{cursor:pointer;padding:.65rem .35rem;border:0;background:transparent;color:var(--muted);font-size:.82rem;font-weight:500}.tab.active{color:var(--carob);box-shadow:inset 0 -2px 0 var(--carob);background:color-mix(in srgb,var(--carob) 6%,transparent)}.rail-panel{flex:1;min-height:0;overflow:auto}.panel-body{padding:.85rem}.rooms-tools{display:flex;gap:.35rem;margin-bottom:.65rem}.rooms-tools input{flex:1;min-width:0;padding:.4rem .55rem;border:1px solid var(--line);background:#fff}.rooms-tools button{cursor:pointer;padding:.35rem .55rem;border:1px solid var(--line);background:color-mix(in srgb,white 75%,var(--paper))}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.room-row{display:flex;align-items:center;gap:.25rem;border:1px solid transparent}.room-row.selected{border-color:color-mix(in srgb,var(--carob) 35%,transparent);background:color-mix(in srgb,var(--carob) 6%,white)}.room-row-main{flex:1;display:flex;align-items:center;gap:.45rem;cursor:pointer;padding:.4rem .45rem;border:0;background:transparent;text-align:left;color:inherit}.room-swatch{width:.85rem;height:.85rem;border:1px solid var(--line);flex-shrink:0}.room-ord{width:1.1rem;text-align:center;font-weight:600;color:var(--carob);font-size:.85rem}.room-house-ord{width:1.1rem;text-align:center;font-weight:600;color:var(--muted);font-size:.85rem}.room-row.selected .room-house-ord{color:color-mix(in srgb,var(--muted) 70%,var(--carob))}.room-name{flex:1}.room-reorder button{cursor:pointer;border:0;background:transparent;color:var(--muted);padding:.2rem .35rem}.status-grid{display:grid;grid-template-columns:1fr;gap:.65rem;margin:0}.status-grid dt{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.status-grid dd{margin:.12rem 0 0;font-size:.98rem;word-break:break-word}.alert-list{margin-top:1rem}.alert-list h3{margin:0 0 .35rem;font-size:.85rem;font-family:var(--serif)}.alert-list ul{margin:0;padding-left:1.1rem;color:var(--muted)}.alert-error{color:var(--danger)}.history-list,.care-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.history-item,.care-row{padding:.55rem .6rem;border:1px solid var(--line);background:color-mix(in srgb,white 70%,var(--paper))}button.history-item{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.history-selected{border-color:color-mix(in srgb,#2a5f8f 55%,var(--line));background:color-mix(in srgb,#2a5f8f 10%,white)}.history-fail{border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.history-head,.care-head{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.history-meta{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.82rem;color:var(--muted)}.care-warn{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.care-bar{height:.45rem;background:color-mix(in srgb,var(--ink) 8%,white);overflow:hidden}.care-bar-fill{height:100%;background:linear-gradient(90deg,var(--carob),var(--leaf))}.care-note{margin:.3rem 0 0;font-size:.78rem;color:var(--danger)}.care-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem}.care-reset{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.78rem;padding:.2rem .55rem}.care-reset:disabled{opacity:.45;cursor:not-allowed}.care-reset:not(:disabled):hover{border-color:var(--carob);color:var(--carob)}.muted{color:var(--muted);margin:.65rem 0 0;font-size:.85rem}.action-bar{position:sticky;bottom:0;padding:.75rem .85rem 1rem;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-bar-live{animation:cta-glow 1.8s ease-in-out infinite}@keyframes cta-glow{0%,to{box-shadow:0 0 0 transparent}50%{box-shadow:0 -6px 24px color-mix(in srgb,var(--leaf) 18%,transparent)}}.action-banner{margin:0 0 .55rem;font-size:.82rem;color:var(--carob)}.action-banner-live{color:var(--leaf)}.action-row{display:flex;flex-wrap:wrap;gap:.5rem}.action-row button{cursor:pointer;padding:.55rem .95rem;border:1px solid var(--line);background:color-mix(in srgb,white 75%,var(--paper));color:var(--ink)}.action-row button:disabled{opacity:.5;cursor:default}.btn-primary{border-color:color-mix(in srgb,var(--leaf) 50%,transparent)!important;background:color-mix(in srgb,var(--leaf) 18%,white)!important;font-weight:600}@media(max-width:1100px){.workspace{grid-template-columns:1fr}.map-viewport{min-height:min(52vh,520px)}.rail{max-height:42vh}}.map-toolbar button.tool-active{border-color:var(--carob);color:var(--carob);background:color-mix(in srgb,var(--carob) 12%,transparent)}.map-toolbar-sep{width:1px;align-self:stretch;background:var(--line);margin:0 .15rem}.map-canvas-draw{cursor:crosshair}.zone-selected{stroke-width:80;stroke:var(--carob)}.zone-draft{fill:color-mix(in srgb,var(--carob) 18%,transparent);stroke:var(--carob);stroke-width:40;stroke-dasharray:80 60;pointer-events:none}.draft-point{fill:var(--carob);stroke:#fff6ee;stroke-width:12;pointer-events:none}