/* TALKCHAT_R20A40R15R1_ACCOUNT_SETTINGS_BUTTONS_MODERN
   Scope: Hesap Ayarları > Hesap tab only.
   Goal: remove browser/native button appearance without changing behavior.
*/

/* E-posta: Ekle / Değiştir */
#featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit]{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  min-width:56px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #bfdbfe!important;
  border-radius:9px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

/* Parola Değiştir */
#featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  width:calc(100% - 28px)!important;
  min-height:40px!important;
  margin:0 14px 14px!important;
  padding:0 14px!important;
  border:1px solid #bfdbfe!important;
  border-radius:10px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  cursor:pointer!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

#featureLayer .profile-settings-popup button.profile-settings-action[data-account-password] .material-symbols-outlined{
  font-size:18px!important;
}

/* Hover / keyboard focus */
@media (hover:hover){
  #featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit]:hover,
  #featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]:hover{
    background:#dbeafe!important;
    border-color:#93c5fd!important;
    color:#1d4ed8!important;
    box-shadow:0 3px 9px rgba(37,99,235,.10)!important;
  }
}

#featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit]:focus-visible,
#featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]:focus-visible,
#featureLayer .profile-settings-popup .profile-mini-dialog form > div > button:focus-visible{
  outline:2px solid #60a5fa!important;
  outline-offset:2px!important;
}

#featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit]:disabled,
#featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]:disabled,
#featureLayer .profile-settings-popup .profile-mini-dialog form > div > button:disabled{
  opacity:.50!important;
  cursor:not-allowed!important;
}

/* E-posta mini dialog: İptal / Kaydet */
#featureLayer .profile-settings-popup .profile-mini-dialog form > div > button{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}

#featureLayer .profile-settings-popup .profile-mini-dialog button[data-email-cancel]{
  border:1px solid #d8e0ea!important;
  background:#fff!important;
  color:#475569!important;
}

#featureLayer .profile-settings-popup .profile-mini-dialog form > div > button[type="submit"]{
  border:1px solid #2563eb!important;
  background:#2563eb!important;
  color:#fff!important;
}

@media (hover:hover){
  #featureLayer .profile-settings-popup .profile-mini-dialog button[data-email-cancel]:hover{
    background:#f8fafc!important;
    border-color:#cbd5e1!important;
  }

  #featureLayer .profile-settings-popup .profile-mini-dialog form > div > button[type="submit"]:hover{
    background:#1d4ed8!important;
    border-color:#1d4ed8!important;
  }
}

/* Dark mode parity */
html.dark #featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit],
html[data-theme="dark"] #featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit],
html.dark #featureLayer .profile-settings-popup button.profile-settings-action[data-account-password],
html[data-theme="dark"] #featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]{
  background:rgba(59,130,246,.16)!important;
  border-color:rgba(96,165,250,.36)!important;
  color:#bfdbfe!important;
  box-shadow:none!important;
}

@media (hover:hover){
  html.dark #featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit]:hover,
  html[data-theme="dark"] #featureLayer .profile-settings-popup .profile-account-card > button[data-email-edit]:hover,
  html.dark #featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]:hover,
  html[data-theme="dark"] #featureLayer .profile-settings-popup button.profile-settings-action[data-account-password]:hover{
    background:rgba(59,130,246,.24)!important;
    border-color:rgba(96,165,250,.58)!important;
    color:#dbeafe!important;
  }
}

html.dark #featureLayer .profile-settings-popup .profile-mini-dialog button[data-email-cancel],
html[data-theme="dark"] #featureLayer .profile-settings-popup .profile-mini-dialog button[data-email-cancel]{
  background:#1f2937!important;
  border-color:#334155!important;
  color:#e5e7eb!important;
}

html.dark #featureLayer .profile-settings-popup .profile-mini-dialog form > div > button[type="submit"],
html[data-theme="dark"] #featureLayer .profile-settings-popup .profile-mini-dialog form > div > button[type="submit"]{
  background:#3b82f6!important;
  border-color:#3b82f6!important;
  color:#fff!important;
}