/* Shared SF083 explorer layout adapted to the SF062 building and drawing data. */
main{max-width:1880px;padding:18px 24px}.explorer{border-radius:15px;box-shadow:none}.intro{margin:0;padding:27px 30px;border-bottom:1px solid #e5e2da;gap:20px}.intro h1{font-size:28px;line-height:1.4}.intro .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:5px;font-weight:bold}.intro-actions{gap:28px}.project-information{text-align:end}.project-counts{gap:9px;color:#878274}.project-counts span{gap:5px}.project-counts b,.project-counts small{font-size:14px;font-weight:400}.project-counts i{display:inline;width:auto;height:auto;background:none;font-style:normal}.address{display:block;font-size:14px;margin-top:7px;color:#928069}.language-switch button{font-size:15px;padding:8px 14px}.overview-toolbar{display:flex;align-items:center;gap:13px;padding:16px 24px;min-height:76px;border-bottom:1px solid #e7e4dc}.overview-toolbar .segmented button{padding:12px 16px;font-size:15px}.overview-toolbar #view-modes .active{background:#39412e;color:white}.overview-toolbar .find-unit-toggle{font-size:13px;padding:12px 17px;margin-inline-start:auto}.text-button{border:0;background:none;border-radius:4px;padding:8px 0;color:#8e775a;font-size:15px}.text-button:hover{background:transparent;color:#4b513c}#back-overview{margin-inline-start:14px}.breadcrumbs{height:70px;gap:20px;padding:0 28px;font-size:16px}.breadcrumbs .current{color:#303627;font-weight:bold}.breadcrumbs .pending{color:#b5b2aa}.breadcrumbs button{font-size:16px;color:#87765d}.breadcrumbs .crumb-arrow{font-family:Arial;color:#b9b4a7}.explorer-body{grid-template-columns:minmax(0,1fr) 340px}.view-toolbar{height:72px;gap:18px;padding:0 24px}.view-toolbar .segmented button{font-size:15px;padding:9px 14px}.toolbar-meta{margin-inline-start:auto;color:#8a8274;font-size:13px}.stage{height:clamp(460px,64vh,760px)}#explorer[data-view=building] .stage{background:#faf9f6}#explorer[data-view=plan] .stage{background:#f9f8f5}.plan-scene{background:transparent}.plan-scene .plan-surface{background:#fff;aspect-ratio:var(--plan-ratio);margin:18px auto;flex-shrink:0}.plan-surface.drawing-outlines{aspect-ratio:var(--plan-ratio);background:white}.drawing-architecture>img{opacity:.7}.modal-plan .drawing-architecture>img{opacity:1}.drawing-outlines .unit-shape polygon{fill:#e8e5dd;fill-opacity:1;stroke:#929083;stroke-opacity:1;stroke-width:1.5}.drawing-outlines .unit-shape.muted polygon{fill-opacity:.18;stroke-opacity:.2}.drawing-outlines .unit-shape.filter-match polygon{fill:#e8d8bd}.unit-shape:hover polygon,.unit-shape:focus-visible polygon,.unit-shape.selected polygon{fill:#c5ad85;fill-opacity:.35;stroke:#897252;stroke-opacity:1;stroke-width:2.3}.drawing-outlines .unit-shape:hover polygon,.drawing-outlines .unit-shape:focus-visible polygon,.drawing-outlines .unit-shape.selected polygon{fill:#d8c6a6;fill-opacity:1}.shape-label{border:1px solid #989688;background:#fffef9;font-size:13px;padding:4px 9px;color:#57594e;min-height:0}.shape-label.selected{background:#5a624b;color:white;border-color:#5a624b}.canvas-footer{height:64px;padding:0 24px}.canvas-footer>span{font-size:13px;color:#8a7b65}.view-controls{gap:11px}.view-controls button{font-size:14px}.view-controls #zoom-in,.view-controls #zoom-out{color:#8a8274}.view-controls #zoom-value{font-size:13px;color:#8a8274}.source-bar{min-height:49px;border-top:1px solid #e8e3db;background:#f6f4ef;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 24px;font-size:12px;color:#96846b}.source-bar a{color:#8b7151}.source-bar span:last-child{text-align:end}.explorer aside{padding:27px 26px;border-inline-start:1px solid #e4e0d7}.explorer aside>.eyebrow{font-size:12px;letter-spacing:1px;font-weight:bold}.explorer aside h2{font-size:29px;margin:8px 0 22px}.floor-intro{color:#938570;font-size:15px;line-height:1.75;margin:0 0 24px}.floor-list{margin-top:22px}.floor-row{display:flex;gap:16px;align-items:center;width:100%;padding:21px 0;border:0;border-bottom:1px solid #e0dcd2;background:none;border-radius:0;text-align:start}.floor-row:hover{background:#f8f5ee}.floor-number{flex-shrink:0;width:45px;height:45px;display:grid;place-items:center;background:#eeebe4;border-radius:8px;font-size:20px}.floor-row strong{font-size:16px;font-weight:400}.floor-row small{display:block;color:#938570;font-size:12px;margin-top:6px}.floor-row .arrow{color:#343a29}.floor-note{font-size:13px;line-height:1.8;color:#96846b;margin-top:23px}.floor-tabs{display:flex;margin:24px 0 26px;padding:4px;gap:2px;background:#eeebe6;border-radius:10px}.floor-tabs button{flex:1;min-width:0;border:0;background:none;padding:10px 3px;font-size:13px}.floor-tabs button.active{background:#fff;box-shadow:0 1px 4px #54472c24;color:#343a29}.availability-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 17px;font-size:14px}.availability-heading span{font-size:11px;color:#96846b}.status-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}.status-tabs button{display:flex;align-items:center;gap:6px;font-size:12px;padding:9px 10px;border-color:#dedad2}.status-tabs button.active{background:#333927;color:white;border-color:#333927}.status-tabs button:disabled{opacity:.75;cursor:default}.status-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#87867e;flex-shrink:0}.status-available{background:#50765b}.status-reserved{background:#a57b42}.status-sold{background:#a15143}.status-tabs small{font-size:11px}.unit-list{display:flex;flex-direction:column;max-height:400px;gap:10px;margin:0;overflow:auto;padding-inline-end:7px}.unit-card{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;border-color:#ded8cd;padding:16px 13px;font-size:15px;min-height:85px;flex-shrink:0}.unit-card .unit-card-status{grid-column:1;display:flex;align-items:center;gap:6px;font-size:12px;color:#968775}.unit-card .arrow{grid-column:2;grid-row:1 / span 2}.unit-card.selected{background:#f8f4e9;border-color:#a08862}.unit-card small{font-size:11px}.finder-note.empty-list{margin:14px 0}.unit-finder{margin:0;border:0;border-bottom:1px solid #e4dfd4;border-radius:0;padding:28px}.sidebar-filter-summary{margin-bottom:20px}.elevation-floor.no-matches,.floor-row.no-matches{opacity:.45}.below{padding:0 5px}.floor-elevation{height:min(100%,470px)}.elevation-storeys{grid-template-rows:repeat(4,minmax(0,1fr))}.elevation-arrow{margin-inline-start:auto;color:#92806b}.floor-elevation-wrap{direction:ltr}.modal-plan .plan-surface{aspect-ratio:var(--plan-ratio)}
@media(max-width:1200px){.explorer-body{grid-template-columns:minmax(0,1fr) 290px}.explorer aside{padding:24px 20px}.view-toolbar{gap:10px;padding:0 16px}.view-toolbar .segmented button{font-size:13px;padding:9px 10px}.stage{height:clamp(420px,64vh,650px)}.overview-toolbar{padding-inline:20px}.explorer aside h2{font-size:25px}.unit-card{font-size:14px}.shape-label{font-size:11px;padding:3px 6px}}
@media(max-width:800px){main{padding:10px}.intro{padding:20px}.intro h1{font-size:23px}.intro-actions{width:auto;gap:15px}.project-counts b,.project-counts small,.address{font-size:12px}.overview-toolbar{flex-wrap:wrap;padding:12px 16px;gap:10px}.overview-toolbar .segmented button{font-size:13px;padding:10px 12px}.breadcrumbs{font-size:13px;height:58px;gap:11px;padding:0 17px}.breadcrumbs button{font-size:13px}.explorer-body{display:block}.explorer aside{border-inline-start:0;border-top:1px solid #e4e0d7;padding:24px}.stage{height:440px}.view-toolbar{height:auto;min-height:62px;flex-wrap:wrap;padding:11px 16px}.toolbar-meta{font-size:11px}.floor-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.floor-tabs{max-width:500px}.unit-list{display:grid;grid-template-columns:1fr 1fr;max-height:340px}.canvas-footer{padding:0 16px}.canvas-footer>span{max-width:240px;font-size:11px}.source-bar{padding:12px 16px;font-size:11px}.floor-note{font-size:12px}.floor-intro{margin-bottom:10px}.project-counts span{display:flex}.building-card{width:100%;display:flex;margin:8px 0;padding:15px}.building-card b{font-size:15px}.building-card small{font-size:12px}.building-card .arrow{display:block}.view-controls #top{display:inline-block}}
@media(max-width:500px){.intro{gap:16px;align-items:flex-start}.intro-actions{width:100%;justify-content:space-between}.project-information{text-align:start}.project-counts{justify-content:flex-start}.intro h1{font-size:24px}.overview-toolbar .find-unit-toggle{font-size:12px;padding:10px 12px}#back-overview{margin-inline-start:0;font-size:13px}#basemaps{order:3}.breadcrumbs{gap:8px;font-size:11px}.breadcrumbs button{font-size:11px}.stage{height:370px}.canvas-footer{gap:7px}.canvas-footer>span{max-width:175px;font-size:10px}.view-controls{gap:3px}.view-controls button{padding:5px 7px}.view-controls #zoom-value{font-size:11px}.view-toolbar .segmented button{font-size:12px}.view-toolbar .text-button{font-size:13px}.source-bar span:last-child{max-width:60%;font-size:10px}.unit-list{grid-template-columns:1fr}.floor-list{gap:0 14px}.floor-row{gap:10px}.floor-row strong{font-size:14px}.floor-number{width:34px;height:39px;font-size:17px}.shape-label{font-size:10px;padding:2px 4px}.floor-elevation-wrap{padding:15px 8px}.unit-finder{padding:20px 14px}}
@media(prefers-reduced-motion:reduce){.unit-shape polygon{transition:none}}
.unit-full-code{direction:ltr;unicode-bidi:isolate;overflow-wrap:anywhere;min-width:0}.unit-card .unit-full-code{font-size:13px;line-height:1.5}.finder-unit-top{width:100%;gap:8px}.finder-unit-top .unit-full-code{font-size:13px;line-height:1.5}.modal-head .unit-full-code{display:block;font-size:clamp(18px,3vw,26px);line-height:1.5}.modal-head{padding-inline-end:58px}
.plan-surface .full-code-marker{direction:ltr;unicode-bidi:isolate;text-align:center;white-space:nowrap;font:600 11px/1.25 Arial,sans-serif;letter-spacing:0;min-height:0;padding:4px 6px;width:max-content;max-width:none}.plan-code-prefix,.plan-code-suffix{display:block}.plan-code-prefix{font-weight:400}.full-code-marker.selected{z-index:2}.plan-scene{direction:ltr}