/* Phase 21M.6.9 — Pocket Tackle Update App Prompt Fix */

.dvh-update-banner{
  box-sizing:border-box!important;
  left:50%!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  width:min(620px,calc(100% - 24px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 13px!important;
  border:1px solid rgba(217,149,32,.34)!important;
  border-radius:18px!important;
  background:
    linear-gradient(135deg,#fffdf7 0%,#f8f5e9 100%)!important;
  color:#102b27!important;
  box-shadow:0 18px 46px rgba(16,43,39,.20)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.dvh-update-banner[hidden]{
  display:none!important;
}

.dvh-update-banner>div{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}

.dvh-update-banner strong{
  display:block!important;
  margin:0!important;
  color:#102b27!important;
  font-size:.84rem!important;
  font-weight:950!important;
  line-height:1.15!important;
}

.dvh-update-banner span{
  display:block!important;
  margin:0!important;
  color:#697570!important;
  font-size:.68rem!important;
  line-height:1.32!important;
}

.dvh-update-banner button{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  min-height:38px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  font-family:inherit!important;
  font-size:.70rem!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
}

.dvh-update-banner [data-update]{
  min-width:112px!important;
  padding:0 14px!important;
  background:#d99520!important;
  color:#102b27!important;
  box-shadow:0 6px 16px rgba(217,149,32,.18)!important;
}

.dvh-update-banner [data-update]:disabled{
  opacity:.65!important;
  cursor:wait!important;
}

.dvh-update-banner [data-close]{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  padding:0!important;
  background:#123f38!important;
  color:#fff!important;
  font-size:1.08rem!important;
}

.dvh-update-banner [data-update]:focus-visible,
.dvh-update-banner [data-close]:focus-visible{
  outline:3px solid rgba(217,149,32,.40)!important;
  outline-offset:2px!important;
}

@media(max-width:640px){
  .dvh-update-banner{
    grid-template-columns:minmax(0,1fr) 38px!important;
    gap:8px!important;
    padding:11px!important;
    border-radius:17px!important;
  }

  .dvh-update-banner>div{
    grid-column:1 / -1!important;
  }

  .dvh-update-banner strong{
    font-size:.80rem!important;
  }

  .dvh-update-banner span{
    font-size:.65rem!important;
  }

  .dvh-update-banner [data-update]{
    width:100%!important;
    min-width:0!important;
  }

  .dvh-update-banner [data-close]{
    width:38px!important;
  }
}