/* Pastille de statut de l'agent IA */
#sav-agent-pill {
  position: fixed; bottom: 14px; left: 14px; z-index: 9999;
  display: flex; align-items: center; gap: 8px;
  background: #131517; color: #fff;
  padding: 8px 14px; border-radius: 999px;
  font: 500 12.5px/1 Inter, -apple-system, sans-serif;
  box-shadow: 0 4px 16px rgba(19, 21, 23, .25);
  pointer-events: none; max-width: 340px;
}
#sav-agent-pill .sav-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; }
#sav-agent-pill .sav-ok { background: #2ecc71; }
#sav-agent-pill .sav-warn { background: #f1c40f; }
#sav-agent-pill .sav-err { background: #e74c3c; }
#sav-agent-pill .sav-busy { background: #5aa9ff; animation: sav-pulse 1s infinite; }
@keyframes sav-pulse { 50% { opacity: .35; } }

/* Carte brouillon IA */
[data-sav-draft] {
  border-left: 3px solid #5aa9ff !important;
  background: #f4f9ff !important;
  border-radius: 10px; padding: 10px 12px !important;
}
[data-sav-draft].sav-draft-sent { opacity: .55; border-left-color: #2ecc71 !important; }
.sav-draft-head {
  font: 600 11.5px/1 Inter, sans-serif; color: #2c6cb0;
  margin-bottom: 8px; display: flex; align-items: center; gap: 6px;
}
.sav-draft-head::before { content: "✦"; }
.sav-draft-actions {
  display: flex; align-items: center; gap: 8px; margin-top: 10px; flex-wrap: wrap;
}
.sav-btn {
  font: 600 12.5px/1 Inter, sans-serif; padding: 7px 12px;
  border-radius: 8px; border: 1px solid #d6dde6; background: #fff;
  color: #131517; cursor: pointer;
}
.sav-btn:hover { background: #f2f6fb; }
.sav-btn:disabled { opacity: .5; cursor: default; }
.sav-btn-primary { background: #131517; border-color: #131517; color: #fff; }
.sav-btn-primary:hover { background: #2a2d31; }
.sav-btn-armed { background: #c8322d !important; border-color: #c8322d !important; }
.sav-draft-status { font: 500 12px/1.3 Inter, sans-serif; color: #5a6472; }

/* Liens commande vers Shopify */
.sav-order-link {
  color: #2c6cb0 !important; text-decoration: underline dotted;
  text-underline-offset: 2px; font-weight: 600;
}