/* v4.8.6 — focused auth, sidebar and mobile Listings polish. */

/* Keep the signed-in account controls compact and clearly contained. */
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.sidebar>*{flex-shrink:0;min-width:0}
.sidebar-foot{padding-top:4px;min-width:0;padding-bottom:4px}
.sidebar-account-actions{
  gap:6px;
  padding:8px;
  border:1px solid #E8E4F2;
  border-radius:16px;
  background:#FCFBFF;
}
.sidebar-account-actions .pill{
  display:block;
  max-width:100%;
  overflow:visible;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.45;
  padding:7px 9px;
  border-radius:10px;
  background:#F0EDFF!important;
  color:#5D4AE0!important;
  font-size:10.5px;
}
.sidebar-plan-snapshot{
  gap:3px;
  padding:8px 9px;
  border-radius:11px;
  background:#FFFFFF;
}
.sidebar-plan-snapshot>span{font-size:8px}
.sidebar-plan-snapshot>b{font-size:10.5px}
.sidebar-plan-snapshot button{min-height:31px!important;margin-top:2px;padding:5px 8px;font-size:10px}
.sidebar-account-actions #signOutBtn{
  min-height:31px!important;
  width:100%;
  padding:5px 8px;
  border-radius:10px;
  background:transparent;
  border-color:transparent;
  font-size:10.5px;
}
.sidebar-account-actions #signOutBtn:hover{background:#FFF4F3;border-color:#F3D7D3}

/* Authentication follow-up action. */
.auth-status-block{display:grid;gap:7px;justify-items:start}
.auth-resend-button{font-size:11px;line-height:1.25}
.auth-resend-button[hidden]{display:none!important}

@media(max-width:820px){
  /* iOS Safari can stretch table-row-group boxes after tables are converted into
     cards. Use a normal flex stack for the mobile Listings result area instead. */
  [data-page="packages"]{align-content:start}
  [data-page="packages"]>.card{align-self:start;height:auto!important;min-height:0!important}
  [data-page="packages"] .table-wrap{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
  [data-page="packages"] table{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
  }
  [data-page="packages"] tbody{
    display:flex!important;
    flex-direction:column;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:10px;
    gap:10px;
  }
  [data-page="packages"] tr{flex:0 0 auto}

  /* Replace the oversized native iOS select arrows with one consistent chevron. */
  [data-page="packages"] .listings-filters select{
    -webkit-appearance:none!important;
    appearance:none!important;
    height:48px!important;
    min-height:48px!important;
    line-height:1.2!important;
    padding:11px 38px 11px 13px!important;
    background-color:#fff!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236C5CF6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:12px 8px!important;
  }
  [data-page="packages"] .listings-filters{align-items:stretch!important}
}

@media(max-width:520px){
  [data-page="packages"] .listings-filters{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  [data-page="packages"] .listings-filters input{grid-column:1/-1!important}
  [data-page="packages"] .listings-filters select:last-child{grid-column:1/-1!important}
}