/* Mon espace : même nuit et même sable que la vitrine, cartes en verre sombre, une seule couleur de données. */
.e-page{min-height:100svh}
.t-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px var(--marge);border-bottom:1px solid var(--trait)}
.t-nav p{font-size:15px;color:var(--doux)}.t-nav p a{color:var(--encre);font-weight:500;white-space:nowrap}
@media(max-width:700px){.t-nav p span{display:none}}
.e-page .t-nav{position:sticky;top:0;z-index:20;background:rgba(11,11,13,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Connexion */
.e-cnx{min-height:calc(100svh - 90px);display:grid;place-items:center;padding-block:60px}
.e-cnx__c{width:min(460px,100%)}
.e-cnx h1{font-size:clamp(52px,7vw,84px)}
.e-cnx__f{display:grid;gap:18px;margin-top:36px}
.e-cnx__f .btn,.e-cnx__f .btn__l{width:100%;text-align:center}
.e-cnx__f .lien{justify-self:start;background:none}
.e-erreur{color:var(--alerte);margin-top:14px;min-height:1.4em;font-size:15px}
.e-cnx__demo{margin-top:22px}

/* Disposition : menu à gauche, contenu à droite */
.e{display:grid;grid-template-columns:250px 1fr;gap:clamp(24px,3vw,48px);padding-block:clamp(28px,3vw,44px) 80px;align-items:start}
.e-menu{position:sticky;top:96px;display:grid;gap:22px}
.e-qui{display:flex;align-items:center;gap:12px;padding:6px 4px 18px;border-bottom:1px solid var(--trait)}
.e-qui i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:14px;letter-spacing:.04em;background:linear-gradient(160deg,#2a2722,#17161a);color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.e-qui p{display:grid;line-height:1.3}.e-qui strong{font-weight:500}.e-qui span{font-size:13px;color:var(--accent)}
.e-menu nav{display:grid;gap:2px}
.e-menu nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--doux);font-size:15px;transition:background .25s,color .25s}
.e-menu nav a:hover{color:var(--encre);background:rgba(244,241,234,.04)}
.e-menu nav a[aria-current=true]{color:var(--encre);background:var(--panneau2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.e-menu nav em{margin-left:auto;font-style:normal;font-size:12px;background:var(--accent);color:var(--fond);border-radius:999px;padding:1px 8px}
.e-sortir{justify-self:start;font-size:14px;color:var(--doux);padding:8px 12px}.e-sortir:hover{color:var(--encre)}

/* Icônes en trait fin */
.ic{width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ic--maison{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E")}
.ic--courbe{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l5-6 4 4 8-9'/%3E%3Cpath d='M3 21h18'/%3E%3C/svg%3E")}
.ic--etoile{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 16.8 6.6 19.7l1.1-6.1L3.2 9.4l6.1-.8z'/%3E%3C/svg%3E")}
.ic--bulle{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3C/svg%3E")}
.ic--doc{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M9 12h7M9 16h7'/%3E%3C/svg%3E")}
.ic--perso{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}

/* Contenu */
.e-contenu{min-width:0}
.e-contenu>section{animation:e-entre .5s cubic-bezier(.2,.7,.2,1)}
@keyframes e-entre{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.e-titre{font-size:clamp(40px,4.6vw,64px);margin-bottom:28px}
.e-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}.e-tete .e-titre{margin:0}
.e-bandeau{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;color:var(--doux);padding:12px 16px;border-radius:14px;border:1px dashed var(--trait);margin-bottom:26px}
.e-g{display:grid;gap:14px;align-items:stretch}section>.e-g+.e-g,section>.e-g+.e-carte,section>.e-carte+.e-carte{margin-top:14px}
.e-g--2{grid-template-columns:1.4fr 1fr}.e-g--3{grid-template-columns:repeat(3,1fr)}.e-g--4{grid-template-columns:repeat(4,1fr)}
#kpis:has(> :nth-child(2):last-child){grid-template-columns:1fr 1fr}

.e-carte{position:relative;border-radius:22px;padding:clamp(20px,2.2vw,28px);background:linear-gradient(180deg,#18181C,#111114);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 30px 60px -40px rgba(0,0,0,.9);isolation:isolate}
.e-carte::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(244,241,234,.16),rgba(244,241,234,.03) 60%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;z-index:-1}
.e-l{font-size:13px;color:var(--doux);letter-spacing:.02em}
.e-gros{font-family:var(--titre);font-size:clamp(40px,4vw,58px);line-height:1;margin:14px 0 8px}
.e-var{font-size:14px;color:var(--doux)}.e-var.hausse{color:#9FD3A8}.e-var.baisse{color:var(--alerte)}

.e-site__url{display:flex;align-items:center;gap:10px;margin:12px 0 26px;font-size:20px}
.e-site__url a:hover{color:var(--accent)}
.e-pt{width:9px;height:9px;border-radius:50%;background:var(--doux)}.e-pt.on{background:#7FD08E;box-shadow:0 0 0 4px rgba(127,208,142,.15)}
.e-etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.e-etapes li{display:grid;gap:6px;font-size:14px}
.e-etapes b{height:4px;border-radius:4px;background:var(--panneau2)}.e-etapes .fait b{background:var(--accent)}
.e-etapes em{font-style:normal;font-size:12px;color:var(--doux)}
.e-mois .lien{display:inline-block;margin-top:16px}
.e-rac{display:grid;gap:4px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.e-rac:hover{transform:translateY(-3px)}
.e-rac .ic{width:22px;height:22px;color:var(--accent);margin-bottom:14px}
.e-rac span{font-size:14px;color:var(--doux)}

/* Statistiques */
.e-seg{display:flex;padding:4px;border-radius:999px;background:var(--panneau)}
.e-seg button{padding:8px 16px;border-radius:999px;font-size:14px;color:var(--doux);transition:background .25s,color .25s}
.e-seg button[aria-pressed=true]{background:var(--panneau2);color:var(--encre)}
.e-kpi .e-gros{font-size:clamp(34px,3.2vw,46px)}
.e-kpi--direct .e-l::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#7FD08E;margin-left:8px;vertical-align:middle;animation:e-pouls 2s infinite}
@keyframes e-pouls{0%{box-shadow:0 0 0 0 rgba(127,208,142,.5)}80%,100%{box-shadow:0 0 0 8px rgba(127,208,142,0)}}
.e-courbe__t{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}
.e-direct{display:flex;align-items:center;gap:8px;font-size:12px;color:#9FD3A8;margin-top:4px}
.e-direct i{width:7px;height:7px;border-radius:50%;background:#7FD08E;animation:e-pouls 2s infinite}
.e-courbe__t .lien{background:none;font-size:13px}
.e-courbe__z{position:relative}
.e-courbe__z svg{display:block;width:100%;height:auto;touch-action:pan-y}
.c-grille{stroke:rgba(244,241,234,.07);stroke-width:1}
.c-axe{fill:var(--doux);font-size:11px;font-family:var(--texte)}
.c-ligne{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.c-point{fill:var(--accent);stroke:#111114;stroke-width:2}
.c-pouls{fill:var(--accent);opacity:.25;transform-box:fill-box;transform-origin:center;animation:c-pouls 2s infinite}
@keyframes c-pouls{0%{transform:scale(.6);opacity:.45}100%{transform:scale(1.8);opacity:0}}
.c-reticule{stroke:rgba(244,241,234,.25);stroke-width:1;stroke-dasharray:3 3}
.c-bulle{position:absolute;width:170px;padding:9px 12px;border-radius:12px;background:var(--panneau2);box-shadow:0 12px 30px -10px rgba(0,0,0,.8);font-size:13px;color:var(--doux);pointer-events:none}
.c-bulle strong{color:var(--encre);font-size:16px;font-weight:600}
.e-tableau{margin-top:18px;max-height:280px;overflow:auto}
.e-tableau table{width:100%;border-collapse:collapse;font-size:14px}
.e-tableau th,.e-tableau td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--trait)}.e-tableau td+td,.e-tableau th+th{text-align:right}
.e-plus{display:grid;gap:14px;justify-items:start;margin-top:14px}.e-plus p:not(.e-l){max-width:36em}

/* Fiche Google */
.e-avis{list-style:none;margin:0;padding:0}
.e-avis li{padding:18px 0;border-top:1px solid var(--trait)}
.e-avis__t{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.e-avis__t em{font-style:normal;font-size:13px;color:var(--doux);margin-left:auto}
.e-etoiles{color:var(--accent);letter-spacing:.08em;font-size:14px}
.e-avis li>p:last-child{color:var(--doux)}

/* Messages */
.e-fil{display:grid;gap:18px}
.e-msgs{list-style:none;margin:0;padding:4px;display:grid;gap:12px;max-height:52vh;overflow:auto}
.e-msg{max-width:min(520px,85%);padding:14px 16px;border-radius:18px;background:var(--panneau2)}
.e-msg time{display:block;font-size:12px;color:var(--doux);margin-top:6px}
.e-msg--client{justify-self:end;background:var(--accent);color:var(--fond);border-bottom-right-radius:6px}.e-msg--client time{color:rgba(11,11,13,.6)}
.e-msg--atelier{border-bottom-left-radius:6px}
.e-ecrire{display:flex;gap:12px;align-items:flex-end;padding-top:16px;border-top:1px solid var(--trait)}
.e-ecrire textarea{flex:1;resize:none;background:var(--panneau);border:1px solid var(--trait);border-radius:16px;padding:12px 14px;color:var(--encre);font:inherit}
.e-ecrire textarea:focus{outline:none;border-color:var(--accent)}

/* Factures et compte */
.e-liste{list-style:none;margin:0;padding:0}
.e-liste li{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:16px 0;border-top:1px solid var(--trait)}.e-liste li:first-child{border-top:0;padding-top:0}
.e-liste em{font-style:normal;font-size:13px;color:#9FD3A8}
.e-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.e-form__l,.e-form__b{grid-column:1/-1}.e-form__b{display:flex;align-items:center;gap:18px}
.e-ok{font-size:14px;color:#9FD3A8}

@media(max-width:900px){
  .e{grid-template-columns:1fr}
  .e-menu{position:static;gap:12px}
  .e-qui{border:0;padding-bottom:0}
  .e-menu nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px;margin-inline:calc(-1 * var(--marge));padding-inline:var(--marge)}
  .e-menu nav a{flex:none;background:var(--panneau);padding:9px 14px}
  .e-sortir{display:none}
  .e-g--2,.e-g--3,.e-form{grid-template-columns:1fr}.e-g--4{grid-template-columns:1fr 1fr}
  .e-etapes{grid-template-columns:1fr 1fr;row-gap:16px}
  .e-ecrire{flex-direction:column;align-items:stretch}
  .e-liste li{grid-template-columns:1fr auto;gap:6px 16px}.e-liste li>:last-child{grid-column:1/-1}
}
.e-msgs{scrollbar-width:thin;scrollbar-color:var(--panneau2) transparent}

/* Demande typée avant le message */
.e-ecrire{display:grid;gap:14px}
.e-types{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.e-types legend{font-size:13px;color:var(--doux);margin-bottom:10px;padding:0}
.e-types input{position:absolute;opacity:0;pointer-events:none}
.e-types span{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid var(--trait);font-size:14px;color:var(--doux);cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.e-types label:hover span{color:var(--encre)}
.e-types input:checked+span{border-color:var(--accent);color:var(--encre);background:rgba(228,211,174,.08)}
.e-types input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.e-ecrire__l{display:flex;gap:12px;align-items:flex-end}
.e-msg__type{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:6px}
#f-nouveau-mdp{margin-top:14px}
.e-cnx__f .lien{font-size:14px}
@media(max-width:900px){.e-ecrire__l{flex-direction:column;align-items:stretch}}

/* Administration */
.a-bord{margin-top:14px}
.a-barres{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}
.a-barres li{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:14px;font-size:14px}
.a-barres b{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--accent) calc(var(--p)*100%),var(--panneau2) 0)}
.a-barres em{font-style:normal;color:var(--doux);font-size:13px;white-space:nowrap}
.a-liste{list-style:none;margin:0;padding:0}
.a-liste li+li{border-top:1px solid var(--trait)}
.a-liste a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 4px;border-radius:12px;transition:background .25s}
.a-liste a:hover{background:rgba(244,241,234,.03)}
.a-clients a{grid-template-columns:1.4fr 1fr auto 28px}
.a-c__n{display:grid;gap:2px}.a-c__n small{font-size:13px;color:var(--doux)}
.a-c__e{font-size:14px;color:var(--doux)}
.a-vide{padding:16px 4px;color:var(--doux);font-size:15px}
.a-badge{justify-self:end;font-style:normal;font-size:12px;font-weight:600;min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--accent);color:var(--fond)}
.a-lu{font-size:12px;color:var(--doux)}
.a-pastille{display:inline-block;font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid var(--trait);color:var(--doux);white-space:nowrap}
.a-pastille--actif{color:#9FD3A8;border-color:rgba(159,211,168,.35)}
.a-pastille--en_attente{color:var(--accent);border-color:rgba(228,211,174,.35)}
.a-pastille--impaye{color:var(--alerte);border-color:rgba(240,129,111,.4)}
.a-fiche__t{align-items:center}
.a-dl{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;margin:16px 0 0;font-size:15px}.a-dl dt{color:var(--doux)}.a-dl dd{margin:0}
.a-avance{display:grid;gap:12px}
section[data-vue=client]>p:first-child{margin-bottom:18px}
@media(max-width:900px){.a-clients a{grid-template-columns:1fr auto}.a-c__e{display:none}.a-clients a>i,.a-clients a>.a-badge{grid-column:2}}

.a-rdv{margin-top:14px}
.a-cmd{margin-bottom:14px}
.a-fichiers{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.a-fichiers li{display:flex;gap:8px;align-items:baseline}.a-fichiers small{color:var(--doux);font-size:12px}