.delivery-workspace{--delivery-sidebar-width:288px;--delivery-header-height:56px;--delivery-map-height:220px;--delivery-text-size:13px;--delivery-small-size:12px;--delivery-hint-width:340px;--remark-mobile-height:52dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--delivery-header-height) minmax(0,1fr);width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--surface);color:var(--ink);font-size:var(--delivery-text-size)}.delivery-workspace.has-materials{grid-template-columns:var(--delivery-sidebar-width) minmax(0,1fr)}.delivery-workspace .delivery-head{grid-column:1/-1;grid-row:1;display:flex;justify-content:flex-start;align-items:center;height:auto;min-height:0;gap:var(--space-2);padding:0 var(--space-3);border-bottom:1px solid var(--line);background:var(--surface);z-index:30}.delivery-workspace .delivery-context-menu{flex:0 1 auto;max-width:45%}.delivery-workspace .delivery-context-menu>summary{display:flex;align-items:center;gap:var(--space-2);width:auto;height:var(--control-touch);padding:0 var(--space-2);font-size:var(--delivery-text-size)}.delivery-workspace .delivery-context-menu>summary strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.delivery-workspace .delivery-head>button{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-touch);padding:0 var(--space-3);border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink);font:inherit;cursor:pointer}.delivery-workspace .delivery-head>button[aria-expanded=true]{background:var(--surface-hover)}.delivery-workspace svg{flex:none}.delivery-workspace .delivery-head svg{width:var(--space-4);height:var(--space-4)}.delivery-remarks-label-short{display:none}.delivery-workspace .notification-popover button,.delivery-workspace .notification-trigger{min-width:var(--control-touch);min-height:var(--control-touch)}.delivery-workspace .delivery-drawer-head button{min-width:var(--control-touch)}.delivery-workspace .delivery-context-popover{margin:0;width:min(var(--delivery-hint-width),calc(100vw - var(--space-6)));padding:var(--space-4);display:grid;grid-gap:var(--space-4);gap:var(--space-4);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay)}.delivery-workspace .delivery-context-popover dt{color:var(--muted);font-size:var(--delivery-small-size)}.delivery-workspace .delivery-context-popover dd{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.delivery-workspace>.delivery-main{grid-row:2;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden}.delivery-workspace .delivery-main.is-inspect{display:block}.delivery-workspace .delivery-embedded-view,.delivery-workspace .delivery-inspect{height:100%;min-height:0}.delivery-workspace [data-model-help]{top:var(--space-3);bottom:auto;left:var(--space-3);right:calc(var(--control-touch) + var(--space-6))}.delivery-workspace .delivery-materials{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;overflow:hidden;border-right:1px solid var(--line);background:var(--surface)}.delivery-workspace>.delivery-materials{grid-row:2}.delivery-materials-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.delivery-material-tree{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 var(--space-2) var(--space-4)}.delivery-material-tree ul{list-style:none;margin:0;padding:0 0 0 var(--space-2)}.delivery-material-group>summary{min-height:var(--control-touch);padding:var(--space-3) var(--space-2);cursor:pointer;font-weight:700;overflow-wrap:anywhere}.delivery-material-row{display:flex;align-items:center;min-width:0}.delivery-material-row>button,.delivery-material-row>span{min-width:0;flex:1 1;padding:var(--space-3) var(--space-2);min-height:var(--control-touch);overflow-wrap:anywhere;text-align:left;font:inherit;color:var(--ink);background:transparent;border:0;border-radius:var(--radius-control)}.delivery-material-row>button{cursor:pointer}.delivery-material-row>button:hover{background:var(--surface-hover)}.delivery-material-row>button[aria-current=true]{color:var(--red);background:var(--red-soft);font-weight:700}.delivery-material-row small{display:block;color:var(--muted);font-size:var(--delivery-small-size);margin-top:var(--space-1)}.delivery-row-menu{flex:none;position:relative}.delivery-row-menu summary{list-style:none;display:grid;place-items:center;min-width:var(--control-touch);min-height:var(--control-touch);cursor:pointer;border-radius:var(--radius-control)}.delivery-row-menu summary::-webkit-details-marker{display:none}.delivery-row-menu[open]{align-self:stretch}.delivery-row-menu[open]>a{display:block;padding:var(--space-3);min-height:var(--control-touch);color:var(--red);font-size:var(--delivery-small-size)}.delivery-project-map{border-top:1px solid var(--line);min-height:0}.delivery-project-map>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--control-touch);padding:var(--space-3) var(--space-4);border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.delivery-project-map>button svg{width:var(--space-4);height:var(--space-4)}.delivery-project-map .live-plan{position:static;inset:auto;margin:0;width:100%;border:0;border-radius:0;box-shadow:none;transform:none;color:var(--ink);max-height:calc(var(--delivery-map-height) + var(--control-touch));overflow:auto;overscroll-behavior:contain}.delivery-project-map .live-plan-canvas{height:var(--delivery-map-height)}.delivery-project-map .live-plan-head{color:var(--muted)}.delivery-project-map .live-plan-floor-select{min-height:var(--control-touch);font-size:var(--delivery-small-size);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-control)}.delivery-project-map .live-plan-marker{min-width:var(--control-touch);min-height:var(--control-touch);background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.delivery-project-map .live-plan-marker.active{background:var(--red);color:var(--surface);border-color:var(--surface);outline-color:var(--red-soft)}.live-plan-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);position:relative;height:100%;background:var(--surface);color:var(--ink)}.delivery-workspace .delivery-hint,.delivery-workspace .delivery-placement{position:fixed;z-index:35;background:var(--surface);border:1px solid var(--line);padding:var(--space-4);border-radius:var(--radius-overlay);box-shadow:var(--shadow-overlay);max-width:calc(100vw - var(--space-6));font-size:var(--delivery-text-size)}.delivery-placement{bottom:var(--space-4);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-3)}.delivery-hint{width:var(--delivery-hint-width);left:var(--space-4);top:calc(var(--delivery-header-height) + var(--space-4))}.delivery-hint-pin{left:auto;right:var(--space-4);top:auto;bottom:var(--space-10)}.delivery-hint p{margin:0 0 var(--space-2);line-height:1.5}.delivery-workspace .delivery-hint button,.delivery-workspace .delivery-placement button{min-height:var(--control-touch);padding:var(--space-2);color:var(--red);background:transparent;border:0;font:inherit;cursor:pointer}.delivery-workspace .delivery-floating-action{min-height:var(--control-touch);font-size:var(--delivery-text-size);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control)}.delivery-workspace .live-hotspot-marker{min-width:var(--control-touch);min-height:var(--control-touch)}.delivery-workspace .delivery-drawer{font-size:var(--delivery-text-size)}.delivery-workspace .delivery-remarks-drawer{width:min(var(--drawer-width),100vw)}.delivery-workspace .delivery-drawer button,.delivery-workspace .delivery-drawer select,.delivery-workspace .delivery-drawer summary{min-height:var(--control-touch)}.delivery-workspace .delivery-remark-form textarea{font-size:var(--delivery-text-size)}.delivery-workspace .delivery-remark-form button[type=button]{color:var(--red);background:transparent;border:1px solid var(--line)}.delivery-workspace .delivery-empty{height:100%;display:grid;place-content:center;padding:var(--space-6);color:var(--muted);text-align:center}.delivery-workspace :is(button,a,summary,select,textarea):focus-visible{outline:2px solid var(--red);outline-offset:2px}@media (max-width:1023px){.delivery-workspace{--delivery-header-height:104px}.delivery-workspace .delivery-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:var(--control-touch) var(--control-touch);grid-gap:0 var(--space-1);gap:0 var(--space-1);padding:var(--space-2)}.delivery-remarks-label-full{display:none}.delivery-remarks-label-short{display:inline}.delivery-workspace .delivery-context-menu{max-width:100%;grid-column:1/-1}.delivery-workspace .delivery-context-menu>summary{width:100%}.delivery-workspace .delivery-context-menu>summary strong{flex:1 1}.delivery-workspace .delivery-head>button{padding:0 var(--space-2);font-size:var(--delivery-small-size);justify-content:flex-start}.delivery-workspace .delivery-context-popover{top:var(--control-touch);left:var(--space-2)}.delivery-workspace .delivery-drawer-layer{inset:0}.delivery-workspace .delivery-drawer{width:100%;max-width:none;height:100dvh;max-height:none;border-radius:0}.delivery-workspace .delivery-materials-drawer{display:grid;grid-template-rows:auto minmax(0,1fr)}.delivery-materials-drawer .delivery-materials-heading>strong{visibility:hidden}.delivery-materials-drawer .delivery-materials-heading:not(:has(details)){display:none}.delivery-workspace .delivery-materials-drawer .delivery-materials:has(.delivery-materials-heading details){grid-template-rows:auto minmax(0,1fr) auto}.delivery-workspace .delivery-materials-drawer .delivery-materials:not(:has(.delivery-materials-heading details)){grid-template-rows:minmax(0,1fr) auto}.delivery-placement{flex-wrap:wrap;width:calc(100vw - var(--space-6))}}[data-delivery-drawer=remarks]{--remark-sheet-height:640px;--remark-list-height:176px;--remark-mobile-height:52dvh;--remark-expanded-height:90dvh}[data-delivery-drawer=remarks] .delivery-drawer{top:calc(var(--delivery-header-height) + var(--space-4));right:var(--space-4);bottom:auto;width:min(var(--drawer-width),calc(100vw - var(--space-8)));height:min(var(--remark-sheet-height),calc(100dvh - var(--delivery-header-height) - var(--space-8)));max-height:none;padding:var(--space-4);overflow:hidden;border-radius:var(--radius-overlay);background:var(--surface);box-shadow:var(--shadow-overlay)}[data-delivery-drawer=remarks] .delivery-drawer-head{flex:none;gap:var(--space-2);margin:0;padding-bottom:var(--space-3)}[data-delivery-drawer=remarks] .delivery-drawer-head strong{flex:1 1;min-width:0}[data-delivery-drawer=remarks] .delivery-drawer-head button{width:var(--control-touch);height:var(--control-touch);flex:none}[data-delivery-drawer=remarks] .delivery-remarks-expand{display:none;touch-action:none}[data-delivery-drawer=remarks] .delivery-remarks{display:flex;flex-direction:column;flex:1 1;min-height:0;max-height:none;gap:var(--space-3);padding:var(--space-3) 0 0;border:0;background:transparent;overflow:hidden}[data-delivery-drawer=remarks] .delivery-remark-list{flex:0 1 auto;max-height:var(--remark-list-height);min-height:var(--control-touch);margin:0;gap:0;overflow:auto;overscroll-behavior:contain}[data-delivery-drawer=remarks] .delivery-remark-row{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3);min-height:var(--control-touch);border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}[data-delivery-drawer=remarks] .delivery-remark-row:hover{background:var(--surface-hover)}[data-delivery-drawer=remarks] .delivery-remark-row.active{background:var(--red-soft);box-shadow:inset var(--space-1) 0 var(--red)}[data-delivery-drawer=remarks] .delivery-remark-row strong{font-size:var(--space-3);line-height:1.5;overflow-wrap:anywhere;font-weight:600}[data-delivery-drawer=remarks] .delivery-remark-number{display:flex;align-items:center;gap:var(--space-1);color:var(--red);font-size:var(--space-3);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}[data-delivery-drawer=remarks] .delivery-remark-number span{color:inherit;font:inherit}.delivery-remark-number svg{width:var(--space-4);height:var(--space-4)}[data-delivery-drawer=remarks] .delivery-remark-detail{flex:1 1;min-height:0;padding:0;gap:var(--space-3);border:0;background:transparent}[data-delivery-drawer=remarks] .delivery-remark-thread{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;gap:var(--space-4);padding:var(--space-2) var(--space-3)}[data-delivery-drawer=remarks] .delivery-remark-message{border:0;background:transparent;padding:0;overflow-wrap:anywhere}[data-delivery-drawer=remarks] .delivery-remark-message span{font-size:var(--space-3);color:var(--muted);font-weight:600}[data-delivery-drawer=remarks] .delivery-remark-message p{margin:var(--space-1) 0 0;font-size:var(--space-3);line-height:1.5;white-space:pre-wrap}[data-delivery-drawer=remarks] .delivery-remark-form{flex:none;margin:0;gap:var(--space-2)}[data-delivery-drawer=remarks] .delivery-remark-form textarea{min-height:calc(var(--control-touch) + var(--space-6));max-height:var(--remark-list-height);padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface);font-size:var(--space-3)}[data-delivery-drawer=remarks] .delivery-remark-form button{min-height:var(--control-touch);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3)}[data-delivery-drawer=remarks] :is(button,textarea,a,[tabindex]):focus-visible{outline:2px solid var(--red);outline-offset:-2px}[data-delivery-drawer=remarks] .delivery-error{flex:none;margin:0;overflow-wrap:anywhere}[data-delivery-drawer=remarks] .delivery-muted{margin:0;overflow-wrap:anywhere}.live-hotspot-marker.kind-remark{--pin-drop-duration:550ms;--pin-draw-duration:500ms;--pin-needle-delay:80ms;--pin-drop-distance:calc(var(--space-6) * -.25);--pin-drop-ease:cubic-bezier(.34,1.5,.55,1);--pin-draw-ease:cubic-bezier(.16,1,.3,1);--pin-outline:drop-shadow(1px 0 0 var(--surface)) drop-shadow(-1px 0 0 var(--surface)) drop-shadow(0 1px 0 var(--surface)) drop-shadow(0 -1px 0 var(--surface));display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:auto;min-width:var(--control-touch);height:var(--control-touch);padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--red);box-shadow:none;transition:none}.live-hotspot-marker.kind-remark svg{width:var(--space-8);height:var(--space-8);flex:none;overflow:visible;fill:currentColor;stroke-width:1.25}.live-remark-symbol{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.live-hotspot-marker.kind-remark .live-hotspot-marker-icon{font:700 var(--space-4)/1 var(--font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;filter:var(--pin-outline)}.live-hotspot-marker.kind-remark .live-hotspot-marker-icon:empty{display:none}.live-hotspot-marker.kind-remark:is(:hover,:focus-visible,.selected){background:transparent;color:var(--red);box-shadow:none;transform:none;outline:none}.live-hotspot-marker.kind-remark:is(:hover,.selected) svg{stroke-width:1.5}.live-hotspot-marker.kind-remark:focus-visible{outline:2px solid var(--red);outline-offset:var(--space-1)}@media (prefers-reduced-motion:no-preference){.live-hotspot-marker.kind-remark svg{animation:remark-pin-drop var(--pin-drop-duration) var(--pin-drop-ease) both}.live-hotspot-marker.kind-remark svg path{animation:remark-pin-draw var(--pin-draw-duration) var(--pin-draw-ease) both}.live-hotspot-marker.kind-remark svg path:first-child{animation-delay:var(--pin-needle-delay)}}@keyframes remark-pin-drop{0%{transform:translateY(var(--pin-drop-distance))}to{transform:translateY(0)}}@keyframes remark-pin-draw{0%{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}@media (max-width:1023px){[data-delivery-drawer=remarks] .delivery-drawer{top:auto;right:0;left:0;bottom:0;width:100%;height:var(--remark-mobile-height);max-height:100dvh;border-radius:var(--radius-overlay) var(--radius-overlay) 0 0;padding:var(--space-3);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}[data-delivery-drawer=remarks][data-expanded=true] .delivery-drawer{height:var(--remark-expanded-height)}[data-delivery-drawer=remarks] .delivery-remarks-expand{display:grid}[data-delivery-drawer=remarks] .delivery-remark-list{max-height:calc(var(--control-touch) * 2)}[data-delivery-drawer=remarks][data-expanded=true] .delivery-remark-list{max-height:var(--remark-list-height)}[data-delivery-drawer=remarks] .delivery-remark-form textarea{font-size:var(--space-4);resize:none}.delivery-workspace:has([data-remarks-drawer])>.delivery-main{padding-bottom:var(--remark-mobile-height)}}