/* =====================================================================
   ImmigraSoftAI — Media queries
   À charger APRÈS styles.css
   ===================================================================== */

/* Tablette */
@media (max-width: 980px) {
  :root {
    --pad-card:    32px;
    --pad-section: 48px;
    --sidebar-w:   240px;
  }
}

/* Coquille dashboard — bascule sidebar */
@media (max-width: 860px) {
  .menu-toggle { display: block; }
  .shell { flex-direction: column; }
  nav.sidebar {
    width: 100%; border-right: none; border-bottom: 1px solid var(--line);
    display: none; padding: var(--sp-md);
  }
  nav.sidebar.open { display: block; }
  main.content { padding: var(--sp-xl) var(--sp-md); }
  .user-chip .who { display: none; }
  .form-grid { grid-template-columns: 1fr; }
  .kv { grid-template-columns: 1fr; gap: 0.2rem 0; }
  .kv dd { margin-bottom: 0.6rem; }
  .stepper { overflow-x: auto; }
}

/* Mobile */
@media (max-width: 680px) {
  :root {
    --pad-card:    24px;   /* padding réduit mais respirable */
    --pad-section: 40px;
    --sp-2xl:      40px;
    --sp-xl:       32px;
  }

  body { font-size: 0.96rem; }

  h1, .page-title { font-size: 1.6rem; }

  .radio-cards { grid-template-columns: 1fr; }

  .brand .tag { display: none; }

  .btn { width: 100%; }      /* boutons pleine largeur sur mobile */
  .btn.auto { width: auto; }
}