/*
 * Da Vat Hy Lures — Phase 23B.8B
 * Scout Welcome & Guided Help Layer
 *
 * A light page-aware guide strip.
 * Controlled Da Vat Hy answers remain first; Ask Scout is explicit escalation.
 */

.dvh23b8b-scout-welcome{
  position:relative;
  width:100%;
  min-height:118px;
  display:grid;
  grid-template-columns:92px minmax(260px,1fr) auto;
  gap:18px;
  align-items:center;
  margin:12px 0 16px;
  padding:12px 52px 12px 14px;
  border-top:1px solid rgba(12,47,37,.12);
  border-bottom:1px solid rgba(12,47,37,.12);
  background:linear-gradient(90deg,#f7f3e9 0%,#fffdf8 56%,#eef5f0 100%);
  color:#0b392d;
  overflow:hidden;
  animation:dvh23b8b-scout-in .42s ease-out both;
}

.dvh23b8b-scout-welcome::after{
  content:"";
  position:absolute;
  right:-56px;
  top:-90px;
  width:220px;
  height:220px;
  border:1px solid rgba(230,168,33,.15);
  border-radius:50%;
  pointer-events:none;
}

.dvh23b8b-scout-welcome.is-dismissed{
  display:none!important;
}

.dvh23b8b-scout-portrait{
  position:relative;
  align-self:end;
  width:86px;
  height:104px;
  overflow:hidden;
  border-radius:44px 44px 8px 8px;
  border:1px solid rgba(12,47,37,.13);
  background:#e9eee8;
  box-shadow:0 8px 18px rgba(3,56,36,.10);
}

.dvh23b8b-scout-portrait img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 22%;
  transform:scale(1.08);
  animation:dvh23b8b-scout-float 4.8s ease-in-out 1s infinite;
}

.dvh23b8b-scout-copy{
  min-width:0;
}

.dvh23b8b-scout-copy>span{
  display:block;
  margin-bottom:2px;
  color:#b77b12;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.dvh23b8b-scout-copy h2{
  margin:0 0 4px;
  color:#0b392d;
  font-family:Georgia,serif;
  font-size:clamp(1.25rem,2vw,1.75rem);
  line-height:1.04;
}

.dvh23b8b-scout-copy p{
  max-width:720px;
  margin:0;
  color:#63736d;
  font-size:.72rem;
  line-height:1.45;
}

.dvh23b8b-scout-actions{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
  max-width:510px;
}

.dvh23b8b-scout-actions button{
  min-height:36px;
  padding:7px 10px;
  border:1px solid rgba(12,47,37,.17);
  border-radius:4px;
  background:#fff;
  color:#0b4938;
  font:800 .65rem/1.1 Inter,Arial,sans-serif;
  cursor:pointer;
}

.dvh23b8b-scout-actions button:hover,
.dvh23b8b-scout-actions button:focus-visible{
  border-color:#b98520;
  background:#fffaf0;
}

.dvh23b8b-scout-actions .dvh23b8b-scout-ask{
  border-color:#06452f;
  background:#06452f;
  color:#fff;
}

.dvh23b8b-scout-actions .dvh23b8b-scout-ask:hover,
.dvh23b8b-scout-actions .dvh23b8b-scout-ask:focus-visible{
  background:#003824;
  color:#fff;
}

.dvh23b8b-scout-dismiss{
  position:absolute;
  right:12px;
  top:10px;
  z-index:2;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:4px;
  background:rgba(12,47,37,.05);
  color:#48645b;
  font-size:17px;
  cursor:pointer;
}

/* In focused Fishing Intelligence, stay broad and integrated with the page bands. */
body.dvh23b7-fi-focused .dvh23b8b-scout-welcome{
  margin:0;
  padding-left:max(28px,calc((100vw - 1500px)/2 + 28px));
  padding-right:max(60px,calc((100vw - 1500px)/2 + 60px));
}

/* Fishing Mode already has a contained app width; keep Scout compact. */
body.dvh23b4-fishing-mode .dvh23b8b-scout-welcome{
  margin-top:10px;
  margin-bottom:12px;
}

/* Gentle, non-distracting animation. */
@keyframes dvh23b8b-scout-in{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes dvh23b8b-scout-float{
  0%,100%{transform:scale(1.08) translateY(0)}
  50%{transform:scale(1.08) translateY(-2px)}
}

@media (prefers-reduced-motion: reduce){
  .dvh23b8b-scout-welcome,
  .dvh23b8b-scout-portrait img{
    animation:none!important;
  }
}

@media(max-width:980px){
  .dvh23b8b-scout-welcome{
    grid-template-columns:78px minmax(0,1fr);
    gap:14px;
    padding-right:44px;
  }

  .dvh23b8b-scout-portrait{
    width:74px;
    height:90px;
  }

  .dvh23b8b-scout-actions{
    grid-column:1/-1;
    justify-content:flex-start;
    max-width:none;
    padding-left:92px;
    margin-top:-5px;
  }
}

@media(max-width:640px){
  .dvh23b8b-scout-welcome,
  body.dvh23b7-fi-focused .dvh23b8b-scout-welcome{
    grid-template-columns:62px minmax(0,1fr);
    gap:10px;
    min-height:0;
    margin:8px 0 12px;
    padding:10px 38px 10px 12px;
    border-radius:0;
  }

  .dvh23b8b-scout-portrait{
    width:58px;
    height:72px;
    border-radius:30px 30px 6px 6px;
  }

  .dvh23b8b-scout-copy>span{
    font-size:.52rem;
  }

  .dvh23b8b-scout-copy h2{
    font-size:1.12rem;
  }

  .dvh23b8b-scout-copy p{
    font-size:.64rem;
    line-height:1.38;
  }

  .dvh23b8b-scout-actions{
    grid-column:1/-1;
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    justify-content:flex-start;
    gap:5px;
    max-width:none;
    margin:0;
    padding:2px 0 0;
    scrollbar-width:none;
  }

  .dvh23b8b-scout-actions::-webkit-scrollbar{
    display:none;
  }

  .dvh23b8b-scout-actions button{
    flex:0 0 auto;
    min-height:34px;
    white-space:nowrap;
    font-size:.61rem;
  }

  .dvh23b8b-scout-dismiss{
    right:7px;
    top:7px;
    width:24px;
    height:24px;
  }
}


/* ===============================================================
   Phase 23B.8D.1 — Transparent Scout Welcome Integration
   =============================================================== */

.dvh23b8b-scout-welcome{
  min-height:112px!important;
  grid-template-columns:104px minmax(260px,1fr) auto!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  overflow:visible!important;
}

.dvh23b8b-scout-portrait{
  position:relative!important;
  align-self:end!important;
  width:100px!important;
  height:106px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.dvh23b8b-scout-portrait img{
  position:absolute!important;
  left:50%!important;
  bottom:-8px!important;
  width:auto!important;
  height:126px!important;
  max-width:none!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateX(-50%)!important;
  filter:drop-shadow(0 7px 9px rgba(3,56,36,.16))!important;
  animation:dvh23b8b-scout-float-transparent 4.8s ease-in-out 1s infinite!important;
}

@keyframes dvh23b8b-scout-float-transparent{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-2px)}
}

@media (prefers-reduced-motion: reduce){
  .dvh23b8b-scout-portrait img{
    animation:none!important;
  }
}

@media(max-width:980px){
  .dvh23b8b-scout-welcome{
    grid-template-columns:86px minmax(0,1fr)!important;
  }

  .dvh23b8b-scout-portrait{
    width:82px!important;
    height:96px!important;
  }

  .dvh23b8b-scout-portrait img{
    height:112px!important;
  }

  .dvh23b8b-scout-actions{
    padding-left:100px!important;
  }
}

@media(max-width:640px){
  .dvh23b8b-scout-welcome,
  body.dvh23b7-fi-focused .dvh23b8b-scout-welcome{
    grid-template-columns:66px minmax(0,1fr)!important;
    min-height:84px!important;
    overflow:visible!important;
  }

  .dvh23b8b-scout-portrait{
    width:62px!important;
    height:70px!important;
  }

  .dvh23b8b-scout-portrait img{
    height:88px!important;
    bottom:-5px!important;
  }

  .dvh23b8b-scout-actions{
    padding-left:0!important;
  }
}


/* Phase 23B.8D.2 — Cleaner source integration */
.dvh23b8b-scout-portrait img{
  height:124px!important;
  filter:drop-shadow(0 6px 8px rgba(3,56,36,.13))!important;
}

@media(max-width:640px){
  .dvh23b8b-scout-portrait img{
    height:86px!important;
  }
}


/* ===============================================================
   Phase 23B.8D.3 — Scout Mobile Welcome Polish
   =============================================================== */

@media(max-width:640px){
  .dvh23b8b-scout-welcome,
  body.dvh23b7-fi-focused .dvh23b8b-scout-welcome{
    grid-template-columns:66px minmax(0,1fr)!important;
    gap:10px!important;
    padding-right:38px!important;
  }

  .dvh23b8b-scout-actions{
    grid-column:1 / -1;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:4px 0 0!important;
    overflow:visible!important;
  }

  .dvh23b8b-scout-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    padding:8px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    font-size:.60rem!important;
    line-height:1.15!important;
  }

  .dvh23b8b-scout-actions .dvh23b8b-scout-ask{
    order:4;
  }
}