/* FIX83: Settings & modal polish (Discord-like)
   - solid, consistent backdrops
   - nicer cards/separators
   - Pulsar+ promo styling
*/

/* Backdrops: more solid + blurred, to feel like one window */
#nc-settings-overlay::before,
.nc-modal-overlay::before,
.modal-backdrop::before{
  background: rgba(0,0,0,.62) !important;
  backdrop-filter: blur(10px) saturate(1.1);
}

/* Settings window: slightly more solid + crisp border */
.nc-settings-modal{
  background: rgba(35,36,41,.96) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.62) !important;
}

/* Left nav: cleaner, less noisy */
.nc-settings-nav{
  background: rgba(26,27,31,.96) !important;
}

.nc-settings-search-input{
  background: rgba(0,0,0,.32) !important;
  border-color: rgba(255,255,255,.09) !important;
}

/* Nav items: tighter hover/active */
.nc-settings-item{
  transition: background .14s ease, color .14s ease, transform .14s ease;
}
.nc-settings-item:hover{ transform: translateY(-1px); }
.nc-settings-item:active{ transform: translateY(0); }

/* Page header spacing */
.nc-settings-page-head{
  padding-bottom: 10px;
}

/* Cards: slightly more contrast and consistent radius */
.nc-account-card,
.nc-settings-card,
.nc-vv-card,
.nc-gift-card{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(0,0,0,.18) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
}

/* Tabs: Discord-ish */
.nc-settings-tabs{
  gap: 10px !important;
}
.nc-settings-tab{
  border-radius: 999px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(0,0,0,.16) !important;
}
.nc-settings-tab.is-active{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* Buttons: crisper */
.nc-btn{
  border-radius: 10px;
  border-color: rgba(255,255,255,.10);
}
.nc-btn.ghost{ background: rgba(0,0,0,.14); }
.nc-btn.ghost:hover{ background: rgba(0,0,0,.22); }

/* Pulsar+ promo page */
.nc-settings-page[data-page="nitro"] .nc-vv-section-first{
  position: relative;
  overflow: hidden;
}
.nc-settings-page[data-page="nitro"] .nc-vv-section-first::before{
  content: "";
  position: absolute;
  inset: -40px;
  background: radial-gradient(1200px 420px at 20% 10%, rgba(122,243,255,.24), transparent 60%),
              radial-gradient(900px 380px at 80% 20%, rgba(160,120,255,.18), transparent 55%),
              radial-gradient(800px 360px at 50% 90%, rgba(46,200,128,.16), transparent 60%);
  pointer-events: none;
}
.nc-settings-page[data-page="nitro"] .nc-vv-h2{
  position: relative;
  font-size: 22px;
  letter-spacing: .01em;
}

/* Improve generic modal cards too */
.modal-backdrop .modal,
.modal-backdrop .glass-card,
#incoming-call-modal .incoming-call-card,
#modal-call-ended .call-ended-card{
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.55) !important;
}

/* Ensure the click-shield is always present visually (even if opacity 0) */
.nc-modal-shield{ background: rgba(0,0,0,.01); }