/*
 * Da Vat Hy Lures — Phase 23B.7B
 * My Tackle Box: Home Page Section Rhythm
 *
 * Home Page is the locked visual reference:
 * broad horizontal bands first, cards only inside a band when useful.
 *
 * Presentation only. No Fishing Intelligence / account logic changes.
 */

/* Full-bleed helper, aligned to the same broad public-site content rhythm. */
body.dvh23b2-pocket-shell{
  --dvh23b7b-pad:max(28px,calc((100vw - 1500px)/2 + 28px));
}

/* The My Tackle Box page itself should stop looking like one centred app card. */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main.dvh21b-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#f4efe5;
}

/* ---------- Context navigation: a SITE utility band, not app tabs ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appbar{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#f7f3e9;
  border-bottom:1px solid rgba(12,47,37,.10);
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appbar-inner{
  width:min(1500px,88.5vw)!important;
  max-width:none!important;
  margin:0 auto!important;
  min-height:56px;
  display:grid!important;
  grid-template-columns:minmax(180px,.78fr) minmax(0,2.2fr)!important;
  align-items:stretch;
  gap:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-context{
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  padding:0 18px 0 0!important;
  border-right:1px solid rgba(12,47,37,.12)!important;
  border-bottom:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-context span{
  font-size:.60rem!important;
  color:#b77b12!important;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:900;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-context strong{
  color:#12372f!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:.88rem!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav a{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border:0!important;
  border-right:1px solid rgba(12,47,37,.10)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#12372f!important;
  box-shadow:none!important;
  text-align:center;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav a:last-child{
  border-right:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav a:hover,
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav a:focus-visible{
  background:#f0eadf!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav a.is-active,
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav>a.is-context-active{
  background:transparent!important;
  color:#9f6806!important;
  box-shadow:inset 0 -3px 0 #e6a821!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav strong{
  font-size:.78rem!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav small{
  display:none!important;
}

/* ---------- Hero: broad green Home-style anchor ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main>.dvh21b-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:168px;
  padding:28px var(--dvh23b7b-pad)!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(118deg,#073d2f 0%,#0a4b38 58%,#355c3d 100%)!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main>.dvh21b-hero>div{
  max-width:1050px;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main>.dvh21b-hero h1{
  margin-top:5px!important;
  font-size:clamp(2.45rem,4.8vw,4.25rem)!important;
  line-height:.96!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main>.dvh21b-hero p{
  max-width:920px;
  color:rgba(255,255,255,.82)!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21b-recognised{
  border-radius:4px!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.38)!important;
}

/* ---------- Dashboard container disappears; its CHILDREN become sections ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-dashboard{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* My Tackle Box action intro + action row form one cream section. */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-titlebar,
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-actions{
  width:100%!important;
  margin:0!important;
  padding-left:var(--dvh23b7b-pad)!important;
  padding-right:var(--dvh23b7b-pad)!important;
  border:0!important;
  border-radius:0!important;
  background:#f4efe5!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-titlebar{
  padding-top:25px!important;
  padding-bottom:11px!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-titlebar h2{
  font-family:Georgia,serif!important;
  font-size:clamp(1.8rem,3vw,2.6rem)!important;
  color:#0b392d!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-titlebar p{
  max-width:850px;
  color:#68746f!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-water-chip{
  border:0!important;
  border-left:2px solid #e6a821!important;
  border-radius:0!important;
  background:transparent!important;
  padding:5px 0 5px 14px!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-actions{
  padding-top:0!important;
  padding-bottom:28px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action{
  min-height:104px!important;
  padding:18px 20px!important;
  border:0!important;
  border-right:1px solid rgba(12,47,37,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action:first-child{
  border-left:1px solid rgba(12,47,37,.12)!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action:hover{
  background:#faf7ef!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action.is-primary{
  background:transparent!important;
  color:inherit!important;
  box-shadow:inset 0 -3px 0 #e6a821!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action-icon{
  background:#eaf0ea!important;
  border-radius:50%!important;
}

/* ---------- Today for me: same broad green rhythm as Home's FI band ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today{
  width:100%!important;
  margin:0!important;
  padding:24px var(--dvh23b7b-pad) 26px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#06452f,#003e29,#06452f)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today .eyebrow{
  color:#efb448!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today h3{
  color:#fff!important;
  font-family:Georgia,serif!important;
  font-size:clamp(1.55rem,2.5vw,2.1rem)!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-brief-state{
  border-radius:3px!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:13px!important;
  border-top:1px solid rgba(255,255,255,.15);
  border-bottom:1px solid rgba(255,255,255,.15);
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div{
  min-height:102px!important;
  padding:17px 20px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div:first-child{
  padding-left:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div:last-child{
  border-right:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid span{
  color:#efb448!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid strong{
  color:#fff!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid small{
  color:rgba(255,255,255,.70)!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-actions{
  margin-top:13px!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-actions a{
  color:#fff!important;
}

/* ---------- My Waters: light full-width section ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-my-waters{
  width:100%!important;
  margin:0!important;
  padding:26px var(--dvh23b7b-pad) 28px!important;
  border:0!important;
  border-radius:0!important;
  background:#f7f3e9!important;
  color:#12372f!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-waters-head h3{
  color:#0b392d!important;
  font-family:Georgia,serif!important;
  font-size:clamp(1.55rem,2.5vw,2.15rem)!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-waters-head p{
  color:#68746f!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-selected-water{
  min-width:210px!important;
  border:0!important;
  border-left:2px solid #e6a821!important;
  border-radius:0!important;
  background:transparent!important;
  color:#12372f!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-chips{
  margin:11px 0 3px!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-chips span{
  border-radius:4px!important;
  border-color:rgba(12,47,37,.14)!important;
  background:#fff!important;
  color:#24483e!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions{
  margin-top:13px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid rgba(12,47,37,.12);
  border-bottom:1px solid rgba(12,47,37,.12);
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a{
  min-height:92px!important;
  padding:16px 20px!important;
  border:0!important;
  border-right:1px solid rgba(12,47,37,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#12372f!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a:last-child{
  border-right:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a:hover{
  background:#fffdf8!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a.is-primary{
  background:transparent!important;
  color:#12372f!important;
  box-shadow:inset 0 -3px 0 #e6a821!important;
}

/* ---------- My Fishing / history: white section with a flat four-column row ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing{
  width:100%!important;
  margin:0!important;
  padding:26px var(--dvh23b7b-pad) 29px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing h3{
  font-family:Georgia,serif!important;
  font-size:clamp(1.55rem,2.5vw,2.15rem)!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:11px!important;
  border-top:1px solid rgba(12,47,37,.12);
  border-bottom:1px solid rgba(12,47,37,.12);
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a{
  min-height:100px!important;
  padding:17px 20px!important;
  border:0!important;
  border-right:1px solid rgba(12,47,37,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a:last-child{
  border-right:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a:hover{
  background:#faf7ef!important;
}

/* ---------- Details / setup: quiet closing section ---------- */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-setup-fold{
  width:100%!important;
  margin:0!important;
  padding:0 var(--dvh23b7b-pad)!important;
  border:0!important;
  border-top:1px solid rgba(12,47,37,.10)!important;
  border-radius:0!important;
  background:#f4efe5!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-setup-fold>summary{
  min-height:72px!important;
  padding:18px 0!important;
  border-radius:0!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-setup-content{
  padding:0 0 24px!important;
}

/* Deep detail drawers also become page sections rather than floating cards. */
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-deep{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(12,47,37,.10)!important;
  border-radius:0!important;
  background:#f7f3e9!important;
  box-shadow:none!important;
}
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-deep>summary,
body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-deep>*:not(summary){
  padding-left:var(--dvh23b7b-pad)!important;
  padding-right:var(--dvh23b7b-pad)!important;
}

/* ---------- Mobile: still band-led, but stack useful controls ---------- */
@media(max-width:900px){
  body.dvh23b2-pocket-shell{
    --dvh23b7b-pad:24px;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appbar-inner{
    width:calc(100% - 32px)!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-context{
    border-right:0!important;
    border-bottom:1px solid rgba(12,47,37,.10)!important;
    padding:8px 0!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b2-appnav a{
    min-height:48px!important;
    padding:0 5px!important;
    font-size:.70rem!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-actions{
    grid-template-columns:1fr 1fr!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action:nth-child(2){
    border-right:0!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action:nth-child(n+3){
    border-top:1px solid rgba(12,47,37,.12)!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div:nth-child(2){
    border-right:0!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid{
    grid-template-columns:1fr 1fr!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a:nth-child(2),
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a:nth-child(2){
    border-right:0!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a:nth-child(n+3),
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a:nth-child(n+3){
    border-top:1px solid rgba(12,47,37,.12)!important;
  }
}

@media(max-width:600px){
  body.dvh23b2-pocket-shell{
    --dvh23b7b-pad:18px;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main>.dvh21b-hero{
    min-height:0;
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) main>.dvh21b-hero h1{
    font-size:clamp(2rem,10vw,3rem)!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-titlebar{
    display:grid!important;
    gap:10px!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-water-chip{
    justify-self:start;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-actions,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid{
    grid-template-columns:1fr!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action:first-child,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a{
    border-right:0!important;
    border-left:0!important;
    border-top:1px solid rgba(12,47,37,.12)!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div{
    border-top-color:rgba(255,255,255,.13)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-action:first-child,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh21y1-today-grid>div:first-child,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b5-water-actions>a:first-child,
  body.dvh23b2-pocket-shell:not(.dvh23b7-fi-focused) .dvh23b3-my-fishing-grid>a:first-child{
    border-top:0!important;
  }
}