/* HomeLynx V8.0.158 — Maturity Pass 01.
   Parent: V8.0.157.
   Presentation-only refinement: floating dock, softened evidence plates,
   neutral/graphite identity, and reduced legacy teal decoration.
   No map/PSET/Worth/hopper/source-book/photo-claim/search-routing logic changes. */

:root{
  --hlx-paper:#F3F1EB;
  --hlx-paper-cool:#F6F5F1;
  --hlx-ink:#0B0D0C;
  --hlx-graphite:#171816;
  --hlx-concrete:#D8D5CC;
  --hlx-concrete-2:#ECE9E2;
  --hlx-mute:#858680;
  --hlx-signal-oxide:#9B382A;
  --hlx-signal-amber:#B47C2F;
  --hlx-signal-steel:#708287;

  /* internal legacy token retained for compatibility; no longer a brand teal */
  --hlx-lynx:#708287;

  --hlx-provider-strip:26px;
  --hlx-dock-h:64px;
  --hlx-dock-side:22px;
  --hlx-dock-bottom-gap:12px;
  --hlx-dock-sheet-gap:14px;
  --hlx-dock-bottom:calc(var(--hlx-provider-strip) + env(safe-area-inset-bottom,0px) + var(--hlx-dock-bottom-gap) + var(--hlx-keyboard-inset));
  --hlx-sheet-bottom:calc(var(--hlx-provider-strip) + env(safe-area-inset-bottom,0px) + var(--hlx-dock-bottom-gap) + var(--hlx-dock-h) + var(--hlx-dock-sheet-gap));

  /* Neo's old teal variables become instrument steel + amber activity. */
  --neo-teal:#7B8D90;
  --neo-teal-bright:#B9C3C2;
  --neo-sensor:#C28A3B;
  --neo-line:rgba(85,101,104,.34);
}

/* Brand recognition now comes from geometry and placement, not green. */
.hlx-v8-brand img{
  filter:grayscale(1) brightness(.30) contrast(1.18)!important;
  opacity:.94!important;
}

/* Neo stays graphite. Cool steel lives on the instrument ring; amber is an
   activity/sensor signal rather than decorative brand color. */
.hlx-neo__marker{
  background:linear-gradient(100deg,#6F8083 0%,#AAB6B5 58%,#D7DAD5 100%)!important;
  box-shadow:0 0 calc(var(--neo-size) * .07) rgba(130,145,145,.54),0 0 calc(var(--neo-size) * .16) rgba(130,145,145,.22)!important;
}
.hlx-neo__core{
  background:
    radial-gradient(circle at 31% 23%,rgba(255,255,255,.30) 0 4%,transparent 19%),
    radial-gradient(circle at 68% 74%,rgba(112,130,135,.10),transparent 30%),
    radial-gradient(circle at 43% 38%,#737C7F 0,#4D575B 25%,#313B3F 55%,#1A2327 100%)!important;
}
.hlx-neo__core-deco{
  background:
    radial-gradient(ellipse 34% 54% at 29% 43%,rgba(255,255,255,.17),transparent 71%),
    radial-gradient(ellipse 30% 42% at 72% 66%,rgba(184,196,194,.07),transparent 70%)!important;
}

/* Header chrome: warm paper, graphite typography, no green haze. */
.hlx-v8-head{
  background:linear-gradient(180deg,rgba(243,241,235,.99) 0%,rgba(243,241,235,.95) 78%,rgba(243,241,235,0) 100%)!important;
}

/* Floating lower instrument. It is intentionally not a footer and never
   touches the glass edges. Same softened industrial arc as evidence plates. */
.hlx-v8-searchrow.hlx-bottom-dock{
  left:50%!important;
  right:auto!important;
  bottom:var(--hlx-dock-bottom)!important;
  width:min(calc(100vw - 44px),560px)!important;
  max-width:560px!important;
  min-height:64px!important;
  height:64px!important;
  padding:8px 10px!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(243,241,235,.16)!important;
  border-radius:6px!important;
  background:rgba(23,24,22,.97)!important;
  box-shadow:0 10px 26px rgba(11,13,12,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-sizing:border-box!important;
}
.hlx-v8-searchrow.hlx-bottom-dock:focus-within{
  border-color:rgba(243,241,235,.58)!important;
  box-shadow:0 12px 30px rgba(11,13,12,.18),inset 0 0 0 1px rgba(243,241,235,.12)!important;
}
.hlx-v8-searchrow.hlx-bottom-dock .hlx-v8-input{
  height:48px!important;
  color:var(--hlx-paper)!important;
  caret-color:var(--hlx-paper)!important;
}
.hlx-v8-searchrow.hlx-bottom-dock .hlx-v8-input::placeholder{
  color:#969790!important;
}
.hlx-v8-searchrow.hlx-bottom-dock .hlx-neo-attach-plus::before,
.hlx-v8-searchrow.hlx-bottom-dock .hlx-neo-send-btn::before{
  background:var(--hlx-paper-cool)!important;
}
.hlx-v8-searchrow.hlx-bottom-dock .hlx-neo-attach-plus,
.hlx-v8-searchrow.hlx-bottom-dock .hlx-neo-send-btn{
  color:var(--hlx-ink)!important;
}
.hlx-neo-attach-chiphost.hlx-bottom-dock-chiphost{
  left:50%!important;
  width:min(calc(100vw - 44px),560px)!important;
  max-width:560px!important;
  transform:translateX(-50%)!important;
  bottom:calc(var(--hlx-dock-bottom) + var(--hlx-dock-h) + 7px)!important;
}
.hlx-v8-searchrow.hlx-bottom-dock .hlx-suggestions{
  border-radius:6px!important;
  background:rgba(246,245,241,.985)!important;
  border:1px solid rgba(11,13,12,.12)!important;
  box-shadow:0 14px 34px rgba(11,13,12,.16)!important;
}

/* Sheet clears the floating instrument rather than landing on it. */
.hlx-v8-sheet{bottom:var(--hlx-sheet-bottom)!important}

/* Evidence plate: keep the box, deburr the corners, remove the black frame. */
.hlx-v8-result-card{
  border-radius:5px!important;
  border-color:rgba(11,13,12,.10)!important;
  box-shadow:0 9px 26px rgba(11,13,12,.085)!important;
}
.hlx-v8-result-card.is-selected{
  border-color:rgba(11,13,12,.30)!important;
  box-shadow:0 10px 28px rgba(11,13,12,.10),0 0 0 1px rgba(11,13,12,.05)!important;
}
.hlx-v8-result-card:focus-visible{
  box-shadow:0 10px 28px rgba(11,13,12,.11),0 0 0 2px rgba(11,13,12,.16)!important;
}
.hlx-v8-result-photo,
.hlx-v8-result-photo-rail,
.hlx-v8-result-photo-rail>img,
.hlx-v8-photo-stage,
.hlx-v8-hero-photo .hlx-v8-photo-stage{
  border-radius:5px 5px 0 0!important;
}
.hlx-v8-result-photo::after,
.hlx-v8-photo-stage::after{
  box-shadow:inset 0 0 0 1px rgba(11,13,12,.22)!important;
  border-radius:5px 5px 0 0!important;
}

/* Counter is an instrument label, not a pill. */
.hlx-v8-result-photo-count,
.hlx-v8-hero-counter,
.hlx-v8-photo-head [data-photo-counter]{
  border-radius:3px!important;
  background:rgba(23,24,22,.86)!important;
  border:1px solid rgba(243,241,235,.34)!important;
  color:var(--hlx-paper)!important;
  font-family:'IBM Plex Mono',monospace!important;
  box-shadow:none!important;
}

/* The save/track radio floats directly on the image. No white tile or frame. */
.hlx-v8-result-card .hlx-track-home-btn,
.hlx-v8-result-card .hlx-track-home-card,
.hlx-v8-result-card .hlx-v8-card-action[data-hlx-track-fallback]{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--hlx-graphite)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:drop-shadow(0 1px 2px rgba(255,255,255,.78)) drop-shadow(0 1px 2px rgba(11,13,12,.18));
}
.hlx-v8-result-card .hlx-home-radar{
  background:transparent!important;
  box-shadow:none!important;
}
.hlx-v8-result-card .hlx-home-radar svg circle:not(.dot){stroke:var(--hlx-graphite)!important}
.hlx-v8-result-card .hlx-home-radar svg path{fill:rgba(23,24,22,.16)!important}
.hlx-v8-result-card .hlx-home-radar svg .dot{fill:var(--hlx-graphite)!important}
.hlx-v8-result-card .hlx-home-radar>i{border-color:rgba(23,24,22,.25)!important}
.hlx-v8-result-card .is-tracked .hlx-home-radar svg circle:not(.dot),
.hlx-v8-result-card .hlx-track-home-btn.is-tracked .hlx-home-radar svg circle:not(.dot),
.hlx-v8-result-card .hlx-track-home-card.is-tracked .hlx-home-radar svg circle:not(.dot){stroke:var(--hlx-signal-oxide)!important}
.hlx-v8-result-card .is-tracked .hlx-home-radar svg .dot,
.hlx-v8-result-card .hlx-track-home-btn.is-tracked .hlx-home-radar svg .dot,
.hlx-v8-result-card .hlx-track-home-card.is-tracked .hlx-home-radar svg .dot{fill:var(--hlx-signal-oxide)!important}
.hlx-v8-result-card .is-tracked .hlx-home-radar svg path,
.hlx-v8-result-card .hlx-track-home-btn.is-tracked .hlx-home-radar svg path,
.hlx-v8-result-card .hlx-track-home-card.is-tracked .hlx-home-radar svg path{fill:rgba(155,56,42,.18)!important}

/* Selected state is neutral structure. Status colors remain semantic. */
.hlx-v8-result-selected{
  border-radius:3px!important;
  background:rgba(23,24,22,.90)!important;
  color:var(--hlx-paper)!important;
  box-shadow:none!important;
}

/* Remove legacy mint/teal decoration from the browse surface. Keep actual
   status dots semantic (for-sale / pending / foreclosure) as data color. */
.hlx-v8-result-open{
  border-radius:4px!important;
  background:var(--hlx-concrete-2)!important;
  color:var(--hlx-ink)!important;
  border:1px solid rgba(11,13,12,.10)!important;
}
.hlx-v8-results-head button{
  border-radius:4px!important;
  background:var(--hlx-concrete-2)!important;
  color:#51534F!important;
}
.hlx-v8-card-head .hlx-v8-back,
.hlx-v8-back{
  background:var(--hlx-concrete-2)!important;
  color:var(--hlx-ink)!important;
  border-color:rgba(11,13,12,.12)!important;
}
.hlx-v8-card-head .hlx-v8-eyebrow,
.hlx-v8-eyebrow{color:#60635F!important}
.hlx-v8-card-action.is-secondary,
.hlx-v8-track-native .hlx-track-home-btn,
.hlx-v8-track-native .hlx-track-home-card{
  color:var(--hlx-ink)!important;
  border-color:rgba(11,13,12,.34)!important;
  background:var(--hlx-paper-cool)!important;
}
.hlx-v8-card-action.is-primary{
  color:var(--hlx-paper)!important;
  border-color:var(--hlx-graphite)!important;
  background:var(--hlx-graphite)!important;
}
.hlx-v8-track-native .hlx-track-home-btn::after{color:var(--hlx-ink)!important}

/* Semantic links become Ink first; underline supplies affordance. */
.hlx-v8-source-link{
  color:#434743!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
}

@media(max-width:640px){
  :root{
    --hlx-dock-h:64px;
    --hlx-dock-bottom-gap:12px;
    --hlx-dock-sheet-gap:14px;
  }
  .hlx-v8-searchrow.hlx-bottom-dock{
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 44px)!important;
    max-width:560px!important;
    height:64px!important;
    min-height:64px!important;
    bottom:var(--hlx-dock-bottom)!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    padding:8px 10px!important;
    border-radius:6px!important;
  }
  .hlx-v8-searchrow.hlx-bottom-dock .hlx-v8-input{height:48px!important}
  .hlx-v8-result-card{border-radius:5px!important}
}

@media(min-width:900px){
  .hlx-v8-searchrow.hlx-bottom-dock,
  .hlx-neo-attach-chiphost.hlx-bottom-dock-chiphost{
    left:calc(50% + 43px)!important;
    width:min(calc(100vw - 170px),560px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hlx-v8-searchrow.hlx-bottom-dock{transition:none!important}
}
