/*
 * Da Vat Hy Lures — Phase 23B.2
 * Shared Pocket Tackle Application Shell — My Tackle Box pilot.
 * Presentation and navigation hierarchy only.
 */
body.dvh23b2-pocket-shell{
  --dvh23b-deep:#082720;
  --dvh23b-green:#0f352d;
  --dvh23b-green2:#17473b;
  --dvh23b-gold:#dda13a;
  --dvh23b-gold-soft:#f0c36d;
  --dvh23b-cream:#f8f2e7;
  --dvh23b-stone:#eee5d6;
  --dvh23b-paper:#fffdf8;
  --dvh23b-ink:#102f28;
  --dvh23b-muted:#65746f;
  --dvh23b-line:rgba(18,55,47,.16);
  background:
    linear-gradient(180deg,#0a2922 0 190px,#f4efe5 190px 100%);
  color:var(--dvh23b-ink);
}

/* Bring the shared public header into the same warm, premium family as Home. */
body.dvh23b2-pocket-shell .dvh-shared-public-nav{
  background:linear-gradient(180deg,#f8f2e7 0%,#f2ecdf 100%)!important;
  border-bottom:1px solid rgba(15,53,45,.16)!important;
}
body.dvh23b2-pocket-shell .dvh-shared-public-nav>.wrap.navin{
  border:1px solid rgba(15,53,45,.15)!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 93% 0%,rgba(221,161,58,.15),transparent 28%),
    linear-gradient(135deg,#fffaf0 0%,#f5f1e8 60%,#edf1e9 100%)!important;
  box-shadow:0 10px 28px rgba(8,39,32,.10)!important;
}
body.dvh23b2-pocket-shell .dvh-public-header-logo{
  background:transparent!important;
  filter:drop-shadow(0 6px 10px rgba(8,39,32,.10));
}

/* Dedicated app navigation: public-site navigation stays above; Pocket Tackle
   navigation is now obvious and limited to five destinations. */
.dvh23b2-appbar{
  width:min(var(--dvh-public-max-width,1560px),calc(100% - (var(--dvh-public-gutter,clamp(18px,2.25vw,42px)) * 2)));
  margin:12px auto 0;
  color:#fff;
}
.dvh23b2-appbar-inner{
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(0,2.1fr);
  gap:14px;
  align-items:stretch;
  padding:9px;
  border:1px solid rgba(240,195,109,.28);
  border-radius:18px;
  background:linear-gradient(125deg,#082b24,#0d382f 58%,#123f35);
  box-shadow:0 16px 34px rgba(3,22,17,.20);
}
.dvh23b2-context{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  padding:7px 11px;
}
.dvh23b2-context span{
  color:var(--dvh23b-gold-soft);
  font-size:.66rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dvh23b2-context strong{
  overflow:hidden;
  color:#fff;
  font-size:.92rem;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dvh23b2-appnav{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}
.dvh23b2-appnav a{
  display:flex;
  min-width:0;
  min-height:58px;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  background:#16483d;
  color:#fff;
  text-decoration:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.dvh23b2-appnav a:hover,
.dvh23b2-appnav a:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(240,195,109,.42);
  background:#1b5548;
}
.dvh23b2-appnav a.is-active{
  border-color:#e4aa42;
  background:linear-gradient(180deg,#edb452,#d9962e);
  color:#102f28;
  box-shadow:0 6px 16px rgba(74,46,3,.20);
}
.dvh23b2-appnav strong{font-size:.84rem;line-height:1.1}
.dvh23b2-appnav small{
  overflow:hidden;
  color:rgba(255,255,255,.62);
  font-size:.62rem;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dvh23b2-appnav a.is-active small{color:rgba(16,47,40,.70)}

/* Canonical application canvas. */
body.dvh23b2-pocket-shell .dvh21b-shell{
  margin-top:12px!important;
  margin-bottom:52px!important;
}

/* Compact brand-led hero. */
body.dvh23b2-pocket-shell .dvh21b-hero{
  position:relative;
  overflow:hidden;
  align-items:center!important;
  padding:22px 26px!important;
  border:1px solid rgba(240,195,109,.26)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 88% -15%,rgba(221,161,58,.22),transparent 28%),
    radial-gradient(circle at 10% 125%,rgba(60,119,94,.28),transparent 38%),
    linear-gradient(132deg,#08251f,#0c3028 48%,#17483b)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(8,39,32,.18)!important;
}
body.dvh23b2-pocket-shell .dvh21b-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background-image:radial-gradient(circle at 12% 25%,rgba(255,255,255,.10),transparent 2px);
  background-size:34px 34px;
}
body.dvh23b2-pocket-shell .dvh21b-hero>div,
body.dvh23b2-pocket-shell .dvh21b-hero>.dvh21b-recognised{position:relative;z-index:1}
body.dvh23b2-pocket-shell .dvh21b-hero .eyebrow{color:var(--dvh23b-gold-soft)!important}
body.dvh23b2-pocket-shell .dvh21b-hero h1{
  margin:.08rem 0 .28rem!important;
  color:#fff!important;
  font-family:Georgia,serif;
  font-size:clamp(1.8rem,3.1vw,3rem)!important;
  letter-spacing:-.025em;
}
body.dvh23b2-pocket-shell .dvh21b-hero p{
  max-width:880px;
  color:rgba(255,255,255,.76)!important;
  font-size:.94rem;
}
body.dvh23b2-pocket-shell .dvh21b-recognised{
  border:1px solid rgba(240,195,109,.34);
  background:rgba(255,255,255,.09)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

/* 21Y dashboard remains the functional source of truth; only its visual hierarchy changes. */
body.dvh23b2-pocket-shell .dvh21y1-dashboard{
  gap:12px;
  margin:0 0 12px;
  padding:18px;
  border:1px solid rgba(18,55,47,.17);
  border-radius:22px;
  background:
    radial-gradient(circle at 96% 0%,rgba(221,161,58,.10),transparent 23%),
    linear-gradient(145deg,#f8f2e7,#f0e8da);
  box-shadow:0 15px 38px rgba(8,39,32,.11);
}
body.dvh23b2-pocket-shell .dvh21y1-titlebar h2,
body.dvh23b2-pocket-shell .dvh21y1-section-head h3{color:#12372f}
body.dvh23b2-pocket-shell .dvh21y1-titlebar p{color:#5e6f69}
body.dvh23b2-pocket-shell .dvh21y1-water-chip{
  border-color:rgba(18,55,47,.16);
  background:#fffaf0;
  color:#12372f;
  box-shadow:0 4px 12px rgba(8,39,32,.05);
}

/* Decision-first actions. */
body.dvh23b2-pocket-shell .dvh21y1-actions{gap:8px}
body.dvh23b2-pocket-shell .dvh21y1-action{
  min-height:88px;
  border-color:rgba(18,55,47,.15);
  border-radius:15px;
  background:#fffdf8;
  color:#113a31;
  box-shadow:0 4px 12px rgba(8,39,32,.045);
}
body.dvh23b2-pocket-shell .dvh21y1-action:first-child{
  background:linear-gradient(145deg,#eff5ef,#e7efe9);
  border-color:rgba(27,89,72,.22);
}
body.dvh23b2-pocket-shell .dvh21y1-action.is-primary{
  border-color:#dfa13a;
  background:linear-gradient(180deg,#efb84f,#db9a31);
  color:#102f28;
  box-shadow:0 9px 20px rgba(118,75,8,.16);
}
body.dvh23b2-pocket-shell .dvh21y1-action-icon{
  background:#e9f0eb;
  color:#164a3d;
}
body.dvh23b2-pocket-shell .dvh21y1-action.is-primary .dvh21y1-action-icon{
  background:rgba(255,255,255,.42);
  color:#102f28;
}
body.dvh23b2-pocket-shell .dvh21y1-action small{color:#a06e11}
body.dvh23b2-pocket-shell .dvh21y1-action.is-primary small,
body.dvh23b2-pocket-shell .dvh21y1-action.is-primary em{color:rgba(16,47,40,.72)}

/* Today is the application anchor: dark, compact and immediately scannable. */
body.dvh23b2-pocket-shell .dvh21y1-today{
  padding:15px;
  border-color:rgba(240,195,109,.18);
  background:
    radial-gradient(circle at 96% 4%,rgba(221,161,58,.16),transparent 25%),
    linear-gradient(135deg,#0a2c25,#123a31);
  color:#fff;
}
body.dvh23b2-pocket-shell .dvh21y1-today .eyebrow{color:var(--dvh23b-gold-soft)}
body.dvh23b2-pocket-shell .dvh21y1-today .dvh21y1-section-head h3{color:#fff}
body.dvh23b2-pocket-shell .dvh21y1-brief-state{
  border-color:rgba(240,195,109,.28);
  background:rgba(255,255,255,.08);
  color:#fff;
}
body.dvh23b2-pocket-shell .dvh21y1-today-grid>div,
body.dvh23b2-pocket-shell .dvh21y1-today-grid>div.is-history{
  min-height:94px;
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
}
body.dvh23b2-pocket-shell .dvh21y1-today-grid span{color:#edc77f}
body.dvh23b2-pocket-shell .dvh21y1-today-grid strong{color:#fff}
body.dvh23b2-pocket-shell .dvh21y1-today-grid small{color:rgba(255,255,255,.66)}
body.dvh23b2-pocket-shell .dvh21y1-today-actions a{color:#f0c36d}

/* History and low-frequency setup are deliberately quieter. */
body.dvh23b2-pocket-shell .dvh21y1-history{
  border-color:rgba(18,55,47,.14);
  background:rgba(255,253,248,.88);
}
body.dvh23b2-pocket-shell .dvh21y1-history-grid>a{
  min-height:116px;
  border-color:rgba(18,55,47,.13);
  background:#fbf8f0;
}
body.dvh23b2-pocket-shell .dvh21y1-history-grid span{color:#9a6a10}
body.dvh23b2-pocket-shell .dvh21y1-setup{
  padding:14px;
  border-color:rgba(18,55,47,.12);
  background:#e9e4d8;
}
body.dvh23b2-pocket-shell .dvh21y1-setup-grid>a{
  min-height:76px;
  border-color:rgba(18,55,47,.12);
  background:rgba(255,253,248,.74);
}
body.dvh23b2-pocket-shell .dvh21y1-account-links a{
  border-color:rgba(18,55,47,.16);
  background:#fffaf0;
}

/* Deep-detail drawers read as one system rather than a stack of unrelated cards. */
body.dvh23b2-pocket-shell .dvh21y1-deep{
  border-color:rgba(18,55,47,.17);
  border-radius:16px;
  background:#f7f2e8;
  box-shadow:0 6px 18px rgba(8,39,32,.05);
}
body.dvh23b2-pocket-shell .dvh21y1-deep>summary{
  color:#12372f;
  background:linear-gradient(90deg,#f8f3e9,#efe8da);
}
body.dvh23b2-pocket-shell .dvh21y1-deep>summary small{color:#a06f12}
body.dvh23b2-pocket-shell .dvh21y1-deep[open]>summary{
  border-bottom-color:rgba(18,55,47,.12);
  background:#ebe7dc;
}

/* Secondary account/commercial surfaces are kept available but visually demoted. */
body.dvh23b2-pocket-shell .dvh21m-dashboard,
body.dvh23b2-pocket-shell .dvh21m2-commercial,
body.dvh23b2-pocket-shell .dvh21m3-activity,
body.dvh23b2-pocket-shell .dvh21m4-doccentre,
body.dvh23b2-pocket-shell .dvh21m5-account,
body.dvh23b2-pocket-shell .dvh21b-card,
body.dvh23b2-pocket-shell .dvh21b-edit{
  border-color:rgba(18,55,47,.13)!important;
  box-shadow:0 7px 20px rgba(8,39,32,.045)!important;
}
body.dvh23b2-pocket-shell .dvh21m-dashboard{background:transparent!important}

/* Keep all existing buttons functional while aligning their finish. */
body.dvh23b2-pocket-shell .btn.btn-primary,
body.dvh23b2-pocket-shell button.btn-primary{
  background:linear-gradient(180deg,#efb84f,#d99528)!important;
  color:#102f28!important;
  box-shadow:0 8px 18px rgba(112,70,8,.15);
}
body.dvh23b2-pocket-shell .btn.btn-dark,
body.dvh23b2-pocket-shell button.btn-dark{
  background:#123a31!important;
  color:#fff!important;
}

@media(max-width:1050px){
  .dvh23b2-appbar-inner{grid-template-columns:1fr}
  .dvh23b2-context{padding:4px 7px 1px}
}

@media(max-width:900px){
  .dvh23b2-appbar{width:calc(100% - 32px)}
  .dvh23b2-appnav a{min-height:54px;padding:7px 6px}
  .dvh23b2-appnav small{display:none}
  body.dvh23b2-pocket-shell .dvh21b-hero{padding:19px 21px!important}
}

@media(max-width:680px){
  body.dvh23b2-pocket-shell{
    background:linear-gradient(180deg,#0a2922 0 150px,#f4efe5 150px 100%);
  }
  body.dvh23b2-pocket-shell .dvh-shared-public-nav>.wrap.navin{
    border-radius:12px!important;
  }
  .dvh23b2-appbar{width:calc(100% - 20px);margin-top:8px}
  .dvh23b2-appbar-inner{gap:6px;padding:7px;border-radius:15px}
  .dvh23b2-context{padding:4px 6px}
  .dvh23b2-context span{font-size:.60rem}
  .dvh23b2-context strong{font-size:.84rem}
  .dvh23b2-appnav{gap:4px;overflow-x:auto;scrollbar-width:none}
  .dvh23b2-appnav::-webkit-scrollbar{display:none}
  .dvh23b2-appnav a{min-width:62px;min-height:50px;border-radius:10px;padding:6px 4px;text-align:center}
  .dvh23b2-appnav strong{font-size:.72rem}
  body.dvh23b2-pocket-shell .dvh21b-shell{
    width:calc(100% - 20px)!important;
    margin-top:8px!important;
  }
  body.dvh23b2-pocket-shell .dvh21b-hero{
    gap:9px;
    padding:16px!important;
    border-radius:18px!important;
  }
  body.dvh23b2-pocket-shell .dvh21b-hero h1{font-size:1.7rem!important}
  body.dvh23b2-pocket-shell .dvh21b-hero p{font-size:.86rem}
  body.dvh23b2-pocket-shell .dvh21y1-dashboard{padding:12px;border-radius:18px}
  body.dvh23b2-pocket-shell .dvh21y1-action{min-height:72px}
  body.dvh23b2-pocket-shell .dvh21y1-today{padding:12px}
  body.dvh23b2-pocket-shell .dvh21y1-today-grid>div,
  body.dvh23b2-pocket-shell .dvh21y1-today-grid>div.is-history{min-height:78px}
  body.dvh23b2-pocket-shell .dvh21y1-history-grid>a{min-height:94px}
  body.dvh23b2-pocket-shell .dvh21y1-setup-grid>a{min-height:64px}
}

@media(max-width:390px){
  .dvh23b2-appnav strong{font-size:.68rem}
  body.dvh23b2-pocket-shell .dvh21b-hero h1{font-size:1.56rem!important}
}


/* Phase 23B.6A3 — Home Page frame parity.
 * The public header and dark hero are already the strong brand anchors.
 * Keep Pocket Tackle navigation light so it does not create a double-green band.
 */
body.dvh23b2-pocket-shell{
  background:#f4efe5!important;
}
.dvh23b2-appbar{
  margin:10px auto 12px;
  color:#12372f;
}
.dvh23b2-appbar-inner{
  grid-template-columns:minmax(180px,.72fr) minmax(0,2.1fr);
  gap:10px;
  padding:8px;
  border:1px solid rgba(18,55,47,.14);
  border-radius:12px;
  background:#f7f3e9;
  box-shadow:0 7px 18px rgba(8,39,32,.07);
}
.dvh23b2-context{
  padding:6px 10px;
  border-right:1px solid rgba(18,55,47,.10);
}
.dvh23b2-context span{
  color:#b77b12;
}
.dvh23b2-context strong{
  color:#12372f;
}
.dvh23b2-appnav{
  gap:5px;
}
.dvh23b2-appnav a{
  min-height:54px;
  padding:7px 9px;
  border:1px solid rgba(18,55,47,.14);
  border-radius:8px;
  background:#fffdf8;
  color:#12372f;
  box-shadow:none;
}
.dvh23b2-appnav a:hover,
.dvh23b2-appnav a:focus-visible{
  transform:none;
  border-color:rgba(18,55,47,.28);
  background:#f0ece2;
}
.dvh23b2-appnav a.is-active{
  border-color:#d69a2b;
  background:#e9a72e;
  color:#102f28;
  box-shadow:none;
}
.dvh23b2-appnav small{
  color:#6a756f;
}
.dvh23b2-appnav a.is-active small{
  color:rgba(16,47,40,.70);
}
body.dvh23b2-pocket-shell .dvh23b2-appnav>a[data-pocket-nav-key="waters"].is-context-active{
  background:#e9a72e!important;
  color:#102f28!important;
  border-color:#d69a2b!important;
}

@media(max-width:1050px){
  .dvh23b2-appbar-inner{grid-template-columns:1fr}
  .dvh23b2-context{
    border-right:0;
    border-bottom:1px solid rgba(18,55,47,.10);
    padding:4px 7px 6px;
  }
}
@media(max-width:680px){
  body.dvh23b2-pocket-shell{background:#f4efe5!important}
  .dvh23b2-appbar{
    width:calc(100% - 20px);
    margin:8px auto 9px;
  }
  .dvh23b2-appbar-inner{
    gap:5px;
    padding:7px;
    border-radius:10px;
  }
  .dvh23b2-context{
    padding:3px 5px 5px;
  }
  .dvh23b2-appnav a{
    min-height:48px;
    border-radius:7px;
    background:#fffdf8;
  }
}