/* Apollo (cuisine) — ajouts au socle visuel de Ground Control (../passerelle/passerelle.css).
   Conditions : cuisine chaude et bruyante, mains mouillées ou gantées, chambre froide sans réseau,
   éclairage fort. D'où des cibles plus grandes qu'en salle (64 px pour les gestes) et peu de saisie.
   Deux appareils (body[data-appareil]) : le Mac de la cuisine, en plein écran et à la souris,
   et la tablette (inventaire et réception). Le cadre .tablette sert aux deux. */

.tablette { grid-template-rows: auto 72px auto minmax(0, 1fr) 64px; }
/* Mac de la cuisine : écran plein, plus large que la tablette */
body[data-appareil="mac"] .tablette { width: 1440px; height: 900px; border-radius: 12px; }

/* Bouton Scanner : toujours là, en haut à droite, le geste le plus fréquent en cuisine */
.scanner {
  min-height: var(--cible-ligne); padding: 0 var(--espace-4); border-radius: var(--rayon-bouton);
  border: 0; background: var(--c-accent); color: var(--c-sur-accent); font-size: var(--taille-corps-fort); font-weight: 700;
  display: inline-flex; align-items: center; gap: var(--espace-3);
}
.scanner svg { width: 28px; height: 28px; }
.scanner { display: inline-grid; grid-template-columns: auto auto; column-gap: var(--espace-3); row-gap: 0; align-items: center; align-content: center; justify-items: start; line-height: 1.15; }
.scanner svg { grid-row: span 2; }
.scanner .mode { font-size: var(--taille-meta); font-weight: 500; line-height: 1.1; opacity: .85; }

/* Écran d'un autre appareil (ex. Prep ouvert sur la tablette) : seulement le message et le lien */
body[data-autre-appareil] .corps, body[data-autre-appareil] .alertes { display: none; }
.autre-appareil { grid-area: corps; display: flex; align-items: center; justify-content: center; padding: var(--espace-5); }
.autre-appareil .message { max-width: 560px; }
.autre-appareil .message h3 { font-size: var(--taille-titre-1); }
.autre-appareil .message p { color: var(--c-texte-2); }
.autre-appareil .btn { text-decoration: none; }
.autre-appareil .boutons { display: flex; flex-direction: column; gap: var(--espace-2); margin-top: var(--espace-4); }

/* Mention « à faire sur la tablette » (sur le Mac) : une indication, pas un bouton */
.sur-tablette {
  display: inline-flex; align-items: center; gap: var(--espace-2); min-height: 48px; padding: 0 var(--espace-4);
  border-radius: var(--rayon-bouton); border: 1px dashed var(--c-contour); color: var(--c-texte-2); font-size: var(--taille-corps); font-weight: 600; white-space: nowrap;
}
.sur-tablette svg { width: 22px; height: 22px; flex: none; }

/* Mac à la souris : survol discret. Les cibles restent grandes (mains occupées). */
body[data-appareil="mac"] :is(button, a.btn, .nav a, [data-scanner]) { cursor: pointer; }
body[data-appareil="mac"] .btn-second:not([disabled]):hover,
body[data-appareil="mac"] .nav a:not([aria-current]):hover,
body[data-appareil="mac"] .sous-onglets button:not([aria-pressed="true"]):not([aria-selected="true"]):hover,
body[data-appareil="mac"] .filtres button:not([aria-pressed="true"]):hover { background: var(--c-surface-2); color: var(--c-texte); }
body[data-appareil="mac"] :is(.btn-principal, .scanner, .nav a[aria-current]):not([disabled]):hover { filter: brightness(1.08); }
body[data-appareil="mac"] :is(.ligne-tache, .ligne-rec, .tuile, .item, .zone):not([aria-pressed="true"]):not([aria-current]):hover { background: var(--c-surface-2); }

/* Bandeau « imprimante d'étiquettes en panne » : même traitement qu'une source en panne */
.liaison[data-etat="etiquettes"] { background: var(--c-rouge-fond); color: var(--c-texte); }

/* Gros boutons de cuisine (gants) */
.btn-cuisine { min-height: var(--cible-ligne); font-size: var(--taille-corps-fort); padding: 0 var(--espace-6); }

/* Pavé de quantité : fractions de contenant et pavé numérique */
.fractions { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--espace-2); }
.fractions button, .pave button {
  min-height: 72px; border-radius: var(--rayon-bouton); border: 2px solid var(--c-contour); background: var(--c-surface-2);
  color: var(--c-texte); font-size: var(--taille-titre-2); font-weight: 700;
}
.fractions button[aria-pressed="true"], .pave button[aria-pressed="true"] { background: var(--c-accent); color: var(--c-sur-accent); border-color: var(--c-accent); }
.pave { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--espace-2); }

/* Lot : date limite et code de couleur de rotation (premier à périmer, premier sorti) */
.lot-echeance[data-urgence="aujourdhui"] { color: var(--c-rouge); font-weight: 700; }
.lot-echeance[data-urgence="demain"] { color: var(--c-ambre); font-weight: 700; }

@media (max-width: 760px) {
  .scanner { padding: 0 var(--espace-4); }
  .entete .droite { flex-wrap: wrap; gap: var(--espace-2) var(--espace-3); }
  .entete .droite .scanner { width: 100%; justify-content: center; }
}