:root {
--bg: #e9edf2;  
--panel: #ffffff;
--ink: #1a1f2b;
--muted: #6b7280;
--line: #e6e8ec;
--accent: #2563eb;


--d-font: var(--font);
--d-font-serif: var(--font-serif);
--d-ink: #1a1f2b;  
--d-muted: #6b7280;  
--d-qual: #94a3b8;  
--d-meta: #475569;  
--d-line: #e6e8ec;  
--d-row-line: #f1f2f4;  
--d-sec-line: #e2e8f0;  
--d-sec-head-bg: #f8fafc;  
--d-panel: #ffffff;
--d-page: #e9edf2;
--d-primary: #14202e;  
--d-brand: #9a7b3f;  
--d-brand-ink: #7a5f2c;  
--d-warm: #f5f1e8;  
--d-var-amber: #b45309;  
--d-var-red: #b91c1c;  
--d-verified: #1a7f4b;  
--d-verified-bg: #e7f6ee;
--d-title-size: 17px; --d-title-lh: 21px; --d-h2-size: 18px;
--d-section-size: 12.5px;
--d-subhead-size: 11px;
--d-label-size: 11.5px; --d-label-lh: 1.3;
--d-value-size: 12.5px; --d-value-weight: 500;
--d-body-size: 12.5px;
--d-small-size: 11.5px;
--d-tile-value-size: 13px; --d-tile-label-size: 9.5px;
--d-chip-size: 10px;
--d-button-size: 12px; --d-button-h: 30px;
--d-row-pad: 7px 0; --d-row-gap: 1px 10px;
--d-sec-pad: 10px 12px; --d-sec-gap: 10px; --d-sec-head-pad: 9px 12px;
--d-radius: 8px; --d-radius-tile: 10px; --d-radius-chip: 5px;
 
 
--c-residential: #3b82f6;
--c-hotel: #a855f7;
--c-mall: #f59e0b;
--c-commercial: #10b981;
--c-mixed: #bf5a36;  
--c-club: #14b8a6;
 
--s-sale: #ef4444;
--s-lease: #2563eb;
--s-auction: #db2777;
--s-land: #65a30d;
--s-development: #f97316;
--s-openspace: #16a34a;
 
--prox-fill: #ffffff;
--prox-ink: #334155;
--prox-line: #64748b;
--shadow: 0 10px 30px rgba(15, 17, 21, 0.18);
--radius: 12px;


--map-foot: 30px;
--panel-clear: var(--map-foot);
--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;


--font-serif: "Iowan Old Style", Charter, "Bitstream Charter", Georgia, "Palatino Linotype", Palatino, ui-serif, serif;
 
--absent-ink: #475569;
--dateline-ink: #334155;
}
* { box-sizing: border-box; }
html, body {
margin: 0;
height: 100%;
width: 100%;
overflow-x: hidden;  
font-family: var(--font);
 
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1;
color: var(--ink);
background: var(--bg);
}


.panel h2,
#dossierModal h2,
#dossierModal .dsec-title,
#dossierModal .dossier-lead,
.enc-group-title,
.dv-name, .ws-shell .ws-sec .dsec-title {
font-family: var(--font-serif);
font-weight: 600;
letter-spacing: 0;
}
.panel h2 { font-size: 18px; line-height: 1.22; }  
#dossierModal .dsec-title, .ws-shell .ws-sec .dsec-title { font-size: 12.5px; }
#map {
position: absolute;
inset: 0;
top: 56px;  
background: #e9edf2;  
}
 
.topbar {
position: absolute;
top: 0; left: 0; right: 0;
height: 56px;
z-index: 7;  
display: flex;
align-items: center;
gap: 12px;
padding: 0 16px;
background: rgba(255, 255, 255, 0.92);
backdrop-filter: saturate(180%) blur(10px);
border-bottom: 1px solid var(--line);
}
.topbar h1 {
font-size: 15px;
font-weight: 600;
letter-spacing: -0.01em;
margin: 0;
white-space: nowrap;
}
.topbar .spacer { flex: 1; }


.ctrl-divider {
width: 1px;
height: 20px;
background: #cdc3ac;
opacity: 0.6;
margin: 0 7px;  
flex: none;
}
 


.controls {
display: flex;
align-items: center;
gap: 7px;  
flex: 0 0 auto;  
min-width: 0;
}


.controls > .svc-btn, .controls > .asset-mode, .controls > .dropdown, .controls > .ctrl-divider { flex: none; }


.search {
position: relative;
flex: none;
width: 340px; 

}
.search-results { min-width: 280px; }
 
.dropdown { position: relative; }
.dd-menu {
position: absolute; top: calc(100% + 6px); right: 0; z-index: 40;
min-width: 190px; max-height: 60vh; overflow-y: auto;
background: #fff; border: 1px solid var(--line); border-radius: 8px;
box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 6px;
}
.dd-menu-head { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: var(--muted);
font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; padding: 4px 6px 6px; border-bottom: 1px solid #f0f2f5; }
.dd-menu-actions button { background: none; border: none; color: #2563eb; font-size: 11px; cursor: pointer; padding: 0 3px; }
.dd-item { display: flex; align-items: center; gap: 8px; padding: 6px; font-size: 12.5px; cursor: pointer; border-radius: 6px; }
.dd-item:hover { background: #eef1f6; }
.dd-item input { margin: 0; }
.dd-item .dot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
 
#moreMenu { display: flex; flex-direction: column; gap: 4px; }
#moreMenu[hidden], .dd-menu[hidden] { display: none; }  
#moreMenu .svc-btn { width: 100%; justify-content: flex-start; }
 
.dd-menu-wide { min-width: 320px; }
.layers-grid { display: grid; grid-template-columns: 1fr auto auto; gap: 2px 14px; align-items: center; padding-top: 2px; }
.layers-grid .lyr-head { display: contents; }
.lyr-head .lyr-cat, .lyr-head .lyr-col { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.04em;
color: var(--muted); font-weight: 600; padding: 4px 0 6px; border-bottom: 1px solid #f0f2f5; }
.lyr-head .lyr-col { display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
.lyr-allnone { display: inline-flex; gap: 4px; }
.lyr-allnone button { background: none; border: none; color: #2563eb; font-size: 10px; cursor: pointer; padding: 0 1px;
text-transform: none; letter-spacing: 0; }
.lyr-row { display: contents; }
.lyr-row .lyr-cat { font-size: 12.5px; color: var(--ink); padding: 5px 0; }
.lyr-cell { display: flex; justify-content: center; align-items: center; }
.lyr-toggle { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; padding: 3px; border-radius: 6px; }
.lyr-toggle:hover { background: #eef1f6; }
.lyr-toggle input { margin: 0; }
.lyr-toggle .dot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.lyr-toggle .prox-glyph { width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; background-position: center; flex: none; }
.lyr-n { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; }
.lyr-none { color: #c2c8d2; }
.lyr-caveat { grid-column: 1 / -1; font-size: 10.5px; line-height: 1.4; color: var(--muted);
margin-top: 6px; padding-top: 6px; border-top: 1px solid #f0f2f5; }
.lyr-caveat b { color: #64748b; font-weight: 600; }
 
.lyr-swatch { width: 11px; height: 11px; border-radius: 2px; flex: none; display: inline-block;
border: 1px solid rgba(0,0,0,0.12); background-repeat: repeat; }
 
.lyr-legend { grid-column: 1 / -1; margin-top: 6px; padding-top: 8px; border-top: 1px solid #f0f2f5; }
.lyr-legend-h { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted);
font-weight: 600; margin-bottom: 6px; }
.lyr-legend .lrow { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 5px; }
.lyr-legend .lrow:last-child { margin-bottom: 0; }
.lyr-legend .dot { width: 10px; height: 10px; border-radius: 50%; flex: none; }
.lyr-legend .swatch { width: 12px; height: 9px; border-radius: 2px; display: inline-block; flex: none; }
 
.dd-civic { padding: 4px 0; }
.dd-civic-badge { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.05em;
text-transform: uppercase; color: #fff; background: #6b7ea6; padding: 2px 7px; border-radius: 4px; }
.dd-civic p { margin: 8px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--muted); }
.search input {
width: 100%;
height: 36px;  
padding: 0 12px 0 32px;
font-size: 13px;
font-family: var(--font);
color: var(--ink);
background: #fff;
border: 1px solid var(--line);
border-radius: 8px;
outline: none;
transition: border-color .15s, box-shadow .15s;
}
.search input:focus {
border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.search svg {
position: absolute;
left: 10px; top: 50%;
transform: translateY(-50%);
width: 15px; height: 15px;
color: var(--muted);
pointer-events: none;
}
 
.search-results {
position: absolute;
top: 40px; left: 0;
width: 260px;
max-height: 280px;
overflow-y: auto;
background: #fff;
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: var(--shadow);
display: none;
z-index: 20;
}
.search-results.open { display: block; }
.search-results .item {
padding: 9px 12px;
font-size: 13px;
cursor: pointer;
border-bottom: 1px solid var(--line);
display: flex;
align-items: center;
gap: 8px;
}
.search-results .item:last-child { border-bottom: none; }
.search-results .item:hover { background: #f5f7fb; }
.search-results .item .dot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.search-results .search-tag { margin-left: auto; font-size: 9.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: #64748b; background: #eef1f5; border: 1px solid #dfe3e9; padding: 1px 5px; border-radius: 4px; }
 
.search-results .search-group { font-size: 9.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #8a93a3; padding: 7px 12px 3px; border-bottom: 1px solid #f0f2f6; background: #fafbfc; }
.search-results .empty { padding: 12px; font-size: 13px; color: var(--muted); }
 
.filters {
display: flex;
gap: 6px;
}
.chip {
display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 11px;
font-size: 12px;
font-weight: 500;
color: var(--ink);
background: #fff;
border: 1px solid var(--line);
border-radius: 999px;
cursor: pointer;
user-select: none;
transition: background .12s, border-color .12s, opacity .12s;
}
.chip .dot { width: 9px; height: 9px; border-radius: 50%; }
.chip[aria-pressed="false"] { opacity: 0.4; }
.chip:hover { border-color: #c7ccd4; }
 
.asset-mode {
display: inline-flex;
height: 30px;
padding: 2px;
gap: 2px;
background: #eef0f3;
border: 1px solid var(--line);
border-radius: 999px;
flex: none;
}
.am-btn {
height: 24px;
padding: 0 10px;
font-size: 12px;
font-weight: 600;
color: #6b7280;
background: transparent;
border: none;
border-radius: 999px;
cursor: pointer;
user-select: none;
transition: background .12s, color .12s, box-shadow .12s;
}
.am-btn:hover { color: var(--ink); }
.am-btn[aria-pressed="true"] {
color: var(--ink);
background: #fff;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12);
}
 
.prop-marker {
width: 18px;
height: 18px;
border-radius: 50%;
border: 2.5px solid #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.35);
cursor: pointer;
transition: transform .12s ease;
}
.prop-marker:hover { transform: scale(1.25); }
.prop-marker.active {
transform: scale(1.35);
box-shadow: 0 0 0 4px rgba(37,99,235,0.35), 0 2px 6px rgba(0,0,0,0.35);
}
 
.panel {


position: fixed;
top: var(--panel-top);  
right: 16px;
width: 320px;
max-width: calc(100vw - 32px);
background: var(--panel);
border-radius: var(--radius);
box-shadow: var(--shadow);
border: 1px solid var(--line);
z-index: 6;
transform: translateX(380px);
opacity: 0;
pointer-events: none;
transition: transform .25s cubic-bezier(.2,.7,.3,1), opacity .2s;
}
.panel.open {
transform: translateX(0);
opacity: 1;
pointer-events: auto;
}
.panel .phead {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 16px 16px 12px;
border-bottom: 1px solid var(--line);
}
.panel .ptype {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
color: var(--muted);
margin-bottom: 6px;
}
.panel .ptype .dot { width: 9px; height: 9px; border-radius: 50%; }
.panel h2 {
margin: 0;
font-size: 17px;
font-weight: 600;
line-height: 1.25;
letter-spacing: -0.01em;
}
.panel .pclose {
position: absolute;
top: 10px; right: 10px;
z-index: 3;
width: 28px; height: 28px;
border: none;
background: rgba(255, 255, 255, 0.85);
border-radius: 8px;
cursor: pointer;
color: var(--muted);
font-size: 16px;
line-height: 1;
display: grid;
place-items: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.panel .pclose:hover { background: #fff; color: var(--ink); }


.panel, .inspector { height: calc(100dvh - var(--panel-top) - var(--panel-clear)); }
.panel {
--panel-top: 72px;
display: flex;
flex-direction: column;
overflow: hidden;  
}
.panel .pbody {
padding: 14px 16px 18px;
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
}
 
.svc-live { list-style: none; margin: 0; padding: 0; }
.svc-live li { padding: 0 0 12px; border-bottom: 1px solid var(--line); margin-bottom: 12px; }
.svc-live li:last-child { border-bottom: 0; margin-bottom: 0; }
.svc-live b { display: block; font-size: 13.5px; font-weight: 650; color: var(--ink); margin-bottom: 4px; }
.svc-open { margin-top: 10px; height: 30px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--line); background: #fff; cursor: pointer; font: 600 12px/1 var(--font); color: var(--ink); }
.svc-open:hover { border-color: #9a7b3f; }
.svc-none { margin: 14px 0 0; font-size: 11.5px; line-height: 1.5; color: var(--muted); }
 
.signed-out-stub { margin: 2px 0 6px; }
.signed-out-stub .absent-block { display: block; line-height: 1.45; }


.pi-scroll {
background:
linear-gradient(var(--panel) 30%, rgba(255, 255, 255, 0)) top / 100% 26px no-repeat local,
linear-gradient(rgba(255, 255, 255, 0), var(--panel) 70%) bottom / 100% 26px no-repeat local,
radial-gradient(farthest-side at 50% 0, rgba(15, 23, 42, 0.16), rgba(15, 23, 42, 0)) top / 100% 12px no-repeat scroll,
radial-gradient(farthest-side at 50% 100%, rgba(15, 23, 42, 0.16), rgba(15, 23, 42, 0)) bottom / 100% 12px no-repeat scroll;
scrollbar-width: thin;
scrollbar-color: rgba(15, 23, 42, 0.28) transparent;
}
.pi-scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.pi-scroll::-webkit-scrollbar-track { background: transparent; }
.pi-scroll::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.26); border-radius: 999px; border: 3px solid transparent; background-clip: content-box; }
.pi-scroll::-webkit-scrollbar-thumb:hover { background: rgba(15, 23, 42, 0.42); background-clip: content-box; }
 


.panel .phero { flex: none; width: 100%; aspect-ratio: var(--hero-ar, 5 / 3); background: #f1f3f6; position: relative; overflow: hidden; }
.panel .phero-img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; }
.panel .phero.clickable { cursor: zoom-in; }


.panel .phero.is-portrait .phero-img { object-fit: contain; }
.panel .phero.is-portrait::before {
content: ""; position: absolute; inset: 0; z-index: 0;
background: var(--fill) center / cover no-repeat;
filter: blur(18px) brightness(0.55) saturate(1.1);
transform: scale(1.18);  
}
.phero-cap {
position: absolute; left: 10px; bottom: 8px; z-index: 2;
font-size: 10px; font-weight: 600; letter-spacing: 0.03em;
color: #fff; background: rgba(20, 24, 31, 0.6);
padding: 3px 8px; border-radius: 5px;
}
 
.gallery { margin: 0 0 12px; }
.gallery-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 6px; }
.gallery-title { font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #4b5563; }
.gallery-cap { font-size: 10.5px; color: #8b93a1; }
.gallery-strip {
display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px;
scrollbar-width: thin; -webkit-overflow-scrolling: touch;
}
.gthumb {
position: relative;
flex: none; width: 96px; height: 64px; padding: 0;
border: 1px solid var(--line); border-radius: 8px; overflow: hidden;
background: #f1f3f6; cursor: pointer; transition: border-color .12s;
}
.gthumb:hover { border-color: #c7ccd4; }
.gthumb img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; }
 
.gthumb.is-portrait img { object-fit: contain; }
.gthumb.is-portrait::before {
content: ""; position: absolute; inset: 0; z-index: 0;
background: var(--fill) center / cover no-repeat;
filter: blur(8px) brightness(0.6); transform: scale(1.25);
}
 
.lightbox {
position: fixed; inset: 0; z-index: 30;
display: none; align-items: center; justify-content: center;
background: rgba(10, 12, 16, 0.92);
backdrop-filter: blur(2px);
}
.lightbox.open { display: flex; }


.lb-stage {
position: relative; display: inline-flex; align-items: center; justify-content: center;
max-width: 92vw; max-height: 84vh; overflow: hidden;
border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.lb-stage.is-portrait { width: min(92vw, calc(84vh * 1.4)); height: 84vh; }
.lb-stage.is-portrait::before {
content: ""; position: absolute; inset: 0; z-index: 0;
background: var(--fill) center / cover no-repeat;
filter: blur(30px) brightness(0.5) saturate(1.1); transform: scale(1.2);
}
.lb-img { position: relative; z-index: 1; max-width: 92vw; max-height: 84vh; object-fit: contain; display: block; }
.lb-close, .lb-nav {
position: absolute; border: none; cursor: pointer; color: #fff;
background: rgba(255, 255, 255, 0.12); border-radius: 999px; line-height: 1;
}
.lb-close:hover, .lb-nav:hover { background: rgba(255, 255, 255, 0.22); }
.lb-close { top: 16px; right: 16px; width: 44px; height: 44px; font-size: 19px; }
.lb-nav { top: 50%; transform: translateY(-50%); width: 48px; height: 48px; font-size: 30px; }
.lb-prev { left: 16px; }
.lb-next { right: 16px; }
.lb-cap {
position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);
font-size: 12px; font-weight: 600; letter-spacing: 0.03em;
color: #fff; background: rgba(0, 0, 0, 0.4); padding: 6px 12px; border-radius: 6px;
}
 
.title-conf { margin-top: 9px; }
.title-conf .tc-badge {
display: inline-flex; align-items: center; gap: 6px;
font-size: 11.5px; font-weight: 600;
background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857;
padding: 3px 9px; border-radius: 999px;
}
.title-conf .tc-sub { font-size: 11.5px; line-height: 1.4; color: var(--muted); margin-top: 5px; }
 
.dev-badge-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 7px 0 2px; }
.dev-badge {
font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
color: #9a7b3f; background: #fff;
border: 1px solid #9a7b3f; border-radius: 999px;  
padding: 2px 9px; white-space: nowrap;
}
.dev-builder { font-size: 12px; font-weight: 600; color: var(--ink); }
 
.rera-value .rera-num { font-weight: 600; letter-spacing: 0.01em; }
.rera-verified {
display: inline-block; margin-left: 6px;
font-size: 10px; font-weight: 600; color: #047857;  
background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 999px; padding: 1px 7px;
white-space: nowrap;
}
.rera-illustrative {
display: inline-block; margin-left: 6px;
font-size: 10px; font-weight: 600; color: var(--muted);
background: #f1f3f6; border: 1px solid var(--line); border-radius: 999px; padding: 1px 7px;
white-space: nowrap;
}
.rera-note { display: block; font-size: 11px; color: var(--muted); margin-top: 2px; }
.rera-na { color: var(--muted); }


.rera-reg { margin-top: 2px; }
.rera-concluded {
display: inline-block; font-size: 10px; font-weight: 600; color: #475569;
background: #f1f5f9; border: 1px solid #cbd5e1; border-radius: 999px; padding: 1px 7px; white-space: nowrap;
}
.rera-flag {
display: inline-block; font-size: 10px; font-weight: 700; color: #92400e;
background: #fffbeb; border: 1px solid #fcd34d; border-radius: 999px; padding: 1px 7px;
}
.rera-insp { display: inline-block; margin-left: 6px; }
.rera-insp > summary { cursor: pointer; font-size: 10px; color: var(--muted); list-style: none; }
.rera-insp-body { font-size: 11px; color: var(--muted); margin-top: 2px; }
.tenure-pill {
display: inline-flex; align-items: center;
font-size: 12px; font-weight: 600; border-radius: 999px; padding: 2px 10px;
}
.tenure-freehold { color: #047857; background: #ecfdf5; border: 1px solid #a7f3d0; }  
.tenure-leasehold,
.tenure-unknown,
.tenure-pending { color: var(--ink); background: #f1f3f6; border: 1px solid var(--line); }  
.tenure-sub { font-size: 11px; color: var(--muted); line-height: 1.4; margin-top: 4px; }
 
.svc-group { border-top: 1px solid #9a7b3f; }  
.svc-group:first-of-type { border-top: none; }
.svc-group > summary {
list-style: none; cursor: pointer;
display: flex; align-items: center; gap: 7px;
padding: 9px 0; font-size: 12px; font-weight: 600; color: var(--ink);
}
.svc-group > summary::-webkit-details-marker { display: none; }
.svc-group > summary::before {
content: "\25B8"; color: #9a7b3f; font-size: 10px; transition: transform .12s ease;  
}
.svc-group[open] > summary::before { transform: rotate(90deg); }
.svc-list { list-style: none; margin: 0 0 10px; padding: 0 0 0 17px; }
.svc-list li { font-size: 12.5px; line-height: 1.55; color: var(--ink); padding: 2px 0; }
.svc-tag {
font-size: 10px; color: var(--muted); background: #f1f3f6;
border-radius: 999px; padding: 1px 7px; margin-left: 5px; white-space: nowrap;
}
 
.svc-btn {


display: inline-flex;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 11px;
font-size: 12px;
font-weight: 680;  
font-family: var(--font);
color: #14202e;  
background: #fff;  
border: 1.5px solid #9a7b3f;  
border-radius: 999px;
cursor: pointer;
white-space: nowrap;
user-select: none;
transition: background .12s, border-color .12s;
}


.svc-btn::before { content: none; }
#servicesBtn::before, .auth-btn::before { content: ""; }


.svc-btn::before {
content: "";
width: 7px; height: 7px;
background: #9a7b3f;
transform: rotate(45deg);
flex: none;
}
.svc-btn:hover {
border-color: #b9923f;  
background: rgba(154, 123, 63, 0.08);  
}
.svc-btn.active {
border-color: #b9923f;
background: rgba(154, 123, 63, 0.12);
}


@media (prefers-reduced-motion: no-preference) {
.svc-btn.shimmer-once {
animation: svc-brass-shimmer 250ms ease-out 1;
}
}
@keyframes svc-brass-shimmer {
0% { border-color: #9a7b3f; box-shadow: 0 0 0 0 rgba(154, 123, 63, 0); }
45% { border-color: #d9b463; box-shadow: 0 0 10px 2px rgba(154, 123, 63, 0.45); }
100% { border-color: #9a7b3f; box-shadow: 0 0 0 0 rgba(154, 123, 63, 0); }
}
.services-panel .svc-intro { font-size: 12px; line-height: 1.45; color: var(--muted); margin-top: 6px; }
.svc-demo-tag {
display: inline-block; margin-top: 9px;
font-size: 10px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase;
color: #92400e; background: #fef3c7; border: 1px solid #fde68a;
padding: 2px 8px; border-radius: 999px;
}
.svc-group > summary .svc-sub {
font-weight: 400; font-size: 11px; color: var(--muted); text-transform: none; letter-spacing: 0;
}
.svc-list li b { font-weight: 600; }
.svc-desc { display: block; font-size: 11.5px; color: var(--muted); line-height: 1.4; margin-top: 1px; }
 
@media (max-width: 760px) {
 
}
@media (max-width: 560px) {
.panel { left: 8px; right: 8px; width: auto; max-width: none; }
}
 
.floor-detail .frow-sub {
font-size: 11.5px; color: var(--muted); line-height: 1.35;
padding: 1px 0 6px; border-bottom: 1px solid var(--line);
}
.floor-detail .enc-clean { color: #047857; font-weight: 500; }
.floor-detail .enc-bad { color: #b45309; font-weight: 500; }
.panel .pimg-wrap {
margin-bottom: 14px;
}
.panel .pimg {
display: block;
width: 100%;
max-height: 180px;
object-fit: cover;
border-radius: 10px;
background: #f1f3f6;
}
.panel .field { margin-bottom: 12px; }
.panel .field:last-child { margin-bottom: 0; }
.panel .label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--muted);
margin-bottom: 3px;
}
.panel .value {
font-size: 14px;
line-height: 1.5;
color: var(--ink);
}
 


 
.legend {
position: absolute;
left: 16px;
bottom: 24px;  
background: rgba(255,255,255,0.95);
backdrop-filter: blur(8px);
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: var(--shadow);
padding: 12px 14px;
z-index: 4;
}
.legend .ltitle {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--muted);
margin-bottom: 8px;
}
.legend .lrow {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
margin-bottom: 6px;
}
.legend .lrow:last-child { margin-bottom: 0; }
.legend .dot { width: 11px; height: 11px; border-radius: 50%; }


.map-legend { bottom: 78px; padding: 8px 10px 8px; min-width: 176px; max-width: 268px; }  


.map-legend { display: flex; flex-direction: column; max-height: var(--legend-max, max(340px, calc(100dvh - 466px))); }
.map-legend .lg-title, .map-legend .lg-expander, .map-legend .layers-foot { flex: 0 0 auto; }


.map-legend .lg-body { flex: 1 1 auto; min-height: 0; overflow: hidden; display: flex; flex-direction: column; }
.map-legend .lg-body > .lg-h,
.map-legend .lg-body > .lg-row,
.map-legend .lg-body > .lg-expander { flex: 0 0 auto; }


.map-legend .lg-context { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; }
 




.map-legend .lg-title { display: block; width: 100%; border: 0; background: none; padding: 0 0 7px; cursor: pointer; text-align: left; font: inherit; }
.map-legend .lg-scope { display: block; font-size: 14px; font-weight: 700; color: var(--ink); text-transform: none; letter-spacing: -0.01em; line-height: 1.15; }
 
.map-legend .lg-scope { cursor: pointer; text-decoration: underline dotted var(--muted); text-underline-offset: 3px; }
.map-legend .lg-cities { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 6px; margin: 0 0 8px; padding: 6px 0; border-top: 1px solid var(--line, rgba(0,0,0,.08)); border-bottom: 1px solid var(--line, rgba(0,0,0,.08)); max-height: 260px; overflow-y: auto; }
.map-legend .lg-city { border: 0; background: none; font: inherit; font-size: 12px; text-align: left; padding: 4px 6px; border-radius: 4px; cursor: pointer; color: var(--ink); min-height: 28px; }
.map-legend .lg-city:hover, .map-legend .lg-city:focus-visible { background: var(--hover, rgba(0,0,0,.05)); }
.map-legend .lg-city[aria-pressed="true"] { font-weight: 700; }
.map-legend .lg-kicker { display: block; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); margin-bottom: 1px; }
.map-legend .lg-h { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: 2px 0 3px; }


.map-legend .lg-row { display: flex; align-items: center; gap: 8px; width: 100%; height: 22px; padding: 0 4px; border: 0; border-radius: 6px; background: none; cursor: pointer; font: 500 12px/1 var(--font); color: var(--ink); text-align: left; }
.map-legend .lg-row:hover { background: rgba(15, 23, 42, 0.05); }
.map-legend .lg-row .dot, .map-legend .lg-row .lyr-swatch, .map-legend .lg-row .lg-glyph { flex: none; box-shadow: 0 0 0 1px rgba(15,23,42,0.18); }
.map-legend .lg-row[aria-pressed="false"] .dot { background: transparent !important; box-shadow: inset 0 0 0 1.5px var(--muted); }


.map-legend .lg-row[aria-pressed="false"] .lyr-swatch, .map-legend .lg-row[aria-pressed="false"] .lg-glyph { opacity: 0.45; box-shadow: 0 0 0 1px rgba(15,23,42,0.12); }


.map-legend .lg-row[aria-pressed="false"] .lg-glyph { box-shadow: inset 0 0 0 1.5px var(--muted); border-radius: 3px; }
.map-legend .lg-ctx-h { margin-top: 8px; }
.map-legend .lg-ctx-h:first-child { margin-top: 2px; }
.map-legend .lg-row[aria-pressed="false"] .lg-label, .map-legend .lg-row[aria-pressed="false"] .lg-n { color: var(--muted); font-weight: 400; }
.map-legend .lg-label { flex: 1 1 auto; min-width: 0; white-space: nowrap; }
 
.map-legend .lg-n { flex: none; width: 3.1em; text-align: right; font-variant-numeric: tabular-nums lining-nums; font-feature-settings: "tnum" 1; font-weight: 650; color: var(--ink); margin-left: 6px; }
.map-legend .lg-glyph { flex: none; width: 14px; height: 14px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.map-legend .lg-expander { display: flex; align-items: center; gap: 6px; width: 100%; margin-top: 6px; padding: 6px 4px 0; border: 0; border-top: 1px solid var(--line); background: none; cursor: pointer; font: 600 11px/1.4 var(--font); color: var(--ink); text-align: left; }
.map-legend .lg-expander:hover { color: #000; }
.map-legend .lg-expander .lg-n { width: auto; font-weight: 600; color: var(--muted); }
 
.map-legend .lg-caret { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border: 1px solid var(--line); border-radius: 4px; color: var(--muted); font-size: 9px; line-height: 1; transition: transform .12s; }
.map-legend .lg-expander[aria-expanded="true"] .lg-caret { transform: rotate(90deg); color: var(--ink); }


.map-legend .lg-fold { position: absolute; top: 6px; right: 8px; width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: none; color: var(--muted); font-size: 11px; line-height: 1; cursor: pointer; border-radius: 4px; }
.map-legend .lg-fold:hover { background: rgba(15,23,42,0.06); color: var(--ink); }
.map-legend.lg-collapsed .lg-body { display: none; }
.map-legend.lg-collapsed { padding-bottom: 6px; min-width: 0; }
.map-legend.lg-collapsed .lg-title { padding-bottom: 0; padding-right: 20px; }


.map-legend .lg-context { margin-top: 4px; }


.map-legend .lg-ctx .lg-label { white-space: normal; line-height: 1.25; }
.map-legend .lg-ctx { height: auto; min-height: 22px; padding-top: 2px; padding-bottom: 2px; }


.map-legend .lg-inert { cursor: default; opacity: 0.72; }
.map-legend .lg-inert:hover { background: none; }
.map-legend .lg-why { flex: none; margin-left: 6px; font-size: 9.5px; font-weight: 500; letter-spacing: .01em; color: var(--muted); white-space: nowrap; }


.map-legend .lg-ctxrow { display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 2px; }
.map-legend .lg-ctxrow > .lg-row { flex: 1 1 0; min-width: 0; }  
.map-legend .lg-ctxrow > .dd-src { flex: none; margin-top: 3px; }
.map-legend .lg-ctxrow > .dd-src > summary { font-size: 11px; line-height: 1; padding: 2px; color: var(--muted); }


.map-legend .lg-ctxrow > .dd-src[open] { flex: 1 0 100%; display: flex; align-items: flex-start; gap: 4px; margin-top: 2px; }
.map-legend .lg-ctxrow > .dd-src[open] > .dd-src-body { position: static; flex: 1 1 auto; min-width: 0; width: auto; max-width: none; margin-top: 0; white-space: normal; box-shadow: none; }
.map-legend .lg-status .lrow { font-size: 12px; margin-bottom: 4px; }
.map-legend .lyr-caveat { margin-top: 6px; }
.map-legend .layers-foot { padding: 6px 0 0; border-top: 1px solid var(--line); margin-top: 6px; }
@media (max-width: 760px) {  
.map-legend { z-index: 7; padding: 6px 10px; min-width: 0; }
.map-legend .lg-title { padding: 0; cursor: pointer; }
.map-legend .lg-body { max-height: 56vh; overflow-y: auto; margin-top: 6px; }  
}
.map-legend .ltitle { margin-bottom: 6px; }
.map-legend .lrow { font-size: 12px; margin-bottom: 4px; }
.map-legend .lyr-swatch { width: 11px; height: 11px; border-radius: 3px; flex: none; }
body.has-basemap-note .map-legend { bottom: 102px; }
 


#locSwitch { display: none; }
 
.dd-menu-count { font-size: 11px; font-weight: 600; color: var(--muted); }


.mapboxgl-ctrl-bottom-right { transition: bottom .15s; }
.mapboxgl-ctrl-bottom-right .ctrl-shift {
transform: translateX(calc(-1 * var(--ctrl-shift, 0px)));
transition: transform .28s cubic-bezier(.2,.7,.3,1);
}
.mapboxgl-ctrl-bottom-right .compass-wrap.compass-in-stack { position: static; right: auto; bottom: auto; display: block; margin: 0 10px 10px 0; float: right; clear: both; }


.mapboxgl-ctrl-bottom-right .ctrl-footline {
display: flex; align-items: flex-end; justify-content: flex-end; gap: 8px;
clear: both; margin: 0; pointer-events: auto;
}
.mapboxgl-ctrl-bottom-right .ctrl-footline .mapboxgl-ctrl-scale { margin: 0 0 1px 0; }
.mapboxgl-ctrl-bottom-right .ctrl-footline .mapboxgl-ctrl-attrib { margin: 0; }
 
.compass-wrap { touch-action: none; }
.compass-wrap.compass-dragging { cursor: grabbing; }
.compass-wrap.compass-dragging .compass-rose { transition: none; }  
@media (max-width: 760px) {


body.ctrl-raised .mapboxgl-ctrl-bottom-right { bottom: var(--ctrl-raise, 0px); }
body.sheet-open .mapboxgl-ctrl-bottom-right { display: none; }
.mapboxgl-ctrl-bottom-right .ctrl-shift { transform: none; }
}
 
.intel {
margin-top: 16px;
border-top: 1px solid var(--line);
padding-top: 14px;
}
.intel-section { margin-bottom: 16px; }
.floor-note {
font-size: 11.5px;
line-height: 1.4;
color: var(--muted);
margin: -2px 0 9px;
}
.intel-section:last-child { margin-bottom: 0; }
.intel-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--muted);
margin-bottom: 8px;
}
 
.intel-listings { display: flex; gap: 8px; flex-wrap: wrap; }
.listing-pill {
display: flex;
flex-direction: column;
gap: 2px;
padding: 8px 10px;
border-radius: 8px;
flex: 1;
min-width: 120px;
}
.listing-pill .lk { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
.listing-pill .lp { font-size: 13px; font-weight: 600; }
.lk-sale { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }
.lk-lease { background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; }
.lk-auction { background: #fffbeb; border: 1px solid #fde68a; color: #b45309; }
.lk-land { background: #ecfdf5; border: 1px solid #a7f3d0; color: #047857; }
.listing-pill .lc { font-size: 10.5px; color: var(--muted); }
 
table.txn { width: 100%; border-collapse: collapse; font-size: 11.5px; }
table.txn th {
text-align: left; font-weight: 600; color: var(--muted);
padding: 4px 6px; border-bottom: 1px solid var(--line); white-space: nowrap;
}
table.txn td { padding: 5px 6px; border-bottom: 1px solid var(--line); vertical-align: top; }
table.txn td.price { font-weight: 600; white-space: nowrap; }
table.txn tr:last-child td { border-bottom: none; }
 
.floor-list {
display: flex; flex-direction: column; gap: 4px;
max-height: 172px; overflow-y: auto;
padding-right: 4px; margin-bottom: 12px;
}
.floor-btn {
display: flex; align-items: center; gap: 8px;
text-align: left; padding: 7px 9px; font-size: 12.5px;
border: 1px solid var(--line); background: #fff; border-radius: 7px; cursor: pointer;
}
.floor-btn:hover { background: #f5f7fb; }
.floor-btn.active { border-color: var(--accent); background: #eef4ff; font-weight: 600; }
.floor-btn .fnum { flex: 1; }
.badge {
font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em;
padding: 2px 6px; border-radius: 999px;
}
.badge-sale { background: #fee2e2; color: #b91c1c; }
.badge-lease { background: #dbeafe; color: #1d4ed8; }
.badge-auction { background: #fef3c7; color: #92400e; }
 
.floor-detail { border: 1px solid var(--line); border-radius: 9px; padding: 10px; }
.fp-img { width: 100%; height: 120px; object-fit: cover; border-radius: 7px; background: #f1f3f6; display: block; border: 1px dashed #cdd3dc; }
.fp-fallback {
width: 100%; height: 120px; border-radius: 7px;
background: repeating-linear-gradient(45deg, #f3f5f8, #f3f5f8 10px, #eef1f5 10px, #eef1f5 20px);
border: 1px dashed #cdd3dc;
display: flex; align-items: center; justify-content: center;
color: var(--muted); font-size: 12px; text-align: center; padding: 8px;
}
.floor-detail .fhead { display: flex; align-items: center; gap: 8px; margin: 10px 0 4px; }
.floor-detail .fhead h4 { margin: 0; font-size: 14px; }
.floor-detail .frow {
display: flex; justify-content: space-between; gap: 10px;
font-size: 12px; padding: 5px 0; border-bottom: 1px solid var(--line);
}
.floor-detail .frow:last-child { border-bottom: none; }
.floor-detail .frow .fl { color: var(--muted); }
.floor-detail .frow .fv { font-weight: 500; text-align: right; }
 
.listing-badge {
width: 20px; height: 20px; border-radius: 50%;
background: var(--badge-bg, #ef4444); border: 2px solid #fff;
box-shadow: 0 2px 6px rgba(0,0,0,0.35);
cursor: pointer; display: grid; place-items: center;
color: #fff; font-size: 11px; font-weight: 700; position: relative;
}
.listing-badge::before {
content: ""; position: absolute; inset: -5px; border-radius: 50%;
border: 2px solid var(--badge-ring, rgba(239,68,68,0.5));
animation: lb-pulse 1.8s ease-out infinite;
}
.listing-badge--sale { --badge-bg: var(--s-sale); --badge-ring: rgba(239,68,68,0.5); }
.listing-badge--lease { --badge-bg: var(--s-lease); --badge-ring: rgba(37,99,235,0.5); }
.listing-badge--auction { --badge-bg: var(--s-auction); --badge-ring: rgba(219,39,119,0.55); }
@keyframes lb-pulse {
0% { transform: scale(0.7); opacity: 0.8; }
100% { transform: scale(1.5); opacity: 0; }
}
 
.legend .lsep {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid var(--line);
}
.legend .swatch {
width: 12px; height: 9px; border-radius: 2px;
display: inline-block; flex: none;
}
 
.loc-switch {
 
position: static;
flex: 0 0 auto;
display: inline-flex;
padding: 3px;
gap: 3px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(8px);
border: 1px solid var(--line);
border-radius: 999px;
box-shadow: var(--shadow);
}
.loc-btn {
height: 28px;
padding: 0 14px;
font-size: 12px;
font-weight: 600;
color: #6b7280;
background: transparent;
border: none;
border-radius: 999px;
cursor: pointer;
user-select: none;
transition: background .12s, color .12s;
}
.loc-btn:hover { color: var(--ink); }
.loc-btn[aria-pressed="true"] {
color: #fff;
background: var(--accent);
}
 
.loc-switch { max-width: calc(100vw - 32px); overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }
.loc-switch::-webkit-scrollbar { display: none; }
.loc-btn { flex: 0 0 auto; }


.basemap-switch {
position: absolute;
bottom: var(--map-foot);  
left: 16px;
z-index: 4;
display: inline-flex;
padding: 3px;
gap: 3px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(8px);
border: 1px solid var(--line);
border-radius: 999px;
box-shadow: var(--shadow);
}
.bm-btn {
height: 28px;
padding: 0 13px;
font-size: 12px;
font-weight: 600;
color: #6b7280;
background: transparent;
border: none;
border-radius: 999px;
cursor: pointer;
user-select: none;
transition: background .12s, color .12s, box-shadow .12s;
}
.bm-btn:hover { color: var(--ink); }
.bm-btn[aria-pressed="true"] {
color: var(--ink);
background: #fff;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.12);
}


body.dev-drawing .mapboxgl-canvas,
body.dev-drawing .mapboxgl-canvas-container.mapboxgl-interactive { cursor: crosshair !important; }
 
.basemap-note {
position: absolute;
bottom: calc(var(--map-foot) + 36px);  
left: 16px;
z-index: 4;
max-width: 300px;
padding: 7px 10px;
font-size: 11px;
line-height: 1.35;
font-weight: 500;
color: var(--ink);
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(8px);
border: 1px solid var(--line);
border-radius: 8px;
box-shadow: var(--shadow);
}


 


.top-left { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; margin-right: 10px; }


.brand { display: inline-flex; align-items: center; gap: 8px; flex: none; text-decoration: none; color: var(--ink); padding: 0 2px; border-radius: 6px; }
.brand:hover { background: rgba(154, 123, 63, 0.08); }
.brand-mark { width: 9px; height: 9px; background: #9a7b3f; transform: rotate(45deg); flex: none; }
.brand-name { font-family: var(--font-serif); font-size: 19px; font-weight: 600; letter-spacing: -0.005em; line-height: 1; color: var(--ink); white-space: nowrap; }


@media (max-width: 760px) { .brand-name { display: none; } .brand { padding: 0; } .brand-mark { width: 11px; height: 11px; } }
.top-left .loc-switch { padding: 2px; gap: 2px; }
.top-left .loc-btn { font-size: 11px; padding: 0 7px; height: 24px; line-height: 24px; }  


.holds-door { width: 22px; height: 22px; border-radius: 50%; border: 1px solid transparent; background: transparent; color: var(--muted); font: 600 12px/1 var(--font); cursor: pointer; padding: 0; flex: 0 0 auto; }
.holds-door:hover, .holds-door[aria-expanded="true"] { border-color: var(--line); background: #f6f7f9; color: var(--ink); }
.layers-foot { padding: 8px 10px 6px; border-top: 1px solid var(--line); font: 600 11px/1.4 var(--font); color: var(--muted); letter-spacing: 0.01em; }
.role-holds-h { font-weight: 700; margin-bottom: 4px; }
.role-holds-meta { margin-top: 6px; font-size: 11.5px; color: var(--muted); }
.role-holds .role-bar-btn { margin-top: 8px; }
.topbar .spacer { min-width: 0; }
 
.comp-marker {
min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
background: #0f766e; color: #fff; font-size: 11px; font-weight: 700;
display: grid; place-items: center; cursor: pointer; white-space: nowrap;
border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.comp-marker-retail { background: #7c3aed; }
.comp-popup .mapboxgl-popup-content { border-radius: 10px; padding: 11px 13px; box-shadow: var(--shadow); }
.comp-pop-t { font-size: 12.5px; font-weight: 700; margin-bottom: 3px; }
.comp-pop-r { font-size: 12px; font-weight: 600; color: var(--ink); }
.comp-pop-x { font-size: 11px; color: var(--muted); margin-top: 2px; }
.comp-pop-s { font-size: 10.5px; color: #7c8493; margin-top: 6px; padding-top: 5px; border-top: 1px solid var(--line); }
.comp-tag {
display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: 0.04em;
padding: 1px 5px; border-radius: 5px; vertical-align: middle; text-transform: uppercase;
}
.comp-tag-retail { background: #efe7fb; color: #6d28d9; }
 
.comp-evidence .comp-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 7px 0; border-top: 1px solid #f1f3f6; }
.comp-evidence .comp-row:first-child { border-top: none; }
.comp-rt { font-size: 12.5px; font-weight: 600; }
.comp-ra { display: block; font-size: 10.5px; font-weight: 500; color: var(--muted); }
.comp-rv { font-size: 12px; font-weight: 600; text-align: right; align-self: center; }
.comp-rs { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; }
 
.prox-panel {
position: absolute;
top: 72px;  
left: 16px;
z-index: 4;
width: 186px;
padding: 11px 13px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(8px);
border: 1px solid var(--line);
border-radius: 10px;
box-shadow: var(--shadow);
}
.prox-title {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #4b5563;
margin-bottom: 8px;
}
.prox-toggles {
display: flex;
flex-direction: column;
gap: 5px;
}
.prox-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 12.5px;
color: var(--ink);
cursor: pointer;
user-select: none;
}
.prox-row input { margin: 0; cursor: pointer; accent-color: var(--accent); }
 
.prox-glyph {
width: 16px; height: 16px; flex: none;
background-size: contain; background-repeat: no-repeat; background-position: center;
}
.prox-label { line-height: 1.1; }
 
.prox-caption {
margin: -2px 0 1px 32px;  
font-size: 9.5px;
line-height: 1.25;
font-style: italic;
color: #9aa1ad;
}
.prox-note {
margin-top: 9px;
font-size: 10px;
line-height: 1.35;
color: #8b93a1;
}
.prox-source {
margin-top: 3px;
font-weight: 600;
color: #a0a7b4;
}
 
.real-badge-row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 10px;
margin: 6px 0 2px;
}
.real-badge {
display: inline-flex;
align-items: center;
padding: 3px 9px;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #92600a;
background: #fdf2d8;
border: 1px solid #f0d48a;
border-radius: 6px;
}
 
.lease-badge-row { margin: 6px 0 2px; }
.lease-badge {
display: inline-flex;
align-items: center;
padding: 4px 11px;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff;
background: linear-gradient(90deg, #059669, #047857);
border: 1px solid #0b4f4a;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(15, 118, 110, 0.35);
}
.real-region {
font-size: 11.5px;
font-weight: 500;
color: #6b7280;
}
 
.dossier-grid {
display: grid;
grid-template-columns: minmax(96px, auto) 1fr;
gap: 6px 12px;
align-items: baseline;
}
.dossier-grid .dk {
font-size: 11px;
font-weight: 600;
color: #6b7280;
}
.dossier-grid .dv {
font-size: 12.5px;
color: var(--ink);
}
.dossier-ok {
font-weight: 700;
color: #1a7f4b;
}
.dossier-warn {
font-weight: 700;
color: #b26a00;
}
.tenant-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tenant-pill {
display: inline-flex;
align-items: center;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
color: var(--ink);
background: #eef1f6;
border: 1px solid var(--line);
border-radius: 999px;
}
.yield-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.yield-grid .yb {
padding: 10px 8px;
text-align: center;
background: #f5f7fb;
border: 1px solid var(--line);
border-radius: 8px;
}
.yield-grid .yv {
font-size: 17px;
font-weight: 700;
color: var(--accent);
}
.yield-grid .yl {
margin-top: 2px;
font-size: 10.5px;
font-weight: 600;
letter-spacing: 0.02em;
color: #6b7280;
}
 
.dd-head { margin-bottom: 12px; }
.dd-complete { font-size: 12.5px; color: #4b5563; margin-bottom: 2px; }
.dd-complete-num { font-size: 15px; font-weight: 700; color: var(--ink); }
.dd-complete2 { font-size: 11px; color: #1a7f4b; font-weight: 600; margin-bottom: 6px; }
 
.dd-src { display: inline-block; }
.dd-src > summary {  
list-style: none; cursor: pointer;
font-size: 12px; line-height: 1; font-weight: 600; text-transform: none; letter-spacing: 0;
color: #6b7280; background: transparent; border: 0; padding: 0 2px; min-width: 16px; text-align: center;
}
.dd-src > summary:hover { color: #14202e; }
.dd-src-body a { color: #1d4ed8; word-break: break-all; }
 
.dd-src { position: relative; }
.dd-src[open] > .dd-src-body { position: absolute; right: 0; top: 20px; z-index: 9; width: 300px; max-width: min(300px, 80vw); box-shadow: var(--shadow); background: #fff; }
.dd-src-body span { min-width: 64px; }
.asr-line { line-height: 1.45; }
.asr-line .asr-rates { white-space: normal; }
.dd-src > summary::-webkit-details-marker { display: none; }
.dd-src-registry > summary { color: #1a7f4b; }
.dd-src-body {
margin-top: 4px;
font-size: 10.5px; line-height: 1.5; color: #4b5563;
background: #f8fafc; border: 1px solid var(--line); border-radius: 6px;
padding: 6px 8px; max-width: 210px;
}
.dd-src-body div { display: flex; gap: 6px; }
.dd-src-body span { color: #9aa1ad; min-width: 42px; font-weight: 600; }
.dd-bar {
display: flex;
height: 7px;
border-radius: 999px;
overflow: hidden;
background: #eef0f3;
}
.dd-bar span { display: block; height: 100%; }
.dd-bar .b-verified { background: #22c55e; }
 
.dd-bar .b-document { background: #15803d; }
.dd-bar .b-under { background: #f59e0b; }
.dd-bar .b-illus { background: #cbd5e1; }
.dd-bar .b-pending { background: #e5e7eb; }
.dd-legend { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
 
.st-chip {
display: inline-flex;
align-items: center;
padding: 2px 7px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.02em;
border-radius: 5px;
white-space: nowrap;
}
.st-verified { color: #1a7f4b; background: #e7f6ee; }
.st-under { color: #b26a00; background: #fdf3d9; }
.st-illus { color: #6b7280; background: #eef0f3; }
.st-pending { color: #8a90a0; background: #f3f4f6; }


.st-owner { color: #6d28d9; background: #f1ecfd; border: 1px dashed #a78bfa; padding: 1px 6px; }
 
.owner-ladder { margin: 10px 0 2px; padding: 10px 12px; border: 1px dashed #a78bfa; background: #f7f4fe; border-radius: 10px; }
.owner-ladder .ol-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 9px; }
.owner-ladder .ol-sub { font-size: 11px; color: #6b5b8a; }
.owner-ladder .ol-ladder { display: flex; gap: 5px; }
.owner-ladder .ol-rung { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
padding: 6px 4px; border-radius: 7px; background: #ece7f8; color: #9a90b3; font-size: 9px; text-align: center; line-height: 1.15; }
.owner-ladder .ol-rung.done { background: #ded3f7; color: #5b3ea8; }
.owner-ladder .ol-rung.here { background: #6d28d9; color: #fff; }
.owner-ladder .ol-lv { font-weight: 700; font-size: 10px; }
.owner-ladder .ol-nm { font-weight: 600; }
.owner-ladder .ol-next { margin-top: 8px; font-size: 11px; color: #5b3ea8; }
 
 
.auth-end { flex: none; margin-left: auto; display: inline-flex; align-items: center; gap: 12px; padding-left: 14px; border-left: 1px solid var(--line); }
.auth-slot { display: inline-flex; align-items: center; }


.subject-crumb { max-width: 220px; height: 26px; margin-left: 8px; padding: 0 10px; border: 1px solid transparent;
border-radius: 6px; background: none; font: 600 12px/1 var(--font); color: #3b4452; cursor: pointer;
white-space: nowrap; }  
.subject-crumb:hover { border-color: #c9ced6; color: #14202e; }


 
.subject-crumb.crumb-glyph { max-width: none; margin-left: 4px; padding: 0; width: 26px; min-width: 26px; font-size: 0; position: relative; border-color: #c9ced6; }
.subject-crumb.crumb-glyph::after { content: "\25C6"; font-size: 12px; line-height: 1; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #3b4452; }
@media (max-width: 760px) {
.subject-crumb { max-width: none; margin-left: 4px; padding: 0; width: 26px; min-width: 26px; font-size: 0; position: relative; border-color: #c9ced6; }
.subject-crumb::after { content: "\25C6"; font-size: 12px; line-height: 1; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #3b4452; }
}
.auth-btn { white-space: nowrap; }


.auth-btn .auth-initials { display: none; }
@media (max-width: 760px) {
.auth-btn .auth-name { display: none; }
.auth-btn .auth-initials { display: inline; }
}
.auth-menu { right: 0; min-width: 220px; }
.auth-menu .auth-role { padding: 8px 12px 2px; font-size: 12px; font-weight: 600; color: #14202e; }  
.auth-menu .auth-email { padding: 8px 12px; font-size: 11.5px; color: #667085; border-bottom: 1px solid #f0f2f5; }
.auth-menu .dd-item { display: block; width: 100%; text-align: left; padding: 9px 12px; font-size: 13px;
color: #101828; background: none; border: 0; cursor: pointer; text-decoration: none; }
.auth-menu .dd-item:hover { background: #f5f6f8; }
.pm-overlay { position: fixed; inset: 0; z-index: 4000; background: rgba(16,24,40,0.55);
display: flex; align-items: center; justify-content: center; padding: 72px 20px 20px; }  
.pm-card { position: relative; background: #fff; border-radius: 14px; padding: 26px 26px 22px; width: 460px; max-width: 100%;
max-height: calc(100vh - 92px); max-height: calc(100dvh - 92px); overflow: auto; box-shadow: 0 24px 60px rgba(16,24,40,0.28); font-family: Inter, system-ui, sans-serif; }
.pm-card h2 { margin: 0 0 6px; font-size: 20px; color: #101828; letter-spacing: -0.01em; }
.pm-sub { margin: 0 0 16px; font-size: 13.5px; color: #667085; line-height: 1.5; }
.pm-x { position: absolute; top: 10px; right: 10px; z-index: 1; background: #f2f4f7; border: 0;
width: 34px; height: 34px; border-radius: 50%; font-size: 20px; line-height: 1; cursor: pointer; color: #344054; }  
.pm-x:hover { background: #e4e7ec; }
.pm-f { display: flex; flex-direction: column; gap: 5px; font-size: 12.5px; font-weight: 600; color: #344054; margin-bottom: 14px; }
.pm-f .req { color: #b42318; }
.pm-f input, .pm-f select { font: inherit; font-size: 14px; font-weight: 400; padding: 10px 11px; border: 1px solid #e4e7ec;
border-radius: 8px; background: #fff; color: #101828; width: 100%; }
.pm-f input:focus, .pm-f select:focus { outline: 2px solid #cdd7ff; border-color: #94a3d8; }
.pm-hint { font-weight: 400; font-size: 11.5px; color: #667085; }
.pm-chks { display: flex; flex-wrap: wrap; gap: 6px 10px; font-weight: 400; }
.pm-chk { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: #344054; }
.pm-chk input { width: auto; }
.pm-btn { width: 100%; background: #0f2f4c; color: #fff; border: 0; border-radius: 9px; padding: 12px;
font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; margin-top: 4px; }
.pm-btn:disabled { opacity: 0.55; cursor: default; }
.pm-msg { font-size: 13px; margin-top: 10px; color: #667085; }
.pm-msg.err { color: #b42318; }
 
.pf-smreit { display: inline-block; font-size: 9.5px; font-weight: 700; letter-spacing: 0.04em; color: #0b6b5e;
background: #d9f2ec; border: 1px solid #9fdccf; border-radius: 4px; padding: 0 5px; margin-left: 6px; vertical-align: middle; }
.pf-schemes { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
.pf-scheme { display: block; width: 100%; text-align: left; font: inherit; cursor: pointer;
border: 1px solid #e4e7ec; border-left: 3px solid #0b6b5e; border-radius: 8px; padding: 10px 12px; background: #fff; }
.pf-scheme:hover { border-color: #0b6b5e; box-shadow: 0 2px 10px rgba(11,107,94,0.12); }
.pf-scheme-h { font-size: 14px; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pf-ticker { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.03em; color: #0b6b5e;
background: #d9f2ec; border: 1px solid #9fdccf; border-radius: 4px; padding: 1px 6px; }
.pf-scheme-bldg { font-weight: 600; color: #101828; }
.pf-scheme-city { color: #667085; font-size: 12px; font-weight: 400; }
.pf-scheme-r { font-size: 12px; color: #475467; margin-top: 2px; }
.pf-scheme-reg { color: #0b6b5e; }
.pf-scheme-go { margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #0b6b5e; }
.pf-stchip { display: inline-block; font-size: 9.5px; font-weight: 700; padding: 0 5px; border-radius: 4px; margin-left: 2px;
background: #f3f4f6; color: #667085; }
.pf-stchip.st-pending { background: #f3f4f6; color: #8a90a0; }
.pf-stchip.st-under-verification { background: #fdf3d9; color: #b26a00; }
.pf-stchip.st-verified { background: #e7f6ee; color: #1a7f4b; }
.pf-spv-list { font-size: 11px; color: #667085; margin-top: 3px; line-height: 1.4; }
.pf-scheme-pending { color: #b26a00; }
.pf-scheme-recon { color: #98a2b3; font-size: 11px; }
 
.pf-spvreg { padding: 4px 0; display: flex; flex-direction: column; gap: 12px; }
.pf-spvgroup-h { font-size: 12px; font-weight: 700; color: #0b6b5e; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 6px; }
.pf-spvrow { border: 1px solid #e4e7ec; border-radius: 8px; padding: 8px 11px; margin-bottom: 6px; }
.pf-spvrow-h { font-size: 13px; display: flex; align-items: center; gap: 8px; }
.pf-spvrow-r { font-size: 11.5px; color: #475467; margin-top: 2px; font-variant-numeric: tabular-nums; }
.pf-charge-zero { color: #1a7f4b; font-weight: 600; }
.pf-charge-open { color: #b42318; font-weight: 700; }
.pf-charge-hist { color: #667085; }
.pf-inference { font-size: 11.5px; color: #6b4d00; background: #fdf3d9; border: 1px solid #f2d98f;
border-radius: 6px; padding: 6px 9px; margin: 6px 0; font-style: italic; }
.pf-attr-note { font-size: 11px; color: #98a2b3; margin-top: 4px; }
 
.lvl-row.lvl-scheme-owned { outline: 1.5px dashed #0b6b5e; outline-offset: -1.5px; }
.lvl-smreit { display: inline-block; font-size: 9px; font-weight: 700; letter-spacing: 0.03em; color: #0b6b5e;
background: #d9f2ec; border: 1px solid #9fdccf; border-radius: 4px; padding: 0 4px; margin-left: auto; }
.lvl-swatch-smreit { background: repeating-linear-gradient(45deg, #0b6b5e 0 2px, #d9f2ec 2px 5px); }
.lvl-note { font-size: 11px; color: #0b6b5e; margin-top: 8px; font-style: italic; }
.dd-sub { color: #98a2b3; font-weight: 400; font-size: 11.5px; }
.pm-card.pm-wide { width: 560px; }


.pm-roles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; font-weight: 400; }
.pm-role { text-align: left; padding: 10px 12px; border-radius: 10px; font: 600 13px/1.3 inherit; font-family: inherit;
color: #14202e; background: #fff; border: 1.5px solid #9a7b3f; cursor: pointer; display: flex; flex-direction: column; gap: 3px; }
.pm-role:hover { background: #f5f1e8; }
.pm-role[aria-checked="true"] { background: #0f172a; color: #fff; border-color: #0f172a; }
.pm-role .pm-role-d { font-weight: 400; font-size: 11.5px; line-height: 1.35; color: #667085; }
.pm-role[aria-checked="true"] .pm-role-d { color: #cbd5e1; }
.pm-f select:disabled { color: #98a2b3; background: #f9fafb; }
@media (max-width: 480px) { .pm-roles { grid-template-columns: 1fr; } }


.pm-intents { grid-template-columns: 1fr 1fr; }
.pm-intent, .pm-plabel { min-height: 44px; display: flex; align-items: center; }
.pm-opt { font-weight: 400; color: #667085; }


.pm-q .pm-qfoot { position: sticky; bottom: -22px; margin: 0 -26px -22px; padding: 8px 26px 14px; background: #fff; z-index: 2; }
.pm-intent-w { position: relative; display: block; }
.pm-intent-cover { position: absolute; inset: 0; cursor: pointer; }
.pm-intent-cover[hidden] { display: none; }
.pm-f.pm-miss, .pm-roles.pm-miss { outline: 2px solid #b42318; outline-offset: 4px; border-radius: 8px; }
 
.listings-badge { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 900;
background: #fff; border: 1px solid #e4e7ec; border-radius: 999px; padding: 8px 16px; font-family: Inter, system-ui, sans-serif;
font-size: 13px; font-weight: 600; color: #101828; box-shadow: 0 6px 20px rgba(16,24,40,0.14); display: none; }
.listings-badge .lb-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #7c3aed;
border: 1.5px dashed #c4b5fd; margin-right: 7px; vertical-align: middle; }
.listings-badge b { color: #6d28d9; }
 
.dl-ladder { font-size: 12px; color: #475467; margin: 2px 0 12px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dl-rung { display: inline-flex; width: 22px; height: 20px; align-items: center; justify-content: center; border-radius: 5px;
background: #ece7f8; color: #9a90b3; font-size: 10px; font-weight: 700; }
.dl-rung.done { background: #ded3f7; color: #5b3ea8; }
.dl-rung.here { background: #6d28d9; color: #fff; }
.dl-next { font-size: 12px; color: #5b3ea8; margin: -6px 0 12px; }
.dl-fields { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.dl-fields td { padding: 7px 6px; border-bottom: 1px solid #f2f4f7; vertical-align: top; }
.dl-fields td.k { color: #667085; width: 42%; }
.dl-fields td.v { font-weight: 600; color: #101828; }
.dd-overview {
font-size: 12px;
font-weight: 600;
color: #4b5563;
margin-bottom: 8px;
}
.dd-callouts { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.dd-callout {
font-size: 11.5px;
line-height: 1.35;
padding: 6px 9px;
border-radius: 7px;
border: 1px solid transparent;
}
.dd-callout b { font-weight: 700; }
.dd-callout span { color: #6b7280; }
.dd-callout.ok { background: #e7f6ee; border-color: #bfe6cf; color: #1a7f4b; }
.dd-callout.warn { background: #fdf3d9; border-color: #f0d99a; color: #b26a00; }
.dd-sections { display: flex; flex-direction: column; gap: 7px; }
.dd-sec {
border: 1px solid var(--line);
border-radius: 9px;
background: #fff;
overflow: hidden;
}
.dd-sec > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 12px;
cursor: pointer;
list-style: none;
user-select: none;
}
.dd-sec > summary::-webkit-details-marker { display: none; }
.dd-sec > summary::before {
content: "▸";
margin-right: 2px;
font-size: 10px;
color: #9aa1ad;
transition: transform .12s;
}
.dd-sec[open] > summary::before { transform: rotate(90deg); }
.dd-sec-title { flex: 1; font-size: 12.5px; font-weight: 700; color: var(--ink); }
.dd-sec-count {
font-size: 10.5px;
font-weight: 700;
color: #6b7280;
background: #f3f4f6;
padding: 2px 7px;
border-radius: 999px;
}
.dd-rows { padding: 2px 12px 10px; }
.dd-row {
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: "k s" "v s";
align-items: center;
gap: 1px 10px;
padding: 7px 0;
border-top: 1px solid #f1f2f4;
}
.dd-row:first-child { border-top: none; }
.dd-k { grid-area: k; font-size: 11.5px; color: #6b7280; line-height: 1.3; }
.dd-v { grid-area: v; font-size: 12.5px; color: var(--ink); font-weight: 500; }
.dd-s { grid-area: s; justify-self: end; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 5px; }
.dd-empty { color: #b6bcc6; }
 
.dd-obj { display: flex; flex-direction: column; gap: 2px; }
.dd-sub { display: flex; gap: 8px; font-size: 11.5px; line-height: 1.35; }
.dd-sub-k { color: #6b7280; min-width: 11em; flex: 0 0 auto; }
.dd-sub-v { color: inherit; overflow-wrap: anywhere; }
.dd-sub-nested { flex-direction: column; gap: 2px; margin-top: 2px; }
.dd-objlist { display: flex; flex-direction: column; gap: 4px; }
 
.ys-group { margin: 4px 0 8px; }
.ys-group-h { font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; padding: 6px 0 2px; }
.ys-derived .dd-k { font-weight: 600; }
.ys-fsi { border-top: 1px dashed var(--line); margin-top: 6px; padding-top: 4px; }
.ys-note { font-size: 11px; color: #6b7280; margin-top: 2px; line-height: 1.4; }
.ys-sec-note { padding: 6px 0 0; }
.dd-s-derived { font-size: 10.5px; color: #9ca3af; }
 
.dev-cite { font-size: 11px; line-height: 1.4; margin-bottom: 4px; }
.dev-cite code { font-size: 10.5px; color: #374151; }
.dsec-appendix .dsec-head .dsec-title { color: #6b7280; font-weight: 600; }
.rail-nav-appendix { opacity: 0.75; }
.dd-outstanding-list { margin: 4px 0 0 18px; padding: 0; font-size: 11.5px; line-height: 1.45; color: #374151; }
.dd-outstanding-list li { margin: 2px 0; }
.dev-regime-caveats { margin: 6px 0 2px 16px; padding: 0; font-size: 11px; color: #6b7280; line-height: 1.45; }
.dd-objitem { padding: 4px 6px; border-left: 2px solid #e5e7eb; }
.dd-unit { font-size: 10.5px; color: #9aa1ad; font-weight: 500; }
.dd-note { font-size: 10.5px; color: #9aa1ad; font-style: italic; }
.dd-cp {
display: inline-block;
margin-left: 6px;
padding: 0 5px;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.04em;
color: #b45309;
background: #fef3c7;
border: 1px solid #f0d99a;
border-radius: 4px;
vertical-align: middle;
}
.dd-tenants { display: flex; flex-direction: column; gap: 8px; padding: 6px 12px 4px; }
.dd-tenant { border: 1px solid var(--line); border-radius: 8px; background: #fafbfc; }
.dd-tenant-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 8px 10px;
border-bottom: 1px solid #eef0f3;
}
.dd-tenant-name { font-size: 12.5px; font-weight: 700; color: var(--ink); }
.dd-tenant .dd-rows { padding: 2px 10px 8px; }
.dd-subhead {
padding: 10px 12px 2px;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #8b93a1;
}
 
.dr-btn.active {
border-color: #c2410c;
background: rgba(194, 65, 12, 0.10);
color: #9a3412;
}
 
.dr-diamond {
width: 9px; height: 9px;
border: 1.6px solid var(--c, #c2410c);
background: transparent;
transform: rotate(45deg);
display: inline-block;
flex: none;
margin-right: 2px;
}
.dr-intro { font-size: 12px; color: #6b7280; line-height: 1.4; margin: 4px 0 8px; }
.dealradar-panel .pbody { display: flex; flex-direction: column; gap: 10px; }
.dr-card {
border: 1px solid var(--line);
border-radius: 10px;
padding: 11px 12px;
background: #fff;
cursor: pointer;
transition: border-color .12s, box-shadow .12s;
}
.dr-card:hover { border-color: #e2b7a2; }
.dr-card.active { border-color: #c2410c; box-shadow: 0 0 0 1px #c2410c inset; }
.dr-card-head { display: flex; align-items: center; gap: 7px; }
.dr-name { font-size: 13px; font-weight: 700; color: var(--ink); line-height: 1.25; }
.dr-badges { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0 6px; }
.dr-channel {
font-size: 9.5px; font-weight: 700; letter-spacing: 0.02em;
color: #fff; background: var(--c, #475569);
padding: 2px 7px; border-radius: 5px;
}
.dr-unverified {
font-size: 9.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;
color: #9a3412; background: #ffedd5; border: 1px solid #fed7aa;
padding: 2px 7px; border-radius: 5px;
}


.dr-uv {
font-size: 9px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;
color: #b26a00; background: #fdf3d9; border: 1px solid #f3dfb0;
padding: 1px 5px; border-radius: 4px; margin-left: 4px; white-space: nowrap;
}
.dr-asset-link { color: #1d4ed8; font-weight: 600; text-decoration: none; }
.dr-asset-link:hover { text-decoration: underline; }
.dr-loc { font-size: 11.5px; color: #6b7280; margin-bottom: 8px; }
.dr-approx {
display: inline-block; margin-left: 4px;
font-size: 9.5px; font-style: italic; color: #a0a7b4;
}
.dr-grid {
display: grid;
grid-template-columns: minmax(88px, auto) 1fr;
gap: 4px 12px;
align-items: baseline;
}
.dr-grid .dr-k { font-size: 11px; font-weight: 600; color: #6b7280; }
.dr-grid .dr-v { font-size: 12px; color: var(--ink); }
.dr-risk {
margin-top: 9px;
font-size: 11.5px;
line-height: 1.4;
color: #9a3412;
background: #fff7ed;
border: 1px solid #fed7aa;
border-radius: 7px;
padding: 7px 9px;
}
.dr-risk b { font-weight: 700; }
.dr-foot {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: 8px;
font-size: 10.5px;
color: #8b93a1;
}
.dr-foot a { color: #2563eb; text-decoration: none; }
.dr-foot a:hover { text-decoration: underline; }
 
.tour-btn {
position: fixed;
right: 14px;
bottom: 40px;
z-index: 7;
height: 28px;
padding: 0 12px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: 0.02em;
color: #4b5563;
background: rgba(255, 255, 255, 0.9);
border: 1px solid var(--line);
border-radius: 999px;
box-shadow: 0 2px 8px rgba(15, 17, 21, 0.12);
backdrop-filter: blur(6px);
cursor: pointer;
opacity: 0.7;
transition: opacity .15s, color .15s, border-color .15s, background .15s;
}
.tour-btn:hover { opacity: 1; color: var(--ink); border-color: #c7ccd4; }
.tour-btn.running {
opacity: 1;
color: #0f766e;
border-color: #99e0d6;
background: rgba(240, 253, 250, 0.95);
}


 
.export-btn {
margin: 10px 0 0 12px;
display: inline-flex;
align-items: center;
gap: 5px;
height: 26px;
padding: 0 11px;
font-size: 11px;
font-weight: 600;
color: #0f766e;
background: #f0fdfa;
border: 1px solid #99e0d6;
border-radius: 999px;
cursor: pointer;
transition: background .12s;
}
.export-btn:hover { background: #ccfbf1; }
 
.rename-btn {
margin: 10px 0 0 8px;
display: inline-flex; align-items: center; gap: 5px;
height: 26px; padding: 0 11px;
font-size: 11px; font-weight: 600;
color: #475569; background: #f1f5f9; border: 1px solid #cbd5e1;
border-radius: 999px; cursor: pointer; transition: background .12s;
}
.rename-btn:hover { background: #e2e8f0; }
 
.print-sheet { display: none; }
@media print {
 
body > *:not(#printSheet) { display: none !important; }
#printSheet { display: block; }
html, body { background: #fff; }
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
@page { size: A4; margin: 12mm; }
.ps-page { font-family: Inter, system-ui, sans-serif; color: #1a1f2b; font-size: 8.2pt; line-height: 1.35; }
.ps-head { border-bottom: 1.5px solid #1a1f2b; padding-bottom: 5px; margin-bottom: 8px; }
.ps-eyebrow { font-size: 8pt; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #6b7280; }
.ps-badge { color: #0f766e; }
.ps-name { font-size: 16pt; font-weight: 800; margin: 2px 0; }
.ps-meta { font-size: 8.5pt; color: #4b5563; }
 
#printSheet .dd-head { margin: 6px 0 8px; }
#printSheet .dd-complete { font-size: 9pt; margin-bottom: 2px; }
#printSheet .dd-complete-num { font-size: 12pt; }
#printSheet .dd-complete2 { font-size: 8pt; }
#printSheet .dd-bar { height: 6px; }
#printSheet .dd-legend { gap: 4px; margin-top: 5px; }
#printSheet .st-chip { font-size: 6.5pt; padding: 1px 5px; }
.ps-over { font-size: 8.5pt; font-weight: 600; color: #4b5563; margin-bottom: 6px; }
.ps-returns { display: flex; gap: 8px; margin-bottom: 8px; }
.ps-stat { flex: 1; text-align: center; border: 1px solid #e6e8ec; border-radius: 5px; padding: 5px 4px; }
.ps-stat b { display: block; font-size: 12pt; color: #2563eb; }
.ps-stat span { font-size: 7pt; color: #6b7280; text-transform: uppercase; letter-spacing: .03em; }
.ps-cols { column-count: 2; column-gap: 8mm; }
.ps-sec { break-inside: avoid; margin-bottom: 7px; }
.ps-sec-t { font-size: 8.5pt; font-weight: 800; border-bottom: .8px solid #cbd5e1; padding-bottom: 2px; margin-bottom: 3px; }
.ps-row { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "k c" "v c"; gap: 0 6px; padding: 2px 0; align-items: baseline; border-top: .5px solid #f1f2f4; }
.ps-row:first-of-type { border-top: none; }
.ps-k { grid-area: k; font-size: 7pt; color: #6b7280; line-height: 1.25; }
.ps-v { grid-area: v; font-size: 8pt; }
.ps-c { grid-area: c; justify-self: end; }
.ps-u { font-size: 6.8pt; color: #9aa1ad; }
.ps-src { font-size: 6.4pt; color: #1a7f4b; font-style: italic; }
.ps-foot { margin-top: 8px; padding-top: 5px; border-top: .8px solid #e6e8ec; font-size: 6.8pt; color: #8b93a1; }
 
.dr-report .dr-v { font-variant-numeric: tabular-nums; }
.dr-k { flex: 0 0 42%; font-size: 7.4pt; color: #6b7280; }
.dr-v { flex: 1 1 auto; font-size: 8pt; }
.dr-chip-ok { color: #065f46; background: #ecfdf5; border: 1px solid #a7f3d0; }
.dr-chip-warn { color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; }
.dr-chip-muted { color: #475569; background: #f1f5f9; border: 1px solid #cbd5e1; }
.dr-chip-loud { color: #fff; background: #0f172a; border: 1px solid #0f172a; }
.dr-unverified { font-size: 9pt; font-weight: 800; color: #9a3412; margin-bottom: 3px; }
.dr-risk { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; padding: 2px 0; border-top: .5px solid #f1f2f4; }
.dr-foot { }
}
 
.vstack-section { margin: 10px 0 12px; }
.vstack { display: flex; gap: 10px; align-items: flex-start; }
.lvl-stack {
flex: 0 0 168px;
max-height: 340px;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 1px;
border: 1px solid var(--line);
border-radius: 8px;
padding: 3px;
background: #fafbfc;
}
.lvl-row {
display: flex;
align-items: center;
gap: 6px;
width: 100%;
padding: 4px 6px;
border: none;
border-radius: 5px;
background: transparent;
cursor: pointer;
text-align: left;
font-size: 10.5px;
color: var(--ink);
transition: background .1s;
}
.lvl-row:hover { background: #eef1f6; }
.lvl-row.active { background: #e7f6ee; box-shadow: inset 0 0 0 1px #99e0d6; }
.lvl-swatch { width: 9px; height: 12px; border-radius: 2px; flex: none; }
.lvl-label { font-weight: 600; white-space: nowrap; }
.lvl-below { font-size: 8.5px; font-weight: 500; color: #a0a7b4; }
.lvl-use { margin-left: auto; max-width: 60%; font-size: 9.5px; color: #6b7280; text-align: right; line-height: 1.2; }
.lvl-avail {
margin-left: 6px; flex: none;
font-size: 8px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;
color: #0f766e; background: #d7f2ec; padding: 1px 5px; border-radius: 4px;
}
.lvl-detail {
flex: 1 1 auto; min-width: 0;
border: 1px solid var(--line); border-radius: 8px; padding: 9px 11px; background: #fff;
}
.lvl-detail-head { display: flex; align-items: center; gap: 7px; font-size: 13px; margin-bottom: 6px; }
.lvl-detail-head b { font-weight: 700; }
.lvl-avail-pill {
display: inline-flex; align-items: center; padding: 2px 8px;
font-size: 10.5px; font-weight: 700; color: #fff;
background: linear-gradient(90deg, #059669, #047857); border-radius: 5px;
}
.lvl-na { font-size: 12px; color: #6b7280; }
.lvl-plan {
display: block; width: 100%; margin-top: 9px; padding: 0;
border: 1px solid var(--line); border-radius: 8px; overflow: hidden;
background: #f7f8fa; cursor: zoom-in; text-align: left;
}
.lvl-plan:hover { border-color: #c7ccd4; }
.lvl-plan img { display: block; width: 100%; max-height: 200px; object-fit: contain; background: #fff; }
.lvl-plan-cap {
display: block; padding: 5px 8px; font-size: 10.5px; font-weight: 600; color: #4b5563;
border-top: 1px solid var(--line);
}


 
@media (max-width: 1024px) {


.topbar { background: rgba(255, 255, 255, 0.98); backdrop-filter: none; gap: 8px; padding: 0 10px; }
.topbar h1 { font-size: 13px; min-width: 0; overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; }
.topbar .spacer { display: none; }
 
.controls {
flex: 1 1 auto;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.controls::-webkit-scrollbar { display: none; }
.controls > * { flex: none; }
.filters { display: flex; flex-wrap: nowrap; }
.search input { width: 100%; }
.search-results { position: fixed; top: 56px; left: 8px; right: 8px; width: auto; max-height: 55vh; }
 
.chip, .svc-btn, .dr-btn, .search input { height: 44px; }
.asset-mode { height: 44px; }
.am-btn { height: 40px; padding: 0 14px; }
.loc-btn { height: 42px; padding: 0 14px; }
.prox-row { min-height: 44px; }
.prox-row input { width: 20px; height: 20px; }
.export-btn { height: 42px; }
.tour-btn { height: 42px; }
.panel .pclose { width: 44px; height: 44px; font-size: 18px; }
.dr-card { padding: 13px; }
.dd-sec > summary { min-height: 44px; }
}
 
@media (max-width: 640px) {
 
.vstack { flex-direction: column; }
.lvl-stack { flex-basis: auto; width: 100%; max-height: 220px; }
 
.panel {
top: auto; left: 0; right: 0; bottom: 0;
width: 100%; max-width: 100%;


height: auto;
max-height: 84vh;
border-radius: 16px 16px 0 0;
transform: translateY(100%);
transition: transform .28s cubic-bezier(.2,.7,.3,1), opacity .2s;
}
.panel.open { transform: translateY(0); }
.panel::before {  
content: "";
position: absolute; top: 7px; left: 50%; transform: translateX(-50%);
width: 40px; height: 4px; border-radius: 999px; background: #d3d7de; z-index: 4;
}
.panel .phead { padding-top: 20px; }
.panel .pclose { top: 12px; }
.export-btn { margin-top: 16px; }
 
.loc-switch { top: 64px; }


.prox-panel {
top: 64px; right: 12px; left: auto;
width: 44px; height: 44px; padding: 0;
border-radius: 50%;
display: grid; place-items: center;
overflow: hidden;
z-index: 8;
}
.prox-panel.prox-open { left: auto; right: 12px; }
.prox-panel .prox-title {
margin: 0; font-size: 0; cursor: pointer;
width: 100%; height: 100%;  
display: grid; place-items: center;
}
.prox-panel .prox-title::before { content: "\25CE"; font-size: 20px; color: #0f766e; }  
.prox-panel .prox-toggles,
.prox-panel .prox-note { display: none; }
.prox-panel.prox-open {
width: 210px; height: auto; padding: 11px 13px;
border-radius: 10px; display: block; overflow: visible;
}
.prox-panel.prox-open .prox-title { font-size: 11px; margin-bottom: 8px; width: auto; height: auto; display: block; }
.prox-panel.prox-open .prox-title::before { content: none; }
.prox-panel.prox-open .prox-toggles { display: flex; }
.prox-panel.prox-open .prox-note { display: block; }
}
 
.cs-section .cs-actions {
display: flex; gap: 8px; padding: 8px 10px 4px;
}
.cs-toggle, .cs-compare-all {
font-size: 11px; font-weight: 700; letter-spacing: 0.01em;
padding: 5px 10px; border-radius: 7px; cursor: pointer;
border: 1px solid var(--line); background: #fff; color: #334155;
}
.cs-toggle.active { background: #475569; border-color: #475569; color: #fff; }
.cs-compare-all:hover, .cs-toggle:hover { border-color: #c7ccd4; }
.cs-rows { display: flex; flex-direction: column; }
.cs-row {
display: flex; align-items: center; gap: 9px;
padding: 8px 10px; border-top: 1px solid var(--line); cursor: pointer;
}
.cs-row:hover { background: #f7f8fa; }
.cs-square {
flex: none; width: 12px; height: 12px; border: 2px solid #475569;
background: transparent; border-radius: 2px;
}
.cs-main { flex: 1 1 auto; min-width: 0; }
.cs-name { font-size: 12.5px; font-weight: 700; color: var(--ink); }
.cs-sub { font-size: 11px; color: #6b7280; margin-top: 1px; }
.cs-sub b { color: #374151; }
.cs-flag {
margin-left: 6px; font-size: 9.5px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.03em; color: #b91c1c; background: #fdecec; padding: 1px 6px; border-radius: 4px;
}
.cs-approx {
margin-left: 6px; font-size: 9.5px; font-weight: 600; color: #8a6d3b;
background: #fbf3df; padding: 1px 6px; border-radius: 4px;
}
.cs-chip { flex: none; }
.cs-compare {
flex: none; font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 6px;
border: 1px solid #475569; background: #475569; color: #fff; cursor: pointer;
}
.cs-compare:hover { background: #334155; }
.cs-note { font-size: 10.5px; color: #8b93a1; padding: 8px 10px 4px; }
 
.cmp-modal {
position: fixed; inset: 0; z-index: 40; display: none;
align-items: center; justify-content: center;
background: rgba(10, 12, 16, 0.55); backdrop-filter: blur(2px);
}
.cmp-modal.open { display: flex; }
.cmp-dialog {
display: flex; flex-direction: column;
width: min(94vw, 1360px); max-height: 88vh;  
background: #fff; border-radius: 12px; overflow: hidden;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.4);
}
.cmp-head {
display: flex; align-items: center; justify-content: space-between;
padding: 12px 16px; border-bottom: 1px solid var(--line);
}
.cmp-title { font-size: 14px; font-weight: 800; letter-spacing: 0.01em; color: var(--ink); }
.cmp-close {
border: none; background: #f1f3f6; color: #4b5563; cursor: pointer;
width: 28px; height: 28px; border-radius: 7px; font-size: 14px;
}
.cmp-close:hover { background: #e6e8ec; color: var(--ink); }
.cmp-picker { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.cmp-pick {
font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 999px; cursor: pointer;
border: 1px solid var(--line); background: #fff; color: #6b7280;
}
.cmp-pick.on { background: #eef2ff; border-color: #c7d2fe; color: #3730a3; }
.cmp-body { overflow: auto; padding: 4px; }
.cmp-table { border-collapse: collapse; width: 100%; font-size: 11.5px; }
.cmp-table th, .cmp-table td {
border: 1px solid var(--line); vertical-align: top; padding: 8px 10px; text-align: left;
}
.cmp-table thead th { position: sticky; top: 0; background: #f7f8fa; z-index: 1; }
.cmp-rowlab {
width: 165px; min-width: 140px; background: #fafbfc; color: #374151;
font-weight: 700; font-size: 11px; position: sticky; left: 0; z-index: 2;
}
.cmp-table thead .cmp-rowlab { z-index: 3; }
.cmp-col-name { font-weight: 800; font-size: 12.5px; color: var(--ink); }
.cmp-col-meta { display: flex; align-items: center; gap: 6px; margin-top: 4px; flex-wrap: wrap; }
.cmp-subject {
font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em;
color: #0f766e; background: #d7f0ec; padding: 1px 6px; border-radius: 4px;
}
.cmp-th-subject, .cmp-td-subject { background: #f4faf9; }
.cmp-table thead .cmp-th-subject { background: #eaf6f4; }
.cmp-td-computed { background: #fbfbfd; }
.cmp-v { color: var(--ink); line-height: 1.35; }
.cmp-c { display: flex; align-items: center; gap: 6px; margin-top: 5px; flex-wrap: wrap; }
.cmp-sub { color: #8b93a1; font-size: 10.5px; }
.cmp-foot { padding: 10px 16px; border-top: 1px solid var(--line); font-size: 10.5px; color: #8b93a1; }
 
.dd-ficon { display: inline-flex; vertical-align: -2px; margin-right: 5px; }
.dd-ficon svg { display: block; }
 
.acc-ctrl { padding: 8px 10px 4px; border-top: 1px solid var(--line); }
.acc-toggle {
font-size: 11px; font-weight: 700; letter-spacing: 0.01em;
padding: 6px 11px; border-radius: 7px; cursor: pointer;
border: 1px solid #f3b48a; background: #fff; color: #c2410c;
}
.acc-toggle:hover { border-color: #ff6a13; }
.acc-toggle.active { background: #ff6a13; border-color: #ff6a13; color: #fff; }
.acc-hint { margin-top: 4px; font-size: 10.5px; color: #8b93a1; }
 
.cmp-cluster {
display: inline-block; margin-bottom: 4px;
font-size: 9.5px; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase;
color: #334155; background: #eef1f5; border: 1px solid #dfe3e9;
padding: 1px 6px; border-radius: 4px;
}
 
.mk-head { padding: 10px 2px 6px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.mk-badge {
font-size: 9.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
padding: 3px 8px; border-radius: 5px;
}
.mk-badge-competitor { color: #7c2d12; background: #fde8dc; border: 1px solid #f4b48a; }
.mk-badge-existing { color: #14532d; background: #dcfce7; border: 1px solid #a7e0bd; }
.mk-badge-coverage { color: #3f4b5e; background: #eef1f5; border: 1px solid #c8d2e0; }
.mk-massing { flex-basis: 100%; font-size: 10.5px; font-style: italic; color: #8b93a1; margin-top: 1px; }
.mk-status { }
.mk-op { color: #065f46; background: #d1fae5; }
.mk-uc { color: #334155; background: #e2e8f0; }
.mk-pr { color: #475569; background: #eef1f5; }
.mk-cluster {
font-size: 9.5px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase;
color: #334155; background: #eef1f5; border: 1px solid #dfe3e9; padding: 1px 6px; border-radius: 4px;
}
.mk-complete { flex-basis: 100%; font-size: 11px; color: #6b7280; margin-top: 2px; }
.mk-compare {
font-size: 11px; font-weight: 700; padding: 6px 11px; border-radius: 7px; cursor: pointer;
border: 1px solid #475569; background: #475569; color: #fff;
}
.mk-compare:hover { background: #334155; }
 
.cs-group { margin-top: 2px; }
.cs-group-head {
font-size: 10px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
color: #64748b; padding: 8px 10px 3px; border-top: 1px solid var(--line);
}
.cs-group-n { color: #a0a7b4; font-weight: 700; }
 
.mk-badge-pipeline { color: #3730a3; background: #e0e7ff; border: 1px solid #c7d2fe; }
.mk-exclusion {
flex-basis: 100%; margin-top: 6px; padding: 6px 8px; border-radius: 6px;
font-size: 11px; color: #4338ca; background: #eef2ff; border: 1px solid #dfe3f5;
}
.cs-context { padding: 6px 10px 2px; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
.cs-context-h { font-size: 10px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: #8b93a1; }
.cs-ctx {
font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 6px; cursor: pointer;
border: 1px dashed #c7ccd4; background: #fff; color: #475569;
}
.cs-ctx:hover { border-color: #94a3b8; background: #f7f8fa; }
 
.cmp-pick-grp { font-size: 10px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: #8b93a1; align-self: center; }
.cmp-pick-sep { flex-basis: 100%; height: 0; }
.cmp-addexisting {
font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 999px; cursor: pointer;
border: 1px solid #a7e0bd; background: #ecfdf3; color: #14532d;
}
.cmp-addexisting.on { background: #14532d; border-color: #14532d; color: #fff; }
 
.repo-readout {
position: fixed; top: 66px; left: 50%; transform: translateX(-50%);
z-index: 45; padding: 8px 14px; border-radius: 9px;
background: rgba(20, 24, 31, 0.92); color: #fff; font-size: 12px;
box-shadow: 0 8px 24px rgba(0,0,0,0.35); pointer-events: none; white-space: nowrap;
}
 
.data-skip-banner {
position: fixed; bottom: 12px; right: 12px; z-index: 60; max-width: 340px;
padding: 9px 12px; border-radius: 9px; font-size: 11.5px; line-height: 1.45;
background: #7c2d12; color: #ffe8d9; border: 1px solid #b5502a; box-shadow: 0 8px 24px rgba(0,0,0,0.35);
}
.repo-readout kbd {
background: #333a45; border-radius: 4px; padding: 0 5px; font-size: 10.5px; border: 1px solid #4b5563;
}
.repo-readout .repo-coords { margin-left: 10px; color: #f59e0b; font-variant-numeric: tabular-nums; }
.repo-readout .repo-snap { color: #34d399; }
.repo-readout .repo-warn { color: #f87171; font-weight: 600; }
.acc-hint.floor-conflict { color: #f59e0b; font-weight: 600; }
 
.portfolios-body { padding: 0 18px 24px; overflow-y: auto; height: 100%; }
.pf-list { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.pf-list-item { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left;
background: #f7f8fa; border: 1px solid #e6e9ef; border-radius: 8px; padding: 10px 12px; cursor: pointer; width: 100%; }
.pf-list-item:hover { background: #eef1f6; }
.pf-name { font-weight: 600; font-size: 13.5px; }
.pf-meta { font-size: 11px; color: #6b7280; font-variant-numeric: tabular-nums; }
.pf-complete { margin: 10px 0; padding: 8px 10px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 8px;
font-size: 12px; font-weight: 600; color: #9a3412; font-variant-numeric: tabular-nums; }
.pf-back { background: none; border: none; color: #2563eb; font-size: 11.5px; cursor: pointer; padding: 2px 0; }
.pf-rows { display: flex; flex-direction: column; }
.pf-row { display: flex; justify-content: space-between; gap: 12px; padding: 5px 0; border-bottom: 1px solid #f0f2f5; font-size: 12px; }
.pf-k { color: #6b7280; flex: 0 0 42%; }
.pf-v { text-align: right; font-variant-numeric: tabular-nums; }
.pf-src { display: block; font-size: 10px; color: #9ca3af; }
 
.pf-v-src { cursor: help; }
.pf-src-dot { font-size: 9px; color: #c2c8d2; margin-left: 4px; vertical-align: top; }
.pf-v-src:hover .pf-src-dot { color: #2563eb; }
.pf-pending { color: #b45309; font-style: italic; }
.dd-sec-count { font-size: 10px; color: #9ca3af; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }
.pf-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.pf-table th { text-align: left; color: #6b7280; font-weight: 600; border-bottom: 1px solid #e6e9ef; padding: 4px 6px; }
.pf-th { cursor: pointer; user-select: none; white-space: nowrap; }
.pf-th:hover { color: var(--ink); }
.pf-th-on { color: #2563eb; }
.pf-table td { padding: 5px 6px; border-bottom: 1px solid #f0f2f5; }
.pf-arow { cursor: pointer; }
.pf-arow:hover { background: #eef1f6; }
 
.rs-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; color: #374151; white-space: nowrap; }
.rs-sw { display: inline-block; width: 12px; height: 12px; border-radius: 3px; border: 1px solid rgba(0,0,0,.18); flex: 0 0 auto; }
 
.own-aggs { display: flex; gap: 22px; margin: 10px 0 12px; flex-wrap: wrap; }
.own-agg-n { font-size: 22px; font-weight: 700; color: var(--ink); letter-spacing: -0.3px; }
.own-agg-l { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #6b7280; margin-top: 2px; }
.own-legend { display: flex; gap: 14px; flex-wrap: wrap; padding: 8px 0; border-top: 1px solid #eef1f6; }
.own-filter { display: flex; gap: 6px; margin: 8px 0; }
.own-fbtn { font-size: 11px; padding: 3px 10px; border: 1px solid #d7dbe2; border-radius: 999px; background: #fff; cursor: pointer; color: #4b5563; }
.own-fbtn.on { background: #0f766e; border-color: #0f766e; color: #fff; }
.rd-asat { font-size: 10px; color: #94a3b8; font-weight: 500; white-space: nowrap; }
 
.rd-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.rd-src { font-size: 10px; color: #94a3b8; }
.rd-grid { display: flex; flex-direction: column; gap: 0; }
.rd-row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-bottom: 1px solid #f3f4f6; font-size: 12px; }
.rd-k { color: #6b7280; }
.rd-v { color: var(--ink); font-weight: 600; text-align: right; }
 
.rd-devsite { font-size: 11px; font-weight: 600; color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 6px; padding: 5px 8px; margin-bottom: 8px; }
.rd-extent { font-size: 10.5px; color: #6b7280; background: #f8fafc; border: 1px solid #eef1f6; border-radius: 6px; padding: 5px 8px; margin-bottom: 8px; line-height: 1.45; }


.lc-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 600; color: #475569; white-space: nowrap; }
.lc-glyph { font-size: 12px; line-height: 1; color: #334155; }
.own-agg-decomp { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #6b7280; margin-top: 4px; flex-wrap: wrap; }
.own-leg-sep { width: 1px; height: 16px; background: #e5e7eb; }
 
.own-park { border: 1px solid #e5e7eb; border-radius: 8px; margin: 10px 0; overflow: hidden; }
.own-park-head { padding: 8px 10px; background: #f8fafc; cursor: pointer; border-bottom: 1px solid #eef1f6; }
.own-park-head:hover { background: #f1f5f9; }
.own-park-title { font-size: 13px; font-weight: 700; color: var(--ink); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.own-devsite { font-size: 10px; font-weight: 700; color: #9a3412; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 4px; padding: 0 6px; }
.own-park-sub { font-size: 11px; color: #6b7280; margin-top: 3px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.own-park-tenure { font-size: 10.5px; color: #94a3b8; margin-top: 3px; }
.own-park-members { padding: 4px 10px 8px; display: flex; flex-direction: column; }
.own-mrow { display: flex; align-items: center; gap: 6px; padding: 4px 6px; font-size: 12px; color: #374151; cursor: pointer; border-radius: 5px; }
.own-mrow:hover { background: #f8fafc; }
.own-mname { font-weight: 600; }
.own-parts { font-size: 10px; color: #94a3b8; }
 
.asset-parkline { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #64748b; margin-bottom: 5px; flex-wrap: wrap; }
.parkline-park { font-weight: 600; color: #475569; }
 
.enc-table td { vertical-align: top; }
.enc-zero { color: #16a34a; font-weight: 600; }
.enc-unresolved { font-size: 10px; font-weight: 600; color: #b45309; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 4px; padding: 0 5px; margin-left: 4px; }
 
.enc-bsheet { font-size: 10px; font-weight: 700; border-radius: 4px; padding: 0 6px; margin-left: 6px; }
.enc-bsheet-reit { color: #065f46; background: #ecfdf5; border: 1px solid #a7f3d0; }
.enc-bsheet-sponsor { color: #475569; background: #f1f5f9; border: 1px solid #cbd5e1; }
.enc-flag { font-size: 10px; font-weight: 600; color: #9333ea; background: #faf5ff; border: 1px solid #e9d5ff; border-radius: 4px; padding: 0 5px; margin-left: 4px; }
.enc-cid { color: #6b7280; font-size: 11px; padding-left: 16px; }
.enc-charge td { background: #fbfcfe; font-size: 11px; }
.enc-tl { margin: 6px 0 14px; }
.enc-tl-axis { position: relative; height: 22px; background: #f3f4f6; border-radius: 4px; }
.enc-tl-mark { position: absolute; top: 3px; width: 2px; height: 16px; background: #64748b; transform: translateX(-1px); }
.enc-tl-listing { width: 3px; height: 22px; top: 0; background: #0f766e; }
.enc-tl-ends { display: flex; justify-content: space-between; font-size: 10px; color: #94a3b8; margin-top: 3px; }
 
.enc-group { margin-top: 22px; }
.enc-group-title { font-size: 13px; font-weight: 700; color: #334155; margin: 0 0 4px; }
.enc-heldout td { background: #fffbeb; border-top: 1px solid #fde68a; color: #78350f; font-size: 11px; padding: 6px 8px; }
.enc-heldout-cell { color: #92400e; font-size: 11px; font-weight: 600; }
.enc-heldout-meta { color: #a16207; font-weight: 400; }
 
 
 
.enc-corr { font-size: 10px; font-weight: 600; color: #065f46; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 4px; padding: 0 5px; margin-left: 4px; }
.dd-corr { font-size: 10px; color: #065f46; margin-top: 2px; }
 


.dev-pbtn.on { background: #0f766e; border-color: #0f766e; color: #fff; }
.dev-lbtn.on { background: #0f172a; border-color: #0f172a; color: #fff; }
.dev-row { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px solid #f3f4f6; }
 
.dev-mass > summary .dd-sec-title { flex: 0 0 auto; }
 
 
.dev-sched td .u { font-weight: 500; color: #9aa3af; font-size: 11px; margin-left: 2px; }
 
.dev-src { font-size: 10px; color: #94a3b8; margin-top: 2px; word-break: break-word; }
.dev-note { font-size: 10px; color: #b45309; margin-top: 2px; font-style: italic; }
.dev-chip { font-size: 9px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; padding: 1px 6px; border-radius: 999px; border: 1px solid transparent; white-space: nowrap; }
.dev-chip-illustrative { color: #92400e; background: #fffbeb; border-color: #fde68a; }
.dev-chip-under-verification { color: #9a3412; background: #fff7ed; border-color: #fed7aa; }
.dev-chip-verified { color: #065f46; background: #ecfdf5; border-color: #a7f3d0; }
.dev-doc-missing { color: #991b1b; background: #fef2f2; }
.dev-doc-pending { color: #92400e; background: #fffbeb; }
.dev-doc-present { color: #065f46; background: #ecfdf5; }
.dev-doc-not-applicable { color: #6b7280; background: #f3f4f6; }
 
.dev-tbtn { font-size: 11px; padding: 3px 10px; border: 1px solid #d7dbe2; border-radius: 6px; background: #fff; cursor: pointer; color: #4b5563; }
.dev-tbtn.on { background: #0f172a; border-color: #0f172a; color: #fff; }
 
 
.dev-asm-k .dev-chip { margin-left: 5px; }
.dev-luse .dev-chip { margin-right: 6px; vertical-align: middle; }
.dev-fsi-note { font-size: 10px; color: #6b7280; margin: 4px 0 8px; }
.dev-fsi-tod.on { color: #065f46; background: #ecfdf5; border-color: #a7f3d0; }
 
 
 
 
.dev-risks > summary .dd-sec-title { color: #fff; }
.dev-risk-sev2 { border-left-color: #b45309; }
.dev-risk-sev1 { border-left-color: #94a3b8; }
 
 
 
 
 
.dev-feas-bua { font-size: 12px; color: #334155; margin: 6px 0; }
.dev-feas-grp { margin: 8px 0; padding-top: 6px; border-top: 1px solid #e2e8f0; }
.dev-feas-gt { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #64748b; margin-bottom: 4px; }
.dev-feas-comp, .dev-feas-row { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; font-size: 11px; color: #475569; margin: 3px 0; }
.dev-feas-cn, .dev-feas-k { font-weight: 700; color: #0f172a; min-width: 5.5em; }
.dev-feas-f { display: inline-flex; gap: 4px; align-items: center; }
.dev-feas-area { color: #64748b; font-variant-numeric: tabular-nums; }
.dev-feas-or { color: #94a3b8; font-style: italic; }
.dev-feas-hook { font-size: 10px; color: #94a3b8; margin-top: 4px; }
.dev-feas-bar.peak { background: #0f172a; }
 
.feas-modal.open { display: flex; }
.feas-step.open { border-color: #cbd5e1; }
.feas-step.open .feas-step-h { background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
 
.dev-ovl.live { color: #065f46; background: #ecfdf5; border: 1px solid #a7f3d0; }
.dev-ovl.stored { color: #92400e; background: #fffbeb; border: 1px solid #fde68a; }
.dev-ovl.none { color: #991b1b; background: #fef2f2; border: 1px solid #fecaca; }
 
.dev-masstoggle.on { background: #0f172a; color: #fff; }
.dev-mbtn.on { background: #0f172a; border-color: #0f172a; color: #fff; }
 
.dev-tpl-card.on { border-color: #0f172a; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1); }
.dev-tpl-card.on .dev-tpl-apply { background: #059669; border-color: #059669; }
 
.pf-grow { cursor: pointer; background: #f7f8fa; font-weight: 600; }
.pf-grow:hover { background: #eef1f6; }
.pf-gtoggle { color: #6b7280; display: inline-block; width: 10px; }
.pf-gcount { color: #9ca3af; font-weight: 600; font-size: 10.5px; }
.pf-childname { padding-left: 14px; display: inline-block; color: #4b5563; }
 
.pf-worklist { display: flex; flex-direction: column; gap: 2px; padding: 4px 0; }
.pf-missing { font-size: 12px; color: #9a3412; padding: 3px 0; }
.pf-worklist + .pf-pending, .pf-missing + .pf-pending { margin-top: 4px; }
 
.loc-btn.loc-all[aria-pressed="true"] { font-weight: 700; }
.pf-spv { padding: 7px 0; border-bottom: 1px solid #f0f2f5; }
.pf-spv-own { font-size: 11px; color: #4b5563; }
.pf-spv-assets { font-size: 10.5px; color: #9ca3af; margin-top: 2px; }
.pf-flag, .pf-flag-row { color: #b45309; font-weight: 600; font-size: 11px; }
.pf-flags { margin-top: 6px; }
#searchResults .item.entity { background: #fbf7ee; border-left: 3px solid #9a7b3f; }
 
.cb-list { display: flex; flex-direction: column; }
.cb-row { padding: 6px 0; border-bottom: 1px solid #f0f2f5; cursor: pointer; }
.cb-row:hover { background: #eef1f6; }
.cb-h { font-size: 12.5px; }
.cb-bc { font-size: 10px; color: #6b7280; background: #eef1f6; border-radius: 4px; padding: 0 4px; }
.cb-sub { font-size: 11px; color: #6b7280; }
.cb-bindmode { background: #eef1f6; border: 1px solid #d7dbe2; border-radius: 6px; padding: 6px 10px; font-size: 11.5px; cursor: pointer; }
.bind-pop { font-size: 12px; }
.bind-h { font-weight: 600; margin-bottom: 4px; }
.bind-fpid { font-size: 10px; color: #9ca3af; font-variant-numeric: tabular-nums; margin-bottom: 6px; }
.bind-roster { width: 100%; padding: 4px; margin-bottom: 6px; }
.bind-save { background: #2563eb; color: #fff; border: none; border-radius: 6px; padding: 5px 12px; cursor: pointer; font-size: 12px; }
.bind-note { font-size: 10px; color: #9ca3af; margin-top: 4px; }
 
.ten-row { padding: 7px 0 6px; border-top: 1px solid var(--line); }
.ten-row:first-of-type { border-top: 0; }
.ten-head { display: flex; align-items: center; gap: 7px; font-size: 12.5px; }
.ten-head b { font-weight: 650; flex: 1 1 auto; min-width: 0; }
.ten-cw { font-size: 10px; color: #6b7280; border: 1px solid var(--line); border-radius: 4px; padding: 0 4px; flex: none; }
.ten-meta { font-size: 11.5px; color: #4b5563; margin-top: 2px; line-height: 1.45; }
.ten-grid { display: flex; flex-wrap: wrap; gap: 5px 16px; margin-top: 5px; }
.ten-cell { display: flex; flex-direction: column; flex: 0 0 auto; max-width: 100%; }
.ten-cell label { font-size: 9px; font-weight: 650; letter-spacing: 0.07em; text-transform: uppercase; color: #9aa1ab; margin-bottom: 1px; }
.ten-cell { font-size: 12px; color: #1f2937; font-variant-numeric: tabular-nums; }
.ten-tower { font-size: 10.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7280; margin-top: 1px; }
.ten-floors { margin-top: 5px; font-size: 11px; color: #6b7280; }
.ten-row { padding: 10px 0 9px; }
.ten-head b { font-size: 13px; letter-spacing: -0.01em; }
.lvl-enquire { margin-top: 8px; font-size: 11.5px; color: #059669; }
.lvl-enquire b { font-weight: 650; }
 
.topbar { min-width: 0; }
.topbar .controls { min-width: 0; }  
 
.search input { min-width: 0; }
@media (max-width: 1279px) {


.platform-meta { display: none; }
}
@media (max-width: 1280px) {
.topbar h1 { font-size: 13.5px; }
.filters { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 34vw; }
.filters::-webkit-scrollbar { display: none; }
}
 
.vstack-mk .lvl-stack { flex: 0 0 92px; max-width: 92px; }
.vstack-mk .lvl-row { padding: 3px 7px; }
.vstack-mk .lvl-label { font-size: 11.5px; }
.vstack-mk .lvl-detail { padding: 10px 12px; }
.vstack-mk .ten-head { font-size: 12.5px; }
.vstack-mk .ten-head .st-chip { margin-left: auto; flex: none; }
 
 


@media (max-width: 1560px) { #topAqi { display: none !important; } }
body.signed-out #topAqi { display: none !important; }  


@media (max-width: 760px) {
.topbar { padding: 0 10px; gap: 6px; }
.controls { gap: 5px; flex: 1 1 auto; }
.controls .ctrl-divider { display: none; }
.search { flex: 1 1 110px; width: auto; min-width: 100px; max-width: none; }  
.controls .svc-btn { padding: 0 8px; }
.auth-end { padding-left: 8px; gap: 8px; }
}
@media (max-width: 1279px) { .search { flex: 1 1 240px; width: auto; max-width: 340px; } }  
.top-aqi { display: flex; align-items: center; gap: 6px; font-size: 11.5px; color: #4b5563;
border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px; background: #fff; white-space: nowrap; flex: none; }
.top-aqi b { font-weight: 650; color: #1f2937; }
.aqi-band { color: #6b7280; }
.aqi-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
@media (max-width: 1360px) { .top-aqi .aqi-band { display: none; } }
 
.compass-wrap { position: absolute; right: 14px; bottom: 96px; z-index: 4; width: 46px; height: 46px;
cursor: pointer; filter: drop-shadow(0 1px 3px rgba(15, 23, 42, 0.18)); }


 
.compass-rose { width: 100%; height: 100%; transition: transform 0.2s ease-out; }
 
.topbar h1 { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.asset-mode { flex: none; }
.top-aqi { flex: none; }




.ws-shell {
--ws-shell-w: min(96vw, 1280px); --ws-shell-h: min(90vh, 900px);  
position: fixed; inset: 0; z-index: 28;  
display: none; align-items: center; justify-content: center;
background: rgba(10, 12, 16, 0.55); backdrop-filter: blur(2px);
}
.ws-shell.open { display: flex; }
.ws-shell .ws-shell-surface {
position: relative;
display: flex; flex-direction: row; align-items: stretch;
width: var(--ws-shell-w); height: var(--ws-shell-h);
background: var(--panel); border-radius: 12px; overflow: hidden;
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.4);
}
 
.ws-shell .ws-shell-nav {
flex: none; width: 300px; min-width: 0;
overflow-y: auto;
border-right: 1px solid var(--line);
background: #f8fafc;
display: flex; flex-direction: column; gap: 10px;
padding-bottom: 14px;
}
 
#dossierModal .phead { display: flex; align-items: flex-start; gap: 10px; padding: 16px 16px 12px; border-bottom: 1px solid var(--line); }
#dossierModal .ptype {
display: inline-flex; align-items: center; gap: 6px;
font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em;
color: var(--muted); margin-bottom: 6px;
}
#dossierModal .ptype .dot { width: 9px; height: 9px; border-radius: 50%; }
#dossierModal h2 { margin: 0; font-size: 17px; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
.ws-shell .ws-shell-close {
position: absolute; top: 10px; right: 10px; z-index: 3;
width: 28px; height: 28px; border: none;
background: rgba(255, 255, 255, 0.85); border-radius: 8px; cursor: pointer;
color: var(--muted); font-size: 16px; line-height: 1;
display: grid; place-items: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.ws-shell .ws-shell-close:hover { background: #fff; color: var(--ink); }
#dossierModal .rail-locale { font-size: 12px; color: var(--muted); padding: 0 16px; }


#dossierModal .rail-amenities { padding: 10px 16px 0; border-top: 1px solid var(--line); margin-top: 10px; }
#dossierModal .rail-amen-head { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #64748b; margin-bottom: 6px; }
#dossierModal .rail-amen-head .dd-qual { text-transform: none; letter-spacing: 0; font-weight: 600; }
#dossierModal .rail-amen-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
#dossierModal .rail-amen-tile {
border: 1px solid var(--line); border-radius: 8px; padding: 6px 7px; background: #fff;
display: flex; align-items: center; gap: 6px; min-height: 0;
}
#dossierModal .rail-amen-tile .dv-ic { width: 14px; height: 14px; flex: none; }
#dossierModal .rail-amen-lab { font-size: 10px; font-weight: 650; color: var(--ink); line-height: 1.25; }
#dossierModal .rail-amen-fnb { font-size: 10.5px; color: var(--muted); margin-top: 7px; }
#dossierModal .rail-amen-op { background: #fbfcfd; }
 
.fc-body { display: flex; flex-direction: column; gap: 2px; }
.fc-line { line-height: 1.45; }
.fc-unaccounted { color: #8a6d1a; }
.fc-total { font-weight: 700; margin-top: 3px; }
.fc-conflict { color: #7c2d12; font-size: 11.5px; margin-top: 2px; }


.doc-class { padding: 6px 0; border-top: 1px solid #f1f2f4; }
.doc-class:first-child { border-top: none; }
.doc-class-h { font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #64748b; margin-bottom: 3px; }
.doc-notheld { font-size: 11.5px; color: #8a93a3; }
 
.dsec-cite { font-size: 10.5px; color: #64748b; font-weight: 600; margin-left: auto; }


.pg-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-top: 8px; min-width: 0; max-width: 100%; }
.pg-cell { min-width: 0; overflow: hidden; }
.pg-lab { font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #64748b; overflow-wrap: anywhere; }
.pg-val {
font-size: clamp(12.5px, 4.2cqw, 15px); font-weight: 750; color: var(--ink);
line-height: 1.3; margin-top: 2px;
font-variant-numeric: tabular-nums; overflow-wrap: anywhere;
}
.pg-two { container-type: inline-size; }
.pg-cap { font-size: 10.5px; color: var(--muted); margin-top: 2px; }


.meta-desc { font-size: 11.5px; font-weight: 600; color: #64748b; margin-left: 7px; }
#dossierModal .rail-counts { font-size: 11.5px; color: #0f172a; line-height: 1.55; padding: 0 16px; }
#dossierModal .rail-absent { font-size: 11px; color: #64748b; line-height: 1.5; padding: 0 16px; }
#dossierModal .rail-absent-label {
display: inline-block; font-size: 9.5px; font-weight: 700; text-transform: uppercase;
letter-spacing: .05em; color: #94a3b8; margin-right: 4px;
}
#dossierModal .rail-actions { padding: 0 12px; margin-top: auto; }
.ws-shell .ws-shell-body { flex: 1 1 auto; min-width: 0; overflow-y: auto; padding: 14px 18px; }


#dossierModal .dsec, .ws-shell .ws-sec { border: 1px solid #e2e8f0; border-radius: 8px; margin: 10px 0; background: #fff; }
#dossierModal .dsec-head, .ws-shell .ws-sec > .dsec-head {
display: flex; align-items: center; gap: 8px;
padding: 9px 12px; min-height: 26px;
background: #f8fafc; border-bottom: 1px solid #e2e8f0; border-radius: 8px 8px 0 0;
}
#dossierModal .dsec-num {
flex: none; width: 18px; height: 18px; border-radius: 50%;
background: #0f172a; color: #fff; font-size: 10px; font-weight: 800;
display: inline-flex; align-items: center; justify-content: center;
}
#dossierModal .dsec-title, .ws-shell .ws-sec .dsec-title { font-size: 12px; font-weight: 700; color: #0f172a; }
#dossierModal .dsec-body, .ws-shell .ws-sec > .dsec-body { padding: 10px 12px; }
 
#dossierModal .dsec-flat > .dd-sec-head {
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
padding: 7px 0 4px; border-bottom: 1px solid #f1f2f4; margin-bottom: 4px;
}
#dossierModal .dd-none { font-size: 12px; color: #94a3b8; font-style: italic; padding: 4px 0; }
#dossierModal .dsec-empty, .ws-shell .ws-sec .dsec-empty { font-size: 12px; color: #94a3b8; font-style: italic; }
#dossierModal .dossier-lead:empty { display: none; }


#dossierModal .field { margin-bottom: 12px; }
#dossierModal .label {
font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em;
color: var(--muted); margin-bottom: 3px;
}
#dossierModal .value { font-size: 14px; line-height: 1.5; color: var(--ink); }
#dossierModal .phero { width: 100%; aspect-ratio: var(--hero-ar, 5 / 3); background: #f1f3f6; position: relative; overflow: hidden; border-radius: 8px; }
#dossierModal .phero-img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; }
 
@media (max-width: 640px) {
.ws-shell .ws-shell-surface { flex-direction: column; width: 100vw; height: 100dvh; max-height: 100dvh; border-radius: 0; }
.ws-shell .ws-shell-nav { width: auto; max-height: 38vh; border-right: none; border-bottom: 1px solid var(--line); }
}
 
.panel .pfoot { flex: none; padding: 10px 16px 14px; border-top: 1px solid var(--line); }
.dossier-open-btn {
width: 100%; height: 34px;
font-size: 12px; font-weight: 700;
color: var(--ink); background: #f1f3f6;
border: 1px solid var(--line); border-radius: 8px;
cursor: pointer; transition: background .12s;
}
.dossier-open-btn:hover { background: #e6e8ec; }
 
.floor-detail .enc-unknown { color: var(--muted); font-style: italic; }
 
.pglance {
display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content;  
gap: 3px 10px; align-items: baseline; margin: 8px 0 2px;
}
.pglance .pg-s, #panelOwner .po-s, #panelDeveloper .po-s { display: inline-flex; align-items: center; gap: 4px; justify-self: end; white-space: nowrap; }
.pglance .pg-s .st-chip, #panelOwner .po-s .st-chip, #panelDeveloper .po-s .st-chip { font-size: 9px; padding: 1px 6px; }
#panelOwner .po-s, #panelDeveloper .po-s { margin-left: 8px; vertical-align: middle; }
 
#panel #panelOwner { margin-bottom: 4px; }
#panel #panelOwner + .pglance, #panel #panelOwner + #panelGlance { margin-top: 2px; }


.pglance .pg-two { grid-column: 1 / -1; }
.pglance .pg-row { display: contents; }
.pglance .pg-k {
font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
color: var(--muted); align-self: baseline;
}
.pglance .pg-v {
font-size: 12px; font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums;
min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}




:root { --absent-weight: 400; }
.absent {
display: inline-flex; align-items: baseline; gap: 5px;
font-size: inherit; font-weight: var(--absent-weight); color: var(--absent-ink); font-style: normal;
}
.absent::before { content: "–"; color: var(--absent-ink); opacity: .55; font-weight: var(--absent-weight); }
.absent-block { display: flex; padding: 2px 0; }
 
.absent-inline { display: inline; font-weight: var(--absent-weight); }  
.absent-inline::before { content: none; }
.pglance .pg-v .absent, .field .value .absent { font-size: inherit; }


.pglance .pg-v:has(.absent) { white-space: normal; overflow: visible; text-overflow: clip; font-size: 11px; line-height: 1.3; }
 
.pglance .pg-absent { color: var(--absent-ink); font-weight: 550; }
#dossierModal .dsec-empty, .ws-shell .ws-sec .dsec-empty { font-style: normal; color: var(--absent-ink); }
.doc-notheld { font-size: 11.5px; color: var(--absent-ink); }
.dd-empty { color: var(--absent-ink); }
body.role-active .dsec-empty { color: var(--absent-ink); }


.dateline {
display: flex; align-items: baseline; gap: 8px;
margin: 0; padding: 8px 16px 10px;
border-top: 1px solid var(--line);
background: #fff;
}
.dateline-k {
flex: none; font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
color: var(--muted);
}
.dateline-b { min-width: 0; }
.dateline-d { font-size: 12.5px; font-weight: 650; color: var(--dateline-ink); font-variant-numeric: tabular-nums; }
.dateline-n { font-size: 11px; font-weight: 500; color: var(--muted); }
.dateline-none .dateline-b { font-size: 12px; }
 
.dateline { color: var(--muted); font-size: 11px; flex-wrap: wrap; }
#dossierModal .dateline { padding: 10px 16px 12px; }
.inspector .dateline { padding: 8px 14px 10px; }


 
#panel .lvl-detail .st-chip { display: none; }
.vstack-secbadge { display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; text-transform: none; letter-spacing: 0; }


.vstack-src { font-size: 10.5px; color: var(--muted); margin-top: 7px; }
#panel .vstack-src { display: none; }
.vstack-sub { font-size: 11.5px; color: var(--ink); margin-top: 7px; }
.vstack-sub b { font-weight: 700; }
.ten-comm { display: flex; flex-wrap: wrap; gap: 3px 12px; margin-top: 5px; padding-top: 5px; border-top: 1px dashed var(--line); }
.ten-comm-i { display: inline-flex; flex-direction: column; font-size: 11px; color: var(--ink); min-width: 0; }
.ten-comm-i label { font-size: 8.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
#panel .ten-comm { display: none; }
.dsec-amenities-absent { margin-top: 8px; }
 
.ten-head { flex-wrap: wrap; row-gap: 2px; }
 
.dd-sec-count { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 1px; min-width: 0; }
.dd-sec-count .dd-sec-holds { font-weight: 700; color: var(--ink); }
.dd-sec-count .dd-sec-cite { font-size: 8.5px; font-weight: 500; color: #a0a7b4; letter-spacing: .02em; }
 
#panel .dd-sec-amenities { display: none; }
 
.phero .hero-nav {
position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
width: 28px; height: 44px; border: none; border-radius: 8px;
background: rgba(15, 18, 24, 0.45); color: #fff; font-size: 20px; line-height: 1;
cursor: pointer; display: grid; place-items: center;
}
.phero .hero-nav:hover { background: rgba(15, 18, 24, 0.7); }
.phero .hero-prev { left: 8px; }
.phero .hero-next { right: 8px; }
.phero .hero-count {
position: absolute; top: 8px; right: 8px; z-index: 3;
font-size: 10px; font-weight: 700; color: #fff;
background: rgba(15, 18, 24, 0.55); padding: 2px 7px; border-radius: 999px;
}
 
.doc-list { display: flex; flex-direction: column; gap: 8px; }
.doc-row { display: flex; gap: 8px; align-items: flex-start; }
.doc-scope {
flex: none; font-size: 8.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
padding: 2px 6px; border-radius: 4px; margin-top: 1px;
background: #eef1f5; color: #475569;
}
.doc-main { min-width: 0; display: flex; flex-direction: column; gap: 1px; font-size: 12px; }
.doc-main b { font-weight: 650; overflow-wrap: anywhere; }
.doc-meta { font-size: 10.5px; color: var(--muted); }
.doc-sha { font-size: 9.5px; font-family: ui-monospace, monospace; color: #94a3b8; cursor: help; }
.tl-list { max-height: 320px; overflow-y: auto; border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px; }
.tl-ev { display: flex; gap: 10px; padding: 3px 0; border-top: 1px solid #f1f2f4; font-size: 11.5px; }
.tl-ev:first-child { border-top: none; }
.tl-date { flex: none; width: 86px; font-variant-numeric: tabular-nums; color: var(--muted); }
.tl-what { min-width: 0; color: var(--ink); }
.tl-note { font-size: 10px; color: var(--muted); margin-top: 5px; }
.rm-label { font-size: 10px; color: var(--muted); margin: 2px 0 6px; }
.rm-thin { font-size: 12px; color: #6b7280; font-style: italic; }
.rm-svg { width: 100%; max-width: 460px; height: auto; display: block; }
 
.rm-svg text { font-size: 10px; font-family: inherit; }
 
.rm-n { font-size: 10px; color: var(--muted); margin-top: 3px; }
.amen-block { margin-top: 8px; }
.amen-block .dd-subhead { display: flex; align-items: center; gap: 7px; }
.amen-cat { display: flex; gap: 10px; font-size: 12px; padding: 3px 0; }
.amen-cat-k { flex: none; width: 130px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); padding-top: 2px; }
.amen-items { color: var(--ink); }
.dsec-facts { margin-top: 8px; }
 
.dossier-visual { margin-bottom: 12px; }
.dv-hero { position: relative; width: 100%; height: 220px; border-radius: 10px; overflow: hidden; background: #f1f3f6; cursor: zoom-in; }
.dv-hero img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; }
.dv-hero .phero-cap {
position: absolute; left: 10px; bottom: 10px; z-index: 3;
font-size: 10px; font-weight: 700; color: #fff; background: rgba(15,18,24,.6);
padding: 2px 8px; border-radius: 999px;
}
.dv-id { margin: 12px 2px 2px; }
.dv-class .dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; margin-right: 6px; }
.dv-class { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--muted); }
.dv-name { margin: 2px 0 0; font-size: 21px; font-weight: 650; letter-spacing: -0.01em; }
.dv-locale { font-size: 12.5px; color: var(--muted); margin-top: 2px; }
.dv-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 8px; margin-top: 12px;
}
.dv-tile {
border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px;
display: flex; flex-direction: column; gap: 2px; background: #fff;
}
.dv-ic { width: 20px; height: 20px; color: #64748b; margin-bottom: 3px; }
.dv-ic svg { width: 100%; height: 100%; }
.dv-val { font-size: 13px; font-weight: 700; color: var(--ink); line-height: 1.3; overflow-wrap: anywhere; }
.dv-lab { font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
 
.amen-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0; }
.amen-tab {
font-size: 10.5px; font-weight: 700; padding: 3px 10px; border-radius: 999px;
border: 1px solid var(--line); background: #fff; color: #6b7280; cursor: pointer;
}
.amen-tab.on { background: #0f172a; color: #fff; border-color: #0f172a; }
.amen-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.amen-chip {
font-size: 11.5px; font-weight: 600; color: var(--ink);
background: #f1f3f6; border: 1px solid var(--line); border-radius: 999px; padding: 4px 11px;
}
.amen-none { font-size: 12px; color: #94a3b8; font-style: italic; padding: 4px 0; }
 
.loc-strip { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
.loc-card {
flex: 0 0 150px; border: 1px solid var(--line); border-radius: 10px; padding: 9px 11px;
display: flex; flex-direction: column; gap: 2px; background: #fff;
}
.loc-type { font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #64748b; }
.loc-name { font-size: 12px; font-weight: 650; color: var(--ink); line-height: 1.3; }
.loc-dist { font-size: 11.5px; color: var(--muted); }
.loc-time { font-size: 11px; color: var(--muted); }
.loc-card .rera-illustrative { align-self: flex-start; margin-top: 3px; }
.loc-src { margin-top: 4px; }
 
.tl-ev { align-items: baseline; }
.tl-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #94a3b8; align-self: center; }
.tl-tag {
flex: none; font-size: 8.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
padding: 1px 6px; border-radius: 4px; background: #eef1f5; color: #475569;
}
.tl-lease .tl-dot { background: #0f766e; }
.tl-lease .tl-tag { background: #d7f2ec; color: #0f766e; }
.tl-charge .tl-dot { background: #b45309; }
.tl-charge .tl-tag { background: #fdf1e2; color: #b45309; }
.tl-rera .tl-dot { background: #6366f1; }
.tl-rera .tl-tag { background: #e7e8fd; color: #4f46e5; }
.tl-oc .tl-dot { background: #6b7280; }
 
#dossierModal .ten-row {
border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin: 7px 0;
background: #fff;
}
#dossierModal .ten-grid { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 4px; }
 
details.doc-row > summary { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; list-style: none; }
details.doc-row > summary::-webkit-details-marker { display: none; }
details.doc-row { display: block; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; }
details.doc-row[open] { background: #f8fafc; }
.doc-full { margin-top: 6px; font-size: 11px; color: var(--muted); }
.doc-sha-full { font-family: ui-monospace, monospace; font-size: 10px; overflow-wrap: anywhere; color: #64748b; }
 
.rm-svg .rm-axname { font-size: 10px; font-weight: 600; }
 
#dossierModal .dossier-rail { padding-top: 0; }
.rail-media { position: sticky; top: 0; z-index: 2; background: #f8fafc; padding: 10px 10px 6px; }
.rail-media .dv-hero { height: 200px; cursor: zoom-in; }
.rail-nav { display: flex; flex-direction: column; gap: 2px; padding: 4px 10px 8px; }
.rail-nav-i, .ws-nav-i, .ws-shell .ws-shell-nav :is(.bd-tab, .pf-view) {
text-align: left; font-size: 11.5px; font-weight: 600; color: #475569;
padding: 5px 9px; border: none; border-radius: 7px; background: transparent; cursor: pointer;
}
.rail-nav-i:hover, .ws-nav-i:hover, .ws-shell .ws-shell-nav :is(.bd-tab, .pf-view):hover { background: #eef1f6; }
.rail-nav-i.on, .ws-nav-i[aria-current="true"], .ws-shell .ws-shell-nav :is(.bd-tab, .pf-view)[aria-pressed="true"] { background: #0f172a; color: #fff; }
.ws-shell .ws-shell-body { position: relative; }  
 
.dv-compare {
display: inline-flex; align-items: center; margin: 8px 0 2px;
font-size: 12px; font-weight: 700; color: #fff; background: #0f172a;
border: none; border-radius: 8px; padding: 8px 14px; cursor: pointer;
}
.dv-compare:hover { background: #1e293b; }
#dossierModal .dossier-lead .mk-compare { display: none; }
 
.panel .pfoot { display: flex; gap: 8px; }
.panel .pfoot .dossier-open-btn { flex: 1 1 0; min-width: 0; }
 
.rp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
.rp-tile { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; background: #fff; }
.rp-k { font-size: 9.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.rp-v { font-size: 14px; font-weight: 700; color: var(--ink); margin: 3px 0; line-height: 1.35; }
.rp-s { font-size: 10.5px; color: var(--muted); display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.rp-spread { font-size: 11.5px; color: var(--ink); margin-top: 7px; font-variant-numeric: tabular-nums; }
 
.mq-list { display: flex; flex-direction: column; }
.mq-row { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 4px 0; border-top: 1px solid #f1f2f4; font-size: 12px; }
.mq-row:first-child { border-top: none; }
.mq-name { font-weight: 700; color: var(--ink); }
.mq-meta { font-size: 10.5px; color: var(--muted); }
.mq-area { font-variant-numeric: tabular-nums; color: var(--ink); }
.mq-until { font-size: 10.5px; color: var(--muted); }
.mq-n { font-size: 9.5px; font-weight: 700; color: #64748b; background: #eef1f5; border-radius: 4px; padding: 1px 5px; }
.mq-note { font-size: 10px; color: var(--muted); margin-top: 4px; }
 
#dossierModal .amen-block {
background: #f8fafc; border: 1px solid var(--line); border-radius: 10px;
padding: 10px 12px; margin: 0 0 10px;
}
#dossierModal .amen-block .dd-subhead { font-size: 13px; font-weight: 750; }
.amen-fnb { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1px; border-color: #99e0d6; background: #f0fdfa; }
.amen-fnb b { font-size: 12px; }
.amen-fnb-sub { font-size: 9.5px; color: #0f766e; font-weight: 500; }
.amen-fnb-src { display: inline-flex; align-items: center; gap: 5px; font-size: 10px; color: var(--muted); font-weight: 500; text-transform: none; letter-spacing: 0; }


#panel .st-chip, #dossierModal .st-chip { display: none; }
#panel .dd-src > summary, #dossierModal .dd-src > summary { display: none; }




#panel .pglance .pg-s .st-dot, #panel #panelOwner .po-s .st-dot, #panel #panelDeveloper .po-s .st-dot { display: inline-block; }
 
.lfacts { margin-top: 12px; }
.lfacts .lfacts-h { grid-column: 1 / -1; font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin-bottom: 2px; }
.lfacts .pg-v { white-space: normal; overflow: visible; text-overflow: clip; font-weight: 600; }
.pglance .pg-expand { grid-column: 1 / -1; justify-self: start; margin-top: 2px; padding: 0; border: 0; background: none; font: 600 9.5px/1.4 var(--font); letter-spacing: .04em; text-transform: uppercase; color: var(--muted); cursor: pointer; }
.pglance .pg-expand:hover, .pglance .pg-expand[aria-expanded="true"] { color: var(--ink); }
.dd-row { cursor: default; }
#dossierModal .dd-row:hover { background: #fafbfd; }
.dd-qual { font-weight: 500; color: #94a3b8; font-style: italic; text-transform: none; letter-spacing: 0; }
 
.rail-hero img { object-fit: contain; }
.rail-hero { background: #e8ebf0; }
.rail-hero::before {
content: ""; position: absolute; inset: 0; z-index: 0;
background-image: var(--fill); background-size: cover; background-position: center;
filter: blur(14px) brightness(.72); transform: scale(1.15);
}
.rail-hero video { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: contain; background: #000; }
.dv-dots { display: flex; justify-content: center; gap: 5px; padding: 6px 0 2px; }
.dv-dot { width: 7px; height: 7px; border-radius: 50%; border: none; background: #cbd5e1; cursor: pointer; padding: 0; }
.dv-dot.on { background: #0f172a; }
 
.amen-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; margin-top: 4px; }
.amen-tile {
border: 1px solid var(--line); border-radius: 10px; padding: 10px 11px; background: #fff;
display: flex; flex-direction: column; gap: 4px; min-height: 62px;
}
.amen-tile .dv-ic { width: 18px; height: 18px; }
.amen-tile-lab { font-size: 10.5px; text-transform: none; letter-spacing: 0; font-weight: 650; color: var(--ink); }
.amen-fnb-list { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 8px; }
.amen-fnb-h { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: var(--ink); margin-bottom: 4px; }
.amen-fnb-row { display: flex; flex-direction: column; gap: 1px; padding: 4px 0; border-top: 1px solid #f1f2f4; font-size: 12px; }
.amen-fnb-row:first-of-type { border-top: none; }
.amen-fnb-row b { font-weight: 700; }
 


.lt-wrap { overflow: auto; max-height: 62vh; border: 1px solid var(--line); border-radius: 8px; }
.lease-table thead th { position: sticky; top: 0; z-index: 2; }
.lease-table { border-collapse: collapse; width: 100%; font-size: 11px; min-width: 720px; }
.lease-table th {
text-align: left; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;
color: var(--muted); padding: 6px 8px; background: #f8fafc; border-bottom: 1px solid var(--line);
position: sticky; top: 0;
}
.lease-table td { padding: 4px 8px; border-top: 1px solid #f1f2f4; white-space: nowrap; color: var(--ink); }
.lease-table .lt-t { white-space: normal; min-width: 150px; font-weight: 600; }
 
.ch-svg { width: 100%; max-width: 620px; height: auto; display: block; }
 
.ch-svg text { font-size: 10px; font-family: inherit; }
.ch-svg .ch-v { font-size: 8.5px; }
 
.peek-stats { display: flex; flex-direction: column; gap: 3px; margin: 8px 0 2px; border-top: 1px solid var(--line); padding-top: 8px; }
.ps-i { display: flex; gap: 10px; align-items: baseline; font-size: 11.5px; }
.ps-k { flex: none; width: 132px; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.ps-v { color: var(--ink); font-weight: 600; min-width: 0; }
.ps-v.ps-none { color: #a0a7b4; font-weight: 500; font-style: italic; }
 
.status-pill {
display: inline-flex; align-items: center; vertical-align: middle;
font-size: 10px; font-weight: 700; letter-spacing: .02em;
color: #334155; background: #eef1f6; border: 1px solid #d6dbe3;
border-radius: 999px; padding: 2px 9px; margin-left: 7px;
}
 


.pname-row { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 0; }
.pname-row h2 { margin: 0; min-width: 0; }


.pill-row { display: inline-flex; align-items: center; flex: none; white-space: nowrap; margin-left: 7px; gap: 4px; }
.pname-row .status-pill, .meta-pill {
display: inline-flex; align-items: center; gap: 4px; flex: none; margin-left: 0;
font-size: 9.5px; font-weight: 700; letter-spacing: .02em; line-height: 1.4;
color: #475569; background: #f6f7f9; border: 1px solid #e2e6ec;
border-radius: 999px; padding: 2px 8px; white-space: nowrap;
}
.pname-row .status-pill { color: #334155; background: #eef1f6; border-color: #d6dbe3; }
.pill-dot { width: 6px; height: 6px; border-radius: 50%; background: #10b981; flex: none; }
 
.peek-asat { font-size: 10.5px; color: #8a93a3; padding: 4px 16px 10px; }


#peekFields > #panelDescField { display: none; }


#panelIntel > .acc-hint { display: none; }


#dossierModal .dd-head { display: none; }
 
#dossierModal .dsec-sub { padding: 2px 0 6px; }
#dossierModal .dsec-subhead {
font-size: 10.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em;
color: #64748b; margin: 6px 0 4px;
}
 
#panel .dd-sec.mk-schema { display: none; }
 
.ch-denom { margin-top: 4px; }




.prox-cats { display: block; margin: 6px 0 0; }
.prox-cat {
display: flex; align-items: center; justify-content: space-between; gap: 8px;
width: 100%; text-align: left;
font: inherit; font-size: 11px; font-weight: 600; letter-spacing: 0.04em;
text-transform: uppercase; line-height: 1; color: inherit;
background: transparent; border: none; border-top: 1px solid var(--line);
padding: 8px 4px; cursor: pointer; opacity: 0.6;
}
.prox-cat:first-child { border-top: none; }
.prox-cat:hover { opacity: 0.85; }
.prox-cat[aria-pressed="true"] { opacity: 1; }
.prox-cat-label { white-space: nowrap; }  
.prox-cat-n { opacity: 0.6; font-weight: 400; font-variant-numeric: tabular-nums; }


.prox-list { margin: 4px 0 6px; max-height: 180px; overflow-y: auto; }
.prox-row {
display: flex; align-items: flex-start; gap: 7px; padding: 5px 4px;
font-size: 11.5px; line-height: 1.3; border-radius: 6px; cursor: pointer;
}
.prox-row .pl-main { flex: 1 1 auto; min-width: 0; }
.prox-row .pl-line1 { display: flex; align-items: baseline; gap: 8px; }
.prox-row .pl-line1 .pl-name { flex: 1 1 auto; }
.prox-row .pl-line1 .pl-fig { flex: 0 0 84px; text-align: right; }  
.prox-row .pl-line2 { font-size: 10px; opacity: 0.55; margin-top: 1px; display: flex; gap: 8px; }
.prox-row:hover { background: currentColor; background: color-mix(in srgb, currentColor 7%, transparent); }
.prox-row .pl-ic { width: 18px; height: 18px; flex: 0 0 18px; }
.prox-row .pl-name { flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: break-word; }  
.prox-row .pl-fig { flex: 0 0 auto; font-variant-numeric: tabular-nums; opacity: 0.85; }
.prox-row .pl-status { flex: 1 1 100%; min-width: 0; font-size: 10px; opacity: 0.55; white-space: normal; overflow-wrap: break-word; }  
.prox-cap { font-size: 10px; opacity: 0.55; padding: 2px 4px 4px; }  
.prox-row .pl-pin { flex: 0 0 16px; text-align: center; opacity: 0; font-size: 12px; }  
.prox-row:hover .pl-pin { opacity: 0.4; }
.prox-row.pinned .pl-pin { opacity: 1; }
.prox-row.pinned { font-weight: 600; }
.prox-row.pinned .pl-name::after { content: " · pinned"; font-weight: 400; font-size: 10px; opacity: 0.6; }


.prox-panel {


position: fixed; left: 16px; top: 72px;


max-height: calc(100dvh - 72px - var(--map-foot) - 52px);


max-height: min(calc(100dvh - 72px - var(--map-foot) - 52px), calc(100dvh - 72px - var(--prox-clear, 96px)));


display: flex; flex-direction: column; overflow-y: auto;
 
width: fit-content; min-width: 264px; max-width: min(340px, 45vw);


background: transparent; border: 0; border-radius: 0; box-shadow: none;
padding: 0; gap: 8px; z-index: 6;
}
 
.prox-card {
display: flex; flex-direction: column; min-height: 0; flex: 0 0 auto;
background: var(--panel); border: 1px solid var(--line);
border-radius: var(--radius); box-shadow: var(--shadow);
padding: 10px;
}
.prox-card[hidden] { display: none; }  
.prox-panel .prox-head { flex: 0 0 auto; }
.prox-panel .prox-cats { margin: 0 0 4px; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.prox-panel .prox-cat { flex: 0 0 auto; }


.prox-panel .prox-list { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; }
@media (max-width: 760px) { .prox-panel { display: none; } }  


.gt-phone { margin: 12px 0 0; border-top: 1px solid var(--line); }
.gt-phone[hidden] { display: none; }
.gt-phone > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px; min-height: 44px; font-size: 13px; font-weight: 600; }
.gt-phone > summary::-webkit-details-marker { display: none; }
.gt-phone > summary::after { content: "▾"; margin-left: auto; font-size: 11px; opacity: 0.6; transition: transform .15s ease; }
.gt-phone[open] > summary::after { transform: rotate(180deg); }
@media (max-width: 760px) {
.gt-phone .prox-panel { display: flex; position: static; left: auto; top: auto; width: auto; min-width: 0; max-width: none; max-height: none; overflow: visible; z-index: auto; }
.gt-phone .prox-card { box-shadow: none; border: 0; padding: 0 0 8px; background: transparent; }
.gt-phone #proxHead { display: none; }
.gt-phone #proxCardLayers { display: none; }
}
.prox-head { font-size: 12px; font-weight: 600; padding: 0 4px 6px; opacity: 0.9; }




.prox-subhead { font-size: 10px; opacity: 0.55; font-style: italic; padding: 7px 4px 2px; border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent); margin-top: 5px; }
.prox-row.prox-other { opacity: 0.78; }


.ysc-card { margin: 10px 0 4px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }
.ysc-banner { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #92400e; background: #fef3c7; border: 1px solid #fcd34d; border-radius: 6px; padding: 5px 8px; margin-bottom: 8px; }
.ysc-h { font-weight: 800; font-size: 12px; margin-bottom: 6px; }
.ysc-h-sub { font-weight: 400; font-size: 10px; opacity: .6; margin-left: 6px; }
.ysc-row { display: grid; grid-template-columns: 170px 1fr; gap: 2px 10px; padding: 4px 0; border-top: 1px solid #f1f2f4; align-items: center; }
.ysc-k { font-size: 11px; font-weight: 600; }
.ysc-unit { font-weight: 400; opacity: .55; font-size: 10px; }
.ysc-v input, .ysc-v select { width: 130px; font: inherit; font-size: 11px; padding: 3px 6px; border: 1px solid var(--line); border-radius: 5px; }
.ysc-s { grid-column: 2; }
.ysc-src { font-size: 9.5px; opacity: .6; }
.ysc-note { font-size: 9.5px; opacity: .55; font-style: italic; }
.ysc-outs { margin-top: 8px; border-top: 2px solid var(--line); padding-top: 6px; }
.ysc-out-row { display: grid; grid-template-columns: 170px 1fr; gap: 10px; padding: 4px 0; font-size: 12px; }
.ysc-out-row .ysc-v { font-weight: 700; }
.pf-stchip.ysc-calc-chip { background: #eef2ff; color: #3730a3; }
.pf-stchip.st-user-input { background: #f1f5f9; color: #475569; }
@media print {
.ysc-card input, .ysc-card select { border: none; }
.ysc-banner { border: 1.5px solid #92400e; }
}


.role-entry {
position: fixed; left: 16px; bottom: 96px; z-index: 40;
height: 28px; padding: 0 11px; border-radius: 999px;
font: 600 12px/1 var(--font); color: #14202e; background: #fff;
border: 1.5px dashed #9a7b3f; cursor: pointer; white-space: nowrap;
}
.role-entry:hover { background: #f5f1e8; }
.role-entry[hidden] { display: none; }  


.role-bar-name { font-weight: 700; white-space: nowrap; }
.role-holds { position: fixed; top: 64px; left: 16px; z-index: 8; width: min(680px, calc(100vw - 32px)); padding: 10px 14px; border-radius: 8px;
background: #fffbea; border: 1px solid #e3d5a6; box-shadow: var(--shadow); font: 12.5px/1.45 var(--font); color: #1a1f2b; }
.role-holds[hidden] { display: none; }
.role-bar-holds { display: block; }
@media (max-width: 760px) { .loc-switch { display: none; } }  
.role-bar-btn {
height: 24px; padding: 0 9px; border-radius: 999px; font: 600 11.5px/1 var(--font);
color: #14202e; background: #fff; border: 1px solid #9a7b3f; cursor: pointer;
}
.role-bar-btn:hover { background: #f5f1e8; }
.role-login {
position: fixed; inset: 0; z-index: 120; display: flex; align-items: center; justify-content: center;
background: rgba(15, 23, 42, .55);
}
.role-login[hidden] { display: none; }
.role-login-card {
position: relative; width: min(520px, 92vw); padding: 26px 28px 22px; border-radius: 14px;
background: #fff; color: #1a1f2b; box-shadow: 0 24px 60px rgba(0,0,0,.35); font-family: var(--font);
}
.role-login-card h2 { margin: 0 0 6px; font-size: 18px; }
.role-login-close { position: absolute; top: 10px; right: 10px; }
.role-login-note { margin: 0 0 14px; font-size: 12.5px; color: #5b6472; }
.role-login-msg { margin: 0 0 12px; font-size: 12.5px; color: #b91c1c; font-weight: 600; }
.role-login-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.role-login-item {
text-align: left; padding: 10px 12px; border-radius: 10px; font: 600 13px/1.3 var(--font);
color: #14202e; background: #fff; border: 1.5px solid #9a7b3f; cursor: pointer;
}
.role-login-item:hover { background: #f5f1e8; }
.role-login-item.on { background: #0f172a; color: #fff; border-color: #0f172a; }
.role-login-cur { margin-top: 14px; font-size: 12.5px; display: flex; align-items: center; gap: 10px; }
.dsec-role .dsec-num { color: #9a7b3f; }
.role-prox-cat { margin: 10px 0 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #5b6472; }
.role-prox-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 4px 0; border-bottom: 1px solid #eef1f6; font-size: 12.5px; }
.role-prox-row .rp-fig { font-variant-numeric: tabular-nums; white-space: nowrap; }
.role-prox-row .rp-st { grid-column: 1 / -1; font-size: 11px; color: #5b6472; }
.role-dr { padding: 6px 0; font-size: 12.5px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.role-dr-open { height: 24px; padding: 0 9px; border-radius: 999px; font: 600 11.5px/1 var(--font); color: #14202e; background: #fff; border: 1px solid #9a7b3f; cursor: pointer; }
 
body.role-active .panel { top: 106px; }
body.role-active .prox-panel { top: 72px; }  
 
.brief-overlay { position: fixed; inset: 0; z-index: 121; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, .55); }
.brief-overlay[hidden] { display: none; }
.brief-card { position: relative; width: min(640px, 94vw); max-height: 90vh; overflow: auto; padding: 24px 28px 20px; border-radius: 14px; background: #fff; color: #1a1f2b; box-shadow: 0 24px 60px rgba(0,0,0,.35); font-family: var(--font); }
.brief-card h2 { margin: 0 0 4px; font-size: 18px; }
.brief-card h3 { margin: 16px 0 6px; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: #5b6472; }
.brief-step { font-size: 12px; font-weight: 500; color: #5b6472; margin-left: 8px; }
.brief-intro { margin: 0 0 12px; font-size: 12.5px; color: #5b6472; }
.brief-close { position: absolute; top: 10px; right: 10px; }
.brief-fields { display: grid; grid-template-columns: 1fr; gap: 10px; }
.brief-field { display: grid; gap: 4px; font-size: 12.5px; }
.brief-label { font-weight: 600; }
.brief-mode { font-size: 10.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #9a7b3f; margin-left: 6px; }
.brief-cap { color: #5b6472; }
.brief-note { font-size: 11.5px; color: #5b6472; }
.brief-field select, .brief-field input { height: 30px; padding: 0 8px; border: 1px solid #cfd6e0; border-radius: 8px; font: 12.5px var(--font); }
.brief-range { display: inline-flex; gap: 6px; align-items: center; }
.brief-range input { width: 110px; }
.brief-live { margin: 12px 0 4px; padding: 8px 10px; border-radius: 8px; background: #f5f1e8; font-size: 12.5px; font-weight: 600; }
.brief-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 12px; }
.brief-primary { background: #0f172a; color: #fff; border-color: #0f172a; }
.brief-primary:hover { background: #1e293b; }
.brief-coverage { margin: 6px 0 10px; padding: 8px 10px; border-radius: 8px; background: #fffbea; border: 1px solid #e3d5a6; font-size: 12.5px; }
.brief-list { display: grid; gap: 4px; max-height: 40vh; overflow: auto; }
.brief-row { display: flex; justify-content: space-between; gap: 10px; padding: 7px 10px; border: 1px solid #eef1f6; border-radius: 8px; background: #fff; text-align: left; font: 12.5px var(--font); cursor: pointer; }
.brief-row:hover { background: #f5f7fa; }
.brief-row-om { cursor: default; border-style: dashed; }
.brief-row-name { font-weight: 600; }
.brief-row-meta { color: #5b6472; white-space: nowrap; }
.brief-echo { display: grid; gap: 2px; }
.brief-echo-row { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 8px; padding: 4px 0; border-bottom: 1px solid #eef1f6; font-size: 12.5px; }
.brief-skipped { color: #5b6472; }
.brief-dpdp { margin: 0 0 10px; padding: 8px 10px; border-radius: 8px; background: #eef1f6; font-size: 12px; }
.brief-saved { margin-top: 10px; font-size: 12.5px; font-weight: 600; }
.brief-cleared { color: #b45309; font-weight: 600; }
.brief-empty-dep { display: block; padding: 6px 8px; border: 1px dashed #cfd6e0; border-radius: 8px; color: #5b6472; }
 
.lease-table tr.lt-floor td { background: #f8fafc; font-size: 11px; font-weight: 700; color: #334155; letter-spacing: 0.02em; padding: 6px 8px; }
.role-pf-list { display: flex; flex-direction: column; gap: 4px; }
.role-pf-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 8px 10px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; cursor: pointer; text-align: left; font: inherit; }
.role-pf-row:hover { background: #f8fafc; }
.role-pf-row .rp-name { font-weight: 600; font-size: 12.5px; color: #0f172a; }
.role-pf-row .rp-sub { grid-column: 1 / -1; font-size: 11px; color: #64748b; }
.role-pf-head { font-size: 11.5px; color: #475569; margin: 6px 0 10px; }
.role-pf-back { background: none; border: none; color: #2563eb; font-size: 11.5px; cursor: pointer; padding: 0; margin-bottom: 8px; }


.land-bldg-toggle {
display: inline-flex; align-items: center; gap: 9px;
min-height: 30px; padding: 5px 11px 5px 7px;
border: 1px solid var(--line); border-radius: 8px; background: #fff;
font: 600 12px/1.3 var(--font); color: var(--ink); text-align: left;
cursor: pointer;
}
.land-bldg-toggle:hover { border-color: #9a7b3f; }
.land-bldg-toggle .lb-track {
flex: none; position: relative; width: 28px; height: 16px; border-radius: 999px;
background: #d7dbe2; transition: background .14s;
}
.land-bldg-toggle .lb-thumb {
position: absolute; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%;
background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .3); transition: transform .14s;
}
.land-bldg-toggle[aria-checked="true"] .lb-track { background: #9a7b3f; }
.land-bldg-toggle[aria-checked="true"] .lb-thumb { transform: translateX(12px); }
.land-bldg-toggle .lb-state { color: #64748b; font-weight: 500; }
.land-bldg-toggle[aria-checked="true"] .lb-state { color: var(--ink); }
.role-pf-src { font-size: 10.5px; color: #64748b; }
.opp-row.active { border-color: #c2410c; background: #fff7ed; }
.opp-row .dr-unverified { justify-self: end; }
.role-pf-unconfirmed-head { margin: 14px 0 6px; padding: 6px 10px; font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #92400e; background: #fffbeb; border: 1px dashed #f59e0b; border-radius: 6px; }
.role-pf-row.role-pf-unconfirmed { border-style: dashed; border-color: #f59e0b; background: #fffdf5; }
.dsec-asr .asr-zone { font-weight: 700; }
.dsec-asr .asr-pill { margin-left: 6px; }
.dsec-asr .asr-landmark { font-size: 11.5px; color: #334155; margin-top: 3px; }
.dsec-asr .asr-rates { font-size: 11.5px; margin-top: 3px; }
.dsec-asr .asr-meta { font-size: 10.5px; color: #64748b; margin-top: 2px; }
.st-chip.st-under-verification.asr-pill { background: #fef3c7; color: #92400e; border: 1px solid #f59e0b; }
.dsec-asr .asr-ambiguous { font-weight: 600; color: #92400e; border-bottom: 1px dashed #d97706; cursor: help; }
.dsec-asr .asr-candidates { color: #475569; }
 
.dd-row.prov-owner-claimed { border-left: 3px dashed #a78bfa; background: #faf8ff; }
.dsec-amenities .amen-item { white-space: nowrap; }
.dsec-certifications .dd-sub { font-size: 10.5px; color: #64748b; margin-top: 2px; }
.dsec-fire-noc .dd-not-held { color: #8a90a0; font-style: italic; }
 
.rc-sec .dd-sec-title { font-weight: 700; }
.rc-inputs { display: grid; grid-template-columns: 1fr; gap: 4px; margin: 6px 0 8px; }
.rc-in { display: grid; grid-template-columns: 150px 1fr; gap: 2px 10px; padding: 4px 0; border-bottom: 1px solid #f3f4f6; font-size: 11px; }
.rc-in-k { color: #6b7280; font-weight: 600; }
.rc-in-v { color: var(--ink); font-variant-numeric: tabular-nums; }
.rc-in-s { grid-column: 1 / -1; font-size: 10px; color: #6b7280; line-height: 1.35; }
.rc-reg { font-weight: 600; }
.rc-cite, .rc-band { font-size: 9.5px; color: #6b7280; line-height: 1.35; white-space: normal; }
.rc-row-not-eligible td { color: #6b7280; }
.rc-row-pending .rc-num { color: #92400e; }




.rc-tab.on { background: #fff; color: var(--ink); border-color: #9ca3af; }
.rc-facts { margin-top: 3px; display: flex; flex-wrap: wrap; gap: 3px; }
.rc-fact { font-size: 9px; padding: 0 5px; border-radius: 4px; border: 1px dashed #d1d5db; color: #4b5563; }
.rc-fact-ok { border-style: solid; border-color: #a7f3d0; color: #065f46; }
.rc-fact-fail { border-color: #d1d5db; text-decoration: line-through; }
.rc-fact-pending { border-color: #fde68a; color: #92400e; }
@media print {
.rc-sheet .muted { color: #555; }
}
 


.inspector { position: fixed; top: var(--panel-top); --panel-top: 64px; right: 16px; width: 320px;   max-width: calc(100vw - 32px);
display: flex; flex-direction: column; overflow: hidden; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); z-index: 6; }
.inspector[hidden] { display: none; }




.map-prov {
position: absolute; left: 50%; transform: translateX(-50%);


bottom: 22px; z-index: 4;
display: flex; flex-direction: column; align-items: center; gap: 2px;
max-width: min(720px, calc(100vw - 520px));
pointer-events: none; user-select: none; text-align: center;
}
.map-prov[hidden] { display: none; }
.map-prov .som-counts { display: flex; flex-wrap: wrap; justify-content: center; align-items: baseline; gap: 3px 14px; font-size: 12px; color: var(--muted); }
.map-prov .som-city { font-weight: 700; color: var(--ink); letter-spacing: .01em; }
.map-prov .som-n { font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.map-prov .dateline { border-top: 0; background: none; padding: 0; justify-content: center; }
.map-prov .som-note { margin-top: 4px; font-size: 10px; color: rgba(60, 70, 84, 0.62); letter-spacing: 0.02em; line-height: 1.35; }
@media (max-width: 1100px) { .map-prov { max-width: calc(100vw - 300px); } }


@media (max-width: 760px) { .map-prov { max-width: calc(100vw - 28px); bottom: 132px; gap: 2px; }
.map-prov .som-counts { font-size: 11px; gap: 2px 10px; } .map-prov .som-note { font-size: 9.5px; margin-top: 3px; } }
.signed-out-peek-foot .dossier-open-btn { width: 100%; text-align: left; }




.signed-out-peek-foot { display: flex; flex-direction: column; gap: 8px; padding-top: 2px; }
#panel.signed-out .phead { padding-bottom: 6px; }
#panel.signed-out .pbody { padding-top: 8px; padding-bottom: 10px; }


#panel.signed-out #panelIntel { margin-top: 8px; padding-top: 0; border-top: 0; }
#panel.signed-out .pfoot { display: none; }
#panel.signed-out .peek-asat { padding-top: 0; padding-bottom: 8px; }
#panel.signed-out .peek-asat .dateline { padding-top: 4px; padding-bottom: 4px; }
#panel.signed-out .signed-out-held-h { margin-top: 2px; }
.signed-out-peek-foot .svc-btn { width: 100%; height: auto; min-height: 30px; padding-top: 5px; padding-bottom: 5px; white-space: normal; text-align: left; justify-content: flex-start; }  
#panel.signed-out .signed-out-held-h .pg-k { padding-top: 6px; color: var(--ink); white-space: nowrap; }


#panel.signed-out .signed-out-held-list { white-space: normal; overflow: visible; display: flex; flex-wrap: wrap; gap: 5px 14px; font-weight: 500; }
#panel.signed-out .signed-out-held-item { white-space: nowrap; }
#panel.signed-out #peekFields { display: none; }  


.insp-tabs { display: flex; flex-wrap: wrap; align-items: stretch; gap: 2px; padding: 6px 4px 0; border-bottom: 1px solid var(--line); flex: 0 0 auto; }  
.insp-tab { flex: 0 1 auto; min-width: 0; height: 30px; padding: 0 3px; border: 0; border-bottom: 2px solid transparent; background: none; font: 600 10px/1 var(--font); letter-spacing: -0.01em;   color: #5b6472; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.insp-tab[aria-selected="true"] { color: #14202e; border-bottom-color: #14202e; }
.insp-tab:hover { color: #14202e; }
.insp-close { flex: 0 0 auto; margin-left: auto; width: 24px; height: 30px; border: 0; background: none; color: #5b6472; font-size: 14px; cursor: pointer; }
.insp-pages { flex: 1 1 auto; overflow: auto; min-height: 120px; }
.insp-page[hidden] { display: none; }
.insp-empty { padding: 18px 16px; font-size: 12.5px; color: #6b7280; }
.insp-empty[hidden] { display: none; }
 
.inspector .panel, .inspector .portfolios-panel { position: static !important; transform: none !important; opacity: 1 !important; pointer-events: auto !important;
width: 100% !important; max-width: none !important; max-height: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; }
.inspector .panel:not(.open) { display: none; }
.inspector .pclose { display: none; }
.inspector .layers-grid { padding: 8px 10px; }
.insp-metro { padding: 8px 12px 14px; border-top: 1px solid var(--line); font-size: 12px; }
.insp-toggle { display: flex; gap: 8px; align-items: center; margin: 6px 0 2px; font-weight: 600; }
.insp-metro-meta { font-size: 10.5px; color: #6b7280; line-height: 1.4; margin: 0 0 6px 24px; }
.insp-lines { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 2px 0 8px 24px; font-size: 10.5px; color: #374151; }
.insp-line { display: inline-flex; align-items: center; gap: 4px; }
.insp-line-sw { display: inline-block; width: 14px; height: 4px; border-radius: 2px; }
.insp-line-sw-none { background: repeating-linear-gradient(90deg, #9aa3ad 0 3px, transparent 3px 6px); }
.insp-chip[aria-pressed="true"] { background: #14202e; color: #fff; }
 
body.inspector-on #portfoliosPanel, body.inspector-on #ownershipPanel:not(#inspector *), body.inspector-on #encumbrancePanel:not(#inspector *),
body.inspector-on #dealRadarPanel, body.inspector-on .role-entry,
body.inspector-on #layersDD,
body.inspector-on #controls > .svc-btn:not(#inspectorBtn):not(#encumbranceBtn), body.inspector-on #controls > .ctrl-divider { display: none !important; }


body.inspector-on #moreMenu #encumbranceBtn { display: inline-flex !important; }


body.inspector-on #parcelNote:not(#inspector *), body.inspector-on #landStudiedPanel:not(#inspector *) { display: none !important; }
 
body.inspector-on #developerPanel:not(#inspector *), body.inspector-on #devPortfolioPanel:not(#inspector *), body.inspector-on #opportunitiesPanel:not(#inspector *) { display: none !important; }


.inspector .parcel-note { position: static !important; width: auto !important; max-width: none !important; min-width: 0 !important; display: block !important; box-shadow: none; border: 0; border-top: 1px solid var(--line); border-radius: 0; margin: 0; }
.inspector .prox-panel .prox-list { max-height: none; }
.inspector #landStudiedPanel { position: static !important; transform: none !important; opacity: 1 !important; pointer-events: auto !important; width: 100% !important; max-width: none !important; box-shadow: none !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; }
.inspector #landStudiedPanel:not(.open) { display: none; }
.insp-sec { margin: 0; padding: 8px 12px; border-top: 1px solid var(--line); }
.insp-sec > summary { cursor: pointer; font-weight: 700; font-size: 12.5px; }
body.inspector-on #moreDD .svc-btn { display: block; }
@media (max-width: 760px) {


.inspector { top: auto; bottom: 0; left: 0; right: 0; width: 100%; max-width: none; height: auto; max-height: 72vh; border-radius: 14px 14px 0 0; }
.insp-tab { font-size: 11px; padding: 0 4px; }
}
 
.auth-btn { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) { .auth-btn { max-width: 150px; } }
 
body.role-active #railCounts { display: none !important; }
body.role-active .dsec-empty { color: #9aa1ad; }
body.role-active #dossierModal .dsec-num, body.role-active .dsec-num { display: none; }  
.rail-absent-label { color: #9aa1ad; font-weight: 600; text-transform: none; }
 
.rp-note { display: block; font-size: 10.5px; color: #6b7280; margin-top: 2px; }
.opp-filter { display: inline-flex; gap: 6px; align-items: center; margin: 6px 0 2px; font-size: 12px; color: #374151; }
 
 
 
.inspector .rc-hdr { grid-template-columns: 1fr !important; display: grid; }
.inspector .rc-sec table { display: block; overflow-x: auto; max-width: 100%; }
 
 
body.inspector-on #moreMenu #compsBtn { display: none !important; }
 
body.inspector-on #moreMenu #ownershipBtn { display: none !important; }  
body.inspector-on #moreDD:not(:has(#servicesBtn)) { display: none !important; }
 


.pf-views[hidden] { display: none !important; }
.pf-views { display: flex; gap: 4px; padding: 6px 10px 0; border-bottom: 1px solid var(--line); }
.pf-view { flex: 1 1 0; height: 26px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font: 600 11px/1 var(--font); color: #5b6472; cursor: pointer; }
.pf-view[aria-pressed="true"] { background: #14202e; color: #fff; border-color: #14202e; }
 
.opp-detail { padding: 4px 12px 8px 12px; border-bottom: 1px solid var(--line); background: #fafbfc; }
.opp-detail[hidden] { display: none; }
.opp-dd { font-size: 12px; }
.opp-row[aria-expanded="true"] { background: #f3f4f6; }
 
.lt-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 760px) { .lt-grid { grid-template-columns: 1fr; } }
.lt-col { border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; }
.lt-reg { border-left: 3px solid #1a7f4b; } .lt-ask { border-left: 3px solid #a78bfa; }
.lt-h { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #5b6472; margin-bottom: 4px; }
.lt-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; padding: 4px 0; border-bottom: 1px solid #f1f3f6; font-size: 12px; }
.lt-row .lt-f { color: #6b7280; }
 
.ch-ref { color: #6b7280; font-size: 11px; margin-top: 2px; }
.ch-pos .dd-row { grid-template-columns: minmax(120px, 0.9fr) 2fr auto; } .lt-row .lt-v { grid-column: 1 / -1; color: #14202e; } .lt-row .lt-s { grid-column: 2; grid-row: 1; display: inline-flex; gap: 4px; align-items: center; }
.lt-empty { font-size: 12px; color: #9aa1ad; padding: 6px 0; }
.lt-note, .lt-spread { font-size: 11px; color: #6b7280; margin-top: 4px; line-height: 1.4; }
.lt-spread { font-weight: 600; color: #374151; }
.lt-compiled { margin-top: 10px; }
.lt-sub { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #5b6472; margin: 8px 0 4px; }
.lad-row { display: grid; grid-template-columns: 44px 1fr auto auto; gap: 8px; align-items: center; padding: 3px 0; font-size: 12px; }
.lad-y { font-weight: 700; } .lad-track { height: 8px; background: #eef1f6; border-radius: 4px; overflow: hidden; } .lad-bar { display: block; height: 100%; background: #1a7f4b; opacity: .7; }
.lad-n { color: #374151; white-space: nowrap; }
 
.peek-shortlist { margin-top: 6px; }
.sl-in { font-size: 12px; color: #374151; }
.insp-shortlist { border-top: 1px solid var(--line); }
.sl-row .sl-status, .sl-row .sl-floor { font: 12px var(--font); padding: 2px 4px; border: 1px solid var(--line); border-radius: 4px; }
.sl-row .sl-floor { width: 64px; }
.sl-row .sl-notes { width: 100%; box-sizing: border-box; font: 12px var(--font); border: 1px solid var(--line); border-radius: 6px; padding: 4px 6px; margin-top: 4px; }
.req-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 6px 12px 8px; border-bottom: 1px solid var(--line); font-size: 12px; }
.req-chip { background: #f3f4f6; }
.pm-req { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line); }
.pm-req-h { font-weight: 700; font-size: 13px; margin-bottom: 4px; }
.pm-two input { width: 45%; }


.cs-enum { font-weight: 650; text-transform: capitalize; margin-right: 6px; }
.cs-narrative { margin-top: 3px; font-size: 11.5px; line-height: 1.45; color: var(--muted); white-space: normal; }
 
 
@media (min-width: 1080px) { body.look-quiet .inspector { width: 360px; } }  
 
@media (max-width: 760px) {
.insp-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.insp-tabs::-webkit-scrollbar { display: none; }
.insp-tab { flex: 0 0 auto; overflow: visible; }
.insp-close { position: sticky; right: 0; background: #fff; }
.pf-views { overflow-x: auto; scrollbar-width: none; }
.pf-view { flex: 0 0 auto; padding: 0 10px; }
}
 
.mk-body { }
.mk-sec .phead { padding-bottom: 4px; }
.mk-need { padding: 4px 0; }
.uc-row .rp-sub .prov-chip, .uc-row .rp-sub details { display: inline-block; vertical-align: middle; }
 
.mw-sec { border-top: 1px solid var(--line); }
.mw-sec:first-child { border-top: 0; }
.mw-sec:empty { display: none; }
.mw-signin { padding: 12px 16px; font-size: 12px; color: #6b7280; }
.mw-signin[hidden] { display: none; }
.mw-signin .ptype { margin-bottom: 2px; }
.mw-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 16px 12px; }
.mw-actions .role-bar-btn { margin-top: 0; }
.mw-coverage { margin: 0; padding: 0 16px 8px; font-size: 12px; color: #374151; }
.mw-body h2, .insp-conn h2 { overflow-wrap: anywhere; }
.inspector .mk-body .portfolios-body, .inspector .mw-body .portfolios-body, .inspector .insp-conn .portfolios-body { height: auto; overflow: visible; padding: 0; }
.mk-body .phead, .mw-body .phead, .insp-conn .phead { padding: 14px 16px 10px; }
.mw-note { padding: 10px 16px 12px; border-top: 1px solid var(--line); font-size: 11.5px; color: #6b7280; }
.inspector .mw-sec #landStudiedPanel { border-top: 0 !important; }
 
.insp-back { display: block; width: 100%; text-align: left; padding: 9px 16px; border: 0; border-bottom: 1px solid var(--line); background: #fafbfc; font: 600 12px/1 var(--font); color: #14202e; cursor: pointer; }
.insp-back:hover { background: #f1f3f6; }
 
body.look-quiet .panel .pfoot { flex-wrap: wrap; }
body.look-quiet .panel .pfoot .dossier-open-btn { flex: 1 1 45%; }


body.look-quiet #authSlot .svc-btn, body.look-quiet #inspectorBtn { border: 1px solid #c9ced6; background: #fff; color: #14202e; font-weight: 600; }
body.look-quiet #authSlot .svc-btn::before, body.look-quiet #inspectorBtn::before { content: none; }
body.look-quiet #authSlot .svc-btn:hover, body.look-quiet #inspectorBtn:hover { border-color: #14202e; background: #fff; }
body.look-quiet .insp-chip[aria-pressed="true"] { background: #14202e; color: #fff; border-color: #14202e; }
body.look-quiet :is(.dd-menu-head, .lyr-head .lyr-cat, .lyr-head .lyr-col, .lyr-legend-h, .search-results .search-group, .gallery-title,
.panel .label, .legend .ltitle, .map-legend .lg-kicker, .map-legend .lg-h, .intel-title, .pf-spvgroup-h, .ys-group-h, .ten-cell label,
.ten-tower, #dossierModal .rail-amen-head, .doc-class-h, .pg-lab, #dossierModal .ptype, #dossierModal .label, .pglance .pg-k,
.dateline-k, .ten-comm-i label, .amen-cat-k, .dv-class, .dv-lab, .loc-type, .rp-k, .lfacts .lfacts-h, .pglance .pg-expand,
.lease-table th, .ps-k, #dossierModal .dsec-subhead, .role-prox-cat, .brief-card h3, .brief-mode, .rc-table th, .rc-hk, .rc-sub,
.lt-h, .lt-sub, .cs-context-h, .cmp-pick-grp, .cs-group-head, .cmp-cluster, .mk-cluster, .dev-legend-t, .dev-hk, .dev-vf-sep,
.dev-feas-gt, .dev-feas-pk, .feas-hsl, .prox-title, .role-pf-unconfirmed-head, .dd-sec-count, #dossierModal .rail-absent-label, .ptype)
{ text-transform: none; letter-spacing: 0; }
.mk-body .dd-empty, .mw-body .dd-empty, .mk-body .insp-empty, .mw-body .insp-empty { padding: 6px 16px 12px; font-size: 12.5px; }
 
.cn-sec { padding: 8px 16px 10px; border-top: 1px solid var(--line); }
.cn-h { font-size: 12.5px; font-weight: 700; color: var(--ink); margin: 2px 0 6px; }
.cn-sub { font-size: 11.5px; font-weight: 600; color: #5b6472; margin: 8px 0 4px; }
.cn-row { display: grid; grid-template-columns: 1fr auto; column-gap: 10px; padding: 5px 0; border-top: 1px solid #eef0f3; font-size: 12px; }
.cn-row:first-of-type { border-top: 0; }
.cn-name { display: inline-flex; align-items: center; gap: 6px; min-width: 0; color: var(--ink); font-weight: 600; }
.cn-fig { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; }
.cn-qual { grid-column: 1 / -1; font-size: 11px; color: #6b7280; line-height: 1.35; }
.cn-qual .rc-pill, .cn-qual .prov-chip { vertical-align: middle; }
.cn-row[data-cn-hover] { cursor: default; }
.cn-row[data-cn-hover]:hover { background: #fafbfc; }
.cn-roundel { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; color: #fff; font: 700 10px/1 var(--font); letter-spacing: 0; }
.cn-roundel.cn-rail { background: #5b6472; }
.cn-kind { font-size: 10.5px; font-weight: 500; color: #6b7280; margin-left: 4px; }
.cn-absent { padding: 4px 0 2px; font-size: 12px; }
.cn-station { padding: 8px 16px; font-size: 12px; border-top: 1px solid var(--line); background: #fafbfc; }
#cnCatchment .prox-panel { border-top: 0 !important; margin-top: 2px; }
#cnCatchment .prox-head { display: none; }
.cn-fig .absent { white-space: normal; }
@media (max-width: 760px) { .cn-fig { white-space: normal; } }
 


.cn-row { grid-template-columns: minmax(min-content, 42%) minmax(0, 1fr); align-items: start; }
.cn-name { flex-wrap: wrap; overflow-wrap: break-word; }
.cn-fig { white-space: normal; overflow-wrap: break-word; }
.cn-fig .absent { display: inline; }
 
 


.insp-head { display: flex; align-items: stretch; border-bottom: 1px solid var(--line); flex: 0 0 auto; }
.insp-head .insp-tabs { flex: 1 1 auto; border-bottom: 0; }
.insp-head .insp-close { flex: 0 0 auto; margin: 0 0 0 auto; }  
.insp-tab-slot { display: none; align-items: center; flex: 0 0 auto; min-width: 0; margin: 0 4px 0 2px; }
.insp-tab-slot:has(.insp-tabs) { display: inline-flex; }
.insp-tabs.insp-tabs-bar { flex-wrap: nowrap; gap: 0; padding: 0; border: 1px solid #c9ced6; border-radius: 8px; overflow: hidden; background: #fff; height: 32px; align-items: stretch; }




.insp-tabs.insp-tabs-bar { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; }
.insp-tabs.insp-tabs-bar .insp-tab { min-width: 0; justify-content: center; text-align: center; height: auto; padding: 0 11px; border: 0; border-left: 1px solid #e3e6ea; border-bottom: 0; border-radius: 0; font: 600 12px/1 var(--font); color: #3b4452; background: #fff; overflow: visible; }
.insp-tabs.insp-tabs-bar .insp-tab:first-child { border-left: 0; }
.insp-tabs.insp-tabs-bar .insp-tab[aria-selected="true"] { background: #14202e; color: #fff; }
.insp-tabs.insp-tabs-bar .insp-tab:hover:not([aria-selected="true"]) { background: #f1f3f6; color: #14202e; }


.ws-slot { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }


.ws-slot.ws-compact-slot { position: relative; }
.ws-btn.ws-compact { padding: 0 10px; }
.ws-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 20; min-width: 168px; padding: 4px;
background: #fff; border: 1px solid #c9ced6; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
.ws-menu .ws-item { display: block; width: 100%; text-align: left; padding: 9px 10px; border: 0; border-radius: 6px;
background: none; font: 600 13px/1 var(--font); color: #101828; cursor: pointer; }
.ws-menu .ws-item:hover { background: #f5f6f8; }
.ws-menu .ws-item[aria-pressed="true"] { background: #14202e; color: #fff; }
.ws-btn { height: 32px; padding: 0 12px; border: 1px solid #c9ced6; border-radius: 8px; background: #fff;
font: 600 12px/1 var(--font); color: #3b4452; white-space: nowrap; cursor: pointer; }
.ws-btn:hover { background: #f1f3f6; color: #14202e; }
.ws-btn[aria-pressed="true"] { background: #14202e; border-color: #14202e; color: #fff; }
.ws-btn.ws-secondary { border-color: transparent; color: #5b6472; padding: 0 9px; }
.ws-btn.ws-secondary:hover { border-color: #c9ced6; }
.ws-btn.ws-secondary[aria-pressed="true"] { background: #14202e; border-color: #14202e; color: #fff; }
@media (min-width: 1080px) { body.look-quiet #inspectorBtn { display: none !important; } }  
@media (max-width: 1400px) { .insp-tabs.insp-tabs-bar .insp-tab { padding: 0 8px; font-size: 11.5px; } }
 
.pl-stages { display: flex; gap: 14px; padding: 10px 16px 6px; border-bottom: 1px solid var(--line); font: 600 12px/1.2 var(--font); color: #9aa1ad; }
.pl-stage { padding-bottom: 4px; border-bottom: 2px solid transparent; white-space: nowrap; }
.pl-stage[aria-current="true"] { color: #14202e; border-bottom-color: #14202e; }
.pl-note { padding: 6px 16px 10px; font-size: 11.5px; color: #6b7280; }


.pl-src { display: inline-block; margin-left: 6px; padding: 1px 6px; border: 1px solid var(--line); border-radius: 999px;
font: 600 10px/1.4 var(--font); color: #374151; white-space: nowrap; }
.inspector .insp-page[data-tab="pipeline"] #landStudiedPanel { border-top: 0 !important; }
 
.cp-row .rp-sub { display: block; }
.cp-kind { display: inline-block; margin-left: 6px; padding: 1px 6px; border: 1px solid var(--line); border-radius: 999px; font: 600 10px/1.4 var(--font); color: #374151; }
.cp-sec { border-top: 1px solid var(--line); }
.cp-sec .cn-h { padding: 10px 16px 4px; }
.cp-charges { padding: 0 8px 10px; overflow-x: auto; }
.cp-charges .pf-table { font-size: 11px; }
.cp-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 16px 10px; }
.cp-row.cp-on { background: #f3f4f6; }
.iso-badge { position: absolute; top: 72px; left: 50%; transform: translateX(-50%); z-index: 5; max-width: min(60vw, 640px); display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 6px 0 12px; border: 1px solid #c9ced6; border-radius: 999px; background: rgba(255,255,255,0.96); font: 600 12px/1 var(--font); color: #14202e; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.iso-badge .iso-n { color: #6b7280; font-weight: 500; }
.iso-badge .iso-x { width: 22px; height: 22px; border: 0; border-radius: 50%; background: #f1f3f6; color: #14202e; font: 700 12px/1 var(--font); cursor: pointer; }
.iso-badge .iso-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 760px) { .iso-badge { top: 66px; max-width: calc(100vw - 20px); } }
 
.mk-land-marks .rp-sub { display: block; }
 
.mk-land-mark .rp-sub { margin-top: 2px; line-height: 1.45; }
 


@media (min-width: 1080px) and (max-width: 1439px) {
.topbar:has(#inspTabSlot) .search { flex: 0 0 auto; }
.topbar:has(#inspTabSlot) .insp-tabs.insp-tabs-bar .insp-tab { padding: 0 8px; font-size: 11.5px; }
.topbar:has(#inspTabSlot) .top-left { margin-right: 4px; }
.topbar:has(#inspTabSlot) { gap: 8px; }
}


@media (max-width: 760px) {
body.look-quiet .controls .search { flex: 1 1 44px; min-width: 44px; }
body.look-quiet .controls .search input { min-width: 0; }


body.look-quiet #inspectorBtn { width: 34px; min-width: 34px; padding: 0; font-size: 0; position: relative; }
body.look-quiet #inspectorBtn::after { content: "▤"; font-size: 15px; line-height: 1; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
body.look-quiet .auth-end { padding-left: 6px; gap: 6px; }
}
 
 
@media (min-width: 1440px) { body.look-quiet .inspector.insp-wide { width: 420px; } body.look-quiet .inspector.insp-table { width: min(960px, calc(100vw - 32px)); } }
@media (max-width: 760px) { .inspector.insp-table { max-height: calc(100dvh - 64px) !important; } }
 
.role-pf-row .rp-name { white-space: normal; line-height: 1.3; overflow-wrap: anywhere; }
.rp-fig { text-align: right; font-variant-numeric: tabular-nums; font-size: 12px; color: #334155; align-self: start; }
 
.svc-page .svc-card { margin: 8px 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.svc-page .svc-card .cn-h { padding: 0 0 6px; }
.svc-page .feature-placeholder { border-style: dashed; }
.fp-title { font-size: 13px; font-weight: 650; color: #374151; }
.fp-line { margin-top: 3px; font-size: 11.5px; line-height: 1.45; color: var(--muted); }
 


.cp-group { border: 0; border-radius: 0; background: transparent; }
.cp-group > summary { list-style: none; cursor: pointer; border: 0; }
.cp-group > summary.role-pf-row { border: 0; border-radius: 0; background: transparent; padding: 0 2px 2px; }
.cp-group > summary.role-pf-row:hover { background: transparent; }
.cp-group > summary.role-pf-row:hover .rp-name { color: #9a7b3f; }
.cp-group > summary::-webkit-details-marker { display: none; }
.cp-group > summary .rp-name::before { content: "▸ "; color: #64748b; }
.cp-group[open] > summary .rp-name::before { content: "▾ "; }
 
.cp-group > summary.role-pf-row .rp-sub { margin-top: 1px; }
.cp-gbody { padding: 0 0 2px; display: flex; flex-direction: column; gap: 4px; }
#cpRows { gap: 14px; }
.cp-erow { grid-template-columns: 1fr auto; }
.cp-erow .cp-ename { cursor: pointer; }
.cp-role { grid-column: 1 / -1; font-size: 11px; color: #374151; }
.cp-role .prov-chip, .cp-role details { display: inline-block; vertical-align: middle; margin-left: 4px; }
.cp-role-name { color: #92400e; }
.cp-edetails { grid-column: 1 / -1; font-size: 11px; }
.cp-edetails > summary { cursor: pointer; color: #475569; }
.cp-enest { padding-top: 6px; }
.cp-nest-h { font-size: 11px; font-weight: 700; color: #475569; margin: 8px 0 4px; }
 
.cp-filters { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; padding: 4px 16px 10px; font-size: 11.5px; }
.cp-filter select { font: inherit; font-size: 11.5px; padding: 2px 4px; border: 1px solid #d6dbe3; border-radius: 6px; background: #fff; margin-left: 4px; }
.cp-table-wrap { overflow-x: auto; padding: 0 8px 12px; }
.cp-table { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.cp-table th, .cp-table td { padding: 6px 8px; border-bottom: 1px solid #e2e8f0; text-align: left; vertical-align: top; }
.cp-table th { position: sticky; top: 0; background: #fff; font-weight: 700; color: #475569; white-space: nowrap; z-index: 1; }
.cp-table th button { font: inherit; background: none; border: 0; padding: 0; cursor: pointer; color: inherit; }
.cp-table th.sorted button { color: #14202e; }
.cp-table th.num, .cp-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.cp-table .cp-tick { width: 24px; }
.cp-cell-s { display: inline-block; margin-left: 4px; vertical-align: middle; }
.cp-cell-s .prov-chip, .cp-cell-s details { display: inline-block; vertical-align: middle; }
.cp-table .cp-open { cursor: pointer; text-decoration: underline dotted; }


.pl-tools { display: flex; align-items: center; gap: 10px; padding: 6px 16px 8px; border-bottom: 1px solid var(--line); }
.pl-hint { font-size: 11.5px; color: #6b7280; }
body.pl-pin-drop .mapboxgl-canvas-container { cursor: crosshair; }
.pl-draft { padding: 8px 12px 0; }
.pl-card { display: block; padding: 12px 14px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; margin: 10px 0; font-size: 12px; color: #0f172a; }  
.pl-card.pl-pinned { margin: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; background: #fbfaf7; }
.pl-card.pl-focus { box-shadow: 0 0 0 2px #b45309 inset; }
.pl-card .pl-id { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.pl-card .pl-prov { margin-left: auto; font-size: 10.5px; color: #6b7280; font-style: italic; }
.pl-card .pl-nokey { color: #92400e; }


.pl-strip { display: flex; gap: 14px; margin: 10px 0 0; padding-bottom: 10px; border-bottom: 1px solid #eef0f3; font: 600 12px/1.2 var(--font); color: #9aa1ad; }
.pl-st { padding: 0 0 4px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; font: inherit; color: inherit; cursor: pointer; white-space: nowrap; }
.pl-st[aria-pressed="true"] { color: #14202e; border-bottom-color: #14202e; }


.pl-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 12px 0 0; }
.pl-grid label { display: flex; flex-direction: column; gap: 3px; font-size: 10.5px; color: #64748b; }
.pl-grid input { font: inherit; font-size: 11.5px; color: #0f172a; border: 1px solid #e2e8f0; border-radius: 6px; padding: 3px 6px; background: #fff; }
.pl-quoted { margin: 4px 0; font-size: 11.5px; color: #374151; }
.pl-notes { margin: 14px 0 2px; padding-top: 10px; border-top: 1px solid #eef0f3; }  
.pl-notes-h { font: 600 10.5px/1.4 var(--font); color: #64748b; letter-spacing: 0; }
.pl-note { display: grid; grid-template-columns: auto 1fr; gap: 8px; padding: 3px 0; border-top: 1px solid #f1f5f9; font-size: 11.5px; }
.pl-note-t { color: #64748b; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pl-note-b { white-space: pre-wrap; }
.pl-note-none { font-size: 11.5px; padding: 2px 0; }
.pl-note-new { width: 100%; box-sizing: border-box; margin-top: 4px; font: inherit; font-size: 11.5px; border: 1px solid #e2e8f0; border-radius: 6px; padding: 4px 6px; resize: vertical; }
.pl-dates { margin: 4px 0; font-size: 11px; color: #64748b; }
.pl-actions { font-size: 11px; color: #64748b; }
.pl-err { color: #b91c1c; }
.pl-passed { padding: 6px 12px 10px; border-top: 1px solid var(--line); }
.pl-passed > summary { cursor: pointer; font-size: 12px; }
.pl-passed .pl-card { opacity: 0.85; }
@media (max-width: 480px) { .pl-grid { grid-template-columns: 1fr; } }
 
.st-chip.st-broker { color: #6d28d9; background: #f1ecfd; border: 1px dashed #a78bfa; }
.sh-form { margin: 8px 12px; }
.sh-form .sh-tools { padding: 6px 0 8px; border-bottom: 0; }
.sh-form .pl-grid input { width: 100%; box-sizing: border-box; min-width: 0; }
.sh-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 10px; margin: 4px 0 8px; font-size: 11.5px; color: #0f172a; }
.sh-doc { display: flex; align-items: center; gap: 6px; }
.sh-stated { display: inline-block; font-size: 10px; color: #6d28d9; border: 1px dashed #a78bfa; border-radius: 4px; padding: 0 4px; margin-left: 2px; }
.sh-row .pl-quoted, .sh-row .pl-dates { overflow-wrap: anywhere; }
.mk-broker { padding: 0 0 6px; }
.mk-broker .intel-title { padding: 4px 10px 2px; }
.mk-broker-row .st-broker { justify-self: end; }
@media (max-width: 760px) { .sh-docs { grid-template-columns: 1fr; } .sh-form .pl-grid { grid-template-columns: 1fr; } }


.prox-panel .prox-conn:empty { display: none; }
.prox-panel .prox-conn { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 8px; }
.prox-panel .prox-conn .portfolios-body { padding: 0; height: auto; overflow: visible; }
.prox-panel .prox-conn .phead { padding: 0 0 6px; border: 0; }
.prox-panel .prox-conn .phead h2 { font-size: 12px; margin: 2px 0 0; }
.prox-panel .prox-conn .ptype { font-size: 9.5px; }
.prox-panel .prox-conn .role-pf-head { font-size: 10px; }
.prox-panel .prox-conn .cn-sec { padding: 6px 0 0; }


.prox-panel .prox-conn .cn-row { grid-template-columns: minmax(min-content, 46%) minmax(0, 1fr); }


@media (max-width: 760px) {
body.legend-raised .map-legend { bottom: var(--legend-raise, 78px); }
body.legend-yield .map-legend { display: none; }
}
 
.cp-alias { display: inline-block; font-size: 11px; color: var(--muted); margin-left: 6px; }


.sp-row { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: start; }
.sp-row .sp-status { justify-self: end; font-size: 11px; }
.sp-row .sp-status .prov-chip, .sp-row .sp-status details { display: inline-block; vertical-align: middle; }
.sp-row .sp-grid { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr; gap: 1px; }
.sp-q { font-size: 10.5px; color: #6b7280; font-style: italic; }
.cmp-v .cmp-src { color: #6b7280; }  
.sp-row .sp-actions { grid-column: 1 / -1; font-size: 11px; }
.sp-row .sp-actions .dossier-open-btn { margin-top: 2px; }
.sp-open { cursor: pointer; }
.sl-card .rp-sub { font-size: 11px; color: #64748b; }
.insp-shortlist-card { border-bottom: 1px solid var(--line); }
.insp-shortlist-card .pl-card.pl-pinned { background: #fbfaf7; }
.search-results .item .search-sl { margin-left: auto; font-size: 11px; color: #374151; white-space: nowrap; }
.search-results .item .search-sl-add { font: 600 11px/1 var(--font); padding: 3px 7px; border: 1px solid #c9ced6; border-radius: 6px; background: #fff; color: #14202e; cursor: pointer; }
.brief-host .brief-card { width: auto; max-width: none; max-height: none; overflow: visible; box-shadow: none; border-radius: 0; padding: 4px 16px 14px; }
.brief-host .brief-close { display: none; }
.rq-body #rqProfile .req-row { border-bottom: 1px solid var(--line); }
.rq-body #rqProfile .dd-empty { padding: 8px 16px; }
.inspector .sp-body .portfolios-body, .inspector .sl-body .portfolios-body, .inspector .rq-body .portfolios-body { height: auto; overflow: visible; padding: 0; }
.sp-body .phead, .sl-body .phead, .rq-body .phead { padding: 14px 16px 10px; }
.sl-body .role-pf-list, .sp-body .role-pf-list { padding: 0 12px 8px; }


 
body.look-quiet .inspector .insp-page, body.look-quiet .cmp-dialog { font-size: var(--d-value-size); }  
body.look-quiet .inspector :is(.rp-sub, .role-pf-head, .pl-dates, .pl-prov, .pl-note-t, .dev-fsi-note, .cn-qual, .sp-q, .sh-stated, .dd-qual, .lp-k, .lp-s, .dateline, .dd-s, .pg-s, .cp-cell-s, .cmp-c, .cmp-sub, .dd-src-body, .pl-hint, .rp-k, .dev-hk, .feas-hsl, .land-meta, .dev-risk-meaning, .cn-note, .cn-abs, .insp-empty, .dd-empty, .dsec-empty, .lt-sub, .mk-cluster, .cp-role, .cp-kind, .cp-edetails > summary, .prox-parcel-caption, .sl-in, .pl-in, .pl-err, .feature-placeholder .fp-line) { font-size: var(--d-label-size); }
body.look-quiet .inspector :is(.rp-name, .pl-card, .lp-row, .lp-v, .dd-row, .dd-v, .cn-row, .cn-fig, .sp-row, .pl-note-b, .pl-grid input, .pl-grid label, textarea.pl-note-new, .dev-grid, .dev-doc, .dev-hv, .cp-table, .sl-table, .svc-card, .fp-title, .role-pf-row, .dev-onboard-hint, .dev-banner, .svc-intro, .cp-filters select, .cp-filter) { font-size: var(--d-value-size); }
body.look-quiet .inspector .role-pf-head { margin: 8px 0; line-height: 1.45; }
body.look-quiet .inspector h2, body.look-quiet .cmp-title, body.look-quiet .panel h2 { font-family: var(--font-serif); font-size: 18px; font-weight: 600; line-height: 1.25; }
body.look-quiet .inspector :is(.ptype, .dd-sec-title, .cn-h, .pl-notes-h, .lg-h, .intel-title, .cp-nest-h, .dev-hk) { text-transform: none; letter-spacing: 0; }
 
body.look-quiet .inspector .phead, body.look-quiet .inspector .mk-body .phead, body.look-quiet .inspector .mw-body .phead, body.look-quiet .inspector .insp-conn .phead, body.look-quiet .inspector .sp-body .phead, body.look-quiet .inspector .sl-body .phead, body.look-quiet .inspector .rq-body .phead { padding: 16px 16px 8px; }
body.look-quiet .inspector .cn-sec { padding: 8px 16px; }
body.look-quiet .inspector .dd-sec > summary { padding: 8px 16px; }
body.look-quiet .inspector .land-sec > summary { padding: 8px 16px; }
body.look-quiet .inspector .land-sec > :not(summary) { padding-left: 16px; padding-right: 16px; }
body.look-quiet .inspector .land-sec .dd-sec > summary { padding: 8px 0; }
body.look-quiet .inspector .land-sec .dd-sec > :not(summary) { padding-left: 0; padding-right: 0; }
body.look-quiet .inspector :is(.pl-card, .svc-card, .feature-placeholder, .dev-onboard, .land-peek, .sl-card) { padding: 16px; }
body.look-quiet .inspector .pl-card.pl-pinned { padding: 16px; }
body.look-quiet .inspector .role-pf-row { padding: 8px 16px; }
body.look-quiet .inspector .pl-note { padding: 8px 0; }
body.look-quiet .inspector .land-top { padding: 0; }
body.look-quiet .inspector .land-actions { padding: 8px 16px; border-bottom: 1px solid var(--line); }
 


.inspector #developerPanel:has(#landActBar:not([hidden])) { overflow: clip; }
.inspector #developerBody:has(> #landActBar:not([hidden])) { overflow: visible; }
@media (max-width: 760px) { .land-act-bar .ds-btn { min-height: 44px; } }
body.look-quiet .inspector .land-layers { padding: 8px 16px 16px; }
body.look-quiet .inspector .land-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
body.look-quiet .inspector .land-head h2 { overflow-wrap: anywhere; }
body.look-quiet .inspector .dev-banner { margin: 8px 16px; font-size: 12px; font-weight: 500; }
body.look-quiet .inspector .land-title-absent { padding: 8px 0 16px; }
body.look-quiet .inspector .land-export { padding: 8px 0 16px; }
body.look-quiet .inspector .land-peek { margin: 0 0 8px; padding: 8px 0; border: 0; background: none; }
body.look-quiet .inspector .lp-row { grid-template-columns: 112px minmax(120px, 1fr); padding: 8px 0; }
body.look-quiet .inspector .lp-row .lp-s { grid-column: 2; justify-content: flex-start; flex-wrap: wrap; }
body.look-quiet .inspector .lp-row .lp-v { overflow-wrap: normal; }
 


body.look-quiet .inspector *:not(.gl-one), body.look-quiet #panel *:not(.gl-one), body.look-quiet .cmp-dialog *:not(.gl-one), body.look-quiet #mapLegend *:not(.gl-one) { text-overflow: clip; }
body.look-quiet .inspector :is(.rp-name, .rp-sub, .pl-prov, .lp-v, .lp-k, .pg-v, .pg-k, .dd-v, .dd-k, .cn-fig, .cn-name, .cp-cell-v, .cmp-v, .dev-hv, .dev-hk, .dd-sec-title, .cp-role, .pl-quoted, .pl-dates, .sp-q, .cn-qual, .role-pf-head), body.look-quiet #panel :is(.pg-v, .pg-k, .po-name, .lvl-label, .lvl-use), body.look-quiet .cmp-dialog :is(.cmp-v, .cmp-col-name, .cmp-rowlab, .cmp-c), body.look-quiet #mapLegend :is(.lg-label, .lg-scope, .lg-why) { white-space: normal; overflow: visible; overflow-wrap: break-word; }  
body.look-quiet .pglance .pg-v { white-space: normal; overflow: visible; text-overflow: clip; }
body.look-quiet .insp-tabs.insp-tabs-bar .insp-tab { overflow: visible; text-overflow: clip; }
body.look-quiet .cp-table th { white-space: normal; }
body.look-quiet .cp-table td, body.look-quiet .cp-table th { min-width: 88px; }
body.look-quiet .cp-table td .cp-cell-v, body.look-quiet .cp-table td .absent { overflow-wrap: normal; }
body.look-quiet .cmp-table td, body.look-quiet .cmp-table th { white-space: normal; }
body.look-quiet .cmp-dialog { width: min(96vw, 1400px); }
body.look-quiet .cmp-table { font-size: 12.5px; }
body.look-quiet .cmp-v { line-height: 1.35; }
.cmp-more { margin-top: 2px; font-size: 12px; }
.cmp-more > summary { cursor: pointer; color: #1d4ed8; list-style: none; font-weight: 600; }
.cmp-more > summary::-webkit-details-marker { display: none; }
.cmp-more > summary::after { content: " ▸"; font-size: 9px; }
.cmp-more[open] > summary::after { content: " ▾"; }
.cmp-more-body { color: var(--ink); line-height: 1.35; margin-top: 2px; }
body.look-quiet .cmp-c { margin-top: 4px; gap: 4px; }
body.look-quiet .cmp-c .dd-qual { font-size: 12px; }
 
.absent-short { display: inline-flex; align-items: baseline; gap: 4px; cursor: help; }
 
.absent-cell { display: inline-flex; align-items: baseline; gap: 4px; cursor: help; white-space: nowrap; }


.absent-inline.absent-short { display: inline; }
.absent-inline.absent-short::before { content: none; }
.absent-cell::after { content: "ⓘ"; font-size: 10px; opacity: .6; font-weight: 500; }
.absent-short::after { content: "ⓘ"; font-size: 10px; opacity: .6; font-weight: 500; }
 
.st-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex: none; vertical-align: middle; margin: 0 2px; box-shadow: 0 0 0 1px rgba(15,23,42,0.12); background: #cbd5e1; cursor: help; }
.st-dot.st-verified { background: #1a7f4b; }
.st-dot.st-under { background: #d97706; }
.st-dot.st-illus { background: #94a3b8; }
.st-dot.st-pending { background: #cbd5e1; }
.st-dot.st-owner { background: #fff; box-shadow: 0 0 0 1.5px #7c3aed; }
.cp-cell-s .dd-qual, .rp-sub .dd-qual, .sp-status .dd-qual, .cmp-c .dd-qual { font-size: 12px; }
 
 
body.look-quiet .inspector .pl-quoted:empty { display: none; }
 
.map-legend.lg-pill .lg-body { display: none; }
.map-legend.lg-pill { min-width: 0; padding: 8px 12px; }
.map-legend.lg-pill .lg-title { padding-bottom: 0; padding-right: 20px; }
.map-legend .lg-pill-n { display: block; font-size: 12px; font-weight: 600; color: var(--muted); line-height: 1.2; margin-top: 2px; }
.map-legend.lg-pill .lg-fold { display: none; }
.map-legend .lg-assets { display: grid; grid-template-columns: 1fr 1fr; gap: 0 8px; }
.map-legend .lg-assets .lg-row { height: auto; min-height: 24px; padding: 2px 4px; }
.map-legend .lg-assets .lg-n { width: auto; min-width: 2em; margin-left: 4px; }
.map-legend { max-width: 320px; }
.map-legend .lg-listings > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 6px; margin-top: 8px; }
.map-legend .lg-listings > summary::-webkit-details-marker { display: none; }
.map-legend .lg-listings > summary::after { content: "▸"; font-size: 9px; color: var(--muted); }
.map-legend .lg-listings[open] > summary::after { content: "▾"; }
.map-legend.lg-flash { box-shadow: 0 0 0 2px #b45309; transition: box-shadow .3s; }
 
.inspector .conn-aqi { margin: 16px 16px 0; width: max-content; max-width: calc(100% - 32px); }
 
 
@media (min-width: 1440px) { body.look-quiet .topbar:has(#inspTabSlot) .controls .search, body.look-quiet .controls .search { width: 260px; min-width: 0; max-width: none; flex: none; } }
@media (min-width: 761px) and (max-width: 1439px) {
body.look-quiet .topbar:has(#inspTabSlot) .controls .search, body.look-quiet .controls .search { width: 36px; min-width: 36px; max-width: none; flex: none; }
body.look-quiet .controls .search:not(.search-open) input { padding: 0; color: transparent; cursor: pointer; }
body.look-quiet .controls .search:not(.search-open) input::placeholder { color: transparent; }
body.look-quiet .controls .search.search-open input { position: absolute; right: 0; top: 0; width: 280px; z-index: 41; background: #fff; }
body.look-quiet .controls .search.search-open svg { z-index: 42; left: auto; right: 254px; }
body.look-quiet .controls .search .search-results { right: 0; left: auto; }
}
body.look-quiet .topbar { flex-wrap: nowrap; }
body.look-quiet .topbar:has(#inspTabSlot) .controls { flex: 0 1 auto; min-width: 0; }


.panel .pbody { display: flex; flex-direction: column; min-height: 0; }
.panel .vstack-mk .lvl-stack, .panel .lvl-stack { max-height: max(288px, calc(100dvh - 420px)); overflow-y: auto; }
 
.map-legend.lg-pill .lg-kicker { display: inline; margin: 0; font-size: 12px; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--ink); }
.map-legend.lg-pill .lg-kicker::after { content: " · "; }
.map-legend.lg-pill .lg-scope { display: inline; font-size: 12px; font-weight: 600; }
 
.brief-card .brief-h2 { margin: 0 0 8px; font-family: var(--font-serif); font-size: 15px; font-weight: 600; color: var(--ink); line-height: 1.3; }
.brief-card .brief-h3 { margin: 16px 0 6px; font-size: 13px; font-weight: 600; color: #5b6472; }




.panel .phero.is-portrait .phero-img { object-fit: cover; }
.panel .phero.is-portrait::before { content: none; }






#panel .pfoot { flex: 0 0 auto; }


#panel .pfoot .peek-link {
flex: 0 0 auto; width: auto; height: auto; padding: 0; margin: 0;
background: none; border: 0; border-radius: 0;
font-size: 11.5px; font-weight: 600; color: #374151;
text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
#panel .pfoot .peek-link:hover { color: var(--ink); }
 
#panel .pfoot { flex-wrap: wrap; align-items: center; row-gap: 6px; }
#panel .pfoot .dossier-open-btn { flex: 1 1 40%; }
@media (max-width: 760px) {
 
#panel { height: 84vh; }
}


.inspector #panel, .inspector .panel { height: auto !important; }


.inspector #panel { overflow: visible !important; }


.inspector .insp-page > .pfoot.pfoot-docked {
position: sticky; bottom: 0; z-index: 3;
background: #fff; border-top: 1px solid var(--line);
padding: 10px 16px 12px;
display: flex; gap: 8px; flex-wrap: wrap; align-items: center; row-gap: 6px;
}
.inspector .insp-page > .pfoot.pfoot-docked .dossier-open-btn { flex: 1 1 40%; }
.inspector .insp-page > .pfoot.pfoot-docked .peek-link {
flex: 0 0 auto; width: auto; height: auto; padding: 0; margin: 0;
background: none; border: 0; border-radius: 0;
font-size: 11.5px; font-weight: 600; color: #374151;
text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
.inspector .insp-page > .pfoot.pfoot-docked .peek-link:hover { color: var(--ink); }


.insp-head.insp-head-bare {
height: 0; min-height: 0; padding: 0; border-bottom: 0;
position: relative; overflow: visible; z-index: 5;
}
.insp-head.insp-head-bare .insp-close {
position: absolute; top: 6px; right: 6px;


background: rgba(255, 255, 255, 0.9);
border: 1px solid var(--line); border-radius: 6px;
width: 26px; height: 26px; line-height: 1; display: flex; align-items: center; justify-content: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.insp-head.insp-head-bare .insp-close:hover { background: #fff; }


.sh-to {
width: 11ch; min-height: 26px; padding: 4px 7px;
border: 1px solid var(--line); border-radius: 6px; background: #fff;
font: 500 11.5px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink);
letter-spacing: .02em;
}
.sh-to::placeholder { font-family: var(--font); letter-spacing: 0; color: #94a3b8; }
.sh-sent { font: 500 11px/1.3 var(--font); color: #64748b; align-self: center; }
.sw-row .st-broker { margin-left: 6px; }
 
.auth-shareid { padding: 4px 12px 8px; font: 500 11px/1.4 var(--font); color: #64748b; cursor: pointer; }
.auth-shareid code { font: 600 11.5px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink); letter-spacing: .04em; }
.auth-shareid.copied code { color: #15803d; }


.dd-src.dd-src-note > summary { color: #94a3b8; }
.dd-src.dd-src-note .dd-src-body { font: 500 11px/1.45 var(--font); color: #475569; }
.cp-figs, .mk-scope { display: inline-flex; align-items: center; gap: 4px; }


.prox-panel .prox-conn .cn-head { margin-top: 0; }


.cp-pills { display: flex; flex-wrap: wrap; gap: 5px; padding: 4px 0 0; }  
.cp-pill {
flex: 0 0 auto; max-width: 100%;
padding: 4px 9px;
border: 1px solid var(--line); border-radius: 999px; background: #fff;
font: 500 11.5px/1.25 var(--font); color: var(--ink);
cursor: pointer; text-align: left;
white-space: normal;  
}
.cp-pill:hover { border-color: #9a7b3f; background: #fdfaf4; }
.cp-pill:focus-visible { outline: 2px solid #9a7b3f; outline-offset: 1px; }


#proxPanel #proxLayers > .map-legend {
position: static; inset: auto; left: auto; bottom: auto; right: auto;
max-height: none; min-width: 0; max-width: none; width: 100%;
box-shadow: none; border: 0; border-radius: 0; padding: 0; margin: 0;
background: transparent;
}
#proxPanel #proxLayers { margin-bottom: 6px; }
#proxPanel #proxLayers:empty { display: none; }


#proxPanel #proxTracked:empty { display: none; }
#proxPanel #proxTracked {


margin: 0; padding-top: 8px; border-top: 1px solid var(--line);
}
#proxPanel #proxTracked .land-bldg-toggle { width: 100%; justify-content: flex-start; min-height: 34px; }
#proxPanel #proxTracked .land-bldg-toggle .lb-label { flex: 1 1 auto; }
 
#proxPanel .prox-head:empty { display: none; }
#proxPanel .prox-cats:empty { display: none; }
#proxPanel .prox-conn:empty { display: none; }




#proxPanel .prox-card > #proxLayers, #proxPanel .prox-card > #proxTracked,
#proxPanel .prox-card > .prox-head, #proxPanel .prox-card > .prox-conn { flex: 0 0 auto; }
#proxPanel .prox-card > .prox-cats { flex: 0 0 auto; min-height: 0; }
#proxPanel .prox-card > .prox-conn { min-height: 0; }
 
#proxPanel .prox-list { max-height: 40vh; overflow-y: auto; }


.ct { margin-top: 10px; }
.ct-h { font: 600 11px/1.3 var(--font); color: var(--muted); margin-bottom: 4px; }
.ct-row { display: grid; grid-template-columns: minmax(min-content, 92px) minmax(0, 1fr) auto; column-gap: 10px; align-items: baseline; padding: 6px 0; border-top: 1px solid #eef0f3; font-size: 12px; line-height: 1.4; }
.ct-d { font-variant-numeric: tabular-nums; font-weight: 500; color: var(--ink); overflow-wrap: break-word; }
.ct-l { color: var(--ink); overflow-wrap: break-word; min-width: 0; }
.ct-s { white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; }
.ct-st { font-size: 11px; color: var(--muted); }
.ct-mark { display: block; font-size: 11px; color: var(--muted); }
.ct-latest .ct-d, .ct-latest .ct-l { font-weight: 600; }
.ct-expect .ct-d { font-weight: 500; }
.ct-absent { grid-template-columns: minmax(0, 1fr); }
.ct-absent .ct-d, .ct-absent .ct-s { display: none; }


.cp-group > summary.role-pf-row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; column-gap: 10px; row-gap: 0; padding: 0 2px 1px; }
.cp-group > summary.role-pf-row .rp-name { flex: 1 1 auto; min-width: min-content; overflow-wrap: break-word; }
.cp-group > summary.role-pf-row .rp-sub.cp-figs { flex: 0 0 auto; margin-top: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cp-gbody { gap: 3px; }
.cp-pills { gap: 4px; padding: 2px 0 0; }
.cp-pill { padding: 2px 8px; font: 500 11px/1.3 var(--font); overflow-wrap: break-word; }
#cpRows { gap: 10px; }


.yc .yc-group { margin: 14px 0 0; }
.yc .yc-h { font: 600 11px/1.3 var(--font); color: var(--muted); padding-bottom: 4px; border-bottom: 1px solid #eef0f3; }
.yc .yc-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(min-content, 132px); column-gap: 10px; align-items: center; padding: 6px 0; border-bottom: 1px solid #eef0f3; font-size: 12px; }
.yc .yc-k { color: var(--ink); overflow-wrap: break-word; min-width: 0; }
.yc .yc-unit, .yc .yc-by { color: var(--muted); font-size: 11px; }
.yc .yc-by { display: block; }
.yc .yc-row input { width: 100%; box-sizing: border-box; padding: 5px 7px; border: 1px solid var(--line); border-radius: 6px; font: 500 12px/1.2 var(--font); font-variant-numeric: tabular-nums; text-align: right; background: #fff; color: var(--ink); }
.yc .yc-v { text-align: right; font-variant-numeric: tabular-nums; font-weight: 500; color: var(--ink); }
.yc .yc-save { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0; }
.yc .yc-save input { flex: 1 1 140px; min-width: 0; padding: 5px 7px; border: 1px solid var(--line); border-radius: 6px; font: 500 12px/1.2 var(--font); }
.yc .yc-saved { cursor: default; }
.yc .yc-acts { display: inline-flex; gap: 6px; }


@media (min-width: 761px) {
 
}
.yp { padding: 18px 22px 22px; }


.yp.yp-home { padding: 0 18px 24px; }
.yp .yp-head { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.yp .yp-head h2 { margin: 2px 0 4px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
.yp .ptype { display: flex; align-items: center; gap: 6px; font: 600 11px/1.3 var(--font); color: var(--muted); }
.yp .ptype .dot { width: 9px; height: 9px; border-radius: 50%; }
.yp .yp-unit { font: 600 12.5px/1.4 var(--font); color: var(--ink); }
.yp .yp-subject { margin-top: 4px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.yp .yp-subj-name { color: var(--ink); font-weight: 600; }
.yp .yp-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 36px; }
@media (max-width: 900px) { .yp .yp-cols { grid-template-columns: minmax(0, 1fr); } }
.yc .yc-row select { width: 100%; box-sizing: border-box; padding: 5px 7px; border: 1px solid var(--line); border-radius: 6px; font: 500 12px/1.2 var(--font); background: #fff; color: var(--ink); }
.yc .yc-toggle { display: flex; gap: 0; border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
.yc .yc-tg { flex: 1 1 0; padding: 5px 6px; border: 0; background: #fff; font: 500 11.5px/1.25 var(--font); color: var(--muted); cursor: pointer; white-space: normal; }
.yc .yc-tg + .yc-tg { border-left: 1px solid var(--line); }
.yc .yc-tg[aria-pressed="true"] { background: #14202e; color: #fff; }
.yc .yc-toggle-row { grid-template-columns: minmax(0, 1fr) minmax(min-content, 260px); }
.yc .yc-row input:disabled { background: #f1f5f9; color: var(--muted); }
.yc .yc-duty-tools { display: flex; gap: 12px; padding: 4px 0 6px; font-size: 11px; }
.yc .yc-breakdown { margin: 0 0 6px; padding: 2px 0 6px 12px; border-left: 2px solid #eef0f3; }
.yc .yc-part-v { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 8px; align-items: center; }
.yc .yc-part-amt { text-align: right; font-variant-numeric: tabular-nums; color: var(--ink); }
.yc .yc-src { padding-top: 6px; font-size: 11px; color: var(--muted); overflow-wrap: anywhere; }
.yc .yc-save input[type="text"] { flex: 1 1 180px; min-width: 0; padding: 5px 7px; border: 1px solid var(--line); border-radius: 6px; font: 500 12px/1.2 var(--font); }
.mk-yield { padding: 2px 16px 8px; font-size: 11px; }
 
.ob-card select { font: inherit; font-size: 11.5px; color: #0f172a; border: 1px solid #e2e8f0; border-radius: 6px; padding: 3px 6px; background: #fff; }
.ob-svc { margin: 12px 0 2px; padding-top: 10px; border-top: 1px solid #eef0f3; }
.ob-svc-row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; padding: 3px 0; font-size: 11.5px; }
.ob-svc-name { flex: 1 1 auto; min-width: 0; color: #0f172a; }
.ob-svc-state { color: #64748b; font-variant-numeric: tabular-nums; }
.wl-scs { margin: 10px 0 2px; padding-top: 8px; border-top: 1px solid #eef0f3; }
.wl-sc { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 3px 0; font-size: 11.5px; }
.wl-sc-name { flex: 1 1 auto; min-width: 0; font-weight: 600; color: #0f172a; overflow-wrap: anywhere; }
.wl-sc-date { color: #64748b; font-variant-numeric: tabular-nums; }
 
.sw-rec .dd-row { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr); gap: 2px 10px; padding: 5px 0; border-top: 1px solid #f1f5f9; font-size: 12px; }
.sw-rec .dd-row .dd-k { color: #64748b; }
.sw-rec .dd-row .dd-v { color: #0f172a; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.sw-rec .dd-row .dd-s { grid-column: 1 / -1; }
.sw-rec .sw-arith { font-size: 11px; color: #64748b; font-weight: 400; }
.sw-rec .sw-y .dd-v { font-weight: 600; }
.sw-rec .sw-differ { margin: 8px 0 2px; padding: 6px 8px; border: 1px solid #e2e8f0; border-radius: 6px; font-size: 11.5px; color: #0f172a; background: #f8fafc; }
 
.map-legend .lg-tracked { padding: 6px 10px 8px; border-top: 1px solid var(--line); }
.map-legend.lg-pill .lg-tracked, .map-legend.lg-collapsed .lg-tracked { display: none; }




.panel .phero-img, #dossierModal .phero-img { object-position: var(--hero-focal, 50% 0%); }
.panel .phero.hero-whole .phero-img, #dossierModal .phero.hero-whole .phero-img { object-fit: contain; object-position: center; }
.panel .phero.hero-whole, #dossierModal .phero.hero-whole { background: #e9ecf0; }
.panel .phero.hero-whole::before { content: none; }
 


.cp-names { column-count: 2; column-gap: 24px; padding: 8px 16px 18px; }


.cp-names .cp-name { break-inside: avoid; display: grid; width: 100%; grid-template-columns: 18px minmax(0, 1fr); column-gap: 8px; align-items: baseline; padding: 7px 0; margin: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; text-align: left; font: 500 12.5px/1.35 var(--font); color: var(--ink); overflow-wrap: anywhere; cursor: pointer; }
.cp-names .cp-name:hover .cp-name-t, .cp-names .cp-name:focus-visible .cp-name-t { text-decoration: underline; text-underline-offset: 3px; }
.cp-names .cp-name:focus-visible { outline: 2px solid var(--accent, #7aa2ff); outline-offset: -2px; }


.cp-company .cp-sec { padding: 10px 16px 14px; border-bottom: 1px solid var(--line); }
.cp-company .cp-sec:last-child { border-bottom: 0; }
.cp-company .cp-arow { grid-template-rows: auto auto auto; }
.cp-company .cp-stages { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.cp-company .cp-stage-k { font: 600 10.5px/1.4 var(--font); color: var(--muted); letter-spacing: 0.04em; text-transform: uppercase; }
.cp-company .cp-stage { display: inline-flex; align-items: baseline; gap: 5px; font: 500 12px/1.4 var(--font); color: var(--ink); }
.cp-company .cp-stage-reg { font: 400 11px/1.4 var(--font); color: var(--muted); }
.cp-names .cp-name::before { content: attr(data-index); font: 600 10.5px/1.35 var(--font); color: var(--muted); letter-spacing: 0.04em; }
.cp-names .cp-name:not([data-index])::before { content: ""; }
@media (max-width: 760px) { .cp-names { column-count: 1; } }
 


 
.cp-views .cp-view { flex: 0 0 auto; padding: 0 9px; white-space: nowrap; }
 
.cp-table .cp-t-entity { padding: 0; border: 0; background: transparent; font: inherit; color: inherit; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: #cbd5e1; text-underline-offset: 2px; }
.cp-table .cp-t-entity:hover { text-decoration-color: currentColor; }


body.city-bare #mapLegend { display: none !important; }
 
.sw-open { padding: 0; border: 0; background: transparent; font: inherit; font-weight: 600; font-size: 12.5px; color: #0f172a; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: #cbd5e1; text-underline-offset: 2px; overflow-wrap: anywhere; }
.sw-open:hover { text-decoration-color: currentColor; }
.record-pin-note .mapboxgl-popup-content { padding: 6px 9px; font: 500 11.5px/1.35 var(--font); color: #0f172a; border-radius: 6px; }
 
.map-legend .lg-expander[hidden] { display: none; }
 
.pglance .pg-nav { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.pglance .pg-nav-note { opacity: 0.62; font-size: 0.92em; margin-left: 4px; }
 
.map-legend.lg-pill.lg-pill-empty { display: none !important; }


.auth-out { display: inline-flex; align-items: center; gap: 4px; position: relative; }
.auth-more::before { content: none; }
.auth-more { padding-left: 9px; padding-right: 9px; min-width: 0; }
.auth-out .auth-menu { right: 0; left: auto; }


.ob-card.ob-has-tl { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); column-gap: 28px; align-items: start; }
.ob-card.ob-has-tl .ob-main { min-width: 0; }
.ob-card.ob-has-tl .ob-tl { min-width: 0; padding-left: 22px; border-left: 1px solid var(--line); }
.ob-card.ob-has-tl .ob-tl .ct { margin-top: 0; }
.ob-record { grid-column: 1 / -1; }
.ob-record input { width: 100%; box-sizing: border-box; }
@media (max-width: 900px) { .ob-card.ob-has-tl { grid-template-columns: minmax(0, 1fr); } .ob-card.ob-has-tl .ob-tl { padding-left: 0; border-left: 0; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); } }
 
.lvl-share { padding: 8px 0 2px; }
.lvl-share .lvl-share-v { font: 500 12.5px/1.4 var(--font); color: var(--ink); overflow-wrap: anywhere; margin: 2px 0 6px; }
.lvl-share .lvl-share-s .meta-pill { white-space: normal; }
 
@media (min-width: 901px) { .inspector.insp-full .ob-card .pl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 14px; } .inspector.insp-full .ob-card .pl-grid input, .inspector.insp-full .ob-card .pl-grid select { width: 100%; box-sizing: border-box; min-width: 0; } }
.inspector.insp-full .ob-draft { max-width: 760px; }
 
.lvl-detail:empty { display: none; }
 
.sh-modes { display: flex; gap: 4px; margin: 0 0 12px; }
.sh-modes .sh-mode { flex: 0 0 auto; padding: 0 12px; white-space: nowrap; }
 
.sw-row.sw-compact { display: block; padding: 6px 0; border-top: 1px solid #f1f5f9; cursor: pointer; font-size: 12.5px; line-height: 1.35; }
.sw-row.sw-compact:hover, .sw-row.sw-compact:focus-visible { background: #f8fafc; outline: none; }
.sw-row.sw-compact .sw-l1, .sw-row.sw-compact .sw-l2 { display: flex; flex-wrap: wrap; gap: 0 10px; align-items: baseline; }
.sw-row.sw-compact .sw-l2 { color: #475569; font-size: 12px; }
.sw-row.sw-compact .sw-c-bld { font-weight: 500; color: #0f172a; }
.sw-row.sw-compact .sw-c-date { color: #64748b; font-variant-numeric: tabular-nums; margin-left: auto; }
.sw-meta .dd-k { color: #64748b; }


.ob-list { display: flex; flex-direction: column; }
.ob-row { display: flex; flex-direction: column; gap: 2px; width: 100%; margin: 0; padding: 8px 2px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: none; text-align: left; cursor: pointer; font: inherit; color: var(--ink); }
.ob-row:hover .rp-name, .ob-row:focus-visible .rp-name { text-decoration: underline; text-underline-offset: 3px; }
.ob-row:focus-visible { outline: 2px solid var(--accent, #7aa2ff); outline-offset: -2px; }
.ob-row-1 { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
.ob-row-ptr { font: 400 11.5px/1.4 var(--font); color: var(--muted); }
.ob-back { display: block; margin: 6px 0 8px; text-align: left; }
.ob-basics .ob-fly { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }  
.ob-stage-opts { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.ob-stage-opt { display: inline-flex; align-items: center; gap: 6px; font: 500 12px/1.4 var(--font); color: var(--ink); cursor: pointer; }
.ob-reg-stage, .ob-vacant-row { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 6px 0; font: 500 12px/1.4 var(--font); color: var(--ink); }
.ob-k { font: 600 10.5px/1.4 var(--font); color: var(--muted); letter-spacing: 0.04em; text-transform: uppercase; }
.ob-basics, .ob-igr { padding: 6px 0 4px; }
.ob-basics .dd-row, .ob-igr .dd-row { padding: 4px 0; }
.ob-basis, .ob-radius { font: 400 11px/1.4 var(--font); color: var(--muted); }
.ob-igr-year { padding: 4px 0; }
.ob-listed { font: 500 11.5px/1.4 var(--font); color: var(--muted); }
[id^="obTools-"][hidden] { display: none; }  


 
.absent-full .abs-fill { display: none; }
.absent-full::after { content: "ⓘ"; margin-left: 5px; font-size: 0.86em; color: var(--muted); opacity: 0.8; cursor: help; }
.dd-v > .absent-full .abs-what, .lt-v > .absent-full .abs-what, .sw-f .dd-v .absent-full .abs-what, .value > .absent-full .abs-what, .ten-cell > .absent-full .abs-what { display: none; }
.absent-full::before { content: "—"; }
#dossierModal .absent-full .abs-fill { display: inline; }
#dossierModal .dd-v > .absent-full .abs-what, #dossierModal .lt-v > .absent-full .abs-what, #dossierModal .value > .absent-full .abs-what, #dossierModal .ten-cell > .absent-full .abs-what { display: inline; }
#dossierModal .absent-full::after { content: none; }
 
.gl-hide, .gl-note, .cn-method, .cn-qual:not(.cn-qual-keep), .cn-method-line { display: none; }
#dossierModal .gl-note { display: block; }
#dossierModal .gl-i { display: none; }
.gl-i, .cn-i { display: inline-block; margin-left: 5px; font: 400 11px/1 var(--font); color: var(--muted); cursor: help; vertical-align: baseline; }
 
.cn-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 8px; align-items: baseline; }
.cn-row .cn-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn-row .cn-fig { white-space: nowrap; text-align: right; }
.cn-row .cn-qual-keep { grid-column: 1 / -1; }
.cn-shared { font: 500 11.5px/1.4 var(--font); color: var(--muted); padding: 4px 0 2px; }
 


#panel .gl-one, #developerPanel .gl-one, #inspector .gl-one { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#dossierModal .gl-one { white-space: normal; overflow: visible; }
.dd-src-lead { font: 500 12px/1.45 var(--font); color: var(--ink); padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid var(--line); }
.absent-inline.absent-full::before { content: none; }
 
.sw-status-line { font: 600 11.5px/1.4 var(--font); color: #6d28d9; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 6px; padding: 5px 9px; margin: 6px 0 4px; }
.sw-rec .dd-row { display: grid; grid-template-columns: minmax(130px, 38%) minmax(0, 1fr) auto; column-gap: 12px; align-items: baseline; padding: 6px 0; }
.sw-rec .dd-row .dd-k { margin: 0; }
.sw-rec .dd-row .dd-v { min-width: 0; }
.st-dot.st-broker { background: #7c3aed; }
 
#developerPanel .dd-row .dev-chip, #developerPanel .dev-row .dev-chip, #developerPanel .dd-s .dev-chip, #inspector .insp-page[data-tab="land"] .dd-row .dev-chip, #inspector .insp-page[data-tab="land"] .dd-s .dev-chip { font-size: 0; width: 8px; height: 8px; min-width: 8px; padding: 0; border-radius: 50%; border: 0; display: inline-block; vertical-align: middle; box-shadow: 0 0 0 1px rgba(15,23,42,0.12); cursor: help; }
#developerPanel .dd-row .dev-chip-under-verification, #developerPanel .dd-s .dev-chip-under-verification, #inspector .insp-page[data-tab="land"] .dev-chip-under-verification { background: #d97706; }
#developerPanel .dd-row .dev-chip-verified, #developerPanel .dd-s .dev-chip-verified, #inspector .insp-page[data-tab="land"] .dev-chip-verified { background: #1a7f4b; }
#developerPanel .dd-row .dev-chip-illustrative, #developerPanel .dd-s .dev-chip-illustrative, #inspector .insp-page[data-tab="land"] .dev-chip-illustrative { background: #cbd5e1; }
#developerPanel .dd-row, #inspector .insp-page[data-tab="land"] .dd-row { display: grid; grid-template-columns: minmax(110px, 38%) minmax(0, 1fr) auto; grid-template-areas: "k v s"; column-gap: 10px; align-items: baseline; }


#proxPanel .prox-row .pl-line1 { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
#proxPanel .prox-row .pl-name { flex: 1 1 auto; min-width: 0; white-space: normal; overflow: visible; overflow-wrap: break-word; }
#proxPanel .prox-row .pl-fig { flex: 0 0 auto; white-space: nowrap; }
#inspector .sw-rec .dd-row { display: grid; grid-template-columns: minmax(120px, 36%) minmax(0, 1fr) auto; grid-template-areas: "k v s"; column-gap: 12px; align-items: baseline; }  
#inspector .sw-rec .dd-row .dd-s { grid-column: auto; }
#inspector .sw-rec .dd-row .dd-k, #inspector .sw-rec .dd-row .dd-v { display: block; width: auto; }
 
.yc-headline { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin: 8px 0 12px; }
.yc-hl { border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px; background: var(--card, #fff); }
.yc-hl-k { font: 600 10.5px/1.3 var(--font); color: var(--muted); letter-spacing: 0.03em; text-transform: uppercase; }
.yc-hl-v { font: 600 18px/1.3 var(--font); color: var(--ink); font-variant-numeric: tabular-nums; }
.yc-adv { margin: 6px 0; }
.yc-adv > summary { cursor: pointer; font: 600 12px/1.6 var(--font); color: var(--ink); padding: 4px 0; }


#bootVeil { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; background: #f7f8fa; }
#bootVeil.bv-out { opacity: 0; transition: opacity .35s ease; pointer-events: none; }
.bv-inner { display: flex; flex-direction: column; align-items: center; gap: 10px; max-width: 320px; text-align: center; }
.bv-brand { display: flex; align-items: center; gap: 8px; }
.bv-name { font: 600 18px/1.2 var(--font, system-ui); color: var(--ink, #0f172a); letter-spacing: -0.01em; }
.bv-line { font: 400 12.5px/1.45 var(--font, system-ui); color: var(--muted, #64748b); }
.bv-bar { width: 220px; height: 3px; border-radius: 999px; background: #e2e8f0; overflow: hidden; }
.bv-fill { display: block; height: 100%; width: 0; background: #0f172a; transition: width .25s ease; }
.bv-count { font: 400 11px/1.4 var(--font, system-ui); color: var(--muted, #94a3b8); font-variant-numeric: tabular-nums; }
 
.brief-order { display: flex; align-items: center; gap: 8px; margin: 8px 0 4px; font: 400 11.5px/1.4 var(--font, system-ui); color: var(--muted, #64748b); }
.brief-order label { font-weight: 500; }
.brief-order-sel { font: inherit; padding: 2px 6px; border: 1px solid var(--line, #e2e8f0); border-radius: 6px; background: #fff; color: var(--ink, #0f172a); }
.brief-order-n { margin-left: auto; font-variant-numeric: tabular-nums; }
.brief-item { display: flex; align-items: stretch; gap: 6px; }
.brief-item .brief-row { flex: 1 1 auto; min-width: 0; }
.brief-act { flex: 0 0 auto; align-self: center; font: 400 11px/1.3 var(--font, system-ui); padding: 4px 8px; border: 1px solid var(--line, #e2e8f0); border-radius: 6px; background: #fff; color: var(--ink, #0f172a); cursor: pointer; white-space: nowrap; }
.brief-act:hover { background: #f1f5f9; }




#calcPageHead { padding-bottom: 10px; border-bottom: 1px solid var(--line, #e2e8f0); margin-bottom: 10px; }
#calcPageHead h2 { margin: 2px 0 4px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
.yp.calc-sub .yp-head .yc-sub-h { margin: 2px 0 4px; font-size: 12.5px; font-weight: 600; color: var(--muted, #64748b); }


.bd-body .portfolios-body { padding-bottom: 16px; }
.bd-pills { flex-wrap: wrap; padding: 0 16px; }
.bd-pills .bd-pill { flex: 0 0 auto; padding: 0 12px; white-space: nowrap; }
.bd-filters { padding-top: 0; }
.bd-num input { width: 8ch; font: inherit; font-size: 11.5px; padding: 2px 5px; border: 1px solid #d6dbe3; border-radius: 6px; margin-left: 4px; }
.bd-q input { width: 16ch; }
.bd-saved-row { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; padding: 0 16px 10px; font-size: 11.5px; }
.bd-saved-h { color: #64748b; font-weight: 600; }
.bd-saved { display: inline-flex; align-items: center; gap: 2px; border: 1px solid var(--line); border-radius: 999px; padding: 1px 4px 1px 8px; background: #fff; }
.bd-saved button { border: 0; background: none; font: inherit; font-size: 11px; cursor: pointer; color: #0f172a; padding: 2px 4px; }
.bd-saved .bd-saved-alert { color: #64748b; }
.bd-saved .bd-saved-x { color: #94a3b8; }
.bd-new { font-weight: 600; color: #0f172a; }
.bd-save-form { display: inline-flex; gap: 6px; }
.bd-save-form input { font: inherit; font-size: 11.5px; padding: 3px 6px; border: 1px solid #d6dbe3; border-radius: 6px; }
.bd-detail .dd-row { grid-template-columns: minmax(140px, 36%) 1fr auto; grid-template-areas: "k v s"; align-items: baseline; }
.bd-detail .dd-v { white-space: normal; overflow-wrap: anywhere; }
.bd-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 12px; }
.bd-share, .bd-send { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.bd-send input { width: 20ch; min-height: 26px; padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; font: 500 11.5px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.bd-send input::placeholder { font-family: var(--font); color: #94a3b8; }
.bd-filtered { padding: 0 16px 10px; font-size: 12px; color: #0f172a; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.bd-ev-list .bd-ev-row { padding: 7px 16px; border-bottom: 1px solid #eef1f5; }
.bd-ev-l1 { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.bd-ev-name { font-weight: 600; font-size: 12.5px; color: #0f172a; min-width: 0; }
.bd-ev-st { flex: 0 0 auto; white-space: nowrap; }
.bd-ev-l2 { font-size: 12px; color: #334155; margin-top: 2px; }
.bd-ev-gh { padding: 10px 16px 2px; font-size: 11px; font-weight: 600; color: #64748b; }
.bd-range input { width: 7ch; }
.bd-dash { margin: 0 4px; color: #64748b; }
.bd-lab { font-size: 11px; color: #64748b; }
.bd-ev-b { border: 0; background: none; padding: 0; font: inherit; font-weight: 600; font-size: 12px; color: #0f172a; cursor: pointer; text-align: left; }
.bd-steps { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 8px 0 4px; font-size: 11px; color: #94a3b8; }
.bd-step.on { color: #0f172a; font-weight: 700; }
.bd-step.done { color: #475569; }
.bd-step-h { font-size: 12.5px; font-weight: 600; color: #0f172a; margin: 4px 0 8px; }
.bd-step-body { min-height: 120px; }
.bd-step-nav { display: flex; gap: 8px; align-items: center; margin-top: 14px; }
.bd-find { display: flex; flex-direction: column; gap: 3px; font-size: 10.5px; color: #64748b; max-width: 420px; }
.bd-find input { font: inherit; font-size: 12px; padding: 5px 8px; border: 1px solid #d6dbe3; border-radius: 6px; }
.bd-find-row { width: 100%; margin-top: 4px; }
.bd-picked { font-size: 12px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.bd-files { display: flex; flex-direction: column; gap: 4px; font-size: 10.5px; color: #64748b; }
.bd-file { font-size: 11.5px; color: #0f172a; }
.bd-file[data-ok="0"] { color: #64748b; text-decoration: line-through; }
.bd-rights { margin-top: 10px; font-weight: 600; }
.bd-review { margin: 8px 0; }
.bd-review .dd-row { grid-template-columns: minmax(120px, 30%) 1fr auto; grid-template-areas: "k v s"; }
.bd-thread { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; }
.bd-msg { border: 1px solid var(--line); border-radius: 8px; padding: 6px 9px; background: #fff; max-width: 88%; }
.bd-msg[data-mine="1"] { align-self: flex-end; background: #f8fafc; }
.bd-msg-h { display: block; font-size: 10.5px; color: #64748b; margin-bottom: 2px; }
.bd-msg-b { font-size: 12px; color: #0f172a; white-space: pre-wrap; overflow-wrap: anywhere; }
.bd-reply { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.bd-reply textarea { flex: 1 1 260px; font: inherit; font-size: 12px; padding: 6px 8px; border: 1px solid #d6dbe3; border-radius: 6px; resize: vertical; min-height: 54px; }
.bd-client-thread { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 10px; }
.peek-broker { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
@media (min-width: 901px) { .inspector.insp-full .bd-form .pl-grid, .inspector.insp-full .bd-share-form .pl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 14px; } .inspector.insp-full .bd-form .pl-grid input, .inspector.insp-full .bd-form .pl-grid select, .inspector.insp-full .bd-share-form .pl-grid input, .inspector.insp-full .bd-share-form .pl-grid select { width: 100%; box-sizing: border-box; min-width: 0; } }
.bd-form .pl-grid select, .bd-share-form .pl-grid select { font: inherit; font-size: 11.5px; border: 1px solid #e2e8f0; border-radius: 6px; padding: 3px 6px; background: #fff; }
@media (max-width: 760px) {
.bd-detail .dd-row, .bd-review .dd-row { grid-template-columns: 1fr auto; grid-template-areas: "k s" "v v"; }
.bd-num input { width: 7ch; }
.bd-reply textarea { flex-basis: 100%; }
.bd-send input { width: 100%; }
}


.bd-h1 { display: flex; align-items: baseline; gap: 10px; min-width: 0; flex-wrap: nowrap; }
.bd-h1 h2 { margin: 0; flex: 0 0 auto; }
.bd-h1 .role-pf-head, #bdDesk .bd-h1 .role-pf-head, #bdEvidence .bd-h1 .role-pf-head { margin: 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }  
.bd-numu { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.bd-numu-in { display: flex; align-items: stretch; border: 1px solid #d6dbe3; border-radius: 6px; background: #fff; overflow: hidden; min-width: 0; }
.bd-numu-in input { flex: 1 1 auto; min-width: 0; width: 100%; border: 0 !important; border-radius: 0 !important; padding: 5px 8px; font: inherit; font-size: 12px; outline: none; }
.bd-numu-in select { flex: 0 0 auto; border: 0 !important; border-left: 1px solid #e2e8f0 !important; border-radius: 0 !important; background: #f8fafc; font: inherit; font-size: 11.5px; padding: 0 6px; color: #334155; max-width: 52%; }
.bd-numu-in .bd-u { flex: 0 0 auto; align-self: center; padding: 0 8px; font-size: 11.5px; color: #64748b; }
.bd-numu-in .bd-dash { align-self: center; }
.bd-pickrow { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 4px 0 10px; }
.bd-pickrow .bd-pills { padding: 0; }
.bd-pick-l { font-size: 10.5px; color: #64748b; }
.bd-link { border: 0; background: none; padding: 0; font: inherit; font-size: 11.5px; color: #1d4ed8; cursor: pointer; text-decoration: none; }
.bd-link:hover { text-decoration: underline; }
.bd-cb-line { font-size: 12px; font-weight: 600; color: #0f172a; margin: 2px 0 6px; }
.bd-cb-tag { color: #0f172a; font-weight: 600; }
.bd-switch { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 12px 0 6px; border: 1px solid #d6dbe3; border-radius: 999px; background: #fff; font: inherit; font-size: 12px; color: #0f172a; cursor: pointer; }
.bd-switch .bd-switch-k { width: 26px; height: 15px; border-radius: 999px; background: #cbd5e1; position: relative; transition: background .15s; }
.bd-switch .bd-switch-k::after { content: ""; position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; transition: transform .15s; }
.bd-switch[aria-pressed="true"] .bd-switch-k { background: #0f172a; }
.bd-switch[aria-pressed="true"] .bd-switch-k::after { transform: translateX(11px); }
.bd-who-block { margin: 10px 0 2px; }
.bd-who-h { padding: 0 0 4px; }
.bd-who { display: flex; align-items: baseline; gap: 10px; font-size: 12px; line-height: 20px; padding: 3px 0; border-bottom: 1px solid #f1f5f9; }
.bd-who-l { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-who-n { font-weight: 600; color: #0f172a; }
.bd-who-o { color: #64748b; margin-left: 4px; }
.bd-who-r { flex: 0 0 auto; white-space: nowrap; color: #64748b; font-size: 11.5px; }
.bd-who[data-revoked="1"] .bd-who-n { color: #94a3b8; text-decoration: line-through; }
.bd-who .bd-revoke { margin-left: 8px; }
#bdDesk .pf-view, #bdEvidence .pf-view, .bd-pills .bd-pill { line-height: 24px; }  
.bd-sg-res .bd-sg-who { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 1 1 60%; line-height: 20px; }
.bd-sg-res .bd-sg-who .sp-q { margin-left: 4px; }
.bd-sg-foot .role-bar-btn { line-height: 24px; white-space: nowrap; }
.bd-sheet { margin-top: 12px; border: 1px solid #d6dbe3; border-radius: 10px; padding: 10px 12px; background: #fff; }
.bd-sheet-h { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; }
.bd-sheet-h > :last-child { margin-left: auto; }
.bd-x { border: 0; background: none; font-size: 14px; color: #64748b; cursor: pointer; min-width: 28px; min-height: 28px; }
.bd-grps { padding: 0 0 8px; }
.bd-sg-q { width: 100%; font: inherit; font-size: 12px; padding: 5px 8px; border: 1px solid #d6dbe3; border-radius: 6px; margin-bottom: 6px; }
.bd-sg-list { display: flex; flex-direction: column; max-height: 240px; overflow-y: auto; }
.bd-sg-row { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 2px 2px; border-bottom: 1px solid #f1f5f9; cursor: pointer; }
.bd-sg-row .rp-name { font-size: 12.5px; }
.bd-sg-row .sp-q { margin-left: auto; font-size: 11px; color: #64748b; }
.bd-sg-add { margin: 8px 0; }
.bd-sg-foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
.bd-sg-res { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 6px 0; border-bottom: 1px solid #f1f5f9; }
.bd-sg-acts { display: inline-flex; gap: 12px; margin-left: auto; }
.bd-copy-fallback { font: 500 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; width: 100%; }
.bd-more summary { font-size: 11.5px; color: #475569; cursor: pointer; list-style: none; }
.bd-more[open] summary { margin-bottom: 6px; }
.bd-more .sh-to { width: 14ch; font: 500 11.5px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; }
.bd-within { padding: 8px 16px 0; }
#bdEvidence .bd-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 8px 16px 0; }
#bdEvidence .bd-filters .cp-filter { display: inline-flex; align-items: center; gap: 0; height: 28px; border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 0 4px 0 11px; font-size: 11px; color: #64748b; }
#bdEvidence .bd-filters .cp-filter select, #bdEvidence .bd-filters .cp-filter input { border: 0; background: transparent; font: 600 11.5px/1 var(--font); color: #0f172a; margin-left: 6px; padding: 0 4px; height: 26px; outline: none; }
#bdEvidence .bd-filters .bd-q input { width: 14ch; }
.bd-ev-tn { font-weight: 500; color: #334155; }
@media (max-width: 760px) {
.bd-sg-acts { margin-left: 0; }
.bd-switch { min-height: 44px; }
.bd-sg-row { min-height: 44px; }
}
 
@media print {
#printSheet.bd-print { font: 9pt/1.35 Inter, system-ui, sans-serif; color: #111; }
#printSheet.bd-print .print-head { display: flex; flex-direction: column; gap: 2px; border-bottom: 1.5px solid #111; padding-bottom: 5px; margin-bottom: 8px; }
#printSheet.bd-print .print-head span { font-size: 7.5pt; color: #555; }
#printSheet.bd-print .print-note { font-size: 7pt; color: #444; }
#printSheet.bd-print .dd-row { display: grid; grid-template-columns: 32% 1fr auto; grid-template-areas: "k v s"; gap: 2px 8px; padding: 2px 0; border-bottom: 1px solid #ddd; }
#printSheet.bd-print .dd-k { grid-area: k; color: #444; } #printSheet.bd-print .dd-v { grid-area: v; } #printSheet.bd-print .dd-s { grid-area: s; }
#printSheet.bd-print .role-pf-row { border: 1px solid #ccc; border-radius: 4px; padding: 3px 5px; margin: 3px 0; display: block; }
#printSheet.bd-print .st-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #555; }
#printSheet.bd-print .abs-fill { display: inline; }
}


body.pl-pin-drop .inspector.insp-full, body.pl-pin-drop #wsShell { visibility: hidden; pointer-events: none; }  
body.pl-pin-drop.insp-full-on::before { content: "Click the map where it is — the pin lands there"; position: fixed; top: 76px; left: 50%; transform: translateX(-50%); z-index: 40; padding: 8px 14px; border-radius: 999px; background: #14202e; color: #fff; font: 600 12px/1.2 var(--font); box-shadow: 0 6px 20px rgba(0,0,0,.25); pointer-events: none; }


@media (min-width: 761px) { body .inspector.bd-share-big, body.look-quiet .inspector.bd-share-big { width: max(560px, 40vw); max-width: calc(100vw - 32px); } }
@media (max-width: 760px) { body .inspector.bd-share-big { max-height: 86vh !important; } }
.inspector.bd-share-big .bd-share-form .pl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
.inspector.bd-share-big .bd-share-form .pl-grid input, .inspector.bd-share-big .bd-share-form .pl-grid select { width: 100%; box-sizing: border-box; min-width: 0; }
.bd-share-go { margin-left: auto; }
#dkViews { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
#dkViews .gl-i { margin-left: 2px; }
 
#shCities .bd-pills { flex-wrap: wrap; }
.bd-find { max-width: none; }
.bd-find input { font-size: 13px; padding: 7px 9px; }
.bd-find-list { max-height: 300px; overflow-y: auto; }
.bd-find-row { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }
.bd-picked { display: block; margin-top: 8px; }
.bd-exists { margin: 8px 0; padding: 8px 10px; border-radius: 8px; background: #eef2ff; font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.bd-geo { margin: 6px 0; font-size: 11.5px; color: #475569; min-height: 16px; }
.bd-place { margin: 8px 0; font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.bd-place-l { font-weight: 600; color: #0f172a; }
.bd-ok { color: #047857; }
body.bd-snapping .mapboxgl-canvas-container, body.bd-snapping .mapboxgl-canvas { cursor: crosshair; }
 
.bd-units { margin: 10px 0 6px; }
.bd-units-h, .bd-unit { display: grid; grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1fr) 26px; gap: 6px; align-items: center; }
.bd-units-h { font-size: 10.5px; color: #64748b; margin-bottom: 3px; }
.bd-unit { margin-bottom: 5px; }
.bd-unit input { font: inherit; font-size: 12.5px; padding: 5px 7px; border: 1px solid #d6dbe3; border-radius: 6px; min-width: 0; width: 100%; box-sizing: border-box; }
.bd-units-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 12px; }
.bd-units-tot { font-weight: 600; color: #0f172a; }
.bd-me { font-size: 12.5px; color: #0f172a; margin: 4px 0 8px; }
 
.bd-desk-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 6px 0 8px; }
.bd-desk-q { flex: 1 1 180px; min-width: 0; font: inherit; font-size: 12.5px; padding: 6px 9px; border: 1px solid #d6dbe3; border-radius: 6px; }
.bd-desk-n { font-size: 11px; color: #64748b; white-space: nowrap; }
.bd-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 6px; }
.bd-card { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border: 1px solid #e4e7ec; border-radius: 8px; cursor: pointer; min-width: 0; }
.bd-card:hover { border-color: #94a3b8; }
.bd-card-l1 { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; min-width: 0; }
.bd-card-l1 .rp-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bd-card-kind { font-size: 10.5px; font-weight: 600; color: #475569; white-space: nowrap; }
.bd-card-l2 { font-size: 11.5px; }
.bd-card-ask { font-weight: 600; color: #0f172a; }
@media (max-width: 760px) { .bd-cards { grid-template-columns: 1fr; } }
 
.bd-pin-mk { width: 18px; height: 18px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--pin-c, #4338ca); border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,.35); margin-bottom: 6px; }
.bd-pin-mk.on { width: 22px; height: 22px; }
.bd-pin-wrap { width: 24px; height: 30px; display: flex; align-items: flex-start; justify-content: center; pointer-events: none; }
.bd-pin-mk { display: block; }
 
.insp-head .insp-title { flex: 0 0 auto; align-self: center; margin: 0 10px 0 4px; font: 700 15px/1.2 var(--font); color: #0f172a; white-space: nowrap; }
.insp-head .insp-title ~ .insp-tabs .insp-tab[aria-selected="false"] { opacity: 0.7; }
 
.inspector .bd-numu .bd-numu-in { display: flex; min-width: 0; }
.inspector .bd-numu .bd-numu-in input { flex: 1 1 64px; min-width: 56px; width: auto; }
.inspector .bd-numu .bd-numu-in select { flex: 0 0 auto; width: auto; max-width: 62%; }
@media (max-width: 760px) { .inspector.bd-share-big .bd-share-form .pl-grid { grid-template-columns: 1fr; } }


:root {
--ds-brand-dark: #14202e;  
--ds-brand: #9a7b3f;  
--ds-brand-ink: #7a5f2c;  
--ds-field-border: #d6dbe3; --ds-field-radius: 7px; --ds-field-h: 32px; --ds-label: #475569; --ds-err: #b42318;
}
 
.ds-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 14px; border-radius: 999px; font: 600 12px/1 var(--font); cursor: pointer; white-space: nowrap; text-decoration: none; }
.ds-primary { background: var(--ds-brand-dark); color: #fff; border: 1px solid var(--ds-brand-dark); }
.ds-primary:hover { background: #22324a; }
.ds-secondary { background: #fff; color: var(--ds-brand-dark); border: 1px solid var(--ds-brand); }
.ds-secondary:hover { background: #f5f1e8; }
.ds-link { background: none; border: 0; padding: 0; height: auto; color: var(--ds-brand-ink); font: 600 12px/1.3 var(--font); cursor: pointer; text-decoration: none; }
.ds-link:hover { text-decoration: underline; }
.ds-btn:disabled, .ds-link:disabled { opacity: 0.45; cursor: default; }
 
:is(#bdDesk, #bdEvidence, #bdRadar) :is(.role-bar-btn, .sh-submit) { height: 30px; padding: 0 14px; border-radius: 999px; font: 600 12px/1 var(--font); background: #fff; color: var(--ds-brand-dark); border: 1px solid var(--ds-brand); }
:is(#bdDesk, #bdEvidence, #bdRadar) :is(.role-bar-btn, .sh-submit):hover { background: #f5f1e8; }
:is(#bdDesk, #bdEvidence, #bdRadar) :is(.role-bar-btn, .sh-submit).ds-primary, #bdDesk .bd-share-go, #bdDesk #shNext, #bdDesk #shSubmitSpace, #bdDesk #shSubmit { background: var(--ds-brand-dark); color: #fff; border-color: var(--ds-brand-dark); }
:is(#bdDesk, #bdEvidence, #bdRadar) :is(.role-pf-back, .bd-link, a.bd-link, .sg-copy, .sg-mail, .sg-wa) { background: none; border: 0; padding: 0; margin: 0; color: var(--ds-brand-ink); font: 600 12px/1.3 var(--font); cursor: pointer; text-decoration: none; }
:is(#bdDesk, #bdEvidence, #bdRadar) :is(.role-pf-back, .bd-link):hover { text-decoration: underline; }
:is(#bdDesk, #bdEvidence, #bdRadar) a { color: var(--ds-brand-ink); }
 
#bdDesk :is(.pl-grid, .bd-addr, .bd-form, .bd-share-form) label { display: flex; flex-direction: column; gap: 4px; font: 600 11px/1.2 var(--font); color: var(--ds-label); }
#bdDesk :is(input:not([type=checkbox]):not([type=file]):not([type=radio]), select, textarea) { font: 13px/1.2 var(--font); color: var(--ink); height: var(--ds-field-h); padding: 0 9px; border: 1px solid var(--ds-field-border); border-radius: var(--ds-field-radius); background: #fff; box-sizing: border-box; }
#bdDesk textarea { height: auto; padding: 7px 9px; }
#bdDesk select { appearance: none; -webkit-appearance: none; padding-right: 26px; background-image: linear-gradient(45deg, transparent 50%, #64748b 50%), linear-gradient(135deg, #64748b 50%, transparent 50%); background-position: calc(100% - 13px) 50%, calc(100% - 8px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
#bdDesk input[type=date] { appearance: none; -webkit-appearance: none; }
#bdDesk :is(input, select, textarea):focus { outline: none; border-color: var(--ds-brand); box-shadow: 0 0 0 3px rgba(154, 123, 63, 0.18); }
#bdDesk .ds-req::after { content: " *"; color: var(--ds-err); }
#bdDesk .ds-bad input, #bdDesk input.ds-bad { border-color: var(--ds-err); }
#bdDesk .ds-hint-err { font: 500 11px/1.3 var(--font); color: var(--ds-err); margin-top: 2px; }
#bdDesk .ds-short { max-width: 120px; }
#bdDesk .ds-date { max-width: 170px; }
 
@media (min-width: 761px) { body .inspector.bd-desk-door, body.look-quiet .inspector.bd-desk-door { width: max(560px, 40vw); max-width: calc(100vw - 32px); } }
#bdDesk .pl-card, #bdDesk .bd-sheet, #bdRadar .pl-card { border: 0; box-shadow: none; background: transparent; padding-left: 0; padding-right: 0; }
 
.ds-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 2px; font: 13px/1.4 var(--font); color: var(--ds-label); }
 
.ds-skel { display: block; height: 44px; margin: 6px 0; border-radius: 8px; background: linear-gradient(90deg, #eef1f5 25%, #f6f8fa 50%, #eef1f5 75%); background-size: 200% 100%; animation: ds-shimmer 1.2s linear infinite; }
@keyframes ds-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .ds-skel { animation: none; } }
 
#bdDesk .phead { display: flex; align-items: center; gap: 10px; }
#bdDesk .phead #dkNew { margin-left: auto; }
.bd-tabs { display: flex; flex-wrap: nowrap; gap: 2px; overflow-x: auto; border-bottom: 1px solid var(--line); margin: 6px 0 10px; scrollbar-width: none; }
.bd-tabs::-webkit-scrollbar { display: none; }
.bd-tab { flex: 0 0 auto; background: none; border: 0; border-bottom: 2px solid transparent; padding: 8px 10px; font: 600 12.5px/1 var(--font); color: #64748b; cursor: pointer; white-space: nowrap; }
.bd-tab[aria-pressed="true"] { color: var(--ds-brand-dark); border-bottom-color: var(--ds-brand-dark); }
.bd-card-l3 { font-size: 12px; }
.bd-card-psf { color: #475569; font-size: 11px; }
.bd-card-l4 { font-size: 11px; color: #64748b; }
.bd-badge { display: inline-block; margin-left: 4px; padding: 1px 6px; border-radius: 999px; font: 600 10px/1.5 var(--font); color: var(--ds-brand-ink); border: 1px solid var(--ds-brand); background: #fbf8f1; vertical-align: 1px; }
.bd-gallery { display: flex; gap: 6px; overflow-x: auto; margin: 8px 0 10px; }
.bd-ph img { height: 110px; width: auto; border-radius: 8px; display: block; object-fit: cover; }
.bd-warn { margin: 6px 0 10px; padding: 8px 10px; border-radius: 8px; background: #fff7ed; color: #9a3412; font: 500 12px/1.4 var(--font); }
.bd-hist { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 2px 10px; margin-top: 4px; font: 500 11px/1.4 var(--font); color: #475569; }  
.bd-hist .bd-hist-i { grid-column: 2; }
.bd-hist-h { font-weight: 700; }
.bd-detail-wrap { position: relative; }
.bd-sticky { position: sticky; bottom: 0; z-index: 3; background: var(--panel); border-top: 1px solid var(--line); padding: 10px 0 8px; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.bd-draft-ask { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px; margin-bottom: 10px; border-radius: 8px; background: #f8fafc; border: 1px solid var(--line); font: 600 12.5px/1.3 var(--font); color: var(--ink); }
 
.bd-rgroup { border-bottom: 1px solid var(--line); }
.bd-rgroup-h { display: flex; align-items: center; gap: 8px; padding: 9px 2px; cursor: pointer; list-style: none; }
.bd-rgroup-h::-webkit-details-marker { display: none; }
.bd-rgroup-h::before { content: "\25B8"; color: var(--ds-brand); font-size: 10px; transition: transform .12s ease; }
.bd-rgroup[open] > .bd-rgroup-h::before { transform: rotate(90deg); }
.bd-rg-name { font-weight: 700; flex: 0 1 auto; min-width: 0; }
.bd-rg-meta { flex: 1 1 auto; font-size: 11.5px; color: #475569; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-rgroup .bd-ev-row { padding-left: 16px; }
.bd-ev-bld { display: none; }
#evRentTools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0 6px; }
.bd-place-line { font: 500 12px/1.4 var(--font); color: #475569; margin: 4px 0 8px; }
.bd-progress { height: 4px; border-radius: 999px; background: #eef1f5; overflow: hidden; margin: 8px 0 4px; }
.bd-progress span { display: block; height: 100%; background: var(--ds-brand-dark); border-radius: 999px; transition: width .2s ease; }
.bd-step-nav.bd-sticky { justify-content: space-between; }
.bd-unit-area select { max-width: 90px; }
#bdDesk [data-num="parks"] { max-width: 140px; }
.bd-view-note { font: 600 12px/1 var(--font); color: #475569; margin-right: auto; }
.bd-tabs + #dkBody .pl-tools { display: flex; align-items: center; gap: 8px; }
.sw-lab { color: #64748b; font-weight: 500; margin-right: 2px; }
.bd-rgroup-h { flex-wrap: wrap; }
.bd-rg-meta { white-space: normal; overflow: visible; flex: 1 1 60%; }
 


#bdEvidence .bd-rgroup-h { display: grid; grid-template-columns: minmax(0, 1fr) 44px; grid-template-areas: "name st" "meta st"; column-gap: 10px; row-gap: 2px; align-items: center; padding: 9px 16px; flex-wrap: nowrap; }
#bdEvidence .bd-rgroup-h::before { content: none; }
#bdEvidence .bd-rg-name { grid-area: name; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#bdEvidence .bd-rg-meta { grid-area: meta; flex: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#bdEvidence .bd-rgroup-h .bd-ev-st, #bdEvidence .bd-ev-l1 .bd-ev-st { grid-area: st; display: flex; justify-content: flex-end; align-items: center; gap: 6px; width: 44px; }
#bdEvidence .bd-ev-l1 { display: grid; grid-template-columns: minmax(0, 1fr) 44px; column-gap: 10px; align-items: baseline; }
#bdEvidence .bd-rgroup .bd-ev-row { padding-left: 16px; }
.bd-ev-lease, .bd-ev-own { cursor: pointer; }
.bd-ev-lease:hover, .bd-ev-own:hover, .bd-ev-lease.on, .bd-ev-own.on { background: #f8f6f0; }
.bd-ev-src { font-size: 11.5px; color: #475569; margin-top: 4px; }
@media (max-width: 760px) { #bdEvidence .bd-rg-meta { white-space: normal; } }
 
.bd-ev-band { font-size: 11px; color: #64748b; margin-top: 2px; }
.bd-check { display: inline-block; font: 600 10.5px/18px var(--font); padding: 0 7px; border-radius: 999px; background: #fef3c7; color: #92400e; }
#bdRadar #rdViews { padding: 8px 16px 0; }
 
#dkActions { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
.bd-more-wrap { position: relative; display: inline-flex; }
.bd-more-menu { position: absolute; bottom: calc(100% + 6px); left: 0; min-width: 230px; z-index: 30; display: flex; flex-direction: column; padding: 6px; background: #fff; border: 1px solid #e4e7ec; border-radius: 10px; box-shadow: 0 10px 28px rgba(15, 23, 42, .14); }
.bd-more-menu[hidden] { display: none; }
.bd-menu-i { display: flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 10px; border: 0; background: none; text-align: left; font: 500 12.5px/1.2 var(--font); color: #0f172a; border-radius: 6px; cursor: pointer; white-space: nowrap; }
button.bd-menu-i:hover { background: #f5f1e8; }
.bd-menu-i.sh-withdraw { color: #b42318; }
 
#bdDesk .bd-cards { grid-template-columns: 1fr; }
#bdDesk .bd-card .rp-sub, #bdDesk .bd-card-l1, #bdDesk .bd-card-l3, #bdDesk .bd-card-l4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
 
.bd-lit-key { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 6px 16px 8px; font: 500 11px/1.3 var(--font); color: #475569; }
.bd-key-i { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.bd-key-sw { width: 14px; height: 8px; border-radius: 2px; flex: none; }
 
#rqForm .rq-row { margin: 10px 0 0; column-gap: 12px; row-gap: 10px; align-items: end; }
#rqForm .rq-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#rqForm .rq-2 { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
#rqForm .rq-1 { grid-template-columns: 1fr; }
#rqForm .rq-row select, #rqForm .rq-row input:not([type="checkbox"]) { width: 100%; box-sizing: border-box; min-width: 0; }
#rqForm .rq-f { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
#rqForm .rq-l { font-size: 10.5px; color: #64748b; }
#rqForm .rq-month { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
#rqForm .rq-foot { position: sticky; bottom: 0; background: #fff; padding: 10px 0; margin-top: 12px; border-top: 1px solid #eef1f5; z-index: 2; }
@media (max-width: 760px) { #rqForm .rq-3 { grid-template-columns: 1fr 1fr; } #rqForm .rq-3 > :first-child { grid-column: 1 / -1; } #rqForm .rq-2 { grid-template-columns: 1fr; } }


:is(#shForm, #rqForm) .bd-pickrow { flex-direction: column; align-items: flex-start; gap: 4px; }
:is(#shForm, #rqForm) .bd-pick-l, #rqForm .rq-l { font-size: 11px; font-weight: 600; color: #475569; }
#rqForm > .bd-pickrow { flex-direction: row; }  
 
.bd-lit-key { min-height: 18px; box-sizing: content-box; flex-wrap: nowrap; overflow: hidden; }
.bd-lit-key.empty { visibility: hidden; }
 
@media (max-width: 760px) { body .inspector.bd-share-big.bd-share-pick { max-height: 44vh !important; } }


#proxCardNear { overflow-y: auto; }
#proxCardNear .prox-head { font: 700 14px/1.25 var(--font); color: #0f172a; padding-bottom: 2px; }
.gt-sec { padding: 8px 0 6px; border-top: 1px solid #eef1f5; }
.gt-sec:first-child { border-top: 0; }
.gt-h { font: 700 11.5px/1.3 var(--font); color: #0f172a; margin: 0 0 4px; display: flex; align-items: center; gap: 6px; }
.gt-row { display: flex; align-items: flex-start; gap: 7px; padding: 3px 0; font: 500 12px/1.35 var(--font); color: #1e293b; min-width: 0; }
.gt-ic { flex: none; width: 16px; display: inline-flex; justify-content: center; padding-top: 1px; color: #334155; }
.gt-ic .cn-roundel { transform: scale(.9); }
.gt-v { min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.gt-status { font: 500 11px/1.3 var(--font); color: #64748b; margin: 0 0 3px; }
.gt-none { color: #64748b; }
.gt-chiprow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.gt-within { font: 500 11px/1 var(--font); color: #64748b; margin-right: 2px; }
#proxCats .prox-cat.gt-chip { display: inline-flex; width: auto; min-height: 28px; align-items: center; gap: 4px; padding: 0 10px; border: 1px solid #e2e8f0; border-radius: 999px; background: #fff; font: 600 11.5px/1 var(--font); color: #0f172a; text-transform: none; letter-spacing: 0; }
#proxCats .prox-cat.gt-chip .prox-cat-n { font-weight: 700; color: #475569; margin: 0; }
#proxCats .prox-cat.gt-chip[aria-pressed="true"] { background: #0f172a; color: #fff; border-color: #0f172a; }
#proxCats .prox-cat.gt-chip[aria-pressed="true"] .prox-cat-n { color: #fff; }
#proxCats .prox-list { margin-top: 6px; }
 
.lg-keyline { display: flex; align-items: center; gap: 8px; padding: 4px 2px 2px; font: 500 12px/1.2 var(--font); color: #334155; }
.lg-keyline .dot { width: 10px; height: 10px; border-radius: 50%; flex: none; }
 
#shForm .sh-doc-rows { display: flex; flex-direction: column; gap: 2px; align-items: stretch; }
#shForm .sh-doc-row { display: flex; align-items: center; gap: 10px; justify-content: flex-start; text-align: left; padding: 9px 10px; border: 1px solid #eef1f5; border-radius: 8px; font: 500 12.5px/1.3 var(--font); color: #0f172a; cursor: pointer; }
#shForm .sh-doc-row input { margin: 0; width: 16px; height: 16px; flex: none; }
#shForm .bd-zone-h { font: 600 11px/1.3 var(--font); color: #475569; margin: 10px 0 4px; }
#shForm .bd-drop { display: flex; align-items: center; justify-content: center; min-height: 84px; border: 1.5px dashed #cbd5e1; border-radius: 10px; background: #f8fafc; color: #475569; font: 500 12.5px/1.3 var(--font); cursor: pointer; text-align: center; padding: 10px; }
#shForm .bd-drop.over { border-color: var(--ds-brand, #8a6d3b); background: #f5f1e8; }
#shForm .bd-drop-docs { min-height: 56px; }
#shForm .bd-cam { margin-top: 8px; width: 100%; }
#shForm .bd-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 6px; margin-top: 8px; }
#shForm .bd-thumb { position: relative; aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: #eef1f5; display: flex; align-items: center; justify-content: center; font-size: 10.5px; color: #475569; }
#shForm .bd-thumb img { width: 100%; height: 100%; object-fit: cover; }
#shForm .bd-thumb[data-ok="0"] { outline: 1.5px solid #b42318; }
#shForm .bd-thumb em { position: absolute; left: 0; right: 0; bottom: 0; font-style: normal; font-size: 9.5px; background: rgba(180, 35, 24, .9); color: #fff; padding: 2px 4px; }
#shForm .bd-rights { margin-top: 10px; }
 
.bd-numu-in .bd-u-pct { padding: 0 2px 0 0; }
.bd-ab-row { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.bd-ab-row .bd-ev-l { min-width: 0; flex: 1 1 auto; }
.bd-ab-acts { display: flex; gap: 6px; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; }
.bd-ab-row[data-checked="1"] .rp-name { color: var(--text-2, #475569); }
@media (max-width: 760px) { .bd-ab-row { flex-direction: column; } .bd-ab-acts { justify-content: flex-start; } }
.gt-chip .gt-r { font-weight: 400; opacity: .7; font-size: .92em; }
 


.inspector .insp-page[data-tab="building"]:not([hidden]) { display: flex; flex-direction: column; min-height: 100%; }
.inspector .insp-page[data-tab="building"] > .pfoot.pfoot-docked { margin-top: auto; }
 
.inspector .insp-page[data-tab="building"] > #panel { z-index: auto; }
 
#levelDetail .dd-v.gl-one, #levelDetail .dd-v { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: break-word; }
 
#panel .po-narr { display: none; }
.po-narr { display: inline-block; margin-left: 6px; color: #64748b; font-size: 12px; cursor: help; vertical-align: middle; }
 
.cb { display: flex; flex-direction: column; gap: 3px; margin-top: 2px; }
.cb-h { display: flex; justify-content: flex-end; margin: -18px 0 0; min-height: 0; }
.cb-row { display: grid; grid-template-columns: minmax(118px, 42%) minmax(0, 1fr) auto; column-gap: 8px; align-items: baseline; font-size: 12.5px; line-height: 1.35; }
.cb-k { color: #64748b; font-size: 11.5px; }
.cb-v { color: #0f172a; font-weight: 550; overflow-wrap: break-word; min-width: 0; }
.cb-none { color: #94a3b8; font-weight: 400; }
.cb-s { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.cb-s .st-chip { font-size: 9px; padding: 1px 6px; }
@media (max-width: 760px) { .cb-row { grid-template-columns: minmax(96px, 40%) minmax(0, 1fr) auto; } }
 
.cb-one .cb-row { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 4px; }
.cb-one .cb-none-held { color: var(--muted); }
 
#shForm .bd-find-add { display: flex; width: 100%; align-items: center; justify-content: flex-start; gap: 8px; margin-top: 6px; text-align: left; }
#shForm .bd-find-add > span:nth-child(2) { flex: 1 1 auto; }
#shForm .bd-find-add-i { font-weight: 700; }
 
.ws-btn .ws-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 17px; height: 17px; padding: 0 5px; margin-left: 6px; border-radius: 9px; background: #b42318; color: #fff; font: 700 10.5px/1 var(--font); vertical-align: 1px; box-sizing: border-box; }
.bd-th-row .bd-unread { color: #b42318; font-weight: 700; }
 
.bd-fix .bd-fix-form { display: flex; flex-direction: column; gap: 8px; padding: 8px 0 2px; }
.bd-fix .bd-fix-form label { display: flex; flex-direction: column; gap: 4px; font: 600 11px/1.2 var(--font); color: var(--ds-label, #475569); }
.bd-fix .bd-fix-form input, .bd-fix .bd-fix-form select, .bd-fix .bd-fix-form textarea { font: 500 12.5px/1.3 var(--font); border: 1px solid #e2e8f0; border-radius: 6px; padding: 6px 8px; width: 100%; box-sizing: border-box; }
.bd-fix .bd-fix-shown { font-size: 12px; color: #0f172a; }
.bd-fix .bd-fix-done { font-size: 12.5px; color: #0f172a; padding: 8px 0 4px; }
.peek-broker .bd-fix { flex: 1 1 100%; }


#bdDesk #shForm label.sh-doc-row { flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; font: 500 12.5px/1.3 var(--font); color: #0f172a; text-align: left; }
 
.bd-step-nav .bd-nav-r { display: inline-flex; gap: 8px; align-items: center; }
 
body.look-quiet .pglance .pg-v:not(:has(.absent)), body.look-quiet #panel .pglance .pg-v:not(:has(.absent)) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
 
.bd-unit-area .bd-numu-in .bd-u, .bd-unit-area .bd-u { align-self: stretch; display: flex; align-items: center; background: #f8fafc; border-left: 1px solid #e2e8f0; color: #334155; font: inherit; padding: 0 12px; }


@media (max-width: 760px) {
#inspector :is(.bd-link, .role-pf-back, .bd-pill, .pf-view, .sg-copy, .bd-revoke) { position: relative; }
#inspector :is(.bd-link, .role-pf-back, .bd-pill, .pf-view, .sg-copy, .bd-revoke)::after { content: ""; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px; }
}


.topbar:focus-within { z-index: 9; }
 
.bd-confirm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 10px 0 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: #fffaf0; font-size: 12.5px; }
.bd-confirm-a { display: inline-flex; gap: 8px; }
 
 


#panel.card-lean #panelDevBadge, #panel.card-lean .pill-row, #panel.card-lean #panelGlance, #panel.card-lean #panelRealBadge,
#panel.card-lean #panelTitleConf, #panel.card-lean #panelDescField, #panel.card-lean #panelReraField, #panel.card-lean #panelExportBtn,
#panel.card-lean #panelImageWrap, #panel.card-lean #panelConstr .cs-narrative, #panel.card-lean #panelConstr > .gl-i, #panel.card-lean #panelConstr [data-completion-timeline] { display: none !important; }
#panel.card-lean .acc-card { margin: 10px 0 2px; }
#panel.card-lean .acc-card .acc-toggle { width: 100%; }
#dossierModal .dossier-export { position: static; display: block; width: 100%; margin-top: 8px; }


.ctl { display: flex; flex-direction: column; gap: 6px; margin-top: 2px; --ctl-on: #0f766e; --ctl-off: #d5dae1; --ctl-now: #0f766e; }
.ctl-head { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 4px; font-size: 12.5px; font-weight: 600; color: var(--ink); }
.ctl-head .ctl-i { margin-left: auto; }
.ctl-bar { position: relative; height: 16px; margin: 4px 9% 0; }
.ctl-track, .ctl-fill { position: absolute; left: 0; top: 7px; height: 3px; border-radius: 2px; }
.ctl-track { right: 0; background: var(--ctl-off); }
.ctl-fill { background: var(--ctl-on); }
.ctl-mark { position: absolute; top: 3px; width: 11px; height: 11px; margin-left: -5.5px; border-radius: 50%; background: #fff; border: 2px solid var(--ctl-off); box-sizing: border-box; }
.ctl-mark.ctl-done { background: var(--ctl-on); border-color: var(--ctl-on); }
.ctl-mark.ctl-now { background: #fff; border-color: var(--ctl-now); box-shadow: 0 0 0 3px rgba(15,118,110,0.18); }
.ctl-mark-gate { top: 0; width: 5px; height: 17px; margin-left: -2.5px; border-radius: 2px; }
.ctl-mark-gate.ctl-now { box-shadow: 0 0 0 3px rgba(15,118,110,0.18); }
.ctl-nodes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 4px; }
.ctl-node { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; gap: 1px; }
.ctl-k { font-size: 10.5px; font-weight: 600; letter-spacing: .01em; color: var(--muted); text-transform: none; }
.ctl-node.ctl-now .ctl-k { color: var(--ctl-now); }
.ctl-node.ctl-gate .ctl-k { color: var(--ink); }
.ctl-v { font-size: 11px; line-height: 1.3; color: var(--ink); overflow-wrap: anywhere; display: flex; flex-direction: column; align-items: center; }
.ctl-v .st-dot { width: 7px; height: 7px; margin: 0 0 0 3px; }
.ctl-pv { font-weight: 600; }
.ctl-pd { color: var(--muted); white-space: nowrap; }
.ctl-rev { color: var(--muted); font-size: 10.5px; }
.ctl-none { color: var(--muted); }
.ctl-node.ctl-now { background: rgba(15,118,110,0.07); border-radius: 6px; padding: 2px 1px 3px; }
 
.ctl-search { font-size: 11.5px; color: var(--ink); line-height: 1.35; }
.ctl-nw { white-space: nowrap; }
.ctl-nw .st-dot { margin: 0 2px; }


.panel .phero, #dossierModal .phero { background: #1f2430; }
.panel .phero .phero-img, #dossierModal .phero .phero-img,
.panel .phero.hero-whole .phero-img, #dossierModal .phero.hero-whole .phero-img,
.panel .phero.is-portrait .phero-img { object-fit: contain !important; object-position: center !important; }
.panel .phero::before, #dossierModal .phero::before, .panel .phero.hero-whole::before {
content: "" !important; position: absolute; inset: -24px; z-index: 0; background: var(--fill) center / cover no-repeat; filter: blur(18px) brightness(0.82); transform: scale(1.12); }
 
#dossierModal .dsec-flat > .dd-sec-head { padding-left: 12px; padding-right: 12px; }  
 
.bd-card .bd-card-wd { color: var(--muted); }
.bd-card .bd-card-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; align-items: center; }
.bd-card .bd-card-acts .ds-btn { height: 30px; padding: 0 12px; font-size: 12.5px; }
.bd-card-confirm { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.bd-card-confirm .bd-confirm-q { font-size: 12.5px; color: var(--ink); line-height: 1.35; }
.bd-card-confirm .bd-confirm-a { display: flex; gap: 6px; }
.ds-btn.bd-danger { background: #b42318; border-color: #b42318; color: #fff; }
 
.bd-enc { display: flex; flex-direction: column; gap: 8px; }
.bd-enc-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; }
.bd-enc-row .bd-pick-l { min-width: 0; flex: 1 1 150px; }


:is(#shForm, #rqForm) .bd-pickrow.bd-enc-row { flex-direction: row; align-items: center; gap: 6px 10px; }
:is(#shForm, #rqForm) .bd-pickrow.bd-enc-row, :is(#shForm, #rqForm) .bd-pickrow.bd-enc-none { margin: 0; }
 
.bd-offer { padding: 18px 0 8px; }
.bd-offer-q { font: 600 15px/1.3 var(--font); color: #0f172a; margin-bottom: 14px; }
.bd-offer-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bd-offer-card { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; justify-content: center; min-height: 148px; padding: 20px; border: 1.5px solid #cbd5e1; border-radius: 14px; background: #fff; cursor: pointer; text-align: left; font: inherit; }
.bd-offer-card:hover, .bd-offer-card:focus-visible { border-color: var(--ds-brand, #8a6d3b); background: #f5f1e8; }
.bd-offer-t { font: 700 20px/1.2 var(--font); color: #0f172a; }
.bd-offer-s { font: 500 12.5px/1.4 var(--font); color: #475569; }
@media (max-width: 760px) { .bd-offer-cards { grid-template-columns: 1fr; } .bd-offer-card { min-height: 104px; } }
.bd-furnish-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 100%; }
.bd-furnish-opt { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; text-align: left; padding: 8px 10px; min-height: 44px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; cursor: pointer; font: inherit; }
.bd-furnish-n { font: 600 12.5px/1.3 var(--font); color: #0f172a; }
.bd-furnish-d { font: 400 11px/1.35 var(--font); color: #64748b; }
.bd-furnish-opt[aria-pressed="true"] { border-color: #0f172a; background: #0f172a; }
.bd-furnish-opt[aria-pressed="true"] .bd-furnish-n { color: #fff; }
.bd-furnish-opt[aria-pressed="true"] .bd-furnish-d { color: #cbd5e1; }
@media (max-width: 760px) { .bd-furnish-opts { grid-template-columns: 1fr; } }
#shForm .bd-missing { outline: 2px solid var(--ds-err, #b42318); outline-offset: 2px; border-radius: 6px; }
.bd-uchecks { display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.bd-uchecks:empty { display: none; }
.bd-ucheck { display: flex; flex-direction: column; gap: 4px; padding: 8px 10px; border-radius: 8px; background: #fff7ed; color: #9a3412; font: 500 12px/1.4 var(--font); }
.bd-ucheck[data-tier="block"] { background: #fef2f2; color: #991b1b; }
#bdDesk #shForm label.bd-ucheck-c { flex-direction: row; align-items: center; gap: 8px; font: 600 12.5px/1.3 var(--font); color: #0f172a; cursor: pointer; min-height: 28px; }
#bdDesk #shForm label.bd-ucheck-c input { width: 16px; height: 16px; margin: 0; flex: none; }
.bd-ucheck-n { font-size: 11px; color: #64748b; }
@media (max-width: 760px) { #bdDesk #shForm label.bd-ucheck-c { min-height: 44px; } }
.bd-doc-up { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 6px 10px 8px 36px; }
.bd-doc-files { display: flex; flex-direction: column; gap: 2px; font: 500 12px/1.4 var(--font); color: #0f172a; min-width: 0; }
.bd-doc-f { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.bd-doc-f em, .bd-doc-none { color: #64748b; font-style: normal; font-size: 11px; }
.bd-lvl { display: inline-block; padding: 2px 8px; border-radius: 999px; border: 1px solid #cbd5e1; font: 600 10.5px/1.5 var(--font); color: #334155; background: #f8fafc; white-space: nowrap; }
.bd-lvl[data-level="L2"] { border-color: #94a3b8; background: #eef2f7; color: #0f172a; }
.bd-lvl-line { display: flex; align-items: center; gap: 6px; margin: 8px 0 6px; font: 500 12px/1.4 var(--font); color: #475569; }
.bd-card-l1 .bd-lvl { margin-left: 6px; }
.bd-ph-credit { font: 400 11px/1.4 var(--font); color: #64748b; margin: 2px 0 8px; }
.mk-opt.mk-opt-all { border-bottom: 1px solid var(--line, #e2e8f0); font-weight: 600; margin-bottom: 2px; padding-bottom: 6px; }
 
@media (min-width: 761px) { body .inspector.rs-big, body.look-quiet .inspector.rs-big { width: max(520px, 36vw); max-width: calc(100vw - 32px); } }
@media (max-width: 760px) { .rs-dacts .ds-btn { min-height: 44px; } }
 
.pf-acts { border-top: 1px solid var(--line, #e2e8f0); padding-top: 10px; margin: 10px 0; display: flex; flex-direction: column; gap: 8px; }
.pf-acts-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pf-svc { display: flex; flex-direction: column; gap: 2px; }
.pf-svc-row { display: grid; grid-template-columns: 1fr auto auto; gap: 4px 10px; align-items: center; min-height: 34px; font: 500 12.5px/1.35 var(--font); }
.pf-svc-st { color: #64748b; font-size: 11.5px; }
.pf-unlist-q { flex: 1 1 100%; }
@media (max-width: 760px) { .pf-svc-row { min-height: 48px; } .pf-acts .ds-btn, .pf-svc-row .ds-btn, .pf-svc-row .role-pf-back { min-height: 44px; } }
 
.yp .yp-head { position: relative; }
.yc-clear-all { position: absolute; top: 0; right: 44px; }
#yieldPage.yp-home .yc-clear-all { right: 0; top: -2px; }
.yc .yc-what { margin-top: 2px; line-height: 1.35; }
.yc-coc-amt { font: 500 10.5px/1.3 var(--font); color: #64748b; font-variant-numeric: tabular-nums; }
.yc-hero-row.yc-hero-two { align-items: flex-start; gap: 8px 22px; }
.yc-hero-col { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.yc-hero-k2 { font: 600 11px/1.3 var(--font); color: #64748b; }
.yc-hero-k2 .yc-by-in { display: inline; font-weight: 400; }
.yc-tax-note, .yc-tax-rule { font: 400 11.5px/1.45 var(--font); color: #475569; padding: 6px 0; }
.yc .yc-tax-src { font-size: 10.5px; line-height: 1.35; }
.yc-tax-out { margin-top: 8px; }
.yc-tax-years { margin-top: 4px; }
.yc-dup { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: #fff7ed; color: #9a3412; font: 500 12px/1.4 var(--font); }
.yc-dup[hidden] { display: none; }
@media (max-width: 760px) { .yc-clear-all, .yc-dup .ds-btn, .yc .yc-toggle .yc-tg { min-height: 44px; } .yc-clear-all { position: static; margin-top: 6px; } }
 
.do-line { display: inline-flex; flex-wrap: wrap; gap: 2px 10px; font: 400 11.5px/1.4 var(--font); color: #475569; }
.do-k { color: #64748b; }
.do-v { color: #0f172a; font-weight: 500; }
.do-v .absent { font-weight: 400; }
.mk-cdo { margin: 2px 0 4px; }
.search-do { display: flex; margin: 1px 0 0 16px; font-size: 11px; }
.mk-row-do { display: block; }
.bd-nav-wait { font: 500 12px/1.4 var(--font); color: #64748b; }
.bd-flags .dd-v { display: flex; flex-direction: column; gap: 2px; }
.bd-enc-view .dd-v { display: flex; flex-direction: column; gap: 2px; }
.bd-enc-view .bd-enc-note { color: var(--muted); }
.bd-enc-line { display: block; }
 
.bd-price-rents { margin-top: 12px; border-top: 1px solid var(--line); padding-top: 8px; }
.bd-pr-g { margin-top: 6px; }
.bd-pr-h { font-size: 11.5px; font-weight: 650; color: var(--muted); margin-bottom: 2px; }
.bd-pr-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 10px; font-size: 12.5px; padding: 3px 0; border-bottom: 1px solid #f1f3f6; }
.bd-pr-n { min-width: 0; overflow-wrap: anywhere; }
.bd-pr-v { white-space: nowrap; }


#panel:not(.open) ~ #peekFoot.pfoot-docked { display: none !important; }
#dossierModal .dd-lean-head .dd-rows { display: flex; flex-direction: column; gap: 6px; }
#dossierModal .dd-lean-head .pglance { display: block; }
 
 
#panel .vstack, #dossierModal .vstack { display: flex; gap: 10px; align-items: flex-start; flex-direction: row; }
#panel .lvl-stack, #dossierModal .lvl-stack, #panel .vstack-mk .lvl-stack, #dossierModal .vstack-mk .lvl-stack { flex: 0 0 116px; width: 116px; max-width: 116px; }
#panel .lvl-row, #dossierModal .lvl-row { display: grid; grid-template-columns: 8px 28px minmax(0, 1fr); column-gap: 6px; align-items: center; padding: 3px 7px; }
#panel .lvl-row .lvl-label, #dossierModal .lvl-row .lvl-label { font-size: 11.5px; white-space: nowrap; text-align: right; }
#panel .lvl-row .lvl-tag, body.look-quiet #panel .lvl-row .lvl-tag, #dossierModal .lvl-row .lvl-tag { margin: 0; max-width: none; text-align: left; font-size: 10.5px; white-space: nowrap !important; overflow: hidden; text-overflow: clip; color: #6b7280; }
#panel .lvl-detail, #dossierModal .lvl-detail { flex: 1 1 auto; min-width: 0; }
#panel .lvl-detail .lvl-r .dd-v, #dossierModal .lvl-detail .lvl-r .dd-v { white-space: normal; overflow-wrap: break-word; word-break: normal; hyphens: none; }
 
#peekFoot #peekBroker { order: -1; flex: 1 1 100%; display: flex; flex-direction: column; gap: 6px; }
#peekFoot #peekBroker .peek-row1 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
#peekFoot #peekBroker .peek-row1 > button { width: 100%; min-width: 0; box-sizing: border-box; }
#peekFoot .peek-fixwrap { order: 5; flex: 1 1 100%; display: flex; flex-direction: column; align-items: center; }
#peekFoot .peek-fixwrap .peek-link { font-size: 11.5px; font-weight: 500; color: #4b5563; background: none; border: 0; padding: 2px 0 0; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; height: auto; width: auto; }
#peekFoot .peek-fixwrap .bd-fix { width: 100%; }
 
#panel.card-lean #peekFields > .field:not([style*="display: none"]) { display: grid; grid-template-columns: 112px minmax(0, 1fr); column-gap: 8px; align-items: baseline; margin: 0 0 6px; padding: 0; }
#panel.card-lean #peekFields > .field > .label { margin: 0; }
#panel.card-lean #peekFields > .field.lean-unheld { display: none !important; }
#panel.card-lean #peekFields > #panelConstrField { display: block; margin-top: 8px; }
#panel.card-lean .lean-notheld { font-size: 12px; color: var(--muted); margin: 2px 0 6px; line-height: 1.35; }


.inspector:has(.insp-page[data-tab="building"]:not([hidden]) > #panel.open.card-lean) { height: auto !important; max-height: calc(100dvh - var(--panel-top) - var(--panel-clear)); }
.inspector .insp-page[data-tab="building"]:not([hidden]):has(> #panel.open.card-lean) { min-height: 0; }
.inspector .insp-page[data-tab="building"]:has(> #panel.open.card-lean) > .pfoot.pfoot-docked { margin-top: 0; }
@media (max-width: 760px) { .inspector:has(.insp-page[data-tab="building"]:not([hidden]) > #panel.open.card-lean) { max-height: 72vh; } }
 
.search-results .search-tag { text-transform: none; font-weight: 500; letter-spacing: 0; background: none; border: 0; padding: 0; font-size: 11px; }
 
#shMsg.pl-note { color: var(--muted); font-weight: 500; }
 
.bd-price-rents { margin: 4px 0 10px; border-top: 0; padding-top: 0; }
.bd-pr-line { font-size: 12px; color: var(--ink); line-height: 1.4; }
.bd-pr-line .bd-pr-k { color: var(--muted); }
.bd-pr-line .st-dot { width: 7px; height: 7px; margin-left: 4px; }
.bd-pr-all > summary { font-size: 11.5px; color: #374151; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; list-style: none; margin-top: 2px; }
.bd-pr-all > summary::-webkit-details-marker { display: none; }
 
.inspector .insp-page > .pfoot.pfoot-docked #peekBroker, #panel .pfoot #peekBroker { order: -1; flex: 1 1 100%; width: 100%; display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; border: 0; }
.inspector .insp-page > .pfoot.pfoot-docked #peekBroker .peek-row1, #panel .pfoot #peekBroker .peek-row1 { display: grid; grid-template-columns: minmax(0, 1fr);   gap: 8px; width: 100%; }
.inspector .insp-page > .pfoot.pfoot-docked #peekBroker .peek-row1 > button, #panel .pfoot #peekBroker .peek-row1 > button { width: 100%; height: 36px; min-width: 0; margin: 0; font-size: 12.5px; }
 
#panel .vstack:has(> .lvl-detail[style*="display: none"]) > .lvl-stack, #dossierModal .vstack:has(> .lvl-detail[style*="display: none"]) > .lvl-stack { flex: 1 1 auto; width: auto; max-width: none; }


#panel .lvl-detail:empty, #dossierModal .lvl-detail:empty { display: none !important; }
#panel .vstack:has(> .lvl-detail:empty) > .lvl-stack, #dossierModal .vstack:has(> .lvl-detail:empty) > .lvl-stack { flex: 1 1 auto; width: auto; max-width: none; }
#panel.card-lean #panelIntel { margin-top: 8px; padding-top: 8px; padding-bottom: 4px; }
#panel.card-lean .pbody { padding-bottom: 4px; }


#proxHead { display: flex; align-items: center; gap: 6px; }
#proxHead .gt-acc-wrap { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
#proxHead .gt-acc { font: 500 11.5px/1 var(--font); color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; cursor: pointer; min-height: 24px; }
#proxHead .gt-acc:hover { color: var(--ink); }
#proxHead .gt-acc[aria-pressed="true"] { color: var(--ink); border-color: var(--ink); }
#proxHead .gt-acc-admin { font-size: 11px; }
@media (max-width: 760px) {
.gt-phone #proxHead { display: flex; font-size: 0; padding: 0 0 6px; opacity: 1; }
.gt-phone #proxHead > :not(.gt-acc-wrap) { display: none; }
.gt-phone #proxHead .gt-acc { min-height: 32px; padding: 6px 12px; }
}
.acc-air-chip { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: var(--panel); border: 1px solid var(--line); box-shadow: var(--shadow); font: 500 11.5px/1.2 var(--font); color: var(--ink); white-space: nowrap; pointer-events: auto; }
.acc-air-chip .acc-air-arrow { display: inline-block; color: var(--muted); transform-origin: 50% 50%; }
.acc-air-chip .cn-i { color: var(--muted); cursor: help; }
.acc-pick-overlay { position: absolute; inset: 0; z-index: 6; cursor: crosshair; }
.acc-pick-overlay .acc-pick-hint { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); background: var(--panel); border: 1px solid var(--line); border-radius: 8px; padding: 6px 12px; font: 500 12px/1.3 var(--font); color: var(--ink); box-shadow: var(--shadow); }
.acc-entry-form { display: grid; gap: 8px; padding: 8px 4px 10px; border-bottom: 1px solid var(--line); margin-bottom: 8px; font-size: 12px; }
.acc-entry-form label { display: grid; gap: 3px; }
.acc-entry-form label > span { color: var(--muted); font-size: 11px; }
.acc-entry-form input { font: 13px/1.3 var(--font); padding: 6px 8px; border: 1px solid var(--line); border-radius: 6px; }


:root { --access: #ff4d00; }
.acc-air-chip { border: 1.5px solid var(--access); color: var(--ink); font-weight: 600; }
.acc-air-chip .acc-air-arrow { color: var(--access); font-weight: 700; }
#proxHead .gt-acc[aria-pressed="true"] { color: var(--access); border-color: var(--access); }
@media (max-width: 760px) {
body.acc-sheet-min .inspector, body.acc-sheet-min .inspector:has(.insp-page[data-tab="building"]:not([hidden]) > #panel.open.card-lean) { max-height: 168px !important; height: 168px !important; }
body.acc-sheet-min .inspector .pfoot, body.acc-sheet-min .inspector #peekFoot { display: none !important; }  
}


#panel.census-card #panelDeveloperField, #panel.census-card #panelOwnerField, #panel.census-card #panelTenureField, #panel.census-card #panelConstrField, #panel.census-card #panelNotHeld,
#panel.census-card #panelGlance, #panel.census-card #panelStatusPill, #panel.census-card #panelIntel, #panel.census-card .vstack-section,
#panel.census-card ~ * #openDossierBtn, .inspector:has(#panel.census-card) #openDossierBtn, .inspector:has(#panel.census-card) #peekCompareBtn { display: none !important; }
#panel .cs-status { font: 600 12px/1.3 var(--font); color: var(--muted); margin: 0 0 8px; }
#panel .cs-facts .cs-row { display: grid; grid-template-columns: 112px 1fr; align-items: baseline; gap: 8px; margin: 0 0 6px; }
#panel .cs-facts .cs-q { color: var(--muted); font-size: 11.5px; font-style: italic; }
#panel .cs-type { color: var(--muted); }


.ctl .ctl-none { color: var(--muted); }
.ctl .ctl-none .ctl-i { font-size: 10px; margin-left: 2px; color: var(--muted); cursor: help; vertical-align: 1px; }


.pf-home { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0 10px; }
.pf-lists .pf-list-st { color: var(--muted); font-size: 12px; margin-left: 6px; }
.mk-filters { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; padding: 4px 16px 8px; }
.mk-filters .mk-f-num input { width: 72px; }
.mk-filters .mk-range { display: inline-flex; gap: 4px; align-items: center; }
.mk-filters .mk-f-n { color: var(--muted); font-size: 12px; }
.mk-sy { display: block; }
.mk-sy .yc-by, .bd-wale .yc-by { color: var(--muted); font-size: 11px; margin-left: 4px; }
.mk-row-acts { display: flex; gap: 8px; align-items: center; padding: 0 16px 8px; }
.mk-detail .role-pf-back { margin-bottom: 6px; }
.mk-detail-acts { display: flex; gap: 8px; padding: 10px 16px; }
.mk-watch[aria-pressed="true"] { font-weight: 600; }
.bd-roll .bd-rg-meta { display: block; color: var(--muted); font-size: 12px; }
.yc-pre { display: block; color: var(--muted); font-size: 11px; font-weight: 400; }
.yc-hint { display: block; color: var(--muted); font-size: 11px; font-weight: 400; }
.yc-pcts { margin-top: 6px; }
@media (max-width: 760px) { .mk-filters { padding: 4px 12px 8px; } .mk-filters .mk-f-num input { width: 64px; } }
.mk-filters .cp-filter { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--muted); }
.mk-filters .cp-filter select, .mk-filters .cp-filter input { font-size: 13px; }
.mk-detail #mkBack { display: block; margin: 0 0 8px; }
 
.auth-menu .dd-danger { color: #b42318; }
.auth-menu .auth-del { padding: 6px 12px 8px; border-top: 1px solid var(--line, #e4e7ec); }
.auth-menu .auth-del-t { font-size: 12px; color: var(--muted); margin: 0 0 6px; max-width: 260px; }
.auth-menu .auth-del-msg { font-size: 12px; color: var(--muted); margin-top: 4px; }
.account-deleted-note { position: fixed; top: 64px; left: 50%; transform: translateX(-50%); z-index: 3000; background: var(--panel, #fff); border: 1px solid var(--line, #e4e7ec); border-radius: 8px; padding: 10px 14px; font-size: 13px; box-shadow: 0 6px 20px rgba(0,0,0,.12); }
#yieldPage .yc-banner { color: var(--muted); font-size: 12px; margin: 0 0 8px; }


.st-who { display: inline-flex; align-items: center; gap: 5px; font: 500 11.5px/1.3 var(--font); color: var(--ds-label, #64748b); white-space: nowrap; }
.st-who .st-dot { margin: 0; }
.opp-row .dr-who { justify-self: end; }
.role-pf-head .dr-who { display: inline-flex; vertical-align: middle; }
.mk-shared { display: flex; align-items: center; gap: 6px; padding: 6px 16px 4px; }
 
#mkFilters { align-items: center; padding: 8px 16px 6px; gap: 8px; }
#mkFilters .cp-filter { flex-direction: row; display: inline-flex; align-items: center; gap: 0; height: 28px; border: 1px solid var(--line); border-radius: 999px; background: #fff; padding: 0 6px 0 11px; font-size: 11px; color: #64748b; }
#mkFilters .cp-filter select, #mkFilters .cp-filter input { border: 0; background: transparent; font: 600 11.5px/1 var(--font); color: #0f172a; margin-left: 6px; padding: 0 4px; height: 26px; outline: none; }
#mkFilters .mk-range { gap: 2px; }


:is(#opportunitiesBody, .wb-body, #yieldPage, #swBody, #bdEvidence, #panel) :is(.role-pf-back, .bd-link, .yc-link) { color: var(--ds-brand-ink); font: 600 12px/1.3 var(--font); background: none; border: 0; padding: 0; }
:is(.wb-body, #yieldPage) :is(.role-bar-btn, .sh-submit, .ob-create) { height: 30px; padding: 0 14px; border-radius: 999px; font: 600 12px/1 var(--font); background: #fff; color: var(--ds-brand-dark); border: 1px solid var(--ds-brand); cursor: pointer; }
:is(.wb-body, #yieldPage) :is(.role-bar-btn, .sh-submit, .ob-create):hover { background: #f5f1e8; }
.mk-detail-acts { display: flex; gap: 8px; flex-wrap: wrap; padding: 12px 16px; }
.mk-row-acts .ds-btn { height: 28px; }


.pf-h { padding-top: 14px; }
.pf-home.bd-tabs { margin: 2px 0 10px; }
.portfolios-body:has(.pf-home) > .phead:not(.pf-h) :is(.ptype, h2), #yieldPage.yp-home .yp-head :is(.ptype, h2) { display: none; }
.portfolios-body:has(.pf-home) > .phead:not(.pf-h), #yieldPage.yp-home .yp-head { padding-top: 0; border-bottom: 0; }
.wb-body #obAdd-myportfolio { background: var(--ds-brand-dark); color: #fff; border-color: var(--ds-brand-dark); }
#yieldPage .yc-missing { margin: 4px 0 10px; padding: 8px 12px; border-radius: 8px; background: #f8fafc; font: 500 12.5px/1.45 var(--font); color: #475569; }
#yieldPage .yc-missing b { font-weight: 600; color: #0f172a; }
#yieldPage .yc-dash { color: #94a3b8; }
#yieldPage #ycSaveBtn { background: var(--ds-brand-dark); color: #fff; border-color: var(--ds-brand-dark); }


#bdEvidence .bd-ev-enc { overflow-x: hidden; }
#bdEvidence .bd-ev-enc table { width: 100%; table-layout: fixed; border-collapse: collapse; }
#bdEvidence .bd-ev-enc thead { display: none; }
#bdEvidence .bd-ev-enc tr.enc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 12px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
#bdEvidence .bd-ev-enc tr.enc-row > td { display: block; padding: 0; border: 0; min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
#bdEvidence .bd-ev-enc tr.enc-row > td.pf-gcell { grid-column: 1 / -1; font-weight: 600; font-size: 13px; }
#bdEvidence .bd-ev-enc tr.enc-row > td[data-l="Lenders"] { grid-column: 1 / -1; }
#bdEvidence .bd-ev-enc tr.enc-row > td[data-l]::before { content: attr(data-l); display: block; font: 500 10.5px/1.3 var(--font); color: #64748b; }
#bdEvidence .bd-ev-enc tr:not(.enc-row):not([hidden]) { display: block; padding: 0 16px; }
#bdEvidence .bd-ev-enc tr[hidden] { display: none; }
#bdEvidence .bd-ev-enc tr:not(.enc-row) > td { display: inline-block; padding: 2px 8px 2px 0; border: 0; font-size: 11.5px; }


@media (max-width: 760px) {
.inspector:has(.pf-home) { height: 72vh; }
 
.inspector :is(.insp-tab, .insp-close) { min-height: 44px; min-width: 44px; }
.inspector :is(.bd-pill, .bd-tab, .ds-btn, .pf-view) { min-height: 44px; }
.inspector :is(.ds-link, .role-pf-back, .bd-link, .mk-back) { min-height: 44px; display: inline-flex; align-items: center; }
.inspector :is(select, input:not([type="checkbox"]):not([type="radio"])) { min-height: 44px; }
.inspector .opp-filter { min-height: 44px; display: flex; align-items: center; }
#mkFilters .cp-filter, #bdEvidence .bd-filters .cp-filter { height: 44px; }
#mkFilters .cp-filter :is(select, input), #bdEvidence .bd-filters .cp-filter :is(select, input) { height: 42px; min-height: 42px; }
#dossierModal :is(.rail-nav-i, #dossierClose) { min-height: 44px; min-width: 44px; }
#peekFoot :is(button, .peek-link) { min-height: 44px; }
}
.st-who .st-dot, .gt-status .st-dot { width: 8px; height: 8px; min-width: 8px; flex: none; padding: 0; }
 
.phead.pf-h { box-sizing: border-box; height: 50px; margin: 0; padding: 14px 0 0; display: flex; align-items: flex-start; }
.phead.pf-h h2.pf-h2 { margin: 0; font-family: var(--font-serif); font-size: 18px; font-weight: 600; line-height: 24px; }
.pl-actions.ob-acts, .ob-listing-draft .pl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ds-link.ob-remove { color: #b42318; }
@media (max-width: 760px) { .inspector .yc-tg { min-height: 44px; } }
@media (max-width: 760px) { #dossierModal .dv-compare, .gt-acc { min-height: 44px; } }


@media (max-width: 760px) {
#panel .lvl-row, #dossierModal .lvl-row { min-height: 44px; box-sizing: border-box; }
}
 
.bd-place-warn { margin-top: 6px; padding: 6px 8px; border-radius: 6px; background: #fffbeb; border: 1px solid #fcd34d; color: var(--ink); font: 500 12.5px/1.35 var(--font); }


.mk-filters.mk-i1 { display: grid; grid-template-columns: 1fr; gap: 8px; align-items: stretch; padding: 6px 16px 10px; border-bottom: 1px solid var(--line); }
.mk-i1 .mk-frow { display: grid; grid-template-columns: 132px 1fr; align-items: center; column-gap: 12px; min-height: 34px; }
.mk-i1 .mk-flabel { font: 600 12px/1.3 var(--font); color: var(--muted); }
.mk-i1 .mk-ctl { font: 500 13px/1 var(--font); color: var(--ink); height: 34px; padding: 0 10px; border: 1px solid var(--ds-field-border, var(--line)); border-radius: 8px; background: #fff; box-sizing: border-box; }
.mk-i1 select.mk-ctl { width: 100%; max-width: 280px; }
.mk-i1 input.mk-ctl { width: 110px; }
.mk-i1 .mk-range { display: inline-flex; align-items: center; gap: 8px; }
.mk-i1 .mk-dash { color: var(--muted); }
.mk-i1 .mk-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mk-i1 .mk-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; white-space: nowrap; flex: 0 0 auto; }
.mk-i1 .mk-chip .mk-chip-n { font-weight: 700; font-variant-numeric: tabular-nums; }
.mk-i1 .mk-chip:disabled { opacity: 1; color: var(--muted); cursor: default; border-style: dashed; }
.mk-i1 .mk-chip:disabled .mk-chip-n { font-weight: 500; font-size: 11px; }
.mk-i1 .mk-frow-cls { align-items: start; }
.mk-i1 .mk-frow-cls .mk-flabel { padding-top: 8px; }
.mk-i1 .mk-frow-end { grid-template-columns: 1fr auto; }
.mk-held { padding: 4px 16px 8px; font: 500 12px/1.35 var(--font); color: var(--muted); }
.mk-row-cls { margin-left: 6px; }
.ob-listed-i1 .ob-listed-facts { display: block; font: 500 12px/1.4 var(--font); color: var(--muted); margin-top: 2px; }
.pf-untied-h { font: 600 12px/1.3 var(--font); color: var(--muted); padding: 10px 0 4px; }
@media (max-width: 760px) {
.mk-i1 .mk-frow { grid-template-columns: 1fr; row-gap: 4px; }
.mk-i1 .mk-frow-cls .mk-flabel { padding-top: 0; }
.mk-i1 .mk-chips { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 4px; scrollbar-width: thin; }  
.mk-i1 .mk-frow-end { grid-template-columns: 1fr auto; }
.mk-i1 .mk-ctl, .mk-i1 .mk-chip, .mk-i1 .mk-reset { min-height: 44px; }
.mk-i1 select.mk-ctl { max-width: none; }
}


@media (max-width: 760px) {
.role-pf-row.cp-grow, button.cp-pill, button.cp-name, button.dev-tbtn, button.land-bldg-toggle, .role-bar-btn { min-height: 44px; }
button.cp-pill, button.dev-tbtn, button.land-bldg-toggle, .role-bar-btn { display: inline-flex; align-items: center; justify-content: center; }
.role-pf-row.cp-grow { padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; }  
}


.topbar:has(.ws-menu:not([hidden]), .dd-menu:not([hidden]), .search-results.open) { z-index: 30; }  


@media (max-width: 760px) {
.dd-menu .dd-item { min-height: 44px; display: flex; align-items: center; box-sizing: border-box; }
.prox-cat.gt-chip, .acc-toggle.gt-acc, details.doc-row > summary { min-height: 44px; box-sizing: border-box; }
 
#proxCats .prox-cat.gt-chip, .gt-phone #proxHead .gt-acc, #proxHead .gt-acc { min-height: 44px; box-sizing: border-box; }
.yc-adv > summary { min-height: 44px; box-sizing: border-box; padding-top: 12px; padding-bottom: 12px; }  
.prox-cat.gt-chip, .acc-toggle.gt-acc { display: inline-flex; align-items: center; }
.dd-src > summary, .gl-i, .cn-i { position: relative; }
.dd-src > summary::after, .gl-i::after, .cn-i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
label:has(> input[type="checkbox"]) { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; }
}


@media (max-width: 760px) {
.role-prox-row { grid-template-columns: minmax(0, 1fr); }
.role-prox-row .rp-fig { white-space: normal; text-align: left; min-width: 0; overflow-wrap: anywhere; }
.role-prox-row .rp-st { min-width: 0; overflow-wrap: anywhere; }
.cp-table-wrap { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
.cp-table-wrap th button, .cp-table-wrap th .cp-sort { min-height: 44px; }
}


@media (max-width: 760px) {
html.i1 #bdEvidence select, html.i1 #bdEvidence input:not([type="checkbox"]):not([type="radio"]) { min-height: 44px; box-sizing: border-box; }
html.i1 #bdEvidence .bd-filters .cp-filter select, html.i1 #bdEvidence .bd-filters .cp-filter input { height: auto; min-height: 44px; }  
html.i1 #bdEvidence .bd-ev-b { min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }
}
 
.bd-card .bd-card-live .bd-switch { min-height: 30px; }
@media (max-width: 760px) { .bd-card .bd-card-live .ds-btn, .bd-card .bd-card-live .bd-switch { min-height: 44px; height: auto; } }


button.hr-back.hr-back { display: inline-flex; align-items: center; gap: 6px; width: auto; min-height: 44px; margin: 0 0 4px; padding: 0 12px 0 0; border: 0; border-radius: 8px;
background: transparent; font: 600 13px/1 var(--font); color: #0f172a; text-align: left; cursor: pointer; align-self: flex-start; transition: color .15s ease-out; }
button.hr-back.hr-back:hover { color: #334155; background: transparent; }
button.hr-back.hr-back:focus-visible { outline: 2px solid #94a3b8; outline-offset: 2px; }
button.hr-back.hr-back::before { content: "←"; font-size: 15px; line-height: 1; }  
button.hr-back.insp-back { display: flex; padding-left: 16px; border-bottom: 0; }
 
.bd-area-check { display: flex; flex-direction: column; gap: 2px; margin: 4px 0 2px; font-size: 12px; line-height: 1.35; color: #92400e; }
.bd-area-check:empty { display: none; }
.bd-area-check span::before { content: "⚠ "; }


.mk-i1x { position: relative; }
.mk-sticky { position: sticky; top: 0; z-index: 3; background: #fff; padding: 6px 0 4px; margin: 0 0 6px; border-bottom: 1px solid #eef1f5; }
.mk-bar { position: relative; }
.mk-pills { display: flex; gap: 6px; flex-wrap: wrap; }
.mk-pill { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; padding: 0 12px; border: 1px solid #d6dbe3; border-radius: 999px; background: #fff; font: 600 12.5px/1 var(--font); color: #0f172a; cursor: pointer; white-space: nowrap; transition: border-color .15s ease-out, background .15s ease-out; }
.mk-pill:hover { border-color: #94a3b8; }
.mk-pill.on { border-color: #0f172a; background: #0f172a; color: #fff; }
.mk-pill[aria-expanded="true"] { border-color: #0f172a; }
.mk-pill-n { display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; border-radius: 999px; background: #fff; color: #0f172a; font-size: 11px; font-variant-numeric: tabular-nums; }
.mk-caret { font-size: 10px; opacity: .7; }
.mk-pops { position: relative; }
.mk-pop { position: absolute; top: 6px; left: 0; z-index: 6; min-width: 260px; max-width: min(360px, calc(100vw - 32px)); max-height: 320px; overflow: auto; padding: 8px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; box-shadow: 0 12px 32px rgba(15,23,42,.16); animation: mkPopIn .16s ease-out; }
@keyframes mkPopIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.mk-pop-h { font: 600 12px/1.3 var(--font); color: #334155; margin: 2px 4px 8px; }
.mk-opt { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 8px; border-radius: 8px; cursor: pointer; font-size: 13px; }
.mk-opt:hover { background: #f8fafc; }
.mk-opt.zero { color: #94a3b8; cursor: default; }
.mk-opt input { width: 16px; height: 16px; margin: 0; }
.mk-opt-l { flex: 1; }
.mk-opt-n { font-size: 12px; color: #64748b; font-variant-numeric: tabular-nums; }
.mk-pop-range, .mk-pop-one { display: flex; align-items: flex-end; gap: 8px; padding: 0 4px; }
.mk-pop-range label { display: flex; flex-direction: column; gap: 4px; font-size: 11.5px; color: #64748b; }
.mk-pop .mk-ctl { width: 110px; min-height: 40px; padding: 0 10px; border: 1px solid #d6dbe3; border-radius: 8px; font: 500 14px var(--font); font-variant-numeric: tabular-nums; }
.mk-pop-note { margin: 8px 4px 2px; font-size: 11.5px; line-height: 1.4; color: #64748b; }
.mk-pop-none { padding: 8px; font-size: 12.5px; color: #64748b; }
.mk-achips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mk-achip { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 10px; border: 0; border-radius: 999px; background: #eef2f7; font: 500 12px var(--font); color: #0f172a; cursor: pointer; transition: background .15s ease-out; }
.mk-achip:hover { background: #e2e8f0; }
.mk-clear { min-height: 30px; padding: 0 6px; border: 0; background: none; font: 600 12px var(--font); color: #334155; text-decoration: underline; cursor: pointer; }
.mk-rhead { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.mk-count { font: 700 14px var(--font); color: #0f172a; font-variant-numeric: tabular-nums; }
.mk-sort { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #64748b; }
.mk-sort select { min-height: 36px; padding: 0 8px; border: 1px solid #d6dbe3; border-radius: 8px; background: #fff; font: 600 12.5px var(--font); color: #0f172a; }
.mk-cards { display: flex; flex-direction: column; gap: 10px; }
.mk-card.role-pf-row { display: grid; grid-template-columns: 168px 1fr; gap: 12px; align-items: start; padding: 10px; border: 1px solid #e5e9f0; border-radius: 12px; background: #fff; cursor: pointer; text-align: left; transition: border-color .15s ease-out, box-shadow .15s ease-out; }
.mk-card.role-pf-row:hover, .mk-card.hov, .mk-card.lit { border-color: #0f172a; box-shadow: 0 4px 14px rgba(15,23,42,.08); }
.mk-card.lit { box-shadow: 0 0 0 2px #0f172a, 0 4px 14px rgba(15,23,42,.08); }
.mk-ph { position: relative; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #f1f5f9; }
.mk-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mk-ph-none { display: flex; align-items: center; justify-content: center; font-size: 11.5px; color: #64748b; }
.mk-ph-credit { position: absolute; left: 6px; bottom: 5px; padding: 2px 6px; border-radius: 6px; background: rgba(15,23,42,.62); color: #fff; font-size: 10.5px; }
.mk-cbody { min-width: 0; }
.mk-cname { font: 600 14px/1.3 var(--font); color: #0f172a; }
.mk-cloc { font-size: 12px; color: #64748b; margin-top: 2px; }
.mk-cchips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; align-items: center; }
.mk-cchip { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; background: #f1f5f9; font-size: 11.5px; font-weight: 600; color: #334155; }
.mk-cchip-s { background: #eef2ff; color: #3730a3; }
.mk-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; margin-top: 8px; }  
.mk-m { min-width: 0; }
.mk-mv { font: 700 15px/1.2 var(--font); color: #0f172a; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-m-hero .mk-mv { font-size: 17px; }
.mk-ml { font-size: 10.5px; line-height: 1.25; color: #64748b; margin-top: 2px; }
.mk-vb { display: flex; align-items: center; gap: 8px; margin-top: 8px; }
.mk-vbar { display: flex; gap: 2px; flex: 0 0 96px; }
.mk-vbar span { flex: 1; height: 4px; border-radius: 2px; background: #e2e8f0; }
.mk-vbar span.on { background: #1a7f4b; }
.mk-vtext { font-size: 11px; color: #64748b; font-variant-numeric: tabular-nums; }
.mk-why { margin-top: 6px; font-size: 11.5px; line-height: 1.4; color: #64748b; }
.mk-why-k { font-weight: 600; color: #475569; }
.mk-cacts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.mk-cacts .ds-btn { min-height: 34px; height: auto; padding: 0 12px; font-size: 12.5px; }
.mk-empty { padding: 18px 4px; }
.mk-empty-h { font: 600 14px var(--font); color: #0f172a; margin-bottom: 10px; }
.mk-relax { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.mk-relax-b { font-variant-numeric: tabular-nums; }
.mk-sheet { display: none; }
@media (max-width: 760px) {
.mk-pills { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
.mk-pills::-webkit-scrollbar { display: none; }
.mk-pill, .mk-achip, .mk-clear, .mk-sort select, .mk-cacts .ds-btn, .mk-opt, .mk-pop .mk-ctl { min-height: 44px; }
.mk-pop { left: 0; right: 0; max-width: none; min-width: 0; }
.mk-card.role-pf-row { grid-template-columns: 1fr; }
.mk-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mk-sheet { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 44px; margin: -6px 0 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.mk-sheet span { width: 44px; height: 5px; border-radius: 999px; background: #cbd2dc; }
.inspector.mk-peek { max-height: 46vh !important; transition: max-height .2s ease-out; }
}
@media (max-width: 760px) {
.mk-head-phone .phead .ptype, .mk-head-phone .phead h2 { display: none; }
.mk-head-phone .phead { padding-top: 4px; }
}
@media (max-width: 760px) { .inspector.mk-sheet-on::before { content: none; } .mk-phone .mk-sticky { top: 0; } }
.mk-pop-foot { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #eef1f5; }
.mk-pop-clear { min-height: 36px; padding: 0 6px; border: 0; background: none; font: 600 12.5px var(--font); color: #334155; text-decoration: underline; cursor: pointer; }
.mk-pop-done { min-height: 36px; }
@media (max-width: 760px) { .mk-pop-clear, .mk-pop-done { min-height: 44px; } }
 
.ob-row.pf-row-ph { display: grid; grid-template-columns: 96px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; }
.ob-row.pf-row-ph > .pf-ph { grid-row: 1 / span 2; }
.ob-row.pf-row-ph > .ob-row-1, .ob-row.pf-row-ph > .ob-row-2 { grid-column: 2; }
.pf-ph { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #f1f5f9; }
.pf-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pf-ph-none { display: flex; align-items: center; justify-content: center; font-size: 10.5px; color: #64748b; text-align: center; }
.pf-ph-credit { position: absolute; left: 5px; bottom: 4px; padding: 1px 5px; border-radius: 5px; background: rgba(15,23,42,.62); color: #fff; font-size: 10px; }
.pf-ph-block { display: grid; grid-template-columns: minmax(0, 260px) 1fr; gap: 12px; align-items: start; margin: 8px 0; }
.pf-ph-acts { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.pf-ph-add { cursor: pointer; }
.pf-ph-rule { font-size: 11.5px; color: #64748b; }
.pf-hold-row { display: flex; align-items: center; gap: 10px; margin: 6px 0; }
.pf-hold-k { font-size: 12px; font-weight: 600; color: #334155; }
@media (max-width: 760px) { .pf-ph-block { grid-template-columns: 1fr; } .pf-ph-add, .pf-hold .bd-pill { min-height: 44px; } .ob-row.pf-row-ph { grid-template-columns: 88px 1fr; } }
 
.rs-card.lit { border-color: #0f172a; }
@media (max-width: 760px) { .rs-acts .ds-btn, .rs-acts .role-pf-back, .rs-types .bd-pill { min-height: 44px; } }


.yc .yc-row .yc-slide { grid-column: 1 / -1; width: 100%; margin: 6px 0 2px; padding: 0; border: 0; accent-color: #0f172a; text-align: left; background: transparent; }
.yc .yc-row .yc-slide[data-empty="1"] { opacity: .45; }
.yc .yc-none-row input[type="checkbox"] { width: 18px; height: 18px; justify-self: end; }
.yc-hero { padding: 14px 16px; margin: 0 0 12px; border: 1px solid #e5e9f0; border-radius: 12px; background: #fff; }
.yc-hero-k { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; font-weight: 600; color: #475569; }
.yc-hero-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 4px; }
.yc-hero-v { font: 700 34px/1.1 var(--font); color: #0f172a; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.yc-lev { display: inline-flex; align-items: center; min-height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #f1f5f9; color: #334155; }
.yc-lev[data-leverage="positive"] { background: #ecfdf5; color: #1a7f4b; }
.yc-lev[data-leverage="negative"] { background: #fef2f2; color: #b42318; }  
.yc-hero-sub { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 6px; font-size: 12px; color: #64748b; font-variant-numeric: tabular-nums; }
.yc-hero-sub b { color: #0f172a; }
.yc-hero-need { margin-top: 6px; font-size: 12px; color: #475569; }
.yc-assumed { margin-top: 6px; font-size: 12px; font-weight: 600; color: #b26a00; }
.yc-chart { display: block; width: 100%; max-width: 420px; height: auto; margin-top: 10px; }
.yc-chart rect { transition: y .15s ease-out, height .15s ease-out; }
.yc-bar-l { font-size: 9px; fill: #64748b; }
.yc-coc { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 6px; margin-top: 10px; }
.yc-coc-h { grid-column: 1 / -1; font-size: 12px; font-weight: 600; color: #475569; }
.yc-coc-c { display: flex; flex-direction: column; padding: 6px 8px; border-radius: 8px; background: #f8fafc; font-size: 11px; color: #64748b; }
.yc-coc-c b { font: 700 13px var(--font); color: #0f172a; font-variant-numeric: tabular-nums; }
.yc-cmp-pick { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; }
.yc-cmp-opt { display: flex; align-items: center; gap: 8px; min-height: 32px; font-size: 12.5px; }
.yc-cmp-wrap { overflow-x: auto; }
.yc-cmp { width: 100%; border-collapse: collapse; font-size: 12px; font-variant-numeric: tabular-nums; }
.yc-cmp th, .yc-cmp td { padding: 6px 8px; border-bottom: 1px solid #eef1f5; text-align: right; white-space: nowrap; }
.yc-cmp th:first-child, .yc-cmp td:first-child { text-align: left; color: #475569; }
.yc-cmp-none { font-size: 12px; color: #64748b; }
@media (max-width: 760px) { .yc .yc-row .yc-slide { min-height: 44px; } .yc-cmp-opt { min-height: 44px; } .yc .yc-none-row { min-height: 44px; } .yc-hero-v { font-size: 30px; } }
 
.bd-stepline { font: 500 12px/1.4 var(--font); color: #64748b; margin: 6px 0 2px; }
.bd-stepline b { color: #0f172a; font-weight: 700; }
#shForm .bd-steps { margin-bottom: 10px; }
#shForm .bd-steps .bd-step.done { cursor: pointer; color: #475569; text-decoration: underline dotted; text-underline-offset: 3px; }
@media (max-width: 760px) { #shForm .bd-steps { display: none; } }
#shForm .bd-step-body { padding-top: 6px; }
.bd-q { font: 600 var(--d-title-size)/var(--d-title-lh) var(--d-font-serif); color: var(--d-ink); margin: 8px 0 4px; letter-spacing: -0.01em; }  
.bd-help { font: 400 var(--d-body-size)/1.5 var(--d-font); color: var(--d-meta); margin: 0 0 14px; max-width: 60ch; }
.bd-field-help { display: block; font: 400 11.5px/1.4 var(--font); color: #64748b; margin-top: 4px; }
.bd-floor-help { margin: 4px 0 8px; }
.bd-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 100%; margin: 4px 0 12px; }
.bd-choices.bd-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bd-choice { display: flex; flex-direction: column; gap: 3px; align-items: flex-start; justify-content: center; text-align: left; min-height: 56px; padding: 10px 12px; border: 1px solid #cbd5e1; border-radius: var(--d-radius-tile); background: #fff; cursor: pointer; font: inherit; transition: border-color .12s, background .12s; }
.bd-choice:hover, .bd-choice:focus-visible { border-color: var(--ds-brand, #8a6d3b); background: #f5f1e8; outline: none; }
.bd-choice[aria-pressed="true"] { border-color: #0f172a; background: #0f172a; }
.bd-choice-t { font: 600 var(--d-tile-value-size)/1.25 var(--d-font); color: var(--d-ink); }
.bd-choice-s { font: 400 var(--d-label-size)/1.4 var(--d-font); color: var(--d-muted); }
.bd-choice[aria-pressed="true"] .bd-choice-t { color: #fff; }
.bd-choice[aria-pressed="true"] .bd-choice-s { color: #cbd5e1; }
#shOffer .bd-choice, #shTransfer .bd-choice { min-height: 96px; padding: 16px; border-radius: var(--d-radius-tile); }
#shOffer .bd-choice-t, #shTransfer .bd-choice-t { font-size: 14px; }
@media (max-width: 760px) { .bd-choices.bd-cols-3 { grid-template-columns: 1fr 1fr; } #shOffer .bd-choice, #shTransfer .bd-choice { min-height: 96px; } .bd-choice { min-height: 56px; } }
:is(#shForm) .bd-pickrow.bd-type-row { gap: 6px; }
#shForm .bd-pickrow .bd-choices { margin: 0 0 8px; }
#shForm .bd-furnish-opts { grid-template-columns: 1fr 1fr; gap: 10px; }
#shForm .bd-furnish-opt { min-height: 56px; padding: 10px 12px; border-radius: var(--d-radius-tile); border-color: #cbd5e1; }
#shForm .bd-furnish-n { font-size: var(--d-tile-value-size); }
#shForm .bd-furnish-d { font-size: var(--d-label-size); }
#shForm .bd-furnish .bd-pick-l { display: none; }  
#shForm .bd-missing.bd-choices, #shForm .bd-missing.bd-place, #shForm .bd-missing.bd-rights-block { outline-offset: 4px; }
 
.bd-or { font: 600 11px/1.4 var(--font); color: #94a3b8; text-transform: uppercase; letter-spacing: .08em; margin: 10px 0 6px; }
.bd-maplink { display: flex; gap: 8px; align-items: center; }
.bd-maplink input { flex: 1 1 auto; min-width: 0; height: 40px; }
.bd-place-ask { padding: 12px 14px; border: 1.5px solid var(--ds-brand, #8a6d3b); border-radius: 12px; background: #fbf8f1; }
.bd-ask-q { font: 600 var(--d-tile-value-size)/1.3 var(--d-font); color: var(--d-ink); margin: 8px 0; }
.bd-ask-a { display: flex; gap: 8px; flex-wrap: wrap; }
 
.bd-ucheck-why { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; }
.bd-ucheck-why span { font: 600 11.5px/1.3 var(--font); color: #7f1d1d; }
.bd-ucheck-why input { height: 36px; border: 1px solid #fca5a5; border-radius: 8px; padding: 0 10px; font: inherit; font-size: 13px; background: #fff; }
.bd-ucheck[data-reasoned="1"] { background: #fff7ed; color: #9a3412; }
.bd-ucheck[data-reasoned="1"] .bd-ucheck-why input { border-color: #fdba74; }
.bd-ucheck[data-reasoned="0"] .bd-ucheck-n { display: none; }
.bd-review-note { margin: 8px 0; padding: 10px 12px; border-radius: 10px; background: #fff7ed; color: #9a3412; font: 500 12.5px/1.45 var(--font); }
.bd-review-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font: 600 10.5px/1.5 var(--font); border: 1px solid #fdba74; background: #fff7ed; color: #9a3412; white-space: nowrap; }
.bd-review-chip[data-review="approved"] { border-color: #86efac; background: #f0fdf4; color: #166534; }
.bd-review-chip[data-review="rejected"] { border-color: #fca5a5; background: #fef2f2; color: #991b1b; }
 
.bd-rights-block { margin: 12px 0 10px; padding: 12px 14px; border: 1px solid #cbd5e1; border-radius: var(--d-radius-tile); background: #fff; }
.bd-rights-block.on { border-color: var(--d-primary); background: var(--d-sec-head-bg); }
.bd-rights-l { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; }
.bd-rights-l input { width: 22px; height: 22px; margin: 1px 0 0; flex: 0 0 auto; accent-color: #0f172a; }
.bd-rights-t { font: 600 var(--d-tile-value-size)/1.3 var(--d-font); color: var(--d-ink); }
.bd-rights-s { font: 400 var(--d-label-size)/1.45 var(--d-font); color: var(--d-meta); margin: 5px 0 0 34px; }
.bd-cb-block { margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--d-line); border-radius: var(--d-radius-tile); background: #fff; }
.bd-cb-s { font: 400 12px/1.45 var(--font); color: #475569; margin-top: 6px; }
.bd-switch.bd-switch-lg { min-height: 36px; font-size: 13.5px; font-weight: 600; }
.bd-switch.bd-switch-lg .bd-switch-k { width: 32px; height: 18px; }
.bd-switch.bd-switch-lg .bd-switch-k::after { width: 14px; height: 14px; }
.bd-switch.bd-switch-lg[aria-pressed="true"] .bd-switch-k::after { transform: translateX(14px); }
.bd-switch[disabled] { opacity: .5; cursor: not-allowed; }
.bd-cb-inline { display: inline-flex; align-items: center; gap: 4px; }
 
.bd-nav-mid { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.bd-draft-saved { font: 500 11px/1.4 var(--font); color: #94a3b8; }  
.bd-draft-saved:empty { display: none; }
#shForm .sh-submit[disabled] { opacity: .45; cursor: not-allowed; }
 
.bd-bin { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: auto; border: 1px solid #fecaca; border-radius: 8px; background: #fff; color: #b42318; cursor: pointer; flex: 0 0 auto; }
.bd-bin:hover, .bd-bin:focus-visible { background: #fef2f2; border-color: #f87171; outline: none; }
.bd-card .bd-card-l1 { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.bd-draft-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.bd-bin-confirm { width: 100%; flex-basis: 100%; }
.bd-actions .bd-bin { margin-left: 0; width: 34px; height: 34px; }
@media (max-width: 760px) { .bd-bin { width: 36px; height: 36px; } }
.bd-doc-row-i { display: inline; }


#bdDesk.bd-desk-sharing .portfolios-body { height: auto; overflow: visible; }
.bd-step-nav.bd-sticky { flex-wrap: nowrap; }
.bd-step-nav.bd-sticky .bd-nav-mid { flex: 1 1 0; min-width: 0; }
.bd-step-nav.bd-sticky .bd-nav-mid .pl-err, .bd-step-nav.bd-sticky .bd-nav-mid .pl-note { font-size: 12px; line-height: 1.3; display: block; }
.bd-step-nav.bd-sticky .bd-nav-r, .bd-step-nav.bd-sticky > .ds-btn { flex: 0 0 auto; }
@media (max-width: 760px) { .bd-step-nav.bd-sticky { flex-wrap: wrap; } .bd-step-nav.bd-sticky .bd-nav-mid { flex-basis: 100%; order: -1; } }
#bdDesk.bd-desk-sharing { overflow: visible; }  
#shForm .bd-rights-l { flex-direction: row; align-items: flex-start; }
#shForm .bd-rights-l input[type=checkbox] { width: 22px; height: 22px; }


 
.mk-card.mk-c3.role-pf-row { grid-template-columns: 176px 1fr; gap: 14px; padding: 12px; border-radius: var(--d-radius); border-color: var(--d-sec-line); }
.mk-ph.mk-ph-ill { display: flex; align-items: flex-end; justify-content: center; background: color-mix(in srgb, var(--c) 8%, var(--d-sec-head-bg)); }
.mk-ph.mk-ph-ill svg { width: 100%; height: 100%; display: block; }
.mk-ctitle { display: flex; align-items: center; gap: 4px; min-width: 0; }
.mk-ctitle .mk-cname { font: 600 var(--d-tile-value-size)/1.3 var(--d-font); color: var(--d-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-c3 .mk-cloc { font-size: var(--d-label-size); color: var(--d-muted); margin-top: 1px; }
.mk-rows.dd-rows { padding: 0; margin-top: 4px; }
.mk-rows .dd-row { padding: 5px 0; }
.mk-rows .dd-row:first-child { border-top: 1px solid var(--d-row-line); margin-top: 4px; }
.mk-c3 .mk-cchips { margin-top: 8px; gap: 6px; }
.mk-c3 .mk-cchip { background: #f1f3f6; color: var(--d-meta); font: 600 var(--d-small-size)/1.4 var(--d-font); min-height: 22px; }
.mk-cchip-status { background: #eef2ff; color: #3730a3; }
.mk-vbadge { display: inline-flex; align-items: center; }  
.mk-c3 .mk-cacts { margin-top: 10px; }
.mk-c3 .mk-cacts .ds-btn { min-height: var(--d-button-h); padding: 0 12px; font-size: var(--d-button-size); }
.mk-about { display: inline-flex; align-items: center; gap: 4px; }
@media (max-width: 760px) { .mk-card.mk-c3.role-pf-row { grid-template-columns: 1fr; gap: 8px; } .mk-c3 .mk-ph { aspect-ratio: 2 / 1; } .mk-c3 .mk-cacts .ds-btn { min-height: 44px; } }
 
.dsec.ycs { border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); margin: 8px 0 12px; background: var(--d-panel); }
.ycs .dsec-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: var(--d-sec-head-pad); background: var(--d-sec-head-bg); border-bottom: 1px solid var(--d-sec-line); border-radius: var(--d-radius) var(--d-radius) 0 0; }
.ycs .dsec-title { font: 700 var(--d-section-size)/1.3 var(--d-font-serif); color: #0f172a; }
.ycs-summary { font: var(--d-value-weight) var(--d-value-size)/1.3 var(--d-font); color: var(--d-ink); }
.ycs-summary:empty { display: none; }
.ycs .dsec-body { padding: 2px 12px 10px; }
.ycs-rows.dd-rows, .ycs-out.dd-rows { padding: 0; }
.ycs-out.dd-rows { border-top: 1px solid var(--d-sec-line); margin-top: 6px; padding-top: 2px; }
.ycs .dd-row { grid-template-columns: 1fr auto auto; grid-template-areas: "k v s"; align-items: center; gap: 0 10px; }  
.ycs .dd-row .dd-v { justify-self: end; text-align: right; }
.ycs .dd-k .yc-unit { color: var(--d-muted); font-weight: 400; margin-left: 4px; }
.ycs-in-v input[type=number] { width: 120px; height: 28px; padding: 0 8px; border: 1px solid #cbd5e1; border-radius: 6px; font: var(--d-value-weight) var(--d-value-size)/1 var(--d-font); color: var(--d-ink); text-align: right; font-variant-numeric: tabular-nums; background: #fff; }
.ycs-in-v input[type=number]:focus { border-color: var(--d-primary); outline: none; }
.ycs .yc-toggle .yc-tg { min-height: 26px; font-size: var(--d-small-size); }
.ycs-loan-in[hidden] { display: none; }
.ycs-bar { padding: 8px 0 2px; }
.ycs-bar-track { height: 6px; border-radius: 999px; background: #e2e8f0; overflow: hidden; }
.ycs-bar-emi { height: 100%; background: #94a3b8; }
.ycs-bar-keys { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 5px; font-size: var(--d-label-size); color: var(--d-muted); }
.ycs-key::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; vertical-align: 0; background: #e2e8f0; }
.ycs-key-emi::before { background: #94a3b8; }
.ycs-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; }
.ycs-note { font-size: var(--d-label-size); color: var(--d-muted); }
@media (max-width: 760px) { .ycs-in-v input[type=number] { width: 110px; min-height: 40px; } .ycs .yc-toggle .yc-tg { min-height: 40px; } }
 
.pf-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 18px; }
.pf-income { flex-basis: 100%; }
.pf-income[hidden] { display: none; }
.phead.pf-h:has(.pf-income:not([hidden])) { height: auto; padding-bottom: 4px; }
.pf-inc-row.dd-row { padding: 6px 0 4px; border-top: 0; grid-template-columns: 1fr auto auto; grid-template-areas: "k v s"; gap: 0 10px; }
.pf-inc-row .dd-v { justify-self: end; text-align: right; font-variant-numeric: tabular-nums; }
.pf-inc-k { font-weight: 600; color: var(--d-ink); }
.pf-inc-u { color: var(--d-muted); font-weight: 400; }
.pf-inc-tip { display: none; position: absolute; right: 0; top: calc(100% + 4px); z-index: 5; padding: 6px 10px; border-radius: 8px; background: #0f172a; color: #fff; font: 500 var(--d-label-size)/1.4 var(--d-font); white-space: nowrap; }
.pf-inc-row .dd-s { position: relative; }
.pf-income:hover .pf-inc-tip, .pf-income:focus-within .pf-inc-tip, .pf-income.tap .pf-inc-tip { display: block; }
 
.sw-card .sw-byline { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; font-size: 12px; color: #475569; }
.sw-card .sw-lab { color: #64748b; }
.sw-card .sw-who { margin-left: auto; }
.sw-empty-h { font: 600 14px var(--font); color: #0f172a; margin-bottom: 4px; }
.ycs .dd-row .dd-k { font-size: var(--d-label-size); color: var(--d-muted); }
.ycs .dd-row .dd-v { font-size: var(--d-value-size); font-weight: var(--d-value-weight); color: var(--d-ink); }  
 
body.look-quiet .inspector :is(.ycs, .mk-rows, .pf-inc-row) .dd-v, body.look-quiet .inspector :is(.ycs, .mk-rows, .pf-inc-row) .dd-row { font-size: var(--d-value-size); }
body.look-quiet .inspector :is(.ycs, .mk-rows, .pf-inc-row) .dd-k { font-size: var(--d-label-size); }
body.look-quiet .inspector .mk-c3 .rp-name { font-size: var(--d-tile-value-size); }
.bd-step-nav .bd-nav-mid .pl-err:empty, .bd-step-nav .bd-nav-mid .pl-note:empty { display: none; }
.bd-step-nav .bd-nav-mid .pl-err, .bd-step-nav .bd-nav-mid .pl-note { border: 0; background: none; padding: 0; }
@media (max-width: 760px) { .ycs .yc-toggle .yc-tg { min-height: 44px; } .dsec-empty .ds-btn, .ysc-open .ds-btn, .ycs-foot .ds-btn { min-height: 44px; } }  
 
 
.bd-pair { align-items: start; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; }
.bd-pair .bd-pair-or { align-self: center; padding-top: 18px; font: 500 var(--d-label-size)/1.3 var(--d-font); color: var(--d-muted); }
.bd-pair .bd-numu.bd-derived input { color: var(--d-meta); background: #f8fafc; }
.bd-pair .bd-numu.bd-derived > span:first-child { color: var(--d-muted); }
.bd-pair .bd-pair-note { display: block; font-size: 11px; color: var(--d-qual); font-style: italic; }
@media (max-width: 760px) { .bd-pair { grid-template-columns: minmax(0, 1fr) !important; } .bd-pair .bd-pair-or { padding-top: 0; justify-self: start; } }
 
.bd-parkrow + .bd-parkrow { margin-top: 10px; padding-top: 10px; border-top: var(--d-row-line); }
.bd-parkrow .bd-park-x { display: block; margin-top: 4px; }
#shParkAdd { display: inline-block; margin-top: 10px; }
 
.bd-bin { border-color: transparent; background: transparent; color: var(--d-muted); }
.bd-bin:hover, .bd-bin:focus-visible { color: #b42318; background: #fef2f2; border-color: #fecaca; }
.bd-bin-confirm { box-sizing: border-box; width: 100%; margin: 6px 0 2px; }
.bd-detail-wrap > .bd-bin-confirm { margin: 0 0 10px; }
 
.bd-switch[aria-pressed="true"] .bd-switch-k { background: var(--d-brand); }
 
.bd-lvl-line-t { font: 400 var(--d-label-size)/1.3 var(--d-font); color: var(--d-meta); white-space: nowrap; }
.bd-card-l1 .bd-lvl-line-t { margin-left: 6px; }
 
 
.mk-ph.mk-ph-ill { color: var(--d-qual); background: var(--d-sec-head-bg); }
.mk-ph.mk-ph-ill svg { width: 100%; height: 100%; display: block; padding: 6px 10px 0; box-sizing: border-box; }
 
.mk-frow .dd-qual.mk-qual { font-style: italic; color: var(--d-qual); }
 
#yieldPage > :not(.pf-h):not(.pf-home) { max-width: 1100px; margin-left: auto; margin-right: auto; box-sizing: border-box; }  
#yieldPage .phead.pf-h { gap: 10px; border-bottom: 1px solid var(--line); }  
@media (min-width: 901px) { .yp .yp-cols { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); column-gap: 40px; align-items: start; } }  
.yc .yc-results-h { margin: 0 0 8px; }
.yc .yc-group[data-yc-group="yLrd"] .yc-h .yc-unit, .yc .yc-group[data-yc-group="yTax"] .yc-h .yc-unit { font-weight: 400; text-transform: none; letter-spacing: 0; }
.yc-lev-why { margin-top: 6px; font: 400 var(--d-value-size)/1.45 var(--d-font); color: var(--d-ink); }
.yc-lev-why[data-leverage="negative"] { color: #b42318; }
.yc-lev-why[data-leverage="positive"] { color: var(--d-verified); }
.yc-headline { margin: 0 0 12px; }
 
.pf-inc-empty .pf-inc-add { font: 400 var(--d-value-size)/1.3 var(--d-font); color: var(--d-ink); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 760px) { .pf-inc-empty .pf-inc-add { min-height: 44px; display: inline-flex; align-items: center; } }


.yc details.yc-fold { border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-panel); padding: 0 12px; }
.yc details.yc-fold > summary.yc-fold-h { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 36px; padding: 0; border-bottom: 0; font: 600 var(--d-button-size)/1.3 var(--d-font); color: var(--d-ink); }
.yc details.yc-fold > summary.yc-fold-h::-webkit-details-marker { display: none; }
.yc details.yc-fold > summary.yc-fold-h::after { content: "▾"; margin-left: auto; color: var(--d-muted); font-size: 11px; }
.yc details.yc-fold[open] > summary.yc-fold-h::after { content: "▴"; }
.yc details.yc-fold[open] > summary.yc-fold-h { border-bottom: 1px solid var(--d-row-line); }
.yc details.yc-fold > summary .yc-unit { font-weight: 400; color: var(--d-muted); text-transform: none; letter-spacing: 0; }
.yc details.yc-fold[open] { padding-bottom: 8px; }
.yc .yc-i .gl-i { cursor: help; color: var(--d-qual); }
.yc .yc-pre { display: block; font: 400 var(--d-label-size)/1.3 var(--d-font); color: var(--d-muted); }
.yc .yc-pre[data-default="1"] { font-style: italic; color: var(--d-qual); }
.yc-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; margin: 0 0 10px; }
.yc-tiles .yc-tile { padding: 8px 10px; }
.yc-tiles .yc-hl-v { font: 700 var(--d-tile-value-size)/1.3 var(--d-font); color: var(--d-ink); font-variant-numeric: tabular-nums; }
.yc-tiles .yc-hl-k { font: 700 var(--d-tile-label-size)/1.3 var(--d-font); letter-spacing: .05em; text-transform: uppercase; color: var(--d-muted); }
.yc-hero { padding: 0; border: 0; border-radius: 0; background: transparent; }
.yc-missing { margin: 0 0 10px; font: 400 var(--d-body-size)/1.45 var(--d-font); color: var(--d-ink); }
.yc-uplift, .yc-tl-exit { margin: 6px 0 0; font: 400 var(--d-body-size)/1.45 var(--d-font); color: var(--d-ink); }
.yc-tl { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--d-line); }
.yc-tl .yc-chart { max-width: 100%; margin-top: 6px; }
.yc-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 4px; font: 400 var(--d-label-size)/1.3 var(--d-font); color: var(--d-meta); }
.yc-legend .yc-lg i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.yc-legend .yc-lg-u { margin-left: auto; color: var(--d-qual); }
.yc-chart .yc-bar:hover { opacity: .8; }
.yc-lev-box { margin-top: 6px; }
.yc details.yc-fold > summary .yc-lev { min-height: 20px; font-size: 11px; padding: 0 8px; }
.yc .yc-row[hidden], .yc .yc-orow[hidden] { display: none; }
#ycDutyBasis .gl-i { cursor: help; }
 
.ws-income { position: relative; display: inline-flex; align-items: center; margin-left: 8px; }
.ws-income-btn { display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 14px; border: 1px solid var(--d-brand); border-radius: 999px; background: var(--d-primary); color: #fff; font: 600 12.5px/1 var(--d-font); cursor: pointer; white-space: nowrap; }
.ws-income-btn .ws-income-k { color: #e7d3a7; font-weight: 600; }
.ws-income-btn .ws-income-v { font-variant-numeric: tabular-nums; }
.ws-income-btn:hover, .ws-income-btn:focus-visible { border-color: #e7d3a7; outline: none; }
.ws-income-tip { position: absolute; top: calc(100% + 6px); right: 0; z-index: 60; padding: 8px 12px; border: 1px solid var(--d-line); border-radius: 10px; background: #fff; color: var(--d-ink); font: 400 12.5px/1.4 var(--d-font); white-space: nowrap; box-shadow: 0 6px 18px rgba(15, 23, 42, .12); }
.ws-income-tip::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
.ws-income-tip .bd-link { font: inherit; }
@media (max-width: 760px) { .ws-income { margin-left: 6px; } .ws-income-btn { padding: 0 10px; min-height: 34px; } .ws-income-btn .ws-income-k { display: none; } .ws-income-tip { white-space: normal; width: max-content; max-width: 220px; } }
 
.pf-row-wrap { display: flex; align-items: center; gap: 6px; border-bottom: 1px solid var(--line); }
.pf-row-wrap > .ob-row { flex: 1 1 auto; min-width: 0; border-bottom: 0; }
.pf-row-wrap > .pf-bin { flex: 0 0 auto; margin-left: 0; }
 
.mk-pill.mk-distress { border-style: dashed; }
.mk-pill.mk-distress.on { border-style: solid; }
@media (max-width: 760px) { .yc details.yc-fold > summary.yc-fold-h { min-height: 44px; } .ws-income-btn { min-height: 44px; } .pf-row-wrap > .pf-bin { width: 44px; height: 44px; } .mk-pill.mk-distress { min-height: 36px; } .yc-tiles { grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); } }
.yc .yc-duty-tools [hidden] { display: none !important; }
.yc-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 760px) { .mk-pill.mk-distress { min-height: 44px; } }
.topbar:has(.ws-income-tip:not([hidden])) { z-index: 30; }  
 


@media (min-width: 901px) { .yp .yp-cols > .yp-out { position: sticky; top: 10px; align-self: start; max-height: calc(100dvh - 116px); overflow-y: auto; overscroll-behavior: contain; padding-right: 4px; scrollbar-width: thin; } }
 
.yc-rbar { display: none; }
@media (max-width: 900px) {
.yc-rbar:not([hidden]) { display: flex; position: sticky; bottom: 0; z-index: 5; box-sizing: border-box; width: 100%; margin: 12px 0 0; padding: 8px 4px calc(8px + env(safe-area-inset-bottom, 0px)); gap: 10px; align-items: flex-start; justify-content: space-between; border: 0; border-top: 1px solid var(--d-line); background: var(--d-panel); box-shadow: 0 -6px 16px rgba(15, 23, 42, .06); cursor: pointer; text-align: left; font: inherit; color: inherit; min-height: 48px; }
.yc-rbar.yc-rbar-off { visibility: hidden; }
.yc-rbar-c { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.yc-rbar-v { font: 700 var(--d-tile-value-size)/1.3 var(--d-font); color: var(--d-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.yc-rbar-k { font: 700 var(--d-tile-label-size)/1.3 var(--d-font); letter-spacing: .05em; text-transform: uppercase; color: var(--d-muted); white-space: nowrap; }
}
 
.ws-income-btn { min-height: 32px; height: 32px; padding: 0 12px; gap: 7px; border: 1px solid var(--d-line); background: var(--d-panel); color: var(--d-ink); font: 500 12.5px/1 var(--d-font); }
.ws-income-btn .ws-income-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--d-brand); flex: none; }
.ws-income-btn .ws-income-k { color: var(--d-muted); font-weight: 400; font-size: var(--d-label-size); }
.ws-income-btn .ws-income-v { color: var(--d-ink); font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
.ws-income-btn .ws-income-tick { color: var(--d-brand); animation: wsIncomeTick .9s ease-out; }
@keyframes wsIncomeTick { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .ws-income-btn .ws-income-tick { animation: none; } }
.ws-income-btn:hover, .ws-income-btn:focus-visible { border-color: var(--d-brand); outline: none; }
@media (max-width: 760px) { .ws-income-btn { min-height: 44px; height: 44px; padding: 0 10px; } .ws-income-btn .ws-income-k { display: none; } }
 
.wl-list { display: flex; flex-direction: column; gap: 10px; }
.wl-card { cursor: default; }
.wl-card .mk-cloc .pl-src { color: var(--d-qual); font-style: italic; }
.wl-card .wl-since-rows { margin-top: 0; }
.wl-card .wl-since .dd-v { color: var(--d-meta); font-weight: 400; }
.wl-card .wl-since[data-wl-since="changed"] .dd-v { color: var(--d-ink); font-weight: var(--d-value-weight); }
.wl-status, .sw-card .sw-who { font: 500 italic var(--d-label-size)/1.3 var(--d-font); color: var(--d-meta); align-self: center; }
.sw-card .sw-who { margin-left: 0; }
.wl-sc { display: inline-flex; align-items: center; gap: 2px; padding: 0 2px 0 8px; height: 22px; border: 1px solid var(--d-line); border-radius: 999px; background: var(--d-sec-head-bg); font-size: var(--d-label-size); }
.wl-sc .wl-sc-name { flex: none; border: 0; background: none; padding: 0; font: 600 var(--d-label-size)/1 var(--d-font); color: var(--ds-brand-ink); cursor: pointer; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wl-sc .wl-sc-del { border: 0; background: none; padding: 0 5px; font: 400 13px/1 var(--d-font); color: var(--d-muted); cursor: pointer; }
.wl-sc .wl-sc-del:hover { color: #b42318; }
.wl-card .mk-cacts, .sw-card .sw-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wl-card .mk-cacts .wl-remove { margin-left: auto; }
.wl-list > .bd-bin-confirm, #swRows > .bd-bin-confirm { margin: -4px 0 4px; }
.insp-page.sw-detail :is(.pf-h, .pf-home) { display: none; }
@media (max-width: 760px) { .wl-sc { height: 30px; } .wl-card .mk-cacts .ds-btn, .sw-card .sw-acts .ds-btn { min-height: 36px; } }
 
.bp { display: flex; flex-direction: column; gap: 0; margin: 0 0 12px; }
.bp label { display: flex; flex-direction: column; gap: 4px; font: 600 11px/1.2 var(--d-font); color: var(--ds-label); }
.bp .bp-name input, .bp .bp-link input { font: 13px/1.2 var(--d-font); color: var(--d-ink); height: 40px; padding: 0 11px; border: 1px solid var(--ds-field-border); border-radius: var(--ds-field-radius); background: #fff; width: 100%; box-sizing: border-box; min-width: 0; }
.bp .bp-name input:focus, .bp .bp-link input:focus { outline: none; border-color: var(--d-brand); box-shadow: 0 0 0 3px rgba(154, 123, 63, 0.18); }
.bp .bp-drop { margin: 4px 0 0; padding: 4px; border: 1px solid var(--d-line); border-radius: var(--d-radius); background: #fff; box-shadow: 0 8px 22px rgba(15, 23, 42, .10); max-height: 264px; overflow-y: auto; }
.bp .bp-drop[hidden] { display: none; }
 
.bp .bp-preview { margin: 8px 0 0; display: flex; flex-direction: column; gap: 6px; } .bp .bp-preview[hidden], .bp .bp-addr[hidden] { display: none; }
.bp .bp-preview-img { display: block; width: 100%; max-width: 560px; aspect-ratio: 560 / 200; height: auto; object-fit: cover; border: 1px solid var(--d-line); border-radius: var(--d-radius); background: var(--d-warm); }
.bp .bp-wrongspot { align-self: flex-start; min-height: 32px; }
.bp .bp-addr { margin-top: 8px; } .bp .bp-addr input { font: 13px/1.2 var(--d-font); color: var(--d-ink); height: 40px; padding: 0 11px; border: 1px solid var(--ds-field-border); border-radius: var(--ds-field-radius); background: #fff; width: 100%; box-sizing: border-box; min-width: 0; }
.bp .bp-drop .bp-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n on" "s on"; column-gap: 10px; align-items: center; width: 100%; margin: 0; padding: 7px 9px; border: 0; border-radius: 6px; background: none; text-align: left; cursor: pointer; }
.bp .bp-drop .bp-row + .bp-row { border-top: 1px solid var(--d-row-line); }
.bp .bp-drop .bp-row:hover, .bp .bp-drop .bp-row:focus-visible { background: var(--d-warm); outline: none; }
.bp .bp-row .rp-name { grid-area: n; font: 600 var(--d-value-size)/1.3 var(--d-font); color: var(--d-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp .bp-row .rp-sub { grid-area: s; font: 400 var(--d-label-size)/1.3 var(--d-font); color: var(--d-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp .bp-row .bp-row-on { grid-area: on; font: 500 italic var(--d-label-size)/1.3 var(--d-font); color: var(--d-qual); white-space: nowrap; }
.bp .bp-drop #shFindNone { padding: 6px 9px; }
.bp .bp-drop .bd-find-add { margin-top: 4px; }
.bp .bp-link { margin-top: 10px; }
.bp .bp-link .bp-link-l { color: var(--d-brand-ink); }
.bp .bp-link-row { display: flex; gap: 8px; align-items: center; }
.bp .bp-link-row input { flex: 1 1 auto; }
.bp .bp-link-row .ds-btn { flex: 0 0 auto; height: 40px; }
.bp .bp-link-note { margin-top: 4px; min-height: 0; }
.bp .bp-link-note:empty { display: none; }
.ob-draft .ob-help { margin-bottom: 10px; }
.ob-draft .ob-picked { margin: -4px 0 12px; padding: 7px 10px; border: 1px solid var(--d-line); border-left: 3px solid var(--d-brand); border-radius: 6px; background: var(--d-warm); font: 400 var(--d-body-size)/1.4 var(--d-font); color: var(--d-ink); display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; justify-content: space-between; }
.ob-draft .ob-picked[hidden] { display: none; }
.bd-autofill { background: var(--d-warm) !important; }
 
.bd-choices.bd-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bd-kind-row .bd-choice, .bd-type-row .bd-choice { min-height: 44px; padding: 8px 10px; }
.bd-units.bd-units-nofloor .bd-units-h, .bd-units.bd-units-nofloor .bd-unit { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 26px; }
.bd-units-h .bd-opt { font-style: italic; font-weight: 400; color: var(--d-qual); }
@media (max-width: 760px) { .bd-choices.bd-cols-4 { grid-template-columns: 1fr 1fr; } }


#shForm.sh-form.pl-card, .inspector .ob-card.ob-draft.pl-card { background: color-mix(in srgb, var(--d-warm) 70%, #fff); border-radius: var(--d-radius-tile); }
#shForm.sh-form.pl-card { padding: 12px 14px 0; border: 1px solid color-mix(in srgb, var(--d-brand) 18%, var(--d-line)); }
.inspector .ob-card.ob-draft.pl-card { border: 1px solid color-mix(in srgb, var(--d-brand) 18%, var(--d-line)); padding: 14px; }
#shForm .bd-progress { background: color-mix(in srgb, var(--d-brand) 14%, #fff); }
#shForm .bd-progress span { background: var(--d-brand); }
#shForm .bd-stepline b { color: var(--d-brand-ink); }
#shForm .bd-step.on { color: var(--d-ink); box-shadow: inset 0 -2px 0 var(--d-brand); }
.bd-choice { border-color: var(--ds-field-border); }
.bd-choice[aria-pressed="true"] { border-color: var(--d-brand); background: var(--d-warm); box-shadow: inset 0 0 0 1px var(--d-brand); }
.bd-choice[aria-pressed="true"] .bd-choice-t { color: var(--d-ink); }
.bd-choice[aria-pressed="true"] .bd-choice-s { color: var(--d-meta); }
.bd-choice[aria-pressed="true"] .bd-choice-t::after { content: "\2713"; margin-left: 6px; color: var(--d-brand); font-weight: 700; }
#shForm .bd-pills .bd-pill[aria-pressed="true"] { background: var(--d-warm); color: var(--d-ink); border-color: var(--d-brand); box-shadow: inset 0 0 0 1px var(--d-brand); }
#shForm .bd-step-nav.bd-sticky { background: color-mix(in srgb, var(--d-warm) 70%, #fff); border-top-color: color-mix(in srgb, var(--d-brand) 18%, var(--d-line)); margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; border-radius: 0 0 var(--d-radius-tile) var(--d-radius-tile); }
#shForm .bd-picked.pl-card { background: #fff; border-left: 3px solid var(--d-brand); }
#shForm .bd-place { background: #fff; }
.inspector .ob-card.ob-draft .pl-grid :is(input, select) { height: var(--ds-field-h); border: 1px solid var(--ds-field-border); border-radius: var(--ds-field-radius); background: #fff; font: 13px/1.2 var(--d-font); color: var(--d-ink); box-sizing: border-box; }
.inspector .ob-card.ob-draft .pl-grid :is(input, select):focus { outline: none; border-color: var(--d-brand); box-shadow: 0 0 0 3px rgba(154, 123, 63, 0.18); }
.inspector .ob-card.ob-draft .pl-grid .bd-numu-in :is(input, select) { border: 0; box-shadow: none; }
.inspector .ob-card.ob-draft .pl-grid .bd-numu-in { border: 1px solid var(--ds-field-border); border-radius: var(--ds-field-radius); background: #fff; overflow: hidden; }
#shForm .sh-modes .pf-view[aria-pressed="true"] { background: var(--d-warm); color: var(--d-ink); border-color: var(--d-brand); box-shadow: inset 0 0 0 1px var(--d-brand); }
 
.pf-inc-row.dd-row { box-sizing: border-box; height: 30px; align-items: center; }
@media (max-width: 760px) { .pf-inc-row.dd-row { height: 46px; } }


@media (min-width: 761px) { .ws-shell-nav .pf-h .pf-inc-row.dd-row { height: auto; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "k k" "v s"; gap: 2px 8px; align-items: baseline; }
.ws-shell-nav .pf-h .pf-inc-row .dd-v { justify-self: start; text-align: left; } }
 
.pf-home.bd-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; gap: 2px; }
 
@media (max-width: 760px) { .bd-units-h, .bd-unit { grid-template-columns: 52px minmax(0, 0.8fr) minmax(0, 1.5fr) 26px; } .bd-units.bd-units-nofloor .bd-units-h, .bd-units.bd-units-nofloor .bd-unit { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) 26px; } }
 
 
.cp-company .cp-cards { padding: 12px 16px 6px; }
.cp-company .cp-card { cursor: default; grid-template-rows: none; }
.cp-company .cp-card .cp-open { cursor: pointer; }
.cp-company .cp-card .dd-v { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cp-company .cp-card .mk-cacts { display: flex; flex-wrap: wrap; gap: 8px; }
.cp-company .cp-quiet { padding: 12px 16px 18px; font: 400 var(--d-small-size)/1.4 var(--d-font); color: var(--d-meta); }
.cp-company .cp-identity { border-top: 0; }
.rail-actions .dossier-report { margin-top: 6px; }
@media (max-width: 760px) { .cp-company .cp-card .mk-cacts .ds-btn { min-height: 44px; } }
 
@media print { #printSheet.br-print { zoom: 1 !important; } }
 
.br-page { font-family: Inter, system-ui, sans-serif; color: #1a1f2b; font-size: 8.6pt; line-height: 1.4; }
.br-cover { border-bottom: 1.5px solid #14202e; padding-bottom: 8px; margin-bottom: 10px; }
.br-eyebrow { font-size: 8pt; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #6b7280; }
.br-name { font-family: "Iowan Old Style", Charter, Georgia, serif; font-size: 18pt; font-weight: 600; margin: 2px 0 1px; }
.br-place { font-size: 9.5pt; color: #475569; margin-bottom: 8px; }
.br-map { display: block; width: 100%; max-height: 62mm; object-fit: cover; border: 1px solid #e2e8f0; border-radius: 4px; }
.br-tally { margin-top: 6px; font-size: 8.6pt; color: #1a1f2b; }
.br-sec { margin: 10px 0 0; break-inside: auto; }
.br-h { font-family: "Iowan Old Style", Charter, Georgia, serif; font-size: 11pt; font-weight: 700; margin: 0 0 4px; padding-bottom: 3px; border-bottom: 1px solid #e2e8f0; }
.br-sub { font-size: 8pt; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #6b7280; margin: 6px 0 2px; }
.br-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.br-table th { text-align: left; font-size: 7.4pt; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #6b7280; padding: 3px 6px 3px 0; border-bottom: 1px solid #e2e8f0; }
.br-table th:nth-child(1) { width: 20%; } .br-table th:nth-child(2) { width: 34%; } .br-table th:nth-child(3) { width: 14%; } .br-table th:nth-child(4) { width: 32%; }
.br-table td { vertical-align: top; padding: 3px 6px 3px 0; border-bottom: 1px solid #f1f2f4; overflow-wrap: anywhere; }
.br-table tr { break-inside: avoid; }
.br-k { color: #6b7280; } .br-v { font-weight: 500; } .br-st { font-style: italic; color: #475569; } .br-src { color: #475569; font-size: 7.8pt; }
.br-table tr[data-cls="registry"] .br-st, .br-table tr[data-cls="document"] .br-st, .br-table tr[data-cls="inspection"] .br-st { color: #1a7f4b; font-style: normal; font-weight: 600; }
.br-list { margin: 2px 0 4px 14px; padding: 0; } .br-list li { margin: 1px 0; }
.br-note { font-size: 7.6pt; color: #6b7280; margin-top: 3px; }
.br-foot { margin-top: 12px; padding-top: 6px; border-top: 1px solid #e2e8f0; font-size: 8pt; color: #475569; }
 
@media (min-width: 761px) {
body.search-icon.look-quiet .topbar:has(#inspTabSlot) .controls .search, body.search-icon.look-quiet .controls .search { width: 36px; min-width: 36px; max-width: none; flex: none; position: relative; }
body.search-icon.look-quiet .controls .search:not(.search-open) input { padding: 0; color: transparent; cursor: pointer; }
body.search-icon.look-quiet .controls .search:not(.search-open) input::placeholder { color: transparent; }
body.search-icon.look-quiet .controls .search.search-open input { position: absolute; left: 0; top: 0; width: 280px; z-index: 41; background: #fff; }
body.search-icon.look-quiet .controls .search.search-open svg { z-index: 42; }
}
 
.pc-form .pl-actions, .pc-upload .pl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.pc-card .mk-cacts { display: flex; flex-wrap: wrap; gap: 8px; }
.pc-upload .pl-grid :is(select, input[type=file]) { font: 13px/1.2 var(--d-font); color: var(--d-ink); }
.pc-upload .pl-grid select { height: var(--ds-field-h); border: 1px solid var(--ds-field-border); border-radius: var(--ds-field-radius); background: #fff; }
@media (max-width: 760px) { .pc-card .mk-cacts .ds-btn, .pc-head .ds-btn, .pc-form .ds-btn, .pc-upload .ds-btn { min-height: 44px; } }
@media (max-width: 760px) { .rail-actions .dossier-report { min-height: 44px; } }
.conn-page .conn-page-body { padding: 4px 16px 16px; }
.conn-page .dd-empty { padding: 12px 16px; }


.yc-chart .yc-yr[data-lev="positive"] { fill: #1a7f4b; fill-opacity: .08; }
.yc-chart .yc-yr[data-lev="negative"] { fill: #b42318; fill-opacity: .08; }
.yc-coc-c[data-lev="positive"] { background: #f1faf5; box-shadow: inset 0 -2px 0 rgba(26, 127, 75, .45); }
.yc-coc-c[data-lev="negative"] { background: #fdf5f4; box-shadow: inset 0 -2px 0 rgba(180, 35, 24, .4); }
.yc-legend .yc-lg-lev i { width: 8px; margin-right: 1px; }
.yc-legend .yc-lg-lev .yc-lg-neg { margin-right: 5px; }
.yc-lg-lev .yc-lg-pos { background: rgba(26, 127, 75, .35); margin-right: 1px; }
.yc-lg-lev .yc-lg-neg { background: rgba(180, 35, 24, .35); }
.yc-chart .yc-bar-works { fill-opacity: .45; stroke: currentColor; stroke-width: .6; stroke-dasharray: 2 1.5; color: #64748b; }
#ycLevCross { font-weight: 600; }
.app-say { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 4000; max-width: min(520px, calc(100vw - 32px)); padding: 9px 14px; border-radius: 10px; background: var(--d-panel, #fff); border: 1px solid var(--d-line, #e6e8ec); box-shadow: 0 6px 20px rgba(15, 23, 42, .12); font: 400 12.5px/1.45 var(--d-font, Inter, sans-serif); color: var(--d-ink, #1a1f2b); }
.app-say[hidden] { display: none; }
 
.br-pv { position: fixed; inset: 0; z-index: 3000; display: flex; flex-direction: column; background: var(--d-page, #e9edf2); }
.br-pv-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 16px; background: #fff; border-bottom: 1px solid var(--d-line, #e6e8ec); }
.br-pv-t { font: 600 13px/1.3 var(--d-font); color: var(--d-ink); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.br-pv-acts { display: flex; gap: 8px; margin-left: auto; }
.br-pv-msg { padding: 8px 16px; font: 400 12.5px/1.4 var(--d-font); color: var(--d-ink); background: var(--d-warm, #faf7f2); border-bottom: 1px solid var(--d-line, #e6e8ec); }
.br-pv-msg[hidden] { display: none; }
.br-pv-scroll { flex: 1 1 auto; overflow: auto; padding: 24px 16px 40px; overscroll-behavior: contain; }
.br-pv-paper { width: min(794px, 100%); margin: 0 auto; background: #fff; box-shadow: 0 2px 14px rgba(15, 23, 42, .12); padding: 38px 38px 46px; box-sizing: border-box; }
@media (max-width: 760px) { .br-pv-paper { padding: 18px 14px 24px; } .br-pv-acts .ds-btn, .br-pv-bar > .ds-btn { min-height: 44px; } .br-pv-t { order: 3; flex-basis: 100%; } }
@media print { body.br-preview-open #brPreview { display: none !important; } }
 
.cp-company .cp-rst { font: 500 italic 11px/1.3 var(--d-font); color: var(--d-qual, #94a3b8); margin-right: 4px; white-space: nowrap; }
.cp-company .cp-st-once { font: 500 italic 11px/1.4 var(--d-font); color: var(--d-qual, #94a3b8); padding: 2px 0 4px; }
.cp-company .cp-card .dd-s { display: flex; align-items: center; gap: 2px; }
.cp-company .cp-card .dd-v { white-space: normal; }
 
.insp-empty .bs-line { margin-bottom: 12px; }
.bs-start { display: flex; flex-direction: column; gap: 14px; text-align: left; }
.bs-h { display: block; font: 700 11px/1.3 var(--d-font); letter-spacing: .05em; text-transform: uppercase; color: var(--d-meta, #6b7280); margin-bottom: 6px; }
.bs-search input { width: 100%; box-sizing: border-box; height: 36px; padding: 0 12px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 8px; font: 400 13px var(--d-font); color: var(--d-ink); background: #fff; }
.bs-rows:empty { display: none; }
.bs-item { display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-height: 40px; padding: 7px 10px; border: 0; border-top: 1px solid var(--d-row-line, #f1f2f4); background: transparent; text-align: left; cursor: pointer; }
.bs-item:first-of-type { border-top: 0; }
.bs-item:hover { background: #f8fafc; }
.bs-name { font: 600 12.5px/1.3 var(--d-font); color: var(--d-ink); }
.bs-sub { font: 400 11.5px/1.3 var(--d-font); color: var(--d-meta, #6b7280); }
.bs-none { font: 400 12px/1.4 var(--d-font); color: var(--d-meta, #6b7280); }
@media (max-width: 760px) { .bs-item { min-height: 44px; } .bs-search input { height: 44px; } }
 
.search-results .item.search-new { font-weight: 600; color: var(--d-ink, #1a1f2b); border-bottom: 1px solid var(--d-row-line, #f1f2f4); }
.search-new-i { display: inline-flex; width: 18px; justify-content: center; margin-right: 6px; color: var(--d-brand, #14202e); }
 
.ws-income { margin-left: 0; margin-right: 10px; }
.ws-income-btn { border: 0 !important; background: transparent !important; padding: 0 4px !important; border-radius: 6px; gap: 6px; }
.ws-income-btn .ws-income-dot { display: none; }
.ws-income-btn .ws-income-k { color: var(--d-muted); font-weight: 400; font-size: var(--d-label-size); letter-spacing: .01em; }
.ws-income-btn .ws-income-v { font-weight: 500; font-size: 13px; letter-spacing: .015em; }
.ws-income-btn:hover .ws-income-v, .ws-income-btn:focus-visible .ws-income-v { text-decoration: underline; text-decoration-color: var(--d-line); text-underline-offset: 3px; }
.ws-income-btn:focus-visible { outline: 2px solid var(--d-brand); outline-offset: 2px; }
@media (max-width: 760px) { .ws-income { margin-right: 4px; } }
 
.pf-svc-strip { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 12px 10px; }
.pf-svc-b { min-height: 28px; padding: 0 11px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 999px; background: #fff; font: 600 11.5px/1 var(--d-font); color: var(--d-ink); cursor: pointer; }
.pf-svc-b:hover { border-color: var(--d-gold, #c9a45c); }
.pf-svc-b[aria-pressed="true"] { border-color: var(--d-gold, #c9a45c); background: var(--d-warm, #faf7f2); }
.pf-svc-done { font-weight: 400; color: var(--d-meta, #6b7280); }
.pf-flow { margin: 0 12px 12px; padding: 12px 14px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 10px; background: var(--d-warm, #faf7f2); }
.pf-flow-h { font: 600 13px/1.3 var(--d-font-serif, Georgia, serif); color: var(--d-ink); margin-bottom: 6px; }
.pf-flow-a { font-family: var(--d-font); font-weight: 500; color: var(--d-meta, #6b7280); }
.pf-flow .dd-row { grid-template-columns: 1fr; }
.pf-flow-line { font: 400 12.5px/1.45 var(--d-font); color: var(--d-ink); margin: 8px 0 4px; }
.pf-flow-rule { color: var(--d-meta, #6b7280); font-size: 11.5px; }
.pf-flow-grid label[hidden] { display: none !important; }
.pf-flow-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 8px; }
@media (max-width: 760px) { .pf-svc-b { min-height: 44px; padding: 0 14px; } .pf-flow-acts .ds-btn { min-height: 44px; } }
 
.land-summary .land-sum-st { font-style: italic; color: var(--d-qual, #94a3b8); font-weight: 500; }
.land-sec .dev-chip.land-chip-once { display: none; }
@media (max-width: 760px) { .land-feas-go .ds-btn { min-height: 44px; } }
 
#feasPage .feas-grid { border-collapse: collapse; font: 400 12px/1.3 var(--d-font); color: var(--d-ink); }
#feasPage .feas-grid th { font: 600 11px/1.3 var(--d-font); color: var(--d-meta, #6b7280); text-align: left; padding: 4px 6px 4px 0; white-space: nowrap; }
#feasPage .feas-grid td { padding: 3px 4px 3px 0; }
#feasPage .feas-grid input { width: 64px; height: 30px; box-sizing: border-box; padding: 0 6px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 6px; background: #fff; font: 500 12.5px var(--d-font); text-align: right; font-variant-numeric: tabular-nums; }
#feasPage .feas-grid .feas-sum[data-ok="0"] { color: #b42318; font-weight: 600; }
#feasPage .feas-grid-wrap { overflow-x: auto; margin-top: 6px; }
#feasPage .feas-cf td { font-variant-numeric: tabular-nums; padding-right: 10px; }
#feasPage .feas-cls-row select, #feasPage .yc-row select { min-width: 160px; height: 32px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 8px; background: #fff; font: 500 12.5px var(--d-font); padding: 0 8px; }
#feasPage .yc-group .yc-h .gl-i { margin-left: 4px; }
#feasPage .feas-headrow { display: flex; align-items: center; gap: 10px; border-bottom: 0; padding-bottom: 4px; }
#feasPage .feas-headrow .yc-clear-all { margin-left: auto; }
@media (max-width: 760px) { #feasPage .feas-grid input { height: 40px; width: 58px; } }
 
.cp-company .cp-card.mk-card { grid-template-columns: 76px minmax(0, 1fr); column-gap: 12px; }
.cp-company .cp-card .mk-ph { width: 76px; height: 76px; min-height: 0; aspect-ratio: auto; }
.cp-company .cp-card .mk-cacts { flex-wrap: nowrap; }
.cp-company .cp-card .dd-row { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 760px) { .cp-company .cp-card.mk-card { grid-template-columns: 64px minmax(0, 1fr); } .cp-company .cp-card .mk-ph { width: 64px; height: 64px; } }
.pf-flow-grid { max-width: 560px; }
 
@media screen and (max-width: 760px) {
.br-pv-paper .br-table thead { display: none; }
.br-pv-paper .br-table, .br-pv-paper .br-table tbody { display: block; }
.br-pv-paper .br-table tr { display: grid; grid-template-columns: 38% minmax(0, 1fr); column-gap: 10px; row-gap: 2px; padding: 6px 0; border-bottom: 1px solid #f1f2f4; }
.br-pv-paper .br-table td { border: 0; padding: 0; overflow-wrap: normal; word-break: normal; }
.br-pv-paper .br-table td.br-st, .br-pv-paper .br-table td:nth-child(3) { white-space: nowrap; }
}


@media (max-width: 760px) {
#feasPage .feas-grid-wrap { overflow-x: visible; }
#feasPage .feas-grid:not(.feas-cf) thead th:first-child { display: none; }
#feasPage .feas-grid:not(.feas-cf) thead tr, #feasPage .feas-grid:not(.feas-cf) tbody tr { display: flex; flex-wrap: wrap; gap: 4px; }
#feasPage .feas-grid:not(.feas-cf) tbody th { flex: 0 0 100%; padding-top: 8px; white-space: normal; }
#feasPage .feas-grid:not(.feas-cf) th, #feasPage .feas-grid:not(.feas-cf) td { flex: 1 1 0; min-width: 0; }
#feasPage .feas-grid:not(.feas-cf) input { width: 100%; }
#feasPage .feas-cf thead { display: none; }
#feasPage .feas-cf, #feasPage .feas-cf tbody { display: block; }
#feasPage .feas-cf tr { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 12px; padding: 6px 0; border-bottom: 1px solid #f1f2f4; }
#feasPage .feas-cf td::before { content: attr(data-l) " "; color: var(--d-meta, #6b7280); font-size: 11px; display: block; }
}
 
.pp-page .pp-cover-img { display: block; width: 100%; max-height: 72mm; object-fit: cover; border-radius: 4px; margin-top: 6px; }
.pp-page .pp-cover-ill { max-width: 220px; margin-top: 6px; color: var(--d-qual, #94a3b8); }
.pp-page .pp-mandate { margin-top: 8px; font: 500 9pt/1.4 Inter, sans-serif; color: #1a1f2b; padding: 6px 8px; border-left: 2px solid var(--d-brand, #9a7b3f); background: #faf7f2; }
.pp-page .pp-from { font: 500 italic 8pt Inter, sans-serif; color: #94a3b8; margin-left: 6px; text-transform: none; letter-spacing: 0; }
.pp-page .pp-dev { border-left: 2px solid #e2e8f0; padding-left: 10px; }
.pp-page .pp-desc { font-size: 9.5pt; line-height: 1.55; }
.pp-page .pp-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; } .pp-page .pp-gallery img { width: 100%; height: 110px; object-fit: cover; border-radius: 4px; }
.pp-page .pp-specs td:first-child { width: 38%; }
.pp-page .pp-form .pl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .pp-page .pp-form input, .pp-page .pp-form textarea { box-sizing: border-box; width: 100%; border: 1px solid #e6e8ec; border-radius: 8px; padding: 7px 9px; font: 400 12.5px Inter, sans-serif; }
.pp-page .pp-form label { display: flex; flex-direction: column; gap: 4px; font: 500 11.5px Inter, sans-serif; color: #475569; }
.pp-page .pp-sent { font: 500 12.5px/1.45 Inter, sans-serif; color: #1a1f2b; }
@media (max-width: 760px) { .pp-page .pp-form .pl-grid { grid-template-columns: 1fr; } .pc-panel .ds-btn { min-height: 44px; } }
 
.pl-card { border-color: var(--d-line, #e6e8ec); border-radius: 10px; padding: 14px 16px; }
.pl-card .pl-id .mk-cname { font: 600 12.5px/1.3 var(--d-font); color: var(--d-ink); }
.pl-card .pl-id .mk-cloc { font: 400 11.5px/1.3 var(--d-font); color: var(--d-meta, #6b7280); }
.pl-strip { gap: 6px; border-bottom: 0; padding-bottom: 4px; flex-wrap: wrap; }
.pl-st { padding: 4px 11px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 999px; background: #fff; font: 600 11.5px/1.2 var(--d-font); color: var(--d-meta, #475569); }
.pl-st[aria-pressed="true"] { color: var(--d-ink); border-color: var(--d-brand, #9a7b3f); background: var(--d-warm, #f5f1e8); }
.pl-grid.pl-rows { gap: 0; margin-top: 8px; }
.pl-grid.pl-rows label { display: grid; grid-template-columns: 34% 1fr; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); font: 400 11.5px/1.3 var(--d-font); color: var(--d-meta, #6b7280); }
.pl-grid.pl-rows label:first-child { border-top: 0; }
.pl-grid.pl-rows input { font: 500 12.5px var(--d-font); height: 30px; padding: 0 8px; border-radius: 8px; border-color: var(--d-line, #e6e8ec); }
.pl-mini-id .bd-link { font: 600 12.5px var(--d-font); color: var(--d-ink); }
@media (max-width: 760px) { .pl-st { min-height: 36px; } .pl-grid.pl-rows label { grid-template-columns: 1fr; gap: 4px; } }
 
.cpt .phead { padding-bottom: 6px; }
.cpt-tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 8px 16px 10px; }
.cpt-tools input, .cpt-tools select { height: 32px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 8px; padding: 0 10px; font: 400 12.5px var(--d-font); background: #fff; color: var(--d-ink); }
.cpt-tools input { flex: 1 1 260px; min-width: 0; }
.cpt-wrap { padding: 0 16px 18px; overflow-x: auto; }
.cpt-table { width: 100%; border-collapse: collapse; font: 400 12.5px/1.35 var(--d-font); color: var(--d-ink); }
.cpt-table thead th { position: sticky; top: 0; background: #fff; text-align: left; border-bottom: 1px solid var(--d-line, #e6e8ec); padding: 0; }
.cpt-sort { width: 100%; text-align: left; padding: 8px 10px 8px 0; border: 0; background: transparent; font: 600 11px/1.3 var(--d-font); letter-spacing: .04em; text-transform: uppercase; color: var(--d-meta, #6b7280); cursor: pointer; white-space: nowrap; }
.cpt-sort[aria-sort="ascending"], .cpt-sort[aria-sort="descending"] { color: var(--d-ink); }
.cpt-table td { padding: 7px 10px 7px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); vertical-align: top; }
.cpt-group th { text-align: left; padding: 14px 0 6px; font: 600 12.5px var(--d-font-serif, Georgia, serif); }
.cpt-group .cpt-company { font: inherit; color: var(--d-ink); }
.cpt-name { font: 500 12.5px var(--d-font); color: var(--d-ink); text-align: left; }
.cpt-st { display: block; font: 500 italic 11px/1.3 var(--d-font); color: var(--d-qual, #94a3b8); }
.cpt-none { color: var(--d-qual, #94a3b8); font-style: italic; }
.cpt-num { font-variant-numeric: tabular-nums; }
@media (max-width: 760px) { .cpt-tools input, .cpt-tools select, .cpt-tools .ds-btn { min-height: 44px; } .cpt-table { font-size: 12px; } }
.br-pv [hidden] { display: none !important; }
.pp-page .pp-units { table-layout: auto; } .pp-page .pp-units th { width: auto !important; white-space: nowrap; } .pp-page .pp-units td { overflow-wrap: normal; }
.pp-page .pp-specs { table-layout: auto; }
 
@media (max-width: 760px) {
.cpt-table, .cpt-table tbody { display: block; }
.cpt-table thead { display: block; } .cpt-table thead tr { display: flex; flex-wrap: wrap; gap: 6px; padding-bottom: 8px; } .cpt-table thead th { border: 0; }
.cpt-sort { padding: 4px 10px; border: 1px solid var(--d-line, #e6e8ec); border-radius: 999px; min-height: 32px; letter-spacing: .02em; }
.cpt-table tr:not(.cpt-group) { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; padding: 8px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); }
.cpt-table tr:not(.cpt-group) td { border: 0; padding: 0; }
.cpt-table tr:not(.cpt-group) td:first-child { grid-column: 1 / -1; }
.cpt-table td[data-l]::before { content: attr(data-l); display: block; font: 400 11px/1.3 var(--d-font); color: var(--d-meta, #6b7280); }
.cpt-group, .cpt-group th { display: block; }
}
@media (max-width: 760px) { .cpt-sort { min-height: 44px; } }
.pp-page .pp-consent, .pp-consent { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 2px; font: 400 12px/1.45 Inter, sans-serif; color: #475569; } .pp-consent input { margin-top: 2px; }
@media (max-width: 760px) { .pp-consent input { width: 20px; height: 20px; } }
 
.occ-page .phead h2 { font: 600 var(--d-h2-size)/1.2 var(--d-font-serif); }
.occ-k { font: 600 var(--d-label-size)/1.4 var(--d-font); color: var(--d-ink); }
.occ-req { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; margin: 2px 0 10px; padding: 9px 12px; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-warm); font: 400 var(--d-body-size)/1.45 var(--d-font); color: var(--d-ink); }
.occ-req .ds-link { margin-left: auto; }
.occ-req-none { margin: 2px 0 10px; }
.occ-pills { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.occ-list { display: flex; flex-direction: column; gap: 10px; padding-bottom: 8px; }
.occ-card .dd-rows.mk-rows { margin-top: 6px; }
.occ-abs { color: var(--d-muted); font-weight: 400; }
.occ-commute, .occ-must, .occ-nc { margin-top: 6px; font: 400 var(--d-label-size)/1.45 var(--d-font); color: var(--d-meta); }
.occ-must .occ-mh[data-state="unchecked"] { color: var(--d-muted); }
.occ-nc { color: var(--d-muted); font-style: italic; }
.occ-sent { display: inline-flex; align-items: center; min-height: var(--d-button-h); font: 500 var(--d-label-size)/1.3 var(--d-font); color: var(--d-meta); }
.occ-in { display: inline-flex; align-items: center; min-height: var(--d-button-h); font: 500 var(--d-label-size)/1.3 var(--d-font); color: var(--d-meta); }
.occ-card .mk-cacts .ds-link { align-self: center; }
.occ-enq { margin-top: 10px; padding: 10px 12px; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-warm); }
.occ-enq-msg { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; font: 400 var(--d-label-size)/1.4 var(--d-font); color: var(--d-muted); }
.occ-enq-msg textarea { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--d-sec-line); border-radius: 8px; background: var(--d-panel); font: 500 var(--d-value-size)/1.45 var(--d-font); color: var(--d-ink); }
.occ-tray { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 10px; margin: 6px -2px 0; padding: 10px 12px; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-panel); box-shadow: 0 -4px 14px rgba(15,23,42,.06); }
.occ-tray-t { flex: 1; font: 400 var(--d-label-size)/1.4 var(--d-font); color: var(--d-meta); }
 
.occ-cmp-wrap { overflow-x: auto; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-panel); }
.occ-cmp-table { border-collapse: collapse; width: 100%; min-width: 560px; table-layout: fixed; }
.occ-cmp-table th, .occ-cmp-table td { padding: 7px 10px; border-top: 1px solid var(--d-row-line); text-align: left; vertical-align: top; font: 500 var(--d-value-size)/1.4 var(--d-font); color: var(--d-ink); overflow-wrap: anywhere; }
.occ-cmp-table thead th { border-top: 0; background: var(--d-sec-head-bg); }
.occ-cmp-table th.occ-cmp-k { width: 150px; font: 400 var(--d-label-size)/1.3 var(--d-font); color: var(--d-muted); position: sticky; left: 0; background: var(--d-panel); }
.occ-cmp-table thead th.occ-cmp-k { background: var(--d-sec-head-bg); }
.occ-cmp-table thead .rp-name { display: block; font-weight: 600; }
.occ-th-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.occ-cmp-table .dd-qual { font: italic 500 var(--d-label-size)/1.3 var(--d-font); color: var(--d-qual); }
 
.occ-form { margin-top: 4px; padding: 12px; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-warm); }
.occ-q { font: 700 var(--d-section-size)/1.3 var(--d-font-serif); color: var(--d-ink); }
.occ-help { font: 400 var(--d-label-size)/1.45 var(--d-font); color: var(--d-muted); margin-top: 2px; }
.occ-form .occ-in-row { display: grid; grid-template-columns: minmax(130px, 34%) 1fr; gap: 6px 12px; align-items: start; padding: 10px 0; border-top: 1px solid var(--d-sec-line); }
.occ-form .occ-in-row:first-of-type { margin-top: 10px; }
.occ-form .occ-in-row .dd-k { font: 500 var(--d-label-size)/1.35 var(--d-font); color: var(--d-ink); }
.occ-ctl { width: 100%; box-sizing: border-box; min-height: 36px; padding: 6px 10px; border: 1px solid var(--d-sec-line); border-radius: 8px; background: var(--d-panel); font: 500 var(--d-value-size)/1.3 var(--d-font); color: var(--d-ink); }
.occ-pair { display: flex; align-items: center; gap: 8px; } .occ-pair .occ-ctl { flex: 1; min-width: 0; } .occ-to { font: 400 var(--d-label-size)/1 var(--d-font); color: var(--d-muted); }
.occ-choices { display: flex; flex-wrap: wrap; gap: 6px; }
.occ-choices .bd-choice.occ-choice { min-height: 36px; padding: 6px 12px; flex-direction: row; align-items: center; background: var(--d-panel); font: 600 var(--d-label-size)/1.2 var(--d-font); color: var(--d-ink); }
.occ-choices .bd-choice.occ-choice[aria-pressed="true"] { background: var(--d-warm); color: var(--d-ink); }
.occ-foot { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 12px; border-top: 1px solid var(--d-sec-line); }
.occ-foot .pl-err { flex: 1; }
 
.ms-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0 10px; }
.ms-list { display: flex; flex-direction: column; gap: 10px; }
.ms-card { padding: 12px; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-panel); }
.ms-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ms-id { display: flex; flex-direction: column; min-width: 0; } .ms-name { font: 600 var(--d-value-size)/1.35 var(--d-font); color: var(--d-ink); }
.ms-tools { display: inline-flex; align-items: center; gap: 8px; flex: none; }
.ms-ask { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; padding: 8px 10px; border: 1px solid var(--d-sec-line); border-radius: 8px; background: var(--d-warm); font: 400 var(--d-label-size)/1.4 var(--d-font); color: var(--d-ink); }
.ms-card .ms-strip { margin-top: 10px; }
.ms-form .pl-grid input[type="date"] { min-height: 36px; }
@media (max-width: 760px) {
.occ-form .occ-in-row { grid-template-columns: 1fr; }
.occ-choices .bd-choice.occ-choice, .occ-ctl, .occ-tray .ds-btn, .occ-card .mk-cacts .ds-btn, .ms-tools .ds-link, .occ-pills .mk-pill { min-height: 44px; }
.occ-req .ds-link { margin-left: 0; }
.occ-tray { flex-wrap: wrap; } .occ-tray-t { flex-basis: 100%; }
.occ-cmp-table th.occ-cmp-k { width: 112px; }
}


@media (max-width: 760px) { .search-results .item { flex-wrap: wrap; } .search-results .item .search-sl { order: 10; flex-basis: 100%; margin: 6px 0 0 17px; } .search-results .item .search-sl-add { min-height: 32px; padding: 0 10px; } }


@media (min-width: 761px) { body .inspector.occ-wide, body.look-quiet .inspector.occ-wide { width: max(560px, 40vw); max-width: calc(100vw - 32px); } body .inspector.occ-wide.insp-table, body.look-quiet .inspector.occ-wide.insp-table { width: min(960px, calc(100vw - 32px)); } }
.occ-form .occ-in-row { grid-template-columns: 1fr !important; gap: 6px; }
.occ-form .occ-pair .occ-ctl { max-width: 200px; } .occ-form #occRent, .occ-form #occMove, .occ-form #occCity { max-width: 320px; }
.sl-acts { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .sl-acts .sl-remove { margin-left: auto; } .sl-acts .occ-sent { min-height: var(--d-button-h); }
@media (max-width: 760px) { .sl-acts .ds-btn, .sl-acts .sl-remove { min-height: 44px; } .sl-acts .sl-remove { min-width: 44px; } }
 
.occ-req.occ-req-quiet { background: var(--d-panel); color: var(--d-meta); }
.occ-none-fit { margin: 0 0 4px; }
.bd-facilities { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--d-sec-line); } .bd-fac-h { margin-bottom: 6px; }
 
.dev-sub { margin: -2px 0 10px; } .dev-sub .bd-tab { font-size: var(--d-label-size); }
.uc-sample { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 999px; background: var(--d-warm); color: var(--d-ink); font: 700 var(--d-chip-size)/1.4 var(--d-font); letter-spacing: .02em; }
.uc-dash .phead h2 { font: 600 var(--d-h2-size)/1.2 var(--d-font-serif); }
.uc-sub { padding: 8px 12px 2px; font: 700 var(--d-subhead-size)/1.3 var(--d-font); letter-spacing: .05em; text-transform: uppercase; color: var(--d-muted); }
.uc-pl { display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; font: 500 var(--d-label-size)/1.3 var(--d-font); color: var(--d-ink); }
.uc-pl input { min-height: 36px; padding: 6px 10px; border: 1px solid var(--d-sec-line); border-radius: 8px; background: var(--d-panel); font: 500 var(--d-value-size)/1.3 var(--d-font); }
.uc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0 10px; } .uc-help { font: 400 var(--d-label-size)/1.45 var(--d-font); color: var(--d-muted); }
 
.uc-dn { display: flex; flex-direction: column; gap: 3px; font: 500 var(--d-label-size)/1.3 var(--d-font); color: var(--d-ink); }
.uc-dn input { min-height: 44px; padding: 8px 10px; border: 1px solid var(--d-sec-line); border-radius: 8px; background: var(--d-panel); font: 500 16px/1.3 var(--d-font); color: var(--d-ink); box-sizing: border-box; width: 100%; }
.uc-dfoot .pl-err { flex: 1; } .uc-dfoot .ds-btn { min-height: 44px; }
@media (max-width: 760px) { .uc-acts .ds-btn, .uc-row-acts .ds-btn { min-height: 44px; } }
.uc-daily .br-pv-bar { flex-wrap: nowrap; align-items: center; gap: 10px; } .uc-daily .br-pv-t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 
.fixloc-box { position: fixed; z-index: 90; right: 16px; top: 72px; width: min(360px, calc(100vw - 32px)); background: var(--d-panel); color: var(--d-ink); border: 1px solid var(--d-line); border-radius: 10px; padding: 12px; font-size: 13px; }
.fixloc-h { font-weight: 600; margin-bottom: 6px; }
.fixloc-l { display: block; margin-bottom: 4px; }
.fixloc-in { width: 100%; box-sizing: border-box; padding: 8px; border: 1px solid var(--d-line); border-radius: 6px; font: inherit; }
.fixloc-row { display: flex; gap: 8px; margin-top: 8px; }
.fixloc-go, .fixloc-x { min-height: 36px; padding: 0 12px; border-radius: 6px; border: 1px solid var(--d-line); background: var(--d-panel); font: inherit; cursor: pointer; }
.fixloc-msg { margin-top: 8px; }
.dd-massing { font-size: 12px; color: var(--d-muted); margin: 6px 0; }


.uc-row.role-pf-row { grid-template-columns: minmax(0, 1fr) auto; }
.uc-row.role-pf-row > * { min-width: 0; }
.uc-row .rp-sub { overflow-wrap: anywhere; }
 
.pd-open { position: fixed; z-index: 89; right: 16px; bottom: 96px; min-height: 36px; padding: 0 12px; border: 1px solid var(--d-line); border-radius: 18px; background: var(--d-panel); color: var(--d-ink); font: inherit; font-size: 13px; cursor: pointer; }
.pd-box { width: min(420px, calc(100vw - 32px)); }
.pd-box .fixloc-h { display: flex; justify-content: space-between; align-items: center; }
.pd-n, .pd-meta { color: var(--d-muted); font-size: 12px; }
.pd-name { font-weight: 600; font-size: 15px; margin: 4px 0; }
.pd-prop { margin: 8px 0; }
.pd-row { display: flex; gap: 8px; margin: 8px 0; flex-wrap: wrap; }
 
.uc-voice .uc-help { font: 400 11.5px/1.4 var(--d-font); color: var(--d-meta, #475569); margin: 4px 0; }
.uc-voice .occ-choices { display: flex; gap: 6px; flex-wrap: wrap; }
.uc-voice .bd-choice { min-height: 32px; padding: 0 12px; }
.uc-vf .dd-k { grid-area: k; } .uc-vf .dd-v { grid-area: v; } .uc-vf .dd-s { grid-area: s; display: flex; gap: 6px; align-items: center; }
.uc-vf[data-state="dropped"] .dd-v { text-decoration: line-through; color: var(--d-muted, #6b7280); }
.uc-doc .uc-k .ds-link { text-align: left; }
#ucDocAdd .occ-choices { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
 
.cp-card { border: 1px solid var(--d-sec-line, #e2e8f0); border-radius: var(--d-radius, 8px); padding: 4px 12px 8px; margin: 0 0 10px; background: var(--d-panel); }
.cp-card-h { font: 700 var(--d-section-size, 12.5px)/1.3 var(--d-font-serif); color: var(--d-ink); padding: 8px 0 4px; }
.cp-card .dd-row { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "k s" "v s"; gap: 1px 10px; padding: 7px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); }
.cp-card .dd-k { grid-area: k; } .cp-card .dd-v { grid-area: v; } .cp-card .dd-s { grid-area: s; }
.cp-sub { margin-top: 8px; font: 700 11px/1.3 var(--d-font); letter-spacing: .05em; text-transform: uppercase; color: var(--d-muted, #6b7280); }
.cp-tower .ds-link { text-align: left; font: 600 var(--d-value-size, 12.5px)/1.3 var(--d-font); }
.cp-partof { margin: 0 0 8px; font: 400 11.5px/1.4 var(--d-font); color: var(--d-muted, #6b7280); }
.cp-partof .ds-link { font: 600 var(--d-value-size, 12.5px)/1.3 var(--d-font); }
 
.cd-box { max-height: calc(100dvh - 140px); overflow: auto; }
.cd-row { display: grid; grid-template-columns: 18px 1fr 1fr; gap: 6px; align-items: center; margin: 4px 0; }
.cd-n { font: 700 11px/1 var(--d-font); color: var(--d-muted, #6b7280); }
@media (max-width: 600px) {
.uc-vf .dd-s { justify-content: flex-start; }
 
.cd-box { top: auto; bottom: 12px; max-height: 42vh; }
}
 
.pd-tag { background: var(--d-panel); color: var(--d-ink); border: 1px solid var(--d-line); border-radius: 6px; padding: 3px 8px; font: 600 12.5px/1.3 var(--d-font); white-space: nowrap; pointer-events: none; }
.pd-verify { margin: 8px 0; padding: 8px; border: 1px solid var(--d-line); border-radius: 8px; } .pd-q { font: 600 13px/1.3 var(--d-font); margin-bottom: 6px; }
 
.cp-campus { border: 1px solid var(--d-sec-line, #e2e8f0); border-radius: var(--d-radius, 8px); padding: 8px 10px; margin: 0 0 10px; background: var(--d-panel); }
.cp-campus-h { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding-bottom: 6px; }
.cp-campus-h .cp-campus-acts { margin-left: auto; }
.cp-campus-towers { padding-left: 12px; border-left: 2px solid var(--d-row-line, #f1f2f4); }
.dev-pf-campus .rp-name { font-weight: 600; } .dev-pf-tower { padding-left: 22px !important; }
.br-tower { margin: 8px 0 12px; } .br-tower .br-sub { font-weight: 600; }
.occ-visit-dates { display: flex; flex-wrap: wrap; gap: 8px; } .dk-visit { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; } .dk-visit-acts { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } @media (max-width: 600px) { .dk-visit-acts .ds-btn, .occ-visit-btn { min-height: 44px; } }
.occ-visit { margin-top: 10px; padding: 10px 12px; border: 1px solid var(--d-sec-line); border-radius: var(--d-radius); background: var(--d-warm); } .occ-visit textarea { width: 100%; box-sizing: border-box; margin-top: 6px; padding: 8px 10px; border: 1px solid var(--d-sec-line); border-radius: 8px; background: var(--d-panel); }
.occ-alert { display: flex; gap: 8px; align-items: flex-start; font: 500 var(--d-value-size)/1.4 var(--d-font); } .occ-alert input { margin-top: 3px; width: 18px; height: 18px; }
 
.off-banner { margin: 0 0 14px; padding: 10px 12px; border: 1px solid var(--d-ink); border-radius: 8px; font: 700 12.5px/1.45 var(--d-font); color: var(--d-ink); letter-spacing: .01em; }
.off-rows { margin: 12px 0; } .off-row .dd-v input { width: 100%; max-width: 320px; }
.off-foot-note, .off-sent { margin: 10px 0; font: 400 11.5px/1.45 var(--d-font); color: var(--d-meta, #475569); }
.off-acts { margin-top: 12px; }
@media print { .off-banner { border-width: 2px; } }
 
.tw-panel { position: fixed; z-index: 40; left: 16px; top: 72px; bottom: 16px; width: 380px; overflow: auto; box-sizing: border-box; background: var(--d-panel); border: 1px solid var(--d-line); border-radius: 10px; padding: 12px; font: 400 12.5px/1.4 var(--d-font); color: var(--d-ink); }
.tw-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.tw-title { font: 600 17px/1.25 var(--d-font-serif); } .tw-src { margin-top: 4px; font: 400 11.5px/1.4 var(--d-font); color: var(--d-meta, #475569); }
.tw-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 6px; } .tw-seg { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; } .tw-seg-k { font: 400 11.5px/1 var(--d-font); color: var(--d-muted, #6b7280); margin-right: 2px; }
.tw-filters { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 6px 0; } .tw-types { display: flex; flex-wrap: wrap; gap: 4px; } .tw-size input { width: 70px; height: 28px; padding: 0 6px; border: 1px solid var(--d-line); border-radius: 6px; }
.tw-legend { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 8px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); border-bottom: 1px solid var(--d-row-line, #f1f2f4); margin: 6px 0; }
.tw-lk { display: inline-flex; align-items: center; gap: 5px; font: 500 12px/1.3 var(--d-font); } .tw-lk i { width: 11px; height: 11px; border-radius: 3px; border: 1px solid var(--d-line); display: inline-block; } .tw-lk b { font-weight: 600; } .tw-lk-n { color: var(--d-meta, #475569); font-size: 11.5px; }
.tw-crumbs { margin: 6px 0 8px; font: 400 12px/1.4 var(--d-font); } .tw-cr-here { font-weight: 600; }
.tw-brow, .tw-urow { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; text-align: left; padding: 8px; margin: 0 0 6px; border: 1px solid var(--d-line); border-radius: 8px; background: var(--d-panel); cursor: pointer; }
.tw-urow { flex-direction: row; align-items: center; gap: 8px; } .tw-urow i { width: 12px; height: 12px; border-radius: 3px; flex: none; }
.tw-stack { display: flex; flex-direction: column; gap: 3px; } .tw-frow { display: flex; align-items: center; gap: 6px; } .tw-fno { width: 32px; height: 26px; border: 1px solid var(--d-line); border-radius: 6px; background: var(--d-panel); font: 600 11px/1 var(--d-font); cursor: pointer; flex: none; }
.tw-fcells { display: flex; gap: 3px; flex-wrap: wrap; } .tw-cell { width: 38px; height: 26px; border: 1px solid rgba(0,0,0,.12); border-radius: 5px; font: 600 10px/1 var(--d-font); color: var(--d-ink); cursor: pointer; }
.tw-cell.off { opacity: .25; } .tw-cell.on { outline: 2px solid var(--d-ink); outline-offset: 1px; } .tw-pod { font: 400 11.5px/1.3 var(--d-font); color: var(--d-meta, #475569); }
.tw-card-h { font: 600 14px/1.3 var(--d-font-serif); margin: 4px 0 6px; } .tw-card .dd-row { display: grid; grid-template-columns: 1fr; padding: 6px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); }
.tw-acts { flex-wrap: wrap; gap: 6px; margin-top: 10px; } .tw-share { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--d-row-line, #f1f2f4); display: flex; flex-direction: column; gap: 4px; }
.tw-walk-help { margin: 8px 0; padding: 8px; border: 1px solid var(--d-ink); border-radius: 8px; font: 500 12px/1.4 var(--d-font); display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.tw-siterow { padding: 5px 0; border-top: 1px solid var(--d-row-line, #f1f2f4); }
@media (max-width: 600px) { .tw-panel { left: 0; right: 0; top: auto; bottom: 0; width: auto; max-height: 46vh; border-radius: 12px 12px 0 0; }
.tw-cell { width: 44px; height: 44px; } .tw-fno { width: 44px; height: 44px; } .tw-acts .ds-btn, .tw-panel .bd-tab, .tw-type { min-height: 44px; } }
 
.dev-svc-opts .pf-view, .dev-pres-aud .pf-view { flex: 0 0 auto; height: 30px; padding: 0 12px; font-size: 12px; }
@media (max-width: 600px) { .dev-pres-bar .ds-btn, .dev-pres-bar .bd-pill { min-height: 44px; } }
.pm-link { background: none; border: 0; color: #475467; font: 500 13px/1 var(--font); text-decoration: underline; cursor: pointer; min-height: 40px; padding: 0 8px; }
 
@media (max-width: 600px) { .bd-tabs.pf-home { flex-wrap: wrap; overflow-x: visible; row-gap: 0; } }
 
.pm-danger { margin-top: 18px; padding-top: 14px; border-top: 1px solid #f1d4d4; }
.pm-danger h3 { font: 600 15px/1.3 var(--font); color: #9b1c1c; margin: 0 0 4px; }
.pm-btn.pm-btn-danger { background: #9b1c1c; border-color: #9b1c1c; }
.pm-btn.pm-btn-danger[disabled] { opacity: 0.45; cursor: not-allowed; }
 
.guest-share { position: fixed; top: 68px; right: 16px; z-index: 60; width: min(380px, calc(100vw - 32px)); }
.gs-card { position: relative; background: #fff; border: 1px solid #e4e7ec; border-radius: 14px; box-shadow: 0 10px 30px rgba(16,24,40,.12); padding: 18px 20px; }
.gs-x { position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border: 0; background: #f2f4f7; border-radius: 50%; font-size: 18px; cursor: pointer; }
.gs-eyebrow { font: 600 11px/1.3 var(--font); text-transform: uppercase; letter-spacing: .05em; color: #667085; }
.gs-name { font-size: 19px; margin: 4px 36px 4px 0; }
.gs-from { font-size: 13px; color: #344054; margin-bottom: 8px; }
.gs-claim { font-size: 12px; color: #b26a00; margin-bottom: 8px; }
.gs-row { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid #f2f4f7; font-size: 13px; }
.gs-k { color: #667085; } .gs-v { text-align: right; color: #101828; }
 
.gs-card { max-height: calc(100vh - 96px); overflow-y: auto; }


.gs-card > .gs-x { position: sticky; top: 0; display: block; margin: -8px -10px -28px auto; z-index: 3; }
.gs-tally { display: inline-block; font-size: 12px; font-weight: 600; color: #1a7f4b; background: #e7f6ee; border-radius: 6px; padding: 3px 7px; margin-bottom: 8px; }
.gs-tally.z { color: #667085; background: #f2f4f7; }
.gs-st { display: block; font-size: 11.5px; color: #667085; margin-top: 2px; } .gs-st .st-dot { margin: 0 4px 1px 0; }
.gs-f { display: block; font-size: 11.5px; color: #667085; margin-top: 2px; }
.gs-outl { display: flex; gap: 8px; align-items: flex-start; font-size: 11.5px; color: #667085; margin: 0 0 8px; }
.gs-outl-k { flex: none; width: 18px; height: 12px; margin-top: 2px; border: 2px dashed #f59e0b; border-radius: 2px; background: rgba(245,158,11,.12); }
.gs-note { font-size: 12px; color: #667085; margin: 10px 0 0; }
 
.gs-src { font-size: 12px; color: #475467; margin: 0 0 10px; } .gs-src .gs-tally { white-space: nowrap; display: inline; margin: 0; padding: 0; background: none; font-size: 12px; }
 
.gs-flags { margin: 0 0 10px; padding: 8px 10px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; }
.gs-flags-h { font: 700 13px/1.4 var(--font); color: #101828; margin: 0 0 4px; }
.gs-flags-g { font: 600 11px/1.4 var(--font); color: #475467; text-transform: uppercase; letter-spacing: .03em; margin: 8px 0 4px; }
.gs-fl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: start; padding: 4px 0; font: 400 12.5px/1.45 var(--font); color: #101828; }
.gs-fl-sev { display: inline-flex; align-items: center; gap: 4px; padding: 0 7px 0 3px; border: 1.5px solid #667085; border-radius: 999px; font: 600 11px/1.6 var(--font); color: #101828; background: #fff; white-space: nowrap; }
.gs-fl-ic, .sw-flchip .gs-fl-ic { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; font: 800 10px/1 var(--font); color: #fff; background: #667085; }
.gs-fl-sev[data-sev="high"] { border-color: #b91c1c; } .gs-fl-sev[data-sev="high"] .gs-fl-ic { background: #b91c1c; border-radius: 3px; }
.gs-fl-sev[data-sev="medium"] { border-color: #b45309; } .gs-fl-sev[data-sev="medium"] .gs-fl-ic { background: #b45309; }
.gs-fl-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.gs-fl-ck { font-weight: 600; color: #101828; }
.gs-fl-s { font-size: 11.5px; color: #475467; }
.gs-fl-cx { display: flex; flex-direction: column; gap: 4px; }
.gs-fl-cxh { font: 600 11.5px/1.4 var(--font); color: #101828; }
.gs-fl-cxg { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.gs-fl-q { display: flex; flex-direction: column; gap: 2px; padding: 6px 8px; border: 1px solid #d0d5dd; border-radius: 6px; background: #f2f4f7; color: #101828; }
.gs-conf { margin: 12px 0 0; font: 600 12px/1.45 var(--font); color: #344054; }
.sw-flchip { display: inline-flex; align-items: center; gap: 4px; padding: 0 7px 0 3px; border: 1.5px solid #b45309; border-radius: 999px; font: 600 11px/1.6 var(--font); color: #101828; background: #fff; white-space: nowrap; vertical-align: middle; }
.sw-flchip .gs-fl-ic { background: #b45309; } .sw-flchip[data-sev="high"] { border-color: #b91c1c; } .sw-flchip[data-sev="high"] .gs-fl-ic { background: #b91c1c; border-radius: 3px; }
.sw-flchip[data-sev="info"] { border-color: #667085; } .sw-flchip[data-sev="info"] .gs-fl-ic { background: #667085; }
.gs-kn { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0 0 4px; }
.gs-kn-c { text-align: left; font: inherit; border: 1px solid #e4e7ec; background: #f9fafb; border-radius: 8px; padding: 6px 8px; cursor: pointer; min-height: 44px; }
.gs-kn-c.on { border-color: #98a2b3; background: #fff; }
.gs-kn-v { display: block; font-size: 14px; font-weight: 600; color: #101828; white-space: nowrap; } .gs-kn-k { display: block; font-size: 11px; color: #667085; line-height: 1.3; }
.gs-kn-d { font-size: 11.5px; color: #475467; margin: 4px 0 2px; } .gs-kn-fn { font-size: 11px; color: #98a2b3; margin: 2px 0 8px; }
.gs-sec { font: 600 11px/1.3 var(--font); text-transform: uppercase; letter-spacing: .05em; color: #667085; margin: 14px 0 2px; }
.gs-row[role=button] { cursor: pointer; } .gs-row[role=button]:focus-visible, .gs-outl[role=button]:focus-visible { outline: 2px solid #667085; outline-offset: 2px; border-radius: 4px; }
.gs-mini { display: block; font-size: 11px; color: #98a2b3; margin-top: 1px; } .gs-mini .st-dot { width: 6px; height: 6px; margin: 0 4px 1px 0; } .gs-pg-n { color: #667085; }
.gs-more { display: none; } .gs-row.open .gs-more, .gs-outl.open .gs-more { display: block; } .gs-row.open .gs-mini { display: none; }
.gs-outl[role=button] { cursor: pointer; } .gs-outl .gs-more { margin-top: 2px; }
.gs-outl-a { display: block; margin-top: 2px; }
.lg-gs { margin: 0 0 8px; } .lg-gs .lg-keyline { display: flex; align-items: center; gap: 8px; font-size: 12px; padding: 2px 0; }
.lg-gs-k { flex: none; width: 22px; }
.lg-gs-site { width: 22px; height: 10px; border: 2px dashed #f59e0b; border-radius: 2px; background: rgba(245,158,11,.12); }
.lg-swl { margin: 0 0 6px; }
.lg-swl .lg-swl-row + .lg-swl-row { margin-top: 2px; }
.mv2-lock { display: inline-flex; align-items: center; gap: 4px; margin: 0 6px 0 0; padding: 1px 4px; border: 0; border-radius: 4px; background: #f2f4f7; color: #475467; font: 600 11px/1.3 var(--font); vertical-align: 1px; cursor: pointer; }
.mv2-lock-t { display: none; } .mv2-lock.open .mv2-lock-t { display: inline; }
@media (hover: hover) { .mv2-lock:hover .mv2-lock-t { display: inline; } }
.ls-acts { display: block; margin-top: 4px; font-size: 12.5px; }
.ls-box { margin: 8px 0 4px; padding: 10px 12px; border: 1px solid #e4e7ec; border-radius: 10px; background: #ffffff; }
.ls-h { font: 600 12px/1.4 var(--font); color: #344054; margin: 0 0 6px; } .ls-box .ls-h + .ls-rcp { margin-bottom: 8px; }
.ls-rcp { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } .ls-none { font-size: 12px; color: #667085; }
.ls-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 8px; border-radius: 999px; background: #f2f4f7; font-size: 12px; color: #344054; }
.ls-x { border: 0; background: none; color: #667085; cursor: pointer; font-size: 11px; padding: 0 4px; }
.ls-add { display: flex; gap: 6px; margin-bottom: 8px; } .ls-in { flex: 1; min-width: 0; padding: 6px 8px; border: 1px solid #e4e7ec; border-radius: 8px; font: 13px/1.3 var(--font); }
.ls-links { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; } .ls-note { font-size: 11.5px; color: #667085; margin: 2px 0 6px; }
.ls-req { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 4px 0; font-size: 12.5px; } .ls-req-who { flex: 1; min-width: 140px; color: #344054; }
.ls-err { font-size: 12px; color: #b42318; margin-top: 4px; }
.gs-teaser .gs-name { margin-bottom: 8px; } .gs-teaser .gt-asked { color: #067647; }
.ls-stchip { display: inline-block; padding: 1px 8px; border-radius: 999px; background: #f2f4f7; color: #344054; font: 600 12px/1.5 var(--font); }
.pf-ls-card { cursor: pointer; } .pf-ls-card + .ls-box { margin-top: -2px; }
.sr-lock { display: inline-flex; align-items: center; color: #475467; margin-right: 6px; vertical-align: -1px; }
.ls-reqbadge { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: #b42318; color: #ffffff; font: 600 11px/1.5 var(--font); vertical-align: 1px; white-space: nowrap; }
.ls-reqline { font-size: 12px; color: #344054; margin: 0 0 8px; } .ls-reqline .ls-reqbadge { margin-left: 0; } .lg-swl-k { flex: none; width: 12px; height: 12px; border-radius: 50%; background: #f59e0b; border: 2px solid #ffffff; box-shadow: 0 0 0 1px #f59e0b; margin-right: 8px; }
@media (max-width: 600px) { .guest-share { top: auto; bottom: 12px; } .gs-x { width: 44px; height: 44px; } .gs-card > .gs-x { margin-bottom: -36px; } .gs-card { max-height: 58vh; } }
 
.gs-profban { display: flex; align-items: center; gap: 8px; margin-top: 8px; background: #fff; border: 1px solid #e4e7ec; border-radius: 10px; padding: 6px 6px 6px 12px; box-shadow: 0 4px 12px rgba(16,24,40,.08); font-size: 13px; color: #344054; }
.gs-profban-t { flex: 1 1 auto; }
.gs-profban .gs-profgo { flex: 0 0 auto; font-size: 13px; }
.gs-profx { flex: 0 0 auto; width: 32px; height: 32px; border: 0; background: none; color: #667085; font-size: 18px; line-height: 1; cursor: pointer; border-radius: 8px; }
.gs-profx:hover { background: #f2f4f7; }
.guest-share.has-profban .gs-card { max-height: calc(100vh - 150px); }
@media (max-width: 600px) { .guest-share.has-profban .gs-card { max-height: calc(58vh - 56px); } .gs-profx { width: 44px; height: 44px; } .gs-profban-t { display: none; } }
 
.auth-who { display: flex; flex-direction: column; gap: 2px; padding: 8px 12px 10px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.auth-who-name { font: 600 13px/1.3 var(--font); color: var(--ink); }
.auth-who .auth-role { padding: 0; font: 500 12px/1.3 var(--font); color: var(--muted); }
.pm-set-row, .pm-set-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 6px 0; }
.pm-set-k { font: 600 12px/1.3 var(--font); color: #475467; min-width: 120px; }
.pm-set-admin { padding-top: 8px; border-top: 1px solid #f2f4f7; }
 
.ui-chip { display: inline-flex; align-items: center; gap: 4px; padding: 1px 7px; border-radius: 999px; font: 600 10.5px/1.6 var(--font); letter-spacing: .01em; vertical-align: middle; white-space: nowrap; border: 1px solid currentColor; background: #fff; }
.ui-chip.st-verified { color: #067647; } .ui-chip.st-under { color: #b54708; } .ui-chip.st-illus { color: #667085; } .ui-chip.st-pending { color: #98a2b3; } .ui-chip.st-owner { color: #6941c6; }
.ui-tally { display: inline-block; font: 600 12px/1.4 var(--font); color: #067647; background: #ecfdf3; border-radius: 6px; padding: 1px 7px; white-space: nowrap; }
.ui-tally[data-n="0"] { color: #667085; background: #f2f4f7; }
.ui-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
.ui-card { background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ui-card-eyebrow { font: 600 11px/1.3 var(--font); text-transform: uppercase; letter-spacing: .05em; color: #667085; }
.ui-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.ui-card-title { margin: 0; font: 600 16px/1.3 var(--font); color: var(--ink); overflow-wrap: anywhere; }
.ui-card-sub { font-size: 12.5px; color: #475467; }
.ui-card-body { display: flex; flex-direction: column; gap: 4px; }
.ui-card-acts { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 4px; }
.ui-fact { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-top: 1px solid #f2f4f7; font-size: 12.5px; }
.ui-fact-k { color: #667085; flex: 0 0 auto; } .ui-fact-b { font-size: 11px; }
.ui-fact-v { color: var(--ink); text-align: right; overflow-wrap: anywhere; }
.ui-absent { color: #98a2b3; }
.ui-empty { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px 16px; border: 1px dashed #d0d5dd; border-radius: 12px; color: #475467; font-size: 13px; }
@media (max-width: 600px) { .ui-cards { grid-template-columns: 1fr; } .ui-card-acts .ds-btn { min-height: 44px; } }
 
.ofb { margin-top: 14px; } .ofb-h h3 { margin: 0; font: 600 15px/1.3 var(--font); } .ofb-sub { font-size: 12.5px; color: #667085; margin: 2px 0 10px; }
.ofb-asked { font-size: 12px; color: #067647; }
.ofb-form { width: 100%; display: flex; flex-direction: column; gap: 6px; } .ofb-note { width: 100%; box-sizing: border-box; font: inherit; font-size: 13px; padding: 6px 8px; border: 1px solid #d0d5dd; border-radius: 8px; }
.ofb-consent { font-size: 12px; color: #475467; display: flex; gap: 6px; align-items: flex-start; } .ofb-form-acts { display: flex; gap: 8px; } .ofb-msg { font-size: 12px; color: #b42318; }
 
 
 
.dev-card .dev-card-open:hover .ui-card-title { text-decoration: underline; }
.dev-all-group .ui-cards { margin-bottom: 6px; }
 
 
.hdr-tally { margin: 0 0 6px; } .dv-id .hdr-tally { margin-bottom: 4px; }
 
.prox-rule { font-size: 11.5px; color: #475467; } .prox-rule[data-rule-held="0"] { color: #667085; }
.prox-more > summary { cursor: pointer; font-size: 12px; color: #475467; padding: 4px 0; list-style: none; } .prox-more > summary::before { content: "▸ "; } .prox-more[open] > summary::before { content: "▾ "; }
 
body.pres-on > *:not(#map):not(#presRoot):not(#presPrint):not(script):not(style):not(.twin):not([id^="twin"]) { visibility: hidden !important; }  
body.pres-on #map { position: fixed; inset: 0; }
body.pres-on .mapboxgl-ctrl-top-right, body.pres-on .mapboxgl-ctrl-top-left, body.pres-on .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-group { visibility: hidden; }
.pres { position: fixed; inset: 0; z-index: 900; pointer-events: none; font-family: var(--font); }
.pres > * { pointer-events: auto; }
.pres-top { position: absolute; top: 14px; left: 14px; right: 14px; display: flex; align-items: center; gap: 12px; padding: 8px 10px; background: rgba(15, 23, 42, .78); color: #fff; border-radius: 12px; backdrop-filter: blur(6px); }
.pres-title { font: 600 12.5px/1 var(--font); white-space: nowrap; opacity: .9; }
.pres-dots { display: flex; gap: 5px; flex: 1 1 auto; flex-wrap: wrap; justify-content: center; min-width: 0; }
.pres-dot { width: 9px; height: 9px; border-radius: 50%; border: 0; padding: 0; background: rgba(255, 255, 255, .35); cursor: pointer; }
.pres-dot.on { background: #e9b949; transform: scale(1.25); }
.pres-ctl { display: flex; gap: 6px; align-items: center; }
.pres-b { min-width: 34px; height: 34px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .25); background: transparent; color: #fff; font: 600 15px/1 var(--font); cursor: pointer; padding: 0 8px; }
.pres-b.pres-w { font-size: 12px; } .pres-b[aria-pressed="true"] { background: rgba(255, 255, 255, .18); }
.pres-b.pres-play { background: #e9b949; color: #0f172a; border-color: #e9b949; }
.pres-card { position: absolute; left: 22px; bottom: 26px; width: min(460px, calc(100vw - 44px)); max-height: calc(100dvh - 140px); overflow: auto; background: rgba(255, 255, 255, .97); border-radius: 16px; padding: 18px 20px; box-shadow: 0 20px 50px rgba(15, 23, 42, .25); animation: presIn .5s ease; }
.pres-card.pres-wide { width: min(680px, calc(100vw - 44px)); }
@keyframes presIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.pres-eyebrow { font: 600 11px/1.3 var(--font); letter-spacing: .06em; text-transform: uppercase; color: #8a6a1f; }
.pres-h2 { margin: 2px 0 10px; font: 600 24px/1.2 var(--font-serif, Georgia, serif); color: #0f172a; }
.pres-h { margin: 12px 0 4px; font: 700 11px/1.3 var(--font); letter-spacing: .05em; text-transform: uppercase; color: #475467; }
.pres-row { display: flex; justify-content: space-between; gap: 14px; padding: 5px 0; border-top: 1px solid #f1f2f4; font-size: 13px; }
.pres-k { color: #475467; flex: 0 0 auto; max-width: 48%; } .pres-v { color: #0f172a; text-align: right; }
.pres-m { color: #667085; font-size: 11.5px; } .pres-absent { color: #98a2b3; font-style: italic; }
.pres-shared { font-size: 11.5px; color: #667085; margin-bottom: 2px; } .pres-rule { margin: 0 0 6px; }
.pres-tally { margin-bottom: 4px; } .pres-place { font-size: 13px; color: #344054; margin-bottom: 6px; }
.pres-acts { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.pres-facts { max-height: 46vh; overflow: auto; font-size: 12.5px; } .pres-own { margin-top: 8px; padding-top: 4px; border-top: 2px solid #f5ecd7; }
.pres-table { width: 100%; border-collapse: collapse; font-size: 12.5px; } .pres-table th { text-align: left; color: #667085; font-weight: 600; padding: 4px 6px 4px 0; } .pres-table td { border-top: 1px solid #f1f2f4; padding: 6px 6px 6px 0; }
.pres-cover-org { font: 600 16px/1.3 var(--font); color: #0f172a; } .pres-list { margin: 6px 0 0; padding-left: 18px; font-size: 13.5px; }
.pres-by { font-size: 14px; margin-bottom: 10px; }
.pres-visit { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; font-size: 12.5px; } .pres-visit input, .pres-visit textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 6px 8px; border: 1px solid #d0d5dd; border-radius: 8px; }
.pv-dates { display: flex; flex-wrap: wrap; gap: 6px; } .pv-dates input { flex: 1 1 120px; min-width: 0; } .pv-consent { display: flex; gap: 6px; align-items: flex-start; color: #475467; } .pv-consent input { width: auto; } .pv-msg { color: #067647; }
.pres-notes, .pres-share { position: absolute; right: 22px; bottom: 26px; width: min(340px, calc(100vw - 44px)); background: #fffdf7; border: 1px solid #f0e4c4; border-radius: 14px; padding: 12px 14px; box-shadow: 0 14px 40px rgba(15, 23, 42, .2); }
.pres-share { bottom: auto; top: 74px; } .pres-notes textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 13px; border: 1px solid #e4d7b2; border-radius: 8px; padding: 6px 8px; }
.pres-link { width: 100%; box-sizing: border-box; font-size: 12px; padding: 6px 8px; border: 1px solid #d0d5dd; border-radius: 8px; }
.pres-visit-row { font-size: 12.5px; padding: 6px 0; border-top: 1px solid #f1f2f4; }
.pres-pdfwait { position: absolute; top: 74px; left: 50%; transform: translateX(-50%); background: #0f172a; color: #fff; padding: 8px 14px; border-radius: 10px; font-size: 13px; }
.pres-tl .ctl, .pres-tl { font-size: 12px; }
 
.pres-card.pres-branded { border-top: 6px solid var(--pres-accent, #9a7b3f); }
.pres-cover-logo img { display: block; max-width: 240px; max-height: 72px; object-fit: contain; margin-bottom: 10px; }
.pres-prepared { margin-top: 12px; padding-top: 8px; border-top: 1px solid #eef0f3; font: 600 11.5px/1.3 var(--font); letter-spacing: .04em; color: #667085; }
.pres-conf { margin: -4px 0 6px; font: 700 10.5px/1.3 var(--font); letter-spacing: .06em; text-transform: uppercase; color: #9a3412; }
.pres-brand-prev .pres-prepared { margin: 0; padding: 0; border: 0; }
@media (max-width: 760px) { .pres-top { flex-wrap: wrap; } .pres-dots { order: 3; flex-basis: 100%; } .pres-ctl { flex-wrap: wrap; justify-content: flex-end; } .pres-b.pres-w { font-size: 11.5px; padding: 0 7px; } .pres-b { min-width: 44px; height: 44px; } .pres-title { flex-basis: 100%; } .pres-card, .pres-card.pres-wide { left: 10px; right: 10px; width: auto; bottom: 10px; max-height: 52vh; } .pres-notes, .pres-share { top: auto; bottom: 10px; left: 10px; right: 10px; width: auto; z-index: 2; max-height: 52vh; overflow: auto; } }
#presPrint { display: none; }
@media print { html:has(body.pres-printing), body.pres-printing { height: auto !important; min-height: 0 !important; overflow: visible !important; position: static !important; display: block !important; }  
body.pres-printing > *:not(#presPrint) { display: none !important; } body.pres-printing #presPrint { display: block !important; }
#presPrint .pp-page { break-after: page; }
#presPrint .pp-page { page-break-after: always; font-family: Georgia, serif; } #presPrint img { width: 100%; max-height: 52vh; object-fit: cover; border-radius: 6px; }
#presPrint .pp-sub { font: 600 10px/1.3 sans-serif; text-transform: uppercase; letter-spacing: .06em; color: #8a6a1f; } #presPrint h2 { margin: 2px 0 8px; } #presPrint .pp-cap { font: 11px/1.4 sans-serif; }
#presPrint .pres-visit, #presPrint button { display: none !important; }
#presPrint .pp-branded { border-top: 8px solid var(--pres-accent, #9a7b3f); padding-top: 8px; } #presPrint .pres-cover-logo img { max-width: 220px; max-height: 64px; width: auto; object-fit: contain; border-radius: 0; }
#presPrint .pp-conf { font: 700 9px/1.3 sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #9a3412; margin-bottom: 4px; } #presPrint .pp-foot { margin-top: 10px; font: 9px/1.3 sans-serif; color: #667085; border-top: 1px solid #e4e7ec; padding-top: 4px; } }
 
.pt-why { font-size: 13px; color: #475467; margin: 0 0 10px; } .pt-acts { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width: 600px) { .pt-panel .ds-btn { min-height: 44px; } }
 
.feas-sofar .yc-hl-v { opacity: .85; }
.feas-next { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 14px 0 6px; padding: 12px; background: #f8fafc; border: 1px solid #e4e7ec; border-radius: 10px; }
@media (max-width: 600px) { .feas-next .ds-btn { min-height: 44px; width: 100%; } }
 
.ofb-minis { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.ofb-mini { all: unset; box-sizing: border-box; cursor: pointer; display: flex; flex-direction: column; gap: 3px; background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 10px 12px; min-width: 0; }
.ofb-mini:hover, .ofb-mini:focus-visible { border-color: #b8862b; box-shadow: 0 2px 10px rgba(16, 24, 40, .08); }
.ofb-mini[data-fits="1"] { border-color: #a6d8bc; }
.ofb-mini-h { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; } .ofb-mini-n { font: 600 14px/1.3 var(--font); color: var(--ink); overflow-wrap: anywhere; }
.ofb-mini-l { font-size: 12px; color: #475467; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ofb-fit { color: #067647; font-weight: 600; }
@media (max-width: 600px) { .ofb-mini { min-height: 44px; } }
.dd-ask { margin: 8px 0; } .dd-ask .ofb-form { margin-top: 8px; max-width: 520px; }
 
.ow-block, .ow-wiz { background: #fff; border: 1px solid #e4e7ec; border-radius: 12px; padding: 12px 14px; margin: 8px 0 12px; }
.ow-h { font: 700 11px/1.3 var(--font); letter-spacing: .05em; text-transform: uppercase; color: #475467; } .ow-sum { font-size: 13px; color: var(--ink); margin: 4px 0 8px; } .ow-yours { color: #98a2b3; font-size: 11.5px; }
.ow-acts, .ow-nav { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .ow-nav { justify-content: flex-end; margin-top: 10px; } .ow-nav #owCancel { margin-right: auto; }
.ow-top { display: flex; justify-content: space-between; align-items: baseline; } .ow-count { font-size: 11.5px; color: #667085; }
.ow-bar { height: 3px; background: #f2f4f7; border-radius: 3px; margin: 6px 0 10px; } .ow-bar i { display: block; height: 100%; background: #b8862b; border-radius: 3px; }
.ow-q { font: 600 17px/1.3 var(--d-font-serif, Georgia, serif); color: var(--ink); margin-bottom: 10px; }
.ow-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 6px 0; font-size: 13px; } .ow-col { display: flex; flex-direction: column; gap: 4px; margin: 6px 0; font-size: 13px; }
.ow-k { min-width: 140px; color: #475467; } .ow-in { max-width: 160px; } .ow-col .ow-in { max-width: none; width: 100%; box-sizing: border-box; }
.ow-sug { font-size: 13px; margin: 4px 0; } .ow-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .ow-basis { display: flex; flex-direction: column; gap: 2px; text-align: left; padding: 10px; }
.ow-basis span { font-size: 11.5px; color: #667085; font-weight: 400; } .ow-check { display: flex; gap: 6px; align-items: center; font-size: 13px; margin: 6px 0; } .ow-msg { color: #b42318; font-size: 12px; min-height: 1em; }
@media (max-width: 600px) { .ow-choices { grid-template-columns: 1fr; } .ow-nav .ds-btn { min-height: 44px; } .ow-k { min-width: 0; flex-basis: 100%; } }
.occ-req.ow-block, .occ-req.ow-wiz { display: block; }
 
.ms-card.ui-card { margin-bottom: 12px; } .ms-figs { margin-top: 6px; } .ms-figs-h, .ms-tl-h, .ms-rem-h, .ms-terms-h { font: 700 11px/1.3 var(--font); letter-spacing: .05em; text-transform: uppercase; color: #667085; margin: 6px 0 2px; }
.ms-act { margin-top: 10px; } .ms-dep { display: flex; gap: 6px; } .ms-dep input { flex: 1 1 auto; min-width: 0; } .ms-terms { margin-top: 10px; padding-top: 8px; border-top: 1px dashed #e4e7ec; }
.ms-tl { margin-top: 8px; } .ms-tl-none { font-size: 12px; color: #98a2b3; }
.ms-tl-bar { position: relative; height: 6px; background: #eef2f6; border-radius: 6px; margin: 10px 4px 6px; }
.ms-tl-pt { position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 50%; transform: translate(-50%, -50%); background: #475467; border: 2px solid #fff; box-shadow: 0 0 0 1px #d0d5dd; }
.ms-tl-pt[data-k="lockin"] { background: #b8862b; } .ms-tl-pt[data-k="esc"] { background: #6941c6; } .ms-tl-pt[data-k="end"] { background: #b42318; }
.ms-tl-today { position: absolute; top: -5px; bottom: -5px; width: 2px; background: #0f172a; transform: translateX(-1px); }
.ms-tl-list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11.5px; color: #475467; }
.ms-rem { background: #fffbeb; border: 1px solid #f5d896; border-radius: 10px; padding: 8px 12px; margin: 6px 0 12px; } .ms-rem-row { font-size: 12.5px; padding: 3px 0; } .ms-rem-in { color: #b54708; font-weight: 600; }
 
.sls-wrap { overflow-x: auto; } .sls-table { border-collapse: collapse; font-size: 12.5px; min-width: 100%; }
.sls-table th, .sls-table td { text-align: left; vertical-align: top; padding: 8px 12px 8px 0; border-top: 1px solid #f1f2f4; min-width: 160px; } .sls-table tbody th { color: #667085; font-weight: 600; min-width: 130px; }
@media (max-width: 600px) { .ms-act .ds-btn { min-height: 44px; } }
@media (min-width: 761px) { .inspector.insp-full .ms-head { padding-right: 52px; } }
 
.tl-lease { margin-bottom: 10px; } .tl-lease-sum { font-size: 13px; margin-bottom: 6px; }
.tl-chart { width: 100%; max-width: 640px; height: 120px; display: block; } .tl-axis { stroke: #d0d5dd; stroke-width: 1; }
.tl-bar-c { fill: #0f766e; } .tl-bar-e { fill: #b8862b; } .tl-bar-e.past { fill: #d6c6a0; } .tl-yr { font: 9px var(--font); fill: #667085; }
.tl-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 11.5px; color: #475467; margin: 4px 0; } .tl-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 4px; vertical-align: -1px; }
.tl-lg-c { background: #0f766e; } .tl-lg-e { background: #b8862b; } .tl-lg-n { color: #98a2b3; }
.tl-all > summary { cursor: pointer; font-size: 12.5px; color: #475467; padding: 4px 0; }
 
.rp-pill { position: fixed; right: 12px; bottom: 30px; z-index: 60; font: 500 11.5px/1 var(--font); color: #475467; background: rgba(255, 255, 255, .92); border: 1px solid #d0d5dd; border-radius: 999px; padding: 6px 10px; cursor: pointer; }
.rp-pill:hover { color: #101828; border-color: #98a2b3; } body.pres-on .rp-pill { display: none; }
@media (max-width: 760px) { .rp-pill { display: none; } }
.rp-modal { position: fixed; inset: 0; z-index: 1200; background: rgba(15, 23, 42, .45); display: flex; align-items: center; justify-content: center; padding: 16px; }
.rp-card { position: relative; width: min(460px, 100%); background: #fff; border-radius: 14px; padding: 18px 20px; box-shadow: 0 20px 50px rgba(15, 23, 42, .3); font-family: var(--font); }
.rp-card h2 { margin: 0 0 10px; font: 600 18px/1.3 var(--font); } .rp-x { position: absolute; top: 10px; right: 10px; border: 0; background: none; font-size: 16px; cursor: pointer; min-width: 32px; min-height: 32px; }
.rp-l { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: #344054; } .rp-l textarea { font: inherit; font-size: 13px; padding: 8px; border: 1px solid #d0d5dd; border-radius: 8px; }
.rp-note { font-size: 12px; color: #667085; margin: 8px 0; } .rp-acts { display: flex; gap: 10px; align-items: center; } .rp-send { font: 600 13px/1 var(--font); background: #0f172a; color: #fff; border: 0; border-radius: 8px; padding: 9px 14px; cursor: pointer; min-height: 36px; } .rp-msg { font-size: 12px; color: #067647; }
@media (max-width: 760px) { .rp-send { min-height: 44px; } }
.ofb-h-t { font: 600 15px/1.3 var(--font); }
 
.ofb-mini-l { white-space: normal; overflow: visible; text-overflow: clip; }
 
 
.st-src { display: inline; font-size: 11px; font-weight: 400; color: var(--muted, #6b7280); text-transform: none; letter-spacing: 0; margin-left: 4px; }
.lp-v .st-src { display: block; margin: 2px 0 0; }
.rc-basis.st-src { border: 0; padding: 0; margin-left: 6px; text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 11px; background: none; }
.yc-hl-st { margin: 2px 0 0; }
.land-summary .dev-chip { vertical-align: 1px; }
 
.gt-land .prox-panel { display: flex; flex-direction: column; position: static; left: auto; top: auto; width: auto; min-width: 0; max-width: none; max-height: none; overflow: visible; z-index: auto; background: none; border: 0; box-shadow: none; padding: 0; }
.gt-land .prox-card { box-shadow: none; border: 0; padding: 0 0 8px; background: transparent; }
.gt-land #proxCardLayers, .gt-land #proxHead .gt-head-t { display: none; }
 
.dev-tbtn.ds-btn { height: 30px; padding: 0 14px; font: 600 12px/1 var(--font); border-radius: 999px; background: #fff; color: var(--ds-brand-dark); border: 1px solid var(--ds-brand); }
.dev-tbtn.ds-btn.on { background: #fff; color: var(--ds-brand-dark); border-color: var(--ds-brand-dark); box-shadow: inset 0 0 0 1px var(--ds-brand-dark); }
 
.insp-page[data-tab="shortlist"]:has(> .ms-home-host), .insp-page[data-tab="requirement"]:has(> .ms-home-host) { padding-left: 18px; padding-right: 18px; }
.insp-page[data-tab="shortlist"]:has(> .ms-home-host) #inspShortlist .phead, .insp-page[data-tab="requirement"]:has(> .ms-home-host) .phead:not(.bd-h1) { display: none; }
.insp-page[data-tab="shortlist"]:has(> .ms-home-host) #slViews { margin: 12px 0; }
 
.ms-grid { margin: 8px 0 16px; }
.ms-mini { cursor: default; gap: 4px; }
.ms-mini.sw-card { cursor: pointer; }
.ms-mini .ofb-mini-h { align-items: flex-start; }
.ms-mini-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; align-items: center; }
.ms-mini-acts .ds-btn { height: 28px; padding: 0 12px; font-size: 12px; }
.ms-empty { margin: 12px 0; }
.ms-mini .ofb-mini-h { flex-wrap: wrap; row-gap: 4px; } .ms-mini .ofb-mini-n { flex: 1 1 120px; min-width: 0; }
.ms-mini .ofb-mini-h > :not(.ofb-mini-n) { flex: 0 1 auto; }
 
.wl-card.ms-mini .pl-src, body.look-quiet .inspector .wl-card.ms-mini .rp-name { all: unset; }
.ms-mini-acts .ds-btn { padding: 0 10px; font-size: 11.5px; }
 
.inspector .ob-card.ob-draft.pl-card.ms-form { background: #fff; border: 1px solid var(--d-line); }
.ms-form .ms-dep { display: flex; gap: 6px; align-items: stretch; min-width: 0; }
.ms-form .ms-dep input { flex: 1 1 0; min-width: 0; }
.ms-form .ms-dep select { flex: 0 0 auto; width: auto; min-width: max-content; padding-right: 26px; }
.ms-form .pl-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
 
.sl-stage-pill { cursor: pointer; font: inherit; }
.sl-stage-strip { margin: 4px 0 2px; display: flex; flex-wrap: wrap; gap: 4px; }
.sl-notes-fold { margin-top: 6px; font-size: 12px; }
.sl-notes-fold > summary { cursor: pointer; color: var(--ds-brand-ink); font-weight: 600; }
.sl-notes-fold textarea { width: 100%; box-sizing: border-box; margin: 6px 0; }
.ms-mini.sl-card .ms-ask { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
 
.dev-tally-btns .dev-tbtn.ds-btn { padding: 0 10px; font-size: 11.5px; height: 28px; white-space: nowrap; }
 
.auth-ph { display: inline-flex; align-items: center; justify-content: center; min-width: 120px; pointer-events: none; }
.auth-ph-bar { display: block; width: 72px; height: 10px; border-radius: 5px; background: var(--line, #e4e7ec); opacity: .8; animation: authPh 1.2s ease-in-out infinite; }
@keyframes authPh { 0%, 100% { opacity: .45; } 50% { opacity: .9; } }
@media (prefers-reduced-motion: reduce) { .auth-ph-bar { animation: none; } }
 
 
.cp-list .cp-names { column-count: 1; }
.cp-names .cp-name { grid-template-columns: 18px minmax(0, 1fr) auto; }
.cp-names .cp-name[data-count]::after { content: attr(data-count); font: 500 11px/1.35 var(--font); color: var(--muted); white-space: nowrap; }
.cp-names .cp-name[data-none="1"]::after { color: #98a2b3; font-style: italic; }  
.cp-more { padding: 4px 16px 6px; }
.cp-names-none { padding-top: 0; }
.cp-stages { padding: 4px 16px 6px; }
.cp-stage-grp { margin: 10px 0 4px; }
.cp-stage-h { display: flex; align-items: baseline; gap: 6px; padding: 6px 0; font-size: 12.5px; font-weight: 700; color: var(--ink); margin: 2px 0 6px; }
.cp-stage-n { font: 500 11px/1.3 var(--font); color: var(--muted); }
.cp-company .cp-card.ui-card { padding: 12px; margin: 0 0 10px; }
.cp-card .ui-card-title .cp-open { cursor: pointer; }
@media (max-width: 760px) { .cp-more-btn { min-height: 44px; } }
.cp-company .cp-stages .cp-cards { padding: 0; display: grid; gap: 10px; }
.cp-company .cp-stages .cp-card.ui-card { margin: 0; }
 
#feasFundOut { margin-top: 14px; }
 
.ms-mini.pf-card .ofb-mini-h, .ms-mini.wl-card .ofb-mini-h, .ms-mini.pf-req .ofb-mini-h { flex-wrap: nowrap; }
.ms-mini.pf-card .ofb-mini-h > .ui-tally, .ms-mini.wl-card .ofb-mini-h > .ui-tally, .ms-mini.pf-req .ofb-mini-h > .ui-tally, .ms-mini.sw-card .ofb-mini-h > .ui-tally { flex: 0 0 auto; white-space: nowrap; }
 
#feasPage #feasCf { table-layout: fixed; width: 100%; }
#feasPage #feasCf th, #feasPage #feasCf td { padding: 3px 2px; font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
#feasPage #feasCf th, #feasPage #feasCf td { overflow-wrap: normal; word-break: normal; hyphens: none; }  
 
.ui-dotst, .ui-dotst.st-verified, .ui-dotst.st-under, .ui-dotst.st-illus, .ui-dotst.st-pending { display: inline-flex; align-items: center; gap: 5px; font: 600 11px/1.5 var(--font); white-space: nowrap; vertical-align: middle; background: none; padding: 0; }
.ui-dotst .ui-dotst-d { display: inline-block; width: 7px; height: 7px; min-width: 7px; border-radius: 50%; background: currentColor; }
.ui-dotst.st-verified { color: #067647; } .ui-dotst.st-under { color: #b54708; } .ui-dotst.st-illus { color: #667085; } .ui-dotst.st-pending { color: #98a2b3; } .ui-dotst.st-owner { color: #6941c6; }


#wsShell > #inspector.ws-shell-surface { position: relative; inset: auto; top: auto; right: auto; bottom: auto; left: auto; transform: none; width: var(--ws-shell-w); height: var(--ws-shell-h); max-width: none; max-height: none; margin: 0; flex-direction: column; border: 0; }
#wsShell > #inspector.ws-shell-surface > .insp-head { display: contents; }
#wsShell > #inspector.ws-shell-surface > .insp-head .insp-tabs { display: none; }
#wsShell > #inspector.ws-shell-surface > .insp-pages { flex: 1 1 auto; min-height: 0; height: 100%; overflow: hidden; padding: 0; }
#wsShell .insp-page.ws-shell-page:not([hidden]) { display: flex; flex-direction: row; align-items: stretch; height: 100%; padding: 0; overflow: hidden; }
#wsShell .ws-shell-page > .ws-shell-nav { padding: 18px 12px 14px; gap: 2px; }
.ws-shell .ws-shell-head { margin: 0 10px 10px; font: 600 17px/1.25 var(--font-serif, Georgia, serif); letter-spacing: -0.01em; color: var(--ink); }
.ws-shell .ws-shell-nav h2 { margin: 0 10px 10px; font-size: 17px; font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
.ws-shell .ws-shell-nav .phead, .ws-shell .ws-shell-nav .pf-h, .ws-shell .ws-shell-nav .yp-head { border: 0; padding: 0; margin: 0; background: none; }
 
.ws-shell .ws-shell-nav .bd-tabs, .ws-shell .ws-shell-nav .pf-views, .ws-shell .ws-shell-nav .pf-home { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 2px; border: 0; margin: 0; padding: 0; overflow: visible; }
.ws-nav-i, .ws-shell .ws-shell-nav :is(.bd-tab, .pf-view) { display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; min-height: 30px; height: auto; margin: 0; box-shadow: none; font-family: var(--font); line-height: 1.3; }  
.ws-shell .ws-shell-nav .ws-nav-h { margin: 12px 10px 2px; font: 700 10.5px/1.4 var(--font); text-transform: uppercase; letter-spacing: .05em; color: #64748b; }
.ws-nav-i .ws-nav-t { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.ws-nav-i .dev-stage { margin-left: auto; }
.ws-nav-i.ws-nav-sub { padding-left: 10px; }
.ws-shell .ws-shell-nav .dev-sub { margin: 2px 0 0 10px; }
.ws-shell .ws-shell-body > :first-child { margin-top: 0; }
 
.ws-shell .ws-sec .ws-sec-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
 
.ob-detail[hidden] { display: none !important; }  
.ws-shell .ws-shell-nav .dev-nav .pf-home { display: flex; flex-direction: column; gap: 2px; }
.ws-shell .ws-shell-nav .pf-h { padding: 0 10px 10px; } .ws-shell .ws-shell-nav .pf-h h2, .ws-shell .ws-shell-nav .yp-head h2 { margin: 0; }
.ws-shell .ws-shell-nav #calcPageHead { padding: 0 10px 10px; border: 0; }
.ws-nav-i.ws-nav-proj { font-weight: 500; }
.ws-nav-i[aria-current="true"] .dev-stage { background: rgba(255, 255, 255, 0.16); color: #fff; }
.pl-card.ob-detail.ws-flat { border: 0; padding: 0; margin: 0; background: none; box-shadow: none; display: block; }
.ws-shell .dev-phead-quiet { border: 0; padding-bottom: 0; }
.ob-detail.ws-flat > .ob-main { display: block; width: auto; padding: 0; margin: 0; }
.ws-sec .pt-why { margin: 0; font-size: 13px; color: #475467; line-height: 1.5; }
.ws-sec-foot .pl-actions { margin: 0; }
 
@media (max-width: 760px) { .ws-nav-i { min-height: 44px; } }  
 
 
 
body.legal-body { background: var(--bg); color: var(--ink); font-family: Inter, system-ui, sans-serif; margin: 0; }
.legal-page { max-width: 760px; margin: 0 auto; padding: 28px 16px 80px; }
.legal-nav { font-size: 14px; margin-bottom: 16px; color: var(--muted); }
.legal-nav a { color: inherit; }
.legal-doc { background: var(--panel); border: 1px solid var(--line); border-radius: 12px; padding: 24px 28px; line-height: 1.6; font-size: 15px; }
.legal-doc h1 { font-size: 24px; margin: 0 0 8px; line-height: 1.3; }
.legal-doc h2 { font-size: 18px; margin: 24px 0 8px; }
.legal-doc h3 { font-size: 16px; margin: 18px 0 6px; }
.legal-doc hr { border: 0; border-top: 1px solid var(--line); margin: 20px 0; }
.legal-doc ul, .legal-doc ol { padding-left: 22px; }
@media (max-width: 600px) { .legal-doc { padding: 18px 16px; } }
 
.legal-links { font-size: 12px; color: var(--muted); }
.legal-links a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.legal-foot { position: absolute; left: 50%; transform: translateX(-50%); bottom: 4px; z-index: 4; white-space: nowrap; background: var(--panel); padding: 1px 8px; border-radius: 6px; }
.pm-consent a, .pm-set-legal a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.pm-consent .pm-consent-row { display: flex; align-items: flex-start; gap: 8px; font-weight: 400; }
.pm-consent input[type="checkbox"] { width: 18px; height: 18px; margin: 2px 0 0; flex: 0 0 auto; }
.pm-set-legal { gap: 12px; }
 
.legal-fb { display: none; }
body.signed-out .legal-fb { display: inline; }
@media (max-width: 760px) { .legal-foot { display: none; } .pm-consent .pm-consent-row { min-height: 44px; align-items: center; } }
 
.ab-note-pop .mapboxgl-popup-content { padding: 12px 14px; border-radius: 10px; font: 13px/1.45 Inter, system-ui, sans-serif; color: var(--ink); }
.ab-note-eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.ab-note-name { font-weight: 600; font-size: 15px; margin: 2px 0 6px; }
.ab-note-what { margin: 0 0 8px; color: var(--muted); }
.ab-note-r { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border-top: 1px solid var(--line); }
.ab-note-k { color: var(--muted); }
 
#opportunitiesRows.ms-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
#opportunitiesRows.ms-grid > :not(.mk-card) { grid-column: 1 / -1; }
#opportunitiesRows .mk-mini { cursor: pointer; }
#opportunitiesRows .mk-mini.lit { outline: 2px solid var(--ink); outline-offset: -2px; }
@media (max-width: 760px) { #opportunitiesRows.ms-grid { grid-template-columns: minmax(0, 1fr); } }
 
.cp-listings { margin: 12px 16px 4px; border-top: 1px solid var(--line, #e6e2da); padding-top: 10px; }
.cp-listings .cp-h { margin: 0 0 6px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted, #6b6b6b); font-weight: 600; }
.cp-listings .cp-ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cp-listings .cp-l { display: grid; gap: 1px; font-size: 13px; }
.cp-listings .cp-l-tag { font-size: 11px; color: var(--muted, #6b6b6b); }
.cp-listings .cp-l-s, .cp-listings .cp-none { font-size: 11px; color: var(--muted, #6b6b6b); margin: 0; }
 
.lvl-fp { margin-top: 10px; }
.lvl-fp-btns { display: flex; gap: 8px; }
.lvl-fp-btns .ds-btn { flex: 1; }
.lvl-fp-note { margin-top: 6px; font-size: 11px; color: var(--muted, #6b6b6b); }
body.fp-open { overflow: hidden; }
.fp-view { position: fixed; inset: 0; z-index: 9000; display: flex; flex-direction: column; background: #f3f1ec; color: #1f1d1a; font: 14px/1.35 Inter, system-ui, sans-serif; }
.fp-top { display: flex; align-items: center; gap: 16px; padding: 10px 16px; border-bottom: 1px solid #e3ded4; background: #fff; }
.fp-ttl { flex: 1; min-width: 0; } .fp-name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .fp-sub { font-size: 12px; color: #6b6b6b; }
.fp-modes { display: flex; border: 1px solid #d8d2c6; border-radius: 999px; overflow: hidden; }
.fp-lvls { display: flex; border: 1px solid #d8d2c6; border-radius: 999px; overflow: hidden; flex: 0 0 auto; }  
.fp-lvl { border: 0; background: #fff; color: #1f1d1a; padding: 7px 14px; font: inherit; cursor: pointer; white-space: nowrap; } .fp-lvl + .fp-lvl { border-left: 1px solid #d8d2c6; } .fp-lvl[aria-pressed="true"] { background: #1f1d1a; color: #fff; }
.fp-mode { border: 0; background: #fff; color: #1f1d1a; padding: 7px 14px; font: inherit; cursor: pointer; } .fp-mode[aria-pressed="true"] { background: #1f1d1a; color: #fff; }
.fp-x { border: 0; background: none; font-size: 18px; cursor: pointer; padding: 6px 8px; }
.fp-stage { position: relative; flex: 1; min-height: 0; } .fp-cv { width: 100%; height: 100%; display: block; touch-action: none; cursor: grab; }
.fp-view[data-mode="walk"] .fp-cv { cursor: crosshair; }
.fp-labels { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.fp-lab { position: absolute; left: 0; top: 0; background: rgba(255,255,255,.92); border: 1px solid #ddd6ca; border-radius: 6px; padding: 3px 7px; font-size: 11px; white-space: nowrap; display: grid; text-align: center; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.fp-lab b { font-size: 12px; font-weight: 600; } .fp-lab span { color: #6b6b6b; }
.fp-mini { position: absolute; top: 12px; right: 12px; width: 240px; height: 170px; border: 1px solid #d8d2c6; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,.12); cursor: pointer; background: #fff; }
.fp-here { position: absolute; left: 50%; bottom: 46px; transform: translateX(-50%); background: rgba(31,29,26,.86); color: #fff; padding: 6px 12px; border-radius: 999px; font-size: 13px; white-space: nowrap; }
.fp-help { position: absolute; left: 12px; bottom: 12px; right: 12px; text-align: center; font-size: 12px; color: #5b574f; pointer-events: none; }
.fp-load { position: absolute; inset: 0; display: grid; place-items: center; color: #6b6b6b; }
.fp-prov { flex: none; padding: 8px 16px; font-size: 12px; line-height: 1.45; color: #4f4b44; background: #fff; border-top: 1px solid #e3ded4; white-space: normal; overflow-wrap: anywhere; }
.fp-chip { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 999px; background: #efe9dc; color: #6b5a33; margin-right: 4px; }
 
.fp-style-l { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #5b574f; white-space: nowrap; }
.fp-style { font: inherit; font-size: 12.5px; color: #1f1d1a; border: 1px solid #d8d2c6; border-radius: 999px; padding: 6px 10px; background: #fff; max-width: 220px; }
.fp-ill { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); z-index: 2; background: #fff7e6; color: #6b4e12; border: 1px solid #ecd9a8; border-radius: 999px; padding: 5px 12px; font-size: 12px; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,.1); white-space: nowrap; max-width: calc(100% - 300px); overflow: hidden; text-overflow: ellipsis; }
.fp-view.fp-embed { position: absolute; inset: 0; z-index: 0; }
.pres-stage3d { position: absolute; top: 72px; left: 0; right: 0; bottom: 0; }
@media (max-width: 700px) { .fp-style { max-width: 160px; } .fp-ill { top: 128px; bottom: auto; max-width: calc(100% - 24px); white-space: normal; text-align: center; } .fp-ttl { flex: 1 1 100%; } .fp-name { white-space: normal; } }  
@media (max-width: 700px) { .fp-top { flex-wrap: wrap; gap: 8px; padding: 8px 12px; } .fp-mini { width: 150px; height: 106px; } .fp-here { bottom: 54px; font-size: 12px; white-space: normal; text-align: center; max-width: calc(100% - 32px); } .fp-prov { padding: 8px 12px; font-size: 11.5px; } }
 
.lvl-row.lvl-static { cursor: default; box-sizing: border-box; }
.lvl-row.lvl-static:hover { background: transparent; }
 
#panel .vh-head { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; gap: 3px 10px; align-items: baseline; margin: 8px 0 6px; }
#panel .vh-head .pg-row { display: contents; }
#panel .vh-head .pg-k { font-size: 11.5px; color: var(--muted); white-space: nowrap; }
#panel .vh-head .pg-v { font-size: 12px; font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums; min-width: 0; white-space: normal; overflow-wrap: break-word; }
#panel .vh-head .pg-s { display: inline-flex; align-items: center; gap: 4px; justify-self: end; white-space: nowrap; }
 
#panel .vstack-section .vstack, #dossierModal .vstack-section .vstack { width: 100%; }
#panel .vstack-fp .lvl-stack, #dossierModal .vstack-fp .lvl-stack { flex: 1 1 auto; width: auto; max-width: none; }
#panel .lvl-row { grid-template-columns: 8px 52px minmax(0, 1fr) auto; }
#panel .vstack { flex-direction: column; align-items: stretch; }
#panel .lvl-stack, #panel .vstack-mk .lvl-stack, #panel .vstack:has(> .lvl-detail) > .lvl-stack { flex: 0 0 auto; width: 100%; max-width: none; }
#panel .lvl-detail { width: 100%; box-sizing: border-box; }
body.look-quiet #panel .lvl-row .lvl-label, #panel .lvl-row .lvl-label, #dossierModal .lvl-row .lvl-label { white-space: nowrap; overflow-wrap: normal; }
#panel .lvl-row .lvl-dot, #dossierModal .lvl-row .lvl-dot { justify-self: end; display: inline-flex; }
#panel .pj-head .pj-h { grid-column: 1 / -1; font-size: 11px; font-weight: 600; color: var(--muted); margin-top: 2px; }
 
#panel #panelDeveloperField, #panel #panelOwnerField, #panel #panelTenureField, #panel #panelNotHeld { display: none !important; }
 
#panel .vh-head { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) max-content; }
#panel .vh-head .pg-k { white-space: normal; }
 
.lvl-fp { max-width: 100%; box-sizing: border-box; }
.lvl-fp-btns { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; }
.lvl-fp-btns .ds-btn { flex: 1 1 96px; min-width: 0; max-width: 100%; box-sizing: border-box; white-space: normal; }
.lvl-fp-note { overflow-wrap: break-word; }
 
@media (min-width: 761px) {
#panel .vstack { flex-direction: row; align-items: flex-start; }
#panel .vstack:has(> .lvl-detail:not(:empty):not([style*="display: none"])) > .lvl-stack { flex: 0 0 150px; width: 150px; max-width: 150px; }
#panel .vstack > .lvl-detail { flex: 1 1 auto; min-width: 0; width: auto; }
}


#panel #panelDescField, #panel #panelReraField, #panel #panelTitleConf, #panel #panelGlance, #panel #panelRealBadge,
#panel #panelConstr .cs-narrative, #panel #panelConstr > .gl-i, #panel #panelConstr [data-completion-timeline] { display: none !important; }
#panel #panelConstrField:not(:has([data-construction-timeline])) { display: none !important; }
#panel.card-lean #panelDevBadge:not([style*="display: none"]) { display: block !important; }
#panel.card-lean .pill-row { display: inline-flex !important; }
#panel .ap-head .pj-h { grid-column: 1 / -1; font-size: 11px; font-weight: 600; color: var(--muted); margin-top: 2px; }
 
#panel .cap-i:not(.cap-open) { font-size: 0 !important; line-height: 0; padding: 0; background: none; color: transparent; }
#panel .cap-i:not(.cap-open)::before { content: "ⓘ"; font-size: 15px; line-height: 1; color: var(--muted, #6b6b6b); display: inline-grid; place-items: center; min-width: 32px; min-height: 32px; cursor: help; }
#panel .phero-cap.cap-i:not(.cap-open) { left: auto; right: 6px; bottom: 6px; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,.88); display: grid; place-items: center; }
#panel .phero-cap.cap-i:not(.cap-open)::before { color: var(--ink); min-width: 0; min-height: 0; }
#panel .cap-i.cap-open { cursor: pointer; }
#panel .lvl-plan-cap.cap-merged { display: none; }
#panel .lvl-fp-note.cap-i:not(.cap-open) { margin-top: 2px; display: inline-block; }


#inspector:has(.insp-page:not([hidden]) .pf-h) .insp-head .insp-title { display: none; }
.bm-btn { height: 32px; }
.holds-door { width: 32px; height: 32px; }


#panel .phead #panelType, #panel .phead .pill-row, #panel #panelDevBadge, #panel #panelGlance, #panel #panelRealBadge, #panel #panelTitleConf, #panel #panelOwnerLadder { display: none !important; }
#panel #peekFields > :not(#panelWho):not(#panelConstrField) { display: none !important; }
#panel.card-lean #panelDevBadge:not([style*="display: none"]) { display: none !important; }
#panel.card-lean .pill-row { display: none !important; }
#panel #panelConstrField > .label { font-size: 11px; font-weight: 600; color: var(--muted); margin: 8px 0 2px; }
#peekDevBtn, #peekFixWrap, #panelExportBtn { display: none !important; }  
:is(#panel, #fdMain) .fc-who { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; gap: 4px 10px; align-items: baseline; margin: 6px 0 4px; }
:is(#panel, #fdMain) .fc-who .fc-row { display: contents; }
:is(#panel, #fdMain) .fc-who .fc-k { font-size: 11.5px; color: var(--muted); white-space: nowrap; }
:is(#panel, #fdMain) .fc-who .fc-v { font-size: 12.5px; font-weight: 600; color: var(--ink); min-width: 0; overflow-wrap: break-word; }
:is(#panel, #fdMain) .fc-who .fc-s { display: inline-flex; align-items: center; gap: 4px; justify-self: end; white-space: nowrap; }
:is(#panel, #fdMain) .fc-prog { margin: 10px 0 4px; }
:is(#panel, #fdMain) .fc-prog .intel-title { margin-bottom: 6px; }
:is(#panel, #fdMain) .fc-lvs { display: grid; grid-template-columns: 10px max-content minmax(0, 1fr); gap: 3px 10px; align-items: center; }  
:is(#panel, #fdMain) .fc-lv { display: contents; }
:is(#panel, #fdMain) .fc-lv .lvl-swatch { width: 10px; height: 10px; border-radius: 2px; }
:is(#panel, #fdMain) .fc-lvl { font-size: 12px; font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
:is(#panel, #fdMain) .fc-use { font-size: 12px; color: var(--ink); }
:is(#panel, #fdMain) .fc-use.fc-none { color: var(--muted); }
:is(#panel, #fdMain) .fc-btns { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
:is(#panel, #fdMain) .fc-btns .ds-btn { flex: 1 1 90px; min-height: 32px; }
:is(#panel, #fdMain) .fc-btns .fc-plan[hidden] { display: none !important; }
 
#dossierModal.fd-on .dsec, #dossierModal.fd-on #dossierLead, #dossierModal.fd-on .dv-grid, #dossierModal.fd-on #railAbsent { display: none !important; }
#dossierModal:not(.fd-on) .fd-main .fd-sec { display: none; }
.fd-main { display: flex; flex-direction: column; gap: 22px; margin: 14px 0 24px; --fd-cols: minmax(150px, 220px) minmax(0, 1fr) max-content; }
.fd-sec { border-top: 1px solid var(--line); padding-top: 14px; scroll-margin-top: 12px; }
.fd-h { font: 600 15px/1.3 var(--font-display, var(--font)); color: var(--ink); margin: 0 0 10px; letter-spacing: .005em; }
.fd-rows { display: grid; grid-template-columns: var(--fd-cols); column-gap: 18px; row-gap: 10px; align-items: baseline; }
.fd-row { display: contents; }
.fd-k { font-size: 12.5px; color: var(--muted); line-height: 1.45; }
.fd-v { font-size: 13px; color: var(--ink); line-height: 1.5; min-width: 0; overflow-wrap: anywhere; white-space: normal; }
.fd-lead { font-weight: 650; margin-bottom: 2px; }
.fd-lead + .fd-full { color: var(--muted); font-size: 12.5px; }
.fd-s { display: inline-flex; align-items: center; gap: 4px; justify-self: end; white-space: nowrap; }
.fd-rows > :is(.fd-tl, .fd-gt, .vstack-section, .fd-fcprog, .fd-gt-map, .fd-subh, .fd-block, .fd-more, .fd-more-btn, .fd-src-btn, .fd-src-list) { grid-column: 1 / -1; }
.fd-subh, .fd-main .fd-block .dd-sec-head, .fd-main .fd-block .intel-title, .fd-main .fd-block .dsec-subhead, .fd-srcg-h { font: 650 11px/1.4 var(--font); text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin: 6px 0 0; padding: 0; background: none; border: 0; }
.fd-tl { margin-bottom: 4px; }
 
.fd-main .fd-block { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.fd-main .fd-block :is(.dd-sec, .dd-rows, .intel-section, .dsec-flat, .dsec-sub, .dsec-subbody) { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; display: flex; flex-direction: column; gap: 10px; }
.fd-main .fd-block .dd-row, .fd-main .fd-block.dd-row { display: grid; grid-template-columns: var(--fd-cols); grid-template-areas: "k v s"; column-gap: 18px; align-items: baseline; padding: 0; border: 0; background: none; }
.fd-main .fd-block .dd-row:hover { background: none; }
.fd-main .fd-block .dd-k { grid-area: k; font-size: 12.5px; color: var(--muted); line-height: 1.45; }
.fd-main .fd-block .dd-v { grid-area: v; font-size: 13px; font-weight: 400; color: var(--ink); line-height: 1.5; min-width: 0; overflow-wrap: anywhere; }
.fd-main .fd-block .dd-s { grid-area: s; justify-self: end; flex-wrap: nowrap; gap: 4px; }
.fd-main .fd-block .field { display: grid; grid-template-columns: var(--fd-cols); column-gap: 18px; align-items: baseline; }
.fd-main .fd-block .field > .label { font-size: 12.5px; color: var(--muted); text-transform: none; letter-spacing: 0; font-weight: 400; }
.fd-main .fd-block .field > .value { font-size: 13px; grid-column: 2 / -1; }
.fd-main .fd-block :is(.dd-sec-head, .dd-sec-title) { padding: 0 !important; margin: 6px 0 0 !important; }
.fd-main .fd-block .dd-v .st-chip { display: none; }
.fd-main :is(.dd-sec-count, .cs-note, .ys-note, .dev-regime-caveats, .rera-note, .gl-note, .lt-note, .dd-note, .rm-label, .dsec-empty) { display: none !important; }
.fd-main .fd-block .comp-row { display: grid; grid-template-columns: var(--fd-cols); column-gap: 18px; align-items: baseline; padding: 0; border: 0; }
.fd-main .fd-block .comp-rt { font-size: 12.5px; color: var(--muted); } .fd-main .fd-block .comp-rv { font-size: 13px; color: var(--ink); text-align: left; } .fd-main .fd-block .comp-rs { justify-self: end; display: inline-flex; gap: 4px; align-items: center; }
 
.fd-hero { display: flex; flex-wrap: wrap; gap: 6px 8px; margin: 2px 0 -6px; }
.fd-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 3px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--panel); font-size: 12.5px; line-height: 1.3; color: var(--ink); white-space: nowrap; }
.fd-rows > .fd-slot-lt { grid-column: 1 / -1; min-width: 0; }
.fd-lt-h { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin: 0 0 8px; }
.fd-lt-wrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--line); border-radius: 8px; }
.fd-lt-t { width: 100%; border-collapse: collapse; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.fd-lt-t th { position: sticky; top: 0; background: var(--panel); text-align: left; font-weight: 600; color: var(--muted); padding: 8px 10px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.fd-lt-t td { padding: 7px 10px; border-bottom: 1px solid var(--line); color: var(--ink); vertical-align: top; white-space: nowrap; }
.fd-lt-t td:first-child { white-space: normal; min-width: 160px; }
.fd-lt-t tr:last-child td { border-bottom: 0; }
.fd-lt-b { color: var(--muted); font-size: 11px; }
.fd-lt-sort { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; }
.fd-ask { border-top: 1px solid var(--line); padding-top: 16px; }
.fd-ask .dd-ask { margin: 0; }
.fd-gt .gt-row, .fd-gt .gt-status { font-size: 13px; line-height: 1.5; }
.fd-gt-map { justify-self: start; min-height: 32px; margin-top: 6px; }
.fd-more { display: flex; flex-direction: column; gap: 10px; }
.fd-more[hidden], .fd-src-list[hidden] { display: none; }
.fd-more-btn, .fd-src-btn { justify-self: start; min-height: 32px; padding: 0 2px; border: 0; background: none; font: 600 12.5px/1.4 var(--font); color: var(--ink); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.fd-src-btn::after { content: " ▾"; } .fd-src-btn[aria-expanded="true"]::after { content: " ▴"; }
.fd-src-list { display: flex; flex-direction: column; gap: 10px; }
.fd-srcg { display: flex; flex-direction: column; gap: 3px; }
.fd-src-n { font-size: 13px; color: var(--ink); }
@media (max-width: 760px) {
.fd-main { --fd-cols: minmax(0, 1fr) max-content; }
.fd-k { grid-column: 1 / -1; margin-bottom: -6px; }
.fd-main .fd-block .dd-row { grid-template-areas: "k k" "v s"; row-gap: 2px; }
.fd-main .fd-block .field { grid-template-columns: minmax(0, 1fr); }
.fd-main .fd-block .field > .value { grid-column: 1; }
 
#dossierModal.fd-on .ws-shell-nav { max-height: 30vh; overflow-y: auto; padding: 0 0 6px; display: flex; flex-direction: column; }
#dossierModal.fd-on .ws-shell-nav > * { flex: none; }
#dossierModal.fd-on .ws-shell-close { z-index: 6; }
#dossierModal.fd-on .ws-shell-nav > .rail-nav { order: -1; position: sticky; top: 0; z-index: 3; background: var(--panel, #fff); padding-top: 8px; padding-bottom: 6px; }
#dossierModal.fd-on :is(#railLocale, #railCounts) { display: none; }
#dossierModal.fd-on .ws-shell-nav > .rail-media { display: none; }  
#dossierModal.fd-on .rail-nav { flex-direction: row; flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding: 0 56px 0 12px; scrollbar-width: none; }
#dossierModal.fd-on .rail-nav .rail-nav-i { flex: 0 0 auto; width: auto; white-space: nowrap; min-height: 32px; padding: 6px 10px; }
}
 
:is(#panel, #fdMain) .fc-lvs > .fc-floor { display: contents; cursor: pointer; font: inherit; }
:is(#panel, #fdMain) .fc-lvs > .fc-floor > * { padding: 2px 0; }
:is(#panel, #fdMain) .fc-lvs > .fc-floor:hover > .fc-lvl, :is(#panel, #fdMain) .fc-lvs > .fc-floor.active > .fc-lvl { color: var(--ink); text-decoration: underline; }
:is(#panel, #fdMain) .fc-occs { display: block; font-size: 11.5px; color: var(--ink); }
:is(#panel, #fdMain) .fc-occ { display: inline-flex; align-items: center; gap: 3px; margin-right: 8px; }
:is(#panel, #fdMain) .fc-detail { margin-top: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }
:is(#panel, #fdMain) .fc-detail[hidden] { display: none; }
:is(#panel, #fdMain) .fc-d-head { margin-bottom: 6px; }
:is(#panel, #fdMain) .fc-d-row { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; font-size: 12px; margin: 2px 0; }


:is(#panel, #fdMain) .fc-prog { margin: 8px 0 2px; }
:is(#panel, #fdMain) .fc-prog .intel-title { margin-bottom: 4px; }
:is(#panel, #fdMain) .fc-prog-grid { display: grid; grid-template-columns: minmax(0, 1fr) 178px; gap: 10px; align-items: start; }
:is(#panel, #fdMain) .fc-lvs { grid-template-columns: 8px max-content minmax(0, 1fr); gap: 0 8px; }
:is(#panel, #fdMain) .fc-lv .lvl-swatch { width: 8px; height: 8px; }
:is(#panel, #fdMain) .fc-lvl, :is(#panel, #fdMain) .fc-use { font-size: 11.5px; line-height: 18px; }
:is(#panel, #fdMain) .fc-lvs > .fc-floor > * { padding: 0; text-align: left; justify-self: start; }
:is(#panel, #fdMain) .fc-prog-r { position: sticky; top: 6px; min-width: 0; }
:is(#panel, #fdMain) .fc-prog-r .fc-btns { flex-direction: column; gap: 5px; margin-top: 22px; }
:is(#panel, #fdMain) .fc-prog-r .fc-btns[hidden] { display: none; }
:is(#panel, #fdMain) .fc-prog-r .fc-btns .ds-btn { flex: 0 0 auto; width: 100%; min-height: 28px; padding: 4px 6px; font-size: 11.5px; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail { margin-top: 22px; padding: 8px; font-size: 11.5px; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-d-head { margin-bottom: 4px; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-d-row { grid-template-columns: minmax(0, 1fr); gap: 0; margin: 4px 0; font-size: 11.5px; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-k { color: var(--muted); }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-d-src { display: block; color: var(--muted); font-size: 10.5px; line-height: 14px; margin: 1px 0 3px; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-occ { display: flex; align-items: center; gap: 4px; margin: 3px 0; line-height: 15px; overflow-wrap: anywhere; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-occ .st-dot { flex: 0 0 auto; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .lvl-plan img { max-width: 100%; height: auto; }
:is(#panel, #fdMain) .fc-prog-r .fc-back { margin-bottom: 4px; }
:is(#panel, #fdMain) .fc-lvs > .fc-floor > .lvl-swatch { align-self: center; }


:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-d-head { margin: 2px 0 6px; font-size: 12px; line-height: 17px; color: var(--ink); }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-occ-list { list-style: none; margin: 0 0 6px; padding: 0; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-occ-list .fc-occ { display: block; margin: 0; padding: 3px 0; font-size: 12px; font-weight: 500; line-height: 18px; color: var(--ink); overflow-wrap: anywhere; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail .fc-occ-list .fc-occ + .fc-occ { border-top: 1px solid var(--line); }
:is(#panel, #fdMain) .fc-detail .fc-tipdot { position: relative; display: inline-block; vertical-align: middle; margin-left: 3px; width: 7px; height: 7px; cursor: pointer; }
:is(#panel, #fdMain) .fc-detail .fc-tipdot::before { content: ""; position: absolute; inset: -9px; }
:is(#panel, #fdMain) .fc-detail .fc-tipdot:hover::after, :is(#panel, #fdMain) .fc-detail .fc-tipdot:focus-visible::after, :is(#panel, #fdMain) .fc-detail .fc-tipdot.fc-tip-open::after {
content: attr(data-tip); position: absolute; z-index: 5; right: -4px; top: calc(100% + 6px); width: 190px; padding: 6px 8px; border-radius: 6px;
background: var(--ink); color: var(--panel); font-size: 11px; font-weight: 400; line-height: 15px; white-space: normal; }
@media (max-width: 760px) {
:is(#panel, #fdMain) .fc-prog-grid { grid-template-columns: minmax(0, 1fr); }
:is(#panel, #fdMain) .fc-prog-r { position: static; }
:is(#panel, #fdMain) .fc-prog-r .fc-btns { flex-direction: row; margin-top: 6px; }
:is(#panel, #fdMain) .fc-prog-r .fc-btns .ds-btn { flex: 1 1 90px; width: auto; }
:is(#panel, #fdMain) .fc-prog-r .fc-detail { margin-top: 8px; }
}


#dossierModal .st-off, #panel .st-off, #mv2 .st-off { display: none !important; }
#dossierModal .st-dot.st-tick, #panel .st-dot.st-tick, #mv2 .st-dot.st-tick, #dossierModal .st-chip.st-tick, #panel .st-chip.st-tick, #mv2 .st-chip.st-tick { display: inline-block; width: auto; min-width: 0; height: auto; padding: 0; margin: 0 0 0 4px; border: 0; border-radius: 0; background: none !important; box-shadow: none !important; color: #1a7f4b; font: 700 11px/1 system-ui, -apple-system, "Segoe UI", sans-serif; vertical-align: baseline; cursor: help; }
#dossierModal .st-tick::before, #panel .st-tick::before, #mv2 .st-tick::before, #dossierModal .st-tick::after, #panel .st-tick::after, #mv2 .st-tick::after { content: none !important; }
 
#dossierModal .st-dot.st-conflict, #panel .st-dot.st-conflict, #mv2 .st-dot.st-conflict { display: inline-block; width: auto; min-width: 0; height: auto; padding: 1px 6px; margin: 0 0 0 6px; border: 1px solid #fde68a; border-radius: 9px; background: #fffbeb !important; box-shadow: none !important; color: #92400e; font: 600 10.5px/14px system-ui, -apple-system, "Segoe UI", sans-serif; vertical-align: baseline; white-space: nowrap; cursor: help; }
#dossierModal .st-conflict::before, #panel .st-conflict::before, #mv2 .st-conflict::before, #dossierModal .st-conflict::after, #panel .st-conflict::after, #mv2 .st-conflict::after { content: none !important; }
#dossierModal .st-tipv, #panel .st-tipv { cursor: help; }
#dossierModal .st-tipv.st-tip-open, #dossierModal .st-tick.st-tip-open, #panel .st-tipv.st-tip-open, #panel .st-tick.st-tip-open { position: relative; }
#dossierModal .st-tipv.st-tip-open::after, #dossierModal .st-tick.st-tip-open::after, #panel .st-tipv.st-tip-open::after, #panel .st-tick.st-tip-open::after { content: attr(data-st-tip) !important; position: absolute; z-index: 30; left: 0; top: calc(100% + 4px); width: max-content; max-width: 240px; padding: 6px 8px; border-radius: 6px; background: var(--ink); color: var(--panel); font: 400 11px/15px system-ui, -apple-system, "Segoe UI", sans-serif; white-space: normal; text-transform: none; letter-spacing: 0; }
.st-key { font-size: 11.5px; line-height: 1.4; color: var(--muted); margin: 2px 0 6px; }
.st-key::first-letter { color: #1a7f4b; font-weight: 700; }
#panel .st-key { margin: 0 0 6px; font-size: 11px; }
#dossierModal [data-dateline], #dossierModal .dateline { display: none !important; }  


.fd-main .fd-hero { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; margin: 2px 0 0; }
.fd-tile { aspect-ratio: 1 / 0.92; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: var(--panel, #fff); box-shadow: none; min-width: 0; cursor: default; box-sizing: border-box; }
.fd-tile-l { font: 600 11px/1.3 var(--font); text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.fd-tile-v1 { font: 600 22px/1.2 var(--font-display, var(--font)); font-variant-numeric: tabular-nums; color: var(--ink); letter-spacing: -0.01em; overflow-wrap: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.fd-tile-v1.fd-fit-s { font-size: 18px; }
.fd-tile-v1.fd-fit-xs { font-size: 16px; }
.fd-tile-v1 .fd-nb { white-space: nowrap; }
.fd-main .fd-hero > .fd-tile { align-self: stretch; }
.fd-tile-v1 .fd-tick { font-size: .8em; margin-left: .25em; vertical-align: baseline; }
.fd-tile-sub { font: 400 12px/1.35 var(--font); color: var(--muted); }
@media (max-width: 1180px) { .fd-main .fd-hero { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) {
.fd-main .fd-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.fd-tile { padding: 16px; }
}
 
#fdMain .fc-prog-grid { grid-template-columns: minmax(0, 1fr) 260px; gap: 18px; }
#fdMain .fc-prog { max-width: 640px; }


#fdMain .fd-prog { max-width: none; }
#fdMain .fd-prog .fc-prog-grid { display: flex; align-items: flex-start; gap: 24px; }
#fdMain .fd-prog .fc-prog-l { flex: 1 1 auto; min-width: 0; }
#fdMain .fd-prog .fd-rcol { flex: 0 0 300px; width: 300px; position: sticky; top: 16px; display: flex; flex-direction: column; gap: 12px; }
#fdMain .fd-rcard { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; background: var(--panel, #fff); margin: 0; font-size: 12.5px; }
#fdMain .fd-rcard[hidden] { display: none !important; }
#fdMain .fd-prog .fd-rcol .fc-detail { margin-top: 0; padding: 14px 16px; }
#fdMain .fd-rc-h { display: flex; align-items: baseline; justify-content: space-between; font: 650 12.5px/1.35 var(--font); color: var(--ink); margin: 0 0 10px; }
#fdMain .fd-rc-n { font: 500 11.5px/1 var(--font); color: var(--muted); font-variant-numeric: tabular-nums; }
#fdMain .fd-rc-thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#fdMain .fd-thumb { display: flex; flex-direction: column; gap: 4px; padding: 0; border: 0; background: none; cursor: pointer; text-align: left; min-width: 0; }
#fdMain .fd-thumb img, #fdMain .fd-thumb-ph { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: #f6f7f9; }
#fdMain .fd-thumb:hover img { border-color: var(--ink); }
#fdMain .fd-thumb-c { font-size: 11px; line-height: 1.3; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fdMain .fd-rc-walk .ds-btn { width: 100%; min-height: 32px; }
#fdMain .fd-stack { display: flex; flex-direction: column; gap: 1px; max-height: 260px; overflow-y: auto; }
#fdMain .fd-sbar { display: block; width: 100%; height: 5px; min-height: 0; padding: 0; border: 0; border-radius: 1px; cursor: pointer; opacity: .85; }
#fdMain .fd-sbar:hover, #fdMain .fd-sbar.active { opacity: 1; outline: 2px solid var(--ink); outline-offset: 0; }
#fdMain .fd-linkbtn { margin-top: 8px; padding: 0; border: 0; background: none; font: 600 11.5px/1.3 var(--font); color: var(--ink); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
@media (max-width: 900px) {
#fdMain .fd-prog .fc-prog-grid { flex-direction: column; }
#fdMain .fd-prog .fd-rcol { position: static; flex: 0 0 auto; width: 100%; }
}


#peekFoot:has(#peekBroker .peek-row1 > button:only-child) { flex-wrap: nowrap; }
#peekFoot #peekBroker:has(.peek-row1 > button:only-child) { order: 3; flex: 0 1 auto; }
#peekFoot #peekBroker:has(.peek-row1 > button:only-child) .peek-row1 > button { white-space: nowrap; padding-left: 12px; padding-right: 12px; }
#peekFoot:has(#peekBroker .peek-row1 > button:only-child) .dossier-open-btn { flex: 1 1 auto; white-space: nowrap; min-width: 0; }
@media (min-width: 761px) { #panel .fc-prog-grid { grid-template-columns: minmax(0, 1fr) 212px; } }
:is(#panel, #fdMain) .fc-use.fc-ten { color: var(--muted); }
@media (max-width: 760px) { #fdMain .fc-prog-grid { grid-template-columns: minmax(0, 1fr); } }


#peekFoot :is(.peek-dev, .peek-pipeline, .peek-conn, .sl-add, .ds-btn, #peekBroker button):not(.peek-fixwrap *) {
min-height: 34px; height: auto; padding: 6px 10px; font: 700 12px/1.3 var(--font); color: var(--ink) !important; background: #f1f3f6 !important;
border: 1px solid var(--line) !important; border-radius: 8px; text-decoration: none; box-shadow: none; cursor: pointer; }
#peekFoot :is(.peek-dev, .peek-pipeline, .peek-conn, .sl-add, .ds-btn, #peekBroker button):not(.peek-fixwrap *):hover { background: #e6e8ec !important; }
 
.fd-rows > .fd-slot-lc { grid-column: 1 / -1; min-width: 0; }
.fd-lc { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 16px 22px; margin-top: 4px; }
.fd-lc-c { min-width: 0; border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px 10px; }
.fd-lc-h { font: 650 12.5px/1.35 var(--font); color: var(--ink); margin: 0 0 6px; }
.fd-lc-n { font-size: 11px; line-height: 1.4; color: var(--muted); margin-top: 4px; }
.fd-lc .ch-svg { max-width: none; }
@media (max-width: 760px) { .fd-lc { grid-template-columns: minmax(0, 1fr); } }


#peekFoot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; align-items: stretch; }
#peekFoot > * { grid-column: 1 / -1; min-width: 0; order: 2; }
#peekFoot > #openDossierBtn, #peekFoot > #peekCompareBtn { grid-column: auto; order: 0; white-space: normal; min-width: 0; }
#peekFoot:not(:has(> #peekCompareBtn:not([style*="display: none"]))) > #openDossierBtn { grid-column: 1 / -1; }
#peekFoot > .peek-fixwrap { order: 5; }
#peekFoot > :not(#openDossierBtn):not(#peekCompareBtn) :is(button, .ds-btn) { white-space: normal; }
#peekFoot > button:not(#openDossierBtn):not(#peekCompareBtn), #peekFoot #peekBroker, #peekFoot #peekBroker .peek-row1 > button { width: 100%; box-sizing: border-box; }


.fd-main .fd-hero { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fd-main .fd-hero > .fd-tile { aspect-ratio: auto; min-height: 112px; justify-content: flex-start; gap: 4px; padding: 14px 16px 14px; }
.fd-tile .fd-tile-ic { display: block; width: 18px; height: 18px; color: var(--muted); opacity: .85; margin: 0 0 8px; flex: none; }
.fd-main .fd-tile-l { font: 600 11px/1.3 var(--font); }
.fd-main .fd-tile-v1 { font: 600 20px/1.25 var(--font); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.fd-main .fd-tile-v1.fd-fit-s { font-size: 18px; }
.fd-main .fd-tile-v1.fd-fit-xs { font-size: 16px; }
.fd-tile-v1 .fd-u { font: 400 13px/1.3 var(--font); color: var(--muted); white-space: normal; letter-spacing: 0; }
@media (max-width: 900px) { .fd-main .fd-hero { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } }


.pf-reqs1 { display: flex; flex-direction: column; }
.pf-reqs1 .pf-req { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 2px; border-bottom: 1px solid var(--line); }
.pf-reqs1 .pf-req-line { flex: 1 1 auto; min-width: 0; font: 400 13px/1.45 var(--font); color: var(--ink); overflow-wrap: break-word; }
.pf-reqs1 .pf-req-line b { font-weight: 600; }
.pf-reqs1 .pf-req-line .bd-link { font: inherit; padding: 0; }
.pf-reqs1 .pf-req-st[data-delivered="1"] { color: #047857; }
.pf-reqs1 .pf-req-n { color: var(--muted); font-size: 12px; }
.pf-reqs1 .pf-req-undo { flex: 0 0 auto; }
.pf-empty1 { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 2px; }
.pf-empty1-l { font: 400 13.5px/1.45 var(--font); color: var(--ink); }
.ms-mini.pf-sw-card .ms-mini-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; align-items: stretch; }
.ms-mini.pf-sw-card .ms-mini-acts > .ds-btn, .ms-mini.pf-sw-card .ms-mini-acts > button { width: 100%; min-width: 0; padding: 0 8px; white-space: nowrap; }
.ms-mini.wl-card .ofb-mini-h { flex-wrap: wrap; row-gap: 4px; }
.ms-mini.wl-card .ofb-mini-h > .ofb-mini-n { flex: 1 1 140px; min-width: 0; }
.ms-mini.wl-card .ofb-mini-h > .ui-tally { max-width: 100%; }
#pfServices .pf-svc-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#pfServices .pf-svc-row .ob-svc-name { flex: 1 1 auto; min-width: 0; }
#pfServices .pf-svc-row .pf-svc-st { color: var(--muted); font-size: 12.5px; }


.dv-class .dot { display: none; }
#fdMain .fd-thumb-c { white-space: normal; overflow: visible; text-overflow: clip; }


.fd-main .fd-hero > .fd-tile { aspect-ratio: auto; min-height: 0; padding: 16px; gap: 4px; }
.fd-tile .fd-tile-ic { width: 16px; height: 16px; margin: 0 0 8px; }
.fd-main .fd-tile-l { font: 600 11px/1.3 var(--font); text-transform: uppercase; color: var(--muted); }
.fd-main .fd-tile-v1, .fd-main .fd-tile-v1.fd-fit-s, .fd-main .fd-tile-v1.fd-fit-xs { font: 400 16px/1.35 var(--font); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.fd-tile-v1 .fd-u { font: 400 13px/1.3 var(--font); color: var(--muted); }
.fd-main .fd-tile-v1 .fd-tick { font-size: 1em; font-weight: 400; margin-left: .25em; }


:is(#panel, #fdMain) .fc-btns .ds-btn, :is(#panel, #fdMain) .fc-prog-r .fc-btns .ds-btn { box-sizing: border-box; height: 32px; min-height: 32px; padding: 6px 14px; border-radius: 999px; font: 500 13px/1 var(--font); border: 1px solid rgba(201, 164, 92, .4); background: var(--panel, #fff); color: var(--ink); box-shadow: none; white-space: nowrap; }
:is(#panel, #fdMain) .fc-btns .ds-btn:hover, :is(#panel, #fdMain) .fc-btns .ds-btn[aria-pressed="true"] { border-color: rgba(201, 164, 92, .75); background: var(--panel, #fff); }


.pm-card.pm-settings { padding: 22px 24px 20px; width: 540px; }
.pm-card.pm-settings h2 { margin: 0 44px 2px 0; font: 600 18px/1.25 var(--font-serif); color: var(--ink, #101828); letter-spacing: 0; }
.pm-card.pm-settings > .pm-sub { margin: 0 0 12px; font-size: 13px; color: var(--muted, #667085); }
.pm-card.pm-settings .pm-x { top: 14px; right: 14px; width: 36px; height: 36px; background: none; border: 1px solid var(--line, #e4e7ec); border-radius: 8px; font-size: 18px; color: var(--muted, #475467); }
.pm-card.pm-settings .pm-x:hover { background: #f2f4f7; color: var(--ink, #101828); }
.pm-card.pm-settings .pm-set-row, .pm-card.pm-settings .pm-set-links { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: center; column-gap: 12px; row-gap: 0; margin: 0; padding: 12px 0; border-top: 1px solid #eef0f3; }
.pm-card.pm-settings .pm-set-row + .pm-set-links, .pm-card.pm-settings .pm-set-links + .pm-set-links { border-top: 1px solid #eef0f3; }
.pm-card.pm-settings .pm-set-links { grid-template-columns: 140px repeat(auto-fit, minmax(0, max-content)); gap: 8px 8px; }
.pm-card.pm-settings .pm-set-k { grid-column: 1; min-width: 0; font: 650 11.5px/1.3 var(--font); text-transform: uppercase; letter-spacing: .06em; color: var(--muted, #6b7280); }
.pm-card.pm-settings .pm-set-links > .pm-link, .pm-card.pm-settings .pm-set-links > a.pm-link { display: inline-flex; align-items: center; box-sizing: border-box; height: 30px; min-height: 0; padding: 0 14px; border-radius: 999px; border: 1px solid var(--ds-brand); background: #fff; color: var(--ds-brand-dark); font: 600 12px/1 var(--font); text-decoration: none; white-space: nowrap; cursor: pointer; }
.pm-card.pm-settings .pm-set-links > .pm-link:hover { background: #f5f1e8; }
.pm-card.pm-settings .pm-set-row .pm-link { justify-self: start; min-height: 0; padding: 0; border: 0; background: none; font: 500 13px/1.3 var(--font); color: var(--ink, #101828); }
.pm-card.pm-settings .pm-set-row .pm-link code { font: 500 13px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c9ced6; }
.pm-card.pm-settings .pm-danger { margin-top: 4px; padding-top: 14px; border-top: 1px solid #eef0f3; }
.pm-card.pm-settings .pm-danger h3 { font: 650 11.5px/1.3 var(--font); text-transform: uppercase; letter-spacing: .06em; color: #9b1c1c; margin: 0 0 6px; }
.pm-card.pm-settings .pm-danger .pm-sub { font-size: 13px; margin: 0 0 12px; }
.pm-card.pm-settings .pm-danger .pm-f { font: 600 12px/1.3 var(--font); color: #475467; }
.pm-card.pm-settings .pm-danger input { height: 36px; border-radius: 8px; }
.pm-card.pm-settings .pm-btn.pm-btn-danger { width: auto; height: 32px; margin-top: 4px; padding: 0 16px; border-radius: 999px; background: #fff; color: #9b1c1c; border: 1px solid #f1d4d4; font: 600 12.5px/1 var(--font); }
.pm-card.pm-settings .pm-btn.pm-btn-danger:not(:disabled):hover { background: #fdecec; border-color: #9b1c1c; }
.pm-card.pm-settings .pm-btn.pm-btn-danger:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 760px) {
.pm-card.pm-settings { padding: 18px 16px 16px; }
.pm-card.pm-settings .pm-set-row, .pm-card.pm-settings .pm-set-links { grid-template-columns: 1fr; row-gap: 8px; }
.pm-card.pm-settings .pm-set-links { display: flex; flex-wrap: wrap; gap: 8px; }
.pm-card.pm-settings .pm-set-k { flex: 0 0 100%; }
.pm-card.pm-settings .pm-set-links > .pm-link, .pm-card.pm-settings .pm-set-links > a.pm-link, .pm-card.pm-settings .pm-btn.pm-btn-danger, .pm-card.pm-settings .pm-x { min-height: 44px; }
.pm-card.pm-settings .pm-x { min-width: 44px; }
}
 
.map-gl-fail { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 16px; background: var(--bg); color: var(--ink); font-size: 15px; text-align: center; z-index: 1; }
.map-gl-fail p { margin: 0; max-width: 420px; line-height: 1.45; }
.map-gl-fail-btn { font: inherit; font-size: 14px; padding: 8px 18px; border-radius: 999px; border: 1px solid currentColor; background: var(--panel); color: inherit; cursor: pointer; min-height: 44px; }
 


.peek-lc-acts { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 0 2px; font-size: 12.5px; }
.peek-lc-acts .bd-link { padding: 2px 0; font-size: inherit; }
.peek-lc-acts .lc-admin { font-weight: 600; }
.lc-dlg { position: fixed; inset: 0; z-index: 4100; background: rgba(16,24,40,0.55); display: flex; align-items: center; justify-content: center; padding: 16px; }
.lc-card { background: #fff; border-radius: 12px; width: min(560px, 100%); max-height: calc(100dvh - 32px); overflow: auto; box-shadow: 0 20px 48px rgba(16,24,40,0.28); }
.lc-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px 6px; }
.lc-head h2 { margin: 0; font-size: 17px; }
.lc-head .lc-x { position: static; }
.lc-body { padding: 4px 18px 18px; }
.lc-why { margin: 0 0 12px; font-size: 13px; color: #475467; }
.lc-subject { margin: 0 0 10px; font-size: 13.5px; }
.lc-f { display: flex; flex-direction: column; gap: 4px; margin: 0 0 10px; font-size: 12.5px; font-weight: 600; color: #344054; }
.lc-f input, .lc-f textarea { font: inherit; font-weight: 400; font-size: 14px; padding: 8px 10px; border: 1px solid #e4e7ec; border-radius: 8px; }
.lc-yours { margin: -4px 0 10px; font-size: 11.5px; color: #667085; }
.lc-done { font-size: 14px; color: #1a7f4b; margin: 8px 0; }
.lc-plans .pfp-add { margin-top: 12px; }
.lc-yield-lrd { display: inline-block; margin: 2px 0 10px; font-size: 12.5px; }
 
.ms-cal, .ms-cps { margin: 10px 0 12px; padding: 10px 12px; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; }
.ms-cal-m { margin: 6px 0 2px; }
.ms-cal-mh { font-size: 11.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #667085; margin: 6px 0 2px; }
.ms-cal-row { font-size: 13px; padding: 2px 0; }
.ms-cal-row[data-k="notice"] b, .ms-rem-row[data-k="notice"] b { color: #9a5b00; }
.ms-cps-v { font-size: 14px; margin: 4px 0 2px; }
.ms-lg { margin: 14px 0 6px; }
.ms-lg-t { width: 100%; border-collapse: collapse; font-size: 13px; margin: 6px 0; }
.ms-lg-t th, .ms-lg-t td { text-align: left; padding: 5px 6px; border-bottom: 1px solid #eef0f3; white-space: nowrap; }
.ms-lg-t th { font-size: 11.5px; color: #667085; font-weight: 600; }
.ms-lg-t tr[data-status="paid"] .lg-toggle { color: #1a7f4b; }
.ms-lg-t tr[data-status="due"] .lg-toggle { color: #9a5b00; }
.ms-lg-sum { font-size: 13px; margin: 4px 0 10px; }
.ms-lg-add .pl-grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.lg-pre { margin: 4px 0 6px; }
@media (max-width: 760px) { .ms-lg { overflow-x: auto; } }


.so-line { display: none; }
body.signed-out .so-line { display: block; position: fixed; top: 64px; left: 50%; transform: translateX(-50%); z-index: 5; margin: 0; max-width: calc(100vw - 32px); padding: 6px 12px; border-radius: 999px; background: var(--panel); color: var(--ink); font-size: 13px; line-height: 1.35; box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12); pointer-events: none; text-align: center; }
@media (max-width: 760px) { body.signed-out .so-line { left: 16px; right: 16px; transform: none; border-radius: 10px; font-size: 12.5px; } }
body.signed-out.peek-open .so-line, body.signed-out.inspector-shown .so-line { display: none; }
 
.pm-consent-note { margin: 2px 0 10px; }
.pm-set-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.pm-set-contact[hidden] { display: none; }
.pm-switch { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; }
.pm-switch input { width: 18px; height: 18px; margin: 0; }
 
.calc-disclaimer { margin: 10px 0 0; font-size: 11.5px; line-height: 1.45; color: var(--muted); }
 
body.nogl-on { background: var(--panel); overflow: auto; }
.nogl { max-width: 640px; margin: 0 auto; padding: 12vh 16px 48px; color: var(--ink); font-size: 15px; line-height: 1.55; }
.nogl h1 { font-size: 24px; margin: 10px 0 12px; }
.nogl h2 { font-size: 17px; margin: 28px 0 8px; }
.nogl-mark { font-size: 18px; }
.nogl-mark span { color: var(--d-brand); }
.nogl-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border-radius: 8px; background: var(--d-primary); color: var(--panel); text-decoration: none; font-weight: 600; }
.nogl-list ul { padding-left: 18px; }
.nogl-q, .nogl-wait, .nogl-foot { color: var(--muted); font-size: 13px; }
.nogl-foot a { color: inherit; }


@media (pointer: coarse) {
.holds-door, .mv2-x { position: relative; }
.lg-fold::before, .holds-door::before, .mv2-x::before, .pclose::before {
content: ""; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); }
.brand, .bd-link, .bd-tab, .svc-open, .rail-nav-i, .lg-row, .insp-tab, .ltitle, .mv2-linkbtn, .subject-crumb { min-height: 44px; }
.map-legend .lg-assets .lg-row { min-height: 44px; }  
.insp-tabs.insp-tabs-bar { height: 44px; }
.insp-close { min-height: 44px; min-width: 44px; }  
.lg-expander { min-height: 44px; }  
.brand, .bd-link, .mv2-linkbtn { display: inline-flex; align-items: center; }
#mv2City { min-height: 44px; -webkit-appearance: menulist-button; appearance: menulist-button; }  
.ds-btn, .dv-compare { min-height: 44px; }  
}


.pl-dd { position: relative; }
.pl-pill { font-weight: 600; white-space: nowrap; border: 1px solid #c9a45c; background: #f5f1e8; color: #6b4e12; border-radius: 999px; padding: 6px 12px; }
.pl-pill:hover { background: #f0e4c4; }
.pl-menu { right: 0; left: auto; min-width: 200px; }
.pl-menu .dd-item { display: block; width: 100%; text-align: left; padding: 10px 12px; font-size: 13px; text-decoration: none; color: inherit; background: none; border: 0; font-family: inherit; }
.pl-menu .dd-item:hover { background: #f5f1e8; }
.pl-sheet { position: fixed; inset: 0; z-index: 4000; background: rgba(15, 23, 42, .45); display: flex; align-items: flex-start; justify-content: center; padding: 64px 16px 16px; overflow-y: auto; }
.pl-card { background: var(--panel, #fff); color: var(--ink, #0f172a); border-radius: 14px; width: 100%; max-width: 560px; padding: 18px 20px 20px; box-shadow: 0 24px 60px rgba(15, 23, 42, .25); }
.pl-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pl-head h2 { margin: 0; font-size: 18px; }
.pl-x { min-width: 44px; min-height: 44px; border: 0; background: none; font-size: 18px; cursor: pointer; border-radius: 8px; }
.pl-x:hover { background: #f2f4f7; }
.pl-sec { margin-top: 14px; }
.pl-sec h3 { margin: 0 0 4px; font-size: 13.5px; }
.pl-hint { margin: 0 0 8px; font-size: 12px; color: #667085; }
.pl-empty { font-size: 13px; color: #475467; padding: 6px 0; }
.pl-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 0; border-top: 1px solid var(--line, #e4e7ec); }
.pl-row-t { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
.pl-st { font-size: 12px; color: #475467; }
.pl-note { font-size: 12px; color: #7a5f2c; }
.pl-btn { min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1px solid #0f172a; background: #0f172a; color: #fff; font: 600 13px/1 inherit; font-family: inherit; cursor: pointer; }
.pl-btn:disabled { opacity: .6; cursor: default; }
.pl-link { flex: 1 1 100%; font-size: 12px; }
.pl-link input { width: 100%; min-height: 44px; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--line, #d0d5dd); border-radius: 8px; font: 12.5px ui-monospace, monospace; }
.pl-filter { width: 100%; min-height: 44px; box-sizing: border-box; padding: 8px 12px; border: 1px solid var(--line, #d0d5dd); border-radius: 10px; font: inherit; margin-bottom: 4px; }
@media (pointer: coarse), (max-width: 760px) { .pl-pill { min-height: 44px; padding: 0 12px; } .pl-menu .dd-item { min-height: 44px; } }
@media (max-width: 760px) { .pl-pill { font-size: 12.5px; padding: 0 10px; } .pl-sheet { padding: 0; align-items: stretch; } .pl-card { border-radius: 0; max-width: none; min-height: 100%; padding: 14px 16px 24px; } }


@media (max-width: 420px) {
.pl-pill { font-size: 0; width: 44px; min-width: 44px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
.pl-pill::before { content: none !important; }
.pl-pill::after { content: "+"; font-size: 22px; line-height: 1; font-weight: 600; }
}
 
@media (max-width: 380px) { body .auth-end, body.look-quiet .auth-end { gap: 4px; padding-left: 4px; } body .topbar { gap: 3px; } }


.sb-block { margin: 12px 0 0; padding: 12px 14px; border: 1px solid #e4e7ec; border-radius: 10px; background: #fff; font-size: 13px; color: #101828; overflow-wrap: anywhere; }
.sb-h { font: 600 11px/1.3 var(--font); text-transform: uppercase; letter-spacing: .05em; color: #667085; margin-bottom: 4px; }
.sb-name { font-size: 15px; font-weight: 600; }
 
.sb-who { display: flex; align-items: center; gap: 10px; margin: 2px 0 4px; }
.sb-who-t { min-width: 0; }
.sb-ph { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #e4e7ec; display: inline-flex; align-items: center; justify-content: center; }
.sb-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sb-ini { font: 600 15px/1 var(--font); color: #101828; letter-spacing: .02em; }
 
.pm-rera { gap: 8px; }
.pm-rera[hidden] { display: none; }
.pm-rera > .pm-f { margin: 0; }
.pm-rera select { min-height: 40px; }
.pm-photo-row { display: flex; align-items: center; gap: 12px; }
.pm-photo-pv { width: 56px; height: 56px; border-radius: 50%; overflow: hidden; background: #e4e7ec; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.pm-photo-pv img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pm-photo-ini { font: 600 17px/1 var(--font); color: #101828; }
.pm-photo-acts { display: inline-flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.pm-photo-pick { cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; }
.sb-sub { color: #344054; margin: 2px 0 4px; }
.sb-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 44px; border-top: 1px solid #f2f4f7; }
.sb-k { color: #667085; flex: none; }
.sb-v { text-align: right; color: #101828; min-width: 0; }
a.sb-v { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; }
.sb-q { color: #667085; font-size: 12px; }
.sb-float { position: fixed; top: 68px; right: 16px; z-index: 60; width: min(340px, calc(100vw - 32px)); background: #fff; border: 1px solid #e4e7ec; border-radius: 14px; box-shadow: 0 10px 30px rgba(16,24,40,.12); padding: 8px 8px 8px; }
.sb-float .sb-block { margin: 0; border: 0; padding: 8px 10px; }
.sb-x { position: absolute; top: 8px; right: 8px; width: 44px; height: 44px; border: 0; background: #f2f4f7; border-radius: 50%; font-size: 18px; cursor: pointer; }
.sb-float .sb-h { margin-right: 48px; }
@media (max-width: 760px) { .sb-float { top: auto; bottom: 12px; left: 16px; right: 16px; width: auto; max-height: 50vh; overflow: auto; } }
 
.signed-out-peek-foot .so-signup { white-space: normal; min-height: 44px; }
 
#panel.signed-out .so-sub { font-size: 13px; color: #344054; margin: 0 0 10px; }


.pf-card-ask, .pf-svc-strip, .pf-svc-h, #pfServices, .ms-act, .ms-strip { display: none !important; }
 
.sv-alert { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; color: #344054; cursor: pointer; }
.sv-alert input { width: 18px; height: 18px; margin: 0; flex: 0 0 auto; }
 
.inc-view { display: flex; flex-direction: column; gap: 14px; min-width: 0; max-width: 100%; }
.inc-sum { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.inc-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.inc-card { padding: 12px 14px; }
.inc-card-h { margin-bottom: 6px; }
.inc-acts, .inc-edit-acts { display: flex; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.inc-edit { margin-top: 8px; }
.inc-err { color: #b42318; font-size: 12.5px; }
.inc-cal-wrap { overflow-x: auto; width: 100%; min-width: 0; max-width: 100%; contain: inline-size; border: 1px solid #e4e7ec; border-radius: 10px; }
.inc-cal { border-collapse: collapse; font-size: 12.5px; min-width: 100%; }
.inc-cal th, .inc-cal td { padding: 6px 8px; border-bottom: 1px solid #e4e7ec; text-align: right; white-space: nowrap; vertical-align: top; }
.inc-cal th[scope="row"] { text-align: left; position: sticky; left: 0; background: #fff; max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.inc-cal thead th { color: #667085; font-weight: 600; }
.inc-cal .inc-now { color: #101828; }
.inc-c .inc-amt { display: block; font-variant-numeric: tabular-nums; }
.inc-c .inc-ev { display: block; color: #667085; font-size: 11.5px; }
.inc-st { display: block; margin-top: 2px; font: inherit; font-size: 11.5px; background: none; border: 0; padding: 0; color: #667085; cursor: default; text-align: right; }
button.inc-st { cursor: pointer; text-decoration: underline; text-underline-offset: 2px; min-height: 24px; }
.inc-c[data-st="received"] .inc-st { color: #067647; }
.inc-c[data-st="due"] .inc-st { color: #b42318; }
.inc-tot th, .inc-tot td { font-weight: 600; border-bottom: 0; }
@media (max-width: 760px) { .inc-sum { grid-template-columns: 1fr; } }
 
.lf-panel { position: fixed; top: 56px; right: 0; bottom: 0; width: min(680px, 100vw); z-index: 1100; background: #fff; box-shadow: -10px 0 30px rgba(16, 24, 40, .18); display: flex; flex-direction: column; }
.lf-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 18px; border-bottom: 1px solid #e4e7ec; }
.lf-head h2 { margin: 0; font: 600 17px/1.3 var(--font-serif, Georgia, serif); }
.lf-x { min-width: 44px; min-height: 44px; border: 0; background: none; font-size: 18px; cursor: pointer; color: #344054; }
.lf-sent { margin: 10px 18px 0; padding: 10px 12px; border-radius: 10px; background: #ecfdf3; color: #067647; font-size: 13px; }
.lf-sent[hidden] { display: none; }
.lf-frame { flex: 1 1 auto; width: 100%; border: 0; }
@media (max-width: 760px) { .lf-panel { top: 0; left: 0; right: 0; width: auto; box-shadow: none; } }


.lf3-inc .lf3-inc-up { display: none; margin-left: 2px; color: var(--d-brand); font-size: 11px; }
.lf3-inc .ws-income-tip { display: flex; flex-direction: column; gap: 2px; white-space: nowrap; }
.lf3-inc .ws-income-tip[hidden] { display: none; }
.lf3-inc .lf3-tip-2 { color: var(--d-muted); }
@media (max-width: 760px) { .lf3-inc .ws-income-btn .ws-income-k { display: none; } }
@media (max-width: 430px) { .ws-income.lf3-inc { margin-right: 2px; } .lf3-inc .ws-income-btn { padding: 0 2px !important; min-height: 44px; gap: 0; }
.lf3-inc .ws-income-btn .ws-income-v { font-size: 12px; } .lf3-inc .lf3-inc-up { display: inline; } .lf3-inc .ws-income-tip { right: auto; left: 0; white-space: normal; width: 220px; } }


@media (max-width: 430px) { body:has(#wsIncome) #roleHoldsBtn { display: none; } }


.pp-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin: 0 0 12px; }
.pp-fs { display: inline-flex; gap: 6px; }
.pp-f { min-height: 32px; padding: 0 12px; border: 1px solid var(--d-line); border-radius: 999px; background: var(--d-panel); color: var(--d-ink); font: 500 12.5px/1 var(--d-font); cursor: pointer; }
.pp-f[aria-pressed="true"] { border-color: var(--d-primary); background: var(--d-primary); color: #fff; }
.pp-f .pp-n { color: var(--d-muted); font-weight: 400; margin-left: 2px; }
.pp-f[aria-pressed="true"] .pp-n { color: #e7d3a7; }
.pp-legend { display: inline-flex; align-items: center; gap: 6px; color: var(--d-muted); font: 400 12px/1 var(--d-font); }
.pp-key { display: inline-block; width: 4px; height: 14px; border-radius: 2px; margin-left: 6px; }
.pp-key-owned { background: var(--pp-owned, var(--d-line)); } .pp-key-leased { background: var(--pp-leased, var(--d-line)); }
.pp-card { position: relative; border-left: 4px solid var(--d-line) !important; }
.pp-card.pp-owned { border-left-color: var(--pp-owned, var(--d-line)) !important; }
.pp-card.pp-leased { border-left-color: var(--pp-leased, var(--d-line)) !important; }
.pp-chip { display: inline-block; align-self: flex-start; margin: 0 0 4px; padding: 2px 8px; border-radius: 999px; font: 600 11px/1.4 var(--d-font); letter-spacing: .02em; color: #fff; }
.pp-chip-owned { background: var(--pp-owned, var(--d-muted)); } .pp-chip-leased { background: var(--pp-leased, var(--d-muted)); }
.pp-leased-host { margin-top: 12px; }
.pp-leased-add { margin-top: 10px; }
.pp-host[data-pp-filter="owned"] .pp-leased-host { display: none; }
.pp-host[data-pp-filter="leased"] #pfCards, .pp-host[data-pp-filter="leased"] .pp-owned-empty { display: none; }
.pp-host[data-pp-filter="all"] .pp-owned-empty { display: none; }


.lf3-inc .ws-income-btn { border: 1px solid var(--d-line) !important; border-radius: 999px; background: var(--d-panel) !important; padding: 0 12px !important; }
.lf3-inc .ws-income-btn:hover, .lf3-inc .ws-income-btn:focus-visible, .lf3-inc .ws-income-btn[aria-expanded="true"] { border-color: var(--d-brand) !important; }
@media (max-width: 430px) { .lf3-inc .ws-income-btn { padding: 0 4px !important; min-height: 36px; height: 36px; } body:has(#wsIncome) .auth-end, body.look-quiet:has(#wsIncome) .auth-end { gap: 4px; padding-left: 4px; } .ws-income.lf3-inc { margin-right: 0; } }
.lf4-inc-panel { position: fixed; z-index: 1150; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--d-line); border-radius: 12px; background: #fff; color: var(--d-ink); box-shadow: 0 12px 32px rgba(15, 23, 42, .18); font: 400 13px/1.4 var(--d-font); }
.lf4-inc-head { display: flex; align-items: center; gap: 10px; padding: 12px 14px 10px; border-bottom: 1px solid var(--d-line); }
.lf4-inc-head h2 { margin: 0; font: 600 15px/1.2 var(--d-font); }
.lf4-inc-priv { flex: 1; min-width: 0; color: var(--d-muted); font-size: 12px; }
.lf4-inc-x { flex: none; width: 36px; height: 36px; border: 0; border-radius: 8px; background: transparent; color: var(--d-muted); font-size: 15px; cursor: pointer; }
.lf4-inc-x:hover, .lf4-inc-x:focus-visible { background: #f2f4f7; color: var(--d-ink); }
.lf4-inc-body { overflow: auto; padding: 12px 14px 14px; display: flex; flex-direction: column; gap: 12px; min-height: 0; }
.lf4-inc-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; color: var(--d-muted); font-size: 12px; }
.lf4-inc-none { margin: 0; color: var(--d-muted); }
.lf4-inc-panel .inc-cal th[scope="row"] { max-width: 130px; }
@media (max-width: 430px) { .lf4-inc-head { flex-wrap: wrap; } .lf4-inc-priv { order: 3; flex-basis: 100%; } .lf4-inc-x { margin-left: auto; width: 44px; height: 44px; } .lf4-inc-panel .inc-st { min-height: 36px; } }
.lf4-lease { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 4px; cursor: default; }
.lf4-lease .lf4-lease-edit { width: 100%; }
.lf4-inc-sum { display: flex; flex-direction: column; gap: 4px; }
.lf4-inc-sum .ui-fact { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 2px 0; }
.lf4-inc-sum .ui-fact-k { flex: 1 1 auto; min-width: 0; }
.lf4-inc-sum .ui-fact-v { flex: none; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
 
.mv2-fp { margin: 12px 0; display: flex; flex-direction: column; gap: 8px; }
.mv2-fp-h { font: 600 13px/1.3 var(--d-font); color: var(--d-ink); }
.mv2-fp-list { display: flex; flex-wrap: wrap; gap: 12px; }
.mv2-fp-item { width: 148px; display: flex; flex-direction: column; gap: 6px; }
.mv2-fp-a { display: flex; flex-direction: column; gap: 4px; color: var(--d-ink); text-decoration: none; font-size: 12px; }
.mv2-fp-a img, .mv2-fp-pdf { width: 148px; height: 104px; object-fit: cover; border: 1px solid var(--d-line); border-radius: 8px; background: #f8fafc; }
.mv2-fp-pdf { display: flex; align-items: center; justify-content: center; font-weight: 600; color: var(--d-muted); }
.mv2-fp-n { overflow-wrap: anywhere; color: var(--d-muted); }
.mv2-fp-btns { display: flex; flex-wrap: wrap; gap: 6px; }
.mv2-fp-work canvas { width: 100%; height: auto; border: 1px solid var(--d-line); border-radius: 8px; }
.mv2-fp-q { font-weight: 400; font-style: italic; color: var(--d-muted); font-size: 12px; }
 
.hc { position: fixed; left: 0; top: 0; z-index: 1; pointer-events: none; max-width: 280px; padding: 7px 10px 8px; border-radius: 8px; border: 1px solid var(--d-line); background: var(--d-panel, #fff); color: var(--d-ink);
font: 400 12px/1.4 var(--d-font); box-shadow: 0 6px 18px rgba(15, 23, 42, .14); opacity: 0; transition: opacity 80ms ease-out; }
.hc.on { opacity: 1; }
.hc-h { display: flex; align-items: center; gap: 6px; font: 600 13px/1.3 var(--d-font); }
.hc-sw { flex: none; width: 6px; height: 6px; border-radius: 50%; }
.hc-t { min-width: 0; overflow-wrap: anywhere; }
.hc-sub { margin-top: 2px; color: var(--d-muted); }
.hc-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
@media (prefers-reduced-motion: reduce) { .hc { transition: none; } }
 
 
#bdEvidence .ev-tabs-wrap { position: relative; margin: 0 0 10px; }
#bdEvidence #evViews { display: flex; flex-wrap: nowrap; gap: 2px; overflow-x: auto; scrollbar-width: none; padding: 3px; border: 1px solid var(--d-line); border-radius: 10px; background: #f6f7f9; scroll-snap-type: x proximity; }
#bdEvidence #evViews::-webkit-scrollbar { display: none; }
#bdEvidence #evViews > .bd-pill { flex: none; scroll-snap-align: start; border: 0; border-radius: 8px; background: transparent; white-space: nowrap; }
#bdEvidence #evViews > .bd-pill[aria-pressed="true"] { background: var(--d-panel, #fff); box-shadow: 0 1px 2px rgba(15, 23, 42, .12); color: var(--d-ink); }
#bdEvidence .ev-tabs-wrap::after { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 28px; border-radius: 0 10px 10px 0; pointer-events: none; background: linear-gradient(to right, rgba(246, 247, 249, 0), #f6f7f9); opacity: 0; transition: opacity 120ms; }
#bdEvidence .ev-tabs-wrap.ev-more::after { opacity: 1; }
 
#bdEvidence #evFilters { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
#bdEvidence #evFilters .cp-filter { flex: 1 1 0; min-width: 0; height: 36px; box-sizing: border-box; margin: 0; align-self: center; }
#bdEvidence #evFilters .cp-filter select, #bdEvidence #evFilters .cp-filter input { flex: 1 1 auto; min-width: 0; width: auto; height: 34px; }
@media (max-width: 430px) { #bdEvidence #evFilters { flex-wrap: wrap; } #bdEvidence #evFilters .cp-filter { flex: 1 1 140px; } }
 
#bdEvidence .bd-rg-meta { white-space: normal; overflow: visible; text-overflow: clip; }
 
.ev-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px; font: 500 11px/1 var(--d-font); white-space: nowrap; border: 1px solid transparent; }
.ev-chip-v { background: #ecfdf3; color: #067647; border-color: #bfe6cf; }
.ev-chip-u { background: #fffbeb; color: #92400e; border-color: #fde68a; }
 
#bdEvidence .bd-rgroup > summary { list-style: none; position: relative; padding-right: 22px; }
#bdEvidence .bd-rgroup > summary::-webkit-details-marker { display: none; }
#bdEvidence .bd-rgroup > summary::after { content: ""; position: absolute; right: 6px; top: 14px; width: 7px; height: 7px; border-right: 1.5px solid var(--d-muted); border-bottom: 1.5px solid var(--d-muted); transform: rotate(45deg); transition: transform 120ms; }
#bdEvidence .bd-rgroup[open] > summary::after { transform: rotate(-135deg); top: 17px; }
#bdEvidence .bd-rgroup[open] { background: #f8fafc; border-radius: 8px; box-shadow: inset 0 1px 2px rgba(15, 23, 42, .06); }
@media (prefers-reduced-motion: reduce) { #bdEvidence .bd-rgroup > summary::after, #bdEvidence .ev-tabs-wrap::after { transition: none; } }
 
#bdEvidence .bd-ev-shared.ev-sticky { position: sticky; top: 0; z-index: 2; display: inline-flex; align-items: center; width: auto; margin: 0 0 8px; padding: 4px 10px; border-radius: 999px; background: #fffbeb; color: #92400e; border: 1px solid #fde68a; font: 500 12px/1.3 var(--d-font); }
 
#bdEvidence .bd-ev-foot { margin: 12px 0 4px; padding-top: 8px; border-top: 1px solid var(--d-line); color: var(--d-muted); font-size: 12px; display: flex; flex-wrap: wrap; gap: 4px 10px; }
#bdEvidence .bd-ev-foot-h { color: var(--d-ink); font-weight: 500; }
 
.enc-lenders { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.enc-lender { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 999px; background: #f2f4f7; color: var(--d-ink); font: 400 11.5px/1 var(--d-font); white-space: nowrap; }
.enc-lender.enc-more { background: transparent; border: 1px solid var(--d-line); color: var(--d-muted); }
.enc-read { display: block; margin-top: 2px; color: var(--d-muted); font-size: 11px; font-weight: 400; }
 
.ml-lit { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--d-line); }
.ml-lit-h { font: 600 10px/1.2 var(--d-font); letter-spacing: .06em; text-transform: uppercase; color: var(--d-muted); margin-bottom: 4px; }
.ml-lit-rows { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; }
#bdEvidence .bd-lit-key.empty { display: none; }


@media (min-width: 761px) { body.mv2-on .basemap-switch { left: calc(50vw + 16px); bottom: calc(var(--map-foot) + 24px); } }  
@media (max-width: 760px) { body.mv2-on .basemap-switch { top: 118px; bottom: auto; } }  
#bdEvidence #evFilters .cp-filter > span { flex: none; white-space: nowrap; }  
#bdEvidence #evHead { white-space: normal; overflow: visible; text-overflow: clip; }  


@media (pointer: coarse) {
button:not(.mapboxgl-ctrl button):not(.mapboxgl-ctrl-attrib-button):not(.lg-fold):not(.holds-door):not(.mv2-x):not(.pclose), select, summary, [role="button"], .ds-btn, a.ds-btn,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]) { min-height: 44px !important; }
select { padding-top: 0; padding-bottom: 0; }
.pm-x, .pl-x, .gs-x, .sb-x, .bd-bin, .pf-bin, .insp-close { min-width: 44px !important; }  
.ws-menu .ws-item, .auth-menu .dd-item, .svc-menu .dd-item { min-height: 44px !important; display: flex; align-items: center; }
}
 
@media (max-width: 760px) { .auth-btn:not(:has(.auth-initials)) .auth-name { display: inline; } .auth-btn:not(:has(.auth-initials)) { padding: 0 12px; } }
 
@media (max-width: 760px) { .pl-sheet .pl-st { white-space: normal; min-height: 0; } .pl-sheet .pl-row-t { flex: 1 1 100%; } .pl-sheet .pl-link { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; } .pl-sheet .pl-link input { flex: 1 1 100%; min-width: 0; } }
.pl-native { margin-top: 2px; }


@media (pointer: coarse) {
select { -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23475467' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 10px 6px !important; padding-right: 28px !important; border-radius: 8px; }
}


@media (max-width: 1024px) { .auth-btn .auth-name { display: none; } .auth-btn .auth-initials { display: inline; } .auth-btn:not(:has(.auth-initials)) .auth-name { display: inline; } }
@media (pointer: coarse) {  
label:has(> input[type="checkbox"]), label:has(> input[type="radio"]) { min-height: 44px; display: inline-flex; align-items: center; box-sizing: border-box; }
input[type="range"] { min-height: 44px; }
}
@media (max-width: 760px) { .fp-name { white-space: normal; overflow: visible; text-overflow: clip; } }  


@media (max-width: 760px) {
.brand-name { display: inline; font-size: 18px; }
#brandMark.brand { position: relative; gap: 6px; padding-right: 2px; }
#brandMark.brand::after { position: absolute; left: 17px; top: calc(50% + 10px); margin: 0; padding: 0 3px; font-size: 7px; line-height: 1.35; letter-spacing: .05em; }
body .topbar .controls .search:not(.search-open), body.look-quiet .topbar:has(#inspTabSlot) .controls .search:not(.search-open) { width: 44px !important; min-width: 44px !important; max-width: 44px !important; flex: none !important; }
body .topbar .controls .search:not(.search-open) input { padding: 0 !important; color: transparent; caret-color: transparent; cursor: pointer; }
body .topbar .controls .search:not(.search-open) input::placeholder { color: transparent; }
body .topbar .controls .search:not(.search-open) svg { left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; }
body .topbar .controls .search.search-open { position: fixed !important; top: 6px; left: 8px; right: 8px; width: auto !important; max-width: none !important; z-index: 60; }
body .topbar .controls .search.search-open input { position: static !important; width: 100% !important; height: 44px; font-size: 16px; padding: 0 12px 0 36px !important; background: #fff; box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18); }
body .topbar .controls .search.search-open svg { left: 12px; right: auto; z-index: 61; }
 
}
@media (max-width: 1024px) { body:not(.signed-out) .auth-btn:not(:has(.auth-initials)) .auth-name { display: none; } }
 
@media (max-width: 420px) { .pl-pill { width: auto; padding: 0 10px; } .pl-pill::after { content: "+ List"; font-size: 13px; } }
 
@media (max-width: 760px) { body.signed-out .so-line { display: none; } }


@media (max-width: 760px) {
body > #mapLegend.map-legend { top: var(--mv2-map-top, 64px) !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 5; }
body.legend-yield > #mapLegend.map-legend { display: flex; }
body > #mapLegend.map-legend:is(.lg-collapsed, .lg-pill) { width: 44px; height: 44px; min-width: 0; max-width: none; padding: 0; border-radius: 10px; overflow: hidden; }
body > #mapLegend:is(.lg-collapsed, .lg-pill) .lg-title { position: relative; width: 44px; height: 44px; min-height: 44px; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; }
body > #mapLegend:is(.lg-collapsed, .lg-pill) .lg-title > * { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body > #mapLegend:is(.lg-collapsed, .lg-pill) .lg-title::before { content: ""; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314202e' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 8l10 5 10-5-10-5Z'/%3E%3Cpath d='m2 13 10 5 10-5'/%3E%3Cpath d='m2 17.5 10 5 10-5' opacity='.55'/%3E%3C/svg%3E") center / contain no-repeat; }
body > #mapLegend:is(.lg-collapsed, .lg-pill) :is(.lg-fold, .lg-body, .lg-cities, .lg-pill-n, .lg-tracked) { display: none !important; }
body > #mapLegend.map-legend:not(.lg-collapsed):not(.lg-pill) { width: min(300px, calc(100vw - 24px)); max-width: none; max-height: calc(var(--mv2-sheet-top, 100dvh) - var(--mv2-map-top, 64px) - 16px) !important; overflow: auto; }
body.mv2-on .basemap-switch { top: var(--mv2-map-top, 64px); }  
}


@media (max-width: 760px) {
body:not(.signed-out) .topbar { gap: 4px; padding: 0 6px; }
body:not(.signed-out) .top-left { margin-right: 0; gap: 2px; }
body:not(.signed-out) .auth-end, body.look-quiet:not(.signed-out) .auth-end { gap: 4px; padding-left: 4px; }
body:not(.signed-out) #wsCompact { padding: 0 8px; }
}
@media (max-width: 760px) { body.signed-out .topbar .controls { flex: 0 0 auto; overflow: visible; } .topbar .ctrl-divider { display: none; } }  


@media (max-width: 400px) {
body:not(.signed-out) #roleHoldsBtn { display: none; }
body:not(.signed-out) #plusListingBtn.pl-pill { position: relative; width: 44px; min-width: 44px; padding: 0; }
body:not(.signed-out) #plusListingBtn.pl-pill::after { content: "+"; font-size: 20px; line-height: 1; transform: translateY(-5px); }
body:not(.signed-out) #plusListingBtn.pl-pill::before { content: "List" !important; position: absolute; left: 0; right: 0; bottom: 5px; top: auto; width: auto; height: auto; margin: 0; transform: none; background: none; border: 0; border-radius: 0; color: inherit; opacity: 1; font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: .03em; text-align: center; }
}


.near-me-btn { position: fixed; top: 68px; right: calc(12px + var(--ctrl-shift, 0px)); z-index: 4; width: 44px; height: 44px; padding: 0; display: flex; align-items: center; justify-content: center;
background: #fff; color: var(--ink); border: 1px solid rgba(20, 32, 46, .12); border-radius: 10px; box-shadow: 0 2px 8px rgba(20, 32, 46, .14); cursor: pointer; }
.near-me-btn:hover { background: #f8fafc; }
.near-me-btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.near-me-btn.busy svg { animation: near-me-pulse 1s ease-in-out infinite; }
@keyframes near-me-pulse { 50% { opacity: .35; } }
@media (prefers-reduced-motion: reduce) { .near-me-btn.busy svg { animation: none; opacity: .5; } }
.near-me-msg { position: fixed; top: 68px; right: calc(64px + var(--ctrl-shift, 0px)); z-index: 4; max-width: min(320px, calc(100vw - 88px)); padding: 10px 12px; background: #fff; color: var(--ink);
border: 1px solid rgba(20, 32, 46, .12); border-radius: 10px; box-shadow: 0 2px 8px rgba(20, 32, 46, .14); font-size: 14px; line-height: 1.35; }
.near-me-msg[hidden] { display: none; }
.near-me-dot { width: 16px; height: 16px; border-radius: 50%; background: var(--ink); border: 3px solid #fff; box-shadow: 0 0 0 6px rgba(20, 32, 46, .18); }
body.city-bare :is(.near-me-btn, .near-me-msg) { display: none !important; }
@media (max-width: 760px) {
.near-me-btn { top: calc(var(--mv2-map-top, 64px) + 52px); right: 12px; }
.near-me-msg { top: calc(var(--mv2-map-top, 64px) + 52px); right: 64px; }
}


body.signed-out .so-line { display: none; }


@media (min-width: 761px) { body.mv2-on .map-prov { left: 75%; } body.mv2-on .legal-foot { left: calc(50vw + 16px); transform: none; } body.mv2-on .map-prov { max-width: calc(50vw - 140px); } }
#plusListingMenu .dd-item[hidden], #authMenu .dd-item[hidden] { display: none; }  
 
.ws-income-tip .ws-income-none, .ws-income-tip .ws-income-note, .ws-income-tip #wsIncomeGo, .ws-income-tip #wsIncomeAdd { display: block; text-align: left; }
.ws-income-tip #wsIncomeGo, .ws-income-tip #wsIncomeAdd { margin-top: 6px; min-height: 32px; }
.ws-income-tip .ws-income-note { margin-top: 6px; color: var(--d-muted); font-size: 11.5px; }
 
.pp-card.pp-tap { cursor: pointer; }
.pp-acts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.pp-acts .ds-btn { min-height: 36px; }
@media (max-width: 760px) { .pp-acts .ds-btn { min-height: 44px; } }
 
.mv2-stale, .dr-stale { color: #92400e; font-weight: 600; }


body.tiles-wait #map .mapboxgl-canvas { opacity: 0; }
#map .mapboxgl-canvas { transition: opacity .25s ease; }


#obRows-myportfolio.pp-one-add #obEmptyAdd-myportfolio, body:has(#obRows-myportfolio.pp-one-add) #obAdd-myportfolio { display: none !important; }
.pp-addpick { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
 
.pf-ml-sub { margin: 2px 0 10px; color: #475467; font-size: 13px; }
.pf-ml-acts { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }


.topbar:has(#plusListingMenu:not([hidden]), #authMenu:not([hidden]), .search-results.open) { z-index: 61; }
 
.ml-visits { margin-top: 8px; }
.ml-vbadge { font: inherit; font-size: 13px; font-weight: 600; padding: 3px 10px; border-radius: 999px; border: 1px solid #7a5f2c; background: #fbf3df; color: #6b4d00; cursor: pointer; }
.ml-vlist { margin-top: 6px; border-top: 1px solid #e2e6ec; font-size: 14px; }
.ml-vpriv { font-size: 12px; color: #475467; margin: 6px 0; }
.ml-vrow { padding: 6px 0; border-bottom: 1px solid #e2e6ec; }
.ml-vat { font-size: 12px; color: #475467; }


#panel.lv-mode .pill-row, #panel.lv-mode #panelDevBadge, #panel.lv-mode #panelRealBadge, #panel.lv-mode #panelTitleConf, #panel.lv-mode #panelOwnerLadder,
#panel.lv-mode #peekFields, #panel.lv-mode #panelIntel, #panel.lv-mode #peekFoot, #panel.lv-mode #panelExportBtn, #panel.lv-mode .pbody > :not([data-lv]):not(.lv-foot):not(.lv-links) { display: none !important; }
#panel.lv-mode .st-key { display: none; }
.lv-tally + .lv-i, .lv-i { margin-left: 6px; border: 0; background: none; padding: 0 2px; font: 600 12px/1 var(--font); color: var(--muted); cursor: pointer; vertical-align: middle; }
.lv-i:hover { color: var(--ink); }
.lv-claim { margin: 4px 0 6px; font: 500 12px/1.4 var(--font); color: #92400e; }
.lv-claim::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; margin-right: 6px; vertical-align: 1px; }
.lv-place { margin: 2px 0 8px; font-size: 12.5px; color: var(--muted); }
#panel .fc-who.lv-key { margin-top: 8px; }
.lv-total { margin: 4px 0 0; font-size: 11.5px; color: var(--muted); }
.lv-foot { display: flex; gap: 8px; margin: 12px 0 0; }
.lv-foot .dossier-open-btn { flex: 1 1 0; text-align: center; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
.lv-foot .lv-cta { background: var(--ds-brand-dark, #14202e); color: #fff; border-color: var(--ds-brand-dark, #14202e); }
.lv-foot .lv-cta:hover { background: #22324a; }
.lv-links { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 10px 0 2px; font-size: 12.5px; }
 
.act-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0 0; }
.act-grid[hidden] { display: none; }
.act-btn { height: 40px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; box-sizing: border-box;
font: 700 12px/1 var(--font); color: var(--ink); background: #f1f3f6; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; text-decoration: none; transition: background .12s; }
.act-btn:hover { background: #e6e8ec; }
.act-btn:focus-visible { outline: 2px solid var(--ds-brand-ink, #14202e); outline-offset: 1px; }
.act-btn .act-ic { flex: 0 0 auto; color: #475467; }
.act-btn .act-t { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.act-grid > .act-btn:only-child { grid-column: 1 / -1; }
.peek-lc-acts { display: block; margin: 0; }
.peek-lc-acts .act-grid { margin: 8px 0 0; }
.lv-save.act-save { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; margin: 8px 0 0; padding: 0 10px; border-radius: 8px; border: 1px solid var(--line); background: #fff; font: 700 12px/1 var(--font); }
.lv-dcta .act-grid { max-width: 420px; }
.lv-dcta .act-save { max-width: 420px; }
#dossierModal .dv-acts { max-width: 420px; margin: 10px 0 4px; }
#panel .fc-btns .fc-plan { display: none !important; }  
@media (max-width: 760px) { .act-btn, .lv-save.act-save { min-height: 44px; height: 44px; } }
.lv-link { border: 0; background: none; padding: 0; font: 600 12.5px/1.4 var(--font); color: var(--ink); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.lv-sep { color: var(--muted); }
.lv-save { margin-left: auto; border: 1px solid #d0d5dd; background: #fff; border-radius: 999px; padding: 3px 10px; font: 600 12px/1.4 var(--font); color: var(--ink); cursor: pointer; }
.lv-save.on { border-color: #9a7b3f; color: #7a5f2c; }
 
.lv-flags { margin: 6px 0 10px; padding: 8px 10px; border: 1px solid #fcd34d; border-radius: 8px; background: #fffbeb; display: grid; gap: 8px; }
.lv-fl { display: grid; gap: 2px; font-size: 12.5px; line-height: 1.4; color: #101828; }
.lv-fl[data-sev="high"] .lv-fl-sev { color: #b42318; }
.lv-fl-sev { font: 700 10.5px/1.4 var(--font); text-transform: uppercase; letter-spacing: .04em; color: #92400e; }
.lv-fl-cx { display: grid; gap: 2px; } .lv-fl-q { color: #344054; }
.lv-fl-ck { color: #344054; } .lv-fl-s { color: var(--muted); font-size: 11.5px; }
.lv-note { display: grid; gap: 2px; margin: 6px 0 0; padding: 6px 0 0; border-top: 1px dashed #e4e7ec; font-size: 12px; line-height: 1.45; color: #475467; }
.lv-ns { margin: 8px 0 0; font-size: 12.5px; color: #475467; }
.lv-ask { margin-left: 4px; border: 0; background: none; padding: 0; font: 600 12.5px/1.4 var(--font); color: var(--ink); text-decoration: underline; cursor: pointer; }
 
#dossierModal.lv-mode .dossier-body > :not([data-lv]):not(#dossierVisual), #dossierModal.lv-mode #railNav, #dossierModal.lv-mode #railLocale, #dossierModal.lv-mode #railCounts,
#dossierModal.lv-mode #railAbsent, #dossierModal.lv-mode #railAmenities, #dossierModal.lv-mode .rail-actions > :not(#dossierProblemBtn), #dossierModal.lv-mode #dossierVisual { display: none !important; }
.lv-dossier .dv-id { margin-bottom: 4px; }
.lv-dossier .dv-name { font-family: var(--font-serif, Georgia, "Times New Roman", serif); font-weight: 500; font-size: 26px; }
.lv-dossier .lv-eyebrow { margin-top: 4px; }
.lv-dcta { margin: 12px 0 6px; } .lv-dcta .ds-btn { height: 36px; padding: 0 18px; font-size: 13px; text-decoration: none; }
.lv-main .fd-sec { margin-top: 18px; }
.lv-main .fd-rows { display: grid; grid-template-columns: minmax(120px, 38%) 1fr; column-gap: 14px; row-gap: 6px; }
.lv-main .fd-row { display: contents; }
.lv-main .fd-k { color: var(--muted); font-size: 12.5px; } .lv-main .fd-v { font-size: 13px; color: var(--ink); }
.lv-src-h { margin: 0 0 8px; font-size: 12.5px; color: #475467; } .lv-src-why { display: block; margin-top: 4px; }
.lv-src-g { margin: 12px 0 6px; font: 700 10.5px/1.4 var(--font); text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.lv-src { display: block; margin-top: 1px; font-size: 11.5px; color: var(--muted); }
.lv-src .st-dot { margin-right: 5px; }
.lv-nav { display: flex; flex-direction: column; gap: 2px; margin: 10px 0; }
.lv-nav .rail-nav-i { text-align: left; border: 0; background: none; padding: 5px 8px; border-radius: 6px; font: 500 13px/1.3 var(--font); color: var(--ink); cursor: pointer; }
.lv-nav .rail-nav-i:hover { background: #f2f4f7; }
#panel .fc-who.lv-key { grid-template-columns: max-content minmax(0, 1fr); }
.lv-flags-g { font: 700 10.5px/1.4 var(--font); text-transform: uppercase; letter-spacing: .04em; color: #475467; }
 
.lv-w { display: contents; }


#panel.lv-mode .phero { aspect-ratio: 16 / 9 !important; width: 100%; }
#panel.lv-mode .phero .phero-img { object-fit: cover !important; object-position: center !important; }
#panel.lv-mode .phero.is-portrait::before, #panel.lv-mode .phero.hero-whole::before { display: none !important; }