/* ── Adaptation smartphone (écrans étroits) ─────────────────────────── */
#burger{display:none;background:none;border:1px solid var(--border);border-radius:5px;font-size:16px;padding:4px 10px;cursor:pointer;color:var(--dark)}
#drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:75}

@media (max-width: 820px){
  /* Le menu latéral devient un tiroir */
  #sidebar{position:fixed;left:-290px;top:0;bottom:0;width:270px;z-index:80;transition:left .22s ease}
  body.sidebar-open #sidebar{left:0;box-shadow:4px 0 18px rgba(0,0,0,.35)}
  body.sidebar-open #drawer-backdrop{display:block}
  #burger{display:inline-block;flex-shrink:0}

  /* Barre du haut compacte */
  #topbar{padding:8px 10px;gap:8px;flex-wrap:wrap}
  #topbar h1{font-size:14px;flex:1 1 100%;order:-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #burger{order:-2}
  #topbar .meta{display:none}
  .btn{padding:5px 9px;font-size:11px}

  /* Onglets de filtre et statistiques */
  #filterbar{padding:0 6px;overflow-x:auto}
  .ftab{padding:8px 9px;font-size:11px;white-space:nowrap}
  #statsbar{padding:6px 10px;gap:10px;flex-wrap:wrap;font-size:11px}
  .progress-wrap{max-width:120px}

  /* Tableau : défilement horizontal au doigt */
  #content{padding:8px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  #content table{min-width:720px}
  th,tr.item-row td{padding:5px 6px;font-size:12px}

  /* Tableau de bord */
  .dash-kpi-row{flex-wrap:wrap;padding:10px 12px}
  .kpi-card{flex:1 1 40%;padding:10px 12px}
  .kpi-value{font-size:22px}
  .dash-body{padding:10px 8px;overflow-x:auto}
  .dash-table{min-width:640px}
  .dash-banner{padding:14px 16px 12px}
}