.profile-page{min-height:100dvh;background:radial-gradient(circle at 10% 5%,rgba(35, 70, 213,.10),transparent 30%),var(--bg);color:var(--ink)}
.profile-shell{width:min(980px,100%);margin:0 auto;padding:28px 22px 56px}
.profile-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;margin-bottom:22px}
.profile-header h1{margin-top:4px;font-size:30px;line-height:1.05;letter-spacing:-.045em}
.header-spacer{width:44px}
.profile-main{display:grid;gap:16px}
.profile-hero-v6{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:34px;padding:34px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-md);overflow:hidden;position:relative}
.profile-hero-v6:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(35, 70, 213,.08);filter:blur(4px);right:-100px;top:-120px;pointer-events:none}
.profile-hero-avatar{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.avatar-button-v6{position:relative;border:0;background:none;padding:0;cursor:pointer}
.avatar-profile-v6{width:156px;height:156px;border-radius:38px;box-shadow:0 18px 45px rgba(15, 23, 42,.16);background:var(--surface-3);overflow:hidden}
.avatar-profile-v6 img,.avatar-profile-v6 .avatar-fallback{border-radius:inherit}
.avatar-profile-v6 .avatar-fallback{font-size:38px}
.avatar-camera-v6{position:absolute;right:-8px;bottom:-8px;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--ink);color:var(--bg);border:4px solid var(--surface);box-shadow:var(--shadow-sm);pointer-events:none}
.avatar-camera-v6 svg{width:20px;height:20px}
.photo-btn-v6{margin-top:18px;min-height:40px}
.upload-status{min-height:18px;margin-top:8px;font-size:11px;color:var(--ink-faint);text-align:center}
.profile-progress{width:150px;height:4px;opacity:0;transition:opacity .18s}
.profile-hero-avatar.uploading .profile-progress{opacity:1}
.profile-hero-copy-v6{position:relative;z-index:1;min-width:0}
.profile-hero-copy-v6 h2{margin-top:12px;font-size:34px;line-height:1.08;letter-spacing:-.05em;max-width:600px}
.profile-hero-copy-v6 p{margin-top:10px;color:var(--ink-soft);font-size:14px;line-height:1.65;max-width:590px}
.profile-identity-preview{display:flex;align-items:center;gap:10px;margin-top:18px}
.profile-identity-preview strong{font-size:15px}.profile-identity-preview span{color:var(--accent);font-weight:700;font-size:13px}
.share-profile-btn{margin-top:18px}
.profile-form{display:grid;gap:16px}
.settings-card-v6{padding:24px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-sm)}
.section-heading-v6{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}
.section-heading-v6 h2{font-size:16px;letter-spacing:-.025em}.section-heading-v6 p{margin-top:4px;color:var(--ink-faint);font-size:11px;line-height:1.5}
.section-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.section-icon.green{background:rgba(16, 185, 129,.11);color:var(--online)}.section-icon.orange{background:rgba(79, 70, 229,.12);color:var(--warning)}.section-icon svg{width:18px;height:18px}
.profile-fields-v6{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.profile-field-v6{display:grid;gap:8px;min-width:0}.profile-field-v6.full{grid-column:1/-1}
.profile-field-v6>span{font-size:11px;font-weight:750;color:var(--ink-soft)}
.profile-field-v6 input,.profile-field-v6 textarea,.username-input,.locked-input{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.profile-field-v6 input,.profile-field-v6 textarea{font:inherit;font-size:13px;outline:0;padding:12px 14px}.profile-field-v6 input{height:46px}.profile-field-v6 textarea{min-height:105px;resize:vertical;line-height:1.55}
.profile-field-v6 input:focus,.profile-field-v6 textarea:focus,.username-input:focus-within,.locked-input:focus-within{border-color:rgba(35, 70, 213,.48);box-shadow:0 0 0 4px rgba(35, 70, 213,.08);background:var(--surface)}
.username-input,.locked-input{display:flex;align-items:center;height:46px;padding-left:14px}.username-input b{color:var(--accent);font-size:14px}.username-input input,.locked-input input{border:0!important;box-shadow:none!important;background:transparent!important;padding-left:5px!important;height:44px}.locked-input span{margin-right:12px;font-size:12px;opacity:.7}
.profile-field-v6 small{font-size:10px;color:var(--ink-faint);line-height:1.4}.username-field-v6 small.success{color:var(--online)}.username-field-v6 small.error{color:var(--danger)}
.preference-block{padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.preference-block strong,.preference-row-v6 strong{font-size:13px}.preference-block p,.preference-row-v6 p{margin-top:4px;color:var(--ink-faint);font-size:10.5px;line-height:1.5}
.retention-options-v6{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.theme-options-v6{grid-template-columns:1fr 1fr 1fr}.retention-option-v6{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--surface);cursor:pointer;transition:.18s ease}.retention-option-v6:hover{transform:translateY(-1px);border-color:var(--border-strong)}.retention-option-v6:has(input:checked){background:var(--accent-soft);border-color:rgba(35, 70, 213,.3)}.retention-option-v6 input{margin-top:2px;accent-color:var(--accent)}.retention-option-v6 b{display:block;font-size:12px}.retention-option-v6 small{display:block;margin-top:3px;color:var(--ink-faint);font-size:10px}
.preference-row-v6,.privacy-row-v6{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;border-bottom:1px solid var(--border)}.preference-row-v6:last-child,.privacy-row-v6:last-child{border-bottom:0}.privacy-row-v6 span:first-child{font-weight:650;font-size:12px}.privacy-row-v6 span:last-child{font-size:11px;color:var(--ink-faint)}
.profile-actions-v6{position:sticky;bottom:14px;display:flex;justify-content:flex-end;gap:10px;padding:12px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);z-index:10}
.profile-status{text-align:center;min-height:18px;font-size:11px;color:var(--online)}.profile-status.error{color:var(--danger)}
@media(max-width:720px){
 .profile-shell{padding:18px 14px 34px}.profile-header h1{font-size:25px}
 .profile-hero-v6{grid-template-columns:1fr;gap:22px;padding:24px;text-align:center}.profile-hero-copy-v6 h2{font-size:28px}.profile-hero-copy-v6 p{font-size:13px}.profile-identity-preview{justify-content:center}
 .profile-fields-v6{grid-template-columns:1fr}.profile-field-v6.full{grid-column:auto}.retention-options-v6{grid-template-columns:1fr}
 .preference-row-v6,.privacy-row-v6{align-items:flex-start}.profile-actions-v6{bottom:8px}.profile-actions-v6 .btn{flex:1;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.retention-option-v6{transition:none}}

/* V6 profile stability overrides */
.profile-shell,.profile-main,.profile-form,.settings-card-v6,.profile-hero-v6,.profile-fields-v6{min-width:0}
.profile-hero-copy-v6,.profile-fields-v6,.profile-field-v6{min-width:0}
.profile-field-v6 input,.profile-field-v6 textarea,.username-input,.locked-input{min-width:0;max-width:100%}
.profile-actions-v6{width:100%;box-sizing:border-box}
.profile-actions-v6 .btn{min-width:120px}
.avatar-button-v6{display:inline-grid;place-items:center}
.avatar-camera-v6{right:-4px;bottom:-4px;width:42px;height:42px;border-radius:50%;}
@media(max-width:720px){
  .profile-shell{padding-bottom:92px}
  .profile-hero-v6{padding:22px 18px}
  .profile-fields-v6{gap:14px}
  .settings-card-v6{padding:18px}
  .profile-actions-v6{position:sticky;bottom:8px;z-index:20;padding:8px}
  .profile-actions-v6 .btn{min-height:48px}
}

.offline-bar{position:fixed;left:0;right:0;top:0;z-index:500;padding:9px 14px;text-align:center;background:#9a3412;color:#fff;font-size:12px;font-weight:700;letter-spacing:.01em;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.keyboard-hint{font-size:9px;color:var(--ink-faint);opacity:.85}.desktop-only{display:inline-grid}@media(max-width:820px){.desktop-only{display:none}.offline-bar{font-size:11px}}
body.popup-mode .nav-rail,body.popup-mode .sidebar,body.popup-mode .mobile-only{display:none!important}body.popup-mode .app-shell{grid-template-columns:1fr!important}body.popup-mode .chat-panel{border:0;max-width:none}
.messages.drop-target{outline:2px dashed rgba(35,70,213,.55);outline-offset:-10px;background:rgba(35,70,213,.045)}
.settings-inline-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.is-enabled{border-color:rgba(22,163,74,.35)!important;color:#15803d!important}.btn-danger-account{margin-top:12px;border:1px solid rgba(185,28,28,.28);background:rgba(185,28,28,.08);color:#b91c1c;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.btn-danger-account:disabled{opacity:.55;cursor:not-allowed}.account-tools-card{margin-top:18px}.danger-account-card{margin-top:18px;border-color:rgba(185,28,28,.18)}

/* ================================================================
   WhatsApp-style profile/settings workspace — CUNNACT
   Keeps existing profile controls/IDs intact; changes only layout.
   ================================================================ */
body.profile-settings-page{
  min-height:100dvh;
  overflow:hidden;
  background:#0f1418;
  color:#f0f2f3;
}
.profile-app-shell{
  width:100%;
  height:100dvh;
  min-width:0;
  display:grid;
  grid-template-columns:64px minmax(300px,360px) minmax(0,1fr);
  overflow:hidden;
  background:#11171c;
}
.profile-nav-rail{
  min-width:0;
  height:100dvh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:10px 0 14px;
  background:#11161a;
  border-right:1px solid rgba(233,237,239,.08);
  box-sizing:border-box;
}
.profile-nav-logo{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:#20272d;
  border:1px solid rgba(233,237,239,.08);
}
.profile-nav-logo img{width:29px;height:29px;display:block}
.profile-nav-links,.profile-nav-bottom{
  width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;
}
.profile-nav-links{flex:1;justify-content:flex-start;padding-top:14px}
.profile-nav-btn{
  width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  color:#aeb8be;text-decoration:none;
  border:1px solid transparent;background:transparent;
  cursor:pointer;box-sizing:border-box;
}
.profile-nav-btn svg{width:22px;height:22px}
.profile-nav-btn:hover{background:#20272d;color:#f1f4f5}
.profile-nav-btn.active{background:rgba(124,137,255,.18);color:#fff}
.profile-nav-bottom{gap:6px}
.profile-rail-avatar{width:46px;height:46px;border-radius:14px;padding:0;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer}
.profile-rail-avatar:hover{background:#20272d}
.profile-rail-avatar .avatar{width:32px;height:32px}

.settings-sidebar{
  min-width:0;height:100dvh;overflow:hidden;
  display:flex;flex-direction:column;
  background:#11171c;
  border-right:1px solid rgba(233,237,239,.09);
}
.settings-sidebar-head{
  min-height:72px;padding:0 18px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#11171c;
}
.settings-sidebar-head h1{margin:0;font-size:23px;font-weight:700;letter-spacing:-.03em;color:#f3f5f6}
.settings-back-btn{width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#aeb8be;cursor:pointer}
.settings-back-btn:hover{background:#20272d;color:#fff}
.settings-back-btn svg{width:21px;height:21px}
.settings-sidebar-search{
  height:42px;margin:0 14px 13px;padding:0 12px;
  display:flex;align-items:center;gap:9px;
  border-radius:10px;background:#20272d;
}
.settings-sidebar-search svg{width:18px;height:18px;color:#96a1a8;flex:0 0 auto}
.settings-sidebar-search input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#edf1f2;font:inherit;font-size:12px}
.settings-sidebar-search input::placeholder{color:#8f9aa1}
.settings-profile-preview{
  position:relative;min-height:148px;margin:0 14px 4px;padding:14px 14px 10px;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  border-radius:14px;background:#151c21;
  box-sizing:border-box;
}
.settings-profile-avatar-btn{position:relative;padding:0;border:0;background:none;cursor:pointer}
.avatar-settings-v6{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#27323a}
.avatar-settings-v6 .avatar-fallback{font-size:23px}
.settings-profile-preview-bubble{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);
  white-space:nowrap;padding:6px 12px;border:1px solid rgba(233,237,239,.12);
  border-radius:18px;background:#171d21;color:#9da7ad;
  font-size:11px;line-height:1;
}
.settings-profile-preview strong{margin-top:9px;font-size:13px;color:#f0f2f3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-nav-list{padding:5px 8px 24px;overflow:auto;min-height:0}
.settings-nav-item{
  width:100%;min-height:61px;padding:8px 12px;
  display:flex;align-items:center;gap:14px;text-align:left;
  border:0;border-radius:11px;background:transparent;color:#e6eaed;cursor:pointer;
}
.settings-nav-item:hover{background:#1c2328}
.settings-nav-item.active{background:#252d32}
.settings-nav-item.danger{margin-top:5px;color:#ff9b9b}
.settings-nav-icon{width:24px;flex:0 0 24px;display:grid;place-items:center;color:#aeb8be;font-size:20px;line-height:1}
.settings-nav-item.active .settings-nav-icon{color:#25d366}
.settings-nav-item.danger .settings-nav-icon{color:#ff8e8e}
.settings-nav-item span:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}
.settings-nav-item b{font-size:13px;font-weight:650;line-height:1.15}
.settings-nav-item small{font-size:10px;color:#87939a;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.settings-detail{
  min-width:0;min-height:0;height:100dvh;display:flex;flex-direction:column;background:#191f23;
}
.settings-detail-head{
  min-height:72px;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:#20272d;border-bottom:1px solid rgba(233,237,239,.08);
}
.settings-detail-head h2{margin:4px 0 0;font-size:18px;letter-spacing:-.02em}
.settings-detail-head p{margin-top:3px;color:#909ba2;font-size:10px}
.settings-detail-head .eyebrow{font-size:8px;letter-spacing:.16em;color:#6f7b82}
.settings-detail-actions{display:flex;gap:4px}
.settings-icon-action{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#c7d0d5;font-size:22px;cursor:pointer}
.settings-icon-action:hover{background:#2a3238;color:#fff}
.settings-detail-scroll{min-height:0;overflow:auto;padding:24px 30px 40px}
.settings-detail-scroll>.settings-profile-hero{margin:0 auto 16px;max-width:900px}
.settings-detail-scroll>.profile-form{max-width:900px;margin:0 auto}
.settings-profile-hero{grid-template-columns:150px minmax(0,1fr);padding:24px;border-radius:18px;background:#11171c;border:1px solid rgba(233,237,239,.08);box-shadow:none}
.settings-profile-hero:after{display:none}
.settings-profile-hero .avatar-profile-v6{width:118px;height:118px;border-radius:50%;box-shadow:none}
.settings-profile-hero .avatar-camera-v6{width:34px;height:34px;right:-3px;bottom:-3px;border:3px solid #11171c;border-radius:50%;background:#25d366;color:#06130b}
.settings-profile-hero .avatar-camera-v6 svg{width:16px;height:16px}
.settings-profile-hero .profile-hero-copy-v6 h2{font-size:24px}
.settings-profile-hero .profile-hero-copy-v6 p{font-size:12px;max-width:560px}
.settings-detail-scroll .settings-card-v6{background:#20272d;border-color:rgba(233,237,239,.08);border-radius:15px;box-shadow:none;padding:20px}
.settings-detail-scroll .settings-card-v6+ .settings-card-v6{margin-top:12px}
.settings-detail-scroll .section-heading-v6{margin-bottom:17px}
.settings-detail-scroll .profile-actions-v6{bottom:12px;background:rgba(32,39,45,.94);border-color:rgba(233,237,239,.10)}
.settings-detail-scroll .profile-field-v6 input,
.settings-detail-scroll .profile-field-v6 textarea,
.settings-detail-scroll .username-input,
.settings-detail-scroll .locked-input{background:#151c21;border-color:rgba(233,237,239,.10);color:#f0f2f3}
.settings-detail-scroll .profile-field-v6 input:focus,
.settings-detail-scroll .profile-field-v6 textarea:focus,
.settings-detail-scroll .username-input:focus-within,
.settings-detail-scroll .locked-input:focus-within{background:#182026;border-color:rgba(37,211,102,.45);box-shadow:0 0 0 3px rgba(37,211,102,.08)}
.settings-detail-scroll .preference-block{background:#151c21;border-color:rgba(233,237,239,.09)}
.settings-detail-scroll .retention-option-v6{background:#20272d;border-color:rgba(233,237,239,.10)}
.settings-detail-scroll .retention-option-v6:has(input:checked){background:rgba(37,211,102,.10);border-color:rgba(37,211,102,.22)}
.settings-detail-scroll .btn-primary{background:#25d366;color:#06130b;border-color:#25d366}
.settings-detail-scroll .btn-primary:hover{background:#34da72;border-color:#34da72}

@media(max-width:900px){
  .profile-app-shell{grid-template-columns:60px minmax(270px,320px) minmax(0,1fr)}
  .settings-detail-scroll{padding:18px 18px 34px}
}
@media(max-width:720px){
  body.profile-settings-page{overflow:auto}
  .profile-app-shell{height:auto;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:1fr 58px}
  .settings-sidebar{height:calc(100dvh - 58px);display:flex;grid-row:1;grid-column:1;border-right:0}
  .settings-detail{position:fixed;inset:0 0 58px 0;display:none;z-index:20}
  .profile-nav-rail{position:fixed;z-index:50;left:0;right:0;bottom:0;height:58px;width:100%;display:flex;flex-direction:row;padding:4px 7px;background:#11161a;border-top:1px solid rgba(233,237,239,.08);border-right:0}
  .profile-nav-logo{display:none}
  .profile-nav-links{padding:0;margin:0;flex-direction:row;justify-content:space-around;gap:2px}
  .profile-nav-btn{width:42px;height:42px}
  .profile-nav-bottom{width:auto;flex-direction:row}
  .profile-nav-bottom .profile-nav-btn{display:none}
  .profile-rail-avatar{width:42px;height:42px}
  .settings-profile-preview{min-height:136px}
  .settings-nav-item{min-height:58px}
  .settings-profile-hero{grid-template-columns:1fr;text-align:center}
  .settings-profile-hero .profile-identity-preview{justify-content:center}
  .settings-profile-hero .profile-hero-avatar{align-items:center}
}
@media(prefers-reduced-motion:reduce){.settings-nav-item{scroll-behavior:auto}}

/* Dashboard in-place profile settings additions */
.own-profile-settings-btn{margin-left:auto;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--ink,#f0f2f5);cursor:pointer;flex:none}
.own-profile-settings-btn:hover{background:var(--surface-2,#182027);color:var(--accent,#5b6cff)}
.own-profile-settings-btn svg{width:20px;height:20px}
.wa-settings-page{height:100%;display:flex;flex-direction:column;width:min(560px,100%);background:var(--surface,#11171c);color:var(--ink,#f0f2f5);border-right:1px solid var(--border,rgba(255,255,255,.08));overflow:hidden}
.wa-settings-head{height:68px;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--surface,#11171c);border-bottom:1px solid var(--border,rgba(255,255,255,.08));flex:none}
.wa-settings-head h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.wa-settings-search{height:44px;margin:14px 20px 12px;padding:0 13px;display:flex;align-items:center;gap:10px;border-radius:22px;background:var(--surface-3,#20272d);flex:none}
.wa-settings-search svg{width:18px;height:18px;color:var(--ink-faint,#8f9ba2);flex:none}
.wa-settings-search input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink,#f0f2f5);font:inherit;font-size:13px}
.wa-settings-list{min-height:0;overflow:auto;padding:4px 8px 28px}
.wa-settings-item{width:100%;min-height:70px;padding:11px 20px;display:flex;align-items:center;gap:18px;border:0;background:transparent;color:var(--ink,#f0f2f5);text-align:left;cursor:pointer;border-radius:12px}
.wa-settings-item:hover{background:var(--surface-2,#182027)}
.wa-settings-item.danger{color:#ff6b7a;margin-top:4px}
.wa-settings-icon{width:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--ink-soft,#aeb8be);font-size:21px;line-height:1}
.wa-settings-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.wa-settings-copy strong{font-size:15px;font-weight:650;line-height:1.15}
.wa-settings-copy small{font-size:11.5px;color:var(--ink-faint,#8f9ba2);line-height:1.35}
@media(max-width:820px){.wa-settings-page{width:100%;border-right:0}.wa-settings-head{height:62px;padding:0 14px}.wa-settings-head h1{font-size:18px}.wa-settings-search{margin:12px 16px 10px}.wa-settings-item{min-height:66px;padding:10px 16px;gap:15px}}

/* CUNNACT General settings — WhatsApp-style layout */
.settings-general-section{padding:28px 34px 34px !important;max-width:760px;margin:0 auto;min-height:620px}
.general-page-heading{display:flex;align-items:center;gap:12px;margin:0 0 30px}
.general-page-heading h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.03em}
.general-back-arrow{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;font-size:32px;line-height:1;color:#9aa4ab}
.settings-section-label{margin:0 0 14px;font-size:16px;font-weight:700;color:#8ea0ad}
.general-subsection-label{margin-top:34px}
.general-setting-row{min-height:74px;align-items:center;background:transparent !important;border-bottom:0 !important;padding:14px 0 !important}
.general-setting-row + .general-setting-row{margin-top:4px}
.general-setting-row strong{font-size:17px;font-weight:500}
.general-setting-row p{margin:6px 0 0;max-width:560px;font-size:15px;line-height:1.35;color:#a4adb4}
.general-select-row{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 14px;border:1px solid rgba(233,237,239,.12);border-radius:12px;background:#151c21;color:#eef2f4}
.general-select-row + .general-select-row{margin-top:0}
.general-select-row select{width:100%;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:17px;appearance:auto}
.general-select-icon{font-size:25px;color:#a6b0b7}
.general-font-hint{margin:13px 0 0;font-size:14px;color:#9aa7b0}
.settings-detail-scroll{--cunnact-font-scale:var(--cunnact-font-scale,1);font-size:calc(1em * var(--cunnact-font-scale,1))}
.settings-detail-scroll .general-setting-row strong,
.settings-detail-scroll .general-select-row select,
.settings-detail-scroll .general-font-hint,
.settings-detail-scroll .settings-section-label{font-size:calc(1em * var(--cunnact-font-scale,1))}
@media (max-width: 700px){
  .settings-general-section{padding:22px 18px 28px !important;min-height:calc(100dvh - 40px)}
  .general-page-heading h2{font-size:22px}
  .general-setting-row strong{font-size:16px}
  .general-setting-row p{font-size:14px}
  .general-select-row select{font-size:16px}
}

/* Account settings screen — WhatsApp-style shell */
.account-settings-screen{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:520px;margin:0 auto!important}
.account-settings-heading{display:flex;align-items:center;gap:18px;padding:6px 0 34px}
.account-settings-heading h2{font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:0;font-weight:700}
.settings-section-back{width:30px;height:30px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0}
.settings-section-back svg{width:28px;height:28px}
.account-settings-list{display:grid;gap:0}
.account-settings-item{width:100%;display:flex;align-items:center;gap:28px;border:0;background:transparent;color:var(--ink);text-align:left;padding:19px 0;min-height:76px;font:inherit;cursor:pointer}
.account-settings-item:hover{background:color-mix(in srgb,var(--ink) 4%,transparent);border-radius:12px;padding-left:10px;padding-right:10px}
.account-settings-item:focus-visible{outline:2px solid var(--accent,#25d366);outline-offset:2px;border-radius:12px}
.account-settings-icon{width:30px;height:30px;display:grid;place-items:center;color:#9ca3af;flex:none}
.account-settings-icon svg{width:29px;height:29px}
.account-settings-item>span:last-child{font-size:18px;font-weight:650;letter-spacing:-.015em}
.account-settings-legacy{display:none!important}
@media (max-width:720px){
 .account-settings-screen{max-width:none}
 .account-settings-heading{padding-top:0;padding-bottom:26px}
 .account-settings-item{min-height:72px;padding:18px 0}
 .account-settings-item>span:last-child{font-size:17px}
}

/* Privacy v7 — WhatsApp-inspired layout, CUNNACT styling */
.privacy-page-v7{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.settings-inline-page-head{display:flex;align-items:center;gap:12px;padding:6px 0 22px;border-bottom:1px solid var(--border);}
.settings-inline-page-head h2{margin:0;font-size:24px;letter-spacing:-.03em;color:var(--ink);}
.settings-section-back{width:36px;height:36px;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;border-radius:12px;cursor:pointer;}
.settings-section-back svg{width:21px;height:21px;}
.privacy-v7-content{max-width:760px;padding:18px 0 40px;}
.privacy-group-title{padding:8px 0 8px;font-size:14px;font-weight:800;color:var(--ink-faint);}
.privacy-group-spaced{margin-top:24px;padding-top:10px;}
.privacy-setting-item,.privacy-setting-toggle-row,.privacy-profile-discovery-row{width:100%;box-sizing:border-box;border:0;background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:18px 0;border-bottom:1px solid var(--border);font:inherit;}
.privacy-setting-item{cursor:pointer;}
.privacy-setting-item:hover{background:linear-gradient(90deg,transparent,var(--surface-2),transparent);}
.privacy-setting-copy{display:flex;flex-direction:column;gap:4px;min-width:0;}
.privacy-setting-copy strong{font-size:15px;font-weight:700;color:var(--ink);}
.privacy-setting-copy small{font-size:12.5px;line-height:1.35;color:var(--ink-faint);max-width:650px;}
.privacy-chevron{font-size:26px;line-height:1;color:var(--ink-faint);flex:none;}
.privacy-setting-toggle-row .toggle{flex:none;}
.privacy-extra-controls{margin-top:26px;padding-top:4px;border-top:1px solid var(--border);}
.privacy-extra-controls .compact{padding:16px 0;}
.privacy-profile-discovery-row select{min-width:150px;padding:10px 34px 10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);font:inherit;}
.privacy-choice-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(0,0,0,.62);backdrop-filter:blur(10px);padding:18px;}
.privacy-choice-modal[hidden]{display:none;}
.privacy-choice-sheet{width:min(520px,100%);max-height:min(82vh,720px);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);color:var(--ink);display:flex;flex-direction:column;}
.privacy-choice-head{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);}
.privacy-choice-head button{width:34px;height:34px;border:0;border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:22px;cursor:pointer;}
.privacy-choice-head span{font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--accent);}
.privacy-choice-head h3{margin:2px 0 0;font-size:19px;}
.privacy-choice-body{overflow:auto;padding:8px 16px 18px;}
.privacy-choice-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 4px;border-bottom:1px solid var(--border);cursor:pointer;}
.privacy-choice-option:last-child{border-bottom:0;}
.privacy-choice-option .copy{display:flex;flex-direction:column;gap:4px;}
.privacy-choice-option strong{font-size:14px;}
.privacy-choice-option small{font-size:11px;color:var(--ink-faint);}
.privacy-choice-option input{accent-color:var(--accent);width:18px;height:18px;}
.privacy-blocked-list{display:grid;gap:8px;}
.privacy-blocked-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border);}
.privacy-blocked-item > div{display:flex;flex-direction:column;gap:2px;}
.privacy-blocked-item small{color:var(--ink-faint);font-size:11px;}
.privacy-blocked-empty{padding:24px 8px;color:var(--ink-faint);font-size:12px;text-align:center;}
@media (max-width:720px){.privacy-v7-content{padding-bottom:24px}.privacy-setting-copy strong{font-size:14px}.privacy-setting-copy small{font-size:12px}.privacy-choice-sheet{border-radius:18px}.privacy-profile-discovery-row{align-items:flex-start;flex-direction:column}.privacy-profile-discovery-row select{width:100%;}}

/* CUNNACT 2.0 — WhatsApp-style notification settings */
.notifications-settings-v7 .settings-inline-page-head{margin-bottom:18px}
.notification-settings-list{display:flex;flex-direction:column;gap:0}
.notification-setting-row{min-height:68px;display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--border-color,rgba(148,163,184,.18))}
.notification-setting-row:last-of-type{border-bottom:0}
.notification-setting-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.notification-setting-copy strong{font-size:15px;font-weight:600;color:var(--text-primary,#f5f7fb)}
.notification-setting-copy small{font-size:12.5px;line-height:1.45;color:var(--text-secondary,#9ca3af)}
.notification-setting-action{padding-left:5px;padding-right:5px}
.notification-leading-icon{width:36px;flex:0 0 36px;text-align:center;font-size:22px;color:var(--text-secondary,#a1a1aa)}
.notification-group-title{padding:24px 5px 8px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:var(--text-secondary,#9ca3af)}
.notification-divider{height:1px;background:var(--border-color,rgba(148,163,184,.18));margin:10px 0 2px}
.notification-browser-card{margin-top:18px;padding:16px;border:1px solid var(--border-color,rgba(148,163,184,.18));border-radius:14px;display:flex;align-items:center;gap:14px;background:rgba(59,130,246,.05)}
.notification-browser-card>div{flex:1;min-width:0}
.notification-browser-card strong{display:block;font-size:14px;color:var(--text-primary,#f5f7fb)}
.notification-browser-card p{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--text-secondary,#9ca3af)}
.notification-browser-card .btn{flex:0 0 auto}
.notification-help{margin:10px 5px 0;font-size:11.5px;line-height:1.5;color:var(--text-secondary,#8b95a7)}
.notifications-settings-v7 .toggle{flex:0 0 auto}
.notifications-settings-v7 .toggle-slider{min-width:42px}

[data-theme="light"] .notification-setting-copy strong{color:#111827}
[data-theme="light"] .notification-browser-card{background:rgba(59,130,246,.04)}
[data-theme="light"] .notification-browser-card strong{color:#111827}

@media (max-width:640px){
  .notification-setting-row{min-height:64px;padding:12px 0}
  .notification-browser-card{align-items:flex-start}
  .notification-browser-card .btn{margin-top:1px}
}

/* CUNNACT 2.0 settings polish — stable three-column desktop layout */
@media (min-width: 1000px){
  body.profile-settings-page .profile-app-shell{grid-template-columns:64px 390px minmax(0,1fr)!important}
  body.profile-settings-page .profile-nav-rail{grid-column:1}
  body.profile-settings-page .settings-sidebar{grid-column:2;grid-row:1}
  body.profile-settings-page .settings-detail{grid-column:3;grid-row:1;min-width:0;width:100%}
}
.settings-detail-scroll>.profile-form{width:min(820px,100%);max-width:820px;margin:0 auto}
.settings-detail-scroll>.profile-form>section.settings-card-v6{width:100%;box-sizing:border-box;margin-left:0;margin-right:0}
.settings-detail-scroll>.profile-form>section.settings-card-v6[hidden]{display:none!important}
.settings-subpage{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:none!important}
.settings-page-intro{padding:8px 0 18px;border-bottom:1px solid var(--border)}
.settings-page-intro strong{font-size:17px}.settings-page-intro p{margin-top:6px;color:var(--ink-faint);font-size:12px;line-height:1.5}
.device-control-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;border-bottom:1px solid var(--border)}
.device-control-card strong,.device-control-card small{display:block}.device-control-card strong{font-size:15px}.device-control-card small{margin-top:4px;color:var(--ink-faint);font-size:11px}
.camera-preview{width:min(520px,100%);margin:16px 0;border-radius:16px;background:#080b0d;border:1px solid var(--border);max-height:300px;object-fit:cover}
.shortcut-list{display:grid}.shortcut-list>div{display:flex;align-items:center;gap:6px;padding:15px 2px;border-bottom:1px solid var(--border)}.shortcut-list>div span{flex:1;font-size:14px}.shortcut-list kbd{min-width:28px;padding:5px 8px;border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:7px;background:var(--surface-2);font:600 11px/1 Inter,sans-serif;text-align:center;color:var(--ink)}
.help-list{display:grid}.help-list button{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:18px 2px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);text-align:left;cursor:pointer;font:inherit}.help-list button:hover{background:linear-gradient(90deg,transparent,var(--surface-2),transparent)}.help-list strong{font-size:15px}.help-list small{grid-column:1;color:var(--ink-faint);font-size:11px;line-height:1.45}.help-list span{grid-column:2;grid-row:1/3;align-self:center;font-size:25px;color:var(--ink-faint)}
@media(max-width:999px) and (min-width:701px){body.profile-settings-page .profile-app-shell{grid-template-columns:58px 330px minmax(520px,1fr)!important}}

/* ================================================================
   WhatsApp-style PROFILE editor — CUNNACT
   Left detail pane only; keeps the large right workspace untouched.
   ================================================================ */
#app.profile-open .own-settings-in-place.settings-profile-active .settings-detail-head #shareProfileTopBtn{display:none!important;}
#app.profile-open .own-settings-in-place.settings-profile-active .settings-detail-scroll{padding:0!important;}
#app.profile-open .own-settings-in-place.settings-profile-active #profileSection{
  display:block!important;
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:20px 24px 34px!important;
  box-sizing:border-box!important;
  background:#111b21!important;
  color:#e9edef!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#app.profile-open .own-settings-in-place.settings-profile-active #profileSection .section-heading-v6{display:none!important;}
.profile-wa-photo-area{display:flex;flex-direction:column;align-items:center;gap:9px;padding:8px 0 28px;}
.profile-wa-avatar-button{position:relative;width:128px;height:128px;border:0;padding:0;border-radius:50%;background:transparent;cursor:pointer;display:grid;place-items:center;}
.profile-wa-avatar{width:128px!important;height:128px!important;border-radius:50%!important;box-shadow:none!important;overflow:hidden;}
.profile-wa-avatar-button:hover .profile-wa-avatar{filter:brightness(.92);}
.profile-wa-camera{position:absolute;right:2px;bottom:3px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#06130b;border:3px solid #111b21;box-sizing:border-box;}
.profile-wa-camera svg{width:17px;height:17px;}
.profile-wa-photo-note{min-height:18px;font-size:11px;color:#8696a0;text-align:center;line-height:1.35;max-width:270px;}
.profile-wa-photo-note:empty{min-height:0;}
.profile-whatsapp-page .profile-progress{width:min(260px,100%);height:3px;margin:0;overflow:hidden;opacity:.9;}
.profile-whatsapp-page .profile-progress:has(.progress-fill[style*="width: 0"]){opacity:0;}
.profile-wa-fields{border-top:1px solid rgba(134,150,160,.14);}
.profile-wa-row{position:relative;padding:18px 0 15px;border-bottom:1px solid rgba(134,150,160,.14);}
.profile-wa-label{font-size:13px;line-height:1.25;color:#8696a0;margin-bottom:7px;font-weight:500;}
.profile-wa-control{display:flex;align-items:center;gap:6px;min-width:0;}
.profile-wa-input{width:100%;min-width:0;border:0!important;outline:0!important;padding:0 2px!important;background:transparent!important;color:#e9edef!important;font:inherit!important;font-size:15px!important;font-weight:500!important;line-height:1.45!important;box-shadow:none!important;border-radius:0!important;}
.profile-wa-input::placeholder{color:#667781;}
.profile-wa-input:focus{color:#fff!important;}
.profile-wa-prefix{flex:0 0 auto;font-size:15px;color:#aeb7bd;line-height:1.45;}
.profile-wa-edit{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#aeb7bd;cursor:pointer;font-size:19px;line-height:1;}
.profile-wa-edit:hover{background:#202c33;color:#25d366;}
.profile-wa-meta{margin-top:7px;font-size:10px;line-height:1.45;color:#667781;}
.profile-wa-meta.success{color:#25d366!important;}
.profile-wa-meta.error{color:#f15c6d!important;}
#app.profile-open .own-settings-in-place.settings-profile-active .settings-profile-actions{display:flex!important;position:sticky;bottom:0;margin:0 -24px -34px;padding:12px 24px;justify-content:flex-end;background:linear-gradient(to bottom,rgba(17,27,33,0),#111b21 24%);border:0;border-radius:0;box-shadow:none;}
#app.profile-open .own-settings-in-place.settings-profile-active .settings-profile-actions .btn{min-width:116px;}
#app.profile-open .own-settings-in-place.settings-profile-active #profileMessage{padding-top:8px;}
@media(max-width:820px){
  #app.profile-open .own-settings-in-place.settings-profile-active #profileSection{padding:18px 20px 92px!important;}
  #app.profile-open .own-settings-in-place.settings-profile-active .settings-profile-actions{margin:0 -20px -92px;padding:12px 20px;}
  .profile-wa-avatar,.profile-wa-avatar-button{width:112px!important;height:112px!important;}
  .profile-wa-photo-area{padding-bottom:22px;}
}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-profile-active #profileSection{background:#fff!important;color:#111b21!important;}
html[data-theme="light"] .profile-wa-fields{border-color:rgba(17,27,33,.10);}
html[data-theme="light"] .profile-wa-row{border-color:rgba(17,27,33,.10);}
html[data-theme="light"] .profile-wa-label{color:#667781;}
html[data-theme="light"] .profile-wa-input{color:#111b21!important;}
html[data-theme="light"] .profile-wa-input:focus{color:#111b21!important;}
html[data-theme="light"] .profile-wa-edit:hover{background:#f0f2f5;color:#1ea952;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-profile-active .settings-profile-actions{background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 24%);}
html[data-theme="light"] .profile-wa-camera{border-color:#fff;}

/* ================================================================
   CUNNACT SETTINGS V3 — WhatsApp desktop interaction model
   Selecting a row replaces the middle settings list with that row's
   detail screen; the large right workspace stays visible.
   ================================================================ */
@media (min-width: 821px){
  #app.profile-open > .app-shell-body > .own-profile-view.own-settings-in-place{
    --settings-list-width:408px;
    position:relative!important;
    grid-template-columns:var(--settings-list-width) minmax(0,1fr)!important;
    overflow:visible!important;
  }

  /* The settings list is the home screen. A selected section overlays exactly
     the same 408px pane, matching WhatsApp's back-to-list navigation. */
  #app.profile-open .own-settings-in-place .settings-sidebar{z-index:2!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-sidebar{
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #app.profile-open .own-settings-in-place .settings-detail{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    min-width:0!important;
    overflow:visible!important;
    z-index:1!important;
    background:#202020!important;
  }
  #app.profile-open .own-settings-in-place .settings-home-placeholder{
    position:absolute!important;inset:0!important;z-index:1!important;
    background:#202020!important;
  }

  #app.profile-open .own-settings-in-place .settings-detail-scroll{
    display:none!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll{
    display:block!important;
    position:absolute!important;
    top:0!important;
    left:calc(-1 * var(--settings-list-width))!important;
    width:var(--settings-list-width)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    padding:72px 0 0!important;
    margin:0!important;
    background:#111b21!important;
    color:#e9edef!important;
    z-index:5!important;
  }

  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head{
    display:flex!important;
    position:absolute!important;
    left:calc(-1 * var(--settings-list-width))!important;
    top:0!important;
    width:var(--settings-list-width)!important;
    height:72px!important;
    min-height:72px!important;
    box-sizing:border-box!important;
    padding:0 18px!important;
    background:#111b21!important;
    border-bottom:1px solid rgba(134,150,160,.12)!important;
    z-index:9!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head .settings-detail-back{
    width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
    border:0!important;border-radius:50%!important;background:transparent!important;
    color:#e9edef!important;cursor:pointer!important;flex:none!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head .settings-detail-back:hover{
    background:#202c33!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head h2{
    margin:0!important;font-size:20px!important;font-weight:500!important;color:#e9edef!important;line-height:1.2!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head p,
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head .eyebrow,
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-actions{display:none!important;}

  /* Selected section itself becomes the WhatsApp-style left pane. */
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll .settings-card-v6{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:8px 32px 44px!important;
    border:0!important;
    border-radius:0!important;
    background:#111b21!important;
    color:#e9edef!important;
    box-shadow:none!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll .settings-card-v6[hidden]{display:none!important;}

  /* Internal headers/back arrows are redundant because the common header above
     is the single WhatsApp-style page header. */
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-inline-page-head,
  #app.profile-open .own-settings-in-place.settings-detail-active .general-page-heading,
  #app.profile-open .own-settings-in-place.settings-detail-active .account-settings-heading,
  #app.profile-open .own-settings-in-place.settings-detail-active .section-heading-v6{display:none!important;}

  /* General */
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-general-section{
    padding:30px 32px 44px!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-general-section .settings-section-label{
    margin:0 0 12px!important;color:#8696a0!important;font-size:13px!important;font-weight:500!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .general-setting-row{
    min-height:72px!important;margin:0!important;padding:13px 0!important;
    border-bottom:1px solid rgba(134,150,160,.12)!important;background:transparent!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .general-setting-row strong{
    display:block!important;max-width:275px!important;color:#e9edef!important;font-size:15px!important;font-weight:500!important;line-height:1.35!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .general-setting-row p{
    max-width:270px!important;margin:3px 0 0!important;color:#8696a0!important;font-size:12px!important;line-height:1.35!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .general-subsection-label{margin:30px 0 10px!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .general-select-row{
    min-height:48px!important;padding:0 12px!important;border:1px solid rgba(134,150,160,.14)!important;
    border-radius:8px!important;background:#202c33!important;color:#e9edef!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .general-select-row select{
    min-width:0!important;width:100%!important;border:0!important;outline:0!important;
    background:transparent!important;color:#e9edef!important;font-size:14px!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .general-font-hint{margin:10px 0 0!important;color:#8696a0!important;font-size:12px!important;line-height:1.45!important;}

  /* WhatsApp-like control rows for the rest of Settings. */
  #app.profile-open .own-settings-in-place.settings-detail-active .preference-row-v6,
  #app.profile-open .own-settings-in-place.settings-detail-active .device-control-card,
  #app.profile-open .own-settings-in-place.settings-detail-active .notification-setting-row,
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-toggle-row,
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-profile-discovery-row{
    border-bottom:1px solid rgba(134,150,160,.12)!important;
    background:transparent!important;
  }

  /* Real switch — label area and slider are both clickable. */
  #app.profile-open .own-settings-in-place .toggle{
    position:relative!important;display:inline-flex!important;align-items:center!important;
    width:44px!important;height:24px!important;min-width:44px!important;flex:0 0 44px!important;
    cursor:pointer!important;
  }
  #app.profile-open .own-settings-in-place .toggle input{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    margin:0!important;opacity:0!important;cursor:pointer!important;z-index:2!important;
  }
  #app.profile-open .own-settings-in-place .toggle .toggle-slider{
    position:absolute!important;inset:0!important;display:block!important;
    width:44px!important;height:24px!important;border-radius:999px!important;
    background:#3b474e!important;border:1px solid rgba(233,237,239,.12)!important;
    box-sizing:border-box!important;transition:background .16s ease,border-color .16s ease!important;
    pointer-events:none!important;
  }
  #app.profile-open .own-settings-in-place .toggle .toggle-slider::before{
    content:""!important;position:absolute!important;width:18px!important;height:18px!important;
    left:2px!important;top:2px!important;border-radius:50%!important;background:#dfe5e7!important;
    box-shadow:0 1px 2px rgba(0,0,0,.25)!important;transition:transform .16s ease,background .16s ease!important;
  }
  #app.profile-open .own-settings-in-place .toggle input:checked + .toggle-slider{
    background:#00a884!important;border-color:#00a884!important;
  }
  #app.profile-open .own-settings-in-place .toggle input:checked + .toggle-slider::before{
    transform:translateX(20px)!important;background:#fff!important;
  }
  #app.profile-open .own-settings-in-place .toggle input:focus-visible + .toggle-slider{
    box-shadow:0 0 0 3px rgba(0,168,132,.24)!important;
  }

  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-v7-content,
  #app.profile-open .own-settings-in-place.settings-detail-active .notification-settings-list,
  #app.profile-open .own-settings-in-place.settings-detail-active .help-list,
  #app.profile-open .own-settings-in-place.settings-detail-active .shortcut-list{
    width:100%!important;max-width:none!important;
  }

  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-group-title{
    padding:22px 0 8px!important;margin:0!important;color:#00a884!important;font-size:12px!important;font-weight:600!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-item,
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-toggle-row,
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-profile-discovery-row{
    min-height:66px!important;padding:11px 0!important;border-bottom:1px solid rgba(134,150,160,.12)!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-item:hover,
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-toggle-row:hover,
  #app.profile-open .own-settings-in-place.settings-detail-active .privacy-profile-discovery-row:hover{background:#111b21!important;}

  #app.profile-open .own-settings-in-place.settings-detail-active .account-settings-item,
  #app.profile-open .own-settings-in-place.settings-detail-active .help-list button,
  #app.profile-open .own-settings-in-place.settings-detail-active .shortcut-list>div{
    min-height:66px!important;padding:13px 0!important;border-bottom:1px solid rgba(134,150,160,.12)!important;
    color:#e9edef!important;background:transparent!important;
  }

  #app.profile-open .own-settings-in-place.settings-detail-active .settings-page-intro{padding:8px 0 16px!important;border-bottom:1px solid rgba(134,150,160,.12)!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .device-control-card{min-height:68px!important;padding:13px 0!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .notification-setting-row{min-height:64px!important;padding:12px 0!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-profile-actions{
    position:sticky!important;bottom:0!important;margin:0 -32px!important;padding:12px 32px!important;
    background:linear-gradient(to bottom,rgba(17,27,33,0),#111b21 26%)!important;border-top:1px solid rgba(134,150,160,.12)!important;
  }
}

@media (max-width:820px){
  /* Mobile keeps WhatsApp's single-pane pattern: list first, selected detail second. */
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail{
    display:flex!important;position:fixed!important;inset:0 0 62px 0!important;
    width:100%!important;height:auto!important;z-index:30!important;background:#111b21!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-sidebar{display:none!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-home-placeholder{display:none!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head{
    display:flex!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;
    height:62px!important;min-height:62px!important;padding:0 14px!important;
    background:#111b21!important;border-bottom:1px solid rgba(134,150,160,.12)!important;z-index:9!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll{
    display:block!important;position:relative!important;left:auto!important;top:auto!important;
    width:100%!important;height:100%!important;max-height:none!important;padding:62px 0 0!important;
    background:#111b21!important;overflow:auto!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll .settings-card-v6{
    padding:8px 18px 42px!important;background:#111b21!important;
  }
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll .settings-general-section{padding:22px 18px 42px!important;}
  #app.profile-open .own-settings-in-place.settings-detail-active .settings-profile-actions{margin:0 -18px!important;padding:12px 18px!important;}
}

/* Light mode counterpart. */
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-scroll .settings-card-v6,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head{background:#fff!important;color:#111b21!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head{border-bottom-color:rgba(17,27,33,.10)!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .settings-detail-head h2,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .general-setting-row strong{color:#111b21!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .general-setting-row p,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .settings-section-label,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .general-font-hint{color:#667781!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .general-select-row,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .notification-setting-row,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .device-control-card{border-color:rgba(17,27,33,.10)!important;background:#fff!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .general-select-row{background:#f0f2f5!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .general-select-row select{color:#111b21!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-item:hover,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .privacy-setting-toggle-row:hover,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-detail-active .privacy-profile-discovery-row:hover{background:#f0f2f5!important;}
html[data-theme="light"] #app.profile-open .own-settings-in-place .toggle .toggle-slider{background:#d7dde0!important;border-color:rgba(17,27,33,.16)!important;}

/* Complete light-theme surface mapping for Settings. */
html[data-theme="light"] body.profile-settings-page .settings-shell,
html[data-theme="light"] body.profile-settings-page .profile-app-shell,
html[data-theme="light"] .own-profile-view.own-settings-in-place,
html[data-theme="light"] .settings-sidebar,
html[data-theme="light"] .settings-detail,
html[data-theme="light"] .settings-detail-scroll,
html[data-theme="light"] .settings-home-placeholder{
  background:#ffffff!important;
  color:#111827!important;
}
html[data-theme="light"] .settings-sidebar{border-right-color:rgba(17,24,39,.10)!important;}
html[data-theme="light"] .settings-sidebar-head{background:#ffffff!important;}
html[data-theme="light"] .settings-sidebar-head h1{color:#111827!important;}
html[data-theme="light"] .settings-back-btn,
html[data-theme="light"] .settings-icon-action{color:#667781!important;}
html[data-theme="light"] .settings-back-btn:hover,
html[data-theme="light"] .settings-icon-action:hover{background:#f0f2f5!important;color:#111827!important;}
html[data-theme="light"] .settings-sidebar-search{background:#f0f2f5!important;border-color:transparent!important;}
html[data-theme="light"] .settings-sidebar-search input{color:#111827!important;}
html[data-theme="light"] .settings-sidebar-search input::placeholder{color:#667781!important;}
html[data-theme="light"] .settings-profile-preview{background:#f7f9fa!important;border-color:rgba(17,24,39,.08)!important;}
html[data-theme="light"] .settings-profile-preview strong{color:#111827!important;}
html[data-theme="light"] .settings-nav-item{color:#111827!important;}
html[data-theme="light"] .settings-nav-item:hover{background:#f0f2f5!important;}
html[data-theme="light"] .settings-nav-item.active{background:#eef2f5!important;}
html[data-theme="light"] .settings-nav-icon{color:#667781!important;}
html[data-theme="light"] .settings-nav-item small{color:#667781!important;}
html[data-theme="light"] .settings-detail-head{background:#ffffff!important;border-bottom-color:rgba(17,24,39,.10)!important;}
html[data-theme="light"] .settings-detail-head h2{color:#111827!important;}
html[data-theme="light"] .settings-detail-head p,
html[data-theme="light"] .settings-detail-head .eyebrow{color:#667781!important;}
html[data-theme="light"] .settings-detail-scroll .settings-card-v6,
html[data-theme="light"] .settings-detail-scroll .settings-general-section,
html[data-theme="light"] .settings-detail-scroll .preference-block,
html[data-theme="light"] .settings-detail-scroll .device-control-card,
html[data-theme="light"] .settings-detail-scroll .notification-setting-row{
  background:#ffffff!important;
  border-color:rgba(17,24,39,.10)!important;
  color:#111827!important;
}
html[data-theme="light"] .settings-detail-scroll .general-select-row,
html[data-theme="light"] .settings-detail-scroll .locked-input{
  background:#f0f2f5!important;
  border-color:rgba(17,24,39,.10)!important;
  color:#111827!important;
}
html[data-theme="light"] .settings-detail-scroll .retention-option-v6{background:#ffffff!important;border-color:rgba(17,24,39,.10)!important;}
html[data-theme="light"] .settings-detail-scroll .retention-option-v6:has(input:checked){background:rgba(35,70,213,.08)!important;border-color:rgba(35,70,213,.20)!important;}
html[data-theme="light"] .camera-preview{background:#f0f2f5!important;}
html[data-theme="light"] .profile-whatsapp-page,
html[data-theme="light"] #app.profile-open .own-settings-in-place.settings-profile-active #profileSection{background:#ffffff!important;color:#111827!important;}
html[data-theme="light"] .profile-wa-input{color:#111827!important;}
html[data-theme="light"] .profile-wa-input::placeholder{color:#667781!important;}