/* ============================================================
   SCORASIN — Écran « Marketplaces & TVA » (styles partagés)
   ============================================================
   Extrait d'account.html le 06/09/2026 en même temps que
   js/marketplace-settings-ui.js : la page Mon compte et l'assistant
   d'onboarding rendent le même écran, ils doivent le styler pareil. Deux
   copies de ces règles auraient dérivé au premier ajustement.
   ============================================================ */

.mp-settings-stack { display:flex; flex-direction:column; gap:12px; }
.mp-row {
  display:grid; grid-template-columns:minmax(220px,1fr) minmax(360px,1.45fr);
  gap:16px; padding:16px; background:var(--bg-card); border:1.5px solid var(--border-color);
  border-radius:14px; box-shadow:0 4px 14px rgba(26,29,46,0.04);
}
.mp-row-main { display:flex; align-items:center; gap:12px; min-width:0; }
.mp-row-title { font-size:0.95rem; font-weight:800; color:var(--text-primary); }
.mp-row-meta { font-size:0.72rem; color:var(--text-muted); margin-top:2px; }
.mp-row-controls { display:flex; flex-direction:column; gap:12px; }
.mp-control-label {
  display:block; font-size:0.68rem; font-weight:800; color:var(--text-muted);
  text-transform:uppercase; letter-spacing:0.06em; margin-bottom:6px;
}
.mp-segmented, .mp-origin-chips { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.mp-chip {
  display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px;
  padding:7px 10px; border:1.5px solid var(--border-color); border-radius:9px;
  background:var(--bg-input); color:var(--text-secondary); font-size:0.78rem;
  font-weight:800; cursor:pointer; font-family:'DM Sans',sans-serif; transition:all 0.15s;
}
.mp-chip:hover { border-color:rgba(79,110,247,0.35); color:var(--accent-blue); }
.mp-chip.active { border-color:var(--accent-blue); background:rgba(79,110,247,0.10); color:var(--accent-blue); box-shadow:0 0 0 2px rgba(79,110,247,0.10); }
.mp-vat-line { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.mp-vat-toggle {
  display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:10px;
  background:var(--bg-input); border:1.5px solid var(--border-color); cursor:pointer;
  color:var(--text-primary); font-size:0.8rem; font-weight:800;
}
.mp-vat-toggle input { width:16px; height:16px; accent-color:var(--accent-blue); }
/* DM Sans comme le reste de la page (libellés, boutons, cartes) : le
   monospace faisait détonner les champs de saisie et les listes déroulantes
   du bloc Discord (Cyril 26/07). Un <select> n'hérite pas de la police du
   parent, il faut la lui poser explicitement. */
.mp-date-field, .mp-vat-field {
  width:150px; padding:8px 10px; border:1.5px solid var(--border-color); border-radius:9px;
  background:var(--bg-card); color:var(--text-primary); font-size:0.8rem;
  font-family:'DM Sans',sans-serif; outline:none;
}
.mp-vat-field { width:170px; text-transform:uppercase; }
.mp-date-field:focus, .mp-vat-field:focus { border-color:var(--accent-blue); box-shadow:0 0 0 2px rgba(79,110,247,0.12); }
.mp-date-field:disabled, .mp-vat-field:disabled { display:none; }

@media (max-width: 720px) {
  .mp-row { grid-template-columns:1fr; }
}