/* Commun : écrans étroits (≤ 820 px) — chargé APRÈS les pages ci-dessus, l'ordre compte.
   Ordre de chargement fixé dans index.html (ex-style.css découpé : ne pas le changer). */
/* ---------- Mobile ---------- */
@media (max-width: 820px) {
  .menu-toggle { display: inline-flex; }
  .guild-select { max-width: none; }
  .user-box span { display: none; }
  .btn-search-label, .btn-search-kbd { display: none; }
  .palette-overlay { padding-top: 0; align-items: flex-start; }
  .palette-box { width: 100%; max-width: none; max-height: 100vh; border-radius: 0; border-width: 0 0 1px; }
  .sidebar {
    position: fixed;
    top: 57px;
    bottom: 0;
    left: 0;
    width: 260px;
    transform: translateX(-100%);
    transition: transform 0.2s;
    z-index: 15;
  }
  .sidebar.open { transform: translateX(0); box-shadow: 8px 0 24px rgba(0,0,0,0.4); }
  .main-panel { padding: 20px 16px 100px; }
  .subtable-row { grid-template-columns: 1fr; }
  .subtable-cell-actions { justify-content: flex-end; }
  .field-row { grid-template-columns: 1fr; row-gap: 8px; }
  .field-description { max-width: none; }
  .warnings-row { grid-template-columns: 1fr; }
  .dashboard-card-list { grid-column: span 1; }
  .filter-bar { gap: 12px; }
  .member-profile-header { flex-wrap: wrap; }
}