/* Espace client : styles propres à espace-client.html, préfixe ec- */
/* Pages Espace client et État des services, au style Lanceur : couleurs de lanceur.css */
.page-espace{--bleu:#49c4ff;--bleu-vif:#49c4ff;--violet:#856bff;--orange:#ffc16b;--surface:rgba(11,14,23,.8);--surface-2:rgba(255,255,255,.035);--rayon:20px;--font:var(--corps)}
/* overflow:hidden empêche le menu de rester fixé ; clip coupe pareil sans casser position:sticky */
.page-espace .contenu{overflow:clip}
.ec-page{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:34px 0 0}
.ec-sourcil{display:block;font:700 12px/1.2 var(--titre);letter-spacing:1.6px;text-transform:uppercase;color:var(--bleu-vif)}
.ec-categorie-icone svg,.ec-service-icone svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page-espace .pied{margin-top:70px}
.page-espace .compte[aria-current="page"]{border-color:var(--c)}
.toast{position:fixed;left:50%;bottom:24px;z-index:80;padding:12px 18px;border:1px solid var(--ligne);border-radius:14px;background:#0c0f19;color:var(--texte);box-shadow:0 20px 60px rgba(0,0,0,.6);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}

.ec-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:220px;padding:30px 32px;border:1px solid var(--ligne);border-radius:var(--rayon);background:radial-gradient(120% 140% at 85% 0%,rgba(133,107,255,.28),transparent 55%),radial-gradient(90% 120% at 0% 100%,rgba(52,169,255,.2),transparent 60%),var(--surface);overflow:hidden}
.ec-hero-texte{position:relative;z-index:1;max-width:560px}
.ec-hero h1{margin:10px 0 10px;font:700 clamp(30px,4.4vw,46px)/1.05 var(--titre);letter-spacing:-.5px}
.ec-hero h1 span{background:linear-gradient(90deg,var(--bleu-vif),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.ec-hero p{margin:0;color:var(--doux);font-size:16px}
.ec-hero-mascotte{position:absolute;right:330px;bottom:0;height:calc(100% - 16px);width:auto;opacity:.9;pointer-events:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45))}
.ec-compte{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--ligne);border-radius:14px;background:var(--surface-2)}
.ec-compte b{display:block;font-size:15px}
.ec-compte small{display:block;color:var(--doux);font-size:13px}
.ec-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,var(--bleu),var(--violet));color:#fff;font:700 18px var(--titre)}

.ec-alerte{display:flex;align-items:flex-start;gap:12px;margin:18px 0 0;padding:14px 18px;border:1px solid rgba(255,157,77,.35);border-radius:14px;background:rgba(255,157,77,.08)}
.ec-alerte>span{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange);color:#1a1006;font-weight:800;font-size:14px}
.ec-alerte p{margin:0;color:var(--texte);font-size:15px}
.ec-alerte em{font-style:normal;font-weight:700;color:var(--orange)}

.ec-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;margin-top:26px}
.ec-menu{align-self:start;position:sticky;top:96px;display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--ligne);border-radius:16px;background:var(--surface)}
.ec-menu a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:var(--doux);font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,color .15s}
.ec-menu a i{width:18px;font-style:normal;text-align:center;color:var(--faible)}
.ec-menu a:hover{color:var(--texte);background:var(--surface-2)}
.ec-menu a.is-active{color:var(--texte);background:rgba(52,169,255,.14);box-shadow:inset 3px 0 0 var(--bleu-vif)}
.ec-menu a.is-active i{color:var(--bleu-vif)}

.ec-contenu{display:flex;flex-direction:column;gap:22px;min-width:0}
.ec-bloc{scroll-margin-top:10px;padding:24px;border:1px solid var(--ligne);border-radius:var(--rayon);background:var(--surface)}
.ec-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}
.ec-tete h2{margin:6px 0 0;font:700 25px/1.15 var(--titre)}
.ec-lien{color:var(--bleu-vif);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.ec-lien:hover{text-decoration:underline}
.ec-etiquette{display:inline-block;padding:4px 9px;border:1px solid rgba(255,157,77,.45);border-radius:999px;color:var(--orange);font:700 11px/1.2 var(--titre);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}

.ec-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ec-categorie{position:relative;display:grid;gap:3px;padding:16px;border:1px solid var(--ligne);border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--ec-teinte) 13%,transparent),transparent 65%),var(--surface-2);color:var(--texte);text-decoration:none;overflow:hidden;transition:transform .15s,border-color .15s}
.ec-categorie:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ec-teinte) 55%,transparent)}
.ec-categorie-icone{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:11px;background:color-mix(in srgb,var(--ec-teinte) 20%,transparent);color:var(--ec-teinte);font-size:18px}
.ec-categorie b{font-size:15px}
.ec-categorie strong{position:absolute;top:12px;right:16px;font:700 30px/1 var(--titre);color:var(--ec-teinte)}
.ec-categorie small{color:var(--doux);font-size:13px}
.ec-resume{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:14px;border:1px solid var(--ligne);border-radius:14px;background:var(--ligne);overflow:hidden}
.ec-resume div{padding:12px 16px;background:var(--surface)}
.ec-resume small,.ec-specs small,.ec-liste small{display:block;color:var(--doux);font-size:13px}
.ec-resume b{font-size:16px}

.ec-vide{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 16px;border:1px dashed var(--ligne);border-radius:16px}
.ec-vide>span{font-size:26px;color:var(--violet)}
.ec-vide b{margin-top:6px;font-size:17px}
.ec-vide p{max-width:480px;margin:6px 0 14px;color:var(--doux);font-size:15px}
.ec-jeux-raccourcis{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.ec-jeux-raccourcis a{padding:7px 13px;border:1px solid color-mix(in srgb,var(--ec-teinte) 45%,transparent);border-radius:999px;color:var(--texte);font-size:14px;font-weight:600;text-decoration:none;background:color-mix(in srgb,var(--ec-teinte) 10%,transparent)}
.ec-jeux-raccourcis a:hover{background:color-mix(in srgb,var(--ec-teinte) 22%,transparent)}

.ec-selection,.ec-service{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;padding:14px;border:1px solid color-mix(in srgb,var(--ec-teinte,var(--bleu)) 40%,var(--ligne));border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--ec-teinte,var(--bleu)) 10%,transparent),transparent 60%),var(--surface-2)}
.ec-selection[hidden],.ec-panneau[hidden],.ec-vide[hidden]{display:none}
.ec-selection-image,.ec-service-image{width:100%;height:100%;min-height:170px;object-fit:cover;border-radius:12px}
.ec-selection-texte,.ec-service-corps{display:flex;flex-direction:column;gap:10px;min-width:0;padding:4px 4px 4px 0}
.ec-selection h3,.ec-service h3{margin:0;font:700 22px/1.2 var(--titre)}
.ec-selection .ec-sourcil{color:var(--ec-teinte,var(--bleu-vif))}
.ec-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.ec-specs li{padding:9px 11px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface)}
.ec-specs b{font-size:15px}
.ec-selection-prix{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0}
.ec-selection-prix b{font:700 24px var(--titre);color:var(--ec-teinte,var(--bleu-vif))}
.ec-selection-prix small{color:var(--doux);font-size:13px}
.ec-actions{display:flex;flex-wrap:wrap;gap:8px}
.ec-bouton{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--ligne);border-radius:11px;background:var(--surface);color:var(--texte);font:700 14px var(--font);text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.ec-bouton:hover{border-color:color-mix(in srgb,var(--ec-teinte,var(--bleu)) 60%,transparent)}
.ec-bouton-plein{border-color:transparent;background:var(--ec-teinte,var(--bleu));color:#07111d}
.ec-bouton-plein:hover{filter:brightness(1.08)}
.ec-bouton:focus-visible,.ec-onglets button:focus-visible,.ec-menu a:focus-visible,.ec-aide>*:focus-visible,.ec-categorie:focus-visible{outline:2px solid var(--bleu-vif);outline-offset:2px}

.ec-tableau{border:1px solid var(--ligne);border-radius:14px;overflow:hidden}
.ec-ligne{display:grid;grid-template-columns:.8fr 2fr 1fr 1fr 1fr;gap:10px;padding:11px 16px}
.ec-ligne-tete{background:var(--surface-2);color:var(--doux);font:700 12px var(--titre);letter-spacing:1px;text-transform:uppercase}
.ec-ligne-vide{padding:22px 16px;color:var(--doux);font-size:15px;text-align:center}

.ec-onglets{display:flex;gap:6px;margin-bottom:14px;padding:5px;border:1px solid var(--ligne);border-radius:13px;background:var(--surface-2);overflow-x:auto;scrollbar-width:none}
.ec-onglets button{flex:1 0 auto;min-height:40px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:var(--doux);font:700 14px var(--font);cursor:pointer;white-space:nowrap}
.ec-onglets button:hover{color:var(--texte)}
.ec-onglets button[aria-selected="true"]{background:var(--surface);color:var(--texte);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.ec-service-sans-image{grid-template-columns:72px minmax(0,1fr)}
.ec-service-icone{display:grid;place-items:center;width:72px;height:72px;border-radius:16px;background:color-mix(in srgb,var(--ec-teinte) 18%,transparent);color:var(--ec-teinte);font-size:30px}
.ec-service-haut{display:flex;align-items:center;gap:10px}
.ec-etat{display:inline-flex;align-items:center;gap:6px;color:var(--doux);font-size:13px}
.ec-etat i{width:8px;height:8px;border-radius:50%;background:var(--faible)}

.ec-grille-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ec-grille-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ec-carte{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--ligne);border-radius:16px;background:var(--surface-2)}
.ec-carte h3{margin:0;font:700 18px var(--titre)}
.ec-carte .ec-bouton{align-self:flex-start;margin-top:auto}
.ec-carte-vide{margin:0;color:var(--doux);font-size:15px}
.ec-note{margin:0;color:var(--faible);font-size:13px}
.ec-durees,.ec-liste{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.ec-durees li{display:flex;justify-content:space-between;padding:9px 12px;border-radius:10px;background:var(--surface);font-size:15px}
.ec-durees span{color:#35d8b7;font-weight:700}
.ec-liste li{padding:8px 0;border-bottom:1px solid var(--ligne)}
.ec-liste li:last-child{border-bottom:0}
.ec-liste b{font-size:15px}
.ec-pastilles{display:flex;flex-wrap:wrap;gap:6px}
.ec-pastilles span{padding:5px 11px;border:1px solid var(--ligne);border-radius:999px;color:var(--doux);font-size:13px}
.ec-details{margin-top:12px;border:1px solid var(--ligne);border-radius:14px;background:var(--surface-2)}
.ec-details summary{padding:14px 18px;font-weight:700;font-size:15px;cursor:pointer}
.ec-details p{margin:0;padding:0 18px 14px;color:var(--doux);font-size:15px}

.ec-aide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ec-aide>*{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border:1px solid var(--ligne);border-radius:16px;background:var(--surface-2);color:var(--texte);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .15s,transform .15s}
.ec-aide>*:hover{transform:translateY(-2px);border-color:rgba(73,196,255,.5)}
.ec-aide span{font-size:22px;color:var(--bleu-vif)}
.ec-aide a span{color:#35d8b7}
.ec-aide b{font-size:15px}
.ec-aide small{color:var(--doux);font-size:13px}

/* État des services */
.et-liste{display:flex;flex-direction:column;gap:10px}
.et-service{display:grid;grid-template-columns:52px minmax(0,1fr) auto 40px;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--ligne);border-radius:16px;background:linear-gradient(110deg,color-mix(in srgb,var(--ec-teinte) 10%,transparent),transparent 55%),var(--surface-2)}
.et-service .ec-service-icone{width:52px;height:52px;border-radius:14px}
.et-service b{display:block;font-size:16px}
.et-service small{display:block;color:var(--doux);font-size:13px}
.et-etat{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(255,193,107,.4);border-radius:999px;color:var(--orange);font:700 13px var(--titre);letter-spacing:.6px;white-space:nowrap}
.et-etat i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange)}
.et-service a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ligne);border-radius:11px;color:var(--doux);transition:border-color .15s,color .15s}
.et-service a:hover{border-color:var(--ec-teinte);color:var(--ec-teinte)}
.et-maj{color:var(--faible);font-size:13px}
.et-etat-maintenance{border-color:rgba(255,107,107,.45);color:#ff8a8a}
.et-etat-maintenance i{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b}
.et-etat-prevue{border-color:rgba(133,107,255,.45);color:#a996ff}
.et-etat-prevue i{background:#856bff;box-shadow:0 0 10px #856bff}
.et-maintenances,.et-historique{display:grid;gap:10px}
.et-maintenance{padding:14px 16px;border:1px solid var(--ligne);border-left:4px solid var(--orange);border-radius:14px;background:var(--surface-2)}
.et-maintenance.is-en-cours{border-left-color:#ff6b6b}
.et-maintenance.is-terminee{border-left-color:var(--faible);opacity:.85}
.et-maintenance-tete{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.et-maintenance-tete b{font-size:16px}
.et-maintenance-tete .et-etat{padding:3px 10px;font-size:12px}
.et-maintenance p{margin:6px 0 0;color:var(--doux);font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
.et-maintenance small{display:block;margin-top:6px;color:var(--faible);font-size:13px}
.et-suite{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border:1px solid var(--ligne);border-radius:var(--rayon);background:var(--surface)}
.et-suite p{flex:1 1 320px;margin:0;color:var(--doux)}
.et-suite p b{color:var(--texte)}
.et-suite .jouer{min-height:50px;padding:0 22px;font-size:17px}
@media (max-width:640px){
  .et-service{grid-template-columns:44px minmax(0,1fr) 36px;gap:12px}
  .et-service .ec-service-icone{width:44px;height:44px}
  .et-etat{grid-column:2/4;grid-row:2;justify-self:start}
  .et-service a{grid-column:3;grid-row:1;width:36px;height:36px}
  .ec-page{width:calc(100% - 24px)}
}

@media (max-width:1020px){
  .ec-hero-mascotte{display:none}
  .ec-layout{grid-template-columns:1fr;gap:18px}
  .ec-menu{position:sticky;top:72px;z-index:5;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:6px}
  .ec-menu a{flex:none;padding:9px 12px;font-size:14px}
  .ec-menu a.is-active{box-shadow:inset 0 -3px 0 var(--bleu-vif)}
  .ec-categories,.ec-aide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-resume{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-grille-3{grid-template-columns:1fr}
  .ec-bloc{scroll-margin-top:70px}
}
@media (max-width:640px){
  .ec-page{padding-top:20px}
  .ec-hero{flex-direction:column;align-items:flex-start;min-height:0;padding:22px 18px}
  .ec-bloc{padding:18px 14px}
  .ec-tete h2{font-size:21px}
  .ec-selection,.ec-service{grid-template-columns:1fr}
  .ec-selection-image,.ec-service-image{min-height:0;aspect-ratio:16/9}
  .ec-service-sans-image{grid-template-columns:1fr}
  .ec-grille-2{grid-template-columns:1fr}
  .ec-ligne-tete{display:none}
  .ec-actions .ec-bouton{flex:1 1 auto}
}
@media (max-width:420px){
  .ec-categories,.ec-aide{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .ec-categorie,.ec-aide>*{transition:none}
  .ec-categorie:hover,.ec-aide>*:hover{transform:none}
}
.et-page .ec-hero-mascotte{right:48px}
.ec-selection-liste{display:grid;gap:12px}
.ec-selection-liste:empty{display:none}
.ec-selection .ec-selection-icone{width:100%;height:100%;min-height:170px;border-radius:12px}
.ec-selection .ec-selection-icone svg{width:64px;height:64px}

/* Espace client relié à la boutique */
.ec-invisible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ec-alerte[hidden],.ec-connexion[hidden],.ec-layout[hidden],.ec-acces[hidden],.ec-renouveler[hidden]{display:none}
.ec-alerte-grave{border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.08)}
.ec-alerte-grave>span{background:#ff6b6b}
.ec-connexion{max-width:560px;margin:18px auto 0}
.ec-formulaire{display:grid;gap:12px}
.ec-formulaire label{display:grid;gap:6px;color:var(--doux);font-size:13px;font-weight:600}
.ec-formulaire label[hidden]{display:none}
.ec-formulaire input,.ec-formulaire select,.ec-formulaire textarea,.ec-choix{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface);color:var(--texte);font:500 15px var(--font)}
.ec-formulaire textarea{resize:vertical;line-height:1.5}
.ec-formulaire :is(input,select,textarea):focus,.ec-choix:focus{outline:2px solid var(--bleu-vif);outline-offset:1px;border-color:transparent}
.ec-formulaire .ec-bouton{justify-self:start;margin-top:0}
.ec-bascule{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--ligne);border-radius:12px;background:var(--surface-2)}
.ec-bascule button{min-height:38px;border:0;border-radius:9px;background:none;color:var(--doux);font:700 14px var(--font);cursor:pointer}
.ec-bascule button[aria-pressed="true"]{background:var(--surface);color:var(--texte);box-shadow:0 2px 10px rgba(0,0,0,.18)}
.ec-tableau-commandes .ec-ligne{grid-template-columns:.6fr 2.2fr 1fr .9fr 1.1fr 1.6fr;align-items:center}
.ec-tableau-commandes [data-ec-commandes] .ec-ligne{border-top:1px solid var(--ligne);font-size:14px}
.ec-tableau-commandes [data-ec-commandes] .ec-ligne>span:nth-child(2){white-space:pre-line}
.ec-actions-ligne{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.ec-actions-ligne .ec-bouton{min-height:34px;padding:0 12px;font-size:13px}
.ec-actions-ligne .ec-choix{width:auto;min-height:34px;padding:4px 8px;font-size:13px}
.ec-detail{display:block;color:var(--faible);font-size:12px}
.ec-etat-ok{color:#35d8b7}.ec-etat-ok i{background:#35d8b7;box-shadow:0 0 8px #35d8b7}
.ec-etat-attente{color:var(--orange)}.ec-etat-attente i{background:var(--orange)}
.ec-etat-arret{color:var(--faible)}
.ec-etat-alerte{color:#ff8a8a}.ec-etat-alerte i{background:#ff6b6b}
.ec-services{display:grid;gap:12px}
.ec-service-corps{display:flex;flex-direction:column;gap:12px;min-width:0}
.ec-service-image{width:100%;height:100%;min-height:170px;object-fit:cover;border-radius:12px}
.ec-service>.ec-service-icone{width:100%;height:100%;min-height:170px;border-radius:12px}
.ec-service>.ec-service-icone svg{width:64px;height:64px}
.ec-service .ec-specs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.ec-service .ec-specs b{overflow-wrap:anywhere}
.ec-service-corps{container-type:inline-size}
.ec-service .ec-spec-large b{overflow-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
@container (min-width:316px){.ec-service .ec-spec-large{grid-column:span 2}}
.ec-acces{display:grid;gap:6px;padding:12px;border:1px solid var(--ligne);border-radius:12px;background:var(--surface)}
.ec-acces-ligne{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;align-items:center;gap:8px}
.ec-acces-ligne small{color:var(--doux);font-size:13px}
.ec-acces-ligne code{overflow-wrap:anywhere;font:600 14px 'JetBrains Mono',monospace}
.ec-acces-ligne>.ec-mini:only-of-type{grid-column:4}
.ec-mini{min-height:30px;padding:0 10px;border:1px solid var(--ligne);border-radius:8px;background:var(--surface-2);color:var(--doux);font:700 12px var(--font);cursor:pointer}
.ec-mini:hover{color:var(--texte);border-color:var(--bleu-vif)}
.ec-renouveler{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px;border:1px dashed var(--ligne);border-radius:12px}
.ec-renouveler label{display:grid;gap:4px;color:var(--doux);font-size:13px;font-weight:600}
.ec-renouveler select{min-height:40px;padding:0 10px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface);color:var(--texte);font:500 14px var(--font)}
.ec-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.ec-liste li>small{flex:1 0 100%}
.ec-liste li>a{color:var(--bleu-vif);font-weight:700}
.ec-liste li>a+b{margin-left:auto}
.ec-liste .ec-liste-vide{color:var(--doux);font-size:14px}
.ec-renouveler select,.ec-renouveler input:not([type="checkbox"]){min-height:40px;padding:0 10px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface);color:var(--texte);font:500 14px var(--font)}
.ec-renouveler input[name="code"]{width:150px;text-transform:uppercase}
.ec-renouveler .ec-case{display:flex;align-items:center;gap:8px;min-height:40px}
.ec-changer{flex-direction:column;align-items:stretch}
.ec-changer>.ec-note{margin:0}
.ec-offre{display:flex !important;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--ligne);border-radius:10px;cursor:pointer;color:var(--texte) !important}
.ec-offre:has(input:checked){border-color:var(--accent,#64caff)}
.ec-offre b{display:block;font-size:14px}
.ec-offre-refus{opacity:.6;cursor:default}
.ec-changer-paiement{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.ec-changer-paiement[hidden]{display:none}
.ec-changer>.ec-bouton{align-self:flex-start}
.ec-renouveler .ec-case[hidden],[data-ec-avoirs-zone][hidden],[data-ec-credit-zone][hidden]{display:none}
[data-ec-avoirs-zone],[data-ec-credit-zone]{margin-top:18px}
.ec-credit{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px}
.ec-credit b{font-size:24px;color:#5be3a0}
.ec-credit span{color:var(--doux);font-size:13px}
.ec-mouvements summary{cursor:pointer;color:var(--doux);font-size:13px;font-weight:600}
.ec-plus{color:#5be3a0}
.ec-mouvements .ec-liste li>span+b{margin-left:auto}
.ec-double [data-ec-double-zone]{display:grid;gap:10px}
.ec-double-form{display:grid;gap:10px}
.ec-double-cle{display:block;padding:10px 12px;border:1px dashed rgba(255,255,255,.2);border-radius:10px;font:600 15px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.06em;overflow-wrap:anywhere;user-select:all}
.ec-secours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;padding:10px 12px 10px 34px;border-radius:10px;background:rgba(255,255,255,.04);font:600 14px/1.5 ui-monospace,Consolas,monospace}
.ec-note-forte{color:var(--orange,#ffc16b)}
.ec-double-plier summary{cursor:pointer;font-weight:600;padding:4px 0}
.ec-double-plier[open] summary{margin-bottom:8px}
.ec-sessions{margin-top:12px}
.ec-sessions li>b{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:500}
.ec-pastilles .ec-pastille-off{opacity:.5}
.ec-tickets li{display:block}
.ec-ticket summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;cursor:pointer}
.ec-ticket summary b{flex:1 1 60%;min-width:0}
.ec-ticket summary small{flex:1 0 100%;color:var(--faible);font-size:12px}
.ec-fil{display:grid;gap:8px;margin-top:10px}
.ec-message{padding:10px 12px;border-radius:12px;background:var(--surface)}
.ec-message-equipe{border-left:3px solid var(--bleu-vif)}
.ec-message small{color:var(--faible);font-size:12px}
.ec-message p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.ec-repondre{grid-template-columns:1fr auto auto;align-items:start}
.ec-repondre textarea{grid-column:1/-1}
#assistance .ec-aide{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
@media (max-width:640px){
  .ec-tableau-commandes .ec-ligne{grid-template-columns:1fr 1fr;gap:6px 10px}
  .ec-tableau-commandes [data-ec-commandes] .ec-ligne>span:nth-child(2),.ec-actions-ligne{grid-column:1/-1}
  .ec-actions-ligne{justify-content:flex-start}
  .ec-acces-ligne{grid-template-columns:1fr auto auto}
  .ec-acces-ligne small{grid-column:1/-1}
  .ec-service>.ec-service-icone{min-height:120px}
  #assistance .ec-aide{grid-template-columns:1fr}
}
/* Espace ouvert par l'équipe : bandeau ; en lecture seule (modération, support), plus aucun formulaire ni action. */
.ec-bandeau-equipe{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px;padding:12px 16px;border:1px solid rgba(185,163,255,.45);border-radius:12px;background:rgba(185,163,255,.08);font-size:14px}
.ec-bandeau-equipe .ec-bouton{margin-left:auto}
.ec-lecture-seule form,.ec-lecture-seule [data-s-actions],.ec-lecture-seule .ec-actions-ligne,.ec-lecture-seule a[href*="/api/boutique/panneau"],.ec-lecture-seule a[href*=":4180/"]{display:none!important}
.ec-lecture-seule button:not([role="tab"]):not(.ec-mini):not([data-ec-deconnexion]):not([data-ec-quitter]){display:none!important}

/* Annonces de l'équipe (espace client, centre d'aide) */
.ec-annonces{display:grid;gap:10px;margin:0 0 18px}
.ec-annonce{padding:12px 16px;border:1px solid rgba(73,196,255,.35);border-left:4px solid var(--bleu,#49c4ff);border-radius:14px;background:rgba(73,196,255,.07)}
.ec-annonce b{display:block;font:700 16px/1.3 var(--titre,inherit)}
.ec-annonce p{margin:4px 0 0;color:var(--doux,#aab3c5);font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
.ec-annonce-succes{border-color:rgba(53,216,183,.35);border-left-color:#35d8b7;background:rgba(53,216,183,.07)}
.ec-annonce-alerte{border-color:rgba(255,193,107,.4);border-left-color:var(--orange,#ffc16b);background:rgba(255,193,107,.08)}
/* Parrainage et accord pour les offres (onglet Compte). */
.ec-parrainage{margin-top:12px}
.ec-parrainage-lien{display:flex;gap:8px;margin:10px 0}
.ec-parrainage-lien input{flex:1;min-width:0;min-height:42px;padding:8px 12px;border:1px solid var(--ligne);border-radius:10px;background:var(--surface);color:var(--texte);font:500 14px ui-monospace,Consolas,monospace}
.ec-parrainage-chiffres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.ec-parrainage-chiffres li{border-bottom:0}
.ec-parrainage .ec-liste li>span{margin-left:auto}
.ec-formulaire .ec-case{display:flex;align-items:flex-start;gap:10px;margin-top:6px;font-size:14px;cursor:pointer}
.ec-formulaire .ec-case input{width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0;flex:none;accent-color:var(--bleu-vif)}
.ec-case span{display:grid;gap:2px}
@media (max-width:560px){.ec-parrainage-lien{flex-direction:column}}
/* Listes déroulantes : menu sombre du navigateur, sinon le texte clair des choix devient illisible sur fond blanc. */
.page-espace select{color-scheme:dark}
.page-espace select option{background:#0c0f19;color:#eef1f8}

/* État des services en direct : même présentation que l'image du salon Discord (chiffres, barres des 24 h, %) */
.et-direct{--ok:#35d8b7;--alerte:#ffb547;--grave:#ff5470;--vide:#1b2232;background:radial-gradient(700px 420px at 0 0,rgba(53,216,183,.1),transparent 70%),radial-gradient(700px 420px at 100% 100%,rgba(133,107,255,.09),transparent 70%),var(--surface)}
.et-direct .ec-tete{align-items:center}
.et-global{--teinte:var(--ok);display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid color-mix(in srgb,var(--teinte) 40%,transparent);border-radius:999px;background:color-mix(in srgb,var(--teinte) 13%,transparent);font-weight:600;font-size:15px;white-space:nowrap}
.et-global i{width:10px;height:10px;border-radius:50%;background:var(--teinte);box-shadow:0 0 12px var(--teinte)}
.et-global.is-maintenance{--teinte:var(--alerte)}
.et-global.is-incident{--teinte:var(--grave)}
.et-global.is-attente{--teinte:var(--faible)}
.et-chiffres{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:10px;border:1px solid var(--ligne);border-radius:16px;background:rgba(14,20,34,.85)}
.et-chiffres>div{padding:16px 22px}
.et-chiffres>div+div{border-left:1px solid var(--ligne)}
.et-chiffres small{display:block;color:var(--faible);font-weight:500;font-size:13px;letter-spacing:.4px;text-transform:uppercase}
.et-chiffres b{display:block;margin-top:4px;font:700 30px/1.1 var(--titre)}
.et-chiffres b.is-ok{color:var(--ok)}
.et-ligne{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr) 84px;align-items:center;gap:22px;padding:14px 0;border-bottom:1px solid var(--ligne)}
.et-nom b{display:block;font-weight:600;font-size:16px}
.et-statut{display:inline-flex;align-items:center;gap:7px;margin-top:3px;color:var(--ok);font-weight:500;font-size:13px}
.et-statut i{width:7px;height:7px;border-radius:50%;background:currentColor}
.et-ligne.is-perturbe .et-statut{color:var(--alerte)}
.et-ligne.is-panne .et-statut{color:var(--grave)}
.et-barres{display:grid;grid-template-columns:repeat(48,1fr);gap:3px;height:34px}
.et-barres span{border-radius:3px;background:var(--vide);transition:transform .15s}
.et-barres span:hover{transform:scaleY(1.12)}
.et-barres .is-ok{background:var(--ok)}
.et-barres .is-moyen{background:var(--alerte)}
.et-barres .is-mauvais{background:var(--grave)}
.et-pct{text-align:right;color:var(--ok);font-weight:600;font-size:17px}
.et-pct.is-bas{color:var(--alerte)}
.et-pct.is-vide{color:var(--faible)}
.et-axe{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr) 84px;gap:22px;padding-top:8px;color:var(--faible);font-size:13px}
.et-axe span:first-child{grid-column:2;grid-row:1}
.et-axe span:nth-child(2){grid-column:2;grid-row:1;justify-self:end}
.et-axe span:last-child{grid-column:3;justify-self:end}
.et-direct>.et-maj{margin:14px 0 0}
@media (max-width:760px){
  .et-direct .ec-tete{flex-wrap:wrap;align-items:flex-start}
  .et-chiffres{grid-template-columns:1fr}
  .et-chiffres>div+div{border-left:0;border-top:1px solid var(--ligne)}
  .et-chiffres>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px}
  .et-chiffres b{margin:0;font-size:24px}
  .et-ligne{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}
  .et-barres{grid-column:1/-1;height:28px;gap:2px}
  .et-axe{grid-template-columns:1fr;gap:0}
  .et-axe span:first-child,.et-axe span:nth-child(2){grid-column:1}
  .et-axe span:last-child{display:none}
}.et-page .et-contenu{margin-top:22px}

/* Inscription et connexion par Discord, fiche obligatoire (identité, téléphone, adresse de facturation). */
.ec-bouton-discord{gap:10px;border-color:transparent;background:#5865f2;color:#fff}
.ec-bouton-discord:hover,.ec-bouton-discord:focus-visible{background:#4752c4}
.ec-bouton-discord[aria-disabled="true"]{opacity:.55;pointer-events:none}
.ec-bouton-discord[hidden]{display:none}
.ec-connexion [data-ec-discord]{justify-self:stretch;min-height:48px;font-size:15px}
.ec-formulaire[hidden],.ec-formulaire .ec-case[hidden],.ec-formulaire .ec-note[hidden]{display:none}
.ec-ancien-acces{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--ligne)}
.ec-ancien-acces summary{color:var(--doux);font-size:14px;font-weight:600;cursor:pointer}
.ec-ancien-acces[open] summary{margin-bottom:12px}
.ec-grille-3{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr);gap:12px}
.ec-formulaire .ec-case a{color:var(--bleu-vif);text-decoration:underline}
@media (max-width:640px){
  .ec-grille-3{grid-template-columns:1fr}
}
/* Carte à côté d’une fiche plus haute : les champs gardent leur taille. */
.ec-formulaire{align-content:start}

/* Fenêtres du site (confirmations, choix du système) à la place de celles du navigateur. */
.ec-fenetre{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--ligne);border-radius:18px;background:#0b0e17;color:var(--texte);box-shadow:0 30px 90px rgba(0,0,0,.65)}
.ec-fenetre[open]{display:flex;flex-direction:column;animation:ec-fenetre .18s ease-out}
.ec-fenetre-large{width:min(860px,calc(100% - 32px))}
.ec-fenetre::backdrop{background:rgba(3,5,10,.72);backdrop-filter:blur(3px)}
@keyframes ec-fenetre{from{opacity:0;transform:translateY(10px) scale(.98)}}
.ec-fenetre-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 0}
.ec-fenetre-tete h3{margin:0;font:700 21px/1.2 var(--titre)}
.ec-fenetre-fermer{width:36px;height:36px;flex:none;border:1px solid var(--ligne);border-radius:10px;background:var(--surface-2);color:var(--doux);font-size:22px;line-height:1;cursor:pointer}
.ec-fenetre-fermer:hover{color:var(--texte)}
.ec-fenetre-corps{padding:14px 20px;overflow-y:auto}
.ec-fenetre-texte{margin:0;color:var(--doux);font-size:15px;line-height:1.55}
.ec-fenetre-pied{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--ligne)}
.ec-bouton-danger{background:#ff6b6b;color:#1a0507}
.ec-bouton-plein:disabled,.ec-bouton:disabled{opacity:.5;cursor:not-allowed;filter:none}

/* Réinstallation : une tuile par système ou application. */
.ec-reinstaller h4{margin:4px 0 10px;font:700 13px var(--titre);letter-spacing:1.4px;text-transform:uppercase;color:var(--bleu-vif)}
.ec-reinstaller h4:not(:first-child){margin-top:20px}
.ec-reinstaller>.ec-note{margin:-4px 0 10px}
.ec-reinstaller>.ec-note-forte{margin:18px 0 0}
.ec-tuiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.ec-tuile{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--ligne);border-radius:14px;background:var(--surface-2);color:var(--texte);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.ec-tuile:hover{border-color:color-mix(in srgb,var(--bleu) 50%,var(--ligne))}
.ec-tuile[aria-pressed="true"]{border-color:var(--bleu-vif);background:rgba(73,196,255,.1);box-shadow:inset 0 0 0 1px var(--bleu-vif)}
.ec-tuile:focus-visible{outline:2px solid var(--bleu-vif);outline-offset:2px}
.ec-tuile-texte{display:grid;gap:3px;min-width:0}
.ec-tuile-texte b{font-size:15px}
.ec-tuile-texte small{color:var(--doux);font-size:13px;line-height:1.35}
.ec-tuile-versions{margin-top:6px;min-height:32px;padding:0 8px;border:1px solid var(--ligne);border-radius:8px;background:var(--surface);color:var(--texte);font:500 13px var(--font)}
.ec-logo{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--logo) 18%,transparent);color:var(--logo);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--logo) 35%,transparent)}
.ec-logo svg{width:26px;height:26px}
.ec-acces-titre{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:10px;border-top:1px solid var(--ligne)}
.ec-acces-titre .ec-logo{width:30px;height:30px;border-radius:9px}
.ec-acces-titre .ec-logo svg{width:19px;height:19px}

/* Gestion d’un VPS, sur toute la largeur de sa carte. */
.ec-gestion{grid-column:1/-1;border:1px solid var(--ligne);border-radius:14px;background:var(--surface)}
.ec-gestion>summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:14px 16px;cursor:pointer;list-style:none}
.ec-gestion>summary::-webkit-details-marker{display:none}
.ec-gestion>summary::before{content:'▸';color:var(--ec-teinte,var(--bleu));transition:transform .15s}
.ec-gestion[open]>summary::before{transform:rotate(90deg)}
.ec-gestion>summary b{font-size:16px}
.ec-gestion>summary small{color:var(--faible);font-size:13px}
.ec-gestion[open]>summary{border-bottom:1px solid var(--ligne)}
.ec-gestion-onglets{margin:14px 14px 0}
.ec-gestion-onglets button{flex:1 0 auto}
.ec-gestion-zone{display:grid;gap:14px;padding:14px 16px 18px;color:var(--doux)}
.ec-gestion-travail{margin:12px 14px 0;padding:10px 14px;border-radius:10px;background:rgba(255,193,107,.1);color:var(--orange);font-size:14px;font-weight:600}
.ec-gestion-travail::before{content:'';display:inline-block;width:10px;height:10px;margin-right:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ec-tourne 1s linear infinite;vertical-align:-1px}
.ec-gestion-travail[hidden]{display:none}
@keyframes ec-tourne{to{transform:rotate(360deg)}}
.ec-gestion-application{margin:0;padding:10px 14px;border-left:3px solid var(--orange);border-radius:10px;background:var(--surface-2);color:var(--texte);font-size:14px}
.ec-gestion-application.is-pret{border-left-color:#35d8b7}
.ec-gestion-application.is-echec{border-left-color:#ff6b6b;color:#ffb3b3}
.ec-gestion-application[hidden]{display:none}
.ec-jauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ec-jauge{--j:var(--ec-teinte,var(--bleu));display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--ligne);border-radius:14px;background:var(--surface-2)}
.ec-jauge-attention{--j:var(--orange)}
.ec-jauge-alerte{--j:#ff6b6b}
.ec-jauge svg{width:64px;height:64px;flex:none;transform:rotate(-90deg)}
.ec-jauge circle{fill:none;stroke-width:9}
.ec-jauge-fond{stroke:rgba(255,255,255,.07)}
.ec-jauge-valeur{stroke:var(--j);stroke-linecap:round;transition:stroke-dasharray .4s}
.ec-jauge-texte{display:grid;min-width:0}
.ec-jauge-texte b{color:var(--texte);font:700 22px/1.1 var(--titre);font-variant-numeric:tabular-nums}
.ec-jauge-texte span{color:var(--texte);font-size:14px;font-weight:600}
.ec-jauge-texte small{overflow:hidden;color:var(--faible);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ec-gestion-barre{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.ec-periodes{grid-template-columns:repeat(4,auto)}
.ec-periodes button{padding:0 14px}
.ec-direct{display:inline-flex;align-items:center;gap:7px;color:#35d8b7;font-size:13px;font-weight:700}
.ec-direct::before{content:'';width:8px;height:8px;border-radius:50%;background:#35d8b7;box-shadow:0 0 8px #35d8b7;animation:ec-pulse 2s infinite}
.ec-direct[hidden]{display:none}
@keyframes ec-pulse{50%{opacity:.35}}
.ec-graphes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ec-graphe{grid-column:span 1;margin:0;padding:12px 14px;border:1px solid var(--ligne);border-radius:14px;background:var(--surface-2)}
.ec-graphe:first-child{grid-column:1/-1}
.ec-graphe figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}
.ec-graphe figcaption b{color:var(--texte);font-size:14px}
.ec-graphe-legende{display:flex;gap:12px}
.ec-graphe-legende span,.ec-graphe-bulle span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--doux)}
.ec-graphe-legende span::before,.ec-graphe-bulle span::before{content:'';width:9px;height:9px;border-radius:3px;background:var(--c)}
.ec-graphe-cadre{position:relative;height:150px;touch-action:pan-y}
.ec-graphe:first-child .ec-graphe-cadre{height:190px}
.ec-graphe-cadre svg{display:block;width:100%;height:100%;overflow:visible}
.ec-graphe-grille{stroke:rgba(255,255,255,.06);stroke-width:1}
.ec-graphe-curseur{stroke:rgba(255,255,255,.35);stroke-width:1;stroke-dasharray:3 3}
.ec-graphe-max{position:absolute;top:0;left:0;color:var(--faible);font-size:11px;pointer-events:none}
.ec-graphe-axe{display:flex;justify-content:space-between;margin-top:6px;color:var(--faible);font-size:11px}
.ec-graphe-bulle{position:absolute;top:8px;z-index:2;display:grid;gap:3px;min-width:150px;padding:8px 10px;border:1px solid var(--ligne);border-radius:10px;background:#0c0f19;box-shadow:0 10px 30px rgba(0,0,0,.5);transform:translateX(12px);pointer-events:none}
.ec-graphe-bulle-gauche{transform:translateX(calc(-100% - 12px))}
.ec-graphe-bulle small{color:var(--faible);font-size:11px}
.ec-graphe-bulle span{color:var(--texte)}
.ec-graphe-bulle[hidden]{display:none}
.ec-console-outils{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ec-console-outils[hidden],.ec-console-ecran[hidden],.ec-gestion-zone .ec-bouton[hidden]{display:none}
.ec-console-texte{flex:1 1 200px;min-height:30px;padding:0 10px;border:1px solid var(--ligne);border-radius:8px;background:var(--surface);color:var(--texte);font:500 13px 'JetBrains Mono',monospace}
.ec-console-ecran{height:min(560px,70vh);overflow:hidden;border:1px solid var(--ligne);border-radius:12px;background:#05070c}
.ec-console-ecran:fullscreen{height:100%;border:0;border-radius:0}
.ec-gestion-zone>.ec-bouton{justify-self:start}
.ec-gestion-liste li{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ec-gestion-liste li>span{display:grid;flex:1 1 220px;min-width:0}
.ec-gestion-liste b{color:var(--texte);font-size:15px}
.ec-interrupteur{display:flex!important;align-items:center;gap:10px;color:var(--texte)!important;font-size:14px!important}
.ec-interrupteur input{width:40px!important;height:22px;min-height:0!important;margin:0;padding:0!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;appearance:none;cursor:pointer;position:relative;transition:background .15s}
.ec-interrupteur input::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.ec-interrupteur input:checked{background:#35d8b7!important}
.ec-interrupteur input:checked::after{transform:translateX(18px)}
.ec-regles{display:grid;gap:6px}
.ec-regle{display:grid;grid-template-columns:minmax(0,1.1fr) 90px minmax(0,1.2fr) minmax(0,1.2fr) auto;align-items:center;gap:6px}
.ec-regle-tete{color:var(--faible);font-size:12px;font-weight:700}
.ec-regle-tete:only-child{display:none}
.ec-regle input,.ec-regle select{min-height:36px!important;padding:4px 10px!important;font-size:14px!important}
.ec-cles{font:500 13px/1.5 'JetBrains Mono',monospace!important}
@media (max-width:760px){
  .ec-service{grid-template-columns:minmax(0,1fr)}
  .ec-gestion{min-width:0}
  .ec-gestion-onglets{overflow-x:auto;scrollbar-width:none}
  .ec-gestion-onglets button{flex:0 0 auto}
  .ec-periodes{width:100%;min-width:0}
  .ec-periodes button{flex:1 1 auto;min-width:0;white-space:nowrap;padding-inline:4px;font-size:13px}
  .ec-jauges,.ec-graphes{grid-template-columns:minmax(0,1fr)}
  .ec-regle{grid-template-columns:1fr 90px}
  .ec-regle-tete{display:none}
  .ec-regle>:nth-child(3),.ec-regle>:nth-child(4){grid-column:span 2}
  .ec-fenetre-pied .ec-bouton{flex:1}
}