/* =====================================================================
   theme.css - Palette ManeProc partagee par toutes les pages de l'application
   ---------------------------------------------------------------------
   Chargee APRES le style integre de chaque page (<link rel="stylesheet" href="theme.css"> juste avant </head>) :
   elle redefinit les variables de couleur et quelques classes communes. Pour changer l'apparence de tout le site,
   modifier CE fichier. Retour a l'ancienne apparence : retirer la ligne <link ... theme.css> des pages (voir docs/04).

   PRINCIPES
   - Le bleu ManeProc (--accent) reste la couleur de MARQUE : logo, boutons principaux, menu actif.
   - Titres, numeros et montants : gris-bleu tres fonce (--text), plus lisible que le bleu partout.
   - Chaque STATUT de commande a sa couleur (voir .badge-* / .b-*) ; chaque fournisseur a un repere colore.
   - Les commandes recurrentes ont leur teinte (turquoise).
   - Fond de page gris tres clair ; cartes blanches.
   ===================================================================== */
:root{
  --bg:#ffffff;
  --bg2:#ffffff;
  --bg3:#f1f5f9;
  --text:#0f172a;
  --muted:#475569;
  --muted2:#94a3b8;
  --border:#e2e8f0;
  --border2:#cbd5e1;
  /* statuts de commande */
  --st-sent:#0ea5e9;
  --st-pending:#d97706;
  --st-confirmed:#4f46e5;
  --st-shipped:#7c3aed;
  --st-received:#16a34a;
  --st-failed:#dc2626;
  /* commandes recurrentes */
  --teal:#0f766e;
  --teal-bg:#f0fdfa;
  --teal-border:#99f6e4;
}
body{background:#f8fafc}

/* ---- Statuts (listes, detail, approbations) : classes .badge-STATUT et .b-STATUT ---- */
.badge-sent,.b-sent,.badge-submitted,.b-submitted{background:#e0f2fe;color:#075985;border:1px solid #bae6fd}
.badge-pending_approval,.b-pending_approval,.badge-pending,.b-pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.badge-confirmed,.b-confirmed,.badge-approved,.b-approved{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}
.badge-shipped,.b-shipped{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}
.badge-received,.b-received,.badge-delivered,.b-delivered{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.badge-rejected,.b-rejected,.badge-edi_failed,.b-edi_failed,.badge-email_failed,.b-email_failed,.badge-cancelled,.b-cancelled{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}

/* ---- Liens, numeros, onglets ---- */
.ord-link{color:var(--text)}
.ord-link:hover{color:var(--accent3)}
.group-hdr{color:var(--text)}
.pdf-link{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.pdf-link:hover{color:var(--text)}
.tab-btn.active{background:var(--text);border-color:var(--text);color:#fff}
.group-card{border-color:var(--border);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.sub-order{background:#f8fafc}

/* ---- Repere de fournisseur (petit point colore) ---- */
.sup-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:baseline}

/* ---- Commandes recurrentes : turquoise ---- */
.rec-link{color:var(--teal);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.rec-link:before{content:"\21BB";font-size:15px}
.rec-link:hover{text-decoration:underline}
.rec-btn{background:var(--teal-bg)!important;border:1px solid var(--teal-border)!important;color:var(--teal)!important;font-weight:600}
.rec-btn:hover{background:#ccfbf1!important}
.tpl-badge.shared{background:var(--teal-bg)!important;color:var(--teal)!important;border-color:var(--teal-border)!important}

/* ---- Catalogue : le bleu est reserve aux actions ; prix en gris-bleu fonce, fournisseur en pastille neutre ---- */
.price,.card-price,.detail-price{color:var(--text)}
.badge-sup{background:var(--bg3);color:var(--muted);border:1px solid var(--border)}
.card-supplier{color:var(--muted)}