/* Shared pill geometry on the welcome page and property map. */
body .welcome-page .welcome-search-field,body .smart-dock .search-field{display:flex;direction:ltr;align-items:center;gap:7px;padding:6px;border-radius:999px;border:1px solid #b4cbe1;background:#f8fcfff0;box-shadow:0 4px 18px #1a41631a}
body .welcome-search-field>svg,body .smart-dock .search-field>svg{display:none}
body .welcome-page .welcome-search-field input,body .smart-dock .search-field input{order:2;flex:1;min-width:0;width:auto;background:transparent;border:0;box-shadow:none;padding:10px 4px;border-radius:0;text-align:start}
html[dir=rtl] .welcome-search-field input,html[dir=rtl] .smart-dock .search-field input{direction:rtl;text-align:right}
html[dir=ltr] .welcome-search-field input,html[dir=ltr] .smart-dock .search-field input{direction:ltr;text-align:left}
body .welcome-page .welcome-search-field button,body .smart-dock .search-field button{border-radius:999px;flex-shrink:0}
body .welcome-search-field [type=submit],body .smart-dock #smart-submit{order:0}
body .welcome-search-field .voice-recording-cancel,body .smart-dock .voice-recording-cancel{order:1}
body .welcome-search-field .voice-search-button,body .smart-dock .voice-search-button{order:3;border:0;background:transparent;box-shadow:none}
body .smart-dock #manual-filter-toggle,body .smart-dock .mobile-search-options{order:4;border:0;background:transparent;color:#2459a6}
.mobile-map-toolbar{display:none}
/* Keep labels and SVG strokes readable on the milky map action pills. */
body .smart-dock .quick-actions>button{background:#eff7fff2;color:#194b88;border-color:#99b8df;border-radius:999px;text-shadow:none}
body .smart-dock .quick-actions>button:hover{background:#dceaff;color:#123f79}
body .smart-dock .quick-actions>button:focus-visible{outline:2px solid #2459a6;outline-offset:3px}
@media(max-width:760px){
 body .smart-dock>.filters{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 body .smart-dock .quick-filters{margin-top:8px;padding:7px;border:1px solid #ffffffb3;border-radius:18px;background:#eff7ffde;backdrop-filter:blur(16px)}
 body .smart-dock .mobile-search-options{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:9px;font-size:0}
 body .smart-dock .mobile-search-options svg{display:block;width:24px;height:24px}
 body .smart-dock #manual-filter-toggle{display:none}
 body .welcome-page .welcome-search-field,body .smart-dock .search-field{gap:3px;padding:5px}
 body .welcome-page .welcome-search-field input,body .smart-dock .search-field input{font-size:16px}
 body .welcome-page .welcome-search-field button[hidden],body .smart-dock .search-field button[hidden]{display:none!important}
 .browse-mode .header #home-inbox,.browse-mode .header #header-like{display:none!important}
 .browse-mode .map-top .map-tools{display:none}
 .mobile-map-toolbar{display:flex;align-items:center;justify-content:space-evenly;gap:4px;position:fixed;z-index:980;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 28px));min-height:58px;padding:6px 9px;border:1px solid #ffffffc9;border-radius:999px;background:#eff7ffdf;box-shadow:0 5px 24px #143b5f35;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);color:#214e78}
 .mobile-map-toolbar>button,.mobile-map-toolbar summary{position:relative;display:flex;align-items:center;justify-content:center;min-width:42px;width:44px;height:44px;min-height:44px;margin:0;padding:9px;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;cursor:pointer}
 .mobile-map-toolbar svg{display:block;width:25px;height:25px}
 .mobile-map-toolbar button:hover,.mobile-map-toolbar summary:hover,.mobile-map-toolbar button.active{background:#d7e9ff}
 .mobile-map-toolbar .area-controls{padding:0;gap:0;flex-wrap:nowrap}
 .mobile-map-toolbar .area-controls.is-editing #area-draw{font-size:11px;min-width:44px;padding:3px;border-radius:16px}
 .mobile-map-toolbar .area-controls.is-editing .area-hand-icon{display:none}
 .mobile-map-toolbar .area-controls #area-cancel,.mobile-map-toolbar .area-controls #area-clear{position:absolute;bottom:calc(100% + 8px);inset-inline-start:0;padding:8px 15px;border-radius:20px;background:#f4f9fff2;border:1px solid #bed3e8;box-shadow:0 3px 14px #163e5c25}
 .mobile-map-toolbar #area-status{position:absolute;bottom:calc(100% + 57px);left:0;max-width:100%;font-size:12px;pointer-events:none}
 .mobile-map-toolbar .toolbar-count,.mobile-map-toolbar #overlay-count:not(:empty){position:absolute;top:0;inset-inline-end:0;border-radius:9px;background:#4169e1;color:white;font-size:10px;line-height:16px;min-width:16px;text-align:center}
 .toolbar-map-style summary{list-style:none}.toolbar-map-style summary::-webkit-details-marker{display:none}
 .toolbar-style-panel{position:absolute;bottom:calc(100% + 10px);inset-inline-end:0;padding:10px;border-radius:18px;border:1px solid #ffffffce;background:#edf6fff2;box-shadow:0 5px 24px #143b5f35;min-width:0;width:max-content}
 .toolbar-map-style:not([open]) .toolbar-style-panel{display:none}
 .toolbar-style-panel .basemap-switch{display:flex;gap:5px}.toolbar-style-panel button{min-height:44px;border-radius:12px;padding:8px 14px}.toolbar-style-panel button.active{background:#4169e1;color:white}
 body .overlay-panel.overlay-floating{z-index:1300;max-height:calc(100dvh - 170px)}
 .mobile-property-sheet .sheet-content{padding-bottom:calc(154px + env(safe-area-inset-bottom))}
}

/* Keep the filter control separate from the search pill. */
.map-search-row{display:contents}
@media(max-width:760px){
 body:not(.browse-mode) .header{background:rgba(237,246,255,.38);color:#193e5d;border-bottom:1px solid #ffffff9c;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
 body:not(.browse-mode) .header .brand,body:not(.browse-mode) .header .brand small,body:not(.browse-mode) .header .header-actions>.icon-btn,body:not(.browse-mode) .header .account-menu>summary{color:#193e5d;text-shadow:none}
 body .header .header-actions{flex:1;justify-content:space-between;gap:5px;margin-inline-start:8px}
 body .header .account-mobile-tools #language{color:#193e5d;text-shadow:none;font-size:15px;font-weight:400}
 body .header .account-menu-panel{background:rgba(240,248,255,.62);border:1px solid #ffffffb0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 body .welcome-page .welcome-menu-actions>button,body .welcome-page .welcome-grid>.mobile-home-tool,body .welcome-page .welcome-slideshow-controls>button{border-radius:999px}
 body .welcome-page .welcome-grid>.mobile-home-tool{padding-inline:24px}
 body .welcome-page .qr-share-site{border-radius:999px;padding:24px 30px;flex-wrap:nowrap;gap:14px}
 body .welcome-page .qr-share-site .qr-code{width:112px;height:112px}
 body .welcome-page .qr-share-site .qr-share-info{min-width:0}
 body .welcome-page .qr-share-site .qr-share-heading{font-size:18px}
 body.browse-mode{--header-height:0px}
 body.browse-mode .header{display:none}
 body.browse-mode .explore-scene .smart-dock{top:calc(10px + env(safe-area-inset-top))}
 body .smart-dock .map-search-row{display:flex;direction:ltr;align-items:center;gap:8px;flex:1 0 100%;width:100%;min-width:0}
 body .smart-dock .map-search-row .search-field{flex:1 1 0;width:auto;min-width:0}
 body .smart-dock .map-search-row>.mobile-search-options{position:static;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid #ffffffb3;border-radius:50%;background:#f0f8ffc4;color:#2459a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 3px 12px #14365720}
 .mobile-map-toolbar{background:rgba(239,247,255,.62);transition:bottom .22s ease}
 .has-property-sheet:not(.sheet-is-peek) .mobile-map-toolbar{bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 body .header .header-actions{gap:1px;margin-inline-start:3px}
 body .welcome-page .qr-share-site{padding:20px 24px;gap:10px}
 body .welcome-page .qr-share-site .qr-code{width:100px;height:100px}
}
@media(prefers-reduced-motion:reduce){.mobile-map-toolbar{transition:none}}

/* Circular icon controls; retain room for spoken-search and selected-area labels. */
body .smart-dock .search-field #smart-submit:not([data-voice-active]):not(.search-selected-area),body .smart-dock .search-field .voice-search-button,body .welcome-page .welcome-search-field .voice-search-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:9px;border-radius:50%}
body .smart-dock .search-field #smart-submit:not([data-voice-active]):not(.search-selected-area)>span{display:none}
body .smart-dock .search-field #smart-submit:not([data-voice-active]):not(.search-selected-area)>svg{display:block;position:static;width:22px;height:22px}
body .smart-dock .search-field .voice-search-button,body .welcome-page .welcome-search-field .voice-search-button{background:#e4efffc9;border:1px solid #b2cbed}
body .smart-dock .search-field .voice-search-button.listening,body .welcome-page .welcome-search-field .voice-search-button.listening{background:#bd233b;color:white;border-color:#f89daf}
body .header .account-menu-panel{background:rgba(245,249,255,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body .welcome-page .welcome-heading>p{color:#17354e;font-weight:500;text-shadow:0 1px 3px #fff,0 0 12px #ffffffd9;transition:color 1s,text-shadow 1s}
body .welcome-page[data-background-tone=dark] .welcome-heading>p{color:#fff;text-shadow:0 1px 3px #102436,0 0 12px #102436}
@media(max-width:760px){
 body.browse-mode .explore-scene .smart-dock{top:calc(26px + env(safe-area-inset-top))}
 .mobile-map-toolbar{width:min(370px,calc(100vw - 20px));gap:2px;padding-inline:7px}
}
body .welcome-page .welcome-search-field [type=submit]:not([data-voice-active]){flex:0 0 50px;width:50px;min-width:50px;height:50px;min-height:50px;padding:3px;border-radius:50%;font-size:12px}
@media(prefers-reduced-motion:reduce){body .welcome-page .welcome-heading>p{transition:none}}
/* Voice feedback occupies its own row so it cannot squeeze the search field. */
body .smart-dock>.filters>.voice-search-help{flex:1 0 100%;width:100%;min-width:0}
@media(max-width:760px){
 body .smart-dock .search-field.voice-recording-active,body .welcome-page .welcome-search-field.voice-recording-active{display:grid;grid-template-columns:auto auto minmax(0,1fr);border-radius:26px;gap:6px;padding:8px;min-width:0}
 body .smart-dock .search-field.voice-recording-active input,body .welcome-page .welcome-search-field.voice-recording-active input{grid-column:1/-1;grid-row:1;width:100%;min-width:0;min-height:44px;padding:8px}
 body .smart-dock #smart-submit[data-voice-active],body .welcome-page .welcome-search-field [type=submit][data-voice-active]{grid-column:1;grid-row:2;width:auto;min-height:42px;padding:9px 12px;border-radius:999px}
 body .voice-recording-active .voice-recording-cancel{grid-column:2;grid-row:2;min-height:42px;width:auto;border-radius:999px}
}

/* The caret is the active search input indicator; keep the pill unchanged. */
body .welcome-page .welcome-search-field input:focus,body .welcome-page .welcome-search-field input:focus-visible,body .smart-dock .search-field input:focus,body .smart-dock .search-field input:focus-visible{outline:none;outline-offset:0;box-shadow:none;caret-color:#125bea}
body .welcome-page .welcome-search-field:focus-within,body .smart-dock .search-field:focus-within{border-color:#b4cbe1;box-shadow:0 4px 18px #1a41631a}

/* Address lookup in valuation uses the same pill and circular voice actions. */
body .valuation-glass .valuation-address-input{display:flex;direction:ltr;align-items:center;gap:5px;padding:5px;border:1px solid #b4cbe1;border-radius:999px;background:#f8fcfff0;box-shadow:0 4px 18px #1a41631a}
body .valuation-glass .valuation-address-input input{order:2;flex:1;min-width:0;width:auto;min-height:44px;padding:8px 3px;border:0;outline:none;box-shadow:none;background:transparent;text-align:start;caret-color:#125bea}
html[dir=rtl] .valuation-address-input input{direction:rtl;text-align:right}
body .valuation-glass .valuation-address-input button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:9px;border-radius:50%}
body .valuation-glass #valuation-find{order:0}
body .valuation-glass .voice-search-button{order:3;background:#e4efffc9;color:#2459a6;border:1px solid #b2cbed}
body .valuation-glass .voice-recording-cancel{order:1}
body .valuation-glass .valuation-location-actions button,body .valuation-glass .valuation-calculate{border-radius:999px}
body .valuation-glass .valuation-address-input.voice-recording-active{display:grid;grid-template-columns:auto auto minmax(0,1fr);border-radius:26px;padding:8px}
body .valuation-glass .valuation-address-input.voice-recording-active input{grid-column:1/-1;grid-row:1;width:100%}
body .valuation-glass #valuation-find[data-voice-active]{grid-column:1;grid-row:2;width:auto;padding:8px 12px;flex-basis:auto;border-radius:999px;font-size:13px}
body .valuation-glass .voice-recording-active .voice-recording-cancel{grid-column:2;grid-row:2;width:auto;padding:8px 12px;border-radius:999px;font-size:13px}
body .valuation-glass .voice-search-help{font-size:13px}
@media(max-width:760px){body.valuation-mode .valuation-glass{bottom:calc(84px + env(safe-area-inset-bottom));max-height:calc(100dvh - 112px)}}
/* A selected area uses the existing round action, without an extra row. */
body .smart-dock .search-field.has-selected-area:not(.voice-recording-active){flex-wrap:nowrap}
body .smart-dock .search-field.has-selected-area:not(.voice-recording-active) input{flex:1;min-width:0}
body .smart-dock .search-field #smart-submit.search-selected-area:not([data-voice-active]){order:0;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:3px;border-radius:50%;white-space:nowrap}
body .smart-dock #smart-submit.search-selected-area:not([data-voice-active])>span{font-size:13px;line-height:1.2}
/* Compact valuation with location selection supplied by the floating toolbar. */
body .valuation-glass{padding:14px}
body .valuation-glass .valuation-panel-head{margin-bottom:10px;gap:8px}
body .valuation-glass .valuation-panel-head h2{font-size:20px}
body .valuation-glass .field-grid{gap:8px;margin:10px 0}
body .valuation-glass .field{gap:4px;margin-bottom:0;font-size:13px}
body .valuation-glass .field-grid input,body .valuation-glass .field-grid select{min-height:42px;padding:8px;font-size:16px}
body .valuation-glass #valuation-location-status:empty,body .valuation-glass #valuation-address-options:empty{display:none}
body .valuation-glass.is-picking .field-grid,body .valuation-glass.is-picking .valuation-calculate{display:none}
@media(max-width:760px){
 body.valuation-mode .mobile-map-toolbar{bottom:calc(16px + env(safe-area-inset-bottom))}
 body.valuation-mode .valuation-glass{top:auto;bottom:calc(88px + env(safe-area-inset-bottom));inset-inline:10px;width:auto;max-height:min(64dvh,470px)}
 body .valuation-glass .valuation-panel-head .eyebrow{display:none}
 body .valuation-glass .valuation-panel-head .soft{font-size:12px;min-height:36px;padding:6px 10px;border-radius:999px}
}

/* Match all hero lettering to the active slideshow photo's light/dark tone. */
body .welcome-page[data-background-tone] .welcome-heading :is(.welcome-brand,h1),
body .welcome-page[data-background-tone] .welcome-heading>p{
 color:#102d43;-webkit-text-stroke:0;
 text-shadow:0 1px 3px #ffffffd9,0 0 10px #ffffff80;transition:none;
}
body .welcome-page[data-background-tone=dark] .welcome-heading :is(.welcome-brand,h1),
body .welcome-page[data-background-tone=dark] .welcome-heading>p{
 color:#fff;text-shadow:0 1px 3px #071d32,0 0 10px #071d32b3;
}
@media(max-width:760px){
 .explore-scene .mobile-property-sheet .sheet-controls{gap:5px;padding-inline:10px}
 .mobile-property-sheet .sheet-handle{align-items:flex-start;min-width:62px;padding-inline:12px 0}
 .mobile-property-sheet .sheet-handle>b{align-self:flex-start;text-align:start}
 .mobile-property-sheet .sheet-handle>span{width:32px}
}

/* Shared microphone colors match the primary search action in every entry point. */
body :is(.welcome-page .welcome-search-field,.smart-dock .search-field,.valuation-glass,.intake-compose) .voice-search-button{background:#125bea;color:#fff;border-color:#125bea;box-shadow:none;transition:background-color .15s,color .15s,border-color .15s}
body :is(.welcome-page .welcome-search-field,.smart-dock .search-field,.valuation-glass,.intake-compose) .voice-search-button:hover{background:#084ccc;color:#fff;border-color:#084ccc}
body :is(.welcome-page .welcome-search-field,.smart-dock .search-field,.valuation-glass,.intake-compose) .voice-search-button:is(.listening,.voice-active){background:#fff;color:#d52d48;border-color:#fff;box-shadow:0 0 0 2px #d52d4826;opacity:1}
body .valuation-glass .voice-recording-active .voice-search-button{grid-column:3;grid-row:2;justify-self:end}
@media(max-width:760px){body :is(.welcome-page .welcome-search-field,.smart-dock .search-field).voice-recording-active .voice-search-button{grid-column:3;grid-row:2;justify-self:end}}
@media(prefers-reduced-motion:reduce){body .voice-search-button{transition:none}}

/* Preserve the search control while its request is in progress. */
body .smart-dock .search-field #smart-submit.search-busy:not([data-voice-active]){background:#125bea;color:#fff;opacity:1;cursor:wait}
