/* TALKCHAT_R19C12R9R2_DRAWER_SWITCH_PARITY
   Desktop right-drawer standard: 360px.
   Mobile remains full width.
   Account notification/message/sound boolean controls reuse the existing privacy switch visual.
*/
:root{
  --tc-right-drawer-width:360px;
}

@media (min-width:768px){
  /* All profile/account surfaces that use the same right-drawer behavior. */
  .social-popup.profile-popup{
    left:auto!important;
    right:0!important;
    top:56px!important;
    bottom:0!important;
    width:var(--tc-right-drawer-width)!important;
    max-width:var(--tc-right-drawer-width)!important;
    height:auto!important;
    max-height:none!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Social Hub side surfaces (İlan Duvarı / Sevgi Duvarı / DJ etc.) share the same width token. */
  .right-panel.hub-side-mode{
    width:var(--tc-right-drawer-width)!important;
    min-width:var(--tc-right-drawer-width)!important;
    flex:0 0 var(--tc-right-drawer-width)!important;
  }
}

@media (max-width:767px){
  .social-popup.profile-popup{
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:var(--visible-height,100dvh)!important;
    max-height:none!important;
    border-radius:0!important;
  }
}

/* Profile > Hesap Ayarları: use the same switch language as Gizlilik & Güvenlik. */
.profile-settings-row input[type="checkbox"][role="switch"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#cbd5e1!important;
  position:relative!important;
  cursor:pointer!important;
  transition:background-color .16s ease,opacity .16s ease!important;
  outline:none;
}

.profile-settings-row input[type="checkbox"][role="switch"]::before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:14px!important;
  height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.24)!important;
  transition:left .16s ease,transform .16s ease!important;
}

.profile-settings-row input[type="checkbox"][role="switch"]:checked{
  background:#6366f1!important;
}

.profile-settings-row input[type="checkbox"][role="switch"]:checked::before{
  left:16px!important;
}

.profile-settings-row input[type="checkbox"][role="switch"]:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
}

.profile-settings-row input[type="checkbox"][role="switch"]:focus-visible{
  outline:2px solid #60a5fa!important;
  outline-offset:2px!important;
}

html.dark .profile-settings-row input[type="checkbox"][role="switch"]{
  background:var(--tc-hover,#24313e)!important;
  box-shadow:inset 0 0 0 1px var(--tc-border,#2b3745)!important;
}

html.dark .profile-settings-row input[type="checkbox"][role="switch"]:checked{
  background:#6366f1!important;
  box-shadow:none!important;
}

html.dark .profile-settings-row input[type="checkbox"][role="switch"]::before{
  background:#f8fafc!important;
}