/* PROPERTY ERP V5.2 — professional siteplan engine */
.sp52-stats{display:flex;align-items:center;gap:14px;min-height:44px;padding:9px 14px;margin-top:14px;border:1px solid #dfe4e9;border-radius:10px;background:#fff;color:#66717f;font-size:11px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.sp52-stats span{display:flex;align-items:center;gap:6px;white-space:nowrap}.sp52-stats b{font-size:14px;color:#111827}.sp52-stats i{width:1px;height:18px;background:#e5e9ed}
.sp52-shell{border:1px solid #dfe4e9;border-radius:12px;background:#fff;overflow:hidden;min-width:0}
.sp52-toolbar{height:54px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e5e9ed;background:#fff}
.sp52-toolbar-left,.sp52-toolbar-right{display:flex;align-items:center;gap:7px;min-width:0}.sp52-toolbar select,.sp52-search{height:36px;border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#243041;font-size:11px}
.sp52-toolbar select{padding:0 30px 0 10px}.sp52-search{display:flex;align-items:center;gap:7px;padding:0 10px;width:210px}.sp52-search svg{width:14px;height:14px;stroke:#8792a2;fill:none;stroke-width:1.7}.sp52-search input{border:0;outline:0;width:100%;font:inherit;background:transparent;color:#111827}
.sp52-icon-btn{height:36px;min-width:36px;padding:0 10px;border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#253243;font-weight:700;font-size:14px;cursor:pointer}.sp52-icon-btn.text{font-size:10px;font-weight:650}.sp52-icon-btn:hover{background:#f7f8fa;border-color:#cdd4dc}
.sp52-viewport{position:relative;height:min(69vh,760px);min-height:520px;overflow:hidden;background:#e9ecee;touch-action:none;cursor:grab}.sp52-viewport.dragging{cursor:grabbing}.sp52-canvas{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;user-select:none}.sp52-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;pointer-events:none;background:#f6f5f1}.sp52-overlay{position:absolute;inset:0;overflow:visible}
.sp52-unit{cursor:pointer}.sp52-unit>*:first-child{vector-effect:non-scaling-stroke;stroke-width:3;transition:fill .14s ease,stroke .14s ease,opacity .14s ease;fill-opacity:.12}.sp52-unit text{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:19px;font-weight:760;letter-spacing:.5px;fill:#202a35;paint-order:stroke;stroke:#fff;stroke-width:5;stroke-linejoin:round;pointer-events:none}.sp52-unit.available>*:first-child{stroke:#417a5a;fill:#5d9a73}.sp52-unit.booking>*:first-child{stroke:#aa7d25;fill:#d3a648}.sp52-unit.sold>*:first-child{stroke:#66717d;fill:#7f8993}.sp52-unit.hold>*:first-child{stroke:#a55651;fill:#c66a63}.sp52-unit.unmapped>*:first-child{stroke:#7d8792;fill:#a3acb4;stroke-dasharray:8 7}.sp52-unit:hover>*:first-child,.sp52-unit.selected>*:first-child{stroke-width:5;fill-opacity:.22;filter:drop-shadow(0 2px 3px rgba(15,23,42,.12))}.sp52-unit.filtered{opacity:.09;pointer-events:none}.sp52-unit.filtered text{display:none}
.sp52-legend{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:13px;padding:9px 12px;border:1px solid rgba(210,216,221,.94);border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(15,23,42,.08);font-size:10px;color:#5c6673;backdrop-filter:blur(8px)}.sp52-legend.hidden{display:none}.sp52-legend strong{font-size:10px;color:#202936;margin-right:3px}.sp52-legend span{display:flex;align-items:center;gap:5px}.sp52-legend i{width:9px;height:9px;border-radius:2px;border:1px solid}.sp52-legend i.available{background:#e6f1e9;border-color:#417a5a}.sp52-legend i.booking{background:#f9edcf;border-color:#aa7d25}.sp52-legend i.sold{background:#e6e9ec;border-color:#66717d}.sp52-legend i.hold{background:#f5dfdd;border-color:#a55651}
.sp52-hint,.sp52-editor-help{position:absolute;right:16px;bottom:16px;padding:8px 10px;border:1px solid rgba(209,214,220,.85);border-radius:8px;background:rgba(255,255,255,.9);font-size:9px;color:#7c8795;backdrop-filter:blur(8px)}
.sp52-empty{height:min(69vh,740px);min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(180deg,#f7f8f8,#eff1f2)}.sp52-empty.mini{min-height:230px;height:auto;background:#fafbfb;border-radius:10px}.sp52-empty-mark{width:52px;height:52px;border-radius:12px;border:1px solid #ccd3d9;display:grid;place-items:center;background:#fff;color:#263342;font-weight:800;letter-spacing:1px;margin-bottom:14px}.sp52-empty h2,.sp52-empty h3{margin:0;color:#1c2632}.sp52-empty p{max-width:440px;color:#74808d;font-size:11px;line-height:1.6;margin:8px 0 15px}
.sp52-manager-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px}.sp52-version-list{display:flex;flex-direction:column;gap:10px}.sp52-version{display:grid;grid-template-columns:170px 1fr;gap:14px;padding:10px;border:1px solid #e1e6ea;border-radius:10px;background:#fff}.sp52-version-thumb{height:112px;position:relative;overflow:hidden;border-radius:7px;background:#eef0ef;border:1px solid #e0e3e3}.sp52-version-thumb img{width:100%;height:100%;object-fit:cover}.sp52-version-thumb>span{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:6px;background:rgba(17,24,39,.78);color:#fff;font-size:9px;font-weight:700}.sp52-version-copy{min-width:0}.sp52-version-top{display:flex;justify-content:space-between;gap:10px}.sp52-version-top>div{min-width:0}.sp52-version-top strong{display:block;color:#1e2936;font-size:12px}.sp52-version-top small{display:block;color:#89929d;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp52-state{display:inline-flex;height:24px;align-items:center;padding:0 8px;border-radius:999px;border:1px solid #d6dce1;background:#f5f7f8;color:#697482;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.sp52-state.published{color:#326849;border-color:#bcd8c7;background:#eef7f1}.sp52-state.draft{color:#82611f;border-color:#e1c987;background:#fff8e5}.sp52-state.archived{color:#6f7780;background:#f1f3f5}.sp52-version-meta{display:flex;gap:12px;color:#85909d;font-size:9px;margin:10px 0 7px}.sp52-version-actions{display:flex;gap:7px;margin-top:9px}.sp52-version-actions .btn{height:30px;padding:0 10px;font-size:9px}
.sp52-workflow{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.sp52-workflow>div{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.sp52-workflow b{width:27px;height:27px;border:1px solid #cdd4da;border-radius:7px;display:grid;place-items:center;color:#273442;background:#fafbfb;font-size:10px}.sp52-workflow span{color:#788390;font-size:10px;line-height:1.45}.sp52-workflow strong{display:block;color:#25303c;font-size:11px;margin-bottom:2px}
.field-note{display:block;margin-top:5px;color:#8b95a1;font-size:9px;line-height:1.45}
.sp52-editor{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:0;border:1px solid #dfe4e9;border-radius:12px;overflow:hidden;background:#fff;min-height:670px}.sp52-editor-main{min-width:0}.sp52-editor-toolbar{height:48px;display:flex;gap:5px;align-items:center;padding:6px 8px;border-bottom:1px solid #e2e6ea;background:#fff}.sp52-editor-toolbar>span{flex:1}.sp52-editor-toolbar button{height:32px;padding:0 10px;border:1px solid #d7dde2;background:#fff;border-radius:7px;color:#44505e;font-size:9px;font-weight:700;cursor:pointer}.sp52-editor-toolbar button:hover,.sp52-editor-toolbar button.active{background:#111b29;color:#fff;border-color:#111b29}.sp52-editor-toolbar button.primary{background:#111b29;color:#fff;border-color:#111b29}.sp52-viewport.editor{height:620px;min-height:620px;background:#e8eaeb}.sp52-overlay.editor-overlay{cursor:crosshair}.sp52-inspector{border-left:1px solid #e2e6ea;background:#fbfcfc;padding:15px;overflow:auto}.sp52-inspector-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#89929e}.sp52-inspector-empty div{width:42px;height:42px;border:1px solid #d5dbe0;border-radius:10px;display:grid;place-items:center;color:#3d4a59;font-weight:800;margin-bottom:11px}.sp52-inspector-empty strong{font-size:11px;color:#303c49}.sp52-inspector-empty span{max-width:190px;font-size:9px;line-height:1.5;margin-top:5px}.sp52-inspector-head{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e2e6ea}.sp52-inspector-head small{display:block;color:#9099a5;font-size:8px;font-weight:800;letter-spacing:1px}.sp52-inspector-head strong{display:block;color:#1f2b38;font-size:15px;margin-top:4px}.sp52-inspector-head span{display:block;color:#7c8794;font-size:9px;margin-top:2px;text-transform:capitalize}.sp52-geometry-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.sp52-geometry-grid label{font-size:8px;font-weight:700;color:#788491}.sp52-geometry-grid input{height:34px;width:100%;margin-top:3px;border:1px solid #d8dee4;border-radius:7px;padding:0 8px;font-size:10px}.sp52-nudge{margin:12px 0;border-top:1px solid #e2e6ea;padding-top:11px}.sp52-nudge>span{display:block;font-size:8px;font-weight:750;color:#7e8995;margin-bottom:7px}.sp52-nudge>div{display:flex;gap:5px}.sp52-nudge button{width:32px;height:30px;border:1px solid #d7dde2;border-radius:6px;background:#fff;cursor:pointer}.sp52-inspector-actions{display:flex;flex-direction:column;gap:7px;margin-top:14px}.sp52-draft{fill:rgba(37,99,235,.1);stroke:#2563eb;stroke-width:3;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}.sp52-draft-poly{fill:none;stroke:#2563eb;stroke-width:3;stroke-dasharray:10 7;vector-effect:non-scaling-stroke}.sp52-draft-node{fill:#fff;stroke:#2563eb;stroke-width:2;vector-effect:non-scaling-stroke}

@media(max-width:900px){
  .sp52-stats{overflow:auto;gap:10px;padding:8px 10px}.sp52-stats::-webkit-scrollbar{display:none}.sp52-stats span{font-size:9px}.sp52-stats b{font-size:12px}.sp52-toolbar{height:auto;min-height:48px;align-items:stretch;flex-direction:column;padding:7px}.sp52-toolbar-left,.sp52-toolbar-right{width:100%;overflow-x:auto}.sp52-toolbar-left select:first-child{max-width:150px}.sp52-search{min-width:145px;flex:1}.sp52-toolbar-right{justify-content:flex-end}.sp52-viewport{height:calc(100dvh - 286px);min-height:430px}.sp52-hint{display:none}.sp52-legend{left:8px;bottom:8px;right:8px;overflow-x:auto;gap:10px;padding:7px 9px}.sp52-legend strong{display:none}.sp52-manager-grid{grid-template-columns:1fr}.sp52-version{grid-template-columns:110px 1fr}.sp52-version-thumb{height:92px}.sp52-version-meta{flex-wrap:wrap;gap:5px 9px}.sp52-editor{grid-template-columns:1fr;min-height:0}.sp52-editor-toolbar{overflow-x:auto}.sp52-viewport.editor{height:58dvh;min-height:430px}.sp52-inspector{border-left:0;border-top:1px solid #e2e6ea;max-height:38dvh}.sp52-editor-help{right:8px;bottom:8px;left:8px;text-align:center}.sp52-unit text{font-size:22px}
}
@media(max-width:560px){
  .sp52-stats{margin-top:9px}.sp52-stats i{height:14px}.sp52-shell{border-radius:9px}.sp52-toolbar select,.sp52-search,.sp52-icon-btn{height:34px}.sp52-toolbar-right .sp52-icon-btn.text:last-child{display:none}.sp52-viewport{height:calc(100dvh - 264px);min-height:390px}.sp52-version{grid-template-columns:1fr}.sp52-version-thumb{height:140px}.sp52-version-actions{flex-wrap:wrap}.sp52-version-copy .progress{margin-top:4px}.sp52-manager-grid{gap:10px}.sp52-editor{border-radius:9px}.sp52-inspector{padding:12px}.sp52-unit text{font-size:24px}
}
/* Override global icon SVG sizing inside the siteplan canvas. */
.sp52-canvas>.sp52-overlay{width:100%!important;height:100%!important;display:block;z-index:2}
.sp52-canvas>.sp52-image{z-index:1}
@media(max-width:560px){
  .sp52-toolbar-left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;overflow:visible}
  .sp52-toolbar-left>select{width:100%;max-width:none!important;min-width:0}
  .sp52-toolbar-left .sp52-search{grid-column:1 / -1;grid-row:2;width:100%;min-width:0}
  .sp52-toolbar-right{justify-content:center;overflow:visible}
  .sp52-legend{bottom:62px}
}