/* Adaptation aux petits écrans, animations réduites */

@media (max-width: 1050px) {
  .profile { grid-template-columns: 170px minmax(0, 1fr); }

  .grid3 { grid-template-columns: minmax(0, 1fr); }
  .shell { grid-template-columns: 200px minmax(0, 1fr); }
}
@media (max-width: 760px) {
  body { padding: 0; display: block; }
  .device { padding: 0; border-radius: 0; background: none; box-shadow: none; }
  .device::before, .device::after, .device__cam, .device__home { display: none; }
  .tablet { height: auto; min-height: 100vh; border-radius: 0; }
  .tablet::after { display: none; }
  .facts .wide { grid-column: auto; }
  .tile dd { font-size: 2rem; }
  .shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
  .sidebar {
    flex-direction: row;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 8px;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .nav { width: auto; padding: 8px 12px; white-space: nowrap; }
  .nav[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--red); }
  .sidebar__foot { margin: 0 0 0 auto; border-top: 0; padding: 8px; }
  .screen { padding: 16px; overflow: visible; }
  .session, .sys { display: none; }
  .profile { grid-template-columns: 120px minmax(0, 1fr); gap: 16px; }
  .net, .date { display: none; }

  .mug__change { opacity: 1; }
  .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fields { grid-template-columns: 1fr; }
  /* listes courtes : statut sous le titre */
  .mini-list li { grid-template-columns: 20px 44px minmax(0, 1fr); row-gap: 6px; }
  .mini-list .status { grid-column: 3; justify-self: start; }
}
@media (prefers-reduced-motion: reduce) {
  .mug__change { transition: none; }
  .view:not([hidden]) { animation: none; }
}