/* V13.34: simpler controls, one matching table, and uninterrupted scrolling. */
@layer properties {
body.workspace-v12>header{gap:24px!important;background:#123c5c!important}
body.workspace-v12>header .brand,body.workspace-v12>header .brand img{width:220px!important;min-width:0!important;height:auto!important;max-height:48px!important;object-fit:contain!important;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important}
body.workspace-v12>header .project .project-logo{width:195px!important;height:52px!important}
body.workspace-v12>header .project{flex:1!important;gap:24px!important}
.gb-filter-inline{display:flex!important;flex-wrap:wrap;align-items:end;gap:12px!important}
.gb-filter-inline .gb-budget{flex:1;min-width:210px}.gb-filter-inline .gb-result{flex-basis:100%}
#compareDialog,#compareDialog *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;scroll-behavior:auto!important}
#compareDialog .compare-scroll{overflow:visible!important;max-height:none!important;scrollbar-gutter:auto!important}
#compareDialog .compare-modal-body{overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
#compareDialog #comparisonSection{overflow:visible!important}
#compareDialog .compare-modal-head{background:#fff!important}
}
#view3d{display:none!important}
.availability-control{position:relative;font-size:11px;color:#fff}.availability-control summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px}.availability-control form{position:absolute;top:24px;right:0;z-index:200;width:275px;display:flex;flex-wrap:wrap;gap:8px;padding:16px;border-radius:12px;background:white;color:#173e54;box-shadow:0 8px 24px #0003}.availability-control label,.availability-control small{width:100%}.availability-control input{width:100%;padding:8px}.availability-control small{font-size:11px;line-height:1.4}
#comparableGrid{display:block;overflow:visible;max-height:none}
#matchingFinance{margin:0;padding:0;border:0;container-type:inline-size}
#matchingFinanceIntro{font-size:12px;line-height:1.5;margin:0 0 12px}
#matchingFinanceTable{overflow:visible;border:1px solid #d6e1e7;border-radius:10px}
#matchingFinance table{min-width:0!important;width:100%;table-layout:fixed}
#matchingFinance .unit-col{width:18%}#matchingFinance .price-col{width:20%}#matchingFinance .psf-col{width:11%}#matchingFinance .adjusted-col{width:19%}#matchingFinance .monthly-col{width:16%}
#matchingFinance th:first-child{position:static}
#matchingFinance [data-stack]{display:inline;padding:0!important;margin:0;min-width:0;min-height:24px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#235bb1;font-size:inherit;white-space:nowrap;text-decoration:underline}
#matchingFinance .unit-layout{color:#647782;font-weight:400;font-size:.85em;white-space:normal}
#matchingFinance .matching-legend{font-size:10px;line-height:1.5;color:#657b89}
.workspace-v12 .model-pane #sunControlsPanel.sunlight-dock{display:flex;align-items:center;gap:12px;overflow:visible;padding:7px 10px;max-height:none}
.sun-dock-main{display:contents}.sun-dock-main>div{display:none}.sun-dock-main #clock{font-size:13px;order:0}.sun-dock-main #playSun{order:2;min-height:32px;min-width:46px;padding:4px 8px;font-size:12px}
.sun-dock-time{flex:1;min-width:60px;order:1}.sun-dock-ticks{display:none}
.sunlight-dock .sun-settings{position:relative;order:3;border:0;margin:0;padding:0}.sunlight-dock .sun-settings>summary{font-size:12px;white-space:nowrap;padding:8px;cursor:pointer}
.sunlight-dock .sun-settings[open]{position:absolute;bottom:0;right:0;z-index:80;max-height:320px;overflow:auto;width:min(400px,95vw);padding:12px;border:1px solid #ccdae4;border-radius:12px;background:white;box-shadow:0 4px 24px #0002}
.sunlight-dock .sun-settings[open]>summary{font-weight:700}.sun-dock-controls{flex-wrap:wrap}
#financeDialog{width:min(1080px,96vw);overflow:hidden}#financeDialog[open]{display:flex;flex-direction:column}.finance-heading{flex:none;padding:16px 22px;background:#fff}.finance-content{overflow:auto;min-height:0;padding:20px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.finance-intro,#financeSource{display:none}#financeForm{grid-column:1;grid-row:1 / span 2;background:#f4f8fa;padding:16px;border-radius:12px}#financeForm:before{content:'Your financing';display:block;font-size:17px;font-weight:700;margin-bottom:14px}.finance-inputs,.finance-inputs tbody{display:block;width:100%}.finance-inputs tr{display:grid;grid-template-columns:1fr auto;margin-bottom:10px}.finance-inputs th{width:auto;grid-column:1 / -1;border:0;padding:0 0 5px;font-size:12px}.finance-inputs td{border:0!important;padding:0!important}.finance-inputs td:nth-child(2){width:100%}.finance-inputs td:nth-child(3){width:auto;padding:10px 0 0 8px!important}.finance-inputs input,.finance-inputs select{background:white;border-radius:7px;text-align:left;font-size:14px;min-height:40px}#financeResults{grid-column:2;grid-row:1 / span 3;min-width:0}.finance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.finance-kpis>div{border:1px solid #c9dce7;padding:12px 8px;border-radius:10px;background:#edf6fa}.finance-kpis span{display:block;font-size:11px;margin-bottom:8px}.finance-kpis strong{font-size:18px}.finance-summary{width:100%;font-size:12px;margin:12px 0}.finance-breakdown summary,.finance-schedule-details summary{cursor:pointer;padding:12px 0;font-size:14px;font-weight:650}.finance-stage-cards{display:grid;gap:8px}.finance-stage{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #dae4e9;padding:10px 0;font-size:12px}.finance-stage small{display:block;color:#637b89;margin-top:4px}.finance-stage>div:last-child{text-align:right}.finance-stage strong{display:block}.finance-scroll{margin:0}.finance-schedule{min-width:750px;font-size:11px}.finance-schedule td,.finance-schedule th{padding:8px}#financeReset{grid-column:1;font-size:12px}.finance-content>.finance-notes{grid-column:1 / -1;font-size:11px}.finance-notes summary{cursor:pointer;font-weight:650}#financeError{grid-column:2}
@media(max-width:700px){.finance-content{display:block;padding:12px}#financeForm{margin-bottom:16px}.finance-heading{padding:12px}.finance-heading h2{font-size:20px}.finance-kpis strong{font-size:15px}.finance-content>.finance-notes{margin-top:16px}}
@media(max-width:800px){@layer properties{body.workspace-v12>header{flex-wrap:wrap!important;gap:8px!important;padding:10px!important}body.workspace-v12>header .brand,body.workspace-v12>header .brand img{width:150px!important;height:auto!important;max-height:28px!important}body.workspace-v12>header .project{display:contents!important}body.workspace-v12>header .project .project-logo{width:140.4px!important;height:52px!important}body.workspace-v12>header .project-facts{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 12px}body.workspace-v12>header .project-facts strong{font-size:10px}body.workspace-v12>header .project-facts span{max-width:none;font-size:10px}}
.availability-control{font-size:10px}.availability-control form{left:0;right:auto}.sun-dock-main #clock{font-size:11px}.workspace-v12 .model-pane #sunControlsPanel.sunlight-dock{gap:6px}.sunlight-dock .sun-settings>summary{font-size:11px;padding:5px}}

@layer properties{body.workspace-v12>header{height:auto!important;min-height:78px!important;flex-shrink:0!important;overflow:visible!important}body.workspace-v12>header .project-facts{overflow:visible!important}body.workspace-v12>header .availability-control{margin:0!important;padding:0!important;border:0!important}body.workspace-v12>header .availability-control summary{color:#fff!important;font-size:11px!important;padding:0!important}}
#financeHighlights{grid-column:2;grid-row:1;margin:0}#financeResults{grid-row:2 / span 3}#financeForm{grid-row:1 / span 3}.finance-kpis strong{font-size:clamp(14px,1.7vw,20px)}
@media(max-width:700px){#financeHighlights{margin-bottom:16px}.finance-inputs tbody{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.finance-inputs tr:first-child,.finance-inputs tr:nth-child(2){grid-column:1 / -1}.finance-inputs input,.finance-inputs select{min-width:0}.finance-inputs td:nth-child(3){font-size:10px}.finance-kpis strong{font-size:15px}}
@layer properties{body.workspace-v12>header{flex:0 0 auto!important}}
@media(min-width:801px){#matchingFinance thead th{top:54px}}

/* V13.35: grouped branding and simple directional controls. */
@layer properties{body.workspace-v12>header{justify-content:flex-start!important}body.workspace-v12>header .brand{flex:0 0 auto!important}body.workspace-v12>header .project{flex:0 1 auto!important;justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important}}
.workspace-v12 #modelSection .unit-walk{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:250px}
.workspace-v12 #modelSection .walk-arrows{display:grid;grid-template-columns:repeat(3,40px);gap:4px;flex:0 0 100%;justify-content:end;margin-bottom:6px}
.workspace-v12 #modelSection .walk-arrows button{width:40px;height:40px;min-width:40px;min-height:40px;margin:0;padding:0;border-radius:50%;background:#fff;color:#123b5c;border:1px solid #c5d7e3;font-size:20px;box-shadow:0 2px 8px #183b531a}
.walk-arrows [data-walk=forward]{grid-column:2}.walk-arrows [data-walk=left]{grid-column:1;grid-row:2}.walk-arrows [data-walk=back]{grid-column:2;grid-row:2}.walk-arrows [data-walk=right]{grid-column:3;grid-row:2}
/* V13.36: compact header and one coherent finder. */
@layer properties {
body.workspace-v12>header{min-height:64px!important;padding:6px 22px!important;gap:20px!important}
body.workspace-v12>header .project{gap:12px!important}
body.workspace-v12>header .project .project-logo{width:126px!important;height:48px!important;object-position:left center!important}
body.workspace-v12>header .project-facts{gap:2px!important;line-height:1.3!important}
body.workspace-v12>header .project-facts strong{font-size:13px!important}
body.workspace-v12>header .project-facts span{font-size:11px!important}
.workspace-v12 .unit-filter-group{padding-top:12px!important;margin-top:12px!important;border-top:1px solid #dbe5ec!important}
.workspace-v12 .filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.workspace-v12 .unit-filter-group h3{font-size:13px!important;margin:0!important;line-height:1.4!important}
.workspace-v12 .collection-key{display:flex;align-items:center;gap:5px;font-size:11px;color:#4c6575}
.collection-key i{width:9px;height:9px;border:1px solid #a2b8c6;border-radius:2px;background:#e3edf3}
.collection-key i.luxury{background:#f1e6d1;border-color:#bdac85;margin-left:7px}
.workspace-v12 :is(#blockTabs,.match-block-pills){gap:6px!important;margin-top:7px!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button,.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row{min-height:34px!important;height:auto!important;min-width:0!important;padding:6px 9px!important;border-radius:8px!important;font-size:12px!important;line-height:1.3!important;box-shadow:none!important;margin:0!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button{background:#e3edf3!important;color:#294b60!important;border:1px solid #bdceda!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button[data-block="5"],.workspace-v12 :is(#blockTabs,.match-block-pills) button[data-block="7"]{background:#f1e6d1!important;color:#71501e!important;border-color:#d3c3a1!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button:is(.active,[aria-pressed=true]){outline:2px solid #123c5c;outline-offset:1px;font-weight:700!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button[data-block="all"]{background:#fff!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button[data-block="all"]:is(.active,[aria-pressed=true]){background:#123c5c!important;color:#fff!important}
.workspace-v12 .gb-ui.gb-inline-rooms{padding:12px 0 0!important}
.workspace-v12 .gb-inline-rooms .gb-room-list{gap:6px!important;margin-top:7px!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-room-colour{border-left-width:4px!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-room-colour:has([data-state=checked]){box-shadow:none!important}
@media(max-width:800px){
body.workspace-v12>header{gap:8px 14px!important;padding:6px 12px!important;min-height:60px!important}
body.workspace-v12>header .project .project-logo{width:112px!important;height:42px!important}
body.workspace-v12>header .project-facts{gap:2px 10px!important}
body.workspace-v12>header .project-facts strong,body.workspace-v12>header .project-facts span{font-size:10px!important}
}
}
/* V13.37: compact budgets and consistent pill actions. */
@layer properties {
.workspace-v12 .gb-filter-bar{padding:10px 12px!important;margin-bottom:0!important;border-radius:16px!important}
.workspace-v12 .gb-filter-inline{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 10px!important;align-items:center!important}
.workspace-v12 .gb-filter-inline .gb-budget{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;min-width:0!important;margin:0!important}
.workspace-v12 .gb-budget label{font-size:11px!important;margin:0 0 3px!important;line-height:1.2!important}
.workspace-v12 .gb-budget select{height:34px!important;min-height:34px!important;padding:4px 10px!important;font-size:12px!important;line-height:1.3!important;border-radius:999px!important;box-shadow:none!important}
.workspace-v12 .gb-filter-inline .gb-result{min-width:0!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.3!important}
.workspace-v12 .gb-filter-inline .gb-result strong{font-size:11px!important}
.workspace-v12 .gb-filter-inline .gb-result small{display:none!important}
.workspace-v12 .gb-filter-inline>button{height:30px!important;min-height:30px!important;padding:4px 9px!important;font-size:11px!important;border-radius:999px!important;box-shadow:none!important}
.workspace-v12 .gb-filter-inline>button svg{width:13px!important;height:13px!important}
.workspace-v12 .unit-filter-group{margin-top:8px!important;padding-top:8px!important}
.workspace-v12 :is(#blockTabs,.match-block-pills) button,.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row{border-radius:999px!important}
.workspace-v12 .unit-quick-actions button,.workspace-v12 .compare-balcony{border-radius:999px!important;min-height:34px!important;height:auto!important;padding:6px 12px!important;font-size:12px!important;line-height:1.3!important}
.workspace-v12 .unit-quick-actions .view-unit-button,.workspace-v12 .unit-quick-actions [data-slot=button]:has(+.view-unit-button),.workspace-v12 .compare-balcony{background:#e6f0ff!important;border:1px solid #92b8f0!important;color:#123c5c!important;box-shadow:none!important}
.workspace-v12 .compare-plan{border-radius:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
.workspace-v12 .compare-plan:focus-visible{outline:2px solid #28679b!important;outline-offset:3px!important}
.workspace-v12 .map-glass-controls .explore-toggle input{box-sizing:border-box!important;width:30px!important;min-width:30px!important;height:18px!important;min-height:18px!important;flex:0 0 30px!important;margin:0!important;padding:0!important;align-self:center!important}
.workspace-v12 .map-glass-controls .explore-toggle input:before{width:12px!important;height:12px!important;top:3px!important;left:3px!important}
.workspace-v12 .map-glass-controls .explore-toggle input:checked:before{transform:translateX(12px)!important}
}
@layer properties{
.workspace-v12 .unit-quick-actions .gb-action:has(+.view-unit-button) button{background:#e6f0ff!important;border:1px solid #92b8f0!important;color:#123c5c!important;box-shadow:none!important}
}
@layer properties{
.workspace-v12 .gb-filter-inline .gb-budget,.workspace-v12 .gb-budget>div,.workspace-v12 .gb-budget select{width:100%!important;max-width:none!important}
.workspace-v12 .gb-quick button{border-radius:999px!important}
.workspace-v12 .chart-title{padding:12px 16px 6px!important}
.workspace-v12 .quick-unit{padding:8px 16px 12px!important}
}
/* V13.38: colour identifies type; outline and weight identify selection. */
@layer properties {
.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row{font-weight:400!important;background:#fff!important;color:#123c5c!important;border:1px solid #afc5d3!important;outline:none!important;box-shadow:none!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-room-colour{background:var(--room-colour)!important;color:#101d25!important;border:1px solid transparent!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row:has([data-state=checked]){font-weight:700!important;outline:2px solid #123c5c!important;outline-offset:1px!important}
.workspace-v12 .gb-inline-rooms .gb-room-list{gap:8px!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row:has(button:focus-visible){outline:3px solid #328bdd!important;outline-offset:3px!important}
.workspace-v12 .gb-price-controls{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:12px!important}
.workspace-v12 .match-block-filter{flex:1 1 100%;min-width:0}
.workspace-v12 .match-block-filter h3{font-size:13px!important;margin:0!important}
.workspace-v12 .match-block-pills button:focus-visible{outline:3px solid #328bdd;outline-offset:3px}
}
/* V13.39 */
@layer properties{
body.workspace-v12>header .brand,body.workspace-v12>header .brand img{width:192px!important;max-height:none!important}
@media(max-width:800px){body.workspace-v12>header .brand,body.workspace-v12>header .brand img{width:168px!important;max-height:none!important}}
.workspace-v12 .gb-ui.gb-inline-rooms{overflow:visible!important;padding:14px 0 4px!important;min-width:0!important}
.workspace-v12 .gb-inline-rooms .gb-room-list{padding:2px!important;gap:8px!important;align-items:center!important;overflow:visible!important;margin-top:8px!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row{outline-offset:-2px!important;min-height:34px!important;line-height:18px!important;padding:7px 11px!important;box-sizing:border-box!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-room-list[data-all-selected=true] .gb-room-colour{outline:none!important;font-weight:400!important}
.workspace-v12 .gb-ui.gb-inline-rooms .gb-check-row:has(button:focus-visible){outline:3px solid #328bdd!important;outline-offset:-3px!important}
.workspace-v12 .gb-price-controls .match-rooms{flex:1 1 100%;width:100%!important;padding-top:0!important}
}
@layer properties{
.workspace-v12 #clearPrice,.workspace-v12 #dialogFinance{width:fit-content!important;max-width:100%!important;min-width:0!important;display:inline-flex!important;padding:8px 14px!important;border-radius:999px!important;margin:8px 6px 8px 0!important}
}
@layer properties{
body.workspace-v12.inspector-collapsed>main{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
body.workspace-v12.inspector-collapsed .inspector-pane{display:none!important}
.workspace-v12 #toggleInspector{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;font-size:23px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
}
@layer properties{
.workspace-v12 .model-pane>#toggleInspector{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:45!important;width:30px!important;min-width:30px!important;height:52px!important;border-radius:14px 0 0 14px!important;background:#fff!important;border:1px solid #b7cbd9!important;color:#123c5c!important;box-shadow:-2px 2px 10px #123c5c20!important;font-size:22px!important;margin:0!important}
}
@layer properties{
@media(min-width:801px){
body.workspace-v12>main{grid-template-columns:minmax(0,1fr) minmax(0,max(390px,36%))!important;transition:grid-template-columns .28s ease!important}
body.workspace-v12.inspector-collapsed>main{grid-template-columns:minmax(0,1fr) minmax(0,0px)!important}
.workspace-v12 .inspector-pane{transition:transform .28s ease,opacity .2s ease!important;transform:translateX(0);opacity:1}
body.workspace-v12.inspector-collapsed .inspector-pane{display:block!important;transform:translateX(100%)!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
}
@media(prefers-reduced-motion:reduce){body.workspace-v12>main,.workspace-v12 .inspector-pane{transition:none!important}}
}

/* V15.5: map views join the floating controls inside the canvas. */
@layer properties {
.workspace-v12 .map-glass-controls>.map-tools-anchor{pointer-events:auto;position:relative!important;margin:0!important;width:fit-content!important;max-width:calc(100% - 64px)!important;z-index:40}
.workspace-v12 .map-glass-controls .map-tools-bar{width:fit-content!important;max-width:100%!important;display:flex!important;gap:3px!important;padding:4px!important;flex-wrap:wrap!important;overflow:visible!important;border:1px solid #ffffffcf!important;border-radius:999px!important;background:linear-gradient(145deg,#ffffffbf,#e2effa8c)!important;box-shadow:0 5px 20px #163c5626,inset 0 1px 0 #fff!important;backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%)}
.workspace-v12 .map-glass-controls .map-tools-bar button{min-height:34px!important;padding:7px 11px!important;font-size:12px!important;border-radius:999px!important}
.workspace-v12 .stage .mapnote{top:116px!important}
@media(max-width:800px){
.workspace-v12 .map-glass-controls .map-tools-bar button{font-size:11px!important;padding:6px 8px!important;min-height:32px!important}
.workspace-v12 .stage .mapnote{top:108px!important}
.workspace-v12 .stage .nav-compass{top:10px!important}
}
}
@layer properties {
.workspace-v12 .model-pane .map-glass-controls{width:calc(100% - 20px)!important;max-width:none!important;right:10px!important}
.workspace-v12 .map-glass-controls .map-tools-bar{flex-wrap:nowrap!important}
.workspace-v12 .map-glass-controls .map-tools-bar>button,.workspace-v12 .map-glass-controls .map-tools-ura,.workspace-v12 .map-glass-controls .map-tools-ura>button{width:auto!important;flex:0 0 auto!important}
}
@layer properties {
.workspace-v12 .model-pane .map-glass-controls{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
}

/* V15.7: shared finder/matching filters and count immediately above sorting. */
@layer properties {
.workspace-v12 .match-filter-group{width:100%;min-width:0}
.workspace-v12 .match-block-pills{display:flex;flex-wrap:wrap}
.workspace-v12 .match-sort{width:100%;min-width:0}
.workspace-v12 .match-count{font-size:12px;color:#4c6575;line-height:1.4;margin:0 0 8px}
.workspace-v12 #comparableSection{padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.workspace-v12 #comparableSection>.chart-title{padding:0!important;background:transparent!important}
.workspace-v12 #comparableSection .comparable-controls{width:100%;margin:0}
}

/* Approved matching-unit list reference; financial differences remain available on demand. */
#matchingFinance.matching-unit-list #matchingFinanceTable{border:0;border-radius:0}
#matchingFinance.matching-unit-list table{font-size:clamp(10px,2.6cqw,14px);letter-spacing:normal}
#matchingFinance.matching-unit-list th,#matchingFinance.matching-unit-list td{text-align:center;vertical-align:middle;padding:10px 5px!important;font-size:inherit!important}
#matchingFinance.matching-unit-list thead th{font-weight:500;background:#edf4f8}
#matchingFinance.matching-unit-list tbody td:first-child{border-left:5px solid var(--unit-colour)}
#matchingFinance.matching-unit-list [data-stack]{display:inline-block;padding:6px 8px!important;min-height:36px!important;border:1px solid #60756b;border-radius:999px;background:var(--unit-colour);color:#172b25;text-decoration:none;font-size:inherit!important;box-shadow:inset 0 0 0 2px #ffffff55}
#matchingFinance.matching-unit-list [data-stack]:focus-visible{outline:2px solid #235bb1;outline-offset:2px}
#matchingFinanceView{margin:12px 0}

/* Matching rows choose a reference; the pill remains a distinct navigation action. */
#matchingFinance.matching-unit-list tbody tr{cursor:pointer}
#matchingFinance.matching-unit-list tbody tr:focus-visible{outline:2px solid #235bb1;outline-offset:-2px}
#matchingFinance.matching-unit-list .reference td{background:#dff4f7}
#matchingFinance.matching-row-comparison #matchingFinanceTable{overflow-x:auto}
#matchingFinance.matching-row-comparison table{min-width:420px!important}
#matchingFinance.matching-row-comparison thead th{position:static!important;top:auto}
#matchingFinance.matching-row-comparison td{white-space:nowrap}
#matchingFinance.matching-row-comparison small{display:block;white-space:nowrap}
#matchingReference{font-size:12px;line-height:1.5;color:#4c6575;margin:10px 0}
#clearMatchingReference{margin-bottom:10px}

#matchingFinance.matching-row-comparison td:nth-child(2){white-space:normal}

/* Keep the unit list and calculator results together in one accessible scroll region. */
#matchingFinance.matching-integrated #matchingFinanceTable{overflow-x:auto}
#matchingFinance.matching-integrated table{min-width:660px!important}
#matchingFinance.matching-integrated thead th{position:static!important;top:auto}
#matchingFinance.matching-integrated td:not(:nth-child(2)){white-space:nowrap}
#matchingFinance.matching-integrated td strong{font-weight:500}
#matchingFinance.matching-integrated .reference td strong{font-weight:700}
#matchingFinance.matching-integrated td small{display:block;white-space:nowrap}
@layer properties {
.workspace-v12 #unitDetails .unit-quick-actions{justify-content:flex-start!important;align-items:center;margin-left:0!important;width:100%}
.workspace-v12 #unitDetails .unit-quick-actions #dialogFinance{width:auto!important;min-height:30px!important;margin:0!important;padding:4px 7px!important;font-size:11px!important;line-height:1.3!important}
}

/* Compact metadata and reserve comparison space so row selection does not shift the table. */
#matchingFinance.matching-integrated table{min-width:480px!important}
#matchingFinance.matching-integrated .matching-unit-description{white-space:normal;font-weight:400;color:#526577;font-size:11px;line-height:1.4;margin-top:5px}
#matchingFinance .matching-reference-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px}
#matchingFinance .matching-reference-controls #matchingReference{margin:0}
#matchingFinance .matching-reference-controls #clearMatchingReference{margin:0;white-space:nowrap}
#matchingFinance .matching-difference-placeholder{visibility:hidden}
#matchingFinance.matching-integrated td small{min-height:14px;line-height:14px}
#matchingFinance.matching-integrated td .difference-percent{min-height:14px;line-height:14px}
@layer properties {
.workspace-v12 #unitDetails .unit-quick-actions{align-items:center!important}
.workspace-v12 #unitDetails .unit-quick-actions .gb-action{display:flex;align-items:center;margin:0!important}
.workspace-v12 #unitDetails .unit-quick-actions #dialogFinance,.workspace-v12 #unitDetails .unit-quick-actions .gb-action button{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;height:32px!important;min-height:32px!important;margin:0!important;padding:4px 7px!important;font-size:11px!important;line-height:1.3!important}
}

#matchingFinance.matching-integrated td:nth-child(2)>small,#matchingFinance.matching-integrated td:nth-child(3)>small{height:28px;min-height:28px;box-sizing:border-box}

/* Comparison plans open separately, preserving the active comparison and model selection. */
#threeUnitTable .compare-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@layer properties {
.workspace-v12 #threeUnitTable :is(.compare-plan,.compare-balcony,[data-unit-view]){display:inline-flex!important;align-items:center;justify-content:center;width:130px!important;font:600 12px/1.4 Manrope,Arial,sans-serif!important;padding:8px 18px!important;border:1px solid #92b8f0!important;border-radius:999px!important;background:#e6f0ff!important;color:#123c5c!important;min-height:36px!important}
}
#comparePlanDialog{width:min(900px,calc(100vw - 24px));max-height:92dvh;box-sizing:border-box;padding:18px;border:1px solid #cad5df;border-radius:16px;color:#17344c;background:#fff;overflow:auto}
#comparePlanDialog::backdrop{background:#102a4377}
#comparePlanDialog .compare-plan-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:0;margin:0}
#comparePlanDialog h2{margin:0;font-size:20px}
#comparePlanDialog .compare-plan-image{overflow:auto;text-align:center}
#comparePlanImage{display:block;max-width:100%;max-height:65dvh;width:auto;height:auto;margin:auto;object-fit:contain}
#comparePlanDialog p{font-size:12px;line-height:1.5;color:#526577}
#mapPreview{border-radius:999px;white-space:pre-line;max-width:min(340px,calc(100% - 32px));padding:8px 16px;line-height:1.4}

#matchingFinance #matchingReference{display:flex;align-items:center;gap:8px}
#matchingFinance #matchingReference [data-stack]{flex:0 0 auto}

/* Compact Compare around search and the selected-unit summary. */
@layer properties {
.workspace-v12 #comparisonSection{margin:0!important;padding:10px!important}
.workspace-v12 #comparisonSection>.chart-title{margin:0 0 6px!important;padding:0!important;min-height:0}
.workspace-v12 #threeUnitTable th,.workspace-v12 #threeUnitTable td{padding:8px 10px!important}
.workspace-v12 #threeUnitTable .compare-picker>strong{margin:0 0 5px!important}
.workspace-v12 #threeUnitTable .compare-picker input[type=search]{min-height:34px!important;margin:3px 0 5px!important;padding:6px 8px!important}
.workspace-v12 #threeUnitTable .compare-current{margin:3px 0!important;font-size:12px!important}
.workspace-v12 #threeUnitTable .clear-compare{min-height:30px!important;padding:4px 9px!important;margin-top:5px!important}
}

#threeUnitTable .compare-reference{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;min-height:28px;cursor:pointer}
#threeUnitTable .compare-reference[aria-pressed=true]{color:#176c7a;text-decoration:underline;text-underline-offset:3px}
#threeUnitTable .compare-financial-row td[data-compare-reference]{cursor:pointer}
#threeUnitTable .is-finance-reference{background:#dff4f7}
#threeUnitTable .compare-finance-difference{display:block;min-height:18px;font-size:12px;line-height:1.5}
#threeUnitTable .compare-finance-difference.lower{color:#23753b}
#threeUnitTable .compare-finance-difference.higher{color:#9b5700}
#threeUnitTable .compare-finance-difference.same{color:#607582}
#threeUnitTable .compare-price-status{display:block;font-size:11px;color:#607582}
#threeUnitTable .compare-finance-heading th{background:#edf4f8;text-align:left}
#threeUnitTable .compare-sun-summary span{display:block;font-weight:400}
#threeUnitTable .compare-financial-row td:focus-visible{outline:2px solid #235bb1;outline-offset:-2px}
@layer properties {
.workspace-v12 #threeUnitTable td.is-finance-reference{background:#dff4f7!important}
}

/* Approved unit-details order and compact matching presentation. */
#matchingFinance.matching-integrated :is(th,td){text-align:center!important;vertical-align:middle!important}
#matchingFinance .matching-unit-description{text-align:center!important}
#matchingFinanceIntro{display:none!important}
#unitDialog :is(#dialogLayout,#dialogArea),#unitDetails .stack-context .outlook-meta,#unitDetails>.gb-enquiries{display:none!important}
#unitDialog .dialog-body>.stats{margin:12px 0}
@layer properties {
/* The selected unit identity follows its volume in the model, not a screen-edge box. */
.workspace-v12 #modelSection .selected-unit-label{left:var(--selected-unit-x)!important;top:var(--selected-unit-y)!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-width:none!important;padding:2px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap;text-shadow:0 1px 3px #000,1px 0 2px #000;pointer-events:none}
.workspace-v12 #inspector-tab-4:not([hidden]){display:grid!important;gap:12px!important}
.workspace-v12 #inspector-tab-4>.maphead{margin:0!important;padding:0!important}
.workspace-v12 #inspector-tab-4 .maphead h1{margin:0 0 6px!important}
.workspace-v12 #inspector-tab-4 .maphead p{margin:0!important}
.workspace-v12 #inspector-tab-4 .explore-onemap{margin:0!important}
.workspace-v12 #inspector-tab-4 .model-controls{margin:0!important;padding:0!important;display:contents!important}
.workspace-v12 #inspector-tab-4 :is(.tools-panel,.ura-panel,.osm-controls,.model-help){margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.workspace-v12 #inspector-tab-4 :is(.tools-panel,.ura-panel,.osm-controls,.model-help)>summary{box-sizing:border-box;width:100%!important;min-height:44px;padding:10px 16px!important;border:1px solid #bdcdd9!important;border-radius:999px!important;background:#edf4f9!important;font-size:13px!important;font-weight:600!important;line-height:1.5;color:#123b5c}
.workspace-v12 #inspector-tab-4 :is(.tools-panel,.ura-panel,.osm-controls,.model-help)[open]{padding:10px!important;border:1px solid #d5e0e7!important;border-radius:18px!important;background:white!important}
.workspace-v12 #inspector-tab-4 :is(.tools-panel,.ura-panel,.osm-controls,.model-help)[open]>summary{margin-bottom:10px}
}
@media(min-width:801px){body.workspace-v12{padding-bottom:0!important}}

/* V15.28 audit: keep mobile facts in separate rows, including Safari text sizing. */
@layer properties {
@media(max-width:800px){
body.workspace-v12>header .project-facts{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:3px!important;min-width:0;width:100%;height:auto}
body.workspace-v12>header .project-facts>strong,body.workspace-v12>header .project-facts>span{line-height:1.4!important;max-width:100%;white-space:normal;overflow-wrap:anywhere}
body.workspace-v12>header .availability-control{min-width:0;max-width:100%;line-height:1.5}
body.workspace-v12>header .availability-control summary{display:block;line-height:1.5!important;white-space:normal;overflow-wrap:anywhere}
body.workspace-v12>header .availability-control summary::-webkit-details-marker{display:none}
body.workspace-v12>header .availability-control form{top:calc(100% + 6px);width:min(275px,100%);max-width:100%}
}
}

/* V16.1: keep the map and camera viewport fixed when Sun is toggled. */
.workspace-v12 .model-pane .stage #sunControlsPanel.sunlight-dock{
 position:absolute;inset:auto 10px calc(var(--map-credit-height,48px) + var(--map-toolbar-height,40px) + 16px) 10px;
 width:auto;max-width:none;margin:0;z-index:35;box-sizing:border-box;
 background:linear-gradient(135deg,#fffffff0,#edf4f9eb);border:1px solid #ffffffc9;
 box-shadow:0 4px 18px #123b5c24;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.workspace-v12 .stage:has(#sunControlsPanel:not([hidden])) .legend{
 bottom:calc(var(--map-credit-height,48px) + var(--map-toolbar-height,40px) + 76px)!important;
}
.sunlight-dock .sun-settings[open]{width:min(400px,100%);max-height:min(260px,40dvh);box-sizing:border-box}
@media(max-width:800px){
 .workspace-v12 .model-pane .stage #sunControlsPanel.sunlight-dock{left:6px;right:6px;padding:6px;gap:5px}
 .sunlight-dock .sun-settings>summary{font-size:10px;padding:5px 2px}
}
@media(prefers-reduced-transparency:reduce){
 .workspace-v12 .model-pane .stage #sunControlsPanel.sunlight-dock{background:#f0f6fa;backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* V16.4: compact hologram readout and visible sky navigation. */
.workspace-v12 #mapPreview{white-space:pre-line;background:#082e3eea;color:#c3faff;border:1.5px solid #67eaff;box-shadow:0 0 12px #42dff540;border-radius:8px;padding:7px 11px;font-weight:600}
.sun-dock-main #findSkySun{white-space:nowrap;padding:6px 9px;font-size:11px}

/* V16.5: consistent Manrope hierarchy and readable numeric information. */
body.workspace-v12{font-family:Manrope,Arial,sans-serif;line-height:1.5}
.workspace-v12 :is(button,input,select,textarea){font-family:inherit}
.workspace-v12 :is(h1,h2,h3){font-weight:700;line-height:1.3;letter-spacing:-.02em}
.workspace-v12 :is(button,summary){font-weight:600}
.workspace-v12 :is(input,select,textarea){font-weight:400}
.workspace-v12 :is(#clock,.stats strong,.unit-grid,.comparable-table,#threeUnitTable,#financeResults,input[type=number]){font-variant-numeric:tabular-nums lining-nums}
.workspace-v12 :is(.muted,.compare-hint,.plan-note){line-height:1.5}
.workspace-v12 .door-compass{font-family:Manrope,Arial,sans-serif}

/* V16.6: align matching actions and sunlight ranking with inspector typography. */
.workspace-v12 #clearMatchingReference,.workspace-v12 #matchingFinanceMore{font-size:12px;line-height:1.4;font-weight:600}
.workspace-v12 #sunlightRanking{font-size:12px;line-height:1.5}
.workspace-v12 #sunlightRanking h3{font-size:14px;line-height:1.35;font-weight:700}
.workspace-v12 #sunlightRanking :is(p,label,button,select,[role=status]){font-size:12px;line-height:1.5}
.workspace-v12 #sunlightRanking :is(button,select){min-height:36px}

/* V16.7: centred financial figures, concise outlook and daily sun graphic. */
.workspace-v12 #matchingFinance :is(th,td):not(:first-child){text-align:center;vertical-align:middle}
.workspace-v12 #sunlightStudy{background:linear-gradient(155deg,#f4f9ff,#fffaf0);border-color:#d4e2ed}
.sun-weather-total{display:flex;align-items:baseline;gap:10px}.sun-weather-total strong{font-size:32px;font-weight:700;color:#153d58}.sun-weather-total span{font-size:12px;color:#52677b}
.sun-weather svg{display:block;width:100%;height:auto;overflow:visible}.sun-horizon{stroke:#b9cbd8;stroke-width:1;stroke-dasharray:3 4}.sun-day-arc{stroke:#c3cfdb;stroke-width:3;fill:none}.sun-exposure-arc{stroke:#e6a52d;stroke-width:5;fill:none;stroke-linecap:round}.sun-weather-now{fill:#ffd46b;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 4px #efba47)}.sun-weather text{font:11px Manrope,Arial,sans-serif;fill:#52677b}
#sunlightStudy .sun-weather-key{display:flex;align-items:center;gap:6px;font-size:11px;margin:4px 0 14px}.sun-weather-key i{width:14px;height:4px;border-radius:3px;background:#e6a52d}.sun-weather-key span{color:#52677b}
.sun-weather-split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dbe4eb;padding-top:12px;gap:16px}.sun-weather-split>span{font-size:11px;color:#52677b}.sun-weather-split strong{display:block;font-size:18px;color:#153d58;margin-top:3px}
.outlook-key-points{list-style:none;margin:8px 0;padding:0}.outlook-key-points li{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #e3eaf0;font-size:12px;line-height:1.5}.outlook-key-points strong{font-weight:600}.outlook-key-points span{color:#52677b}.outlook-caveat{font-size:11px!important;line-height:1.5}

/* V16.8: consistent comparison actions and Explore panel rhythm. */
.workspace-v12 #threeUnitTable :is(.compare-plan,.compare-balcony,[data-unit-view]){display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:130px;min-height:36px;margin:0;padding:7px 16px;border:1px solid #94b9ea;border-radius:999px;background:#e7f0ff;color:#123b5c;font:600 12px/1.4 Manrope,Arial,sans-serif;box-shadow:none;text-decoration:none}
.workspace-v12 #threeUnitTable :is(.compare-plan,.compare-balcony,[data-unit-view]):hover{background:#d9e9ff}
.workspace-v12 #inspector-tab-4:not([hidden]){gap:12px!important;align-content:start}
.workspace-v12 #inspector-tab-4 .maphead h1{font-size:20px;line-height:1.3;margin-bottom:6px!important}
.workspace-v12 #inspector-tab-4 .maphead p{font-size:12px;line-height:1.5}
.workspace-v12 #inspector-tab-4 .model-controls:empty{display:none!important}
.workspace-v12 #inspector-tab-4 .model-controls{display:contents!important}
.workspace-v12 #inspector-tab-4 :is(.explore-onemap,.disclosures-group){margin:0!important}
.workspace-v12 #inspector-tab-4 :is(#oneMapToolsButton,.tools-panel>summary,.ura-panel>summary,.model-help>summary,.disclosures-group>summary){display:block;box-sizing:border-box;width:100%!important;min-height:44px;margin:0!important;padding:11px 16px!important;border:1px solid #bdcdd9!important;border-radius:14px!important;background:#edf4f9!important;color:#123b5c;font:600 13px/1.5 Manrope,Arial,sans-serif!important;text-align:left;box-shadow:none!important}
.workspace-v12 #inspector-tab-4 details>summary{cursor:pointer}
.workspace-v12 #inspector-tab-4 :is(.tools-panel,.ura-panel,.model-help,.disclosures-group)[open]>summary{margin-bottom:12px!important}
.workspace-v12 #explorerInspector #inspector-tab-4 .model-controls{display:contents!important}
.workspace-v12 #explorerInspector #inspector-tab-4 details>summary{border-radius:14px!important}
.workspace-v12 #explorerInspector #inspector-tab-4 details>summary::before{content:'▸';display:inline-block;margin-right:7px}
.workspace-v12 #explorerInspector #inspector-tab-4 details[open]>summary::before{content:'▾'}

/* V16.9: embedded panorama and finance form alignment. */
#panoramaDialog{width:min(1200px,96vw);max-width:96vw;height:90dvh;max-height:94dvh;padding:0;border:1px solid #cfdde7;border-radius:18px;color:#123b5c;background:white}
#panoramaDialog[open]{display:flex;flex-direction:column}.panorama-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}.panorama-heading h2{margin:0;font-size:20px}#panoramaDialog iframe{flex:1;width:100%;min-height:0;border:0}#panoramaDialog>p{font-size:12px;margin:0;padding:10px 20px}#panoramaDialog::backdrop{background:#123b5cc9}
.workspace-v12 #finance-cpf-hint{display:none!important}
.workspace-v12 #financeForm tr:has(#finance-cpf){grid-template-columns:1fr}
.workspace-v12 #financeForm tr:has(#finance-max){grid-template-columns:1fr auto;align-items:center;gap:12px}
.workspace-v12 #financeForm tr:has(#finance-max)>th{grid-column:1;grid-row:1;padding:0;line-height:1.4}
.workspace-v12 #financeForm tr:has(#finance-max)>td:nth-child(2){grid-column:2;grid-row:1;width:auto;line-height:1.4}
.workspace-v12 #finance-max-hint{display:none!important}