/* 1.4.0 (lot CONNEXION) — Merchant Center : bandeau de connexion, contrôle de
   santé, étapes de mise en place, problèmes de compte, statut par produit.
   Chargé explicitement par Essiow_GMC_Connect::enqueue_assets() : le slug CSS
   automatique de la page serait `merchant.css`, qu'aucun lot ne possède. */

.essiow-gmcc > .essiow-card,
.essiow-gmcc > .essiow-callout { margin-bottom: var(--essiow-space-4); }

/* ── Bandeau d'état ──────────────────────────────────────────────── */
.essiow-gmcc-conn { padding: var(--essiow-space-4) var(--essiow-space-5); }
.essiow-gmcc-conn__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) auto; gap: var(--essiow-space-4); align-items: start; }
.essiow-gmcc-conn__item { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.essiow-gmcc-conn__label { display: inline-flex; align-items: center; gap: 6px; font-size: var(--essiow-fs-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--essiow-text-3); }
.essiow-gmcc-conn__label .essiow-icon { width: 14px; height: 14px; }
.essiow-gmcc-conn__value { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-height: 30px; font-size: var(--essiow-fs-base); font-weight: 500; color: var(--essiow-text); }
.essiow-gmcc-conn__value code { font-size: var(--essiow-fs-xs); padding: 3px 8px; background: var(--essiow-surface-3); border-radius: var(--essiow-radius-sm); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.essiow-gmcc-conn__hint { font-size: var(--essiow-fs-xs); color: var(--essiow-text-3); line-height: 1.4; }
.essiow-gmcc-conn__actions { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.essiow-gmcc-conn__actions .essiow-btn { white-space: nowrap; }
.essiow-gmcc-conn.is-suspended { border-color: var(--essiow-danger); }
#essiow-gmcc-alert > .essiow-callout { margin: var(--essiow-space-4) 0 0; }

/* Appel à connexion */
.essiow-gmcc-cta { display: grid; grid-template-columns: auto 1fr auto; gap: var(--essiow-space-5); align-items: center; }
.essiow-gmcc-cta__icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: var(--essiow-radius-lg); background: var(--essiow-primary-soft); color: var(--essiow-primary); }
.essiow-gmcc-cta__body p { margin: 4px 0 8px; color: var(--essiow-text-2); }
.essiow-gmcc-cta__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: var(--essiow-fs-xs); color: var(--essiow-text-2); }
.essiow-gmcc-cta__list li { display: flex; align-items: center; gap: 6px; }
.essiow-gmcc-cta__list .essiow-icon { width: 14px; height: 14px; color: var(--essiow-success); }
.essiow-gmcc-cta__action { display: flex; flex-direction: column; align-items: center; gap: 6px; }

/* ── Contrôle de santé ───────────────────────────────────────────── */
.essiow-gmcc-health { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: var(--essiow-space-4); padding: 8px 12px; border: 1px solid var(--essiow-border); border-radius: var(--essiow-radius); background: var(--essiow-surface-2); }
.essiow-gmcc-health[data-status="ok"]                 { border-color: var(--essiow-success); background: var(--essiow-success-soft); }
.essiow-gmcc-health[data-status="degraded"]           { border-color: var(--essiow-warning); background: var(--essiow-warning-soft); }
.essiow-gmcc-health[data-status="reconnect_required"] { border-color: var(--essiow-danger);  background: var(--essiow-danger-soft); }
.essiow-gmcc-health__hint { flex: 1 1 200px; min-width: 0; font-size: var(--essiow-fs-xs); color: var(--essiow-text-2); }
.essiow-gmcc-health__sync { font-size: var(--essiow-fs-xs); color: var(--essiow-text-3); }
.essiow-gmcc-health__steps { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.essiow-gmcc-health__steps:not(:empty) { padding: 10px 12px; border: 1px solid var(--essiow-border); border-radius: var(--essiow-radius); background: var(--essiow-surface-2); }
.essiow-gmcc-health__step { display: flex; align-items: center; gap: 8px; font-size: var(--essiow-fs-xs); color: var(--essiow-text-2); }
.essiow-gmcc-health__step .essiow-icon { width: 14px; height: 14px; flex-shrink: 0; }
.essiow-gmcc-health__step.is-ok .essiow-icon { color: var(--essiow-success); }
.essiow-gmcc-health__step.is-ko .essiow-icon { color: var(--essiow-danger); }
.essiow-gmcc-health__step.is-pending .essiow-icon { color: var(--essiow-warning); }
.essiow-gmcc-health__step-name { min-width: 190px; font-weight: 600; color: var(--essiow-text); }
.essiow-gmcc-health__step-detail { min-width: 0; overflow-wrap: anywhere; }

/* ── Étapes de mise en place ─────────────────────────────────────── */
.essiow-gmcc-stepper { margin: 0; }
.essiow-gmcc-stepper .essiow-step__hint:empty { display: none; }
.essiow-gmcc-account-picker { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.essiow-wrap .essiow-gmcc-account-picker select { width: auto; min-width: 260px; max-width: 100%; flex: 1 1 260px; }
.essiow-gmcc-feed { display: inline-block; margin-top: 6px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--essiow-fs-xs); padding: 3px 8px; background: var(--essiow-surface-3); border-radius: var(--essiow-radius-sm); }
.essiow-gmcc-hour { display: inline-flex; }
/* 1.4.2 — Conditions Merchant Center : lien officiel puis case à cocher. */
.essiow-gmcc-tos { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; font-size: var(--essiow-fs-sm); }
.essiow-gmcc-tos__consent { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.essiow-gmcc-tos__consent input { margin-top: 2px; flex: 0 0 auto; }
.essiow-wrap .essiow-gmcc-hour select { width: auto; min-width: 90px; }

/* ── Demande de revue (verrouillée) ──────────────────────────────── */
.essiow-gmcc-review.is-locked { border-color: var(--essiow-warning); }
.essiow-gmcc-review.is-ready { border-color: var(--essiow-success); }
.essiow-gmcc-review__note { margin: 0; font-size: var(--essiow-fs-sm); color: var(--essiow-text-2); }
.essiow-gmcc-review__note a { margin-left: 4px; }

/* ── Problèmes de compte ─────────────────────────────────────────── */
.essiow-gmcc-issues { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--essiow-space-3); }
.essiow-gmcc-issue { padding: var(--essiow-space-3) var(--essiow-space-4); border: 1px solid var(--essiow-border); border-left-width: 3px; border-radius: var(--essiow-radius); background: var(--essiow-surface); }
.essiow-gmcc-issue.is-critical, .essiow-gmcc-issue.is-error { border-left-color: var(--essiow-danger); }
.essiow-gmcc-issue.is-suggestion { border-left-color: var(--essiow-warning); }
.essiow-gmcc-issue.is-info { border-left-color: var(--essiow-info); }
.essiow-gmcc-issue__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.essiow-gmcc-issue__title { font-weight: 600; color: var(--essiow-text); }
.essiow-gmcc-issue__detail { margin: 6px 0 0; font-size: var(--essiow-fs-sm); color: var(--essiow-text-2); }
.essiow-gmcc-issue__dest { margin: 8px 0 0; display: flex; gap: 4px; flex-wrap: wrap; }
.essiow-gmcc-issue__actions { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }

/* ── Statut par produit ──────────────────────────────────────────── */
.essiow-gmcc-pr-table { table-layout: fixed; min-width: 860px; }
.essiow-gmcc-col-check { width: 40px; }
.essiow-gmcc-col-status { width: 140px; }
.essiow-gmcc-col-actions { width: 96px; }
.essiow-gmcc-reasons { font-size: var(--essiow-fs-xs); color: var(--essiow-text-2); }
.essiow-gmcc-reason { display: block; overflow-wrap: anywhere; }
.essiow-gmcc-reason code { font-size: 11px; }
#essiow-gmcc-pr-pagination:empty { display: none; }

/* ── Points de rupture ───────────────────────────────────────────── */
@media (max-width: 1280px) {
    .essiow-gmcc-conn__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .essiow-gmcc-conn__actions { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
}
@media (max-width: 1024px) {
    .essiow-gmcc-cta { grid-template-columns: 1fr; text-align: left; }
    .essiow-gmcc-cta__action { align-items: flex-start; }
}
@media (max-width: 782px) {
    .essiow-gmcc-conn__grid { grid-template-columns: 1fr; }
    .essiow-gmcc-health__step { align-items: flex-start; flex-wrap: wrap; }
    .essiow-gmcc-health__step-name { min-width: 0; }
    .essiow-gmcc-account-picker { flex-direction: column; align-items: stretch; }
}