/* Pages de la plateforme : accueil, inscription, espace du responsable, console. Valeurs : tokens.css. */
.plateforme { padding: var(--e-5) var(--e-4) var(--e-8); }
.plateforme__colonne { width: min(100%, 52rem); margin: 0 auto; }
.plateforme__colonne--etroite { width: min(100%, 30rem); margin: 0 auto; }
.plateforme__colonne--large { width: min(100%, 90rem); }
.plateforme__entete { display: flex; justify-content: space-between; align-items: center; gap: var(--e-4); margin-bottom: var(--e-6); }
.plateforme__produit { color: var(--creme); font-weight: 800; font-size: 1.15rem; text-decoration: none; }
.plateforme h1 { margin-bottom: var(--e-4); font-size: clamp(1.8rem, 1.4rem + 1.8vw, 2.6rem); line-height: 1.1; letter-spacing: -.01em; }
.plateforme h2 { margin-bottom: var(--e-3); font-size: 1.25rem; }
.plateforme__chapo { margin-bottom: var(--e-5); color: var(--texte); font-size: var(--fs-chapo); line-height: var(--lh-chapo); }
.plateforme__intro { padding: var(--e-6) 0; }
.plateforme__actions { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: center; margin-bottom: var(--e-4); }
.plateforme__bloc { padding: var(--e-6) 0; border-top: 1px solid var(--cendre); }
.plateforme__liste { margin: 0; padding-left: 1.2em; display: grid; gap: var(--e-2); }
.plateforme__prix strong { color: var(--creme); font-size: 1.2rem; }
.plateforme__formulaire { display: grid; gap: var(--e-2); margin-bottom: var(--e-5); }
.plateforme .reglages-bloc { max-width: none; }
.plateforme .bandeau { margin-bottom: var(--e-5); }
.bandeau--alerte { border-left-color: var(--braise); }
.adresse-saisie { display: flex; align-items: center; gap: var(--e-1); }
.adresse-saisie input { flex: 1; }
.piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.liens-qr { display: grid; grid-template-columns: 9rem 1fr; gap: var(--e-5); align-items: start; }
.liens-qr p + p { margin-top: var(--e-2); }
.qr-apercu { width: 9rem; height: 9rem; }
.option { padding: var(--e-3) 0; border-bottom: 1px solid var(--suie); }
.option .bouton { margin-top: var(--e-2); }
.tableau-console { overflow-x: auto; }
.tableau-console table { width: 100%; border-collapse: collapse; background: var(--charbon); }
.tableau-console th, .tableau-console td { padding: var(--e-3); border-bottom: 1px solid var(--cendre); text-align: left; vertical-align: top; }
.tableau-console th { color: var(--fumee); font-size: var(--fs-mention); font-weight: 600; }
.actions-console { display: flex; flex-wrap: wrap; gap: var(--e-1) var(--e-3); max-width: 18rem; }
.grille-creation { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 0 var(--e-4); margin: var(--e-4) 0; }
.dialogue--large { width: min(94vw, 46rem); }
.code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .9rem; }
@media (max-width: 34rem) { .liens-qr { grid-template-columns: 1fr; } }
.tarifs { width: 100%; margin: var(--e-3) 0 var(--e-4); border-collapse: collapse; background: var(--charbon); }
.tarifs th, .tarifs td { padding: var(--e-3) var(--e-4); border-bottom: 1px solid var(--cendre); text-align: left; vertical-align: top; }
.tarifs th { width: 34%; color: var(--creme); font-weight: 600; }
.tarifs strong { color: var(--creme); }
@media (max-width: 34rem) { .tarifs th, .tarifs td { display: block; width: auto; } .tarifs th { padding-bottom: 0; border-bottom: 0; } }