*{box-sizing:border-box}body{margin:0;background:#f2f6f6;color:#233e46;font:16px system-ui}header{display:flex;gap:16px;align-items:center;background:white;padding:12px 20px;border-bottom:1px solid #dce5e5}header img{width:150px;height:64px;object-fit:contain}header strong{font-size:20px}#status{margin-left:auto;font-size:12px}main{max-width:1100px;margin:auto;padding:20px}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;color:inherit;border:1px solid #cad8d8;border-radius:10px;padding:10px 14px}button.primary{background:#1469aa;color:white}button.danger{color:#ad2626}input,select,textarea{padding:8px;border:1px solid #cad8d8;border-radius:8px;width:100%}textarea{height:60px;resize:vertical}label{display:block;font-size:13px;margin:5px 0}h1{font-size:25px}h2{font-size:20px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{padding:20px;background:white;border:1px solid #dce5e5;border-radius:15px;margin:12px 0}.card button{margin:5px}.mapview{overflow:auto;max-height:65dvh;touch-action:none;background:#e4eeee;border-radius:12px}.canvas{position:relative;width:100%;line-height:0}.canvas>img{width:100%;user-select:none;pointer-events:none}.pin{position:absolute;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);padding:0;border:2px solid white;box-shadow:0 1px 4px #0006;color:#fff;line-height:1;font-size:19px}.pin.small{width:8px;height:8px;border:0;font-size:0}.pin.archived{box-shadow:0 0 0 4px #28a54d}.zones{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.legend{display:grid;gap:5px;margin-top:12px}.legend button{display:flex;justify-content:space-between;text-align:left}.legend button.off{opacity:.5}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.switch{display:flex;align-items:center;gap:8px}.switch input{width:auto}dialog{border:0;border-radius:18px;padding:16px;width:min(560px,96vw);max-height:94dvh;overflow:auto;color:inherit}dialog::backdrop{background:#203c4680}dialog form{display:flex;flex-direction:column;gap:6px}.icons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.icons button{font-size:11px;padding:7px 2px;min-height:46px}.icons button.selected{background:#e7f3fc;border-color:#1469aa}.icons b{display:block;font-size:19px}.photos{display:flex;gap:6px;overflow:auto}.photos img{max-width:100%;height:90px;object-fit:contain;border-radius:8px}.viewphoto{width:100%;max-height:55dvh;object-fit:contain}.footer{position:sticky;bottom:-16px;background:white;display:flex;justify-content:space-between;padding:10px 0;gap:8px}.muted{color:#6b7d82;font-size:13px}.error{color:#a21c1c}.portal{padding:35px;font-size:20px}.zonehint{padding:10px;background:#fff0c0}@media(max-width:500px){main{padding:10px}header{padding:8px;gap:8px}header img{width:115px;height:48px}header strong{font-size:17px}.icons{grid-template-columns:repeat(4,1fr)}dialog{padding:12px}.card{padding:14px}.row>*{flex:1}h1{font-size:21px}}

.product-tags{border:1px solid #cad8d8;border-radius:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px}.product-tags label{display:flex;align-items:center;gap:6px}.product-tags input{width:auto}.product-tags legend{font-size:13px}button:disabled{opacity:.6}
/* Fieldwork layout and compact location editor */
[hidden]{display:none!important}
body{background:#f0f5f7;color:#203b45}header{min-height:88px}header img{width:185px;height:72px}header strong{display:none}main{padding:28px 20px}h1{font-size:34px;font-weight:500;margin:14px 0 24px}h2{margin:8px 0 16px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#607f88}.page-eyebrow{margin:0}.page-intro{color:#6b818a;line-height:1.5;margin:0 0 24px}.card{border-radius:12px;padding:22px}.primary{font-weight:650;border-color:#1469aa}.portal{font-weight:650;background:white;text-align:left;border-radius:14px}.legend{background:white;border:1px solid #d5dfe2;border-radius:12px;padding:0 16px;gap:0}.legend button{border:0;border-radius:0;padding:15px 0;border-bottom:1px solid #dae3eb;align-items:center}.legend button:last-child{border-bottom:0}.legend button>span:last-child{font-size:12px;font-weight:700;color:#1469aa}.legend button.off{opacity:.45}.toolbar{padding:12px 16px;background:white;border:1px solid #d5dfe2;border-radius:12px}.switch{font-size:18px}.switch input{appearance:none;position:relative;width:46px;height:27px;padding:0;border:0;border-radius:20px;background:#b1c0c4;cursor:pointer}.switch input::before{content:'';position:absolute;top:3px;left:3px;width:21px;height:21px;background:white;border-radius:50%;transition:transform .15s}.switch input:checked{background:#1469aa}.switch input:checked::before{transform:translateX(19px)}.mapview{border:1px solid #d5dfe2;background:#e6edf1}.map-help{font-size:13px;line-height:1.6;color:#6b818a}.pin{box-shadow:0 2px 6px #0004}
.pin-dialog{padding:14px 16px 0;width:min(500px,96vw);max-height:94dvh;overflow:hidden;border-radius:18px}.pin-form{max-height:calc(94dvh - 14px);gap:0}.pin-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex:none;min-height:30px}.pin-heading .eyebrow{margin-left:auto}.pin-heading button{border:0;padding:4px 8px;font-size:14px}.pin-heading [data-close]{font-size:28px;line-height:1}.pin-body{min-height:0;overflow:auto;overscroll-behavior:contain}.pin-body label{font-size:12px;font-weight:650;margin:5px 0}.pin-body input,.pin-body select{font-size:14px;font-weight:400;padding:7px 9px;height:34px}.pin-body textarea{font-size:14px;font-weight:400;height:52px;min-height:40px;resize:none;padding:8px}.symbol-heading{display:flex;align-items:center;justify-content:space-between;margin:9px 0 6px;font-size:13px}.symbol-heading button{font-size:11px;padding:4px 6px;border:0;color:#1469aa}.pin-dialog .icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.pin-dialog .icons button{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;padding:5px 2px;min-height:49px;line-height:1.15;gap:3px}.pin-dialog .icons b:empty{display:none}.pin-dialog .icons svg{width:19px;height:19px}.pin-dialog .icons b{line-height:1;font-size:19px}.pin-dialog .icons button.selected{background:#e7f3fc;border-color:#1469aa;color:#1469aa}.pin-dialog .photos{margin:5px 0}.pin-dialog .photos img{height:40px;border-radius:5px}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.photo-actions button{font-size:14px;font-weight:650;padding:9px}.pin-tools{display:flex;justify-content:space-between;gap:4px;margin:5px 0}.pin-tools button{font-size:11px;padding:5px 3px;border:0;color:#1469aa}.pin-dialog .footer{position:static;flex:none;border-top:1px solid #e2e8e9;margin-top:8px;padding:9px 0;background:white}.pin-dialog .footer .primary{flex:1;padding:11px}.pin-dialog #pinExtra{padding:6px 0 12px}.pin-dialog #pinExtra h2{margin:18px 0}.pin-dialog #pinExtra label{margin:14px 0}.pin-dialog #pinExtra select,.pin-dialog #pinExtra input{height:42px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1469aa;outline-offset:2px}
@media(max-width:500px){header{min-height:82px;padding:10px 16px}header img{width:155px;height:60px}main{padding:22px 16px}h1{font-size:30px}.card{padding:18px}.pin-dialog{padding:12px 12px 0}.pin-form{max-height:calc(94dvh - 12px)}}
@media(max-height:650px){.pin-dialog .icons button{min-height:40px;font-size:10px;padding:3px 2px;gap:2px}.pin-dialog .icons svg{width:16px;height:16px}.pin-dialog .pin-body textarea{height:42px}.pin-dialog .pin-body label{margin:3px 0}.pin-dialog .pin-heading{margin-bottom:3px}.pin-dialog .symbol-heading{margin:5px 0}.pin-dialog .photo-actions button{padding:6px}.pin-dialog .footer{padding:6px 0;margin-top:4px}.pin-dialog .photos img{height:30px}}

.map-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:22px;margin-top:24px}.map-card{background:white;border:1px solid #d2dde1;border-radius:13px;overflow:hidden}.map-cover{display:block;position:relative;width:100%;padding:0;border:0;border-radius:0;aspect-ratio:1.9;background:#e7eef1;overflow:hidden}.map-cover img{display:block;width:100%;height:100%;object-fit:contain;background:white}.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#637c86;background:#e7eef1}.map-card-details{padding:22px}.map-card-details h2{font-size:25px;margin:0 0 16px;font-weight:650}.map-card-details p{color:#637c86;margin:10px 0;font-weight:600}.map-card-details .muted{font-size:12px}.map-card-footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e7e9;padding:12px 18px}.map-card-footer button{padding:10px 18px}@media(max-width:500px){.map-list{grid-template-columns:1fr;gap:20px}.map-card-details{padding:20px}.map-card-details h2{font-size:24px}}

.product-dropdown{position:relative;font-size:14px}.product-dropdown summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid #cad8d8;border-radius:8px;background:white}.product-dropdown summary::after{content:'⌄';float:right}.product-dropdown summary::-webkit-details-marker{display:none}.product-menu{margin:4px 0;border:1px solid #cad8d8;border-radius:8px;background:#fff;max-height:150px;overflow:auto}.product-menu button{display:block;width:100%;border:0;border-radius:0;text-align:left;padding:9px 10px;font-size:13px}.product-menu button:hover,.product-menu button:focus{background:#e7f3fc}.photo-treatment{display:flex;gap:10px;align-items:flex-start;margin-top:7px}.photo-treatment .photos{flex:0 0 auto;max-width:95px;flex-wrap:wrap}.pin-dialog .photo-treatment .photos img{width:85px;height:100px;object-fit:contain;background:#f0f5f7}.photo-treatment #treatment{flex:1;min-width:0}.product-info{font-size:11px;border:1px solid #dce5e5;border-radius:8px;padding:8px;background:#f4f8f8}.product-info strong{font-size:12px}.product-info dl{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;margin:5px 0 0}.product-info dt{color:#637c86}.product-info dd{margin:0;overflow-wrap:anywhere}.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.method-options{border:0;padding:0;margin:5px 0;font-size:11px}.method-options legend{font-size:12px;font-weight:650}.pin-dialog .method-options label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:400;margin:3px 0}.pin-dialog .method-options input{width:13px;height:13px;padding:0;margin:0}@media(max-width:380px){.application-fields{grid-template-columns:1fr}.photo-treatment .photos{max-width:65px}.pin-dialog .photo-treatment .photos img{width:60px;height:85px}}

.rate-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.rate-switch input{width:20px;height:20px}
.rate-switch input{appearance:none;position:relative;width:42px;height:25px;padding:0;border:0;border-radius:20px;background:#b1c0c4;cursor:pointer;flex:none}.rate-switch input::before{content:'';position:absolute;top:3px;left:3px;width:19px;height:19px;background:white;border-radius:50%;transition:transform .15s}.rate-switch input:checked{background:#1469aa}.rate-switch input:checked::before{transform:translateX(17px)}

.photo-row{display:flex;align-items:center;gap:10px;margin:0;width:100%}.photo-row figcaption{font-size:11px;color:#637c86;line-height:1.5;min-width:0}.photo-row time{display:block}.photo-treatment .photos{max-width:48%;flex-basis:48%;display:flex;flex-direction:column;gap:8px;overflow:visible}.photo-treatment:has(#treatment:empty) .photos{max-width:100%;flex-basis:100%}.pin-dialog .photo-treatment .photo-row img{width:75px;height:85px;flex:none}#fullphotos .photo-row{align-items:flex-start;margin:12px 0}#fullphotos .viewphoto{width:65%;height:auto}#fullphotos figcaption{padding-top:8px}@media(max-width:380px){.photo-row{gap:6px}.pin-dialog .photo-treatment .photo-row img{width:55px;height:70px}.photo-row figcaption{font-size:10px}}

.zone-controls{display:flex;gap:7px;margin:10px 0;position:sticky;top:0;z-index:5;background:#f0f5f7;padding:8px 0}.zone-controls button{flex:1;padding:10px 6px;font-size:13px}.zonehint{font-size:13px;line-height:1.5}

.shared-link-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #dce5e5;font-size:14px}.shared-link-row strong{flex:1}.shared-link-row button{padding:7px 10px;font-size:12px}.link-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.link-filters label{font-size:12px}.link-filters input,.link-filters select{padding:8px;font-size:14px}.link-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:12px}.link-pages button{padding:8px;font-size:12px}.create-links{border-top:1px solid #dce5e5;padding-top:12px}.create-links summary{cursor:pointer;font-weight:650}.create-links form{margin-top:12px}

.tenant-lock-bar{display:flex;justify-content:flex-end;margin:8px 0}.tenant-lock-bar button{font-size:13px;padding:9px 12px}.tenant-pin-form{margin:10px 0}.tenant-pin-form h3{margin-top:0}.tenant-pin-form .muted{font-size:13px}

.emergency-notice{background:#fff7e5;border:1px solid #ecd6a1;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:12px}.emergency-notice p{margin:5px 0}.emergency-notice a{display:inline-block;font-weight:700;padding:8px 0;color:#1469aa}.pin-dialog .emergency-notice{font-size:10px;margin:0 0 6px;padding:6px 8px}

.header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.header-actions #status{margin-left:0;max-width:190px;overflow-wrap:anywhere;text-align:right}.header-actions #signout{flex-shrink:0;font-size:13px;padding:9px 12px}.header-actions #signout[hidden]{display:none}@media(max-width:500px){.header-actions{gap:8px;flex:1}.header-actions #status{font-size:11px;max-width:110px}header img{width:140px;height:60px;flex-shrink:0}}

.zone-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #dce5e5}.zone-list-row button{font-size:12px;padding:8px 10px}.map-card-footer{gap:10px;flex-wrap:wrap}

.property-settings-button{font-size:23px;line-height:1;padding:10px 13px;min-width:44px;min-height:44px}.emergency-notice .emergency-call{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;margin-top:6px;background:#1469aa;color:#fff;border-radius:8px;text-decoration:none;font-weight:650}.pin-dialog .emergency-notice .emergency-call{padding:7px 10px;min-height:38px}

.property-actions{display:grid;grid-template-columns:minmax(54px,.65fr) minmax(0,1.3fr) minmax(0,1fr) 44px;gap:6px;align-items:stretch;margin:0 0 14px;max-width:520px}.property-actions button{padding:8px 5px;font-size:13px;min-width:0;min-height:44px;line-height:1.25;margin:0}.property-settings-button{display:inline-flex;align-items:center;justify-content:center}.property-actions .property-settings-button{padding:8px}.property-settings-button svg{display:block;flex:none}

header .logo-home{display:inline-flex;align-items:center;flex-shrink:0;padding:0;margin:0;border:0;border-radius:0;background:transparent}header .logo-home img{display:block}header .logo-home:disabled{cursor:default;opacity:1}header .logo-home:focus-visible{outline:2px solid #1469aa;outline-offset:4px}

.photo-row .photo-enlarge{display:inline-flex;flex:none;padding:0;margin:0;border:0;border-radius:8px;background:transparent}.photo-row .photo-enlarge img{display:block}.photo-viewer{width:min(1000px,98vw);height:94dvh;max-height:94dvh;padding:52px 10px 10px;background:#111;color:white;overflow:auto}.photo-viewer::backdrop{background:#000d}.photo-viewer #closePhoto{position:absolute;top:8px;right:8px;width:44px;height:44px;padding:0;font-size:30px;line-height:1;background:#fff;color:#173e48;border:0;border-radius:50%;z-index:1}.photo-viewer #enlargedPhoto{display:block;width:100%;height:100%;object-fit:contain}.photo-viewer:not([open]){display:none}#fullphotos .photo-enlarge{max-width:65%}#fullphotos .photo-enlarge .viewphoto{width:100%}

.property-actions.manager-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}

header .logo-home img{width:145px;height:132px}@media(max-width:500px){header .logo-home img{width:125px;height:114px}}

/* Stotle: blue brand, shared compact header and consistent portal surfaces. */
:root{--navy:#123652;--blue:#1469aa;--border:#dae3eb;--muted:#647b8e;accent-color:var(--blue)}
body{background:#f3f6fa;color:var(--navy);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{min-height:88px;padding:14px 20px;gap:12px;border-bottom:1px solid var(--border)}
header .logo-home{gap:8px;text-align:left;min-width:0;flex-shrink:1;border-radius:6px}
.brand-mark{display:block;position:relative;width:52px;height:58px;overflow:hidden;flex:none}
header .logo-home .brand-mark img{position:absolute;width:92px;height:auto;max-width:none;left:-20px;top:-2px}
.brand-copy{display:flex;flex-direction:column;gap:1px;white-space:nowrap}.brand-name{font-size:28px;line-height:1.05;font-weight:800;letter-spacing:-.025em;color:#073b67}.brand-tagline{font-size:10px;font-weight:450;color:#164870}
.header-actions{gap:10px;flex:none}.header-actions #status{color:var(--muted);font-size:12px;max-width:125px}.header-actions #status.error{color:#b62732}
.header-actions #signout{display:inline-flex;align-items:center;gap:7px;font-size:13px;min-height:42px;border-color:var(--border);padding:9px 12px}.header-actions #signout svg{width:19px;height:19px;flex:none}
main{padding:26px 20px}h1{font-weight:700;letter-spacing:-.025em;line-height:1.2;font-size:32px;margin:12px 0 24px}h2,h3{color:var(--navy)}.eyebrow{color:#59738b;font-size:11px;letter-spacing:.13em}.page-intro,.map-help,.muted{color:var(--muted)}
button{border-color:var(--border);border-radius:10px;min-height:42px;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){background:#edf4fa}button.primary,.emergency-notice .emergency-call{background:var(--blue);border-color:var(--blue);color:white}button.primary:hover:not(:disabled){background:#0e5992}.danger{color:#b62732}button.danger{border-color:#ead6d9}button.danger:hover:not(:disabled){background:#fff3f4}
input,select,textarea{border-color:var(--border);color:var(--navy);background:white}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.card,.map-card,.toolbar,.legend{border-color:var(--border);background:white;box-shadow:0 2px 8px #12365203}.card{border-radius:12px}.portal{padding:28px;font-size:19px;border-color:var(--border)}.cards{gap:14px}.map-card{border-radius:12px}.map-card-details{padding:20px}.map-card-details h2{font-size:25px;margin-bottom:10px}.map-card-details p{color:var(--muted);font-weight:500}.map-card-details .muted{font-size:12px}.map-card-footer{padding:12px 16px;border-color:var(--border)}.map-cover{background:#edf2f7}.preview-placeholder{background:#edf2f7;color:var(--muted)}
.property-actions{max-width:560px;gap:7px}.property-actions button{font-size:12px;padding:9px 5px}.map-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.map-actions>button{font-size:13px}.segmented-control{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:white}.segmented-control .segment-label{display:flex;align-items:center;padding:10px 12px;background:#edf3f8;color:#59738b;font-size:13px;font-weight:650}.segmented-control button{border:0;border-left:1px solid var(--border);border-radius:0;padding:10px 14px;font-size:13px;min-height:42px}.mapview{background:#edf2f7;border-color:var(--border);margin-top:16px;padding:8px;border-radius:12px}.toolbar{margin:10px 0 12px;padding:10px 14px}.switch{font-size:17px}.switch input:checked,.rate-switch input:checked{background:var(--blue)}.legend{padding:0 14px}.legend button{min-height:46px;padding:12px 0;border-color:var(--border)}.legend button>span:last-child{color:var(--blue)}.zone-controls{background:#f3f6fa}.zonehint{background:#fff7e5;border-radius:8px}.product-info{background:#f5f8fc;border-color:var(--border)}.product-menu button:hover,.product-menu button:focus{background:#e7f3fc}
.pin-dialog{border:1px solid var(--border);border-radius:16px;padding:14px 14px 0}.pin-heading .eyebrow{font-size:11px}.pin-heading button{min-height:30px}.pin-dialog .icons button{border-color:var(--border);min-height:49px;border-radius:9px}.pin-dialog .icons button.selected{background:#e7f3fc;border-color:var(--blue);color:var(--blue)}.symbol-heading button,.pin-tools button{color:var(--blue);min-height:28px}.pin-dialog .pin-body input,.pin-dialog .pin-body textarea,.pin-dialog .pin-body select{border-color:var(--border)}.pin-dialog .footer{border-color:var(--border)}.pin-dialog .photo-treatment .photo-row img{background:#f3f6fa}.pin-dialog .photo-actions button{min-height:40px}.pin-dialog .footer button{min-height:44px}.emergency-notice{background:#fff8e8;border-color:#ecdcae}.emergency-notice a{color:var(--blue)}
@media(max-width:500px){header{padding:12px 14px;min-height:82px;gap:8px}.brand-mark{width:42px;height:48px}header .logo-home .brand-mark img{width:76px;left:-17px;top:-1px}.brand-name{font-size:24px}.brand-tagline{font-size:8px}.header-actions{gap:7px;flex:0 1 auto}.header-actions #status{font-size:10px;max-width:70px}.header-actions #signout{font-size:12px;padding:8px 9px;gap:5px}.header-actions #signout svg{width:16px;height:16px}main{padding:24px 16px}h1{font-size:29px}.page-eyebrow{font-size:10px}.portal{padding:26px 22px}.map-help{font-size:12px}.pin-dialog{padding:12px 12px 0}}
@media(max-width:360px){header{padding:10px;gap:6px}.brand-name{font-size:21px}.brand-tagline{font-size:7px}.brand-mark{width:36px;height:42px}header .logo-home .brand-mark img{width:65px;left:-14px}.header-actions #signout{font-size:11px;padding:7px}.header-actions #status{max-width:56px;font-size:9px}.property-actions{gap:4px}.property-actions button{font-size:11px}}

.ui-icon{width:20px;height:20px;vertical-align:middle;margin-right:7px;flex:none}.property-actions .ui-icon{width:15px;height:15px;margin-right:4px}.photo-actions .ui-icon{width:18px;height:18px;margin-right:4px}@media(max-width:380px){.property-actions .ui-icon{display:none}.map-actions>button .ui-icon{width:16px;height:16px;margin-right:4px}}

/* Map markers must not inherit the minimum height of regular buttons. */
button.pin{min-height:0;min-width:0;aspect-ratio:1;border-radius:50%;padding:0}button.pin:hover:not(:disabled){border-color:white}

/* Locally hosted geometric lettering to match the approved header reference. */
@font-face{font-family:StotleBrand;src:url('/brand-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:StotleBrand;src:url('/brand-bold.woff') format('woff');font-style:normal;font-weight:800;font-display:swap}.brand-name{font-family:StotleBrand,system-ui,sans-serif;font-weight:800;letter-spacing:0}.brand-tagline{font-family:StotleBrand,system-ui,sans-serif;font-weight:400;letter-spacing:-.015em}

.demo-controls{max-width:1100px;margin:18px auto 0;padding:16px 20px;background:white;border:1px solid var(--border);border-radius:12px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-heading a{color:var(--blue);font-size:13px}.demo-controls p{font-size:12px;color:var(--muted);line-height:1.5}.demo-views{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-views button{font-size:13px}.demo-views button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:white}.demo-options,.demo-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.demo-options label{flex:1;min-width:140px}.demo-options button,.demo-tools button{font-size:12px}.demo-options select{margin-top:4px}.demo-unit-label{font-size:22px;font-weight:750;text-anchor:middle;fill:#123652;stroke:white;stroke-width:4px;paint-order:stroke;pointer-events:none}@media(max-width:500px){.demo-controls{margin:12px 16px 0;padding:14px}.demo-options button{flex:1}.demo-heading strong{font-size:15px}}

button.pin{display:grid;place-items:center;font-weight:800}button.pin svg{display:block;width:20px;height:20px;margin:0}button.pin.small svg{display:none}