/* Contrôle Blanc : offre Cabinet (page de vente) et espace cabinet */
.m{text-align:right;font-family:var(--machine);font-weight:700;white-space:nowrap;word-spacing:-.35em}
.lien{border:0;background:none;padding:0;color:var(--tampon);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lien:hover{color:var(--tampon-fonce)}
.pastille{display:inline-grid;place-items:center;min-width:2.3rem;height:2.3rem;padding:0 .4rem;border-radius:.5rem;border:2px solid currentColor;font:700 1rem/1 var(--machine);background:var(--papier)}
.pastille--ko{color:var(--rouge);background:var(--rouge-pale)}.pastille--att{color:var(--ambre);background:var(--ambre-pale)}.pastille--ok{color:var(--vert);background:var(--vert-pale)}

/* ---------------------------------------------------------------- Page de vente */
.portefeuille-demo{width:min(100%,32rem);margin-inline:auto;padding:1.4rem;background:var(--papier);border:2px solid var(--encre);border-radius:1rem;box-shadow:0 6px 0 var(--encre);transform:rotate(1deg)}
.portefeuille-demo__tete{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.7rem;margin-bottom:.4rem;border-bottom:2px solid var(--encre);font:700 .75rem/1.2 var(--machine);letter-spacing:.06em;text-transform:uppercase}
.portefeuille-demo table{width:100%;border-collapse:collapse;font-size:.9375rem}
.portefeuille-demo th{text-align:left;font:700 .6875rem/1.2 var(--machine);letter-spacing:.06em;text-transform:uppercase;color:var(--encre-doux);padding:.5rem .3rem}
.portefeuille-demo td{padding:.55rem .3rem;border-top:1px dashed var(--filet);font-weight:600}
.portefeuille-demo .pastille{min-width:2rem;height:2rem;font-size:.875rem}
.portefeuille-demo__pied{margin-top:.7rem;font:700 .6875rem/1.2 var(--machine);color:var(--encre-doux);letter-spacing:.04em}
.consent{display:flex;gap:.6rem;align-items:flex-start;margin:1.5rem 0 0;font-size:.875rem;line-height:1.5;cursor:pointer;max-width:70ch}
.consent input{flex:none;width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--tampon)}
.formule .bouton[disabled]{opacity:.55}

/* ---------------------------------------------------------------- Espace cabinet */
.espace{padding-block:clamp(2rem,5vw,3.5rem) clamp(3rem,7vw,5rem)}
.espace h1{font-size:clamp(2rem,1.4rem + 2.6vw,3rem);margin-top:.6rem}
.espace .chapo{margin-top:1rem;font-size:1.0625rem;color:var(--encre-doux);max-width:60ch}
.erreur{margin-bottom:1.25rem;padding:.8rem 1rem;border:2px solid var(--rouge);border-radius:.5rem;background:var(--rouge-pale);font-weight:600;overflow-wrap:anywhere}
.erreur.ok{border-color:var(--vert);background:var(--vert-pale)}
.licence{max-width:44rem}
.licence__form{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}
.licence__form input{flex:1;min-width:14rem;min-height:3.25rem;padding:.6rem .9rem;border:2px solid var(--encre);border-radius:.6rem;background:var(--papier);font:700 1rem var(--machine);letter-spacing:.03em}
.licence__aide{margin-top:1rem;color:var(--encre-doux)}
.espace__tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem}
.espace__actions{display:flex;flex-wrap:wrap;gap:.6rem}
.espace__actions .bouton{min-height:2.75rem;padding:.5rem 1rem;font-size:.9375rem}
.cle-rappel{margin-top:.8rem;font-size:.875rem;color:var(--encre-doux);overflow-wrap:anywhere}
.cle-rappel .machine{font-weight:700;color:var(--encre)}
.espace__grille{display:grid;gap:1.25rem;margin-top:1.75rem}
@media (min-width:900px){.espace__grille{grid-template-columns:1.25fr 1fr}}
.carte{padding:1.5rem;background:var(--papier);border:2px solid var(--encre);border-radius:1rem}
.carte h2{font-size:1.35rem;margin-bottom:1rem}
.zone{position:relative;display:grid;justify-items:center;gap:.4rem;text-align:center;padding:2rem 1.25rem;border:2.5px dashed var(--encre);border-radius:.8rem;background:var(--kraft);cursor:pointer;transition:background .2s var(--doux),transform .2s var(--doux)}
.zone:hover,.zone.survol{background:var(--tampon-pale);transform:translateY(-2px)}
.zone input{position:absolute;width:1px;height:1px;opacity:0}
.zone:focus-within{outline:3px solid var(--tampon);outline-offset:3px}
.zone__titre{font-weight:800;font-size:1.2rem}
.zone__sous{color:var(--encre-doux);font-size:.875rem}
.file{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.4rem;max-height:16rem;overflow:auto}
.file li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem .7rem;border-radius:.4rem;background:var(--papier-2);font-size:.875rem;overflow-wrap:anywhere}
.file li.fait .file__statut{color:var(--vert);font-weight:700}
.file li.echec .file__statut{color:var(--rouge);font-weight:700}
.file li.encours .file__statut{color:var(--encre-doux)}
.profil{display:grid;gap:.9rem}
.profil label{display:grid;gap:.35rem;font-weight:700;font-size:.9375rem}
.profil input:not([type=file]),.profil textarea{padding:.6rem .8rem;border:2px solid var(--encre);border-radius:.5rem;background:#fff;font:400 1rem var(--texte);resize:vertical}
.profil__logo{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.profil__logo .bouton{min-height:2.6rem;padding:.4rem .9rem;font-size:.9375rem}
.profil__apercu{display:grid;place-items:center;width:6.5rem;height:3.5rem;border:1.5px dashed var(--filet);border-radius:.5rem;font-size:.75rem;color:var(--encre-doux);background:#fff}
.profil__apercu img{max-width:100%;max-height:100%;object-fit:contain}
.profil__aide{font-size:.8125rem;color:var(--encre-doux)}
.profil .bouton--tampon{justify-self:start}
.profil__ok{font-size:.875rem;color:var(--vert);font-weight:600}
.portefeuille{margin-top:2rem}
.portefeuille__tete{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}
.portefeuille__tete h2{font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem)}
.portefeuille__outils{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:.9375rem}
.portefeuille__outils select{min-height:2.5rem;padding:.3rem .6rem;border:2px solid var(--encre);border-radius:.45rem;background:var(--papier);font:600 .9375rem var(--texte)}
.portefeuille__outils .bouton{min-height:2.6rem;padding:.4rem 1rem;font-size:.9375rem}
.portefeuille__defile{margin-top:1rem;overflow-x:auto;border:2px solid var(--encre);border-radius:.9rem;background:var(--papier)}
.portefeuille table{width:100%;border-collapse:collapse;min-width:58rem;font-size:.9375rem}
.portefeuille th{text-align:left;background:var(--encre);color:var(--papier);font:700 .6875rem/1.2 var(--machine);letter-spacing:.06em;text-transform:uppercase;padding:.75rem .7rem}
.portefeuille td{padding:.6rem .7rem;border-top:1px solid var(--filet);vertical-align:middle}
.portefeuille td.n{font:700 1rem var(--machine);text-align:center}
.portefeuille td .client{width:100%;min-width:15rem;padding:.35rem .5rem;border:1.5px solid transparent;border-radius:.4rem;background:transparent;font:700 .9375rem var(--texte)}
.portefeuille td .client:hover,.portefeuille td .client:focus{border-color:var(--filet);background:#fff}
.portefeuille td .fichier{display:block;padding-left:.55rem;font-size:.75rem;color:var(--encre-doux);overflow-wrap:anywhere}
.portefeuille td .niveau{margin-left:.5rem;font-size:.8125rem;color:var(--encre-doux)}
.portefeuille td.mieux{color:var(--vert);font-weight:700}.portefeuille td.moins{color:var(--rouge);font-weight:700}
.portefeuille td.actions{white-space:nowrap}
.portefeuille td.actions>*{margin-right:.8rem;font-size:.875rem}
.portefeuille td.actions a{font-weight:700}
.portefeuille__vide{margin-top:1rem;color:var(--encre-doux)}
.portefeuille__pied{margin-top:.8rem;font-size:.875rem;color:var(--encre-doux)}