/* =====================================================================
   Ellohost — thème espace client (enfant de Six) · aligné sur ellohost.com
   Un seul CSS + un seul JS, aucune bibliothèque. Jetons --eh-* ci-dessous.
   ===================================================================== */
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:500;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:600;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:700;src:url(../fonts/inter-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:800;src:url(../fonts/inter-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-display:swap;font-weight:900;src:url(../fonts/inter-latin-900-normal.woff2) format('woff2')}

:root{
  --eh-ink:#15162b;--eh-ink2:#2c2f4a;--eh-mute:#69708b;
  --eh-pri:#1627c6;--eh-v:#6a4dff;--eh-v2:#7656ef;--eh-c:#0098d6;
  --eh-g:linear-gradient(115deg,#6a4dff,#0098d6);
  --eh-g2:linear-gradient(120deg,#202452,#5743b6 55%,#287cbf);
  --eh-bg:#f6f7fb;--eh-bgk:#eeeff8;--eh-surface:#fff;--eh-line:#e1e4f0;--eh-line2:#d8deec;
  --eh-soft:#f3f2ff;--eh-soft2:#ede9ff;
  --eh-ok:#10836c;--eh-ok-bg:#e8f8f3;--eh-warn:#9a6200;--eh-warn-bg:#fff6e0;--eh-err:#c0283c;--eh-err-bg:#fdecee;--eh-info:#0b6c99;--eh-info-bg:#e6f5fc;
  --eh-r-sm:11px;--eh-r:16px;--eh-r-lg:25px;
  --eh-sh:0 15px 42px #20245a13;--eh-sh2:0 22px 55px #20245a24;--eh-sh-pri:0 12px 28px #6a4dff29;
  --eh-ease:cubic-bezier(.2,.8,.2,1);
  --eh-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* ---------- Base ---------- */
html{scroll-behavior:smooth;scroll-padding-top:150px}

body.eh{font-family:var(--eh-font);background:var(--eh-bg);color:var(--eh-ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.eh:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 0% 0%,#efeaff 0,transparent 70%),radial-gradient(ellipse 50% 40% at 100% 10%,#e3f4ff 0,transparent 70%)}
.eh h1,.eh h2,.eh h3,.eh h4,.eh h5,.eh .h1,.eh .h2,.eh .h3{font-family:var(--eh-font);color:var(--eh-ink);letter-spacing:-.03em;font-weight:800}
.eh a{color:var(--eh-v);transition:color .2s}
.eh a:hover,.eh a:focus{color:var(--eh-pri);text-decoration:none}
.eh a:focus-visible,.eh button:focus-visible,.eh input:focus-visible,.eh select:focus-visible,.eh textarea:focus-visible,.eh .btn:focus-visible{outline:3px solid #8e74ff;outline-offset:2px}
.eh .text-muted,.eh small,.eh .small{color:var(--eh-mute)}
.eh hr{border-color:var(--eh-line)}
.eh ::selection{background:#d9d0ff}
.eh-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.eh .container{width:min(1200px,calc(100% - 48px));padding-left:0;padding-right:0}
.eh .container>.row{margin-left:-12px;margin-right:-12px}
.eh .container>.row>[class*=col-]{padding-left:12px;padding-right:12px}
.eh-grad{background:var(--eh-g);color:transparent;-webkit-background-clip:text;background-clip:text}
.eh-eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:.15em;color:var(--eh-v)}
.eh-flag{width:22px;height:15px;border-radius:3px;flex:none}
.eh-progress{position:fixed;top:0;left:0;z-index:2000;height:3px;width:0;background:var(--eh-g);pointer-events:none;transition:width .1s linear}

/* ---------- Boutons maison ---------- */
.eh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;border:1px solid var(--eh-line);font-weight:800;font-size:13px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .2s var(--eh-ease),box-shadow .2s,background .2s,color .2s}
.eh-btn:hover{transform:translateY(-2px)}
.eh .eh-btn-pri,.eh .eh-btn-pri:hover,.eh .eh-btn-pri:focus{background:var(--eh-g);color:#fff;border-color:transparent;box-shadow:var(--eh-sh-pri)}
.eh .eh-btn-pri:hover{box-shadow:0 16px 34px #6a4dff40}
.eh .eh-btn-sec{background:#fff;color:var(--eh-ink);box-shadow:0 4px 16px #00000006}
.eh .eh-btn-sec:hover{color:var(--eh-v);border-color:#cdc8ff}
.eh-btn-lg{padding:14px 22px;font-size:14.5px}
.eh-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--eh-g);color:#fff;font-size:11px;margin:-4px 2px -4px -6px}

/* ---------- Navigation (identique ellohost.com) ---------- */
.eh-nav{position:sticky;top:0;z-index:1030;background:#ffffffed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #e6e8f1;transition:box-shadow .3s}
.eh-nav.eh-scrolled{box-shadow:0 10px 30px #20245a12}
.eh-nav-in{min-height:76px;display:flex;align-items:center;gap:28px}
.eh-logo{flex:none;display:inline-flex;align-items:center}
.eh-logo img{display:block;width:139px;height:auto;max-height:42px;object-fit:contain}
.eh-links{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}
.eh-links>li{font-size:13.5px;font-weight:750;position:relative}
.eh-links>li>a,.eh-links>li>button{display:flex;align-items:center;gap:4px;background:none;border:0;padding:14px 0;color:var(--eh-ink);font-size:inherit;font-weight:inherit}
.eh-links>li>a:hover,.eh-links>li>button:hover{color:var(--eh-v)}
.eh-links button svg{width:13px;height:13px;transition:transform .2s}
.eh-dd:hover>button svg,.eh-dd.open>button svg{transform:rotate(180deg)}
.eh-mega{position:absolute;top:100%;left:-90px;width:560px;padding:14px;border-radius:22px;border:1px solid var(--eh-line);background:#fff;box-shadow:0 28px 65px #1c215a28;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:.18s var(--eh-ease)}
.eh-dd:hover .eh-mega,.eh-dd:focus-within .eh-mega,.eh-dd.open .eh-mega{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.eh .eh-mega a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:13px;color:var(--eh-ink)}
.eh .eh-mega a:hover{background:var(--eh-soft)}
.eh-mega b{display:block;font-size:13px}
.eh-mega small{display:block;color:var(--eh-mute);font-size:11.5px;font-weight:550}
.eh-mi{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:16px;transition:transform .25s var(--eh-ease)}
.eh-mega a:hover .eh-mi{transform:rotate(-6deg) scale(1.06)}
.eh-mi-1{background:linear-gradient(135deg,#0098d6,#12a87a)}.eh-mi-2{background:linear-gradient(135deg,#e0379f,#6a4dff)}.eh-mi-3{background:linear-gradient(135deg,#6a4dff,#0098d6)}.eh-mi-4{background:linear-gradient(135deg,#ff8a3d,#e0379f)}.eh-mi-5{background:linear-gradient(135deg,#1627c6,#7656ef)}.eh-mi-6{background:linear-gradient(135deg,#ffb020,#ff6b3d)}
.eh-act{display:flex;align-items:center;gap:9px;margin-left:auto}
.eh .eh-icon-btn{position:relative;display:inline-grid;place-items:center;width:41px;height:41px;border-radius:12px;border:1px solid var(--eh-line);background:#fff;color:var(--eh-ink);font-size:15px;transition:transform .2s,border-color .2s,color .2s}
.eh .eh-icon-btn:hover{transform:translateY(-2px);border-color:#cdc8ff;color:var(--eh-v)}
.eh-icon-btn.eh-admin{color:var(--eh-err)}
.eh-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--eh-g);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.eh-pulse{animation:eh-pulse 2s infinite}
@keyframes eh-pulse{0%{box-shadow:0 0 0 2px #fff,0 0 0 2px #6a4dff80}70%{box-shadow:0 0 0 2px #fff,0 0 0 10px #6a4dff00}100%{box-shadow:0 0 0 2px #fff,0 0 0 2px #6a4dff00}}
.eh-burger{display:none;width:41px;height:41px;border:1px solid var(--eh-line);background:#fff;border-radius:12px;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.eh-burger span{display:block;width:18px;height:2.4px;border-radius:2px;background:var(--eh-ink);transition:transform .25s var(--eh-ease),opacity .2s}
.eh-menu-open .eh-burger span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
.eh-menu-open .eh-burger span:nth-child(2){opacity:0}
.eh-menu-open .eh-burger span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}

/* Sous-navigation espace client (menus WHMCS dynamiques) */
.eh-sub{position:sticky;top:76px;z-index:1020;background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e6e8f1}
.eh-sub-in{display:flex;align-items:center;gap:12px;min-height:54px}
.eh .eh-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:6px 0}
.eh .eh-tabs:before,.eh .eh-tabs:after{display:none}
.eh .eh-tabs-r{margin-left:auto}
.eh .eh-tabs>li{float:none;position:relative}
.eh .eh-tabs>li>a{display:flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;color:var(--eh-ink2);font-size:13.5px;font-weight:700;background:transparent;transition:background .2s,color .2s}
.eh .eh-tabs>li>a i{color:var(--eh-v);opacity:.8}
.eh .eh-tabs>li>a:hover,.eh .eh-tabs>li>a:focus,.eh .eh-tabs>li.open>a,.eh .eh-tabs>li.eh-active>a{background:var(--eh-soft);color:var(--eh-v)}
.eh .eh-tabs>li.eh-active>a{box-shadow:inset 0 0 0 1px #d9d0ff}
.eh .eh-tabs .caret{border-top-color:currentColor;margin-left:2px;transition:transform .2s}
.eh .eh-tabs>li.open .caret{transform:rotate(180deg)}
.eh .eh-tabs .badge{background:var(--eh-g);font-size:10.5px}
.eh-m-links{display:none}

/* ---------- Héros (accueil public) ---------- */
.eh-hero{position:relative;overflow:hidden;padding:72px 0 40px;text-align:center}
.eh-hero h1{font-size:clamp(36px,5.4vw,66px);font-weight:900;line-height:1.05;letter-spacing:-.045em;margin:16px auto 18px;max-width:900px}
.eh-lead{color:var(--eh-mute);font-size:clamp(16px,1.5vw,20px);line-height:1.7;max-width:720px;margin:0 auto 26px}
.eh-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.eh-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:-1;animation:eh-float 14s ease-in-out infinite}
.eh-b1{width:420px;height:420px;background:#cfc3ff;top:-120px;left:-120px}
.eh-b2{width:380px;height:380px;background:#bfe9ff;top:-60px;right:-120px;animation-delay:-5s}
.eh-b3{width:300px;height:300px;background:#ffd6f2;bottom:-160px;left:40%;animation-delay:-9s}
@keyframes eh-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,25px) scale(1.08)}}
.eh-domain{max-width:640px;margin:34px auto 0}
.eh .eh-domain .form-control{height:56px;border-radius:999px 0 0 999px;padding-left:24px;font-size:16px}
.eh .eh-domain .btn{height:56px;padding:0 22px;font-weight:800}
.eh .eh-domain .input-group-btn:last-child>.btn:last-child{border-radius:0 999px 999px 0}
.eh-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:46px;text-align:left}
.eh .eh-short{display:flex;flex-direction:column;gap:4px;padding:22px;background:#fff;border:1px solid var(--eh-line);border-radius:var(--eh-r-lg);box-shadow:var(--eh-sh);color:var(--eh-ink);transition:transform .25s var(--eh-ease),box-shadow .25s,border-color .25s}
.eh .eh-short:hover{transform:translateY(-5px);box-shadow:var(--eh-sh2);border-color:#cdc8ff;color:var(--eh-ink)}
.eh-short i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--eh-soft2);color:var(--eh-v);font-size:18px;margin-bottom:10px;transition:transform .25s var(--eh-ease)}
.eh-short:hover i{transform:scale(1.1) rotate(-6deg);background:var(--eh-g);color:#fff}
.eh-short b{font-size:15.5px}.eh-short span{font-size:13px;color:var(--eh-mute)}
.eh-tpl-homepage #main-body{padding-top:10px}

/* ---------- Corps de page ---------- */
.eh #main-body{background:transparent;padding:34px 0 70px;min-height:60vh}
.eh .main-content{min-width:0}
.eh .header-lined{margin:0 0 22px}
.eh .header-lined h1,.eh div.header-lined h1{font-size:clamp(26px,3vw,36px);font-weight:900;letter-spacing:-.04em;margin:0 0 6px;padding:0;border:0!important;line-height:1.15}
.eh .header-lined h1 small{display:block;margin-top:6px;font-size:15px;font-weight:550;letter-spacing:0;color:var(--eh-mute)}
.eh .breadcrumb{background:none;padding:0;margin:0;font-size:12.5px;font-weight:650}
.eh .breadcrumb>li+li:before{content:"›";color:#b5b9cf;padding:0 7px}
.eh .breadcrumb a{color:var(--eh-mute)}.eh .breadcrumb a:hover{color:var(--eh-v)}
.eh .breadcrumb>.active{color:var(--eh-v)}

/* ---------- Cartes / panneaux ---------- */
.eh .panel,.eh .well,.eh .logincontainer{background:#fff;border:1px solid var(--eh-line);border-radius:20px;box-shadow:var(--eh-sh);overflow:hidden;margin-bottom:22px}
.eh .panel>.panel-heading{background:#fff;border-bottom:1px solid var(--eh-line);padding:16px 20px;color:var(--eh-ink);border-radius:0}
.eh .panel-title,.eh .panel>.panel-heading h3{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--eh-ink)}
.eh .panel-title>i,.eh .panel-heading>i{color:var(--eh-v)}
.eh .panel-body{padding:20px}
.eh .panel-footer{background:#fafbfe;border-top:1px solid var(--eh-line);padding:12px 20px}
.eh .panel-footer:empty{display:none}
.eh .panel-primary>.panel-heading,.eh .panel-info>.panel-heading{background:var(--eh-g);color:#fff;border-color:transparent}
.eh .panel-primary>.panel-heading .panel-title,.eh .panel-info>.panel-heading .panel-title,.eh .panel-primary>.panel-heading i{color:#fff}
.eh .panel-success>.panel-heading{background:var(--eh-ok-bg);color:var(--eh-ok)}
.eh .panel-warning>.panel-heading{background:var(--eh-warn-bg);color:var(--eh-warn)}
.eh .panel-danger>.panel-heading{background:var(--eh-err-bg);color:var(--eh-err)}
.eh .panel[class*=panel-accent-]{border-top:1px solid var(--eh-line)}
.eh .panel[class*=panel-accent-]>.panel-heading{position:relative}
.eh .panel[class*=panel-accent-]>.panel-heading:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--eh-g)}
.eh .panel,.eh .eh-tile,.eh .eh-short,.eh .product{will-change:auto}
.eh .client-home-panels .panel{transition:transform .25s var(--eh-ease),box-shadow .25s}
.eh .client-home-panels .panel:hover{transform:translateY(-3px);box-shadow:var(--eh-sh2)}
.eh .list-group{margin:0}
.eh .list-group-item{border-color:var(--eh-line);padding:12px 18px;color:var(--eh-ink2);transition:background .18s,padding-left .18s,color .18s}
.eh .panel>.list-group .list-group-item,.eh .panel>.list-group:first-child .list-group-item:first-child{border-left:0;border-right:0;border-radius:0}
.eh a.list-group-item:hover,.eh a.list-group-item:focus{background:var(--eh-soft);color:var(--eh-v);padding-left:22px}
.eh .list-group-item.active,.eh .list-group-item.active:hover,.eh .list-group-item.active:focus{background:var(--eh-soft2);color:var(--eh-v);border-color:var(--eh-line);font-weight:700;box-shadow:inset 3px 0 0 var(--eh-v)}
.eh .list-group-item.active .badge{background:var(--eh-v);color:#fff}

/* Barre latérale */
.eh .header-lined .breadcrumb{position:static;float:none;margin-top:6px}
.eh .sidebar .list-group-item.active,.eh .sidebar .list-group-item.active:hover,.eh #order-standard_cart .list-group-item.active,.eh #order-standard_cart .list-group-item.active:hover,.eh #order-standard_cart .list-group-item.active:focus{background:var(--eh-soft2)!important;color:var(--eh-v)!important;border-color:var(--eh-line)!important;box-shadow:inset 3px 0 0 var(--eh-v)}
.eh .sidebar .panel{border-radius:18px}
.eh .sidebar .panel-heading{padding:14px 18px}
.eh .sidebar .panel-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--eh-mute)}
.eh .sidebar .panel-title i{color:var(--eh-v)}
.eh .sidebar .panel-minimise{color:#b5b9cf}
.eh .sidebar .list-group-item{font-size:13.5px;padding:10px 18px}
.eh .sidebar .list-group-item>i{color:#a5a9c2;width:18px}
.eh .sidebar .list-group-item.active>i,.eh .sidebar a.list-group-item:hover>i{color:var(--eh-v)}

/* ---------- Tableau de bord ---------- */
.eh-dash-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 22px;padding:26px 28px;border-radius:var(--eh-r-lg);background:var(--eh-g2);color:#fff;position:relative;overflow:hidden;box-shadow:0 26px 60px #464da833}
.eh-dash-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#ffffff2e,transparent 70%);animation:eh-float 12s ease-in-out infinite}
.eh-dash-hero .eh-eyebrow{color:#d9d3ff}
.eh .eh-dash-hero h2{color:#fff;font-size:clamp(24px,3vw,34px);margin:6px 0 4px;font-weight:900}
.eh-dash-hero p{margin:0;color:#e3e3ff}
.eh-dash-cta{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.eh .eh-dash-hero .eh-btn-sec{background:#ffffff1c;border-color:#ffffff60;color:#fff}
.eh .eh-dash-hero .eh-btn-pri{background:#fff;color:var(--eh-v);box-shadow:0 12px 26px #0003}
.eh-wave{display:inline-block;transform-origin:70% 70%;animation:eh-wave 2.4s ease-in-out 1}
@keyframes eh-wave{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}
.eh-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.eh .eh-tile{position:relative;display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:22px;background:#fff;border:1px solid var(--eh-line);box-shadow:var(--eh-sh);color:var(--eh-ink);overflow:hidden;isolation:isolate;transition:transform .25s var(--eh-ease),box-shadow .25s,border-color .25s}
.eh .eh-tile:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%),#ede9ff,transparent 70%);transition:opacity .3s}
.eh .eh-tile:hover{transform:translateY(-5px);box-shadow:var(--eh-sh2);border-color:#cdc8ff;color:var(--eh-ink)}
.eh .eh-tile:hover:before{opacity:1}
.eh-tile-ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:17px;margin-bottom:12px;box-shadow:0 10px 20px #20245a1f;transition:transform .3s var(--eh-ease)}
.eh-tile:hover .eh-tile-ico{transform:scale(1.08) rotate(-6deg)}
.eh-t1 .eh-tile-ico{background:linear-gradient(135deg,#6a4dff,#0098d6)}
.eh-t2 .eh-tile-ico{background:linear-gradient(135deg,#ff8a3d,#e0379f)}
.eh-t3 .eh-tile-ico{background:linear-gradient(135deg,#0098d6,#12a87a)}
.eh-t4 .eh-tile-ico{background:linear-gradient(135deg,#1627c6,#7656ef)}
.eh-tile-num{font-size:38px;font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.eh-tile-lbl{font-size:13.5px;font-weight:700;color:var(--eh-mute)}
.eh-tile-go{margin-top:12px;font-size:12.5px;font-weight:800;color:var(--eh-v);display:flex;align-items:center;gap:6px}
.eh-tile-go i{transition:transform .2s}
.eh-tile:hover .eh-tile-go i{transform:translateX(4px)}
.eh .eh-tile.eh-alert{border-color:#ffc9b0}
.eh-tile.eh-alert:after{content:"";position:absolute;top:18px;right:18px;width:10px;height:10px;border-radius:50%;background:#ff6b3d;box-shadow:0 0 0 0 #ff6b3d80;animation:eh-dot 1.8s infinite}
@keyframes eh-dot{70%{box-shadow:0 0 0 10px #ff6b3d00}100%{box-shadow:0 0 0 0 #ff6b3d00}}
.eh-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px}
.eh .eh-quick a{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:14px 8px;border-radius:16px;background:#fff;border:1px solid var(--eh-line);color:var(--eh-ink2);font-size:12.5px;font-weight:750;transition:transform .2s var(--eh-ease),border-color .2s,color .2s,box-shadow .2s}
.eh .eh-quick a i{font-size:17px;color:var(--eh-v);transition:transform .25s var(--eh-ease)}
.eh .eh-quick a:hover{transform:translateY(-3px);border-color:#cdc8ff;color:var(--eh-v);box-shadow:var(--eh-sh)}
.eh .eh-quick a:hover i{transform:scale(1.18)}
.eh .home-kb-search{position:relative;margin-bottom:22px}
.eh .home-kb-search .form-control{height:54px;border-radius:999px;padding-left:50px;font-size:15px;box-shadow:var(--eh-sh)}
.eh .home-kb-search{padding-top:0;padding-bottom:0}
.eh .home-kb-search i{position:absolute;left:32px;top:27px;margin:0;transform:translateY(-50%);color:var(--eh-v)}
.eh .tiles{display:none}

/* ---------- Tableaux ---------- */
.eh .table{color:var(--eh-ink2);margin-bottom:0}
.eh .table>thead>tr>th{background:#f7f8fc;border-bottom:1px solid var(--eh-line);color:var(--eh-mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:12px 14px}
.eh .table>tbody>tr>td,.eh .table>tbody>tr>th,.eh .table>tfoot>tr>td{border-top:1px solid #eceef6;padding:13px 14px;vertical-align:middle}
.eh .table-hover>tbody>tr,.eh .table-list>tbody>tr{transition:background .15s}
.eh .table-hover>tbody>tr:hover,.eh .table-list>tbody>tr:hover{background:#f8f7ff}
.eh .table-striped>tbody>tr:nth-of-type(odd){background:#fbfbfe}
.eh .table-container,.eh .dataTables_wrapper{background:#fff;border:1px solid var(--eh-line);border-radius:20px;box-shadow:var(--eh-sh);padding:6px 0 0;overflow:hidden}
.eh .dataTables_wrapper .table-list{border:0}
.eh .table-list>thead>tr>th{background:#f7f8fc!important}
.eh .table-list>tbody>tr>td{background:transparent}
.eh .dataTables_wrapper .listtable{margin:0}
.eh .dataTables_wrapper .dataTables_info{padding:12px 16px;color:var(--eh-mute);font-size:12.5px}
.eh .dataTables_wrapper .dataTables_length,.eh .dataTables_wrapper .dataTables_paginate{padding:8px 14px}
.eh .dataTables_wrapper .dataTables_filter{padding:6px 14px}
.eh .dataTables_wrapper .dataTables_filter input{border-radius:999px;padding-left:14px}
.eh .table-responsive{border:0}

/* ---------- Formulaires ---------- */
.eh label,.eh .control-label{font-weight:700;font-size:13px;color:var(--eh-ink2)}
.eh .form-control,.eh select.form-control,.eh .custom-select{height:44px;border:1px solid var(--eh-line2);border-radius:var(--eh-r-sm);padding:10px 14px;color:var(--eh-ink);font-size:14.5px;background-color:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.eh textarea.form-control{height:auto;min-height:110px}
.eh .form-control:focus{border-color:var(--eh-v);box-shadow:0 0 0 4px #6a4dff1f}
.eh .form-control::placeholder{color:#a3a8bf}
.eh .input-lg,.eh .form-group-lg .form-control{height:52px;font-size:16px}
.eh .input-sm{height:34px;font-size:13px;padding:6px 10px}
.eh .input-group-addon{background:#f4f5fb;border-color:var(--eh-line2);color:var(--eh-mute);border-radius:var(--eh-r-sm)}
.eh .input-group .form-control:first-child,.eh .input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.eh .input-group .form-control:last-child,.eh .input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.eh .has-error .form-control{border-color:var(--eh-err)}
.eh .has-success .form-control{border-color:var(--eh-ok)}
.eh .help-block{color:var(--eh-mute);font-size:12.5px}
.eh .checkbox label,.eh .radio label{font-weight:550}
.eh input[type=checkbox],.eh input[type=radio]{accent-color:var(--eh-v)}
.eh fieldset legend,.eh legend{border-color:var(--eh-line);font-weight:800;font-size:17px;color:var(--eh-ink)}
.eh .sub-heading{border-color:var(--eh-line)}
.eh .sub-heading span,.eh .sub-heading-borderless span{background:var(--eh-bg);color:var(--eh-v);font-weight:800;letter-spacing:.02em}
.eh-field-ico{position:relative}
.eh-field-ico>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#a3a8bf;transition:color .2s;pointer-events:none}
.eh .eh-field-ico>.form-control{padding-left:42px}
.eh-field-ico:focus-within>i{color:var(--eh-v)}
.eh-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--eh-mute)}
.eh-eye:hover{background:var(--eh-soft);color:var(--eh-v)}

/* ---------- Boutons WHMCS ---------- */
.eh .btn{border-radius:999px;font-weight:750;padding:9px 18px;font-size:13.5px;border:1px solid transparent;transition:transform .2s var(--eh-ease),box-shadow .2s,background .2s,color .2s,border-color .2s;position:relative}
.eh .btn:hover{transform:translateY(-2px)}
.eh .btn:active{transform:translateY(0) scale(.98)}
.eh .btn-lg{padding:13px 24px;font-size:15px}
.eh .btn-sm{padding:7px 14px;font-size:12.5px}
.eh .btn-xs{padding:4px 10px;font-size:11.5px}
.eh .btn-primary,.eh .btn-success,.eh .btn-info,.eh .btn-checkout,.eh .btn-order-now{background:var(--eh-g);background-size:150% 100%;background-position:0 0;color:#fff;border-color:transparent;box-shadow:var(--eh-sh-pri)}
.eh .btn-primary:hover,.eh .btn-primary:focus,.eh .btn-success:hover,.eh .btn-success:focus,.eh .btn-info:hover,.eh .btn-info:focus,.eh .btn-checkout:hover,.eh .btn-order-now:hover{background:var(--eh-g);background-size:150% 100%;background-position:100% 0;color:#fff;border-color:transparent;box-shadow:0 16px 34px #6a4dff40}
.eh .btn-primary[disabled],.eh .btn-primary.disabled,.eh .btn-success[disabled],.eh .btn-success.disabled{opacity:.55;box-shadow:none;transform:none}
.eh .btn-default{background:#fff;color:var(--eh-ink);border-color:var(--eh-line2)}
.eh .btn-default:hover,.eh .btn-default:focus,.eh .btn-default.active,.eh .open>.btn-default.dropdown-toggle{background:#fff;color:var(--eh-v);border-color:#cdc8ff;box-shadow:0 8px 20px #20245a12}
.eh .btn-warning{background:#ffb020;color:#2b1d00;border-color:transparent}
.eh .btn-danger{background:#e0364c;color:#fff;border-color:transparent}
.eh .btn-danger:hover{background:#c0283c;color:#fff}
.eh .btn-link{color:var(--eh-v);font-weight:750}
.eh .btn-link:hover{transform:none}
.eh .btn-group>.btn{border-radius:0}
.eh .btn-group>.btn:first-child{border-radius:999px 0 0 999px}
.eh .btn-group>.btn:last-child,.eh .btn-group>.dropdown-toggle{border-radius:0 999px 999px 0}
.eh .btn-group>.btn:only-child{border-radius:999px}
.eh .btn-block{display:flex;justify-content:center;align-items:center;gap:8px}
/* Chargement (squelette) */
.eh .eh-loading{pointer-events:none;color:transparent!important}
.eh .eh-loading>*{visibility:hidden}
.eh .eh-loading:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2.5px solid #ffffff70;border-top-color:#fff;animation:eh-spin .7s linear infinite}
.eh .btn-default.eh-loading:after,.eh .eh-btn-sec.eh-loading:after{border-color:#6a4dff40;border-top-color:var(--eh-v)}
@keyframes eh-spin{to{transform:rotate(360deg)}}
.eh-skel{background:linear-gradient(90deg,#eef0f8 25%,#f7f8fc 50%,#eef0f8 75%);background-size:200% 100%;animation:eh-shimmer 1.2s infinite;border-radius:8px;color:transparent!important}
@keyframes eh-shimmer{to{background-position:-200% 0}}

/* ---------- Alertes / badges / labels ---------- */
.eh .alert{border:1px solid transparent;border-radius:16px;padding:14px 18px;font-weight:550;box-shadow:0 8px 22px #20245a0a}
.eh .alert-success{background:var(--eh-ok-bg);color:var(--eh-ok);border-color:#bfead9}
.eh .alert-info{background:var(--eh-info-bg);color:var(--eh-info);border-color:#bfe4f5}
.eh .alert-warning{background:var(--eh-warn-bg);color:var(--eh-warn);border-color:#f6dfa6}
.eh .alert-danger{background:var(--eh-err-bg);color:var(--eh-err);border-color:#f6c4cb}
.eh .alert a{font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:3px}
.eh .label{border-radius:99px;padding:.35em .8em;font-weight:800;font-size:11px;letter-spacing:.02em}
.eh .label-success,.eh .label.status-active,.eh .label.status-paid,.eh .label.status-completed,.eh .label.status-accepted{background:var(--eh-ok-bg);color:var(--eh-ok)}
.eh .label-warning,.eh .label.status-pending,.eh .label.status-unpaid,.eh .label.status-delivered,.eh .label.status-answered,.eh .label.status-customer-reply{background:var(--eh-warn-bg);color:var(--eh-warn)}
.eh .label-danger,.eh .label.status-cancelled,.eh .label.status-terminated,.eh .label.status-overdue,.eh .label.status-fraud,.eh .label.status-suspended{background:var(--eh-err-bg);color:var(--eh-err)}
.eh .label-info,.eh .label-primary,.eh .label.status-open{background:var(--eh-soft2);color:#563bd6}
.eh .label-default,.eh .label.status-closed,.eh .label.status-expired,.eh .label.status-draft{background:#eef0f6;color:#575d78}
.eh .badge{background:var(--eh-soft2);color:#563bd6;font-weight:800;border-radius:99px}
.eh .text-success{color:var(--eh-ok)}.eh .text-danger{color:var(--eh-err)}.eh .text-warning{color:var(--eh-warn)}.eh .text-info{color:var(--eh-info)}.eh .text-primary{color:var(--eh-v)}

/* ---------- Pagination / onglets / menus déroulants / modales ---------- */
.eh .pagination>li>a,.eh .pagination>li>span{border:1px solid var(--eh-line);color:var(--eh-ink2);margin:0 3px;border-radius:10px!important;min-width:36px;text-align:center;font-weight:700}
.eh .pagination>li>a:hover{background:var(--eh-soft);color:var(--eh-v)}
.eh .pagination>.active>a,.eh .pagination>.active>span,.eh .pagination>.active>a:hover{background:var(--eh-g);border-color:transparent;color:#fff}
.eh .pagination>.disabled>a,.eh .pagination>.disabled>span{color:#c0c4d6}
.eh .nav-tabs{border-bottom:1px solid var(--eh-line)}
.eh .nav-tabs>li>a{border:0;border-radius:12px 12px 0 0;color:var(--eh-mute);font-weight:750;position:relative;margin-right:4px}
.eh .nav-tabs>li>a:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--eh-g);transform:scaleX(0);transition:transform .25s var(--eh-ease)}
.eh .nav-tabs>li>a:hover{background:var(--eh-soft);color:var(--eh-v)}
.eh .nav-tabs>li.active>a,.eh .nav-tabs>li.active>a:hover,.eh .nav-tabs>li.active>a:focus{border:0;background:transparent;color:var(--eh-v)}
.eh .nav-tabs>li.active>a:after{transform:scaleX(1)}
.eh .nav-pills>li>a{border-radius:999px;font-weight:750;color:var(--eh-ink2)}
.eh .nav-pills>li.active>a,.eh .nav-pills>li.active>a:hover{background:var(--eh-g);color:#fff}
.eh .tab-content{padding-top:16px}
.eh .dropdown-menu{border:1px solid var(--eh-line);border-radius:16px;box-shadow:0 22px 50px #1c215a24;padding:8px;margin-top:6px;min-width:210px;animation:eh-pop .18s var(--eh-ease)}
.eh .dropdown-menu>li>a{border-radius:10px;padding:9px 12px;color:var(--eh-ink2);font-weight:600;font-size:13.5px;transition:background .15s,color .15s,padding-left .15s}
.eh .dropdown-menu>li>a:hover,.eh .dropdown-menu>li>a:focus{background:var(--eh-soft);color:var(--eh-v);padding-left:16px}
.eh .dropdown-menu>li>a>i{color:var(--eh-v);width:18px}
.eh .dropdown-menu>.active>a,.eh .dropdown-menu>.active>a:hover{background:var(--eh-soft2);color:var(--eh-v)}
.eh .dropdown-menu .divider{background:var(--eh-line);margin:6px 0}
@keyframes eh-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.eh .modal-backdrop.in{opacity:.45;background:#15162b}
.eh .modal-content{border:0;border-radius:24px;box-shadow:0 40px 90px #0b0d2a55;overflow:hidden}
.eh .modal.fade .modal-dialog{transform:translateY(24px) scale(.97);transition:transform .3s var(--eh-ease),opacity .3s}
.eh .modal.in .modal-dialog{transform:none}
.eh .modal-header,.eh .modal-content.panel-primary .modal-header{background:#fff;color:var(--eh-ink);border-bottom:1px solid var(--eh-line);padding:18px 22px}
.eh .modal-title{font-weight:850;letter-spacing:-.02em;color:var(--eh-ink)}
.eh .modal-body{padding:22px}
.eh .modal-footer{background:#fafbfe;border-top:1px solid var(--eh-line);padding:14px 22px}
.eh .close{opacity:.5;font-size:24px}
.eh .popover{border:1px solid var(--eh-line);border-radius:16px;box-shadow:0 22px 50px #1c215a24;font-family:var(--eh-font);max-width:340px}
.eh .popover-content{padding:10px}
.eh .popover .client-alerts{list-style:none;margin:0;padding:0}
.eh .popover .client-alerts li a{display:flex;gap:10px;padding:10px;border-radius:10px;color:var(--eh-ink2)}
.eh .popover .client-alerts li a:hover{background:var(--eh-soft)}
.eh .popover .client-alerts .none{padding:10px;color:var(--eh-mute)}
.eh .tooltip-inner{background:var(--eh-ink);border-radius:9px;padding:6px 10px;font-weight:600}
.eh .progress{border-radius:99px;background:#eef0f8;box-shadow:none;height:10px}
.eh .progress-bar{background:var(--eh-g);box-shadow:none}

/* ---------- Connexion / inscription / mot de passe ---------- */
.eh-tpl-login #main-body,.eh-tpl-password-reset-container #main-body{padding-top:50px}
.eh-auth{max-width:470px;margin:0 auto}
.eh-auth.with-social{max-width:820px}
.eh .eh-auth-card,.eh .logincontainer{position:relative;padding:34px 34px 26px;border-radius:28px;box-shadow:0 30px 70px #20245a1c;overflow:visible}
.eh .logincontainer{max-width:520px;margin:0 auto 22px}
.eh .eh-auth .logincontainer{max-width:none}
.eh .eh-auth-card:before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(135deg,#6a4dff66,#0098d633,transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.eh-auth-head{text-align:center;margin-bottom:22px}
.eh-auth-badge{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--eh-g);color:#fff;font-size:22px;box-shadow:var(--eh-sh-pri);margin-bottom:14px;animation:eh-bob 4s ease-in-out infinite}
@keyframes eh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.eh .eh-auth-head h1{font-size:28px;font-weight:900;margin:0 0 6px}
.eh-auth-head p{color:var(--eh-mute);margin:0}
.eh-label-row{display:flex!important;justify-content:space-between;align-items:baseline}
.eh-small-link{font-size:12.5px;font-weight:700}
.eh-auth #login{margin-top:6px}
.eh-auth-foot{text-align:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--eh-line);color:var(--eh-mute);font-size:14px}
.eh-auth-foot a{font-weight:800}
.eh-auth-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:18px 0 0;font-size:12.5px;font-weight:700;color:var(--eh-mute)}
.eh-auth-trust i{color:var(--eh-v);margin-right:4px}
.eh .logincontainer .header-lined{text-align:center}
.eh .logincontainer .header-lined h1{font-size:26px}
.eh-tpl-clientregister .main-content>form,.eh-tpl-clientregister #registration{max-width:900px;margin:0 auto}
.eh #registration .sub-heading{margin:26px 0 16px}

/* ---------- Boutique / panier / commande ---------- */
.eh #order-standard_cart{font-family:var(--eh-font)}
.eh #order-standard_cart .header-lined h1{font-size:clamp(26px,3vw,36px)}
.eh #order-standard_cart .products .product,.eh #order-standard_cart .product.eho-card{background:#fff;border:1px solid var(--eh-line);border-radius:var(--eh-r-lg);box-shadow:var(--eh-sh);padding:28px;margin-bottom:22px;transition:transform .3s var(--eh-ease),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.eh #order-standard_cart .products .product:hover{transform:translateY(-6px);box-shadow:0 26px 60px #20245a26;border-color:#cdc8ff}
.eh #order-standard_cart .products .product:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 95% 0%,#ede9ff,transparent 55%);opacity:.8}
.eh #order-standard_cart .products .product header{background:none;border:0;padding:0;margin:0 0 10px;position:relative}
.eh #order-standard_cart .products .product header span{font-size:24px;font-weight:900;letter-spacing:-.035em;color:var(--eh-ink)}
.eh #order-standard_cart .products .product .product-desc,.eh #order-standard_cart .products .product footer{position:relative;float:none;width:auto;padding:0;background:none;border:0}
.eh #order-standard_cart .products .product footer{margin-top:16px}
.eh #order-standard_cart .product-pricing .price,.eh .eho-main-price{font-size:clamp(30px,3vw,42px);font-weight:900;letter-spacing:-.05em;color:var(--eh-ink)}
.eh #order-standard_cart .products .product .btn-order-now{display:flex;width:100%;justify-content:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:800;margin-top:14px}
.eh .eh-ttc{display:inline-block;margin-left:8px;padding:4px 9px;border-radius:99px;background:var(--eh-ok-bg);color:var(--eh-ok);font-size:11.5px;font-weight:800;letter-spacing:0;vertical-align:middle;white-space:nowrap}
.eh #order-standard_cart .cart-sidebar .panel,.eh #order-standard_cart .sidebar-collapsed .panel{border-radius:18px}
.eh #order-standard_cart .view-cart-items-header{background:var(--eh-ink);border-radius:16px 16px 0 0;color:#fff;font-weight:800;padding:12px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.eh #order-standard_cart .view-cart-items{border-bottom:0}
.eh #order-standard_cart .view-cart-items .item{background:#fff;border:1px solid var(--eh-line);border-top:0;padding:16px}
.eh #order-standard_cart .view-cart-items .item:last-child{border-radius:0 0 16px 16px}
.eh #order-standard_cart .view-cart-empty{background:#fff;border:1px dashed var(--eh-line2);border-top:0;border-radius:0 0 16px 16px;padding:30px;color:var(--eh-mute)}
.eh #order-standard_cart .view-cart-tabs .nav-tabs{border-bottom:0}
.eh #order-standard_cart .view-cart-tabs .tab-content{background:#fff;border:1px solid var(--eh-line);border-radius:16px;padding:16px}
.eh #order-standard_cart .order-summary{background:#fff;border:1px solid var(--eh-line);border-radius:22px;box-shadow:var(--eh-sh);overflow:hidden;border-bottom:1px solid var(--eh-line)}
.eh #order-standard_cart .order-summary h2{background:var(--eh-g2);color:#fff;font-size:17px;font-weight:850;padding:16px;margin:0}
.eh #order-standard_cart .summary-container{background:#fff;padding:16px}
.eh #order-standard_cart .order-summary .total-due-today .amt{font-size:32px;font-weight:900;letter-spacing:-.04em;color:var(--eh-ink)}
.eh #order-standard_cart .btn-checkout{width:100%;padding:14px;font-size:16px;font-weight:850}
.eh #order-standard_cart .domain-checker-container{background:var(--eh-g2);border-radius:var(--eh-r-lg);box-shadow:0 26px 60px #464da833}
.eh #order-standard_cart .domain-selection-options .option{background:#fff;border:1px solid var(--eh-line);border-radius:16px;margin-bottom:10px;padding:14px 18px;transition:border-color .2s,box-shadow .2s}
.eh #order-standard_cart .domain-selection-options .option-selected{border-color:#b9acff;box-shadow:0 0 0 4px #6a4dff14;background:#fff}
.eh #order-standard_cart .product-info,.eh #order-standard_cart .secondary-cart-body .panel{border-radius:18px}
.eh #order-standard_cart .field-container,.eh #order-standard_cart .product-configurable-options,.eh #order-standard_cart .addon-products .panel-addon{border-radius:18px}
.eh #order-standard_cart .panel-addon{border:1px solid var(--eh-line);transition:transform .2s,border-color .2s}
.eh #order-standard_cart .panel-addon:hover{transform:translateY(-3px);border-color:#cdc8ff}
.eh #order-standard_cart .panel-addon-selected{border-color:var(--eh-v);box-shadow:0 0 0 4px #6a4dff14}
.eh #order-standard_cart .cart-body .sub-heading{margin:24px 0 14px}
.eh #order-standard_cart .payment-methods{display:flex;flex-wrap:wrap;gap:10px}
.eh #order-standard_cart .payment-methods>label,.eh #order-standard_cart .paymethod-info{background:#fff;border:1px solid var(--eh-line2);border-radius:14px;padding:12px 16px;margin:0;font-weight:750;transition:border-color .2s,box-shadow .2s}
.eh #order-standard_cart .payment-methods>label:hover{border-color:#cdc8ff}
.eh #order-standard_cart .payment-methods>label:has(input:checked){border-color:var(--eh-v);box-shadow:0 0 0 4px #6a4dff14}
.eh #order-standard_cart .account-select-container .account,.eh #order-standard_cart .account{border-radius:14px}
.eh #order-standard_cart #totalDueToday,.eh #order-standard_cart .total-due-today{font-weight:900}
.eh .eh-ttc-note{display:block;margin-top:4px;color:var(--eh-ok);font-size:12px;font-weight:750}

/* ---------- Facture (viewinvoice) ---------- */
.eh .invoice-container{border-radius:22px;border:1px solid var(--eh-line);box-shadow:var(--eh-sh)}

/* ---------- Pied de page ---------- */
.eh-footer{position:relative;background:#15162b;color:#e4e6f5;padding:68px 0 24px;font-size:14px;overflow:hidden}
.eh-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--eh-g)}
.eh-cols{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(130px,1fr));gap:40px;position:relative;z-index:1}
.eh-footer h4{margin:0 0 17px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:800}
.eh-footer p{color:#acb0cf;line-height:1.7;margin:16px 0 0;max-width:320px}
.eh-footer ul{list-style:none;padding:0;margin:0}
.eh-footer li{margin-bottom:11px}
.eh .eh-footer a{color:#e4e6f5}
.eh .eh-footer a:hover{color:#a69bff}
.eh-footer .eh-logo img{width:150px}
.eh-made{display:flex;gap:9px;align-items:center;margin-top:20px;color:#d6d9ec;font-size:12px}
.eh-giant{font-size:clamp(70px,16vw,220px);font-weight:900;letter-spacing:-.06em;line-height:.9;margin:40px 0 0;text-align:center;background:linear-gradient(180deg,#ffffff14,#ffffff02);color:transparent;-webkit-background-clip:text;background-clip:text;user-select:none}
.eh-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid #ffffff20;padding-top:22px;margin-top:10px;font-size:12px;color:#b7bbd5}
.eh-bottom .eh-flag{width:19px;height:13px;vertical-align:-2px;margin-left:5px}
.eh .eh-top{position:fixed;right:18px;bottom:84px;z-index:50;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--eh-v);border:1px solid var(--eh-line);box-shadow:0 10px 30px #15162b25;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s,transform .3s var(--eh-ease)}
.eh .eh-top.eh-show{opacity:1;transform:none;pointer-events:auto}
.eh .eh-top:hover{color:#fff;background:var(--eh-g)}
.eh #footer p{text-align:left}

/* ---------- Toasts ---------- */
.eh-toasts{position:fixed;top:92px;right:18px;z-index:2100;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:min(380px,calc(100vw - 36px))}
.eh-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px 16px;border-radius:16px;background:#fff;border:1px solid var(--eh-line);box-shadow:0 22px 50px #1c215a2e;font-size:14px;font-weight:600;color:var(--eh-ink);position:relative;overflow:hidden;animation:eh-toast-in .45s var(--eh-ease) both}
.eh-toast.eh-out{animation:eh-toast-out .35s ease forwards}
.eh-toast i{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:13px;background:var(--eh-g)}
.eh-toast.ok i{background:linear-gradient(135deg,#12a87a,#0098d6)}
.eh-toast.err i{background:linear-gradient(135deg,#e0364c,#ff8a3d)}
.eh-toast.warn i{background:linear-gradient(135deg,#ffb020,#ff8a3d)}
.eh-toast button{margin-left:auto;border:0;background:none;color:var(--eh-mute);font-size:18px;line-height:1;padding:0 2px}
.eh-toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--eh-g);transform-origin:left;animation:eh-timer 6s linear forwards}
.eh-toast:hover:after{animation-play-state:paused}
@keyframes eh-toast-in{from{opacity:0;transform:translateX(40px) scale(.96)}to{opacity:1;transform:none}}
@keyframes eh-toast-out{to{opacity:0;transform:translateX(40px) scale(.96)}}
@keyframes eh-timer{to{transform:scaleX(0)}}

/* ---------- Animations d'entrée ---------- */
.eh-rise{animation:eh-rise .7s var(--eh-ease) both}
.eh-d1{animation-delay:.08s}.eh-d2{animation-delay:.16s}.eh-d3{animation-delay:.24s}.eh-d4{animation-delay:.32s}
@keyframes eh-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.eh-js .eh [data-eh-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--eh-ease),transform .6s var(--eh-ease);transition-delay:var(--eh-delay,0s)}
.eh-js .eh [data-eh-reveal].eh-in{opacity:1;transform:none}
.eh .main-content{animation:eh-rise .5s var(--eh-ease) both}
.eh .alert{animation:eh-alert .5s var(--eh-ease) both}
@keyframes eh-alert{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- Responsive ---------- */
@media (max-width:1100px){.eh-links{gap:14px}.eh-nav-in{gap:16px}.eh-quick{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){
  .eh-links{display:none}
  .eh-burger{display:inline-flex}
  .eh-nav-in{min-height:68px}
  .eh-sub{position:fixed;top:68px;left:0;right:0;bottom:0;z-index:1025;background:#fff;overflow-y:auto;opacity:0;transform:translateY(-10px);visibility:hidden;transition:opacity .28s var(--eh-ease),transform .35s var(--eh-ease),visibility .35s;border:0}
  .eh-menu-open .eh-sub{opacity:1;transform:none;visibility:visible}
  .eh-menu-open{overflow:hidden}
  .eh-sub-in{flex-direction:column;align-items:stretch;padding:12px 0 40px}
  .eh .eh-tabs{flex-direction:column;align-items:stretch;flex-wrap:nowrap;margin:0}
  .eh .eh-tabs-r{margin:0;border-top:1px solid var(--eh-line);padding-top:10px}
  .eh .eh-tabs>li>a{padding:12px 14px;font-size:15px;border-radius:14px}
  .eh .eh-tabs .dropdown-menu{position:static;float:none;width:100%;box-shadow:none;border:0;background:#f7f8fc;margin:4px 0 6px;animation:none}
  .eh-m-links{display:block;list-style:none;margin:10px 0 0;padding:12px 0 0;border-top:1px solid var(--eh-line)}
  .eh-m-links li a{display:block;padding:11px 14px;font-weight:700;color:var(--eh-ink);border-radius:12px}
  .eh-m-links li a.eh-btn{display:flex;margin-top:10px;color:#fff}
  .eh-m-title{padding:6px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--eh-mute);font-weight:800}
  .eh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eh-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eh-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eh-toasts{top:80px}
}
@media (max-width:650px){
  .eh-wrap,.eh .container{width:calc(100% - 32px)}
  .eh-hide-s{display:none!important}
  .eh-nav-in{min-height:64px;gap:10px}
  .eh-sub{top:64px}
  .eh-logo img{width:118px}
  .eh .eh-icon-btn,.eh-burger{width:38px;height:38px}
  .eh-act{gap:6px}
  .eh-act .eh-btn{padding:9px 12px;font-size:12px}
  .eh-hero{padding:46px 0 24px}
  .eh .eh-domain .input-group,.eh .eh-domain .input-group-btn{display:block;width:100%}
  .eh .eh-domain .form-control{border-radius:999px;margin-bottom:10px}
  .eh .eh-domain .input-group-btn .btn{border-radius:999px!important;width:100%;margin:0 0 8px}
  .eh-shortcuts{grid-template-columns:1fr 1fr;gap:10px}
  .eh .eh-short{padding:16px}
  .eh-dash-hero{padding:22px}
  .eh-tiles{gap:10px}
  .eh .eh-tile{padding:16px;border-radius:18px}
  .eh-tile-num{font-size:30px}
  .eh-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .eh .eh-auth-card,.eh .logincontainer{padding:26px 20px 20px}
  .eh-cols{grid-template-columns:1fr 1fr;gap:27px 16px}
  .eh-cols>div:first-child{grid-column:1/-1}
  .eh #main-body{padding:22px 0 50px}
  .eh .table-container,.eh .dataTables_wrapper{border-radius:16px}
  .eh .eh-top{bottom:78px;right:12px}
}
@media (max-width:380px){.eh-hide-xs{display:none!important}}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .eh-js .eh [data-eh-reveal]{opacity:1;transform:none}

}
@media (max-width:767px){.eh #order-standard_cart .products>.row{margin-left:0;margin-right:0}}

/* ===== SYNC-UI 2026-11-03 : en-tête identique à ellohost.com (méga-menu, icônes SVG, motion) ===== */
.eh-nav{transition:transform .32s,box-shadow .3s}
.eh-nav-in{min-height:79px}
.eh-sub{top:79px;transition:transform .32s}
.eh-links{gap:26px}
.eh-mega{left:-100px;width:min(740px,calc(100vw - 40px));padding:18px;gap:6px;transition:.18s}
.eh .eh-mega a:hover{background:#f3f2ff}
.eh-mi{width:46px;height:46px;border-radius:11px;background:#f2f3fc;overflow:hidden;color:inherit;font-size:inherit;transition:none}
.eh-mega a:hover .eh-mi{transform:none}
.eh-mi svg,.eh-mi svg.art{width:43px;height:43px;max-width:100%;display:block}
.eh .eh-act .eh-btn{padding:11px 16px;font-size:12.5px}
.eh-m-svc{list-style:none}
.eh-m-mega{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:3px 0 10px}
.eh .eh-m-mega a{display:flex!important;align-items:center;gap:11px;padding:7px!important;border-radius:13px;color:var(--eh-ink)}
.eh .eh-m-mega a:hover{background:#f3f2ff}
.eh-m-mega .eh-mi{width:36px;height:36px}
.eh-m-mega .eh-mi svg{width:34px;height:34px}
.eh-m-mega b{display:block;font-size:12px;line-height:1.3}
.eh-m-mega small{display:block;color:var(--eh-mute);font-size:11px;font-weight:550;line-height:1.35}
@media (min-width:992px){
  body.eh-nav-hide .eh-nav{transform:translateY(-130%)}
  body.eh-nav-hide .eh-sub{transform:translateY(-79px)}
}
@media (max-width:1100px){.eh-links{gap:13px}.eh-nav-in{gap:16px}.eh .eh-act .eh-btn{font-size:12px;padding:10px 12px}}
@media (max-width:991px){.eh-nav-in{min-height:72px}.eh-sub{top:72px}.eh-toasts{top:84px}}
@media (max-width:650px){.eh-nav-in{min-height:65px}.eh-sub{top:65px}.eh-m-mega{grid-template-columns:1fr}.eh .eh-m-mega a{padding:6px!important}
  .eh .eh-act .eh-btn{padding:9px 11px;font-size:11px}}
@media (prefers-reduced-motion:reduce){.eh-nav,.eh-sub,.eh-mega{transition:none}body.eh-nav-hide .eh-nav,body.eh-nav-hide .eh-sub{transform:none}}

/* =====================================================================
   Revue espace client 2026-11-04 (PC · mobile · app)
   ===================================================================== */
/* Barre « Affichage : 1 à 10 / 15 » des listes : plus de bandeau gris foncé (#4f5360 du thème Six) */
.eh .dataTables_wrapper div.dataTables_info{background:transparent!important;color:var(--eh-mute)!important;border:0!important;font-weight:600!important;font-size:12.5px!important;padding:20px 22px!important}
.eh .dataTables_wrapper .dataTables_filter input{border:1px solid var(--eh-line2)!important;background:#fff}
.eh .dataTables_wrapper .dataTables_filter input:focus{border-color:var(--eh-v)!important;box-shadow:0 0 0 4px #6a4dff1f}
.eh .table-list>thead>tr>th{border-bottom:1px solid var(--eh-line)!important}
.eh .table-list>thead>tr>th.sorting_asc,.eh .table-list>thead>tr>th.sorting_desc{box-shadow:inset 0 -2px 0 var(--eh-v)}
.eh .table-list>thead>tr>th{border-bottom-color:var(--eh-line)!important}
/* bouton de paiement Stripe/WHMCS : même police que le thème */
.eh button,.eh input[type=submit],.eh input[type=button]{font-family:inherit}

/* Accueil : le grand « Bonjour » du tableau de bord sert de titre (le titre WHMCS « C'est un plaisir… !, » est masqué visuellement) */
.eh-tpl-clientareahome .header-lined h1{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Accueil : statut des services jamais tronqué (« A… ») */
.eh .div-service-item .div-service-status{flex:0 0 auto;width:auto!important;min-width:64px}
.eh .div-service-item .div-service-status .label{max-width:none;overflow:visible;text-overflow:clip}

/* cPanel : raccourcis en tuiles régulières */
.eh #cPanelQuickShortcutsPanel .cpanel-feature-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;margin:0}
.eh #cPanelQuickShortcutsPanel .cpanel-feature-row>div{width:auto;float:none;padding:0}
.eh #cPanelQuickShortcutsPanel .cpanel-feature-row a{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;height:100%;margin:0!important;padding:14px 8px;border:1px solid var(--eh-line);border-radius:14px;background:#fff;color:var(--eh-ink2);font-size:12.5px;font-weight:700;line-height:1.3;text-align:center;transition:transform .2s var(--eh-ease),border-color .2s,box-shadow .2s,color .2s}
.eh #cPanelQuickShortcutsPanel .cpanel-feature-row a:hover{transform:translateY(-3px);border-color:#cdc8ff;color:var(--eh-v);box-shadow:var(--eh-sh);text-decoration:none}
.eh #cPanelQuickShortcutsPanel .cpanel-feature-row img{width:36px;height:36px;object-fit:contain;padding:4px;border-radius:10px;background:var(--eh-soft)}

/* Domaines : filtres d'extensions lisibles (gris foncé + violet illisible) */
.eh .domain-checker-container .tld-filters a,.eh .tld-filters a{background:#fff!important;border:1px solid var(--eh-line2)!important;color:var(--eh-ink2)!important;border-radius:999px!important;padding:6px 12px!important;margin:3px!important;font-weight:700;font-size:12.5px;display:inline-block}
.eh .tld-filters a.active,.eh .tld-filters a:hover{background:var(--eh-soft)!important;border-color:#cdc8ff!important;color:var(--eh-v)!important}
.eh .tld-filters .badge{background:var(--eh-bgk);color:var(--eh-mute)}

/* Formulaires : cases et radios plus grandes, champ fichier stylé */
.eh input[type=checkbox],.eh input[type=radio]{width:18px;height:18px;accent-color:var(--eh-v);vertical-align:-3px}
.eh .bootstrap-switch input[type=checkbox],.eh .toggle-switch input{width:auto;height:auto}
.eh input[type=file]{font-size:14px;max-width:100%}
.eh input[type=file]::file-selector-button{font:inherit;font-weight:700;border:1px solid var(--eh-line2);background:var(--eh-soft);color:var(--eh-v);border-radius:999px;padding:8px 14px;margin-right:10px;cursor:pointer}
/* Inscription : champs à icône arrondis comme sur la page de connexion */
.eh-tpl-clientregister .prepend-icon .form-control,.eh-tpl-clientregister .field.form-control{border-radius:12px;min-height:46px}
.eh-tpl-clientregister .sub-heading span{background:var(--eh-bg);color:var(--eh-v)}

/* Pagination : cibles plus grandes */
.eh .pagination>li>a,.eh .pagination>li>span{min-width:40px;min-height:40px;display:inline-flex!important;align-items:center;justify-content:center}

/* ---------- Mobile ---------- */
@media (max-width:767px){
  /* En-tête : boutons ronds à 44 px */
  .eh .eh-icon-btn,.eh-burger{width:44px!important;height:44px!important}
  /* Pied de page : liens espacés pour le doigt */
  .eh-footer li a{display:inline-block;padding:6px 0}
  .eh-footer ul{margin-bottom:0}
  /* Titres longs (tickets…) */
  .eh .header-lined h1{font-size:clamp(23px,6.6vw,30px);overflow-wrap:anywhere}
  .eh-tpl-viewticket .header-lined h1{font-size:21px;line-height:1.25}
  /* Accueil : le contenu d'abord, les encadrés « Vos informations / Contacts » ensuite */
  .eh-tpl-clientareahome #main-body .container>.row{display:flex;flex-direction:column}
  .eh-tpl-clientareahome #main-body .container>.row>.main-content{order:1}
  .eh-tpl-clientareahome #main-body .container>.row>.sidebar{order:2}
  .eh-tpl-clientareahome #main-body .container>.row>.clearfix{order:3}

  /* Listes WHMCS (services, domaines, factures, devis, tickets, e-mails…) : cartes au lieu d'un tableau coupé */
  .eh .dataTables_wrapper{overflow:visible}
  .eh .dataTables_wrapper .dataTables_filter{float:none!important;width:100%;padding:12px 14px 0!important;margin:0!important;height:auto!important}
  .eh .dataTables_wrapper .dataTables_filter label{display:block;width:100%;padding:0!important;margin:0;font-size:0;line-height:0;min-height:0}
  .eh .dataTables_wrapper .dataTables_filter input{font-size:15px;line-height:1.4}
  .eh .dataTables_wrapper .dataTables_filter input{width:100%!important;margin:0!important;height:44px}
  .eh .dataTables_wrapper div.dataTables_info{padding:10px 18px 6px!important;text-align:left!important}
  .eh table.table-list{display:block;width:100%!important;border:0}
  .eh table.table-list>thead{display:none}
  .eh table.table-list>tbody{display:block;width:100%}
  .eh table.table-list>tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:center;padding:14px 18px;border-top:1px solid var(--eh-line);cursor:pointer}
  .eh table.table-list>tbody>tr>td{display:block;border:0!important;padding:0!important;text-align:left!important;white-space:normal!important;min-width:0;width:auto!important;font-size:13px;color:var(--eh-mute);background:none!important;line-height:1.4}
  .eh table.table-list>tbody>tr>td.dataTables_empty{grid-column:1/-1;text-align:center!important;padding:16px 0!important}
  .eh table.table-list>tbody>tr>td.responsive-edit-button{display:none!important}
  .eh table.table-list>tbody>tr>td:empty{display:none}
  .eh table.table-list .label{white-space:nowrap}
  .eh table.table-list strong,.eh table.table-list a{overflow-wrap:anywhere}
  /* Services : [icône] nom ........ statut / tarif ........ échéance */
  .eh #tableServicesList>tbody>tr{grid-template-columns:auto minmax(0,1fr) auto}
  .eh #tableServicesList td:nth-child(1){grid-column:1;grid-row:1/3}
  .eh #tableServicesList td:nth-child(1) img{width:26px;height:auto}
  .eh #tableServicesList td:nth-child(2){grid-column:2;grid-row:1;color:var(--eh-ink);font-size:14.5px}
  .eh #tableServicesList td:nth-child(3){grid-column:2;grid-row:2}
  .eh #tableServicesList td:nth-child(4){grid-column:3;grid-row:2;text-align:right!important}
  .eh #tableServicesList td:nth-child(5){grid-column:3;grid-row:1;text-align:right!important}
  /* Domaines : [case][ssl] domaine ...... statut / échéance ...... actions */
  .eh #tableDomainsList>tbody>tr{grid-template-columns:auto auto minmax(0,1fr) auto}
  .eh #tableDomainsList td:nth-child(1){grid-column:1;grid-row:1/3;padding-right:2px!important}
  .eh #tableDomainsList td:nth-child(1) input{width:22px;height:22px}
  .eh #tableDomainsList td:nth-child(2){grid-column:2;grid-row:1/3}
  .eh #tableDomainsList td:nth-child(2) img{width:24px;height:auto}
  .eh #tableDomainsList td:nth-child(3){grid-column:3;grid-row:1;font-size:14.5px;font-weight:700}
  .eh #tableDomainsList td:nth-child(4),.eh #tableDomainsList td:nth-child(6){display:none!important}
  .eh #tableDomainsList td:nth-child(5){grid-column:3;grid-row:2}
  .eh #tableDomainsList td:nth-child(5):before{content:"Échéance "}
  .eh #tableDomainsList td:nth-child(7){grid-column:4;grid-row:1;text-align:right!important}
  .eh #tableDomainsList td:nth-child(8){grid-column:4;grid-row:2;text-align:right!important}
  .eh #tableDomainsList td:nth-child(8) .btn-group{display:inline-flex;flex-wrap:nowrap}
  .eh #tableDomainsList td:nth-child(8) .btn{min-height:40px;min-width:40px}
  /* Factures : n° ........ statut / échéance ........ total */
  .eh #tableInvoicesList td:nth-child(1){grid-column:1;grid-row:1;color:var(--eh-ink);font-weight:800;font-size:14.5px}
  .eh #tableInvoicesList td:nth-child(1):before{content:"Facture n° "}
  .eh #tableInvoicesList td:nth-child(6){grid-column:2;grid-row:1;text-align:right!important}
  .eh #tableInvoicesList td:nth-child(3){grid-column:1;grid-row:2}
  .eh #tableInvoicesList td:nth-child(3):before{content:"Échéance "}
  .eh #tableInvoicesList td:nth-child(4){grid-column:2;grid-row:2;text-align:right!important;color:var(--eh-ink);font-weight:700}
  .eh #tableInvoicesList td:nth-child(2),.eh #tableInvoicesList td:nth-child(5){display:none!important}
  /* Devis : objet ........ état / validité ........ PDF */
  .eh #tableQuotesList td:nth-child(2){grid-column:1;grid-row:1;color:var(--eh-ink);font-weight:700;font-size:14.5px}
  .eh #tableQuotesList td:nth-child(5){grid-column:2;grid-row:1;text-align:right!important}
  .eh #tableQuotesList td:nth-child(4){grid-column:1;grid-row:2}
  .eh #tableQuotesList td:nth-child(4):before{content:"Valide jusqu'au "}
  .eh #tableQuotesList td:nth-child(6){grid-column:2;grid-row:2;text-align:right!important}
  .eh #tableQuotesList td:nth-child(1),.eh #tableQuotesList td:nth-child(3){display:none!important}
  /* Tickets : objet ........ statut / service ........ mise à jour */
  .eh #tableTicketsList td:nth-child(2){grid-column:1;grid-row:1;color:var(--eh-ink);font-size:14.5px}
  .eh #tableTicketsList td:nth-child(3){grid-column:2;grid-row:1;text-align:right!important}
  .eh #tableTicketsList td:nth-child(1){grid-column:1;grid-row:2}
  .eh #tableTicketsList td:nth-child(4){grid-column:2;grid-row:2;text-align:right!important}
  /* E-mails : objet / date ........ bouton */
  .eh #tableEmailsList td:nth-child(2){grid-column:1;grid-row:1;color:var(--eh-ink);font-weight:700}
  .eh #tableEmailsList td:nth-child(1){grid-column:1;grid-row:2;text-align:left!important}
  .eh #tableEmailsList td:nth-child(3){grid-column:2;grid-row:1/3}
  .eh #tableEmailsList td:nth-child(3) .btn{white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}
  /* Tableaux simples (utilisateurs, moyens de paiement, paiement groupé…) : jamais plus larges que l'écran */
  .eh .main-content .table:not(.table-list){table-layout:auto;width:100%}
  .eh .main-content .table:not(.table-list) td,.eh .main-content .table:not(.table-list) th{white-space:normal!important;overflow-wrap:anywhere}
  .eh-tpl-account-user-management .main-content .table td .btn{display:flex;width:100%;margin:0 0 6px;white-space:normal}
  /* Pagination & longueur */
  .eh .dataTables_wrapper .dataTables_paginate{float:none!important;text-align:center!important}
  .eh .dataTables_wrapper .dataTables_length{float:none!important;text-align:center!important}
  /* Boutons trop petits (btn-xs / btn-sm) */
  .eh .main-content .btn-sm,.eh .main-content .btn-xs{min-height:40px;padding-top:8px;padding-bottom:8px}
}
/* Mode app : le fil d'Ariane fait doublon avec la barre de l'app */
html.in-app .breadcrumb,html.in-app .header-lined .breadcrumb{display:none!important}
.eh #cPanelQuickShortcutsPanel .cpanel-feature-row:before,.eh #cPanelQuickShortcutsPanel .cpanel-feature-row:after{display:none}
@media (max-width:767px){
  .eh-tpl-account-user-management .main-content .table,.eh-tpl-account-user-management .main-content .table tbody,.eh-tpl-account-user-management .main-content .table tr,.eh-tpl-account-user-management .main-content .table td,.eh-tpl-account-user-management .main-content .table th{display:block;width:100%!important}
  .eh-tpl-account-user-management .main-content .table thead,.eh-tpl-account-user-management .main-content .table tr:first-child th{display:none}
  .eh-tpl-account-user-management .main-content .table td{overflow-wrap:break-word;word-break:normal}
}