/* Auteur: Théo Vorlet
Date 28.05.2026
Description : Styles spécifiques à la page listant les commandes. */

/* Lien actif */
nav a[href*="Liste"] {
  color: var(--g);
}

/* TABLEAU */
.table-wrapper {
  width: 100%;
  background: var(--white);
  border: 1px solid var(--rule);
  border-radius: 8px;
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 880px;
  border-collapse: collapse;
  font-size: 14px;
}

thead tr {
  background: var(--g-pale);
  border-bottom: 2px solid var(--rule);
}

thead th {
  padding: 14px 20px;
  text-align: left;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--g-mid);
}

tbody tr {
  border-bottom: 1px solid var(--rule);
  transition: background 0.15s;
}

tbody tr:last-child {
  border-bottom: none;
}

tbody tr:hover {
  background: var(--g-pale);
}

tbody td {
  padding: 16px 20px;
  vertical-align: middle;
  color: var(--ink);
}

.col-id,
.col-date,
.col-quantite {
  color: var(--muted);
  white-space: nowrap;
}

.col-client,
.col-offre {
  font-weight: 400;
}

.col-description {
  max-width: 320px;
  color: var(--muted);
}

/* ÉTAT VIDE */
.table-vide {
  text-align: center;
  color: var(--muted);
  padding: 42px 20px;
}

/* MESSAGE */
#messageCommandes {
  margin: 20px 0 0;
  color: var(--red);
  font-size: 14px;
}