/* Paramètres : cohérence visuelle avec le reste de l'app, mobile soigné */
#modal-settings .settings-shell { border-radius: 20px; }
#modal-settings .settings-brand-icon { background: var(--primary); }
#modal-settings .settings-nav { padding: 12px 10px; background: var(--background-soft, #fafafa); }
#modal-settings .settings-nav-item { border-radius: 10px; padding: 10px 14px; font-weight: 500; }
#modal-settings .settings-nav-item:hover { background: color-mix(in srgb, var(--primary) 7%, transparent); }
#modal-settings .settings-nav-item.active { background: var(--background); color: var(--primary); font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
#modal-settings .settings-panel h2 { font-size: 21px; letter-spacing: -.01em; }
#modal-settings .stat-card { border-radius: 14px; }
#modal-settings .field-input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent); }
#modal-settings .char-count { text-align: right; }
#modal-settings .btn-action.primary { background: var(--primary); border-color: var(--primary); color: #fff; }
#modal-settings .privacy-options label { border-radius: 14px; }
@media (max-width: 700px) {
  #modal-settings .settings-shell { width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  #modal-settings .settings-header { padding: 12px 14px; }
  #modal-settings .settings-body { grid-template-rows: auto 1fr; max-height: none; min-height: 0; flex: 1; overflow: hidden; }
  #modal-settings .settings-nav { flex-direction: row; align-items: center; gap: 6px; padding: 10px; flex-shrink: 0; min-height: 56px; overflow-y: hidden; overflow-x: auto; scrollbar-width: none; }
  #modal-settings .settings-nav-item { width: auto; flex: 0 0 auto; border-radius: 999px; padding: 8px 14px; background: var(--background); border: 1px solid var(--border); }
  #modal-settings .settings-nav-item.active { border-color: var(--primary); }
  #modal-settings .settings-panel { padding: 20px 16px 28px; min-height: 0; }
  #modal-settings .stat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}