.amz-status-badge{ color:#fff;padding:3px 8px;border-radius:4px;font-weight:bold;display:inline-block;min-width:80px;text-align:center; }
.amz-status-paye{ background-color:#28a745; }
.amz-status-attente{ background-color:#ffc107;color:#000; }
.amz-status-echoue{ background-color:#dc3545; }
.amz-statut-btn{ padding:8px 12px;border:none;border-radius:6px;cursor:pointer;background:#0073aa;color:#fff; }
.amz-statut-btn.active{ background:#005177; }
#amz-paiements-table td,#amz-paiements-table th{ padding:12px 10px !important;line-height:1.7 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#amz-paiements-table tbody tr:hover{ background-color:#FF8C00;color:#fff;cursor:pointer;transition:background-color .3s; }
#amz-prev,#amz-next{ padding:8px 12px;border:1px solid #ccc;border-radius:6px;cursor:pointer;background:#fff; }
#amz-prev:disabled,#amz-next:disabled{ opacity:.4; cursor:not-allowed; }
@media(max-width:768px){

  /* ===============================
     MASQUER COLONNES INUTILES
     =============================== */
  .amz-col-id,
  .amz-col-date,
  .amz-col-email,   /* ✅ MAIL MASQUÉ */
  .amz-col-order,
  .amz-col-track{
    display:none !important;
  }

  /* ===============================
     RÉDUCTION TAILLE GLOBALE
     =============================== */
  .amz-payments-wrap{
    font-size:12px !important;
  }

  #amz-paiements-table td,
  #amz-paiements-table th{
    padding:7px 6px !important;
    line-height:1.2 !important;
    font-size:12px !important;
  }

  /* ===============================
     STATUT PLUS COMPACT
     =============================== */
  .amz-status-badge{
    padding:2px 6px !important;
    min-width:55px !important;
    font-size:11px !important;
  }

  /* ===============================
     FILTRES + BOUTONS
     =============================== */
  .amz-filters input,
  .amz-filters select{
    padding:7px 8px !important;
    font-size:12px !important;
    min-width:150px !important;
  }

  .amz-statut-btn,
  #amz-prev,
  #amz-next{
    padding:6px 9px !important;
    font-size:12px !important;
  }

  #amz-meta,
  #amz-page{
    font-size:12px !important;
  }
}
/* ===== MODAL RECAP (compact + scroll) ===== */
.amz-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:99999;
}
.amz-modal.is-open{
  display:flex;
  align-items:center;
  justify-content:center;
}

.amz-modal-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.25); /* gris clair transparent */
}

/* ✅ Carte rectangulaire + pro */
.amz-modal-card{
  position:relative;                 /* plus besoin de fixed */
  width:min(560px, calc(100% - 24px));
  max-height:calc(100vh - 40px);
  background:#fff;
  border-radius:0;                   /* rectangle net */
  border:1px solid #ddd;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  z-index:1;                         /* au-dessus du backdrop */
}

.amz-modal-head{
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #eee;
}

.amz-modal-title{ font-size:15px; font-weight:700; }
.amz-modal-sub{ font-size:12px; opacity:.7; margin-top:2px; }
.amz-modal-x{ border:0; background:transparent; font-size:18px; cursor:pointer; padding:6px 8px; }
/* ✅ Le corps devient scrollable */
.amz-modal-body{
  flex: 1 1 auto;
  padding: 10px 14px;
  overflow:auto;                          /* ✅ scroll interne */
}
.amz-kv tr:nth-child(7) b{ /* ligne Statut */
  padding:3px 8px;
  border-radius:4px;
}
/* ✅ Actions toujours visibles en bas */
.amz-modal-actions{
  flex:0 0 auto;
  display:flex; justify-content:flex-end; gap:10px;
  padding:10px 14px; border-top:1px solid #eee; background:#fafafa;
}

.amz-kv{ width:100%; border-collapse:collapse; }
.amz-kv td{ padding:7px 0; border-bottom:1px solid #f2f2f2; vertical-align:top; }
.amz-kv td:first-child{ width:140px; color:#6b7280; }
.amz-kv b{ word-break:break-word; }

.amz-btn{
  padding:8px 12px; border:1px solid #ccc; border-radius:8px;
  background:#fff; cursor:pointer; text-decoration:none; color:#111;
}
.amz-btn-primary{ background:#0073aa; color:#fff; border-color:#0073aa; }

@media (max-width:768px){

  /* Carte plus petite sur mobile */
  .amz-modal-card{
    width: calc(100% - 28px);   /* marges latérales */
    max-height: calc(100vh - 32px);
  }

  /* Header plus compact */
  .amz-modal-head{
    padding:8px 10px;
  }

  .amz-modal-title{
    font-size:14px;
  }

  .amz-modal-sub{
    font-size:11px;
  }

  /* Corps plus compact */
  .amz-modal-body{
    padding:8px 10px;
  }
.amz-col-delete{
  text-align:center;
  width:56px;
}

.amz-delete-btn{
  border:none;
  background:transparent;
  color:#dc2626;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  line-height:1;
  padding:4px 8px;
}

.amz-delete-btn:hover{
  opacity:.75;
}

@media(max-width:768px){
  .amz-col-delete{
    display:table-cell !important;
    width:44px;
  }

  .amz-delete-btn{
    font-size:16px;
    padding:2px 6px;
  }
}
.amz-col-delete{
  text-align:center;
  width:42px;
}

.amz-delete-btn{
  border:none;
  background:transparent !important;
  box-shadow:none !important;
  color:#dc2626;
  font-size:18px;
  font-weight:700;
  line-height:1;
  padding:0;
  margin:0;
  cursor:pointer;
}

.amz-delete-btn:hover,
.amz-delete-btn:focus{
  background:transparent !important;
  box-shadow:none !important;
  color:#b91c1c;
  outline:none;
}

.amz-delete-btn:active{
  background:transparent !important;
  box-shadow:none !important;
  transform:scale(.96);
}

@media(max-width:768px){
  .amz-col-delete{
    width:34px;
  }

  .amz-delete-btn{
    font-size:16px;
  }
}
  /* Lignes du récap */
  .amz-kv td{
    padding:5px 0;
    font-size:12px;
  }

  .amz-kv td:first-child{
    width:100px;               /* labels plus courts */
    font-size:11px;
  }

  .amz-kv b{
    font-size:12px;
  }

  /* Boutons plus petits */
  .amz-modal-actions{
    padding:8px 10px;
  }

  .amz-btn{
    padding:6px 10px;
    font-size:12px;
  }
}
html, body {
  overflow-x: hidden !important;
}
/* 🔥 X sans fond même avec hover ligne */
.amz-delete-btn{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #dc2626 !important;
  position: relative;
  z-index: 2;
}

/* 🔥 empêcher héritage du hover ligne */
#amz-paiements-table tbody tr:hover .amz-delete-btn{
  background: transparent !important;
  color: #dc2626 !important;
}

/* 🔥 option : annuler hover uniquement sur la cellule X */
#amz-paiements-table tbody tr:hover td.amz-col-delete{
  background: transparent !important;
  color: inherit !important;
}
/* 🔥 Réduction globale tableau */
.amz-payments-wrap{
  font-size:13px;   /* taille texte globale */
}

/* 🔥 cellules plus compactes */
#amz-paiements-table td,
#amz-paiements-table th{
  padding:8px 6px !important;
  line-height:1.3 !important;
  font-size:13px !important;
}

/* 🔥 titres */
#amz-paiements-table th{
  font-size:12px !important;
}

/* 🔥 lignes plus compactes */
#amz-paiements-table tbody tr{
  height:auto;
}

/* 🔥 badge statut plus petit */
.amz-status-badge{
  padding:2px 6px !important;
  font-size:11px !important;
  min-width:55px !important;
}

/* 🔥 bouton X plus petit */
.amz-delete-btn{
  font-size:15px !important;
}

/* 🔥 filtres plus compacts */
.amz-filters input,
.amz-filters select{
  padding:8px !important;
  font-size:13px !important;
}

/* 🔥 boutons */
.amz-statut-btn,
#amz-prev,
#amz-next{
  padding:6px 8px !important;
  font-size:12px !important;
}
/* 🔥 MOBILE : colonnes ultra compactes */
@media(max-width:768px){

  /* tableau plus serré */
  #amz-paiements-table{
    table-layout: fixed !important;
    width: 100% !important;
  }

  /* cellules compactes */
  #amz-paiements-table td,
  #amz-paiements-table th{
    padding:5px 4px !important;
    font-size:11px !important;
  }

  /* 🔥 largeur colonne source */
  #amz-paiements-table td:nth-child(1),
  #amz-paiements-table th:nth-child(1){
    width:55px;
  }

  /* 🔥 élève */
  #amz-paiements-table td:nth-child(4),
  #amz-paiements-table th:nth-child(4){
    width:90px;
  }

  /* 🔥 montant */
  #amz-paiements-table td:nth-child(6),
  #amz-paiements-table th:nth-child(6){
    width:70px;
  }

  /* 🔥 statut */
  #amz-paiements-table td:nth-child(7),
  #amz-paiements-table th:nth-child(7){
    width:60px;
  }

 /* 🔥 X (delete) centré */
#amz-paiements-table td.amz-col-delete,
#amz-paiements-table th.amz-col-delete{
  width:50px !important;
  text-align:center !important;
  vertical-align:middle !important;
}
.amz-delete-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

  /* 🔥 texte coupé propre */
  #amz-paiements-table td{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}
/* 🔥 FIX MOBILE CENTRAGE X */
@media(max-width:768px){

  #amz-paiements-table td.amz-col-delete{
    padding:0 !important;            /* 🔥 supprime décalage */
    text-align:center !important;
  }

  .amz-delete-btn{
    display:block !important;        /* 🔥 prend toute la largeur */
    margin:0 auto !important;        /* 🔥 centre horizontal */
  }