/* گزینه‌های بازشونده تنظیمات */
.settings-option-card{
  width:100%; min-height:92px; display:flex; align-items:center; gap:14px; padding:18px;
  border:1px solid var(--border); border-radius:18px; background:var(--surface);
  color:var(--text); text-align:inherit; cursor:pointer; font-family:inherit;
  box-shadow:var(--shadow); transition:transform .16s ease, border-color .16s ease, background .16s ease;
}
.settings-option-card:hover{transform:translateY(-2px); border-color:var(--primary); background:var(--surface-2)}
.settings-option-card:active{transform:translateY(0)}
.settings-option-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);font-size:24px}
.settings-option-copy{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.settings-option-copy strong{font-size:14px}
.settings-option-copy small{font-size:12px;line-height:1.8;color:var(--muted);font-weight:400}
.settings-option-arrow{font-size:20px;color:var(--muted);transition:transform .16s ease,color .16s ease}
.settings-option-card:hover .settings-option-arrow{color:var(--primary);transform:translateX(-3px)}
.settings-option-modal .modal{max-height:94vh}
.settings-option-modal-body > .card-head:first-child{display:none}
@media(max-width:700px){
  .settings-option-card{min-height:82px;padding:14px}
  .settings-option-icon{width:42px;height:42px;flex-basis:42px;font-size:21px}
  .settings-option-modal .modal{max-width:calc(100vw - 20px)}
}

/* Account email save button: keep compact instead of stretching across the card */
.email-save-btn{min-width:0!important;max-width:none!important;flex:0 0 25%!important;width:25%!important;}
@media(max-width:768px){.email-save-btn{width:auto!important;max-width:100%!important;flex:0 0 auto!important;}}