/* Pick'PDA — compléments à style.css (copie de l'app Inventaire). Mêmes jetons, aucune nouvelle couleur. */

/* Champs côte à côte (formulaires Réglages) */
.pk-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px}

/* Mode de flash : trois cases */
.flash-cases{display:inline-flex;gap:14px;flex-wrap:wrap}
.flash-cases label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:700;cursor:pointer}
.flash-cases input{width:20px;height:20px}

/* Liste des chariots */
.pk-chariot{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:2px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);transition:border-color .2s,background .2s}
.pk-chariot:hover{background:var(--bg);color:var(--text)}
.pk-chariot.actif{border-color:var(--text);box-shadow:inset 4px 0 0 var(--orange)}

/* Aperçu du chariot vu de face (et grille de dépôt du PDA) */
.pk-apercu{margin-top:14px;padding:18px;border-radius:var(--r-card);background:var(--bg);border:1px solid var(--border)}
.pk-bacs{display:grid;grid-template-columns:repeat(var(--colonnes,6),minmax(0,1fr));gap:8px}
.pk-bacs .bac{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--card);
  border:2px solid var(--border);font:800 clamp(11px,1.5vw,16px) var(--f-mono);min-width:0}
.pk-bacs .bac-cible{background:var(--green);border-color:var(--green-dark);color:#fff}
.pk-sol{display:flex;justify-content:space-between;align-items:center;height:16px;margin:10px 6px 0;border-top:4px solid var(--text);border-radius:2px}
.pk-sol span{width:14px;height:14px;border-radius:50%;background:var(--text);margin-top:10px}