/* Stellar Settings v22 — calmer, grouped, mobile-first */
body.modal-open .side{visibility:hidden!important;pointer-events:none!important}
.settings-panel{
  display:none;
  position:fixed!important;
  inset:0!important;
  z-index:5200!important;
  padding:20px!important;
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
.settings-card{
  width:min(680px,100%)!important;
  max-height:88dvh!important;
  margin:4dvh auto 0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px!important;
  background:#17171b!important;
  box-shadow:0 28px 90px rgba(0,0,0,.44)!important;
  padding:0!important;
}
.settings-header{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:16px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:rgba(23,23,27,.96)!important;
  backdrop-filter:blur(18px)!important;
}
.settings-header-copy{min-width:0!important}
.settings-kicker{display:none!important}
.settings-header h2{
  margin:0!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  color:#f5f5f7!important;
}
.settings-header p{
  margin:3px 0 0!important;
  color:#8e8e98!important;
  font-size:12px!important;
}
.settings-close-x{
  position:relative!important;
  z-index:30!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.02)!important;
  color:#b8bec9!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
.settings-close-x:hover{border-color:rgba(255,255,255,.08)!important;background:#24242a!important;color:#fff!important}
.settings-close-x:active{transform:scale(.96)!important;background:#2b2b31!important}
.settings-close-x:focus-visible{outline:2px solid rgba(198,190,255,.95)!important;outline-offset:2px!important}
.settings-close-icon{width:19px!important;height:19px!important;display:block!important;pointer-events:none!important}
.settings-close-icon path{fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important}
.settings-grid{
  display:grid!important;
  gap:2px!important;
  padding:10px 12px 14px!important;
}
.settings-grid::before{
  content:"Account & plan";
  padding:10px 10px 6px;
  color:#777782;
  font-size:10px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.settings-row{
  width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:8px 10px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#e7e7eb!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.settings-row:hover{background:#212126!important}
.settings-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#202025!important;
  color:#aaaab4!important;
  font-size:14px!important;
}
.settings-row-copy,.settings-credit-copy{
  min-width:0!important;
  flex:1 1 auto!important;
  display:block!important;
}
.settings-row strong,.settings-credit-copy strong{
  display:block!important;
  color:#f0f0f2!important;
  font-size:13px!important;
  font-weight:680!important;
  line-height:1.25!important;
}
.settings-row small,.settings-credit-copy small{
  display:block!important;
  margin-top:2px!important;
  color:#868691!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal!important;
}
.settings-row-meta{
  margin-left:auto!important;
  color:#74747f!important;
  font-size:11px!important;
  white-space:nowrap!important;
}
.settings-plan-hero{
  min-height:72px!important;
  margin-bottom:5px!important;
  padding:10px 11px!important;
  background:rgba(139,124,246,.09)!important;
  border:1px solid rgba(139,124,246,.14)!important;
}
.settings-plan-hero .settings-icon{
  background:rgba(139,124,246,.17)!important;
  color:#d1cbff!important;
}
.settings-plan-hero .settings-row-action{
  min-height:36px!important;
  border:0!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.06)!important;
  color:#e8e6ff!important;
  font-size:11px!important;
  box-shadow:none!important;
}
.settings-plan-actions{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:start!important;
  padding-bottom:10px!important;
}
.settings-plan-actions .credit-buy-controls{
  grid-column:2!important;
  width:100%!important;
  margin-top:7px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.settings-plan-actions .btn{
  min-height:38px!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:9px!important;
  background:#202025!important;
  color:#dedee4!important;
  font-size:11px!important;
  box-shadow:none!important;
}
.settings-plan-actions .btn.primary{
  background:#ececf0!important;
  color:#151519!important;
  border-color:transparent!important;
}
.settings-wallet-row{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:start!important;
  margin-top:5px!important;
  padding:10px!important;
  background:#1d1d22!important;
}
.settings-wallet-row .credit-buy-controls{
  grid-column:2!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
  margin-top:8px!important;
}
.settings-wallet-row select{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  background:#131317!important;
  color:#ededf0!important;
  padding:0 10px!important;
}
.settings-wallet-row .btn{min-height:40px!important}
.topup-status{
  grid-column:2!important;
  display:block!important;
  min-height:0!important;
  margin-top:4px!important;
  color:#888893!important;
  font-size:10px!important;
}

.settings-referral-row{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  align-items:start!important;
  margin-top:5px!important;
  background:rgba(139,124,246,.045)!important;
}
.settings-referral-row[hidden]{display:none!important}
.settings-referral-row .settings-icon{
  background:rgba(139,124,246,.13)!important;
  color:#d1cbff!important;
}
.settings-referral-actions{
  grid-column:2!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:8px!important;
}
.settings-referral-actions .btn{
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:9px!important;
  background:#202025!important;
  box-shadow:none!important;
}

#usage-copy{display:block!important;color:#a19fac!important}
#settings-signout-row .settings-icon{color:#f0aaaa!important}
.settings-close-footer{display:none!important}
.settings-section-label{
  margin:10px 10px 5px!important;
  color:#777782!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.settings-divider{
  height:1px!important;
  margin:9px 8px!important;
  background:rgba(255,255,255,.055)!important;
}
[data-settings-advanced]{display:none!important}
.settings-card.advanced-open [data-settings-advanced]:not([hidden]){display:flex!important}
.settings-card.advanced-open #owner-call-setup:not([hidden]){display:flex!important}
#settings-advanced-toggle{margin-top:5px!important}
.call-setup-panel{align-items:flex-start!important}
@media(max-width:640px){
  .settings-panel{
    padding:0!important;
    align-items:flex-end!important;
  }
  .settings-card{
    width:100%!important;
    max-width:none!important;
    height:90dvh!important;
    max-height:90dvh!important;
    margin:10dvh 0 0!important;
    border-radius:22px 22px 0 0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    padding-bottom:env(safe-area-inset-bottom)!important;
  }
  .settings-header{
    min-height:64px!important;
    padding:13px 14px 12px!important;
  }
  .settings-header::before{
    content:""!important;
    position:absolute!important;
    top:6px!important;
    left:50%!important;
    width:34px!important;
    height:4px!important;
    transform:translateX(-50%)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
  }
  .settings-header p{display:none!important}
  .settings-grid{padding:8px 8px 14px!important}
  .settings-row{
    min-height:52px!important;
    padding:8px!important;
  }
  .settings-row small{font-size:10.5px!important}
  .settings-row-meta{font-size:0!important}
  .settings-row-meta span{font-size:18px!important}
  .settings-plan-hero{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
  }
  .settings-plan-hero .settings-row-action{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:7px!important;
  }
  .settings-plan-actions .credit-buy-controls{
    grid-template-columns:1fr!important;
  }
  .settings-plan-actions .btn{min-height:44px!important}
  .settings-wallet-row .credit-buy-controls{
    grid-template-columns:1fr!important;
  }
  .settings-wallet-row .credit-buy-controls .btn{width:100%!important}
  .settings-referral-actions{grid-template-columns:1fr 1fr!important;display:grid!important}
  .settings-referral-actions .btn{width:100%!important;min-height:44px!important}
}