/* Shared by / and /scout, with tidy.js. Uses the console bundle's colour tokens. */

/* Lot Check | Scout switch */
.modes{display:inline-flex;border:1px solid var(--line);border-radius:18px;font-size:14px;background:var(--bg)}
.modes a{padding:6px 16px;color:var(--mute);text-decoration:none;line-height:1.4}
.modes a[aria-current]{background:var(--chip);color:var(--ink);font-weight:600}
.modes>:first-child{border-radius:17px 0 0 17px}
.modes>:last-child{border-radius:0 17px 17px 0}
.modes button.soon{position:relative;appearance:none;height:auto;margin:0;padding:6px 16px;border:0;background:none;color:var(--mute);font:inherit;line-height:1.4;white-space:nowrap;cursor:default}
.modes .soon::after{content:attr(data-soon);position:absolute;z-index:1001;top:calc(100% + 6px);right:0;padding:4px 10px;border-radius:6px;background:#202124;color:#fff;font-size:13px;font-weight:400;white-space:nowrap;box-shadow:0 1px 6px #0006;visibility:hidden}
.modes .soon.show::after,.modes .soon:focus-visible::after{visibility:visible}
@media (hover:hover){.modes .soon:hover::after{visibility:visible}}
.home .modes{margin:0 0 18px}
body.has-result .home .modes{margin-bottom:10px}
.bar-modes{position:fixed;z-index:1000;left:12px;top:calc(56px + max(10px, env(safe-area-inset-top)))}
.bar-modes .modes{--bg:#202124eb;--chip:#3c4043;--ink:#e8eaed;--mute:#bdc1c6;--line:#ffffff26;box-shadow:0 1px 6px #0006}
.card .card-modes{margin:0 0 8px}
@media (max-width:699px){body:has(#card:not([hidden])) .bar-modes{display:none}}

/* X-ray: one line per group, the rows one tap away */
.xray details.xsum{border-top:1px solid var(--line);margin:0}
.xray details.xsum:last-of-type{border-bottom:1px solid var(--line)}
.xray .xsum summary{display:flex;gap:10px;align-items:baseline;padding:9px 0;cursor:pointer;list-style:none;font-size:14px}
.xray .xsum summary::-webkit-details-marker{display:none}
.xray .xsum summary::after{content:'+';margin-left:auto;color:var(--mute);font-size:16px;line-height:1}
.xray .xsum[open] summary::after{content:'–'}
.xray .xname{color:var(--ink);font-weight:600;min-width:7.5em}
.xray .xline{color:var(--mute)}
.xray .xline .hit{color:var(--warn);font-weight:600}
.xray .xsum .props{margin:0 0 8px}
.xray .xsum ul{margin:0 0 8px}
.xray > table.props{margin-bottom:8px}

/* Where the free X-ray ends and the paid MRI starts */
.mri-line{display:flex;align-items:center;gap:10px;margin:28px 0 0;color:var(--mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.mri-line::before,.mri-line::after{content:'';flex:1;border-top:2px dashed var(--line)}
.r.mri{margin-top:14px;border:2px solid var(--green);border-radius:12px;padding:14px 16px}
.r.mri .src{font-weight:600}
.r.mri .paid{background:var(--chip);border-radius:4px;padding:1px 6px;color:var(--ink);font-weight:600}
.r.mri p.who{margin-top:6px;color:var(--ink)}
.r.mri .tier{display:block;margin-top:3px;color:var(--mute);font-size:12px;font-weight:400}
.r.mri ul.covers{margin:8px 0 8px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:3px 18px;color:var(--ink);font-size:13.5px}
.r.mri ul.covers li{padding-left:18px;position:relative}
.r.mri ul.covers li::before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700}

/* Scout layer menu: one heading per area, bigger rows */
.leaflet-control-layers-expanded{padding:8px 12px 10px;font-size:15px}
.leaflet-control-layers-overlays label{padding:5px 0}
.lc-region{margin:10px 0 2px;color:#5f6368;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* Scout: "Your layers" (add your own GeoJSON/KML) is hidden from the app */
.lc-files{display:none!important}

/* Address suggestions under the search box */
form{position:relative}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:1200;margin:0;padding:6px 0;list-style:none;text-align:left;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px #0004}
.suggest li{padding:9px 18px;font-size:15px;line-height:1.3;cursor:pointer;overflow-wrap:anywhere}
.suggest li.on,.suggest li:hover{background:var(--chip)}
.bar .suggest{--bg:#202124f2;--ink:#e8eaed;--line:#ffffff26;--chip:#3c4043}

/* Next lot: the aerial teaser that ends every result (lot-visual.js nextTeaser) */
#out .next-lot{display:block;position:relative;margin:28px 0 8px;border-radius:14px;overflow:hidden;background:#202124;color:#fff;text-decoration:none;aspect-ratio:3/2;box-shadow:0 2px 10px #0004}
#out .next-lot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
#out .next-lot .next-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:44px 18px 16px;background:linear-gradient(#0000,#000c)}
#out .next-lot .next-cap b{font-size:22px;line-height:1.2;letter-spacing:-.01em}
#out .next-lot .next-cap span{color:#e8eaed;font-size:13px;opacity:.9}
#out .next-lot::after{content:'';position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff26}
@media (hover:hover){#out .next-lot:hover img{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){#out .next-lot img{transition:none}}