/* Gear Plan Go brand header and verified Pro marker */
header.gear-plan-go-banner{
  display:block!important;
  padding:0;
  color:#14283A;
  background:#111418;
  border-bottom:1px solid var(--gear-plan-go-accent,#D3222A);
}
body.gear-plan-go-v3 header.gear-plan-go-banner{display:block!important}
header.gear-plan-go-banner .wrap{
  width:100%;
  max-width:1000px!important;
  padding:0!important;
  margin:0 auto!important;
}
header.gear-plan-go-banner .banner-image-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(8px,2vw,18px);
  min-height:clamp(100px,24vw,200px);
  padding:8px clamp(10px,2.5vw,24px);
  position:relative;
  background:linear-gradient(110deg,#161a20 0%,#101317 55%,#171a20 100%);
}
header.gear-plan-go-banner .banner-image-wrap>img{
  display:block!important;
  width:100%!important;
  min-width:0;
  max-width:100%;
  max-height:clamp(100px,24vw,200px);
  height:auto!important;
  flex:1 1 auto;
  object-fit:contain;
}
header.gear-plan-go-banner .banner-subtitle{display:none!important}
.gear-plan-go-pro-badge[hidden]{display:none!important}
.gear-plan-go-pro-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  padding:6px 10px;
  border:1px solid #C18A2B;
  border-radius:999px;
  background:#14283A;
  color:#fff;
  font-size:13px;
  font-weight:850;
  letter-spacing:.045em;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 2px 7px #14283A30;
}
.gear-plan-go-pro-badge svg{width:16px;height:16px;flex:none;fill:#E2B44D}
@media(max-width:420px){
  header.gear-plan-go-banner .banner-image-wrap{gap:6px;padding-left:8px;padding-right:8px}
  header.gear-plan-go-banner .banner-image-wrap>img{max-height:clamp(96px,28vw,124px)}
  .gear-plan-go-pro-badge{min-height:30px;padding:5px 7px;gap:4px;font-size:11px}
  .gear-plan-go-pro-badge svg{width:14px;height:14px}
}

/* Override the prior cropped banner rule so the full new lockup stays visible. */
body.gear-plan-go-v3 header.gear-plan-go-banner .banner-image-wrap>img{content:normal!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:auto!important;max-height:clamp(100px,24vw,200px)!important;}
@media(max-width:420px){body.gear-plan-go-v3 header.gear-plan-go-banner .banner-image-wrap>img{max-height:clamp(96px,28vw,124px)!important;}}


/* User profile avatar beside the brand mark. */
.gear-plan-go-profile-avatar{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  overflow:hidden;
  border:2px solid #dbe3ec;
  border-radius:50%;
  background:#303846;
  color:#fff;
  box-shadow:0 2px 7px #0005;
}
.gear-plan-go-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.gear-plan-go-profile-avatar span{font-size:13px;font-weight:850;letter-spacing:.02em}
.gear-plan-go-profile-avatar:focus-visible{outline:3px solid var(--gear-plan-go-accent,#D3222A);outline-offset:2px}
@media(max-width:420px){.gear-plan-go-profile-avatar{width:34px;height:34px}.gear-plan-go-profile-avatar span{font-size:11px}}
.gpg-profile-dialog{
  width:min(92vw,430px);
  max-height:min(88vh,720px);
  border:1px solid #596579;
  border-radius:18px;
  padding:22px;
  background:#1b2431;
  color:#f1f5f9;
  box-shadow:0 18px 60px #0009;
}
.gpg-profile-dialog::backdrop{background:#0009}
.gpg-profile-form h2{margin:0 0 8px;font-size:23px}
.gpg-profile-help{margin:0 0 16px;color:#cbd5e1;font-size:14px;line-height:1.45}
.gpg-profile-preview{
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  margin:0 auto 16px;
  overflow:hidden;
  border:2px solid #dbe3ec;
  border-radius:50%;
  background:#303846;
  color:#fff;
}
.gpg-profile-preview img{width:100%;height:100%;object-fit:cover}
.gpg-profile-preview span{font-size:24px;font-weight:800}
.gpg-profile-form label{margin:12px 0 5px;color:#e2e8f0;font-weight:700}
.gpg-profile-form input[type=text],.gpg-profile-form input[type=file]{
  width:100%;
  padding:10px;
  border:1px solid #596579;
  border-radius:9px;
  background:#111827;
  color:#f8fafc;
}
.gpg-profile-message{min-height:20px;margin:8px 0;color:#fecaca;font-size:13px}
.gpg-profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.gpg-profile-actions span{flex:1}
.gpg-profile-actions button{min-height:42px}
.gpg-profile-save{background:#d3222a!important;color:#fff!important}
.gpg-profile-remove,.gpg-profile-cancel{background:#303846!important;color:#fff!important;border:1px solid #596579!important}
@media(max-width:420px){.gpg-profile-dialog{padding:18px}.gpg-profile-actions{gap:6px}.gpg-profile-actions button{padding:9px 10px;font-size:13px}}


/* Keep the profile photo in the open banner space after the wordmark. */
header.gear-plan-go-banner .banner-image-wrap>.gear-plan-go-profile-avatar{
  position:absolute;
  z-index:3;
  top:50%;
  right:clamp(78px,22%,240px);
  transform:translateY(-50%);
}