/* Mobile-first member hub: identity stays visible while the active task enters the first viewport. */
.hub-orders-loading-status,
.hub-loading-status-copy{
  display:block;
  margin:16px 0;
  padding:14px 16px;
  border:1px solid #e4d4bc;
  border-radius:12px;
  background:#fff8ed;
  color:#644a2c;
  font-size:14px;
  line-height:1.6;
}
.hub-orders-loading-status:empty{display:none;}
.hub-orders-loading-status.is-error{color:#a52b24;}

@media (max-width: 767px){
  #panelLoading,
  #panelDashboard{
    padding-top:16px;
  }

  #panelLoading{
    padding-inline:16px;
  }

  .hub-member-card-skeleton,
  .hub-member-card{
    height:132px;
    aspect-ratio:auto;
    border-radius:18px;
  }

  .hub-member-card__surface{
    box-shadow:0 12px 28px rgba(15,32,44,.15),0 2px 7px rgba(15,32,44,.12);
  }

  .hub-member-card__topline{
    top:14px;
  }

  .hub-member-card__tier,
  .hub-member-card__microcopy{
    display:none;
  }

  .hub-member-card__identity{
    bottom:17px;
    max-width:68%;
  }

  .hub-member-card__avatar{
    width:42px;
    height:42px;
  }

  .hub-member-card__member-copy h1{
    margin-bottom:3px;
    font-size:17px;
  }

  .hub-member-card__number{
    right:7.5%;
    bottom:21px;
  }

  .hub-member-card__toolbar{
    min-height:34px;
    padding-top:6px;
  }

  .hub-member-overview{
    gap:0;
    margin-bottom:14px;
  }

  .hub-member-overview .hub-journey-preview{
    display:none;
  }

  .hub-member-card-skeleton__top{
    top:16px;
  }

  .hub-member-card-skeleton__identity{
    bottom:17px;
  }

  .hub-member-card-skeleton__avatar{
    width:42px;
    height:42px;
  }

  .hub-main-tabs{
    gap:18px !important;
    margin-bottom:18px !important;
    scroll-padding-inline:16px;
  }

  .hub-main-tabs .tab-btn{
    min-height:48px;
    padding-bottom:10px !important;
    font-size:13px !important;
    letter-spacing:.04em !important;
    text-transform:none !important;
  }

  .hub-main-tabs .tab-btn[aria-selected="true"]{
    color:#1b1c1c;
  }

  .hub-main-tabs .tab-btn:focus-visible{
    border-radius:8px 8px 0 0;
    outline:2px solid rgba(183,35,1,.55);
    outline-offset:2px;
  }

  #tab-orders .hub-orders-heading{
    padding:11px 12px;
  }

  #tab-orders .hub-orders-heading h2{
    font-size:19px;
  }

  .hub-mobile-bottom-nav > a,
  .hub-mobile-bottom-nav > button{
    box-sizing:border-box;
    flex:1 1 25%;
    width:25%;
    min-width:0;
    min-height:64px;
    justify-content:center;
    padding:0 4px;
    border:0;
    border-radius:0;
    background:transparent;
    -webkit-tap-highlight-color:transparent;
  }

  .hub-mobile-bottom-nav > a:focus-visible,
  .hub-mobile-bottom-nav > button:focus-visible{
    border-radius:10px;
    outline:2px solid rgba(183,35,1,.55);
    outline-offset:-4px;
  }
}

/* The first response already contains the complete member-center silhouette.
   It is deliberately anonymous: no previous member's data can flash while a
   new cookie session is being verified. */
.hub-loading-overview{
  width:100%;
  margin-bottom:14px;
}

.hub-loading-tabs{
  display:flex;
  gap:clamp(18px,4vw,48px);
  width:100%;
  margin-bottom:18px;
  overflow:hidden;
  border-bottom:1px solid rgba(27,28,28,.08);
  color:rgba(27,28,28,.38);
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.hub-loading-tabs span,
.hub-loading-tabs strong{
  flex:0 0 auto;
  min-height:48px;
  padding:14px 0 10px;
}

.hub-loading-tabs strong{
  border-bottom:2px solid #1b1c1c;
  color:#1b1c1c;
}

.hub-loading-orders__heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  margin-bottom:12px;
  padding:11px 12px;
  border:1px solid rgba(183,35,1,.08);
  border-radius:18px;
  background:rgba(255,255,255,.82);
}

.hub-loading-orders__heading .skeleton:first-child{width:min(52%,220px);height:21px}
.hub-loading-orders__heading .skeleton:last-child{width:66px;height:14px}

@media (min-width:768px){
  .hub-loading-overview{
    display:grid;
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
    gap:clamp(24px,2.5vw,34px);
    margin-bottom:32px;
  }

  .hub-loading-overview .hub-member-card-skeleton{
    width:100%;
    margin-inline:0;
  }
}

@media (prefers-reduced-motion: reduce){
  .hub-main-tabs{
    scroll-behavior:auto;
  }
}

@media (max-width:640px){.hub-membership-v2{align-items:flex-start;flex-direction:column}.hub-membership-v2__actions{width:100%}.hub-membership-v2 button{flex:1;min-height:44px}}