/* Back-office v2 : compléments à admin.css (feuille du back-office boutique) */
.env-badge { display: inline-block; padding: 3px 9px; border-radius: 999px; font: 700 11px/1.4 "Inter", sans-serif; letter-spacing: .08em; text-transform: uppercase; background: var(--yellow); color: var(--ink); vertical-align: middle; }
.env-prod .env-badge { background: var(--red); color: #fff; }
.sidebar .env-badge { align-self: flex-start; margin: -10px 0 0 8px; }
.link-button { border: 0; background: none; padding: 0; color: #c8ccd6; font: inherit; cursor: pointer; text-align: left; }
.link-button:hover { color: #fff; }
.qr { width: 200px; max-width: 100%; margin: 6px 0 12px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.qr svg { width: 100%; height: auto; display: block; }
.mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; }
.serial { font-family: ui-monospace, Consolas, monospace; font-size: 12.5px; overflow-wrap: anywhere; }
.inline-form { display: inline; }
.actions-row { display: flex; flex-wrap: wrap; gap: 8px; }
.filters { display: grid; gap: 8px; margin-bottom: 14px; }
@media (min-width: 760px) { .filters { grid-template-columns: 2fr 1fr 1fr 1fr auto; align-items: end; } }
.status-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #c5c2bb; margin-right: 6px; vertical-align: middle; }
.status-dot.ok { background: var(--green); }
.status-dot.warn { background: #F98E4A; }
.status-dot.ko { background: var(--red); }
.secret-box { padding: 14px; border-radius: 12px; background: #fff4c7; border: 1.5px dashed #d8b400; overflow-wrap: anywhere; }
.preview-mail { border: 1px solid var(--line); border-radius: 12px; width: 100%; height: 520px; background: #fff; }
.details { grid-template-columns: 150px 1fr; }
.empty-row td { color: var(--soft); text-align: center; padding: 24px !important; }