/* ═════════════════════════════════════════════════════════════
   STRIX EDGE v61 — RESILIENT CLIENT SETTINGS CONSOLE
   ═════════════════════════════════════════════════════════════ */

.settings-page{
  min-height:100vh;
  padding:118px 0 76px;
}
.settings-wrap{
  max-width:1180px;
  margin:0 auto;
}
.settings-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
}
.settings-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--text-muted);
  font:700 11px var(--font-mono);
  letter-spacing:.6px;
  text-decoration:none;
}
.settings-back:hover{color:var(--accent);}
.settings-sync{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(0,255,157,.13);
  border-radius:999px;
  color:var(--accent);
  background:rgba(0,255,157,.045);
  font:750 9px var(--font-mono);
  letter-spacing:1.15px;
  text-transform:uppercase;
}
.settings-sync__dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 11px rgba(0,255,157,.5);
}
.settings-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  margin-bottom:28px;
}
.settings-heading__eyebrow{
  display:block;
  margin-bottom:9px;
  color:var(--accent);
  font:800 10px var(--font-mono);
  letter-spacing:1.7px;
  text-transform:uppercase;
}
.settings-heading h1{
  margin:0;
  font-size:clamp(34px,4.6vw,54px);
  line-height:1.03;
  letter-spacing:-1.6px;
}
.settings-heading p{
  max-width:720px;
  margin:12px 0 0;
  color:var(--text-secondary);
  font-size:14px;
  line-height:1.75;
}
.settings-heading__actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.settings-shell{
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.settings-sidebar,
.settings-panel,
.settings-signedout{
  border:1px solid var(--border);
  background:rgba(255,255,255,.035);
  box-shadow:var(--shadow-md);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
[data-theme="light"] .settings-sidebar,
[data-theme="light"] .settings-panel,
[data-theme="light"] .settings-signedout{
  background:rgba(255,255,255,.76);
}
.settings-sidebar{
  position:sticky;
  top:92px;
  border-radius:23px;
  overflow:hidden;
}
.settings-identity{
  padding:22px 20px 18px;
  border-bottom:1px solid var(--border);
}
.settings-avatar{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:13px;
  overflow:hidden;
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(0,255,157,.17),rgba(0,255,157,.035)),
    rgba(255,255,255,.025);
  border:1px solid rgba(0,255,157,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  color:var(--accent);
  font-size:20px;
  font-weight:800;
  letter-spacing:.5px;
}
.settings-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.settings-identity__name{
  margin:0;
  color:var(--text-primary);
  font-size:16px;
  font-weight:760;
  line-height:1.25;
}
.settings-identity__email{
  display:block;
  margin-top:5px;
  max-width:100%;
  overflow:hidden;
  color:var(--text-muted);
  font:500 10px var(--font-mono);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-identity__meta{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:13px;
}
.settings-mini-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:23px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--text-muted);
  background:rgba(255,255,255,.025);
  font:800 8px var(--font-mono);
  letter-spacing:.65px;
  text-transform:uppercase;
}
.settings-mini-badge.is-positive{
  color:var(--accent);
  border-color:rgba(0,255,157,.14);
  background:rgba(0,255,157,.05);
}
.settings-mini-badge.is-warning{
  color:#d28a00;
  border-color:rgba(210,138,0,.16);
  background:rgba(210,138,0,.05);
}
.settings-tabs{
  display:grid;
  gap:3px;
  padding:10px;
}
.settings-tab{
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--text-secondary);
  text-align:left;
  font:690 12px var(--font-display);
  cursor:pointer;
  transition:.18s ease;
}
.settings-tab:hover{
  background:rgba(255,255,255,.035);
  color:var(--text-primary);
}
.settings-tab.is-active{
  color:var(--accent);
  background:rgba(0,255,157,.055);
  border-color:rgba(0,255,157,.12);
}
.settings-tab__icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:rgba(255,255,255,.025);
  font-size:13px;
}
.settings-tab.is-active .settings-tab__icon{
  background:rgba(0,255,157,.08);
}
.settings-sidebar__footer{
  padding:12px 14px 15px;
  border-top:1px solid var(--border);
}
.settings-plan-summary{
  padding:12px;
  border:1px solid rgba(0,255,157,.12);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(0,255,157,.065),rgba(0,255,157,.018));
}
.settings-plan-summary span{
  display:block;
  color:var(--text-muted);
  font:800 8px var(--font-mono);
  letter-spacing:1px;
  text-transform:uppercase;
}
.settings-plan-summary strong{
  display:block;
  margin-top:5px;
  color:var(--text-primary);
  font-size:14px;
}
.settings-plan-summary a{
  display:inline-block;
  margin-top:8px;
  color:var(--accent);
  font-size:10px;
  font-weight:750;
  text-decoration:none;
}
.settings-main{
  min-width:0;
}
.settings-panel{
  border-radius:23px;
  padding:clamp(22px,3vw,32px);
}
.settings-panel[hidden]{display:none!important;}
.settings-panel__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  padding-bottom:20px;
  margin-bottom:22px;
  border-bottom:1px solid var(--border);
}
.settings-panel__label{
  color:var(--accent);
  font:800 9px var(--font-mono);
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.settings-panel h2{
  margin:5px 0 0;
  color:var(--text-primary);
  font-size:24px;
  letter-spacing:-.45px;
}
.settings-panel__desc{
  max-width:620px;
  margin:7px 0 0;
  color:var(--text-muted);
  font-size:12px;
  line-height:1.65;
}
.settings-form{
  display:grid;
  gap:20px;
}
.settings-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.settings-field{
  display:grid;
  gap:7px;
}
.settings-field--full{
  grid-column:1/-1;
}
.settings-field label,
.settings-field__label{
  color:var(--text-secondary);
  font:800 9px var(--font-mono);
  letter-spacing:1.1px;
  text-transform:uppercase;
}
.settings-input,
.settings-select{
  width:100%;
  min-height:48px;
  padding:0 13px;
  border:1px solid var(--border);
  border-radius:13px;
  outline:none;
  background:rgba(255,255,255,.025);
  color:var(--text-primary);
  font:550 13px var(--font-display);
  transition:.18s ease;
}
[data-theme="light"] .settings-input,
[data-theme="light"] .settings-select{
  background:rgba(255,255,255,.82);
}
.settings-input:focus,
.settings-select:focus{
  border-color:rgba(0,255,157,.42);
  box-shadow:0 0 0 3px rgba(0,255,157,.07);
}
.settings-field__hint{
  margin-top:-1px;
  color:var(--text-muted);
  font-size:10px;
  line-height:1.55;
}
.settings-segmented{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:5px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.settings-segmented--4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.settings-segmented input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.settings-segmented label{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border-radius:10px;
  color:var(--text-muted);
  font-size:11px;
  font-weight:720;
  cursor:pointer;
  transition:.18s ease;
  text-align:center;
}
.settings-segmented input:checked + label{
  color:#07120d;
  background:var(--accent);
  box-shadow:0 7px 18px rgba(0,255,157,.12);
}
.settings-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  min-height:64px;
  padding:14px 0;
  border-bottom:1px solid var(--border);
}
.settings-row:last-child{border-bottom:0;}
.settings-row__copy{
  min-width:0;
}
.settings-row__copy strong{
  display:block;
  color:var(--text-primary);
  font-size:13px;
}
.settings-row__copy span{
  display:block;
  max-width:620px;
  margin-top:4px;
  color:var(--text-muted);
  font-size:11px;
  line-height:1.55;
}
.settings-switch{
  position:relative;
  flex:0 0 46px;
  width:46px;
  height:26px;
}
.settings-switch input{
  position:absolute;
  opacity:0;
}
.settings-switch span{
  position:absolute;
  inset:0;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(148,163,184,.12);
  cursor:pointer;
  transition:.2s ease;
}
.settings-switch span::after{
  content:"";
  position:absolute;
  width:18px;height:18px;
  left:3px;top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 5px rgba(0,0,0,.18);
  transition:.2s ease;
}
.settings-switch input:checked + span{
  border-color:rgba(0,255,157,.18);
  background:rgba(0,255,157,.35);
}
.settings-switch input:checked + span::after{
  transform:translateX(20px);
  background:var(--accent);
}
.settings-savebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-top:20px;
  margin-top:2px;
  border-top:1px solid var(--border);
}
.settings-savebar__status{
  color:var(--text-muted);
  font:650 10px var(--font-mono);
}
.settings-savebar__actions{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
}
.settings-security-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:22px;
}
.settings-security-card{
  min-height:105px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.settings-security-card span{
  display:block;
  color:var(--text-muted);
  font:800 8px var(--font-mono);
  letter-spacing:1px;
  text-transform:uppercase;
}
.settings-security-card strong{
  display:block;
  margin-top:7px;
  color:var(--text-primary);
  font-size:14px;
}
.settings-security-card small{
  display:block;
  margin-top:5px;
  color:var(--text-muted);
  font-size:10px;
  line-height:1.45;
}
.settings-danger{
  margin-top:22px;
  padding:17px;
  border:1px solid rgba(239,83,80,.13);
  border-radius:15px;
  background:rgba(239,83,80,.035);
}
.settings-danger strong{
  display:block;
  color:var(--text-primary);
  font-size:13px;
}
.settings-danger p{
  margin:4px 0 13px;
  color:var(--text-muted);
  font-size:11px;
  line-height:1.55;
}
.settings-toast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:12000;
  width:min(390px,calc(100vw - 32px));
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:14px 15px;
  border:1px solid rgba(0,255,157,.16);
  border-radius:15px;
  background:rgba(10,17,23,.92);
  color:#eef7f3;
  box-shadow:0 20px 46px rgba(0,0,0,.25);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transform:translateY(18px);
  opacity:0;
  pointer-events:none;
  transition:.22s ease;
}
[data-theme="light"] .settings-toast{
  background:rgba(255,255,255,.94);
  color:#1c2733;
  box-shadow:0 20px 46px rgba(15,23,42,.14);
}
.settings-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}
.settings-toast.is-error{
  border-color:rgba(239,83,80,.24);
}
.settings-toast__icon{
  width:25px;height:25px;flex:0 0 25px;
  display:flex;align-items:center;justify-content:center;
  border-radius:8px;
  background:rgba(0,255,157,.08);
  color:var(--accent);
  font-weight:900;
}
.settings-toast.is-error .settings-toast__icon{
  color:#ef5350;
  background:rgba(239,83,80,.08);
}
.settings-toast strong{
  display:block;
  font-size:12px;
}
.settings-toast span{
  display:block;
  margin-top:3px;
  color:var(--text-muted);
  font-size:10px;
  line-height:1.45;
}
.settings-loading{
  min-height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.settings-loading__inner{
  text-align:center;
}
.settings-loading__spinner{
  width:36px;height:36px;
  margin:0 auto 13px;
  border:2px solid rgba(148,163,184,.14);
  border-top-color:var(--accent);
  border-radius:50%;
  animation:settingsSpin .7s linear infinite;
}
@keyframes settingsSpin{to{transform:rotate(360deg)}}
.settings-signedout{
  max-width:720px;
  margin:35px auto 0;
  padding:32px;
  border-radius:23px;
  text-align:center;
}
.settings-signedout h2{
  margin:0 0 10px;
  font-size:26px;
}
.settings-signedout p{
  max-width:560px;
  margin:0 auto 20px;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.7;
}

html[data-reduced-motion="true"] *,
html[data-reduced-motion="true"] *::before,
html[data-reduced-motion="true"] *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  scroll-behavior:auto!important;
  transition-duration:.001ms!important;
}

@media(max-width:920px){
  .settings-heading{
    grid-template-columns:1fr;
    align-items:start;
  }
  .settings-heading__actions{justify-content:flex-start;}
  .settings-shell{
    grid-template-columns:1fr;
  }
  .settings-sidebar{
    position:static;
  }
  .settings-identity{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    column-gap:13px;
    align-items:center;
  }
  .settings-avatar{margin-bottom:0;grid-row:1/3;}
  .settings-identity__meta{
    grid-column:1/-1;
  }
  .settings-tabs{
    grid-template-columns:repeat(5,minmax(0,1fr));
    overflow-x:auto;
  }
  .settings-tab{
    min-width:125px;
    justify-content:center;
    padding:0 10px;
  }
  .settings-sidebar__footer{display:none;}
}
@media(max-width:640px){
  .settings-page{
    padding:90px 0 48px;
  }
  .settings-page .container{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .settings-topline{
    margin-bottom:18px;
  }
  .settings-sync{
    font-size:8px;
    padding:7px 9px;
  }
  .settings-heading{
    margin-bottom:20px;
  }
  .settings-heading h1{
    font-size:34px;
  }
  .settings-heading p{
    font-size:12px;
    line-height:1.65;
  }
  .settings-heading__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .settings-heading__actions .btn{
    width:100%;
  }
  .settings-sidebar,
  .settings-panel{
    border-radius:19px;
  }
  .settings-tabs{
    grid-template-columns:repeat(5,126px);
    padding:8px;
  }
  .settings-tab{
    min-width:126px;
    min-height:42px;
    font-size:11px;
  }
  .settings-tab__icon{
    width:25px;height:25px;flex-basis:25px;
  }
  .settings-panel{
    padding:20px 16px;
  }
  .settings-panel__header{
    display:block;
    margin-bottom:18px;
    padding-bottom:17px;
  }
  .settings-panel h2{
    font-size:21px;
  }
  .settings-form-grid{
    grid-template-columns:1fr;
  }
  .settings-field--full{
    grid-column:auto;
  }
  .settings-segmented,
  .settings-segmented--4{
    grid-template-columns:1fr;
  }
  .settings-segmented label{
    justify-content:flex-start;
    min-height:42px;
    padding:0 12px;
  }
  .settings-row{
    align-items:flex-start;
  }
  .settings-savebar{
    display:grid;
    grid-template-columns:1fr;
  }
  .settings-savebar__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .settings-savebar__actions .btn{
    width:100%;
  }
  .settings-security-grid{
    grid-template-columns:1fr;
  }
  .settings-toast{
    right:16px;
    bottom:16px;
  }
}


/* ═════════════════════════════════════════════════════════════
   V61 — FAST SETTINGS BOOT + SECURE SYNC FALLBACK
   ═════════════════════════════════════════════════════════════ */
.settings-loading{
  min-height:240px;
  padding:34px 20px;
}
.settings-loading__inner{
  width:min(420px,100%);
  padding:28px 26px;
  border:1px solid var(--border);
  border-radius:21px;
  background:rgba(255,255,255,.03);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .settings-loading__inner{
  background:rgba(255,255,255,.58);
}
.settings-loading__spinner{
  width:31px;
  height:31px;
  margin-bottom:14px;
}
.settings-loading .settings-savebar__status{
  display:block;
  font-size:10px;
  letter-spacing:.35px;
  line-height:1.55;
}
.settings-sync-error{
  max-width:720px;
  padding:34px;
  text-align:center;
}
.settings-sync-error__icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  border:1px solid rgba(0,255,157,.16);
  border-radius:18px;
  background:rgba(0,255,157,.065);
  color:var(--accent);
  font-size:25px;
  font-weight:850;
}
.settings-sync-error__actions{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}
.settings-sync-error .btn:disabled{
  opacity:.62;
  cursor:wait;
}
@media(max-width:640px){
  .settings-loading{
    min-height:190px;
    padding:18px 0;
  }
  .settings-loading__inner{
    padding:23px 18px;
    border-radius:18px;
  }
  .settings-sync-error{
    padding:26px 17px;
  }
  .settings-sync-error__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .settings-sync-error__actions .btn{
    width:100%;
  }
}


/* V63 — Settings opens without an authentication-style loading interstitial. */
#settingsLoading,.settings-loading,.settings-loading__inner,.settings-loading__spinner{display:none!important;}


/* ═════════════════════════════════════════════════════════════
   V64 — MOBILE SETTINGS NAVIGATION
   Purpose-built mobile selector: no horizontal scroll, no cut labels.
   ═════════════════════════════════════════════════════════════ */
.settings-mobile-nav-label{display:none;}
.settings-tab__copy{display:block;min-width:0;}
.settings-tab__copy strong{font:inherit;font-weight:inherit;color:inherit;}
.settings-tab__copy small,.settings-tab__chevron{display:none;}
.settings-tab__icon svg{
  width:16px;
  height:16px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

@media (max-width: 640px){
  /* Compact client identity — reads like a native account header. */
  .settings-sidebar{
    overflow:visible!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.62)!important;
    box-shadow:0 16px 38px rgba(26,55,72,.08),inset 0 1px 0 rgba(255,255,255,.78)!important;
    backdrop-filter:blur(20px)!important;
    -webkit-backdrop-filter:blur(20px)!important;
  }
  [data-theme="dark"] .settings-sidebar{
    background:rgba(14,21,27,.78)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  .settings-identity{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:13px!important;
    row-gap:3px!important;
    align-items:center!important;
    padding:16px 16px 14px!important;
    border-bottom:0!important;
  }
  .settings-avatar{
    width:52px!important;
    height:52px!important;
    grid-row:1 / 3!important;
    margin:0!important;
    border-radius:16px!important;
    font-size:20px!important;
    box-shadow:0 8px 18px rgba(0,153,96,.11),inset 0 1px 0 rgba(255,255,255,.6)!important;
  }
  .settings-identity__name{
    font-size:16px!important;
    line-height:1.18!important;
    letter-spacing:-.25px!important;
  }
  .settings-identity__email{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .settings-identity__meta{
    grid-column:1/-1!important;
    display:flex!important;
    gap:7px!important;
    margin-top:10px!important;
  }
  .settings-mini-badge{
    min-height:25px!important;
    padding:0 9px!important;
    font-size:8px!important;
    letter-spacing:.85px!important;
  }

  /* A clean section heading replaces the old overflowing tab strip. */
  .settings-mobile-nav-label{
    display:block!important;
    padding:4px 16px 8px!important;
    color:var(--text-muted)!important;
    font:800 8px var(--font-mono)!important;
    letter-spacing:1.55px!important;
    text-transform:uppercase!important;
  }

  .settings-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0 12px 12px!important;
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  .settings-tabs::-webkit-scrollbar{display:none!important;}

  .settings-tab{
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 12px!important;
    align-items:center!important;
    justify-content:initial!important;
    gap:9px!important;
    padding:10px 10px!important;
    border:1px solid rgba(101,119,137,.11)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.42)!important;
    color:var(--text-secondary)!important;
    text-align:left!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important;
    transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
  }
  [data-theme="dark"] .settings-tab{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .settings-tab[data-settings-tab="security"]{
    grid-column:1/-1!important;
  }
  .settings-tab:active{transform:scale(.985)!important;}
  .settings-tab.is-active{
    color:var(--accent)!important;
    border-color:rgba(0,168,107,.22)!important;
    background:linear-gradient(135deg,rgba(0,168,107,.10),rgba(0,168,107,.035))!important;
    box-shadow:0 8px 20px rgba(0,153,96,.08),inset 0 1px 0 rgba(255,255,255,.64)!important;
  }
  [data-theme="dark"] .settings-tab.is-active{
    background:linear-gradient(135deg,rgba(0,255,157,.10),rgba(0,255,157,.025))!important;
    border-color:rgba(0,255,157,.17)!important;
  }

  .settings-tab__icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    background:rgba(101,119,137,.055)!important;
    color:var(--text-muted)!important;
  }
  .settings-tab.is-active .settings-tab__icon{
    background:rgba(0,168,107,.10)!important;
    color:var(--accent)!important;
  }
  .settings-tab__icon svg{
    width:17px!important;
    height:17px!important;
    stroke-width:1.7!important;
  }
  .settings-tab__copy{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
  }
  .settings-tab__copy strong{
    display:block!important;
    overflow:hidden!important;
    color:var(--text-primary)!important;
    font-family:var(--font-display)!important;
    font-size:12px!important;
    font-weight:740!important;
    line-height:1.12!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .settings-tab.is-active .settings-tab__copy strong{color:var(--accent)!important;}
  .settings-tab__copy small{
    display:block!important;
    overflow:hidden!important;
    color:var(--text-muted)!important;
    font-family:var(--font-display)!important;
    font-size:9px!important;
    font-weight:520!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .settings-tab__chevron{
    display:block!important;
    color:var(--text-muted)!important;
    font-size:18px!important;
    line-height:1!important;
    transform:translateX(-1px)!important;
  }
  .settings-tab.is-active .settings-tab__chevron{color:var(--accent)!important;}

  /* The active settings content now feels connected to the selector. */
  .settings-main{margin-top:12px!important;}
  .settings-panel{
    padding:21px 17px!important;
    border-radius:22px!important;
    box-shadow:0 16px 38px rgba(26,55,72,.07),inset 0 1px 0 rgba(255,255,255,.65)!important;
  }
  [data-theme="dark"] .settings-panel{
    box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  .settings-panel__header{
    margin-bottom:19px!important;
    padding-bottom:17px!important;
  }
  .settings-panel__label{
    font-size:8px!important;
    letter-spacing:1.45px!important;
  }
  .settings-panel h2{
    margin-top:6px!important;
    font-size:23px!important;
    line-height:1.12!important;
    letter-spacing:-.55px!important;
  }
  .settings-panel__desc{
    margin-top:8px!important;
    font-size:11px!important;
    line-height:1.6!important;
  }
}

@media (max-width: 380px){
  .settings-tabs{
    grid-template-columns:1fr!important;
  }
  .settings-tab[data-settings-tab="security"]{
    grid-column:auto!important;
  }
  .settings-tab{
    min-height:64px!important;
    grid-template-columns:32px minmax(0,1fr) 12px!important;
  }
  .settings-tab__icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
}


/* ═════════════════════════════════════════════════════════════
   V71 — SECURE REDEEM ACCESS
   ═════════════════════════════════════════════════════════════ */
.settings-redeem-card{
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(0,255,157,.15);
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 8%,rgba(0,255,157,.10),transparent 28%),
    linear-gradient(145deg,rgba(0,255,157,.05),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
[data-theme="light"] .settings-redeem-card{
  border-color:rgba(0,153,96,.14);
  background:
    radial-gradient(circle at 92% 8%,rgba(0,153,96,.09),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,246,244,.72));
}
.settings-redeem-card__header{display:flex;align-items:flex-start;gap:13px;}
.settings-redeem-card__icon{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
  border:1px solid rgba(0,255,157,.16);border-radius:13px;
  background:rgba(0,255,157,.06);color:var(--accent);font-size:19px;font-weight:800;
}
.settings-redeem-card h3{
  margin:4px 0 5px;color:var(--text-primary);font-size:17px;letter-spacing:-.2px;
}
.settings-redeem-card__header p{
  margin:0;max-width:720px;color:var(--text-muted);font-size:11px;line-height:1.65;
}
.settings-redeem-form{margin-top:17px;padding-top:16px;border-top:1px solid var(--border);}
.settings-redeem-form>label{
  display:block;margin-bottom:7px;color:var(--text-secondary);
  font:800 9px var(--font-mono);letter-spacing:1px;text-transform:uppercase;
}
.settings-redeem-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;}
.settings-redeem-form input{
  min-width:0;height:44px;padding:0 13px;border:1px solid var(--border);border-radius:12px;
  outline:none;background:var(--surface-2,rgba(255,255,255,.025));color:var(--text-primary);
  font:700 12px var(--font-mono);letter-spacing:.65px;text-transform:uppercase;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.settings-redeem-form input:focus{
  border-color:rgba(0,255,157,.38);box-shadow:0 0 0 3px rgba(0,255,157,.07);
}
.settings-redeem-form input::placeholder{color:var(--text-muted);opacity:.6;}
.settings-redeem-form>small{
  display:block;margin-top:8px;color:var(--text-muted);font-size:9px;line-height:1.5;
}
.settings-redeem-status{
  margin-top:16px;display:flex;align-items:flex-start;gap:10px;padding:12px 13px;
  border:1px solid rgba(255,189,67,.18);border-radius:13px;background:rgba(255,189,67,.045);
}
.settings-redeem-status[hidden]{display:none!important;}
.settings-redeem-status__icon{
  width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;
  background:rgba(255,189,67,.09);color:#dca12f;font-weight:900;
}
.settings-redeem-status strong{display:block;color:var(--text-primary);font-size:11px;}
.settings-redeem-status span:not(.settings-redeem-status__icon){
  display:block;margin-top:2px;color:var(--text-muted);font-size:10px;line-height:1.5;
}
.settings-redeem-status.is-success{border-color:rgba(0,255,157,.17);background:rgba(0,255,157,.045);}
.settings-redeem-status.is-success .settings-redeem-status__icon{background:rgba(0,255,157,.08);color:var(--accent);}
.settings-redeem-status.is-error{border-color:rgba(255,100,100,.18);background:rgba(255,100,100,.045);}
.settings-redeem-status.is-error .settings-redeem-status__icon{background:rgba(255,100,100,.08);color:#ff7878;}
@media(max-width:640px){
  .settings-redeem-card{padding:16px 13px;border-radius:16px;}
  .settings-redeem-card__icon{width:37px;height:37px;flex-basis:37px;border-radius:11px;}
  .settings-redeem-form__row{grid-template-columns:1fr;}
  .settings-redeem-form__row .btn{width:100%;}
}


/* ═════════════════════════════════════════════════════════════
   V78 — PUBLIC USERNAME IDENTITY
   ═════════════════════════════════════════════════════════════ */
.settings-identity__username{
  display:block;
  margin-top:3px;
  color:var(--accent);
  font:750 11px var(--font-mono);
  letter-spacing:.2px;
}
.settings-username-wrap{
  position:relative;
  display:flex;
  align-items:center;
}
.settings-username-prefix{
  position:absolute;
  left:13px;
  z-index:1;
  color:var(--accent);
  font:800 13px var(--font-mono);
  pointer-events:none;
}
.settings-input--username{
  padding-left:31px!important;
  font-family:var(--font-mono);
  letter-spacing:.15px;
}
#settingsUsernameHint.is-available{color:var(--accent);}
#settingsUsernameHint.is-error{color:var(--danger);}
#settingsUsernameHint.is-checking{color:var(--text-secondary);}