/* Rabitalk Settings Hub V13 — grouped, compact settings */
#view-identity{padding-bottom:20px}
#view-identity .settings-page-title{width:min(100%,660px);margin:0 auto 16px}
#view-identity .settings-page-title h2{margin:0;font-size:clamp(25px,4vw,32px);letter-spacing:-.035em}

.settings-hub,.settings-detail{width:min(100%,660px);margin:0 auto}
.settings-hub{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(25,30,47,.97),rgba(14,18,30,.98));box-shadow:0 24px 70px rgba(0,0,0,.18)}
.settings-menu-row{width:100%;min-height:88px;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:15px;padding:16px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:transparent;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:background .16s ease,transform .16s ease}
.settings-menu-row:last-child{border-bottom:0}
.settings-menu-row:hover,.settings-menu-row:focus-visible{background:rgba(124,58,237,.095);outline:none}
.settings-menu-row:active{background:rgba(124,58,237,.15);transform:scale(.995)}
.settings-menu-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.2);border-radius:17px;background:linear-gradient(145deg,rgba(124,58,237,.2),rgba(32,214,164,.08));color:#d8d0ff}
.settings-menu-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.settings-menu-copy{min-width:0;display:grid;gap:5px}
.settings-menu-copy strong{font-size:16px;line-height:1.2;letter-spacing:-.01em}
.settings-menu-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;line-height:1.3}
.settings-menu-chevron{justify-self:end;color:#a99bc9;font-size:29px;font-weight:300;line-height:1}
.settings-menu-row-danger .settings-menu-icon{border-color:rgba(255,77,109,.2);background:rgba(255,77,109,.08);color:#ff9caf}
.settings-menu-row-danger .settings-menu-copy strong,.settings-menu-row-danger .settings-menu-chevron{color:#ff9caf}

.settings-detail[hidden],#settings-hub[hidden]{display:none!important}
.settings-detail-header{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-height:50px;margin-bottom:12px}
.settings-detail-header h3{grid-column:2;margin:0;text-align:center;font-size:19px;letter-spacing:-.02em}
.settings-detail-back{grid-column:1;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:var(--ink);font-size:29px;line-height:1;cursor:pointer}
.settings-detail-back:hover,.settings-detail-back:focus-visible{border-color:rgba(167,139,250,.38);background:rgba(124,58,237,.12);outline:none}
.settings-detail-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(25,30,47,.97),rgba(14,18,30,.98));box-shadow:0 24px 70px rgba(0,0,0,.18)}

/* Profile detail reuses the proven profile engine, only with cleaner spacing. */
.settings-profile-card .identity-head{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:16px;padding:0 0 18px}
.settings-profile-card .identity-head .avatar-hero{width:78px;height:78px;margin:0;border-radius:25px}
.settings-profile-card .identity-head-copy{min-width:0;display:grid;justify-items:start;gap:8px}
.settings-profile-card .identity-head h2{max-width:100%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px;letter-spacing:-.03em}
.settings-profile-card .identity-photo-action{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid rgba(167,139,250,.25);border-radius:11px;background:rgba(124,58,237,.09);color:#cec4ff;font-size:11px;font-weight:800;cursor:pointer}
.settings-profile-card .pin-hero{margin:0 0 14px;padding:14px 15px;border-style:solid;border-color:rgba(167,139,250,.18);border-radius:15px;background:rgba(8,11,20,.62);text-align:left}
.settings-profile-card .pin-hero span{font-size:19px;letter-spacing:.12em}
.settings-profile-card .pin-hero small{margin-top:4px;font-size:10px}
.settings-profile-card .identity-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:0;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(8,11,20,.35)}
.settings-profile-card .identity-settings label{display:grid;gap:6px;color:var(--muted);font-size:12px}
.settings-profile-card .identity-settings input{width:100%;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#0d101a;color:#fff;outline:none}
.settings-profile-card .identity-settings input:focus{border-color:var(--purple2)}
.settings-profile-card .identity-save{min-height:46px;justify-content:center;padding:12px 18px}

/* Notification detail: one group, no technical diagnostics on the front page. */
.settings-notification-card{display:grid;gap:12px}
.settings-notification-card .notification-settings,.settings-notification-card .notification-sound-settings,.settings-notification-card .install-card,.settings-notification-card .background-readiness{margin:0;border-radius:17px;box-shadow:none}
.settings-notification-card .notification-settings{padding:16px;background:linear-gradient(145deg,rgba(38,214,170,.075),rgba(124,58,237,.08))}
.settings-notification-card .notification-sound-settings{padding:16px;background:rgba(9,12,21,.34)}
.settings-notification-card .notification-settings-copy h3,.settings-notification-card .notification-sound-head h3{font-size:16px}
.settings-notification-card .notification-settings-copy p,.settings-notification-card .notification-sound-status{font-size:11px;line-height:1.45}
.settings-notification-card .notification-settings-actions{min-width:145px}
.settings-notification-card .notification-settings-actions button,.settings-notification-card .notification-sound-form button{min-height:42px;justify-content:center}
.settings-notification-card .notification-sound-form{gap:10px}

@media(max-width:850px){
  #view-identity .settings-page-title{margin-bottom:12px}
  #view-identity .settings-page-title h2{font-size:24px}
  .settings-hub,.settings-detail{width:100%}
  .settings-hub{border-radius:20px}
  .settings-menu-row{min-height:78px;grid-template-columns:48px minmax(0,1fr) 24px;gap:13px;padding:13px 14px}
  .settings-menu-icon{width:48px;height:48px;border-radius:15px}
  .settings-menu-icon svg{width:23px;height:23px}
  .settings-menu-copy strong{font-size:15px}
  .settings-menu-copy small{font-size:11px}
  .settings-menu-chevron{font-size:26px}
  .settings-detail-card{padding:16px;border-radius:20px}
  .settings-detail-header{margin-bottom:8px}
  .settings-notification-card .notification-settings{grid-template-columns:1fr}
  .settings-notification-card .notification-settings-actions{grid-template-columns:1fr;min-width:0}
}
@media(max-width:560px){
  .settings-profile-card .identity-head{grid-template-columns:72px minmax(0,1fr);gap:13px}
  .settings-profile-card .identity-head .avatar-hero{width:68px;height:68px;border-radius:22px}
  .settings-profile-card .identity-head h2{font-size:20px}
  .settings-profile-card .identity-settings{grid-template-columns:1fr}
  .settings-profile-card .identity-save{width:100%}
}
@media(prefers-reduced-motion:reduce){.settings-menu-row{transition:none}}