/* Commander, Mes commandes et suivi de commande (refonte lot 7, static/commander-ui.js). Composants : bibliothèque
   (.hl-*) ; ici la mise en page seulement. Maquettes : vues 09 et 13. */
.cmd-page{display:flex;flex-direction:column;gap:var(--space-5)}
.cmd-stack{display:flex;flex-direction:column;gap:var(--space-4)}
.cmd-col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.cmd-shop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22.5rem);gap:var(--space-6);align-items:start}
.cmd-item{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}
.cmd-stage{background:var(--bg-2);border-radius:var(--radius-md);padding:var(--space-5)}
.cmd-info{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.cmd-info h2{margin:0;font-size:var(--fs-16)}
.cmd-text{margin:0;color:var(--text-2);font-size:var(--fs-14);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.cmd-ship{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);color:var(--success);font-size:var(--fs-14);font-weight:600}
.cmd-center{text-align:center}
.cmd-tiers,.cmd-flush{padding:0;overflow:hidden}
.cmd-buy{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}
.cmd-price{margin:0 0 0 auto;text-align:right;display:flex;flex-direction:column}
.cmd-price b{font-size:var(--fs-24);font-variant-numeric:tabular-nums;color:var(--text)}
.cmd-faces{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}
.cmd-face{margin:0;width:100%;display:flex;flex-direction:column;gap:var(--space-1);align-items:center}
.cmd-face figcaption{margin:0;font-weight:600}
.cmd-faces--badge{flex-direction:row;justify-content:center;align-items:flex-start}
.cmd-faces--badge .cmd-face{width:42%}
.cmd-cart{position:sticky;top:var(--space-5)}
.cmd-cart__box{display:flex;flex-direction:column;gap:var(--space-3)}
.cmd-cart__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.cmd-cart__head h2{margin:0;font-size:var(--fs-16)}
.cmd-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}
.cmd-act{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}
.cmd-pager{display:flex;gap:var(--space-2)}
.cmd-track-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,23.75rem);gap:var(--space-6);align-items:start}
.cmd-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}
.cmd-head__icon{flex:none}
.cmd-head__text{flex:1 1 13rem;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}
.cmd-head__text h2{margin:0;font-size:var(--fs-24);display:flex;align-items:center;gap:var(--space-2)}
.cmd-head__text p{margin:0;color:var(--text-2);font-size:var(--fs-14)}
.cmd-eta{text-align:right;display:flex;flex-direction:column}
.cmd-eta b{font-size:var(--fs-24)}
.cmd-block{display:flex;flex-direction:column;gap:var(--space-3)}
.cmd-block__t{margin:0;font-size:var(--fs-16)}
.cmd-others{margin-top:var(--space-2)}
.cmd-block .cmd-faces{flex-direction:row;flex-wrap:wrap;justify-content:center;background:var(--bg-2);border-radius:var(--radius-md);padding:var(--space-4)}
.cmd-block .cmd-face{flex:1 1 12rem;max-width:18.75rem}
.cmd-block .cmd-faces--badge .cmd-face{flex:0 1 8rem}
.cmd-acts{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.cmd-track{margin:0;font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-24);font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;color:var(--text)}
.cmd-link{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--control);font-size:var(--fs-12);font-weight:600;color:var(--accent)}
.cmd-msg{margin:0;color:var(--success);font-size:var(--fs-14)}
.cmd-msg:empty{display:none}
.cmd-members{display:flex;flex-direction:column}
.cmd-check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:start}
.cmd-check__fields{display:flex;flex-direction:column;gap:var(--space-1)}
@media (max-width:900px){
  .cmd-shop,.cmd-track-grid{grid-template-columns:minmax(0,1fr)}
  .cmd-cart{position:static}
}
@media (max-width:700px){
  .cmd-item,.cmd-check{grid-template-columns:minmax(0,1fr)}
  .cmd-eta{text-align:left}
  .cmd-orders .hl-row__main{flex-wrap:wrap}
  .cmd-orders .hl-row__text{flex:1 1 9rem}
  .cmd-act{width:100%;justify-content:flex-start}
  .cmd-meta{flex-direction:row;align-items:center}
}