/* Explore Goa Partner Portal 0.3.0-beta.2 */
.egpp-beta-tag,.egpp-topbar-beta{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border:1px solid currentColor;border-radius:999px;font-style:normal;font-size:8px;font-weight:800;letter-spacing:.08em;line-height:1;vertical-align:middle;opacity:.9}
.egpp-topbar-beta{margin-left:5px;color:var(--egpp-green);background:#edf8f5}
.egpp-site-link{display:inline-flex;align-items:center;gap:7px;color:var(--egpp-green);font-weight:650}
.egpp-site-link svg{width:17px;height:17px}
.egpp-auth-site-link{margin:14px 0 0;text-align:center;font-size:12px}
.egpp-auth-site-link a{color:var(--egpp-green);font-weight:650}

@media(max-width:820px){
  /* Keep a clear website exit in the mobile portal header. */
  .egpp-topbar-actions{gap:8px}
  .egpp-site-link{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:38px;height:38px;padding:0 9px;border:1px solid var(--egpp-line);border-radius:11px;background:#fff;font-size:10px}
  .egpp-site-link span{display:inline}
  .egpp-site-link svg{width:17px;height:17px}
  .egpp-topbar-title{display:flex;align-items:center;gap:4px}
  .egpp-topbar-beta{font-size:7px;padding:2px 5px}
}

@media(max-width:760px){
  /* Plan comparison must be readable, not four compressed desktop columns. */
  .egpp-content{overflow-x:hidden!important}
  .egpp-commerce-plan-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;overflow:visible!important;margin:0!important;padding:0 0 12px!important;scroll-snap-type:none!important}
  .egpp-commerce-plan{width:100%!important;max-width:none!important;min-width:0!important;flex:none!important;padding:19px!important;border-radius:15px!important;scroll-snap-align:none!important}
  .egpp-commerce-plan header{padding-right:0!important}
  .egpp-commerce-plan header>span{margin-bottom:10px!important;font-size:11px!important}
  .egpp-plan-price{min-height:0!important;flex-wrap:wrap}
  .egpp-plan-price strong{font-size:30px!important;white-space:nowrap}
  .egpp-commerce-plan header p{min-height:0!important;margin:8px 0 15px!important;font-size:13px!important}
  .egpp-commerce-plan ul{grid-template-columns:1fr 1fr;gap:9px 12px!important;margin-bottom:18px!important}
  .egpp-commerce-plan li{font-size:12px!important}
  .egpp-plan-ribbon{top:12px!important;right:12px!important;max-width:120px;text-align:center}
  .egpp-plan-action button,.egpp-plan-action>a,.egpp-current-plan,.egpp-requested-plan{min-height:46px!important;width:100%!important}
  .egpp-page-heading{margin-bottom:18px!important}
  .egpp-page-heading h1{font-size:27px!important}

  /* Auth pages should fit their content and never create a mysterious decorative chevron. */
  .egpp-auth-body:before,.egpp-auth-body:after,.egpp-auth-page:before,.egpp-auth-page:after,.egpp-auth-panel:before,.egpp-auth-panel:after{content:none!important;display:none!important}
  .egpp-auth-page{overflow-x:hidden!important}
  .egpp-auth-panel{min-height:100svh!important;height:auto!important;overflow:visible!important}
  .egpp-auth-card{overflow:visible!important}
  .egpp-auth-site-link{margin-top:16px!important}
}

@media(max-width:430px){
  .egpp-commerce-plan ul{grid-template-columns:1fr!important}
  .egpp-plan-ribbon{position:static!important;align-self:flex-start;margin:-4px 0 10px!important}
  .egpp-commerce-plan.is-recommended,.egpp-commerce-plan.is-current{box-shadow:0 0 0 2px rgba(0,143,121,.07)!important}
  .egpp-topbar{padding-inline:12px!important}
  .egpp-topbar-actions{gap:5px}
  .egpp-site-link{height:36px;padding-inline:8px}
  .egpp-user-menu>button{padding-left:10px!important}
}


/* beta.2: unified account and unbreakable mobile plan cards. */
@media(max-width:760px){
  .egpp-commerce-plan-grid{display:block!important;width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}
  .egpp-commerce-plan{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0 0 14px!important;padding:19px!important;overflow:hidden!important}
  .egpp-commerce-plan ul{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .egpp-commerce-plan li{min-width:0!important;overflow-wrap:anywhere}
  .egpp-plan-price{display:flex!important;min-width:0!important}.egpp-plan-price strong{font-size:28px!important;max-width:100%;overflow-wrap:anywhere}
  .egpp-plan-action{width:100%!important}.egpp-plan-action button,.egpp-plan-action a{white-space:normal!important}
  .egpp-plan-ribbon{position:static!important;display:inline-flex!important;align-self:flex-start!important;margin:-3px 0 10px!important}
}