/* Studio Event 22 — espace client (complète style.css et devis.css) */
.espace{padding:calc(var(--entete) + 50px) 20px 80px;min-height:70vh}
.espace .conteneur{max-width:1080px}
.espace-menu{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:14px 18px;margin-bottom:26px;border:1px solid var(--filet);background:rgba(21,14,7,.8);font-size:.85rem}
.espace-menu span{margin-right:auto;color:var(--sable)}
.espace-menu span b{color:var(--blanc)}
.espace-menu a,.espace-menu .lien{color:var(--or);text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.espace-menu .lien{background:none;border:0;cursor:pointer;font-family:inherit;color:var(--sable)}
.espace .inline{display:inline}
.espace form.inline{display:inline}
.flash{padding:12px 16px;border-left:4px solid var(--orange);background:rgba(255,154,31,.1);margin:0 0 18px}
.flash-erreur{border-color:#ff5a36;background:rgba(255,90,54,.12)}
.carte-espace{border:1px solid rgba(255,154,31,.3);background:rgba(10,6,3,.82);padding:28px 26px;margin-bottom:24px}
.carte-espace h1,.titre-espace{font-family:var(--titre);color:var(--orange);letter-spacing:.08em;font-size:clamp(1.6rem,3.4vw,2.2rem);margin:4px 0 10px}
.carte-espace h2,.sous-titre-espace{font-family:var(--titre);color:var(--or);letter-spacing:.08em;font-size:1.2rem;margin:0 0 14px}
.sous-titre-espace{margin:26px 0 14px}
.carte-espace h3{color:var(--or);font-weight:600;margin:0 0 8px}
.carte-espace.centre,.centre{text-align:center}
.carte-espace a{color:var(--or)}
.carte-espace .bouton{color:var(--noir)}
.carte-espace .bouton.contour{color:var(--orange)}
.mention{font-size:.8rem;color:rgba(230,207,163,.85);margin:10px 0 0}
.conditions{font-size:.86rem;color:var(--sable);margin:12px 0 0}
.fil a{color:var(--sable);text-decoration:none;font-size:.85rem}

/* Connexion */
.connexion-grille{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:26px;align-items:start}
.boite-connexion{text-align:center;max-width:440px;margin:0 auto 24px}
.boite-connexion .formulaire-espace{text-align:left}
.logo-rond{border-radius:50%;margin:0 auto 10px;box-shadow:0 0 30px rgba(255,154,31,.45)}
.explication ol{padding-left:20px;line-height:1.8;color:var(--sable)}
.explication ol b{color:var(--blanc)}
.formulaire-espace{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.formulaire-espace label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sable);font-weight:500}
.formulaire-espace label.accord{flex-direction:row;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:300}
.formulaire-espace .grille-champs label{text-transform:uppercase}

/* Devis et prestation */
.devis-entete-client{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}
.devis-entete-client .droite{text-align:right}
.devis-entete-client p{margin:0;color:var(--sable)}
.tableau-client{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:6px}
.tableau-client th{text-align:left;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--or);font-weight:500;padding:10px 8px;border-bottom:1px solid var(--orange)}
.tableau-client td{padding:11px 8px;border-bottom:1px solid rgba(255,154,31,.15)}
.tableau-client .n{text-align:right;white-space:nowrap}
.tableau-client tfoot td{color:var(--sable)}
.tableau-client tfoot .fort td{color:var(--orange);font-weight:600;font-size:1.15rem;border-top:2px solid var(--orange)}
.carte-espace.signe{border-color:#2e8b57;background:linear-gradient(180deg,rgba(46,139,87,.14),rgba(10,6,3,.85))}
.carte-espace.signe h2{color:#7fe0a5}
.encart-mdp{margin-top:18px;padding:20px;border:1px dashed var(--orange);background:rgba(255,154,31,.06)}
.deux-colonnes{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.deux-colonnes .carte-espace{margin:0}

/* Cartes de prestations */
.cartes-prestations{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.carte-presta{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid rgba(255,154,31,.3);background:rgba(10,6,3,.82);text-decoration:none;color:var(--blanc);transition:border-color .2s,transform .2s}
.carte-presta:hover{border-color:var(--orange);transform:translateY(-3px)}
.carte-presta small{color:var(--or);letter-spacing:.14em;font-size:.7rem}
.carte-presta b{font-family:var(--titre);font-size:1.3rem;letter-spacing:.06em}
.carte-presta span{color:var(--sable);font-size:.9rem}
.carte-presta .montant{color:var(--orange);font-weight:600;font-size:1.3rem}
.carte-presta.a-signer{border-color:var(--orange);box-shadow:0 0 24px rgba(255,154,31,.15)}
.statut{align-self:flex-start;display:inline-block;padding:3px 10px;border-radius:12px;font-size:.72rem;font-weight:600;letter-spacing:.05em;background:#3a2a17;color:var(--sable)!important}
.statut-envoyee,.statut-nouvelle{background:var(--orange);color:var(--noir)!important}
.statut-en_cours{background:#5a3208;color:var(--or)!important}
.statut-acceptee{background:#1f5a34;color:#c9f7d6!important}

.jauge{height:10px;background:#2a1d10;border-radius:5px;overflow:hidden;margin:6px 0 8px}
.jauge span{display:block;height:100%;background:linear-gradient(90deg,var(--or),var(--orange))}
.jauge-texte{margin:0 0 12px;color:var(--sable)}
.jauge-texte b{color:var(--blanc)}
.liste-paiements,.documents{list-style:none;padding:0;margin:0}
.liste-paiements li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(255,154,31,.2);font-size:.9rem}
.documents li{padding:10px 0;border-bottom:1px solid rgba(255,154,31,.15)}
.documents a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--blanc)}
.documents a:hover{color:var(--or)}
.documents .ico{display:inline-grid;place-items:center;min-width:44px;height:28px;border:1px solid var(--orange);color:var(--orange);font-size:.66rem;font-weight:700;letter-spacing:.08em}
.documents .a-venir{color:var(--sable);font-style:italic;font-size:.9rem}

@media (max-width:860px){
  .connexion-grille,.deux-colonnes{grid-template-columns:minmax(0,1fr)}
  .tableau-client th:nth-child(3),.tableau-client td:nth-child(3){display:none}
  .tableau-client tfoot td[colspan]{}
}