/* V24.15 V18 - Settings screen only. Mobile opens the existing Settings modal directly. */
@media (max-width:767px){
  /* The old four-row popup is no longer used by the mobile Settings button. */
  #settingsPopupMenu{display:none !important;visibility:hidden !important;pointer-events:none !important;}

  #settingsModal.show{
    z-index:2147483600 !important;
    padding:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px) !important;
    align-items:stretch !important;
    justify-content:center !important;
    box-sizing:border-box !important;
  }
  #settingsModal.show .account-modal{
    width:100% !important;
    max-width:620px !important;
    max-height:100% !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }
  #settingsModal.show .account-modal-body{
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding-bottom:24px !important;
  }

  .v18-settings-account{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .v18-settings-account .v18-account-card{
    min-width:0 !important;
    padding:12px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }
  :root[data-theme="light"] .v18-settings-account .v18-account-card,
  body[data-theme="light"] .v18-settings-account .v18-account-card{
    background:#f5f7f8 !important;
    border-color:#e1e7ea !important;
  }
  .v18-account-card small{display:block !important;color:var(--text-sub) !important;font-size:10px !important;margin-bottom:4px !important;}
  .v18-account-card strong{display:block !important;color:var(--text-main) !important;font-size:13px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .v18-section-label{font-weight:700 !important;font-size:13px !important;color:var(--text-main) !important;margin-bottom:8px !important;}
}