/* HETO Dashboard — extracted visual skin
   Inspired by the supplied HETO panel prototype.
   This file intentionally overrides the legacy dashboard skin
   with a cleaner and lighter set of rules scoped to .hd-wrap. */

.hd-wrap,
.hd-wrap *{
  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.hd-logo-name,
.hd-topbar-title,
.hd-card-head,
.hd-panel-title,
.hd-nav-section,
.hd-sp-name,
.hd-su-name{
  font-family:'Epilogue',sans-serif;
}
.hd-logo-sub,
.hd-plan-badge,
.hd-badge-count,
.hd-su-email,
.hd-sp-info,
.hd-wrap table th{
  font-family:'JetBrains Mono',monospace;
}

:root{
  --hd-accent:#0C55F4;
  --hd-accent-dark:#0637AF;
  --hd-green:#16a34a;
  --hd-amber:#e8983a;
  --hd-red:#dc2626;
  --hd-bg:#F2F5FB;
  --hd-surface:#ffffff;
  --hd-surface-2:#F7F9FD;
  --hd-border:#DDE6F5;
  --hd-border-2:#C9D6EE;
  --hd-text:#152034;
  --hd-text-2:#435470;
  --hd-text-3:#8E9DB7;
  --hd-shadow:0 1px 2px rgba(13,21,38,.04),0 10px 28px rgba(13,21,38,.06);
  --hd-sidebar-bg:#0D1117;
  --hd-sidebar-hover:rgba(255,255,255,.05);
  --hd-sidebar-active:rgba(12,85,244,.20);
  --hd-sidebar-text:rgba(255,255,255,.66);
  --hd-sidebar-text-soft:rgba(255,255,255,.36);
  --hd-sidebar-divider:rgba(255,255,255,.08);
}

#hd-root{position:relative;display:flex;flex-direction:row;height:calc(100vh - 32px);overflow:hidden;padding:8px;gap:18px;background:linear-gradient(180deg,#f6f8fc 0%,var(--hd-bg) 100%);}
#hd-root{position:relative;isolation:isolate;}
.hd-sidebar{position:relative!important;z-index:3!important;width:248px!important;min-width:248px!important;max-width:248px!important;display:flex;flex-direction:column;padding:12px 8px 8px!important;background:var(--hd-sidebar-bg)!important;border:none!important;border-radius:28px!important;box-shadow:var(--hd-shadow)!important;overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
.hd-logo{display:flex;align-items:center;gap:10px;padding:0 6px 14px!important;border:none!important;background:transparent!important;cursor:pointer;}
.hd-logo:hover{background:transparent!important;}
.hd-logo-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important;background:linear-gradient(180deg,#2D6BFF 0%,var(--hd-accent) 100%)!important;box-shadow:0 8px 20px rgba(12,85,244,.24)!important;}
.hd-logo:hover .hd-logo-icon{background:linear-gradient(180deg,#2D6BFF 0%,var(--hd-accent-dark) 100%)!important;}
.hd-logo-name{color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-.015em;}
.hd-logo-sub{margin-top:3px;color:var(--hd-sidebar-text-soft)!important;font-size:9px!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase;}
.hd-widget-sel,#hd-site-sel{margin:0 6px 10px!important;padding:10px 12px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.8)!important;transition:background .18s ease,border-color .18s ease;}
.hd-widget-sel:hover,#hd-site-sel:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;}
.hd-wsel-name{color:rgba(255,255,255,.84)!important;font-weight:600!important;}
.hd-wsel-arrow{color:rgba(255,255,255,.45)!important;}
.hd-wsel-dot{box-shadow:0 0 0 2px rgba(255,255,255,.16)!important;}
.hd-nav{flex:1;padding:0 0 8px!important;gap:4px!important;align-items:stretch!important;overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;}
.hd-nav::-webkit-scrollbar,.hd-sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
.hd-nav-section{padding:10px 16px 8px!important;color:rgba(255,255,255,.22)!important;font-size:9px!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase;}
.hd-nav-item{position:relative;display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px!important;min-height:42px!important;padding:0 12px!important;border-radius:14px!important;background:transparent!important;color:var(--hd-sidebar-text)!important;font-size:13px!important;font-weight:600!important;}
.hd-nav-item svg{width:17px!important;height:17px!important;stroke-width:1.85!important;}
.hd-nav-item:hover{background:var(--hd-sidebar-hover)!important;color:#fff!important;}
.hd-nav-item.active{background:var(--hd-sidebar-active)!important;color:#fff!important;}
.hd-nav-item.active::before{content:'';position:absolute;left:-8px!important;top:9px!important;bottom:9px!important;width:3px;border-radius:999px;background:var(--hd-accent)!important;}
.hd-badge-count,.hd-nav-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:20px;height:20px!important;padding:0 6px!important;border-radius:999px!important;margin-left:auto!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.82)!important;font-size:10px!important;font-weight:600!important;}
.hd-nb-blue{background:rgba(12,85,244,.22)!important;color:#c6d7ff!important;}
.hd-nb-green{background:rgba(22,163,74,.18)!important;color:#86efac!important;}
.hd-nb-orange{background:rgba(232,152,58,.20)!important;color:#fcd34d!important;}
.hd-sidebar-plan{margin:6px 6px 0!important;padding:12px!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;}
.hd-sp-lbl{margin-bottom:4px!important;color:rgba(255,255,255,.28)!important;font-size:9px!important;letter-spacing:.15em!important;text-transform:uppercase;}
.hd-sp-name{color:#fff!important;font-size:13px!important;font-weight:800!important;}
.hd-sp-bar{height:4px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;margin:10px 0 6px!important;}
.hd-sp-fill{background:var(--hd-accent)!important;}
.hd-sp-info{color:rgba(255,255,255,.38)!important;font-size:10px!important;}
.hd-sp-btn{width:100%;margin-top:10px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:8px 12px!important;border-radius:12px!important;border:1px solid rgba(12,85,244,.28)!important;background:rgba(12,85,244,.18)!important;color:#c6d7ff!important;font-size:12px!important;font-weight:700!important;}
.hd-sp-btn:hover{background:rgba(12,85,244,.26)!important;}
.hd-sidebar-footer{padding:10px 6px 4px!important;border-top:1px solid var(--hd-sidebar-divider)!important;}
.hd-trial-warn{color:var(--hd-amber)!important;font-size:11px!important;}
.hd-warn-expired{color:var(--hd-red)!important;}
.hd-sidebar-user{display:flex!important;align-items:center;gap:10px;margin-top:auto!important;padding:8px 6px!important;border-top:1px solid var(--hd-sidebar-divider)!important;}
.hd-sidebar-user:hover{background:rgba(255,255,255,.03)!important;}
.hd-su-av{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;background:linear-gradient(135deg,#2D6BFF,#0C55F4)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;box-shadow:0 8px 16px rgba(12,85,244,.18)!important;}
.hd-su-name{color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.1!important;}
.hd-su-email{margin-top:2px;color:rgba(255,255,255,.36)!important;font-size:10px!important;}
.hd-collapse-btn{display:none!important;}
.hd-sidebar.collapsed{width:76px!important;min-width:76px!important;max-width:76px!important;padding:10px 6px 8px!important;border-radius:24px!important;}
.hd-sidebar.collapsed .hd-logo{justify-content:center!important;padding:0 0 14px!important;}
.hd-sidebar.collapsed .hd-logo > div:last-child,.hd-sidebar.collapsed .hd-nav-section,.hd-sidebar.collapsed .hd-sidebar-plan,.hd-sidebar.collapsed .hd-sidebar-footer,.hd-sidebar.collapsed .hd-su-name,.hd-sidebar.collapsed .hd-su-email,.hd-sidebar.collapsed .hd-sidebar-user > a{display:none!important;}
.hd-sidebar.collapsed #hd-site-sel{display:flex!important;justify-content:center!important;align-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin:0 auto 10px!important;padding:0!important;border-radius:15px!important;}
.hd-sidebar.collapsed #hd-site-sel .hd-wsel-name,.hd-sidebar.collapsed #hd-site-sel .hd-wsel-arrow{display:none!important;}
.hd-sidebar.collapsed #hd-site-sel .hd-wsel-dot{width:12px!important;height:12px!important;min-width:12px!important;}
.hd-sidebar.collapsed .hd-nav{align-items:center!important;gap:6px!important;}
.hd-sidebar.collapsed .hd-nav-item{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;grid-template-columns:1fr!important;justify-items:center;padding:0!important;margin:0 auto!important;gap:0!important;border-radius:15px!important;}
.hd-sidebar.collapsed .hd-nav-item .hd-nav-lbl{display:none!important;}
.hd-sidebar.collapsed .hd-nav-item .hd-badge-count{position:absolute!important;top:0!important;right:0!important;min-width:14px!important;height:14px!important;padding:0 4px!important;font-size:8px!important;}
.hd-sidebar.collapsed .hd-nav-item.active::before{left:-5px!important;top:10px!important;bottom:10px!important;}
.hd-sidebar.collapsed .hd-sidebar-user{justify-content:center!important;padding:6px 0!important;}
.hd-sidebar.collapsed .hd-sidebar-user > div:not(.hd-su-av){display:none!important;}
.hd-sidebar.collapsed .hd-nav-item::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;padding:4px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0D1117;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;transition:opacity .15s ease;z-index:200;}
.hd-sidebar.collapsed .hd-nav-item:hover::after{opacity:1;}
.hd-main{flex:1!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;position:relative!important;z-index:1!important;overflow:hidden!important;background:transparent!important;box-shadow:none!important;border-radius:28px!important;}
.hd-page{padding:0;background:transparent;}
.hd-topbar{height:62px!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.72)!important;border-bottom-color:rgba(221,230,245,.9)!important;border-radius:28px 28px 0 0!important;}
.hd-topbar-title{color:var(--hd-text)!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;}
.hd-topbar-sub{margin-top:4px!important;color:var(--hd-text-3)!important;font-size:12px!important;}
.hd-topbar-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap;}
.hd-page-inner{position:relative;z-index:1;flex:1;min-height:0;padding:16px!important;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.72);border-top:none;border-radius:0 0 28px 28px;box-shadow:var(--hd-shadow);overflow:auto;}
.hd-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px!important;border-radius:14px!important;border:1px solid var(--hd-border)!important;background:rgba(255,255,255,.82)!important;color:var(--hd-text-2)!important;font-size:13px!important;font-weight:700!important;box-shadow:0 1px 2px rgba(13,21,38,.03),0 4px 12px rgba(13,21,38,.04);}
.hd-btn:hover:not(:disabled){background:var(--hd-surface-2)!important;border-color:var(--hd-border-2)!important;}
.hd-btn-primary{background:linear-gradient(180deg,#2D6BFF 0%,var(--hd-accent) 100%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(12,85,244,.24)!important;}
.hd-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#2D6BFF 0%,var(--hd-accent-dark) 100%)!important;}
.hd-btn-secondary{background:#fff!important;}
.hd-btn-upgrade{background:rgba(12,85,244,.10)!important;border-color:rgba(12,85,244,.16)!important;color:var(--hd-accent)!important;}
.hd-stats{gap:12px!important;}
.hd-stat,.hd-card,.hd-panel{background:#fff!important;border:1px solid var(--hd-border)!important;border-radius:18px!important;box-shadow:0 1px 2px rgba(13,21,38,.03),0 4px 12px rgba(13,21,38,.04)!important;}
.hd-stat{padding:15px!important;}
.hd-stat-val{color:var(--hd-text)!important;font-size:26px!important;font-weight:800!important;}
.hd-stat-lbl{color:var(--hd-text-3)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.05em;font-weight:700!important;}
.hd-panel-head{display:flex;align-items:center;gap:8px;padding:12px 16px!important;border-bottom:1px solid var(--hd-border)!important;}
.hd-panel-link{margin-left:auto;color:var(--hd-accent)!important;font-size:12px!important;font-weight:700!important;cursor:pointer;}
.hd-trial-banner{display:flex;align-items:center;gap:12px;padding:14px 16px!important;margin-bottom:16px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(232,152,58,.08) 0%,rgba(232,152,58,.14) 100%)!important;border:1px solid rgba(232,152,58,.25)!important;}
.hd-trial-banner-text{color:#92400e!important;line-height:1.5;font-size:13px!important;}
.hd-wrap table th{background:#F7F9FD!important;color:var(--hd-text-3)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.hd-wrap table tr:hover td{background:#FAFCFF!important;}
.hd-wrap input[type=text],.hd-wrap input[type=email],.hd-wrap input[type=password],.hd-wrap input[type=number],.hd-wrap select,.hd-wrap textarea{background:#fff!important;color:var(--hd-text)!important;border:1px solid var(--hd-border)!important;border-radius:12px!important;}
.hd-wrap input:focus,.hd-wrap select:focus,.hd-wrap textarea:focus{border-color:var(--hd-accent)!important;box-shadow:0 0 0 3px rgba(12,85,244,.08)!important;}
.hd-conv-wrap{background:rgba(255,255,255,.56)!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:28px!important;box-shadow:var(--hd-shadow);}
.hd-conv-left,.hd-conv-panel{background:#fff!important;}
.hd-conv-left{width:320px!important;min-width:320px!important;border-right:1px solid var(--hd-border)!important;}
.hd-conv-item:hover,.hd-conv-item.active{background:var(--hd-surface-2)!important;}
.hd-cpanel-head{padding:16px!important;border-bottom:1px solid var(--hd-border)!important;}
.hd-bubble{border:1px solid var(--hd-border);border-radius:16px!important;padding:13px 15px!important;line-height:1.55;}
.hd-msg.bot .hd-bubble{background:var(--hd-surface-2)!important;color:var(--hd-text-2)!important;}
.hd-msg.user .hd-bubble{background:var(--hd-accent)!important;border-color:var(--hd-accent)!important;}
.hd-msg.agent .hd-bubble{background:rgba(22,163,74,.10)!important;color:var(--hd-green)!important;border-color:rgba(22,163,74,.18)!important;}
.hd-reply-area{border-top:1px solid var(--hd-border)!important;background:#fff!important;}
.hd-overlay{backdrop-filter:blur(4px)!important;}
.hd-modal-box,.hd-modal-content,.hd-overlay .hd-box,.hpg-box{border-radius:22px!important;border:1px solid var(--hd-border)!important;box-shadow:0 24px 64px rgba(13,21,38,.16)!important;}
@media (max-width:1360px){.hd-sidebar{width:220px!important;min-width:220px!important;max-width:220px!important;}.hd-topbar-title{font-size:20px!important;}}
@media (max-width:1100px){.hd-sidebar{width:200px!important;min-width:200px!important;max-width:200px!important;}.hd-logo-sub{display:none!important;}}


/* === v15 conversations: align to index reference === */
#hd-page-conversations .hd-conv-wrap{
  display:flex!important;
  min-height:0!important;
  height:100%!important;
  background:rgba(255,255,255,.56)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
#hd-page-conversations .hd-conv-left{
  width:328px!important;
  min-width:328px!important;
  max-width:328px!important;
  background:#fff!important;
  border-right:1px solid var(--hd-border)!important;
  display:flex!important;
  flex-direction:column!important;
}
#hd-page-conversations #hd-conv-toolbar{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px 14px 12px!important;
  border-bottom:1px solid #eef3fb!important;
  background:#fbfdff!important;
}
#hd-page-conversations .hd-conv-search-wrap{
  position:relative!important;display:block!important;
  height:42px!important;padding:0!important;border:1px solid #e2eaf6!important;border-radius:12px!important;background:#fff!important;
}
#hd-page-conversations .hd-conv-search-wrap svg{position:absolute!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#9aafc8!important;pointer-events:none!important;z-index:1!important;}
#hd-page-conversations .hd-conv-search-input{width:100%!important;border:none!important;background:transparent!important;box-shadow:none!important;padding:0 14px 0 40px!important;height:40px!important;line-height:40px!important;font:500 13px 'Figtree',sans-serif!important;color:#0f1e35!important;}
#hd-page-conversations .hd-conv-search-input::placeholder{color:#9aaccc!important;}
#hd-page-conversations .hd-conv-toolbar-row{padding:0!important;gap:8px!important;}
#hd-page-conversations .hd-conv-toolbar-tabs{display:flex!important;gap:14px!important;align-items:center!important;overflow:auto hidden!important;}
#hd-page-conversations .hd-conv-toolbar-tab{padding:0 0 8px!important;border:none!important;background:transparent!important;color:#9aaccc!important;font:700 12px 'Figtree',sans-serif!important;border-bottom:2px solid transparent!important;white-space:nowrap!important;}
#hd-page-conversations .hd-conv-toolbar-tab.active{color:#0C55F4!important;border-bottom-color:#0C55F4!important;}
#hd-page-conversations .hd-conv-select-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border-radius:8px!important;border:1px solid #e2eaf6!important;background:#fff!important;color:#95a7c4!important;}
#hd-page-conversations .hd-conv-select-btn.active{background:#eef4ff!important;border-color:#93b0f0!important;color:#0C55F4!important;}
#hd-page-conversations .hd-conv-list{padding:0!important;overflow:auto!important;}
#hd-page-conversations .hd-conv-item{padding:0!important;border-bottom:1px solid #eef3fb!important;cursor:pointer!important;transition:background .15s ease!important;}
#hd-page-conversations .hd-conv-item:hover{background:#fafcff!important;}
#hd-page-conversations .hd-conv-item.active{background:#f4f8ff!important;box-shadow:inset 3px 0 0 #0C55F4!important;}
#hd-page-conversations .hd-conv-main{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important;align-items:flex-start!important;padding:14px 16px!important;}
#hd-page-conversations .hd-conv-avatar-wrap{display:flex!important;align-items:center!important;justify-content:center!important;}
#hd-page-conversations .hd-conv-avatar{width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important;background:#f1f5f9!important;border:1px solid #e2eaf6!important;color:#425675!important;font:800 12px 'Epilogue',sans-serif!important;display:grid!important;place-items:center!important;}
#hd-page-conversations .hd-conv-body{min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
#hd-page-conversations .hd-conv-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;margin:0!important;}
#hd-page-conversations .hd-conv-name{font-size:14px!important;font-weight:700!important;color:#0f1e35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-page-conversations .hd-conv-time{font-size:11px!important;color:#9aaccc!important;white-space:nowrap!important;}
#hd-page-conversations .hd-conv-prev{font-size:13px!important;line-height:1.4!important;color:#647892!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
#hd-page-conversations .hd-conv-meta-line{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
#hd-page-conversations .hd-conv-sub{font-size:12px!important;color:#9aaccc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:180px!important;}
#hd-page-conversations .hd-conv-unread{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#0C55F4!important;color:#fff!important;font:700 10px 'JetBrains Mono',monospace!important;margin-top:2px!important;}
#hd-page-conversations .cx-badge{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 9px!important;border-radius:8px!important;font:700 10px 'JetBrains Mono',monospace!important;letter-spacing:.01em!important;white-space:nowrap!important;border:none!important;}
#hd-page-conversations .cx-badge--amber{background:#fef3c7!important;color:#b45309!important;}
#hd-page-conversations .cx-badge--blue{background:#dbeafe!important;color:#1d4ed8!important;}
#hd-page-conversations .cx-badge--green{background:#dcfce7!important;color:#15803d!important;}
#hd-page-conversations .cx-badge--red{background:#fee2e2!important;color:#b91c1c!important;}
#hd-page-conversations .cx-badge--purple{background:#ede9fe!important;color:#7c3aed!important;}
#hd-page-conversations .hd-folder-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:#eef2f7!important;color:#475569!important;font:700 10px 'JetBrains Mono',monospace!important;white-space:nowrap!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-page-conversations .hd-conv-bottom{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}

#hd-page-conversations .hd-conv-panel{background:#f8faff!important;min-width:0!important;padding:0!important;}
#hd-page-conversations .hd-conv-detail-shell--pro{display:grid!important;grid-template-columns:minmax(0,1fr) 286px!important;height:100%!important;min-height:0!important;}
#hd-page-conversations .hd-conv-thread--pro{display:flex!important;flex-direction:column!important;min-width:0!important;background:#f8faff!important;border-right:1px solid #e2eaf6!important;}
#hd-page-conversations .hd-cpanel-head--pro{padding:18px 20px!important;border-bottom:1px solid #eef3fb!important;background:#fff!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;}
#hd-page-conversations .hd-cpanel-main--pro{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1!important;}
#hd-page-conversations .hd-cpanel-avatar-solid{width:40px!important;height:40px!important;min-width:40px!important;border-radius:14px!important;background:#0C55F4!important;color:#fff!important;font:800 12px 'Epilogue',sans-serif!important;display:grid!important;place-items:center!important;}
#hd-page-conversations .hd-cpanel-name{font:800 15px 'Epilogue',sans-serif!important;color:#0f1e35!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
#hd-page-conversations .hd-cpanel-subline{margin-top:4px!important;font:500 12px 'Figtree',sans-serif!important;color:#8fa5c0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-page-conversations .hd-cpanel-actions--pro{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
#hd-page-conversations .cx-team-dots{display:flex!important;align-items:center!important;}
#hd-page-conversations .cx-tdot{width:26px!important;height:26px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;font:700 9px 'Figtree',sans-serif!important;border:2px solid #fff!important;margin-left:-5px!important;box-shadow:0 4px 10px rgba(18,82,232,.12)!important;}
#hd-page-conversations .cx-tdot:first-child{margin-left:0!important;}
#hd-page-conversations .cx-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;padding:0 14px!important;border-radius:10px!important;border:1px solid #bfd2ff!important;background:#fff!important;color:#0C55F4!important;font:700 13px 'Figtree',sans-serif!important;cursor:pointer!important;box-shadow:none!important;}
#hd-page-conversations .cx-btn:hover{background:#eef4ff!important;}
#hd-page-conversations .cx-btn--primary{border-color:#0C55F4!important;background:#0C55F4!important;color:#fff!important;}
#hd-page-conversations .cx-btn--primary:hover{background:#0d3ec0!important;}

#hd-page-conversations .cx-messages{flex:1!important;overflow:auto!important;padding:18px 20px!important;display:flex!important;flex-direction:column!important;gap:14px!important;background:#f8faff!important;}
#hd-page-conversations .cx-msg{display:flex!important;gap:10px!important;align-items:flex-start!important;max-width:78%!important;}
#hd-page-conversations .cx-msg--user,
#hd-page-conversations .cx-msg--agent{align-self:flex-end!important;flex-direction:row-reverse!important;}
#hd-page-conversations .cx-msg-av{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;background:#0C55F4!important;color:#fff!important;display:grid!important;place-items:center!important;font:700 10px 'Figtree',sans-serif!important;flex-shrink:0!important;}
#hd-page-conversations .cx-msg-bubble{padding:11px 14px!important;font:500 13.5px 'Figtree',sans-serif!important;line-height:1.55!important;color:#2d3f57!important;box-shadow:none!important;}
#hd-page-conversations .cx-msg--bot .cx-msg-bubble{background:#fff!important;border:1px solid #e2eaf6!important;border-radius:4px 14px 14px 14px!important;}
#hd-page-conversations .cx-msg--user .cx-msg-bubble,
#hd-page-conversations .cx-msg--agent .cx-msg-bubble{background:#0C55F4!important;color:#fff!important;border:1px solid #0C55F4!important;border-radius:14px 4px 14px 14px!important;}
#hd-page-conversations .cx-msg-time{font:500 11px 'Figtree',sans-serif!important;color:#9eb3cf!important;margin-top:5px!important;}
#hd-page-conversations .cx-msg--user .cx-msg-time,
#hd-page-conversations .cx-msg--agent .cx-msg-time{text-align:right!important;}

#hd-page-conversations .cx-compose{border-top:1px solid #eef3fb!important;padding:14px 18px 16px!important;background:#fff!important;flex-shrink:0!important;}
#hd-page-conversations .cx-compose-input{width:100%!important;min-height:88px!important;border:1px solid #e2eaf6!important;border-radius:12px!important;background:#f8faff!important;padding:12px 14px!important;font:500 13.5px 'Figtree',sans-serif!important;color:#0f1e35!important;outline:none!important;resize:none!important;line-height:1.55!important;box-shadow:none!important;}
#hd-page-conversations .cx-compose-input:focus{border-color:#93b0f0!important;background:#fff!important;box-shadow:none!important;}
#hd-page-conversations .cx-compose-footer{display:flex!important;align-items:center!important;gap:8px!important;margin-top:10px!important;flex-wrap:wrap!important;}
#hd-page-conversations .cx-tool-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;height:32px!important;padding:0 12px!important;border-radius:8px!important;border:1px solid #e2eaf6!important;background:#fff!important;font:600 12px 'Figtree',sans-serif!important;color:#5572a0!important;cursor:pointer!important;}
#hd-page-conversations .cx-tool-btn:hover{background:#f4f7fc!important;}
#hd-page-conversations .cx-send-btn{margin-left:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;height:36px!important;padding:0 18px!important;border-radius:10px!important;border:none!important;background:#0C55F4!important;font:700 13px 'Figtree',sans-serif!important;color:#fff!important;cursor:pointer!important;}
#hd-page-conversations .cx-send-btn:hover{background:#0d3ec0!important;}

#hd-page-conversations .hd-conv-info-panel--pro{background:#fff!important;border-left:none!important;display:flex!important;flex-direction:column!important;min-width:286px!important;max-width:286px!important;padding:0!important;overflow:hidden!important;}
#hd-page-conversations .cp-tabs{display:flex!important;border-bottom:1px solid #eef3fb!important;background:#fafcff!important;flex-shrink:0!important;}
#hd-page-conversations .cp-tab{flex:1!important;border:none!important;background:transparent!important;padding:11px 4px!important;font:600 12px 'Figtree',sans-serif!important;color:#9aaccc!important;cursor:pointer!important;border-bottom:2px solid transparent!important;}
#hd-page-conversations .cp-tab.active{color:#0C55F4!important;border-bottom-color:#0C55F4!important;}
#hd-page-conversations .cp-body{flex:1!important;overflow:auto!important;display:none!important;flex-direction:column!important;}
#hd-page-conversations .cp-body.is-active{display:flex!important;}
#hd-page-conversations .cp-section{padding:14px 16px 12px!important;border-bottom:1px solid #eef3fb!important;}
#hd-page-conversations .cp-label{font:700 10px 'JetBrains Mono',monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9aaccc!important;margin-bottom:8px!important;}
#hd-page-conversations .cp-ai-question{font:500 12.5px 'Figtree',sans-serif!important;color:#3d526e!important;line-height:1.55!important;background:#f4f7fc!important;border-radius:10px!important;padding:10px 12px!important;border:1px solid #e2eaf6!important;}
#hd-page-conversations .cp-suggestion{border:1px solid #e2eaf6!important;border-radius:10px!important;padding:10px 12px!important;background:#fff!important;margin-bottom:7px!important;}
#hd-page-conversations .cp-suggestion:hover{border-color:#93b0f0!important;}
#hd-page-conversations .cp-suggestion p{font:500 12px 'Figtree',sans-serif!important;color:#3d526e!important;line-height:1.5!important;margin:0 0 8px!important;}
#hd-page-conversations .cp-use{height:28px!important;padding:0 10px!important;border-radius:7px!important;border:1px solid #0C55F4!important;background:transparent!important;color:#0C55F4!important;font:600 11px 'Figtree',sans-serif!important;cursor:pointer!important;}
#hd-page-conversations .cp-use:hover{background:#eef4ff!important;}
#hd-page-conversations .cp-chips{display:flex!important;gap:5px!important;flex-wrap:wrap!important;margin-bottom:8px!important;}
#hd-page-conversations .cp-chip{height:24px!important;padding:0 9px!important;border-radius:6px!important;border:1px solid #e2eaf6!important;background:#fff!important;color:#5572a0!important;font:600 11px 'Figtree',sans-serif!important;cursor:pointer!important;}
#hd-page-conversations .cp-chip:hover{background:#eef4ff!important;border-color:#93b0f0!important;color:#0C55F4!important;}
#hd-page-conversations .cp-input-row{display:flex!important;gap:7px!important;align-items:flex-end!important;}
#hd-page-conversations .cp-input{flex:1!important;border:1px solid #e2eaf6!important;border-radius:9px!important;background:#f8faff!important;padding:8px 11px!important;font:500 12px 'Figtree',sans-serif!important;color:#0f1e35!important;outline:none!important;resize:none!important;line-height:1.5!important;}
#hd-page-conversations .cp-send{width:34px!important;height:34px!important;border-radius:9px!important;border:none!important;background:#0C55F4!important;display:grid!important;place-items:center!important;cursor:pointer!important;}
#hd-page-conversations .cp-result{border:1px solid #e2eaf6!important;border-radius:10px!important;background:#f0f7ff!important;padding:11px 12px!important;margin-top:8px!important;}
#hd-page-conversations .cp-result p{font:500 12.5px 'Figtree',sans-serif!important;color:#1e3a5f!important;line-height:1.6!important;margin:0 0 8px!important;}
#hd-page-conversations .cp-row{display:flex!important;justify-content:space-between!important;align-items:center!important;font:500 12.5px 'Figtree',sans-serif!important;padding:6px 0!important;border-bottom:1px solid #f4f7fc!important;gap:10px!important;}
#hd-page-conversations .cp-row:last-of-type{border-bottom:none!important;}
#hd-page-conversations .cp-row span{color:#8fa5c0!important;}
#hd-page-conversations .cp-row strong{color:#0f1e35!important;font-weight:600!important;font-size:12px!important;}
#hd-page-conversations .cp-sel{height:28px!important;padding:0 8px!important;border:1px solid #e2eaf6!important;border-radius:7px!important;background:#fff!important;color:#0f1e35!important;font:600 11px 'Figtree',sans-serif!important;outline:none!important;cursor:pointer!important;}
#hd-page-conversations .hd-conv-info-list{display:flex!important;flex-direction:column!important;gap:8px!important;}
#hd-page-conversations .hd-conv-info-list div{display:flex!important;justify-content:space-between!important;gap:10px!important;font:500 12.5px 'Figtree',sans-serif!important;}
#hd-page-conversations .hd-conv-info-list strong{font-weight:500!important;color:#64748b!important;}
#hd-page-conversations .hd-conv-info-list span{color:#0f172a!important;text-align:right!important;display:flex!important;align-items:center!important;gap:6px!important;justify-content:flex-end!important;}
#hd-page-conversations .hd-mini-status{display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;}
#hd-page-conversations .hd-mini-status.open{background:#22c55e!important;}
#hd-page-conversations .hd-mini-status.handled_human{background:#f59e0b!important;}
#hd-page-conversations .hd-mini-status.handled_ai{background:#0C55F4!important;}
#hd-page-conversations .hd-mini-status.closed{background:#cbd5e1!important;}
#hd-page-conversations .hd-conv-info-actions{display:flex!important;flex-direction:column!important;gap:10px!important;}
#hd-page-conversations .hd-side-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;border-radius:10px!important;border:1px solid #e2eaf6!important;background:#fff!important;color:#0f1e35!important;font:700 12px 'Figtree',sans-serif!important;cursor:pointer!important;}
#hd-page-conversations .hd-side-action:hover{background:#f4f7fc!important;}
#hd-page-conversations .hd-side-action.agent-active{background:#eef4ff!important;border-color:#bfd2ff!important;color:#0C55F4!important;}
#hd-page-conversations .hd-side-action.danger{border-color:#fecaca!important;color:#b91c1c!important;}
#hd-page-conversations .hd-side-note{font:500 12px 'Figtree',sans-serif!important;color:#8fa5c0!important;line-height:1.5!important;}
@media (max-width: 1440px){
  #hd-page-conversations .hd-conv-detail-shell--pro{grid-template-columns:minmax(0,1fr) 272px!important;}
  #hd-page-conversations .hd-conv-left{width:304px!important;min-width:304px!important;max-width:304px!important;}
}
@media (max-width: 1200px){
  #hd-page-conversations .hd-conv-detail-shell--pro{grid-template-columns:minmax(0,1fr)!important;}
  #hd-page-conversations .hd-conv-info-panel--pro{display:none!important;}
}


/* --- v16 conversations side panel toggle --- */
#hd-page-conversations .hd-conv-detail-shell--pro{grid-template-columns:minmax(0,1fr) 0px!important;transition:grid-template-columns .22s ease!important;}
#hd-page-conversations .hd-conv-detail-shell--pro.is-panel-open{grid-template-columns:minmax(0,1fr) 286px!important;}
#hd-page-conversations .hd-conv-info-panel--pro{min-width:0!important;max-width:none!important;width:0!important;opacity:0!important;pointer-events:none!important;border-left:1px solid #eef3fb!important;transition:width .22s ease,opacity .16s ease!important;}
#hd-page-conversations .hd-conv-detail-shell--pro.is-panel-open .hd-conv-info-panel--pro{width:286px!important;min-width:286px!important;max-width:286px!important;opacity:1!important;pointer-events:auto!important;}
#hd-page-conversations .cp-tabs-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #eef3fb!important;background:#fafcff!important;flex-shrink:0!important;padding-right:8px!important;}
#hd-page-conversations .cp-tabs{border-bottom:none!important;flex:1!important;min-width:0!important;}
#hd-page-conversations .cp-panel-close{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;border:1px solid #dbe7fb!important;background:#fff!important;color:#6b85ad!important;font:700 16px/1 'Figtree',sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
#hd-page-conversations .cp-panel-close:hover{background:#eef4ff!important;color:#0C55F4!important;}
#hd-page-conversations .cx-team-dots-btn{appearance:none!important;border:none!important;background:transparent!important;padding:0!important;display:inline-flex!important;align-items:center!important;cursor:pointer!important;}
#hd-page-conversations .cx-team-dots-btn:focus{outline:none!important;box-shadow:none!important;}
@media (max-width: 1440px){
  #hd-page-conversations .hd-conv-detail-shell--pro.is-panel-open{grid-template-columns:minmax(0,1fr) 272px!important;}
  #hd-page-conversations .hd-conv-detail-shell--pro.is-panel-open .hd-conv-info-panel--pro{width:272px!important;min-width:272px!important;max-width:272px!important;}
}
@media (max-width: 1200px){
  #hd-page-conversations .hd-conv-detail-shell--pro,
  #hd-page-conversations .hd-conv-detail-shell--pro.is-panel-open{grid-template-columns:minmax(0,1fr)!important;}
  #hd-page-conversations .hd-conv-info-panel--pro,
  #hd-page-conversations .hd-conv-detail-shell--pro.is-panel-open .hd-conv-info-panel--pro{display:none!important;width:0!important;min-width:0!important;max-width:none!important;opacity:0!important;pointer-events:none!important;}
}


/* --- v17 conversations list cleanup to match index --- */
#hd-page-conversations .hd-conv-left{width:326px!important;min-width:326px!important;max-width:326px!important;}
#hd-page-conversations .hd-conv-list{background:#fff!important;}
#hd-page-conversations .hd-conv-item{overflow:hidden!important;}
#hd-page-conversations .hd-conv-main{grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;padding:14px 16px!important;}
#hd-page-conversations .hd-conv-avatar-wrap{padding-top:2px!important;}
#hd-page-conversations .hd-conv-body{overflow:hidden!important;min-width:0!important;gap:7px!important;}
#hd-page-conversations .hd-conv-top{align-items:flex-start!important;gap:10px!important;}
#hd-page-conversations .hd-conv-name{flex:1 1 auto!important;min-width:0!important;line-height:1.2!important;}
#hd-page-conversations .hd-conv-side{display:flex!important;align-items:flex-start!important;gap:8px!important;flex-shrink:0!important;}
#hd-page-conversations .hd-conv-flagtime{display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important;}
#hd-page-conversations .hd-conv-flag{font-size:13px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;}
#hd-page-conversations .hd-conv-time{font-size:11px!important;line-height:1.2!important;color:#9aaccc!important;}
#hd-page-conversations .hd-conv-prev{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;margin:0!important;}
#hd-page-conversations .hd-conv-bottom{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;}
#hd-page-conversations .hd-conv-live-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#22c55e!important;flex:0 0 auto!important;}
#hd-page-conversations .hd-conv-unread{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:6px!important;margin-top:0!important;align-self:flex-start!important;}
#hd-page-conversations .hd-conv-sub{display:none!important;}
#hd-page-conversations .hd-conv-meta-line{display:none!important;}
@media (max-width: 1440px){
  #hd-page-conversations .hd-conv-left{width:312px!important;min-width:312px!important;max-width:312px!important;}
}


/* --- v19 conversation semantics + mode switch --- */
#hd-page-conversations .hd-cpanel-actions--pro{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
#hd-page-conversations .cx-mode-switch{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px!important;border:1px solid #dbe7fb!important;border-radius:999px!important;background:#f8fbff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;}
#hd-page-conversations .cx-mode-btn{height:30px!important;min-width:68px!important;padding:0 12px!important;border:none!important;border-radius:999px!important;background:transparent!important;color:#6b85ad!important;font:700 12px 'Figtree',sans-serif!important;cursor:pointer!important;}
#hd-page-conversations .cx-mode-btn.active{background:#0C55F4!important;color:#fff!important;box-shadow:0 6px 14px rgba(18,82,232,.18)!important;}
#hd-page-conversations .cx-mode-btn:not(.active):hover{background:#eef4ff!important;color:#0C55F4!important;}
#hd-page-conversations .cx-msg{display:flex!important;gap:10px!important;align-items:flex-end!important;max-width:82%!important;}
#hd-page-conversations .cx-msg--user{align-self:flex-start!important;flex-direction:row!important;}
#hd-page-conversations .cx-msg--bot,
#hd-page-conversations .cx-msg--agent{align-self:flex-end!important;flex-direction:row-reverse!important;}
#hd-page-conversations .cx-msg-stack{display:flex!important;flex-direction:column!important;min-width:0!important;}
#hd-page-conversations .cx-msg-role{display:inline-flex!important;align-items:center!important;height:20px!important;padding:0 8px!important;border-radius:999px!important;font:700 10px 'JetBrains Mono',monospace!important;letter-spacing:.02em!important;margin-bottom:6px!important;align-self:flex-start!important;}
#hd-page-conversations .cx-msg--bot .cx-msg-role,
#hd-page-conversations .cx-msg--agent .cx-msg-role{align-self:flex-end!important;}
#hd-page-conversations .cx-msg-role--bot{background:#dbeafe!important;color:#1d4ed8!important;}
#hd-page-conversations .cx-msg-role--agent{background:#e0e7ff!important;color:#4338ca!important;}
#hd-page-conversations .cx-msg-av{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font:700 10px 'Figtree',sans-serif!important;flex-shrink:0!important;border:1px solid transparent!important;}
#hd-page-conversations .cx-msg-av--user{background:#fff!important;color:#5b6f8d!important;border-color:#dbe7fb!important;}
#hd-page-conversations .cx-msg-av--bot{background:#0C55F4!important;color:#fff!important;}
#hd-page-conversations .cx-msg-av--agent{background:linear-gradient(180deg,#0f3fbf 0%, #0C55F4 100%)!important;color:#fff!important;}
#hd-page-conversations .cx-msg--user .cx-msg-bubble{background:#fff!important;border:1px solid #e2eaf6!important;border-radius:4px 14px 14px 14px!important;color:#2d3f57!important;}
#hd-page-conversations .cx-msg--bot .cx-msg-bubble{background:#0C55F4!important;border:1px solid #0C55F4!important;border-radius:14px 4px 14px 14px!important;color:#fff!important;}
#hd-page-conversations .cx-msg--agent .cx-msg-bubble{background:#eef4ff!important;border:1px solid #bfd2ff!important;border-radius:14px 4px 14px 14px!important;color:#173a7a!important;}
#hd-page-conversations .cx-msg-time{font:500 11px 'Figtree',sans-serif!important;color:#9eb3cf!important;margin-top:5px!important;}
#hd-page-conversations .cx-msg--bot .cx-msg-time,
#hd-page-conversations .cx-msg--agent .cx-msg-time{text-align:right!important;}
#hd-page-conversations .cx-msg--event{align-self:center!important;max-width:100%!important;}
#hd-page-conversations .cx-msg-event{padding:8px 12px!important;border-radius:999px!important;background:#eff6ff!important;border:1px solid #dbeafe!important;color:#1d4ed8!important;font:600 12px 'Figtree',sans-serif!important;}


/* --- v20 right panel tabs hard separation --- */
#hd-page-conversations .hd-conv-info-panel--pro{position:relative!important;}
#hd-page-conversations .cp-body[hidden]{display:none!important;}
#hd-page-conversations .cp-body{display:none!important;flex-direction:column!important;min-height:0!important;overflow:auto!important;}
#hd-page-conversations .cp-body.is-active{display:flex!important;}
#hd-page-conversations .cp-tabs-wrap{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important;}
#hd-page-conversations .cp-tab{cursor:pointer!important;}
#hd-page-conversations .cp-tab.active{color:#0C55F4!important;border-bottom-color:#0C55F4!important;font-weight:700!important;}
#hd-page-conversations .cp-section:first-child{padding-top:14px!important;}

/* v21 list layout fix */
#hd-page-conversations .hd-conv-main{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;padding:14px 16px!important;}
#hd-page-conversations .hd-conv-body{display:block!important;min-width:0!important;overflow:hidden!important;}
#hd-page-conversations .hd-conv-content{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;gap:6px!important;text-align:left!important;}
#hd-page-conversations .hd-conv-top{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;width:100%!important;margin:0!important;}
#hd-page-conversations .hd-conv-name{display:block!important;flex:1 1 auto!important;min-width:0!important;text-align:left!important;line-height:1.2!important;}
#hd-page-conversations .hd-conv-side{display:flex!important;align-items:flex-start!important;gap:8px!important;flex:0 0 auto!important;}
#hd-page-conversations .hd-conv-prev{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;margin:0!important;}
#hd-page-conversations .hd-conv-bottom{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;justify-content:flex-start!important;}
#hd-page-conversations .hd-conv-item.active .hd-conv-main{background:#f4f8ff!important;box-shadow:inset 3px 0 0 #0C55F4!important;}


#hd-page-conversations .cp-row--folder{align-items:flex-start!important;}
#hd-page-conversations .cp-folder-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;}
#hd-page-conversations .cp-folder-create{height:28px!important;padding:0 10px!important;border:1px solid #dbe5f4!important;border-radius:8px!important;background:#fff!important;color:#0C55F4!important;font:700 11px 'Figtree',sans-serif!important;cursor:pointer!important;white-space:nowrap!important;}
#hd-page-conversations .cp-folder-create:hover{background:#f7faff!important;border-color:#c9d9f9!important;}

/* --- v24 inbox style list + centered avatars --- */
#hd-page-conversations .hd-conv-left{width:334px!important;min-width:334px!important;max-width:334px!important;}
#hd-page-conversations #hd-conv-toolbar{gap:10px!important;padding:14px!important 14px 12px!important;}
#hd-page-conversations .hd-conv-category-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;overflow:auto hidden!important;padding:0 2px!important;}
#hd-page-conversations .hd-conv-category-chip{height:28px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid #e2eaf6!important;background:#fff!important;color:#6f86a6!important;font:700 11px 'Figtree',sans-serif!important;white-space:nowrap!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:7px!important;}
#hd-page-conversations .hd-conv-category-chip.active{background:#eef4ff!important;border-color:#bcd0ff!important;color:#0C55F4!important;}
#hd-page-conversations .hd-conv-chip-dot{width:8px!important;height:8px!important;border-radius:50%!important;display:inline-block!important;flex:0 0 8px!important;}
#hd-page-conversations .hd-conv-item{background:#fff!important;}
#hd-page-conversations .hd-conv-main{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;padding:14px 16px!important;}
#hd-page-conversations .hd-conv-avatar-wrap{width:44px!important;height:44px!important;min-width:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
#hd-page-conversations .hd-conv-avatar{width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;background:#f4f7fb!important;border:1px solid #e2eaf6!important;color:#5b6f8d!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;line-height:1!important;font:800 12px 'Figtree',sans-serif!important;text-align:center!important;box-sizing:border-box!important;}
#hd-page-conversations .hd-conv-avatar > span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;line-height:1!important;transform:none!important;}
#hd-page-conversations .hd-conv-item.active .hd-conv-avatar{background:#eef4ff!important;border-color:#c9d9f9!important;color:#0C55F4!important;}
#hd-page-conversations .hd-conv-item:hover .hd-conv-avatar{background:#f4f7fb!important;border-color:#e2eaf6!important;color:#5b6f8d!important;}
#hd-page-conversations .hd-conv-content{gap:7px!important;}
#hd-page-conversations .hd-conv-top{align-items:center!important;}
#hd-page-conversations .hd-conv-name{font:700 13.5px 'Figtree',sans-serif!important;color:#12233f!important;}
#hd-page-conversations .hd-conv-prev{font:500 13px 'Figtree',sans-serif!important;color:#6d819d!important;}
#hd-page-conversations .hd-conv-bottom{gap:8px!important;min-height:22px!important;}
#hd-page-conversations .hd-conv-live-dot{width:7px!important;height:7px!important;}
#hd-page-conversations .hd-folder-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:22px!important;padding:0 9px!important;border-radius:999px!important;background:color-mix(in srgb, var(--folder-color, #0C55F4) 14%, #fff)!important;color:var(--folder-color, #0C55F4)!important;border:1px solid color-mix(in srgb, var(--folder-color, #0C55F4) 28%, #dbe7fb)!important;font:700 10px 'JetBrains Mono',monospace!important;}
#hd-page-conversations .hd-conv-unread{min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;background:#0C55F4!important;color:#fff!important;box-shadow:none!important;}
#hd-page-conversations .hd-conv-item.active .hd-conv-main{background:#f4f8ff!important;box-shadow:inset 3px 0 0 #0C55F4!important;}
#hd-page-conversations .cp-folder-edit{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding-top:8px!important;}
#hd-page-conversations .cp-folder-name{flex:1 1 160px!important;min-width:140px!important;height:30px!important;border:1px solid #dbe5f4!important;border-radius:8px!important;background:#fff!important;padding:0 10px!important;font:600 12px 'Figtree',sans-serif!important;color:#0f1e35!important;outline:none!important;}
#hd-page-conversations .cp-folder-color{width:34px!important;height:30px!important;border:1px solid #dbe5f4!important;border-radius:8px!important;background:#fff!important;padding:2px!important;cursor:pointer!important;}
#hd-page-conversations .cp-folder-save,#hd-page-conversations .cp-folder-delete{height:30px!important;padding:0 10px!important;border-radius:8px!important;font:700 11px 'Figtree',sans-serif!important;cursor:pointer!important;}
#hd-page-conversations .cp-folder-save{border:1px solid #0C55F4!important;background:#0C55F4!important;color:#fff!important;}
#hd-page-conversations .cp-folder-delete{border:1px solid #f2c8c8!important;background:#fff!important;color:#c93a3a!important;}
@media (max-width: 1440px){
  #hd-page-conversations .hd-conv-left{width:320px!important;min-width:320px!important;max-width:320px!important;}
}


#hd-sidebar-avatar img,.cx-msg-av img,.hd-teamchat-member-av img,.hd-teamchat-msg-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
#hd-page-conversations .cx-msg-author{font-size:11px;font-weight:700;color:var(--hd-text2);margin-bottom:4px}
#hd-page-conversations .cx-msg-av{overflow:hidden}
.hd-teamchat-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;min-height:620px}
.hd-teamchat-members,.hd-teamchat-main{background:var(--hd-white);border:1px solid var(--hd-border);border-radius:22px;box-shadow:var(--hd-shadow);min-height:0}
.hd-teamchat-members{padding:16px;display:flex;flex-direction:column;gap:12px}
.hd-teamchat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hd-teamchat-members-list{display:flex;flex-direction:column;gap:10px;overflow:auto}
.hd-teamchat-member{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--hd-border);border-radius:16px;background:var(--hd-bg2)}
.hd-teamchat-member-av,.hd-teamchat-msg-av{width:40px;height:40px;border-radius:14px;overflow:hidden;background:var(--hd-bg3);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--hd-text2)}
.hd-teamchat-member-meta{min-width:0}.hd-teamchat-member-meta strong{display:block;font-size:13px;color:var(--hd-text)}.hd-teamchat-member-meta small{display:block;margin-top:2px;color:var(--hd-text3);font-size:11px}
.hd-teamchat-main{display:flex;flex-direction:column;overflow:hidden}
.hd-teamchat-thread{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(180deg,rgba(247,250,255,.48),transparent)}
.hd-teamchat-msg{display:flex;gap:10px;align-items:flex-start;max-width:78%}
.hd-teamchat-msg.mine{margin-left:auto;flex-direction:row-reverse}
.hd-teamchat-msg-stack{display:flex;flex-direction:column}.hd-teamchat-msg.mine .hd-teamchat-msg-stack{align-items:flex-end}
.hd-teamchat-msg-author{font-size:11px;font-weight:700;color:var(--hd-text2);margin-bottom:4px}
.hd-teamchat-msg-bubble{padding:12px 14px;border-radius:16px;background:var(--hd-bg2);border:1px solid var(--hd-border);color:var(--hd-text);line-height:1.55}
.hd-teamchat-msg.mine .hd-teamchat-msg-bubble{background:#0C55F4;border-color:#0C55F4;color:#fff}
.hd-teamchat-msg-time{margin-top:6px;font-size:11px;color:var(--hd-text3)}
.hd-teamchat-compose{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--hd-border);background:#fff}
.hd-teamchat-input{flex:1;min-height:54px;max-height:140px;padding:12px 14px;border:1px solid var(--hd-border);border-radius:16px;background:var(--hd-bg2);font:500 14px var(--hd-font);color:var(--hd-text);resize:vertical;outline:none}
.hd-teamchat-empty{padding:18px;color:var(--hd-text3);font-size:13px}
@media (max-width:1180px){.hd-teamchat-wrap{grid-template-columns:1fr}}

/* v39 avatar + account/group layout fixes */
#hd-root .hd-su-av{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
#hd-root .hd-su-av.has-photo{background:none!important;box-shadow:0 8px 16px rgba(12,85,244,.12)!important}
#hd-root .hd-su-av.has-photo img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}

#hd-page-group .hd-teamchat-wrap--full{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:620px}
#hd-page-group .hd-teamchat-sidebar,#hd-page-group .hd-teamchat-main--full{background:var(--hd-white);border:1px solid var(--hd-border);border-radius:22px;box-shadow:var(--hd-shadow);min-height:0}
#hd-page-group .hd-teamchat-sidebar{padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
#hd-page-group .hd-teamchat-search input{width:100%;height:40px;border:1px solid var(--hd-border);border-radius:14px;background:var(--hd-bg2);padding:0 14px;font:500 13px var(--hd-font);color:var(--hd-text);outline:none}
#hd-page-group .hd-teamchat-section-title{font:700 11px var(--hd-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--hd-text3);padding:4px 2px 0}
#hd-page-group .hd-teamchat-section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
#hd-page-group .hd-link-btn{border:none;background:transparent;color:var(--hd-accent);font:700 12px var(--hd-font);cursor:pointer}
#hd-page-group .hd-teamchat-channel-list{display:flex;flex-direction:column;gap:8px;overflow:auto}
#hd-page-group .hd-teamchat-channel{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--hd-border);border-radius:16px;background:var(--hd-bg2);cursor:pointer;transition:.18s}
#hd-page-group .hd-teamchat-channel:hover{background:#eef4ff;border-color:#d8e4fb}
#hd-page-group .hd-teamchat-channel.active{background:rgba(12,85,244,.08);border-color:#cbd9fb;box-shadow:inset 3px 0 0 var(--hd-accent)}
#hd-page-group .hd-teamchat-channel-av{width:38px;height:38px;min-width:38px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#2D6BFF,#0C55F4);display:flex;align-items:center;justify-content:center;color:#fff;font:800 12px var(--hd-fontHead)}
#hd-page-group .hd-teamchat-channel-av img{width:100%;height:100%;object-fit:cover;display:block}
#hd-page-group .hd-teamchat-channel-meta{min-width:0;flex:1}
#hd-page-group .hd-teamchat-channel-meta strong{display:block;font-size:13px;color:var(--hd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hd-page-group .hd-teamchat-channel-meta small{display:block;margin-top:3px;color:var(--hd-text3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hd-page-group .hd-teamchat-channel-tag{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#edf4ff;color:var(--hd-accent);font:700 10px var(--hd-mono)}
#hd-page-group .hd-teamchat-main-head{padding:16px 18px;border-bottom:1px solid var(--hd-border);background:#fff}
#hd-page-group .hd-teamchat-current-meta strong{display:block;font-size:16px;color:var(--hd-text)}
#hd-page-group .hd-teamchat-current-meta small{display:block;margin-top:4px;color:var(--hd-text3);font-size:12px}
#hd-page-group .hd-teamchat-thread{background:#f8faff}
#hd-page-group .hd-teamchat-msg{max-width:78%}
#hd-page-group .hd-teamchat-msg.system{margin-left:auto;margin-right:auto;max-width:86%}
#hd-page-group .hd-teamchat-msg.system .hd-teamchat-msg-av{display:none}
#hd-page-group .hd-teamchat-msg.system .hd-teamchat-msg-bubble{background:#eef4ff;border-style:dashed;color:#4d6b9a}
#hd-page-group .hd-teamgroup-members{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:220px;overflow:auto;padding:4px 2px}
#hd-page-group .hd-teamgroup-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--hd-border);border-radius:14px;background:var(--hd-bg2)}
#hd-page-group .hd-teamgroup-row input{accent-color:var(--hd-accent)}
#hd-page-group .hd-inline-status{font-size:12px;color:var(--hd-text2);min-height:18px}
#hd-page-group .hd-modal-overlay{position:fixed;inset:0;background:rgba(14,23,38,.38);display:flex;align-items:center;justify-content:center;z-index:9999}
#hd-page-group .hd-modal-card,#hd-teamgroup-modal .hd-modal-card{background:#fff;border-radius:18px;box-shadow:0 25px 60px rgba(10,19,40,.16);overflow:hidden;border:1px solid var(--hd-border)}
#hd-teamgroup-modal .hd-modal-head,#hd-teamgroup-modal .hd-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--hd-border)}
#hd-teamgroup-modal .hd-modal-foot{border-top:1px solid var(--hd-border);border-bottom:none}
#hd-teamgroup-modal .hd-modal-title{font:800 18px var(--hd-fontHead);color:var(--hd-text)}
#hd-teamgroup-modal .hd-modal-sub{font-size:12px;color:var(--hd-text3);margin-top:3px}
#hd-teamgroup-modal .hd-modal-body{padding:18px}
#hd-teamgroup-modal .hd-field span{display:block;font-size:12px;font-weight:700;color:var(--hd-text2);margin-bottom:6px}
#hd-teamgroup-modal .hd-field input[type="text"]{width:100%;height:42px;border:1px solid var(--hd-border);border-radius:12px;background:var(--hd-bg2);padding:0 14px;font:500 14px var(--hd-font);color:var(--hd-text);outline:none}
@media (max-width:1180px){#hd-page-group .hd-teamchat-wrap--full{grid-template-columns:1fr}#hd-page-group .hd-teamgroup-members{grid-template-columns:1fr}}

/* --- v43 team page redesign: same coherence as conversations --- */
#hd-page-clients .hd-teamhub-page-inner{display:flex;flex-direction:column;gap:12px}
#hd-page-clients .hd-teamhub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#hd-page-clients .hd-teamhub-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#hd-page-clients .hd-teamhub-chip{height:30px;padding:0 11px;border-radius:11px;border:1px solid var(--hd-border);background:var(--hd-white);display:inline-flex;align-items:center;gap:7px;color:#5f7291;font:700 12px var(--hd-font);cursor:pointer}
#hd-page-clients .hd-teamhub-chip.active{background:rgba(12,85,244,.10);border-color:#c8d8fb;color:var(--hd-accent)}
#hd-page-clients .hd-teamhub-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#hd-page-clients .hd-teamhub-stat{background:var(--hd-white);border:1px solid var(--hd-border);border-radius:20px;padding:16px;box-shadow:var(--hd-shadow)}
#hd-page-clients .hd-teamhub-stat-lbl{font-size:11px;color:#8ea1bd;text-transform:uppercase;letter-spacing:.05em;font-weight:700}
#hd-page-clients .hd-teamhub-stat-val{margin-top:8px;font:800 32px var(--hd-fontHead);letter-spacing:-.02em;color:var(--hd-text)}
#hd-page-clients .hd-teamhub-stat-sub{margin-top:4px;color:#7f90ab;font-size:12px}
#hd-page-clients .hd-teamhub-layout{display:grid;grid-template-columns:340px minmax(0,1fr) 320px;gap:14px;min-height:620px}
#hd-page-clients .hd-teamhub-panel{background:var(--hd-white);border:1px solid var(--hd-border);border-radius:22px;box-shadow:var(--hd-shadow);overflow:hidden;min-width:0;display:flex;flex-direction:column;min-height:0}
#hd-page-clients .hd-teamhub-panel-head{padding:14px 16px;border-bottom:1px solid var(--hd-border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(250,252,255,.82)}
#hd-page-clients .hd-teamhub-panel-title{font-size:16px;line-height:1.15}
#hd-page-clients .hd-teamhub-panel-sub{font-size:12px;line-height:1.45}
#hd-page-clients .hd-teamhub-search-wrap{padding:12px 12px 0}
#hd-page-clients .hd-teamhub-search{width:100%;height:40px;border:1px solid var(--hd-border);border-radius:14px;background:var(--hd-bg2);padding:0 14px;font:500 13px var(--hd-font);color:var(--hd-text);outline:none}
#hd-page-clients .hd-teamhub-list{padding:12px;display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0}
#hd-page-clients .hd-teamhub-member-card{border:1px solid var(--hd-border);border-radius:18px;background:var(--hd-bg2);padding:12px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;cursor:pointer;text-align:left}
#hd-page-clients .hd-teamhub-member-card:hover{background:#eef4ff;border-color:#d8e4fb}
#hd-page-clients .hd-teamhub-member-card.active{background:rgba(12,85,244,.06);border-color:#cbdafe;box-shadow:inset 3px 0 0 var(--hd-accent)}
#hd-page-clients .hd-teamhub-member-avatar{width:46px;height:46px;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#2D6BFF,#0C55F4);display:flex;align-items:center;justify-content:center;color:#fff;font:800 14px var(--hd-fontHead);flex:0 0 46px}
#hd-page-clients .hd-teamhub-member-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#hd-page-clients .hd-teamhub-member-main{min-width:0}
#hd-page-clients .hd-teamhub-member-main strong{display:block;font-size:14px;color:var(--hd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hd-page-clients .hd-teamhub-member-main small{display:block;margin-top:4px;color:#8fa0bc;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hd-page-clients .hd-teamhub-member-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#hd-page-clients .hd-teamhub-tag{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:999px;font:700 10px var(--hd-mono);white-space:nowrap}
#hd-page-clients .hd-teamhub-tag.blue{background:rgba(12,85,244,.10);color:var(--hd-accent)}
#hd-page-clients .hd-teamhub-tag.green{background:rgba(22,163,74,.10);color:#16a34a}
#hd-page-clients .hd-teamhub-tag.amber{background:rgba(232,152,58,.12);color:#b76a10}
#hd-page-clients .hd-teamhub-tag.gray{background:#eef3fb;color:#6d7f98}
#hd-page-clients .hd-teamhub-member-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#hd-page-clients .hd-teamhub-member-time{font-size:11px;color:#97a7c0;white-space:nowrap}
#hd-page-clients .hd-teamhub-member-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--hd-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:700 10px var(--hd-mono)}
#hd-page-clients .hd-teamhub-detail{min-height:0;display:flex;flex-direction:column}
#hd-page-clients .hd-teamhub-detail-scroll{overflow:auto;min-height:0}
#hd-page-clients .hd-teamhub-detail-body{padding:18px}
#hd-page-clients .hd-teamhub-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
#hd-page-clients .hd-teamhub-hero-user{display:flex;gap:14px;align-items:center;min-width:0}
#hd-page-clients .hd-teamhub-hero-avatar{width:68px;height:68px;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#2D6BFF,#0C55F4);display:flex;align-items:center;justify-content:center;color:#fff;font:800 22px var(--hd-fontHead);flex:0 0 68px;box-shadow:0 10px 22px rgba(12,85,244,.18)}
#hd-page-clients .hd-teamhub-hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}
#hd-page-clients .hd-teamhub-hero-user h3{margin:0;font:800 22px var(--hd-fontHead);letter-spacing:-.02em;color:var(--hd-text)}
#hd-page-clients .hd-teamhub-hero-user p{margin:6px 0 0;color:#8395b1;font-size:13px;line-height:1.5}
#hd-page-clients .hd-teamhub-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#hd-page-clients .hd-teamhub-member-tags--hero{margin-top:10px}
#hd-page-clients .hd-teamhub-split{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
#hd-page-clients .hd-teamhub-split--bottom{margin-top:14px}
#hd-page-clients .hd-teamhub-card{background:var(--hd-bg2);border:1px solid var(--hd-border);border-radius:20px;padding:16px}
#hd-page-clients .hd-teamhub-card h4{margin:0 0 10px;font:800 14px var(--hd-fontHead);letter-spacing:-.015em;color:#1a2740}
#hd-page-clients .hd-teamhub-kv{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:13px;color:#607391}
#hd-page-clients .hd-teamhub-kv + .hd-teamhub-kv{margin-top:10px}
#hd-page-clients .hd-teamhub-kv strong{color:#1c2940}
#hd-page-clients .hd-teamhub-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hd-page-clients .hd-teamhub-perm{border:1px solid var(--hd-border);background:#fff;border-radius:14px;padding:12px}
#hd-page-clients .hd-teamhub-perm strong{display:block;font-size:13px;color:#1d2a3e}
#hd-page-clients .hd-teamhub-perm small{display:block;margin-top:4px;color:#8b9cb7;font-size:12px}
#hd-page-clients .hd-teamhub-timeline{display:flex;flex-direction:column;gap:10px}
#hd-page-clients .hd-teamhub-event{border:1px solid var(--hd-border);background:#fff;border-radius:14px;padding:12px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px}
#hd-page-clients .hd-teamhub-event-ico{width:32px;height:32px;border-radius:10px;background:var(--hd-bg3);display:flex;align-items:center;justify-content:center;color:var(--hd-accent);font-weight:800}
#hd-page-clients .hd-teamhub-event strong{display:block;font-size:13px;color:#1e2b40}
#hd-page-clients .hd-teamhub-event small{display:block;margin-top:4px;color:#8b9cb7;font-size:11px}
#hd-page-clients .hd-teamhub-activity{padding:12px;overflow:auto;min-height:0}
#hd-page-clients .hd-teamhub-activity-list{display:flex;flex-direction:column;gap:10px}
#hd-page-clients .hd-teamhub-activity-card{border:1px solid var(--hd-border);background:var(--hd-bg2);border-radius:16px;padding:13px}
#hd-page-clients .hd-teamhub-activity-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1a2740;font-size:13px;font-weight:700}
#hd-page-clients .hd-teamhub-activity-card p{margin:8px 0 0;color:#7a8eaf;font-size:12px;line-height:1.5}
#hd-page-clients .hd-teamhub-activity-card small{display:block;margin-top:10px;color:#97a7c0;font-size:11px}
#hd-page-clients .hd-teamhub-empty{padding:28px;color:var(--hd-text3);font-size:13px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:160px}
#hd-page-clients .hd-teamhub-empty strong{font-size:13px;color:var(--hd-text)}
#hd-page-clients .hd-teamhub-empty--soft{min-height:auto;padding:18px}
@media (max-width:1420px){#hd-page-clients .hd-teamhub-layout{grid-template-columns:320px minmax(0,1fr)}#hd-page-clients .hd-teamhub-panel-activity{display:none}}
@media (max-width:1080px){#hd-page-clients .hd-teamhub-summary,#hd-page-clients .hd-teamhub-split,#hd-page-clients .hd-teamhub-perm-grid,#hd-page-clients .hd-teamhub-layout{grid-template-columns:1fr}}

/* --- v44 group page density coherence: align with conversations --- */
#hd-page-group .hd-teamchat-wrap--full{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:calc(100vh - 148px)!important;
}
#hd-page-group .hd-teamchat-sidebar,
#hd-page-group .hd-teamchat-main--full{
  border-radius:22px!important;
}
#hd-page-group .hd-teamchat-sidebar{
  padding:14px!important;
  gap:10px!important;
}
#hd-page-group .hd-teamchat-head{
  padding:4px 2px 2px!important;
}
#hd-page-group .hd-teamchat-head .hd-topbar-title{
  font:800 16px var(--hd-fontHead)!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
}
#hd-page-group .hd-teamchat-head .hd-topbar-sub{
  font-size:12px!important;
  line-height:1.45!important;
}
#hd-page-group .hd-teamchat-search input{
  height:38px!important;
  border-radius:13px!important;
  font:500 13px var(--hd-font)!important;
}
#hd-page-group .hd-teamchat-section-title{
  padding:8px 2px 0!important;
  font:700 10px var(--hd-mono)!important;
  letter-spacing:.14em!important;
}
#hd-page-group .hd-teamchat-channel-list{
  gap:8px!important;
}
#hd-page-group .hd-teamchat-channel{
  padding:10px 11px!important;
  border-radius:16px!important;
}
#hd-page-group .hd-teamchat-channel-av{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:13px!important;
  box-shadow:0 6px 14px rgba(12,85,244,.12)!important;
}
#hd-page-group .hd-teamchat-channel-meta strong{
  font-size:13px!important;
  line-height:1.2!important;
}
#hd-page-group .hd-teamchat-channel-meta small{
  margin-top:3px!important;
  font-size:11px!important;
}
#hd-page-group .hd-teamchat-empty{
  padding:6px 4px 10px!important;
  font-size:12px!important;
}
#hd-page-group .hd-teamchat-main-head{
  padding:14px 18px!important;
}
#hd-page-group .hd-teamchat-current-meta strong{
  font-size:16px!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
}
#hd-page-group .hd-teamchat-current-meta small{
  margin-top:4px!important;
  font-size:12px!important;
}
#hd-page-group .hd-teamchat-thread{
  padding:16px 18px!important;
  gap:12px!important;
}
#hd-page-group .hd-teamchat-msg{
  max-width:72%!important;
  gap:8px!important;
}
#hd-page-group .hd-teamchat-msg-av{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:10px!important;
  font-size:11px!important;
}
#hd-page-group .hd-teamchat-msg-author{
  font-size:11px!important;
  margin-bottom:4px!important;
}
#hd-page-group .hd-teamchat-msg-bubble{
  padding:11px 13px!important;
  border-radius:15px!important;
  font-size:13px!important;
  line-height:1.5!important;
}
#hd-page-group .hd-teamchat-msg-time{
  margin-top:5px!important;
  font-size:11px!important;
}
#hd-page-group .hd-teamchat-compose{
  padding:12px 14px!important;
  gap:10px!important;
}
#hd-page-group .hd-teamchat-input{
  min-height:48px!important;
  max-height:120px!important;
  padding:11px 13px!important;
  border-radius:14px!important;
  font:500 13px var(--hd-font)!important;
}
#hd-page-group .hd-btn,
#hd-page-group .hd-btn.hd-btn-primary,
#hd-page-group .hd-btn-primary{
  height:36px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  font:700 13px var(--hd-font)!important;
}
@media (max-width:1180px){
  #hd-page-group .hd-teamchat-wrap--full{grid-template-columns:1fr!important}
}


/* --- v45 group page style: match conversation density and typography --- */
#hd-page-group{padding:0!important;overflow:hidden!important}
#hd-page-group .hd-teamchat-wrap--full{
  display:grid!important;
  grid-template-columns:326px minmax(0,1fr)!important;
  gap:14px!important;
  min-height:calc(100vh - 136px)!important;
  align-items:stretch!important;
}
#hd-page-group .hd-teamchat-sidebar,
#hd-page-group .hd-teamchat-main--full{
  background:#fff!important;
  border:1px solid #e2eaf6!important;
  border-radius:22px!important;
  box-shadow:var(--hd-shadow)!important;
}
#hd-page-group .hd-teamchat-sidebar{
  padding:14px 14px 12px!important;
  gap:10px!important;
}
#hd-page-group .hd-teamchat-head{
  padding:0 2px 10px!important;
  border-bottom:1px solid #eef3fb!important;
  margin-bottom:4px!important;
}
#hd-page-group .hd-teamchat-head .hd-topbar-title{
  font:800 15px 'Epilogue',sans-serif!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  color:#12233f!important;
}
#hd-page-group .hd-teamchat-head .hd-topbar-sub{
  margin-top:4px!important;
  font:500 12px 'Figtree',sans-serif!important;
  color:#8fa0bc!important;
}
#hd-page-group .hd-teamchat-search{padding:0!important;margin:0!important}
#hd-page-group .hd-teamchat-search input{
  width:100%!important;
  height:40px!important;
  border:1px solid #e2eaf6!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:0 14px!important;
  font:500 13px 'Figtree',sans-serif!important;
  color:#0f1e35!important;
  box-shadow:none!important;
}
#hd-page-group .hd-teamchat-search input::placeholder{color:#9aaccc!important}
#hd-page-group .hd-teamchat-section-title{
  padding:10px 2px 2px!important;
  color:#97a7c0!important;
  font:700 10px 'JetBrains Mono',monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
#hd-page-group .hd-teamchat-section-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
#hd-page-group .hd-link-btn{
  color:#0C55F4!important;
  font:700 12px 'Figtree',sans-serif!important;
}
#hd-page-group .hd-teamchat-channel-list{display:flex!important;flex-direction:column!important;gap:10px!important}
#hd-page-group .hd-teamchat-channel{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  border:1px solid #e2eaf6!important;
  border-radius:18px!important;
  background:#fff!important;
  cursor:pointer!important;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
#hd-page-group .hd-teamchat-channel:hover{background:#fafcff!important}
#hd-page-group .hd-teamchat-channel.active{
  background:#f4f8ff!important;
  border-color:#c9d9f9!important;
  box-shadow:inset 3px 0 0 #0C55F4!important;
}
#hd-page-group .hd-teamchat-channel-av{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#2D6BFF,#0C55F4)!important;
  color:#fff!important;
  font:800 12px 'Epilogue',sans-serif!important;
  box-shadow:none!important;
}
#hd-page-group .hd-teamchat-channel-meta{min-width:0!important}
#hd-page-group .hd-teamchat-channel-meta strong{
  display:block!important;
  font:700 13.5px 'Figtree',sans-serif!important;
  color:#12233f!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#hd-page-group .hd-teamchat-channel-meta small{
  display:block!important;
  margin-top:4px!important;
  font:500 12px 'Figtree',sans-serif!important;
  color:#9aaccc!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#hd-page-group .hd-teamchat-empty{
  padding:2px 4px 8px!important;
  color:#9aaccc!important;
  font:500 12px 'Figtree',sans-serif!important;
}
#hd-page-group .hd-teamchat-main--full{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#f8faff!important}
#hd-page-group .hd-teamchat-main-head{
  padding:14px 16px!important;
  border-bottom:1px solid #e2eaf6!important;
  background:#fff!important;
}
#hd-page-group .hd-teamchat-current-meta strong{
  display:block!important;
  font:800 15px 'Epilogue',sans-serif!important;
  color:#12233f!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
}
#hd-page-group .hd-teamchat-current-meta small{
  display:block!important;
  margin-top:4px!important;
  font:500 12px 'Figtree',sans-serif!important;
  color:#8fa0bc!important;
}
#hd-page-group .hd-teamchat-thread{
  flex:1!important;
  overflow:auto!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  background:#f8faff!important;
}
#hd-page-group .hd-teamchat-msg{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  max-width:72%!important;
}
#hd-page-group .hd-teamchat-msg.mine{margin-left:auto!important;flex-direction:row-reverse!important}
#hd-page-group .hd-teamchat-msg.other{margin-right:auto!important}
#hd-page-group .hd-teamchat-msg-av{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#eef3fb!important;
  color:#5b6f8d!important;
  font:800 11px 'Epilogue',sans-serif!important;
}
#hd-page-group .hd-teamchat-msg-stack{display:flex!important;flex-direction:column!important}
#hd-page-group .hd-teamchat-msg.mine .hd-teamchat-msg-stack{align-items:flex-end!important}
#hd-page-group .hd-teamchat-msg-author{
  font:700 11px 'Figtree',sans-serif!important;
  color:#8ea1bd!important;
  margin:0 0 4px!important;
}
#hd-page-group .hd-teamchat-msg-bubble{
  padding:12px 14px!important;
  border-radius:16px!important;
  border:1px solid #e2eaf6!important;
  background:#fff!important;
  color:#43566f!important;
  font:500 13px 'Figtree',sans-serif!important;
  line-height:1.5!important;
  box-shadow:0 1px 0 rgba(13,21,38,.02)!important;
}
#hd-page-group .hd-teamchat-msg.mine .hd-teamchat-msg-bubble{
  background:#0C55F4!important;
  border-color:#0C55F4!important;
  color:#fff!important;
}
#hd-page-group .hd-teamchat-msg-time{
  margin-top:5px!important;
  font:500 11px 'Figtree',sans-serif!important;
  color:#96a6be!important;
}
#hd-page-group .hd-teamchat-compose{
  padding:12px 14px!important;
  border-top:1px solid #e2eaf6!important;
  background:#fff!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
}
#hd-page-group .hd-teamchat-input{
  min-height:48px!important;
  height:48px!important;
  max-height:140px!important;
  padding:12px 14px!important;
  border:1px solid #e2eaf6!important;
  border-radius:16px!important;
  background:#f7f9fd!important;
  color:#12233f!important;
  font:500 13px 'Figtree',sans-serif!important;
  resize:vertical!important;
  outline:none!important;
}
#hd-page-group .hd-btn,
#hd-page-group .hd-btn.hd-btn-primary,
#hd-page-group .hd-btn-primary{
  height:36px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font:700 12.5px 'Figtree',sans-serif!important;
}
@media (max-width:1180px){
  #hd-page-group .hd-teamchat-wrap--full{grid-template-columns:1fr!important;min-height:auto!important}
}

.hd-main::before{display:none!important;}


/* ═══ Sidebar plugin — fond bannière avec bleu historique HETO ═══ */
#hd-root .hd-sidebar{
  width:258px !important;min-width:258px !important;max-width:258px !important;
  display:flex !important;flex-direction:column !important;
  padding:14px 12px 12px !important;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 86% 3%,rgba(255,255,255,.20) 0,rgba(255,255,255,.09) 22%,rgba(255,255,255,0) 46%),
    radial-gradient(circle at 0% 78%,rgba(255,255,255,.12) 0,rgba(255,255,255,.06) 28%,rgba(255,255,255,0) 54%),
    linear-gradient(180deg,#0C55F4 0%,#0C55F4 58%,#0847D8 100%) !important;
  box-shadow:0 18px 40px rgba(12,85,244,.24),0 2px 8px rgba(13,21,38,.08) !important;contain:paint !important;
  overflow:hidden !important;position:relative !important;isolation:isolate !important;
}
#hd-root .hd-sidebar::before{
  content:'';position:absolute;z-index:0;right:-80px;top:-92px;width:268px;height:268px;border-radius:50%;
  background:rgba(255,255,255,.13) !important;pointer-events:none;
}
#hd-root .hd-sidebar::after{
  content:'';position:absolute;z-index:0;left:-76px;bottom:74px;width:218px;height:218px;border-radius:50%;
  background:rgba(74,141,255,.16) !important;pointer-events:none;
}
#hd-root .hd-sidebar > *{position:relative !important;z-index:1 !important;}

#hd-root .hd-logo{padding:5px 8px 14px !important;border:0 !important;background:transparent !important;}
#hd-root .hd-logo:hover{background:transparent !important;}
#hd-root .hd-logo-name{color:#fff !important;font:800 14px 'Epilogue',sans-serif !important;letter-spacing:-.015em !important;}
#hd-root .hd-logo-sub{color:rgba(255,255,255,.68) !important;font:800 9px 'JetBrains Mono',monospace !important;letter-spacing:.18em !important;text-transform:uppercase !important;}
#hd-root .hd-logo-icon{
  background:linear-gradient(180deg,rgba(255,255,255,.23),rgba(255,255,255,.12)) !important;
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 10px 22px rgba(3,24,82,.18) !important;
  backdrop-filter:blur(10px) !important;
}

#hd-root #hd-site-sel,
#hd-root .hd-widget-sel{
  margin:0 0 14px !important;padding:10px 12px !important;min-height:42px !important;border-radius:16px !important;
  border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.15) !important;
  color:#fff !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16) !important;backdrop-filter:blur(10px) !important;
}
#hd-root #hd-site-sel:hover,
#hd-root .hd-widget-sel:hover{background:rgba(255,255,255,.20) !important;border-color:rgba(255,255,255,.35) !important;}
#hd-root #hd-site-sel .hd-wsel-name{color:#fff !important;font:800 13px 'Figtree',sans-serif !important;}
#hd-root #hd-site-sel .hd-wsel-arrow{color:rgba(255,255,255,.78) !important;}
#hd-root #hd-site-sel .hd-wsel-dot{box-shadow:0 0 0 2px rgba(255,255,255,.32) !important;}

#hd-root .hd-nav{flex:1 !important;padding:4px 0 10px !important;gap:6px !important;overflow:auto !important;scrollbar-width:none !important;}
#hd-root .hd-nav::-webkit-scrollbar{display:none !important;}
#hd-root .hd-nav-section{padding:13px 12px 6px !important;color:rgba(255,255,255,.60) !important;font:800 9.5px 'JetBrains Mono',monospace !important;letter-spacing:.16em !important;text-transform:uppercase !important;}
#hd-root .hd-nav-item{
  position:relative !important;
  display:grid !important;grid-template-columns:24px minmax(0,1fr) auto !important;align-items:center !important;column-gap:11px !important;
  min-height:43px !important;padding:0 12px !important;border-radius:16px !important;border:1px solid rgba(255,255,255,0) !important;
  background:rgba(255,255,255,0) !important;color:rgba(255,255,255,.74) !important;font:750 13px 'Figtree',sans-serif !important;letter-spacing:0 !important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease !important;
}
#hd-root .hd-nav-item svg{width:17px !important;height:17px !important;stroke-width:1.85 !important;color:inherit !important;}
#hd-root .hd-nav-item:hover{background:rgba(255,255,255,.14) !important;border-color:rgba(255,255,255,.20) !important;color:#fff !important;}
#hd-root .hd-nav-item.active{
  background:rgba(255,255,255,.96) !important;border-color:rgba(255,255,255,.78) !important;color:#08245F !important;
  box-shadow:0 12px 26px rgba(2,22,76,.18),inset 0 1px 0 rgba(255,255,255,.80) !important;
  transform:translateX(1px) !important;
}
#hd-root .hd-nav-item.active::before{display:none !important;}
#hd-root .hd-nav-item.active::after{content:'';position:absolute;right:10px;top:50%;width:6px;height:6px;border-radius:999px;background:#0C55F4;transform:translateY(-50%);box-shadow:0 0 0 4px rgba(12,85,244,.13);}
#hd-root .hd-nav-item.active .hd-nav-lbl{padding-right:10px;color:#08245F !important;}
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge{background:rgba(255,255,255,.15) !important;color:#fff !important;border:1px solid rgba(255,255,255,.22) !important;font:800 10px 'JetBrains Mono',monospace !important;height:20px !important;min-width:20px !important;border-radius:999px !important;}
#hd-root .hd-nav-item.active .hd-nav-tag,
#hd-root .hd-nav-item.active .hd-badge-count,
#hd-root .hd-nav-item.active .hd-nav-badge{background:#EEF4FF !important;color:#0C55F4 !important;border-color:#C9DAFF !important;}
#hd-root .hd-nav-tag.warn{background:rgba(255,247,237,.94) !important;color:#C2410C !important;border-color:rgba(255,237,213,.9) !important;}
#hd-root .hd-nav-tag.ok{background:rgba(236,253,243,.94) !important;color:#15803D !important;border-color:rgba(187,247,208,.9) !important;}

#hd-root .hd-sidebar-plan{
  display:block !important;margin:8px 0 10px !important;padding:14px !important;
  border:1px solid rgba(255,255,255,.24) !important;border-radius:20px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.12)) !important;color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 26px rgba(2,22,76,.14) !important;
  overflow:hidden !important;position:relative !important;backdrop-filter:blur(10px) !important;
}
#hd-root .hd-sidebar-plan::before{content:'';position:absolute;right:-44px;top:-56px;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none;}
#hd-root .hd-sidebar-plan > *{position:relative;z-index:1;}
#hd-root .hd-sp-lbl{color:rgba(255,255,255,.66) !important;font:800 9px 'JetBrains Mono',monospace !important;letter-spacing:.16em !important;text-transform:uppercase !important;}
#hd-root .hd-sp-name{color:#fff !important;font:800 15px 'Epilogue',sans-serif !important;margin:4px 0 8px !important;}
#hd-root .hd-sp-bar{height:5px !important;background:rgba(255,255,255,.20) !important;border-radius:999px !important;margin:9px 0 6px !important;}
#hd-root .hd-sp-fill{background:#fff !important;border-radius:999px !important;}
#hd-root .hd-sp-info{color:rgba(255,255,255,.76) !important;font-size:11px !important;}
#hd-root .hd-sp-btn{background:#fff !important;color:#0C55F4 !important;border:1px solid rgba(255,255,255,.26) !important;border-radius:13px !important;box-shadow:0 8px 18px rgba(2,22,76,.16) !important;font-weight:800 !important;}
#hd-root .hd-sp-btn:hover{background:#EEF4FF !important;color:#0847D8 !important;}

#hd-root .hd-sidebar-footer{display:block !important;padding:0 0 8px !important;border:0 !important;align-self:stretch !important;}
#hd-root .hd-trial-warn{display:flex !important;align-items:center !important;gap:6px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.94) !important;border:1px solid rgba(255,255,255,.56);color:#92400E !important;font-size:11px !important;}
#hd-root .hd-sidebar-user{margin-top:auto !important;width:100% !important;align-self:stretch !important;box-sizing:border-box !important;padding:10px !important;border:1px solid rgba(255,255,255,.24) !important;border-radius:18px !important;background:rgba(255,255,255,.15) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important;backdrop-filter:blur(10px) !important;}
#hd-root .hd-sidebar-user:hover{background:rgba(255,255,255,.20) !important;}
#hd-root .hd-su-av{width:38px !important;height:38px !important;min-width:38px !important;border-radius:14px !important;background:rgba(255,255,255,.20) !important;border:1px solid rgba(255,255,255,.27) !important;box-shadow:0 8px 18px rgba(2,22,76,.15) !important;color:#fff !important;}
#hd-root .hd-su-name{color:#fff !important;font:800 13px 'Figtree',sans-serif !important;}
#hd-root .hd-su-email{color:rgba(255,255,255,.68) !important;font-size:11px !important;}
#hd-root .hd-sidebar-logout{display:flex !important;align-items:center !important;justify-content:center !important;gap:8px;width:100% !important;align-self:stretch !important;box-sizing:border-box !important;margin:10px 0 0 !important;padding:10px 12px !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.22) !important;background:rgba(255,255,255,.11) !important;color:rgba(255,255,255,.78) !important;font:800 12px 'Figtree',sans-serif !important;text-decoration:none !important;}
#hd-root .hd-sidebar-logout:hover{background:rgba(255,255,255,.94) !important;border-color:rgba(255,255,255,.68) !important;color:#DC2626 !important;}

#hd-root.sidebar-collapsed .hd-sidebar{width:76px !important;min-width:76px !important;max-width:76px !important;padding:12px 8px !important;}
#hd-root.sidebar-collapsed .hd-sidebar::before{right:-62px;top:-34px;width:140px;height:140px;}
  #hd-root.sidebar-collapsed .hd-sidebar::after{left:-18px;bottom:74px;width:92px;height:92px;}
#hd-root.sidebar-collapsed .hd-logo{justify-content:center !important;padding:5px 0 14px !important;}
#hd-root.sidebar-collapsed .hd-logo > div:last-child,
#hd-root.sidebar-collapsed .hd-nav-section,
#hd-root.sidebar-collapsed .hd-sidebar-plan,
#hd-root.sidebar-collapsed .hd-sidebar-footer,
#hd-root.sidebar-collapsed .hd-nav-item .hd-nav-lbl,
#hd-root.sidebar-collapsed .hd-nav-item .hd-nav-tag,
#hd-root.sidebar-collapsed .hd-nav-item .hd-badge-count,
#hd-root.sidebar-collapsed .hd-sidebar-user > div:not(.hd-su-av),
#hd-root.sidebar-collapsed .hd-sidebar-logout span{display:none !important;}
#hd-root.sidebar-collapsed .hd-sidebar #hd-site-sel{width:42px !important;height:42px !important;min-height:42px !important;margin:0 auto 12px !important;padding:0 !important;justify-content:center !important;}
#hd-root.sidebar-collapsed .hd-nav{align-items:center !important;gap:7px !important;}
#hd-root.sidebar-collapsed .hd-nav-item{width:42px !important;height:42px !important;min-height:42px !important;padding:0 !important;grid-template-columns:1fr !important;justify-items:center !important;border-radius:15px !important;}
#hd-root.sidebar-collapsed .hd-nav-item.active::after{right:4px;width:5px;height:5px;}
#hd-root.sidebar-collapsed .hd-sidebar-user{justify-content:center !important;width:auto !important;align-self:center !important;padding:6px !important;border-radius:16px !important;}
#hd-root.sidebar-collapsed .hd-sidebar-logout{width:42px !important;height:42px !important;min-width:42px !important;align-self:center !important;padding:0 !important;margin:10px auto 0 !important;border-radius:15px !important;}
#hd-root.sidebar-collapsed .hd-nav-item[data-tip]::after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:6px 10px;border-radius:10px;background:#152034;color:#fff;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .14s;z-index:300;border:none;box-shadow:0 8px 18px rgba(13,21,38,.18);}
#hd-root.sidebar-collapsed .hd-nav-item[data-tip]:hover::after{opacity:1;}



/* ═══ HETO sidebar color lock — #0C55F4 ═══ */
#hd-root .hd-sidebar {
  background:
    radial-gradient(circle at 86% 3%, rgba(255,255,255,.20) 0, rgba(255,255,255,.08) 24%, rgba(255,255,255,0) 48%),
    radial-gradient(circle at 0% 78%, rgba(255,255,255,.12) 0, rgba(255,255,255,.05) 28%, rgba(255,255,255,0) 54%),
    linear-gradient(180deg, #0C55F4 0%, #0C55F4 58%, #0847D8 100%) !important;
  box-shadow: 0 18px 40px rgba(12,85,244,.24), 0 2px 8px rgba(13,21,38,.08) !important;
  contain: paint !important;
}
#hd-root .hd-sidebar::before {
  background: rgba(255,255,255,.11) !important;
}
#hd-root .hd-sidebar::after {
  background: rgba(255,255,255,.08) !important;
}
#hd-root .hd-nav-item.active {
  background: rgba(255,255,255,.96) !important;
  color: #08245F !important;
  border-color: rgba(255,255,255,.78) !important;
}
#hd-root .hd-nav-item.active svg,
#hd-root .hd-nav-item.active .hd-nav-lbl {
  color: #08245F !important;
  stroke: #08245F !important;
}
#hd-root .hd-nav-item.active::after {
  background: #0C55F4 !important;
  box-shadow: 0 0 0 4px rgba(12,85,244,.13) !important;
}
#hd-root .hd-nav-item:hover {
  background: rgba(255,255,255,.15) !important;
  border-color: rgba(255,255,255,.22) !important;
}
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.24) !important;
}
#hd-root .hd-nav-item.active .hd-nav-tag,
#hd-root .hd-nav-item.active .hd-badge-count,
#hd-root .hd-nav-item.active .hd-nav-badge {
  background: #EEF4FF !important;
  color: #0C55F4 !important;
  border-color: #C9DAFF !important;
}
#hd-root .hd-sp-btn {
  color: #0C55F4 !important;
}
#hd-root .hd-sp-btn:hover {
  background: #EEF4FF !important;
  color: #0847D8 !important;
}
#hd-root .hd-logo-icon,
#hd-root .hd-su-av {
  border-color: rgba(255,255,255,.30) !important;
}


/* ═══ HETO sidebar UX tweaks safe — animated bubbles, left collapse, clean user block ═══ */
@keyframes hdSidebarBubbleFloatA{
  0%{transform:translate3d(0,0,0) scale(1);}
  25%{transform:translate3d(-6px,8px,0) scale(1.02);}
  50%{transform:translate3d(4px,14px,0) scale(.98);}
  75%{transform:translate3d(10px,6px,0) scale(1.01);}
  100%{transform:translate3d(0,0,0) scale(1);}
}
@keyframes hdSidebarBubbleFloatB{
  0%{transform:translate3d(0,0,0) scale(1);}
  30%{transform:translate3d(10px,-8px,0) scale(1.03);}
  60%{transform:translate3d(-4px,10px,0) scale(.97);}
  100%{transform:translate3d(0,0,0) scale(1);}
}

#hd-root .hd-sidebar::before{
  animation:hdSidebarBubbleFloatA 10s ease-in-out infinite !important;
  will-change:transform !important;
}
#hd-root .hd-sidebar::after{
  animation:hdSidebarBubbleFloatB 13s ease-in-out infinite !important;
  will-change:transform !important;
}

/* En mode réduit : les icônes restent à gauche */
#hd-root.sidebar-collapsed .hd-nav{
  align-items:stretch !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#hd-root.sidebar-collapsed .hd-nav-item{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 0 0 12px !important;
  grid-template-columns:16px !important;
  justify-items:start !important;
  justify-content:flex-start !important;
  border-radius:14px !important;
}
#hd-root.sidebar-collapsed .hd-nav-item svg{
  justify-self:start !important;
}
#hd-root.sidebar-collapsed .hd-nav-item.active::after{
  right:8px !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user{
  width:100% !important;
  align-self:stretch !important;
  justify-content:flex-start !important;
  padding:8px 10px !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user .hd-su-av{
  margin-left:0 !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-logout{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  justify-content:flex-start !important;
  padding:0 0 0 12px !important;
  margin:10px 0 0 !important;
  align-self:stretch !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-logout svg{
  margin:0 !important;
}

/* Bloc utilisateur : garder le conteneur, enlever le cadre interne des initiales */
#hd-root .hd-sidebar-user{
  overflow:hidden !important;
}
#hd-root .hd-su-av{
  border:none !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.16) !important;
}
#hd-root .hd-su-av.has-photo{
  background:none !important;
}


/* ═══ HETO sidebar centering fix — collapsed mode clean ═══ */
#hd-root.sidebar-collapsed .hd-logo{
  justify-content:center !important;
}
#hd-root.sidebar-collapsed #hd-site-sel,
#hd-root.sidebar-collapsed .hd-widget-sel{
  margin-left:auto !important;
  margin-right:auto !important;
}
#hd-root.sidebar-collapsed .hd-nav{
  align-items:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#hd-root.sidebar-collapsed .hd-nav-item{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  justify-content:center !important;
  justify-items:center !important;
  border-radius:15px !important;
}
#hd-root.sidebar-collapsed .hd-nav-item svg{
  justify-self:center !important;
  margin:0 !important;
}
#hd-root.sidebar-collapsed .hd-nav-item.active::after{
  right:4px !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  align-self:center !important;
  justify-content:center !important;
  padding:5px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user .hd-su-av{
  margin:0 !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-logout{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  align-self:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:10px auto 0 !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-logout svg{
  margin:0 !important;
}

/* Avatar initials: no extra inner frame, but keep it centered */
#hd-root .hd-su-av{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border:none !important;
  box-shadow:none !important;
}


/* ═══ HETO sidebar PRO animation — stronger premium motion ═══ */
@keyframes hdSidebarAuroraShift{
  0%{
    background-position: 82% 0%, 0% 82%, 50% 50%;
  }
  35%{
    background-position: 100% 14%, 12% 68%, 50% 50%;
  }
  70%{
    background-position: 70% 22%, -6% 92%, 50% 50%;
  }
  100%{
    background-position: 82% 0%, 0% 82%, 50% 50%;
  }
}
@keyframes hdSidebarBubbleProA{
  0%{
    transform:translate3d(0,0,0) scale(1) rotate(0deg);
    opacity:.92;
  }
  28%{
    transform:translate3d(-18px,22px,0) scale(1.08) rotate(8deg);
    opacity:1;
  }
  58%{
    transform:translate3d(12px,34px,0) scale(.96) rotate(-6deg);
    opacity:.82;
  }
  82%{
    transform:translate3d(24px,10px,0) scale(1.04) rotate(5deg);
    opacity:.96;
  }
  100%{
    transform:translate3d(0,0,0) scale(1) rotate(0deg);
    opacity:.92;
  }
}
@keyframes hdSidebarBubbleProB{
  0%{
    transform:translate3d(0,0,0) scale(1) rotate(0deg);
    opacity:.74;
  }
  30%{
    transform:translate3d(24px,-20px,0) scale(1.12) rotate(-10deg);
    opacity:.92;
  }
  62%{
    transform:translate3d(-16px,18px,0) scale(.94) rotate(7deg);
    opacity:.66;
  }
  100%{
    transform:translate3d(0,0,0) scale(1) rotate(0deg);
    opacity:.74;
  }
}
@keyframes hdSidebarActiveGlow{
  0%,100%{
    box-shadow:0 12px 26px rgba(2,22,76,.18), inset 0 1px 0 rgba(255,255,255,.82), 0 0 0 rgba(255,255,255,0);
  }
  50%{
    box-shadow:0 14px 30px rgba(2,22,76,.22), inset 0 1px 0 rgba(255,255,255,.92), 0 0 22px rgba(255,255,255,.22);
  }
}
@keyframes hdSidebarDotPulse{
  0%,100%{
    transform:translateY(-50%) scale(1);
    box-shadow:0 0 0 4px rgba(12,85,244,.13);
  }
  50%{
    transform:translateY(-50%) scale(1.14);
    box-shadow:0 0 0 7px rgba(12,85,244,.08);
  }
}
@keyframes hdSidebarPlanHalo{
  0%,100%{
    transform:translate3d(0,0,0) scale(1);
    opacity:.55;
  }
  50%{
    transform:translate3d(-18px,18px,0) scale(1.12);
    opacity:.9;
  }
}

#hd-root .hd-sidebar{
  background-size: 150% 150%, 135% 135%, 100% 100% !important;
  animation: hdSidebarAuroraShift 15s cubic-bezier(.45,0,.25,1) infinite !important;
}
#hd-root .hd-sidebar::before{
  width:230px !important;
  height:230px !important;
  right:-74px !important;
  top:-72px !important;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.34) 0, rgba(255,255,255,.16) 38%, rgba(255,255,255,0) 70%) !important;
  filter:blur(.2px) !important;
  animation:hdSidebarBubbleProA 11s cubic-bezier(.45,0,.25,1) infinite !important;
  will-change:transform,opacity !important;
}
#hd-root .hd-sidebar::after{
  width:190px !important;
  height:190px !important;
  left:-62px !important;
  bottom:82px !important;
  background:
    radial-gradient(circle at 48% 48%, rgba(255,255,255,.22) 0, rgba(255,255,255,.10) 42%, rgba(255,255,255,0) 72%) !important;
  filter:blur(.3px) !important;
  animation:hdSidebarBubbleProB 14s cubic-bezier(.45,0,.25,1) infinite !important;
  will-change:transform,opacity !important;
}
#hd-root .hd-nav-item{
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .22s ease,transform .22s ease !important;
}
#hd-root .hd-nav-item:hover{
  transform:translateX(2px) !important;
}
#hd-root .hd-nav-item.active{
  animation:hdSidebarActiveGlow 4.8s ease-in-out infinite !important;
}
#hd-root .hd-nav-item.active::after{
  animation:hdSidebarDotPulse 2.8s ease-in-out infinite !important;
}
#hd-root .hd-sidebar-plan::before{
  animation:hdSidebarPlanHalo 7.5s ease-in-out infinite !important;
  will-change:transform,opacity !important;
}
#hd-root .hd-logo-icon{
  transition:transform .22s ease, box-shadow .22s ease !important;
}
#hd-root .hd-logo:hover .hd-logo-icon{
  transform:translateY(-1px) scale(1.03) !important;
}
#hd-root.sidebar-collapsed .hd-sidebar::before{
  width:170px !important;
  height:170px !important;
  right:-82px !important;
  top:-50px !important;
}
#hd-root.sidebar-collapsed .hd-sidebar::after{
  width:120px !important;
  height:120px !important;
  left:-54px !important;
  bottom:92px !important;
}
#hd-root.sidebar-collapsed .hd-nav-item:hover{
  transform:translateY(-1px) !important;
}

@media (prefers-reduced-motion: reduce){
  #hd-root .hd-sidebar,
  #hd-root .hd-sidebar::before,
  #hd-root .hd-sidebar::after,
  #hd-root .hd-nav-item.active,
  #hd-root .hd-nav-item.active::after,
  #hd-root .hd-sidebar-plan::before{
    animation:none !important;
  }
}


/* ═══ HETO sidebar polish — clean hover, no right clipping, equal bottom spacing ═══ */

/* Évite que la sélection soit visuellement coupée à droite */
#hd-root .hd-nav{
  padding:4px 4px 10px !important;
  gap:6px !important;
}
#hd-root .hd-nav-item{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 13px 0 12px !important;
  transform:none !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
#hd-root .hd-nav-item .hd-nav-lbl{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge{
  margin-left:6px !important;
  flex-shrink:0 !important;
}

/* Hover plus propre : pas de décalage horizontal qui coupe le pill */
#hd-root .hd-nav-item:hover{
  transform:none !important;
  background:rgba(255,255,255,.13) !important;
  border-color:rgba(255,255,255,.24) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
#hd-root .hd-nav-item.active{
  transform:none !important;
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(255,255,255,.76) !important;
  box-shadow:0 10px 22px rgba(2,22,76,.17), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
#hd-root .hd-nav-item.active:hover{
  background:#fff !important;
  border-color:rgba(255,255,255,.90) !important;
  box-shadow:0 12px 26px rgba(2,22,76,.20), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
#hd-root .hd-nav-item.active::after{
  right:9px !important;
}

/* Espacement régulier en bas : plan / compte / déconnexion */
#hd-root .hd-sidebar-plan{
  margin:8px 0 12px !important;
}
#hd-root .hd-sidebar-footer{
  margin:0 !important;
  padding:0 !important;
}
#hd-root .hd-trial-warn{
  margin:0 0 12px !important;
}
#hd-root .hd-sidebar-user{
  margin:0 0 12px !important;
  width:100% !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
}
#hd-root .hd-sidebar-logout{
  margin:0 !important;
  width:100% !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
}

/* Avatar : garder le bloc externe aligné, sans double cadre autour des initiales */
#hd-root .hd-su-av{
  border:none !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.17) !important;
}

/* Mode réduit : on garde le centrage propre */
#hd-root.sidebar-collapsed .hd-nav{
  align-items:center !important;
  padding:4px 0 10px !important;
}
#hd-root.sidebar-collapsed .hd-nav-item{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  overflow:hidden !important;
}
#hd-root.sidebar-collapsed .hd-nav-item:hover{
  transform:none !important;
}
#hd-root.sidebar-collapsed .hd-nav-item svg{
  margin:0 !important;
  justify-self:center !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-plan{
  display:none !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  padding:5px !important;
  margin:0 auto 10px !important;
  align-self:center !important;
  justify-content:center !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-logout{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  padding:0 !important;
  margin:0 auto !important;
  align-self:center !important;
  justify-content:center !important;
}


/* ═══ HETO sidebar nav restore fix — readable long items, visible animation kept ═══ */
#hd-root .hd-nav{
  padding:4px 6px 10px !important;
  gap:6px !important;
}
#hd-root .hd-nav-item{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:10px !important;
  padding:0 12px !important;
  overflow:hidden !important;
}
#hd-root .hd-nav-item svg{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
}
#hd-root .hd-nav-lbl{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  padding-right:4px !important;
}
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-width:18px !important;
  max-width:58px !important;
  height:18px !important;
  padding:0 6px !important;
  margin-left:6px !important;
  border-radius:999px !important;
  line-height:1 !important;
  font-size:10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#hd-root .hd-nav-item.active{
  padding-right:16px !important;
}
#hd-root .hd-nav-item.active::after{
  right:8px !important;
}
#hd-root #hd-site-sel,
#hd-root .hd-widget-sel{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}
#hd-root #hd-site-sel .hd-wsel-name,
#hd-root .hd-widget-sel .hd-wsel-name{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#hd-root.sidebar-collapsed .hd-nav{
  padding:4px 0 10px !important;
}
#hd-root.sidebar-collapsed .hd-nav-item{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  grid-template-columns:1fr !important;
  padding:0 !important;
  place-items:center !important;
}
#hd-root.sidebar-collapsed .hd-nav-lbl,
#hd-root.sidebar-collapsed .hd-nav-tag,
#hd-root.sidebar-collapsed .hd-badge-count,
#hd-root.sidebar-collapsed .hd-nav-badge{
  display:none !important;
}

/* On force le retour du fond animé visible, sans baisse d'opacité ni masque */
#hd-root .hd-sidebar{
  animation: hdSidebarAuroraShift 15s cubic-bezier(.45,0,.25,1) infinite !important;
  background-size:150% 150%,135% 135%,100% 100% !important;
}
#hd-root .hd-sidebar::before{
  opacity:.92 !important;
  filter:blur(.2px) !important;
}
#hd-root .hd-sidebar::after{
  opacity:.74 !important;
  filter:blur(.3px) !important;
}
#hd-root.sidebar-collapsed .hd-nav{
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
#hd-root .hd-sidebar-plan{
  -webkit-mask-image:none !important;
  mask-image:none !important;
}


/* ═══ HETO sidebar collapsed H size fix — same size as icons ═══ */
#hd-root.sidebar-collapsed .hd-logo{
  width:100% !important;
  min-height:42px !important;
  height:42px !important;
  padding:0 !important;
  margin:0 auto 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
}
#hd-root.sidebar-collapsed .hd-logo-icon{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  flex:0 0 42px !important;
  border-radius:15px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 auto !important;
}
#hd-root.sidebar-collapsed .hd-logo-icon span{
  font-size:13px !important;
  line-height:1 !important;
}
#hd-root.sidebar-collapsed #hd-site-sel,
#hd-root.sidebar-collapsed .hd-widget-sel,
#hd-root.sidebar-collapsed .hd-nav-item,
#hd-root.sidebar-collapsed .hd-sidebar-logout{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  border-radius:15px !important;
  box-sizing:border-box !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:4px !important;
  border-radius:15px !important;
  box-sizing:border-box !important;
}
#hd-root.sidebar-collapsed .hd-sidebar-user .hd-su-av{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  border-radius:12px !important;
}


/* ═══ HETO sidebar right column fix — badges / locks aligned ═══ */

/* La nav respire un peu plus à droite, pour éviter l'effet coupé */
#hd-root .hd-nav{
  padding:4px 6px 10px !important;
  overflow-x:hidden !important;
}

/* Chaque ligne a 3 colonnes fixes : icône / label / zone droite */
#hd-root .hd-nav-item{
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) 34px !important;
  align-items:center !important;
  column-gap:10px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:0 10px 0 12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Icône de gauche */
#hd-root .hd-nav-item > svg:first-child{
  grid-column:1 !important;
  justify-self:center !important;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
}

/* Label au centre : il ne pousse plus le badge/cadenas */
#hd-root .hd-nav-lbl{
  grid-column:2 !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  padding:0 !important;
}

/* Zone droite : badges, compteurs, OK, cadenas, etc. */
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge,
#hd-root .hd-nav-lock,
#hd-root .hd-lock,
#hd-root .hd-pro-lock,
#hd-root .hd-plan-lock,
#hd-root .hd-nav-item > svg:last-child:not(:first-child){
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  margin:0 !important;
  flex:0 0 auto !important;
}

/* Badges compacts, jamais collés au bord */
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge{
  min-width:20px !important;
  max-width:34px !important;
  height:20px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  line-height:1 !important;
  font-size:10px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Les cadenas/mini icônes à droite restent visibles et alignés */
#hd-root .hd-nav-lock,
#hd-root .hd-lock,
#hd-root .hd-pro-lock,
#hd-root .hd-plan-lock,
#hd-root .hd-nav-item > svg:last-child:not(:first-child){
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  opacity:.78 !important;
}

/* Etat actif : la pastille bleue ne chevauche plus la colonne droite */
#hd-root .hd-nav-item.active{
  padding-right:12px !important;
}
#hd-root .hd-nav-item.active::after{
  right:5px !important;
  width:5px !important;
  height:5px !important;
}
#hd-root .hd-nav-item.active .hd-nav-tag,
#hd-root .hd-nav-item.active .hd-badge-count,
#hd-root .hd-nav-item.active .hd-nav-badge{
  max-width:30px !important;
}

/* Sections : éviter que le contenu scrollé donne l'impression d'être coupé à droite */
#hd-root .hd-nav-section{
  padding-left:12px !important;
  padding-right:12px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Mode réduit : on masque toute la colonne droite et on centre proprement */
#hd-root.sidebar-collapsed .hd-nav{
  padding:4px 0 10px !important;
}
#hd-root.sidebar-collapsed .hd-nav-item{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  grid-template-columns:1fr !important;
  padding:0 !important;
  margin:0 auto !important;
  place-items:center !important;
}
#hd-root.sidebar-collapsed .hd-nav-lbl,
#hd-root.sidebar-collapsed .hd-nav-tag,
#hd-root.sidebar-collapsed .hd-badge-count,
#hd-root.sidebar-collapsed .hd-nav-badge,
#hd-root.sidebar-collapsed .hd-nav-lock,
#hd-root.sidebar-collapsed .hd-lock,
#hd-root.sidebar-collapsed .hd-pro-lock,
#hd-root.sidebar-collapsed .hd-plan-lock,
#hd-root.sidebar-collapsed .hd-nav-item > svg:last-child:not(:first-child){
  display:none !important;
}


/* ═══ HETO sidebar section repair — fix cropped section titles and right-side alignment ═══ */

/* Répare les titres de sections : plus de coupure */
#hd-root .hd-nav-section{
  padding:13px 12px 8px !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  letter-spacing:.14em !important;
  font-size:9px !important;
  line-height:1.2 !important;
}

/* Revenir à une structure plus souple pour les items */
#hd-root .hd-nav{
  padding:4px 2px 10px !important;
  overflow-x:hidden !important;
}
#hd-root .hd-nav-item{
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:11px !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
#hd-root .hd-nav-item svg{
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
}
#hd-root .hd-nav-lbl{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  padding-right:8px !important;
}

/* Badges / compteurs / OK / cadenas alignés à droite sans colonne trop rigide */
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge,
#hd-root .hd-nav-lock,
#hd-root .hd-lock,
#hd-root .hd-pro-lock,
#hd-root .hd-plan-lock,
#hd-root .hd-nav-item > svg:last-child:not(:first-child){
  justify-self:end !important;
  margin-left:auto !important;
  flex-shrink:0 !important;
}

/* Badges */
#hd-root .hd-nav-tag,
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge{
  min-width:20px !important;
  height:20px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  line-height:1 !important;
  font-size:10px !important;
  max-width:42px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Cadenas/icône droite */
#hd-root .hd-nav-lock,
#hd-root .hd-lock,
#hd-root .hd-pro-lock,
#hd-root .hd-plan-lock,
#hd-root .hd-nav-item > svg:last-child:not(:first-child){
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  opacity:.82 !important;
}

/* L'état actif reste propre */
#hd-root .hd-nav-item.active{
  padding-right:12px !important;
}
#hd-root .hd-nav-item.active::after{
  right:8px !important;
}

/* Mode réduit : garder le comportement compact */
#hd-root.sidebar-collapsed .hd-nav{
  padding:4px 0 10px !important;
}
#hd-root.sidebar-collapsed .hd-nav-section{
  display:none !important;
}
#hd-root.sidebar-collapsed .hd-nav-item{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  grid-template-columns:1fr !important;
  padding:0 !important;
  margin:0 auto !important;
  place-items:center !important;
}
#hd-root.sidebar-collapsed .hd-nav-lbl,
#hd-root.sidebar-collapsed .hd-nav-tag,
#hd-root.sidebar-collapsed .hd-badge-count,
#hd-root.sidebar-collapsed .hd-nav-badge,
#hd-root.sidebar-collapsed .hd-nav-lock,
#hd-root.sidebar-collapsed .hd-lock,
#hd-root.sidebar-collapsed .hd-pro-lock,
#hd-root.sidebar-collapsed .hd-plan-lock,
#hd-root.sidebar-collapsed .hd-nav-item > svg:last-child:not(:first-child){
  display:none !important;
}


/* ═══ HETO sidebar active dot removal ═══ */
#hd-root .hd-nav-item.active::after,
#hd-root.sidebar-collapsed .hd-nav-item.active::after{
  display:none !important;
  content:none !important;
}
#hd-root .hd-nav-item.active{
  padding-right:12px !important;
}


/* ═══ HETO rights / locked pages hardening ═══ */
#hd-root .hd-page-plan-locked .hd-plan-locked-dim{
  pointer-events:none !important;
  user-select:none !important;
}
#hd-root .hd-nav-item.hd-locked{
  cursor:not-allowed !important;
}
#hd-root .hd-badge-count:empty{
  display:none !important;
}


/* ═══ HETO role preview lock — show page but block every action ═══ */
#hd-root .hd-page-role-locked{
  position:relative !important;
}
#hd-root .hd-page-role-locked::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:80 !important;
  background:rgba(246,249,255,.66) !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
  border-radius:inherit !important;
  pointer-events:auto !important;
}
#hd-root .hd-page-role-locked::after{
  content:'Accès limité — votre rôle ne permet pas de modifier cette page.' !important;
  position:absolute !important;
  top:22px !important;
  right:22px !important;
  z-index:81 !important;
  max-width:360px !important;
  padding:12px 16px !important;
  border-radius:14px !important;
  background:#ffffff !important;
  border:1px solid #dbe7fb !important;
  color:#0f1e35 !important;
  font:800 13px 'Figtree',sans-serif !important;
  box-shadow:0 14px 34px rgba(15,30,53,.12) !important;
}
#hd-root .hd-page-role-locked > *{
  pointer-events:none !important;
  user-select:none !important;
}
#hd-root .hd-page-role-locked input,
#hd-root .hd-page-role-locked textarea,
#hd-root .hd-page-role-locked select,
#hd-root .hd-page-role-locked button,
#hd-root .hd-page-role-locked a{
  pointer-events:none !important;
}
#hd-root .hd-page-role-locked .hd-card,
#hd-root .hd-page-role-locked .hd-panel,
#hd-root .hd-page-role-locked .hd-stat,
#hd-root .hd-page-role-locked table,
#hd-root .hd-page-role-locked .hd-widget-card,
#hd-root .hd-page-role-locked .hd-conv-shell{
  opacity:.46 !important;
}
#hd-root .hd-nav-item.hd-role-disabled{
  opacity:.72 !important;
}
#hd-root .hd-nav-item.hd-role-disabled .hd-nav-lbl::after{
  content:'Lecture seule' !important;
  display:inline-flex !important;
  margin-left:7px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:rgba(255,255,255,.78) !important;
  font:800 8px 'JetBrains Mono',monospace !important;
  letter-spacing:.04em !important;
  vertical-align:middle !important;
}
#hd-root.sidebar-collapsed .hd-nav-item.hd-role-disabled .hd-nav-lbl::after{
  display:none !important;
}


/* ═══ HETO collapsed active icon centering fix ═══ */
#hd-root.sidebar-collapsed .hd-nav-item,
#hd-root.sidebar-collapsed .hd-nav-item.active{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  justify-items:center !important;
  align-items:center !important;
  box-sizing:border-box !important;
}

#hd-root.sidebar-collapsed .hd-nav-item svg,
#hd-root.sidebar-collapsed .hd-nav-item.active svg{
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
  transform:none !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.active{
  padding-right:0 !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.active::after{
  display:none !important;
  content:none !important;
}

/* on garde texte / badges masqués en réduit */
#hd-root.sidebar-collapsed .hd-nav-item .hd-nav-lbl,
#hd-root.sidebar-collapsed .hd-nav-item .hd-nav-tag,
#hd-root.sidebar-collapsed .hd-nav-item .hd-badge-count,
#hd-root.sidebar-collapsed .hd-nav-item .hd-nav-badge,
#hd-root.sidebar-collapsed .hd-nav-item .hd-nav-lock,
#hd-root.sidebar-collapsed .hd-nav-item .hd-lock,
#hd-root.sidebar-collapsed .hd-nav-item .hd-pro-lock,
#hd-root.sidebar-collapsed .hd-nav-item .hd-plan-lock{
  display:none !important;
}


/* ═══ HETO locked preview final — visible page + lock, no interaction ═══ */
#hd-root .hd-page-lock-preview,
#hd-root .hd-page-role-locked{
  position:relative !important;
}

#hd-root .hd-page-lock-preview::before,
#hd-root .hd-page-role-locked::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:90 !important;
  background:rgba(247,250,255,.64) !important;
  backdrop-filter:blur(1.5px) !important;
  -webkit-backdrop-filter:blur(1.5px) !important;
  pointer-events:auto !important;
}

#hd-root .hd-page-lock-preview::after,
#hd-root .hd-page-role-locked::after{
  content:'🔒  Aperçu verrouillé' !important;
  position:absolute !important;
  top:22px !important;
  right:22px !important;
  z-index:91 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  max-width:360px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #dbe7fb !important;
  color:#0f1e35 !important;
  font:800 13px 'Figtree',sans-serif !important;
  box-shadow:0 14px 34px rgba(15,30,53,.14) !important;
  pointer-events:none !important;
}

#hd-root .hd-page-lock-preview[data-lock-kind="plan"]::after{
  content:'🔒  Aperçu verrouillé — plan requis' !important;
}

#hd-root .hd-page-lock-preview[data-lock-kind="role"]::after,
#hd-root .hd-page-role-locked::after{
  content:'🔒  Aperçu verrouillé — rôle insuffisant' !important;
}

/* Le contenu reste visible mais aucune action n'est possible */
#hd-root .hd-page-lock-preview > *,
#hd-root .hd-page-role-locked > *{
  pointer-events:none !important;
  user-select:none !important;
}

#hd-root .hd-page-lock-preview input,
#hd-root .hd-page-lock-preview textarea,
#hd-root .hd-page-lock-preview select,
#hd-root .hd-page-lock-preview button,
#hd-root .hd-page-lock-preview a,
#hd-root .hd-page-role-locked input,
#hd-root .hd-page-role-locked textarea,
#hd-root .hd-page-role-locked select,
#hd-root .hd-page-role-locked button,
#hd-root .hd-page-role-locked a{
  pointer-events:none !important;
}

/* Aspect preview atténué mais lisible */
#hd-root .hd-page-lock-preview .hd-card,
#hd-root .hd-page-lock-preview .hd-panel,
#hd-root .hd-page-lock-preview .hd-stat,
#hd-root .hd-page-lock-preview table,
#hd-root .hd-page-lock-preview .hd-widget-card,
#hd-root .hd-page-lock-preview .hd-conv-shell,
#hd-root .hd-page-role-locked .hd-card,
#hd-root .hd-page-role-locked .hd-panel,
#hd-root .hd-page-role-locked .hd-stat,
#hd-root .hd-page-role-locked table,
#hd-root .hd-page-role-locked .hd-widget-card,
#hd-root .hd-page-role-locked .hd-conv-shell{
  opacity:.52 !important;
}

/* Nav : les pages verrouillées restent visibles avec cadenas */
#hd-root .hd-nav-item.hd-preview-locked,
#hd-root .hd-nav-item.hd-role-disabled,
#hd-root .hd-nav-item.hd-locked{
  cursor:pointer !important;
  opacity:.72 !important;
}

#hd-root .hd-nav-item.hd-preview-locked .hd-nav-lbl,
#hd-root .hd-nav-item.hd-role-disabled .hd-nav-lbl,
#hd-root .hd-nav-item.hd-locked .hd-nav-lbl{
  opacity:.82 !important;
}

#hd-root .hd-nav-item.hd-preview-locked:not(.active)::after,
#hd-root .hd-nav-item.hd-role-disabled:not(.active)::after,
#hd-root .hd-nav-item.hd-locked:not(.active)::after{
  content:'🔒' !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  font-size:12px !important;
  opacity:.85 !important;
  margin-left:auto !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.hd-preview-locked::after,
#hd-root.sidebar-collapsed .hd-nav-item.hd-role-disabled::after,
#hd-root.sidebar-collapsed .hd-nav-item.hd-locked::after{
  display:none !important;
  content:none !important;
}


/* ═══ HETO final locked UI — no emoji, single aligned lock icon ═══ */

/* Pages verrouillées : preview visible, moins floutée, carte centrale cohérente */
#hd-root .hd-page-lock-preview,
#hd-root .hd-page-role-locked {
  position:relative !important;
}

#hd-root .hd-page-lock-preview::before,
#hd-root .hd-page-role-locked::before {
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  z-index:90 !important;
  background:rgba(247,250,255,.32) !important;
  backdrop-filter:blur(.45px) !important;
  -webkit-backdrop-filter:blur(.45px) !important;
  pointer-events:auto !important;
}

#hd-root .hd-page-lock-preview::after,
#hd-root .hd-page-role-locked::after {
  display:none !important;
  content:none !important;
}

#hd-root .hd-lock-preview-card {
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:91 !important;
  width:min(92%,420px) !important;
  padding:26px 26px 24px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #dfe7f6 !important;
  box-shadow:0 22px 56px rgba(15,30,53,.10) !important;
  text-align:center !important;
  pointer-events:auto !important;
}

#hd-root .hd-lock-preview-icon {
  width:64px !important;
  height:64px !important;
  margin:0 auto 16px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#2B66FF 0%,#0C55F4 100%) !important;
  box-shadow:0 14px 30px rgba(12,85,244,.16) !important;
}

#hd-root .hd-lock-preview-icon svg {
  width:30px !important;
  height:30px !important;
  display:block !important;
  color:#fff !important;
  stroke:#fff !important;
}

#hd-root .hd-lock-preview-title {
  margin:0 0 10px !important;
  color:#17243D !important;
  font:900 20px 'Figtree',sans-serif !important;
  line-height:1.15 !important;
}

#hd-root .hd-lock-preview-text {
  margin:0 auto 18px !important;
  max-width:320px !important;
  color:#6E7E9E !important;
  font:600 14px 'Figtree',sans-serif !important;
  line-height:1.5 !important;
}

#hd-root .hd-lock-preview-pill {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:12px !important;
  background:#0C55F4 !important;
  color:#fff !important;
  font:800 13px 'Figtree',sans-serif !important;
  box-shadow:0 12px 26px rgba(12,85,244,.16) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

#hd-root .hd-lock-preview-pill[disabled] {
  opacity:.55 !important;
  cursor:default !important;
  box-shadow:none !important;
}

#hd-root .hd-page-lock-preview > *:not(.hd-lock-preview-card),
#hd-root .hd-page-role-locked > *:not(.hd-lock-preview-card) {
  pointer-events:none !important;
  user-select:none !important;
}

#hd-root .hd-page-lock-preview .hd-card,
#hd-root .hd-page-lock-preview .hd-panel,
#hd-root .hd-page-lock-preview .hd-stat,
#hd-root .hd-page-lock-preview table,
#hd-root .hd-page-lock-preview .hd-widget-card,
#hd-root .hd-page-lock-preview .hd-conv-shell,
#hd-root .hd-page-role-locked .hd-card,
#hd-root .hd-page-role-locked .hd-panel,
#hd-root .hd-page-role-locked .hd-stat,
#hd-root .hd-page-role-locked table,
#hd-root .hd-page-role-locked .hd-widget-card,
#hd-root .hd-page-role-locked .hd-conv-shell {
  opacity:.74 !important;
}

/* Sidebar verrouillée : UN SEUL cadenas, aligné comme les autres icônes */
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-preview-locked,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-role-disabled,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-locked {
  position:relative !important;
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  column-gap:12px !important;
  align-items:center !important;
  min-height:43px !important;
  padding:0 12px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,0) !important;
  background:rgba(255,255,255,0) !important;
  color:rgba(255,255,255,.74) !important;
  font:750 13px 'Figtree',sans-serif !important;
  transform:none !important;
  box-shadow:none !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-preview-locked > :not(.hd-nav-lbl),
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-role-disabled > :not(.hd-nav-lbl),
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-locked > :not(.hd-nav-lbl) {
  display:none !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-preview-locked > .hd-nav-lbl,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-role-disabled > .hd-nav-lbl,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-locked > .hd-nav-lbl {
  display:block !important;
  min-width:0 !important;
  width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  padding:0 !important;
  margin:0 !important;
  color:inherit !important;
  line-height:1.1 !important;
  align-self:center !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-preview-locked::after,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-role-disabled::after,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-locked::after {
  display:none !important;
  content:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  box-shadow:none !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-preview-locked::before,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-role-disabled::before,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-locked::before {
  content:'' !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  justify-self:center !important;
  align-self:center !important;
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  min-height:17px !important;
  display:block !important;
  margin:0 !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:17px 17px !important;
  box-shadow:none !important;
  pointer-events:none !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10V7.75C8 5.679 9.679 4 11.75 4h.5C14.321 4 16 5.679 16 7.75V10' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3Crect x='5.95' y='10.95' width='12.1' height='8.1' rx='2.2' stroke='white' stroke-width='1.9'/%3E%3Cpath d='M12 14.2v2.4' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-preview-locked:hover,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-role-disabled:hover,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.hd-locked:hover {
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-preview-locked,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-role-disabled,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-locked {
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(255,255,255,.78) !important;
  color:#08245F !important;
  box-shadow:0 12px 26px rgba(2,22,76,.18), inset 0 1px 0 rgba(255,255,255,.80) !important;
  transform:translateX(1px) !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-preview-locked > .hd-nav-lbl,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-role-disabled > .hd-nav-lbl,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-locked > .hd-nav-lbl {
  color:#08245F !important;
}

#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-preview-locked::before,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-role-disabled::before,
#hd-root:not(.sidebar-collapsed) .hd-nav-item.active.hd-locked::before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10V7.75C8 5.679 9.679 4 11.75 4h.5C14.321 4 16 5.679 16 7.75V10' stroke='%230C55F4' stroke-width='1.9' stroke-linecap='round'/%3E%3Crect x='5.95' y='10.95' width='12.1' height='8.1' rx='2.2' stroke='%230C55F4' stroke-width='1.9'/%3E%3Cpath d='M12 14.2v2.4' stroke='%230C55F4' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

/* Mode réduit : un cadenas centré, même taille que les autres icônes */
#hd-root.sidebar-collapsed .hd-nav-item.hd-preview-locked,
#hd-root.sidebar-collapsed .hd-nav-item.hd-role-disabled,
#hd-root.sidebar-collapsed .hd-nav-item.hd-locked {
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  border-radius:15px !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.hd-preview-locked > *,
#hd-root.sidebar-collapsed .hd-nav-item.hd-role-disabled > *,
#hd-root.sidebar-collapsed .hd-nav-item.hd-locked > * {
  display:none !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.hd-preview-locked::after,
#hd-root.sidebar-collapsed .hd-nav-item.hd-role-disabled::after,
#hd-root.sidebar-collapsed .hd-nav-item.hd-locked::after {
  display:none !important;
  content:none !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.hd-preview-locked::before,
#hd-root.sidebar-collapsed .hd-nav-item.hd-role-disabled::before,
#hd-root.sidebar-collapsed .hd-nav-item.hd-locked::before {
  content:'' !important;
  position:relative !important;
  left:auto !important;
  top:auto !important;
  transform:none !important;
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  min-height:17px !important;
  display:block !important;
  margin:0 !important;
  justify-self:center !important;
  align-self:center !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:17px 17px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10V7.75C8 5.679 9.679 4 11.75 4h.5C14.321 4 16 5.679 16 7.75V10' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3Crect x='5.95' y='10.95' width='12.1' height='8.1' rx='2.2' stroke='white' stroke-width='1.9'/%3E%3Cpath d='M12 14.2v2.4' stroke='white' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#hd-root.sidebar-collapsed .hd-nav-item.active.hd-preview-locked::before,
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-role-disabled::before,
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-locked::before {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8 10V7.75C8 5.679 9.679 4 11.75 4h.5C14.321 4 16 5.679 16 7.75V10' stroke='%230C55F4' stroke-width='1.9' stroke-linecap='round'/%3E%3Crect x='5.95' y='10.95' width='12.1' height='8.1' rx='2.2' stroke='%230C55F4' stroke-width='1.9'/%3E%3Cpath d='M12 14.2v2.4' stroke='%230C55F4' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}


/* ═══ HETO dashboard index adaptation ═══ */
#hd-page-overview{
  background:#EEF2FB !important;
}

#hd-page-overview .hd-topbar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 18px 10px !important;
  min-height:60px !important;
}

#hd-page-overview .hd-topbar-title{
  color:#17243D !important;
  font:900 26px/1.05 'Figtree',sans-serif !important;
  letter-spacing:-.035em !important;
}

#hd-page-overview .hd-back-link{
  color:#7E8BAA !important;
  font-weight:650 !important;
}

#hd-page-overview .hd-overview-search{
  background:#fff !important;
  border:1px solid #E6ECF8 !important;
  box-shadow:0 6px 18px rgba(112,144,176,.08) !important;
  border-radius:14px !important;
}

#hd-page-overview .hd-overview-search input{
  color:#1B2559 !important;
}

#hd-page-overview .hd-btn{
  border-radius:14px !important;
  box-shadow:0 8px 22px rgba(112,144,176,.10) !important;
}

#hd-page-overview .hd-page-inner.hd-overview-shell{
  background:#EEF2FB !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 0 28px 28px !important;
  padding:16px !important;
  overflow:auto !important;
}

/* Banner proche de l'index */
#hd-root .hd-index-dash-banner{
  position:relative !important;
  overflow:hidden !important;
  min-height:150px !important;
  margin:0 0 16px !important;
  padding:24px 28px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 42%,#3A56E0 72%,#6C8EEF 100%) !important;
  box-shadow:0 18px 42px rgba(67,97,238,.20) !important;
}

#hd-root .hd-index-dash-orb{
  position:absolute !important;
  border-radius:999px !important;
  pointer-events:none !important;
  background:rgba(255,255,255,.08) !important;
}

#hd-root .hd-index-dash-orb.one{
  width:310px !important;
  height:310px !important;
  right:-70px !important;
  top:-130px !important;
}

#hd-root .hd-index-dash-orb.two{
  width:220px !important;
  height:220px !important;
  right:22% !important;
  bottom:-125px !important;
  background:rgba(255,255,255,.055) !important;
}

#hd-root .hd-index-dash-copy,
#hd-root .hd-index-dash-stats,
#hd-root .hd-index-dash-visual{
  position:relative !important;
  z-index:1 !important;
}

#hd-root .hd-index-dash-eyebrow{
  margin:0 0 8px !important;
  color:rgba(255,255,255,.70) !important;
  font:800 10px/1 'JetBrains Mono',monospace !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

#hd-root .hd-index-dash-copy h2{
  margin:0 0 8px !important;
  color:#fff !important;
  font:900 22px/1.1 'Figtree',sans-serif !important;
  letter-spacing:-.03em !important;
}

#hd-root .hd-index-dash-copy p{
  margin:0 0 18px !important;
  max-width:560px !important;
  color:rgba(255,255,255,.78) !important;
  font:600 13px/1.5 'Figtree',sans-serif !important;
}

#hd-root .hd-index-dash-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:38px !important;
  padding:0 17px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.30) !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font:800 13px 'Figtree',sans-serif !important;
  cursor:pointer !important;
  transition:background .14s ease, transform .14s ease, border-color .14s ease !important;
}

#hd-root .hd-index-dash-btn:hover{
  background:rgba(255,255,255,.24) !important;
  border-color:rgba(255,255,255,.42) !important;
  transform:translateY(-1px) !important;
}

#hd-root .hd-index-dash-stats{
  display:flex !important;
  align-items:center !important;
  flex-shrink:0 !important;
  padding:9px 0 !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.12) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

#hd-root .hd-index-dash-stat{
  min-width:82px !important;
  padding:0 16px !important;
  text-align:center !important;
}

#hd-root .hd-index-dash-stat strong{
  display:block !important;
  color:#fff !important;
  font:900 17px/1 'Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root .hd-index-dash-stat span{
  display:block !important;
  margin-top:4px !important;
  color:rgba(255,255,255,.72) !important;
  font:700 10px/1 'Figtree',sans-serif !important;
  white-space:nowrap !important;
}

#hd-root .hd-index-dash-stats i{
  width:1px !important;
  height:30px !important;
  background:rgba(255,255,255,.22) !important;
  display:block !important;
}

#hd-root .hd-index-dash-visual{
  flex:0 0 auto !important;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.16)) !important;
}

/* Grille KPI proche de l'index */
#hd-root .hd-ov2{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}

#hd-root .hd-ov2-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

#hd-root .hd-ov2-card{
  border:1px solid #E6ECF8 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06), 0 12px 26px rgba(112,144,176,.06) !important;
}

#hd-root .hd-ov2-card:hover{
  box-shadow:0 2px 6px rgba(112,144,176,.08), 0 16px 34px rgba(112,144,176,.08) !important;
}

#hd-root .hd-ov2-kpi{
  position:relative !important;
  min-height:142px !important;
  padding:17px 18px 12px !important;
  overflow:hidden !important;
}

#hd-root .hd-ov2-kpi::before{
  content:'' !important;
  position:absolute !important;
  left:18px !important;
  top:16px !important;
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  background:#EBF0FF !important;
  z-index:0 !important;
}

#hd-root .hd-ov2-kpi:nth-child(2)::before{background:#E6FAF5 !important;}
#hd-root .hd-ov2-kpi:nth-child(3)::before{background:#F2ECFF !important;}
#hd-root .hd-ov2-kpi:nth-child(4)::before{background:#FFF0DC !important;}

#hd-root .hd-ov2-kpi::after{
  content:'' !important;
  position:absolute !important;
  left:29px !important;
  top:27px !important;
  width:16px !important;
  height:16px !important;
  z-index:1 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:16px 16px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' stroke='%235570F1' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#hd-root .hd-ov2-kpi:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 20V10' stroke='%2305CD99' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M18 20V4' stroke='%2305CD99' stroke-width='1.9' stroke-linecap='round'/%3E%3Cpath d='M6 20v-6' stroke='%2305CD99' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#hd-root .hd-ov2-kpi:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2' stroke='%238A5CF6' stroke-width='1.9' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='7' r='4' stroke='%238A5CF6' stroke-width='1.9'/%3E%3C/svg%3E") !important;
}

#hd-root .hd-ov2-kpi:nth-child(4)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' stroke='%23FFA41C' stroke-width='1.9'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18' stroke='%23FFA41C' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#hd-root .hd-ov2-kpi-top{
  position:relative !important;
  z-index:2 !important;
  min-height:40px !important;
  padding-left:50px !important;
  align-items:flex-start !important;
}

#hd-root .hd-ov2-kpi-label{
  color:#A3AED0 !important;
  font:900 11px/1.15 'Figtree',sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#hd-root .hd-ov2-kpi-badge{
  border:0 !important;
  border-radius:8px !important;
  height:22px !important;
  padding:0 8px !important;
  background:#E6FAF5 !important;
  color:#05A77D !important;
  font:900 10px 'JetBrains Mono',monospace !important;
}

#hd-root .hd-ov2-kpi-badge.neutral{background:#EEF2FB !important;color:#7B88A8 !important;}
#hd-root .hd-ov2-kpi-badge.amber{background:#FFF0DC !important;color:#D97706 !important;}

#hd-root .hd-ov2-kpi-value{
  position:relative !important;
  z-index:2 !important;
  margin-top:14px !important;
  color:#1B2559 !important;
  font:900 30px/1 'Figtree',sans-serif !important;
  letter-spacing:-.035em !important;
}

#hd-root .hd-ov2-kpi-sub{
  position:relative !important;
  z-index:2 !important;
  margin-top:7px !important;
  color:#A3AED0 !important;
  font:650 12px 'Figtree',sans-serif !important;
}

#hd-root .hd-ov2-spark{
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  bottom:8px !important;
  width:calc(100% - 32px) !important;
  height:34px !important;
  opacity:.92 !important;
}

/* Graphiques et sections */
#hd-root .hd-ov2-main{
  display:grid !important;
  grid-template-columns:minmax(0,1.9fr) minmax(340px,.95fr) !important;
  gap:14px !important;
}

#hd-root .hd-ov2-bottom{
  display:grid !important;
  grid-template-columns:minmax(0,1.9fr) minmax(340px,.95fr) !important;
  gap:14px !important;
}

#hd-root .hd-ov2-card-head{
  min-height:54px !important;
  padding:0 18px !important;
  border-bottom:1px solid #EEF0F7 !important;
  background:#fff !important;
}

#hd-root .hd-ov2-title{
  color:#1B2559 !important;
  font:900 16px/1 'Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root .hd-ov2-legend{
  color:#A3AED0 !important;
  font:700 12px 'Figtree',sans-serif !important;
}

#hd-root .hd-ov2-dot.blue{background:#5570F1 !important;}
#hd-root .hd-ov2-dot.green{background:#05CD99 !important;}

#hd-root .hd-ov2-activity{
  min-height:360px !important;
}

#hd-root .hd-ov2-activity-body{
  padding:16px 18px !important;
  background:#fff !important;
}

#hd-root .hd-ov2-sources-body{
  min-height:300px !important;
  padding:20px 22px !important;
  gap:22px !important;
  align-items:center !important;
}

#hd-root .hd-ov2-source-item{
  color:#5C6A8B !important;
  font:700 13px 'Figtree',sans-serif !important;
}

#hd-root .hd-ov2-source-val{
  color:#1B2559 !important;
  font-weight:900 !important;
}

/* Table récente et quota */
#hd-root .hd-ov2-recent-table{
  padding:0 !important;
}

#hd-root .hd-ov2-recent-table table{
  border-collapse:collapse !important;
}

#hd-root .hd-ov2-recent-table th{
  height:42px !important;
  background:#FAFBFF !important;
  color:#A3AED0 !important;
  font:900 10px 'JetBrains Mono',monospace !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#hd-root .hd-ov2-recent-table td{
  height:52px !important;
  border-top:1px solid #EEF0F7 !important;
  color:#384663 !important;
}

#hd-root .hd-ov2-link{
  color:#5570F1 !important;
  font:850 12px 'Figtree',sans-serif !important;
}

#hd-root .hd-ov2-side{
  gap:14px !important;
}

#hd-root .hd-ov2-quota-body{
  padding:18px !important;
}

#hd-root .hd-ov2-progress{
  height:8px !important;
  border-radius:999px !important;
  background:#EEF2FB !important;
}

#hd-root .hd-ov2-progress i{
  border-radius:999px !important;
  background:#5570F1 !important;
}

#hd-root #hd-ov-site-progress i{
  background:#FF6B6B !important;
}

#hd-root .hd-ov2-side-feed{
  padding:12px 16px 16px !important;
}

#hd-root .hd-ov2-feed-item{
  border:1px solid #EEF0F7 !important;
  border-radius:14px !important;
  padding:10px 12px !important;
  background:#FAFBFF !important;
}

#hd-root .hd-ov2-feed-title{
  color:#1B2559 !important;
  font-weight:850 !important;
}

#hd-root .hd-ov2-feed-desc{
  color:#A3AED0 !important;
}

@media (max-width:1380px){
  #hd-root .hd-index-dash-visual{display:none !important;}
  #hd-root .hd-index-dash-banner{align-items:flex-start !important;}
}

@media (max-width:1180px){
  #hd-root .hd-ov2-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #hd-root .hd-ov2-main,
  #hd-root .hd-ov2-bottom{grid-template-columns:1fr !important;}
  #hd-root .hd-index-dash-banner{flex-direction:column !important;}
  #hd-root .hd-index-dash-stats{width:100% !important;justify-content:center !important;}
}

@media (max-width:720px){
  #hd-page-overview .hd-page-inner.hd-overview-shell{padding:12px !important;}
  #hd-root .hd-ov2-kpis{grid-template-columns:1fr !important;}
  #hd-root .hd-index-dash-banner{padding:22px !important;}
  #hd-root .hd-index-dash-stats{display:none !important;}
}




/* ═══ HETO locked selected item fix ═══ */
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-preview-locked,
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-role-disabled,
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-locked{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 12px 26px rgba(2,22,76,.18), inset 0 1px 0 rgba(255,255,255,.80) !important;
  transform:none !important;
  overflow:hidden !important;
}
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-preview-locked::after,
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-role-disabled::after,
#hd-root.sidebar-collapsed .hd-nav-item.active.hd-locked::after{
  display:none !important;
  content:none !important;
}


/* ═══ HETO dashboard index soft correction — avoid double blue blocks ═══ */

/* Page plus proche index: fond clair, respiration, sans second énorme bloc bleu */
#hd-page-overview{
  background:#EEF2FB !important;
}

#hd-page-overview .hd-page-inner.hd-overview-shell{
  background:#EEF2FB !important;
  border:0 !important;
  box-shadow:none !important;
  padding:16px !important;
}

/* Topbar plus légère */
#hd-page-overview .hd-topbar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 18px 10px !important;
}

#hd-page-overview .hd-topbar-title{
  color:#17243D !important;
  font:900 27px/1.05 'Figtree',sans-serif !important;
  letter-spacing:-.035em !important;
}

#hd-page-overview .hd-back-link{
  color:#7E8BAA !important;
  font-weight:650 !important;
}

#hd-page-overview .hd-overview-search{
  background:#fff !important;
  border:1px solid #E5ECF8 !important;
  box-shadow:0 8px 22px rgba(112,144,176,.09) !important;
  border-radius:15px !important;
}

/* Nouveau hero : blanc / bleu très léger, pour ne pas doublonner la sidebar */
#hd-root .hd-index-dash-banner{
  min-height:132px !important;
  margin:0 0 16px !important;
  padding:22px 26px !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(85,112,241,.13) 0, rgba(85,112,241,.06) 34%, transparent 58%),
    linear-gradient(135deg,#FFFFFF 0%,#F9FBFF 46%,#EEF3FF 100%) !important;
  border:1px solid #E3EAF7 !important;
  box-shadow:0 16px 38px rgba(112,144,176,.12) !important;
  color:#17243D !important;
}

#hd-root .hd-index-dash-orb.one{
  width:260px !important;
  height:260px !important;
  right:-86px !important;
  top:-130px !important;
  background:rgba(85,112,241,.08) !important;
}

#hd-root .hd-index-dash-orb.two{
  width:170px !important;
  height:170px !important;
  right:28% !important;
  bottom:-108px !important;
  background:rgba(12,85,244,.045) !important;
}

/* Texte du hero en sombre comme une card premium */
#hd-root .hd-index-dash-eyebrow{
  color:#8A97B5 !important;
}

#hd-root .hd-index-dash-copy h2{
  color:#17243D !important;
  font-size:22px !important;
}

#hd-root .hd-index-dash-copy p{
  color:#63718F !important;
  max-width:620px !important;
}

/* Bouton hero : accent bleu, pas bouton transparent blanc */
#hd-root .hd-index-dash-btn{
  background:#0C55F4 !important;
  border-color:#0C55F4 !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(12,85,244,.18) !important;
  border-radius:13px !important;
}

#hd-root .hd-index-dash-btn:hover{
  background:#064AE0 !important;
  border-color:#064AE0 !important;
}

/* Stats du hero : petites cards blanches, pas bloc bleu */
#hd-root .hd-index-dash-stats{
  background:#fff !important;
  border:1px solid #E3EAF7 !important;
  box-shadow:0 12px 28px rgba(112,144,176,.10) !important;
  border-radius:16px !important;
  padding:9px 0 !important;
}

#hd-root .hd-index-dash-stat{
  min-width:86px !important;
}

#hd-root .hd-index-dash-stat strong{
  color:#17243D !important;
}

#hd-root .hd-index-dash-stat span{
  color:#8A97B5 !important;
}

#hd-root .hd-index-dash-stats i{
  background:#E9EFF8 !important;
}

/* Illustration plus discrète, en card claire */
#hd-root .hd-index-dash-visual{
  width:92px !important;
  height:92px !important;
  border-radius:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#F3F6FF !important;
  border:1px solid #DFE8FB !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 14px 30px rgba(112,144,176,.10) !important;
  filter:none !important;
}

#hd-root .hd-index-dash-visual svg{
  width:72px !important;
  height:72px !important;
}

#hd-root .hd-index-dash-visual rect{
  fill:rgba(12,85,244,.08) !important;
}

#hd-root .hd-index-dash-visual circle,
#hd-root .hd-index-dash-visual path{
  stroke:#0C55F4 !important;
}

#hd-root .hd-index-dash-visual circle[fill="#fff"]{
  fill:#0C55F4 !important;
}

/* KPI : plus proches de l'index, cards blanches et icônes lisibles */
#hd-root .hd-ov2{
  gap:14px !important;
}

#hd-root .hd-ov2-kpis{
  gap:12px !important;
}

#hd-root .hd-ov2-card{
  border:1px solid #E5ECF8 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 1px 4px rgba(112,144,176,.05), 0 12px 28px rgba(112,144,176,.075) !important;
}

#hd-root .hd-ov2-kpi{
  min-height:134px !important;
  padding:16px 18px 12px !important;
}

#hd-root .hd-ov2-kpi::before{
  width:40px !important;
  height:40px !important;
  border-radius:13px !important;
  left:18px !important;
  top:16px !important;
}

#hd-root .hd-ov2-kpi::after{
  left:30px !important;
  top:28px !important;
  width:16px !important;
  height:16px !important;
  background-size:16px 16px !important;
}

#hd-root .hd-ov2-kpi-label{
  color:#A3AED0 !important;
  font:900 11px/1.15 'Figtree',sans-serif !important;
  letter-spacing:.08em !important;
}

#hd-root .hd-ov2-kpi-value{
  color:#1B2559 !important;
  font:900 30px/1 'Figtree',sans-serif !important;
}

#hd-root .hd-ov2-kpi-sub{
  color:#A3AED0 !important;
  font-weight:650 !important;
}

#hd-root .hd-ov2-kpi-badge{
  border:0 !important;
  border-radius:8px !important;
  background:#E6FAF5 !important;
  color:#05A77D !important;
  height:22px !important;
}

/* Sections principales : plus index, moins tableau brut */
#hd-root .hd-ov2-main,
#hd-root .hd-ov2-bottom{
  gap:14px !important;
}

#hd-root .hd-ov2-activity,
#hd-root .hd-ov2-sources,
#hd-root .hd-ov2-recent,
#hd-root .hd-ov2-quota,
#hd-root .hd-ov2-recent-activity{
  overflow:hidden !important;
}

#hd-root .hd-ov2-card-head{
  min-height:54px !important;
  padding:0 18px !important;
  background:#fff !important;
  border-bottom:1px solid #EEF0F7 !important;
}

#hd-root .hd-ov2-title{
  color:#1B2559 !important;
  font:900 16px/1 'Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root .hd-ov2-activity-body{
  background:#fff !important;
  padding:16px 18px !important;
}

#hd-root .hd-ov2-sources-body{
  background:#fff !important;
  min-height:300px !important;
  padding:20px 22px !important;
}

#hd-root .hd-ov2-recent-table th{
  background:#FAFBFF !important;
  color:#A3AED0 !important;
}

#hd-root .hd-ov2-recent-table td{
  border-top:1px solid #EEF0F7 !important;
}

#hd-root .hd-ov2-progress{
  background:#EEF2FB !important;
  height:8px !important;
}

#hd-root .hd-ov2-progress i{
  background:#5570F1 !important;
}

#hd-root #hd-ov-site-progress i{
  background:#FF6B6B !important;
}

/* On évite les gros aplats identiques côte à côte */
#hd-root .hd-ov2-card + .hd-ov2-card{
  background:#fff !important;
}

@media (max-width:1380px){
  #hd-root .hd-index-dash-visual{display:none !important;}
}

@media (max-width:1180px){
  #hd-root .hd-index-dash-banner{flex-direction:column !important;align-items:flex-start !important;}
  #hd-root .hd-index-dash-stats{width:100% !important;justify-content:center !important;}
}


/* ═══ HETO dashboard coherent index pass ═══ */

/* Shell global plus propre */
#hd-page-overview .hd-page-inner.hd-overview-shell{
  padding:18px !important;
  background:#EEF2FB !important;
}
#hd-root .hd-ov2{
  gap:16px !important;
}

/* Hero léger, plus premium */
#hd-root .hd-index-dash-banner{
  min-height:136px !important;
  padding:22px 24px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(85,112,241,.12) 0, rgba(85,112,241,.06) 33%, transparent 58%),
    linear-gradient(135deg,#FFFFFF 0%,#F8FAFF 48%,#EEF3FF 100%) !important;
  border:1px solid #E4EBF8 !important;
  box-shadow:0 12px 32px rgba(112,144,176,.10) !important;
}
#hd-root .hd-index-dash-copy h2{
  font:900 24px/1.08 'Figtree',sans-serif !important;
  color:#1B2559 !important;
}
#hd-root .hd-index-dash-copy p{
  color:#6E7E9E !important;
  font:600 13px/1.55 'Figtree',sans-serif !important;
}
#hd-root .hd-index-dash-btn{
  min-height:40px !important;
  padding:0 18px !important;
  border-radius:13px !important;
  background:#0C55F4 !important;
  border-color:#0C55F4 !important;
  box-shadow:0 14px 30px rgba(12,85,244,.16) !important;
}
#hd-root .hd-index-dash-stats{
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid #E7EDF8 !important;
  box-shadow:0 8px 22px rgba(112,144,176,.08) !important;
}
#hd-root .hd-index-dash-visual{
  border-radius:24px !important;
  background:#F5F8FF !important;
  border:1px solid #E3EBFB !important;
  box-shadow:0 10px 24px rgba(112,144,176,.08), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

/* KPI cards très proches de l'index */
#hd-root .hd-ov2-kpis{
  gap:14px !important;
}
#hd-root .hd-ov2-card{
  background:#fff !important;
  border:1px solid #E4EBF8 !important;
  border-radius:20px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.05), 0 14px 34px rgba(112,144,176,.08) !important;
  overflow:hidden !important;
}
#hd-root .hd-ov2-kpi{
  position:relative !important;
  min-height:140px !important;
  padding:16px 18px 14px !important;
  overflow:hidden !important;
}
#hd-root .hd-ov2-kpi::before{
  content:'' !important;
  position:absolute !important;
  left:18px !important;
  top:16px !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  background:#EEF3FF !important;
  z-index:0 !important;
}
#hd-root .hd-ov2-kpi:nth-child(2)::before{background:#E8FBF4 !important;}
#hd-root .hd-ov2-kpi:nth-child(3)::before{background:#F4EEFF !important;}
#hd-root .hd-ov2-kpi:nth-child(4)::before{background:#FFF2E2 !important;}

#hd-root .hd-ov2-kpi::after{
  content:'' !important;
  position:absolute !important;
  left:31px !important;
  top:29px !important;
  width:16px !important;
  height:16px !important;
  z-index:1 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:16px 16px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' stroke='%235570F1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
#hd-root .hd-ov2-kpi:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 20V10' stroke='%2305CD99' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M18 20V4' stroke='%2305CD99' stroke-width='1.8' stroke-linecap='round'/%3E%3Cpath d='M6 20v-6' stroke='%2305CD99' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
#hd-root .hd-ov2-kpi:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2' stroke='%238B5CF6' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='7' r='4' stroke='%238B5CF6' stroke-width='1.8'/%3E%3C/svg%3E") !important;
}
#hd-root .hd-ov2-kpi:nth-child(4)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Crect x='3.5' y='4.5' width='17' height='17' rx='2.2' stroke='%23FFA41C' stroke-width='1.8'/%3E%3Cpath d='M16 2v4M8 2v4M3.5 10.2h17' stroke='%23FFA41C' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#hd-root .hd-ov2-kpi-top{
  position:relative !important;
  z-index:2 !important;
  min-height:44px !important;
  padding-left:52px !important;
  margin-bottom:8px !important;
  align-items:flex-start !important;
}
#hd-root .hd-ov2-kpi-label{
  color:#A3AED0 !important;
  font:800 11px/1.15 'Figtree',sans-serif !important;
  letter-spacing:.08em !important;
}
#hd-root .hd-ov2-kpi-badge{
  min-width:34px !important;
  height:22px !important;
  padding:0 8px !important;
  border-radius:8px !important;
  background:#E6FAF5 !important;
  color:#05A77D !important;
  font:900 10px 'JetBrains Mono',monospace !important;
}
#hd-root .hd-ov2-kpi-badge.neutral{
  background:#EEF2FB !important;
  color:#7B88A8 !important;
}
#hd-root .hd-ov2-kpi-badge.amber{
  background:#FFF0DC !important;
  color:#D97706 !important;
}
#hd-root .hd-ov2-kpi-value{
  position:relative !important;
  z-index:2 !important;
  margin-top:6px !important;
  color:#1B2559 !important;
  font:900 31px/1 'Figtree',sans-serif !important;
  letter-spacing:-.035em !important;
}
#hd-root .hd-ov2-kpi-sub{
  position:relative !important;
  z-index:2 !important;
  margin-top:7px !important;
  color:#8FA2C1 !important;
  font:650 12px/1.35 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-spark{
  margin-top:12px !important;
  height:34px !important;
}

/* Layout principal plus respirant */
#hd-root .hd-ov2-main,
#hd-root .hd-ov2-bottom{
  gap:16px !important;
}
#hd-root .hd-ov2-main{
  grid-template-columns:minmax(0,1.85fr) minmax(330px,.95fr) !important;
}
#hd-root .hd-ov2-bottom{
  grid-template-columns:minmax(0,1.85fr) minmax(330px,.95fr) !important;
}

/* Cards analytics */
#hd-root .hd-ov2-card-head{
  min-height:58px !important;
  padding:0 20px !important;
  border-bottom:1px solid #EEF2FA !important;
  background:linear-gradient(180deg,#FFFFFF 0%, #FBFCFF 100%) !important;
}
#hd-root .hd-ov2-title{
  color:#1B2559 !important;
  font:900 16px/1 'Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}
#hd-root .hd-ov2-legend{
  color:#A0AEC6 !important;
  font:700 12px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-dot{
  width:10px !important;
  height:3px !important;
  border-radius:999px !important;
}
#hd-root .hd-ov2-dot.blue{background:#5570F1 !important;}
#hd-root .hd-ov2-dot.green{background:#05CD99 !important;}

#hd-root .hd-ov2-activity-body{
  padding:14px 18px 18px !important;
  background:#fff !important;
}
#hd-root .hd-ov2-activity-chart{
  height:330px !important;
}

/* Sources plus "widget analytics" */
#hd-root .hd-ov2-sources-body{
  min-height:330px !important;
  padding:18px 20px 20px !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:16px !important;
  background:#fff !important;
}
#hd-root .hd-ov2-donut{
  width:190px !important;
  height:190px !important;
  filter:drop-shadow(0 8px 18px rgba(85,112,241,.08)) !important;
}
#hd-root .hd-ov2-source-item{
  min-height:34px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:6px 0 !important;
  border-bottom:1px dashed #EFF3FA !important;
}
#hd-root .hd-ov2-source-item:last-child{
  border-bottom:none !important;
}
#hd-root .hd-ov2-source-label{
  color:#6B7A98 !important;
  font:700 14px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-source-val{
  color:#1B2559 !important;
  font:900 14px 'Figtree',sans-serif !important;
}

/* Tableau dernières conversations plus index */
#hd-root .hd-ov2-recent-table{
  padding:12px 16px 16px !important;
}
#hd-root .hd-ov2-recent-table table{
  min-width:760px !important;
}
#hd-root .hd-ov2-recent-table th{
  height:42px !important;
  background:#FAFBFF !important;
  color:#A3AED0 !important;
  font:900 10px 'JetBrains Mono',monospace !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}
#hd-root .hd-ov2-recent-table td{
  padding:14px 12px !important;
  border-bottom:1px solid #EEF2FA !important;
  color:#5B6B89 !important;
  background:#fff !important;
}
#hd-root .hd-ov2-recent-table tbody tr:hover td{
  background:#FBFCFF !important;
}
#hd-root .hd-ov2-visitor-badge{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#EFF4FB !important;
  border:1px solid #DDE7F5 !important;
  color:#455974 !important;
}
#hd-root .hd-ov2-visitor-meta strong{
  color:#1B2559 !important;
  font-weight:850 !important;
}
#hd-root .hd-ov2-visitor-meta small{
  color:#9BACCA !important;
}
#hd-root .hd-ov2-channel{
  height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:#EEF3FB !important;
  color:#5A729A !important;
}
#hd-root .hd-ov2-status{
  height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
}

/* Side cards quota + activité récente */
#hd-root .hd-ov2-side{
  gap:16px !important;
}
#hd-root .hd-ov2-quota-body{
  padding:18px 18px 18px !important;
  display:grid !important;
  gap:18px !important;
}
#hd-root .hd-ov2-submetric{
  gap:8px !important;
}
#hd-root .hd-ov2-metric-line{
  align-items:flex-end !important;
}
#hd-root .hd-ov2-metric-line strong{
  color:#1B2559 !important;
  font:900 28px/1 'Figtree',sans-serif !important;
  letter-spacing:-.03em !important;
}
#hd-root .hd-ov2-metric-line span{
  color:#93A5C2 !important;
  font:700 12px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-progress{
  height:9px !important;
  border-radius:999px !important;
  background:#EEF2FB !important;
  overflow:hidden !important;
}
#hd-root .hd-ov2-progress > i{
  background:#5570F1 !important;
  border-radius:999px !important;
}
#hd-root #hd-ov-site-progress > i{
  background:#FF6B6B !important;
}

#hd-root .hd-ov2-side-feed{
  padding:16px !important;
  display:grid !important;
  gap:10px !important;
}
#hd-root .hd-ov2-feed-item{
  padding:10px 12px !important;
  border:1px solid #EEF2FA !important;
  border-radius:14px !important;
  background:#FAFBFF !important;
  gap:10px !important;
}
#hd-root .hd-ov2-feed-item i{
  width:10px !important;
  height:10px !important;
  margin-top:4px !important;
}
#hd-root .hd-ov2-feed-title{
  color:#1B2559 !important;
  font:850 13px/1.2 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-feed-desc{
  color:#91A4C3 !important;
  font:600 12px/1.45 'Figtree',sans-serif !important;
}

/* Responsive */
@media (max-width:1280px){
  #hd-root .hd-ov2-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #hd-root .hd-ov2-main,
  #hd-root .hd-ov2-bottom{
    grid-template-columns:1fr !important;
  }
  #hd-root .hd-ov2-sources-body{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:720px){
  #hd-root .hd-ov2-kpis{
    grid-template-columns:1fr !important;
  }
}


/* ═══ HETO global coherent style pass — inspired by reference dashboard ═══ */

/* ------------------------------
   1) Global page language
--------------------------------*/
#hd-root,
#hd-root *{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

#hd-root{
  --heto-bg:#EEF2FB;
  --heto-card:#FFFFFF;
  --heto-card-soft:#F8FAFF;
  --heto-border:#E4EBF8;
  --heto-border-soft:#EEF3FA;
  --heto-text:#1B2559;
  --heto-text-2:#5F7190;
  --heto-text-3:#A3AED0;
  --heto-blue:#0C55F4;
  --heto-blue-2:#5570F1;
  --heto-green:#05CD99;
  --heto-orange:#FFA41C;
  --heto-red:#FF6B6B;
  --heto-violet:#8B5CF6;
  --heto-shadow:0 1px 4px rgba(112,144,176,.05),0 14px 34px rgba(112,144,176,.08);
  --heto-shadow-soft:0 10px 24px rgba(112,144,176,.08);
  --heto-radius:18px;
}

#hd-root .hd-page,
#hd-root .hd-page-inner,
#hd-root .pcontent,
#hd-root #hd-page-overview{
  background:var(--heto-bg) !important;
}

#hd-root .hd-page-inner,
#hd-root .pcontent{
  padding:18px !important;
}

/* Generic cards / panels */
#hd-root .hd-card,
#hd-root .hd-panel,
#hd-root .hd-widget-card,
#hd-root .hd-modal-card,
#hd-root .hd-teamhub-card,
#hd-root .hd-teamhub-member-card,
#hd-root .hd-teamhub-activity-card,
#hd-root .hd-conv-detail-shell--pro,
#hd-root .hd-conv-info-panel--pro,
#hd-root .hd-ov2-card{
  background:var(--heto-card) !important;
  border:1px solid var(--heto-border) !important;
  border-radius:20px !important;
  box-shadow:var(--heto-shadow) !important;
  overflow:hidden !important;
}

/* Section shells and generic white surfaces */
#hd-root .app-nav-shell,
#hd-root .subnav-meta,
#hd-root .editor-row,
#hd-root .hd-field,
#hd-root .hd-lock-preview-card{
  background:var(--heto-card) !important;
  border:1px solid var(--heto-border) !important;
  border-radius:16px !important;
  box-shadow:0 8px 20px rgba(112,144,176,.06) !important;
}

/* ------------------------------
   2) Topbars / headers
--------------------------------*/
#hd-root .hd-topbar{
  min-height:74px !important;
  padding:0 18px 14px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#hd-root .hd-topbar-title{
  color:var(--heto-text) !important;
  font:900 28px/1.05 'Figtree',sans-serif !important;
  letter-spacing:-.04em !important;
}

#hd-root .hd-topbar-sub,
#hd-root .hd-back-link{
  color:#8191AF !important;
  font:650 12.5px/1.45 'Figtree',sans-serif !important;
}

#hd-root .hd-topbar-right{
  gap:12px !important;
}

/* Search bars */
#hd-root .hd-overview-search,
#hd-root .hd-conv-search-wrap,
#hd-root .hd-teamchat-search,
#hd-root .ns-search input,
#hd-root #stab-srch{
  background:#fff !important;
  border:1px solid var(--heto-border) !important;
  border-radius:14px !important;
  box-shadow:0 8px 22px rgba(112,144,176,.07) !important;
}

#hd-root .hd-overview-search input,
#hd-root .hd-conv-search-input,
#hd-root .hd-teamchat-search input,
#hd-root #stab-srch{
  color:var(--heto-text) !important;
  font:600 13px 'Figtree',sans-serif !important;
}

#hd-root .hd-overview-search input::placeholder,
#hd-root .hd-conv-search-input::placeholder,
#hd-root .hd-teamchat-search input::placeholder,
#hd-root #stab-srch::placeholder{
  color:#9BAACC !important;
}

/* ------------------------------
   3) Buttons / controls
--------------------------------*/
#hd-root .hd-btn,
#hd-root .hd-btn-primary,
#hd-root .hd-sp-btn,
#hd-root .hd-link-btn{
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:13px !important;
  font:800 13px 'Figtree',sans-serif !important;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease !important;
}

#hd-root .hd-btn-primary,
#hd-root .hd-btn-upgrade{
  background:var(--heto-blue) !important;
  color:#fff !important;
  border:1px solid var(--heto-blue) !important;
  box-shadow:0 12px 28px rgba(12,85,244,.16) !important;
}

#hd-root .hd-btn-primary:hover,
#hd-root .hd-btn-upgrade:hover{
  background:#0848D5 !important;
  border-color:#0848D5 !important;
  transform:translateY(-1px) !important;
}

#hd-root .hd-btn-secondary,
#hd-root .hd-btn,
#hd-root .hd-link-btn{
  background:#fff !important;
  color:var(--heto-text) !important;
  border:1px solid var(--heto-border) !important;
  box-shadow:0 8px 20px rgba(112,144,176,.07) !important;
}

#hd-root .hd-btn-secondary:hover,
#hd-root .hd-btn:hover,
#hd-root .hd-link-btn:hover{
  background:#F9FBFF !important;
  border-color:#D7E3FA !important;
  transform:translateY(-1px) !important;
}

#hd-root .arr-btn,
#hd-root .copy-btn,
#hd-root .editor-del,
#hd-root .hd-side-action,
#hd-root .hd-conv-select-btn{
  border-radius:12px !important;
  border:1px solid var(--heto-border) !important;
  background:#fff !important;
  box-shadow:0 6px 16px rgba(112,144,176,.06) !important;
}

/* ------------------------------
   4) Forms / inputs / selects
--------------------------------*/
#hd-root input[type="text"],
#hd-root input[type="search"],
#hd-root input[type="email"],
#hd-root input[type="number"],
#hd-root input[type="url"],
#hd-root input[type="password"],
#hd-root select,
#hd-root textarea{
  border:1px solid var(--heto-border) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:var(--heto-text) !important;
  box-shadow:0 4px 14px rgba(112,144,176,.04) !important;
  font:600 13px 'Figtree',sans-serif !important;
}

#hd-root input:focus,
#hd-root select:focus,
#hd-root textarea:focus{
  outline:none !important;
  border-color:#B8CCFF !important;
  box-shadow:0 0 0 4px rgba(12,85,244,.08), 0 8px 20px rgba(112,144,176,.07) !important;
}

/* ------------------------------
   5) Tables / lists
--------------------------------*/
#hd-root table{
  border-collapse:separate !important;
  border-spacing:0 !important;
}

#hd-root th{
  background:#FAFBFF !important;
  color:var(--heto-text-3) !important;
  font:900 10px 'JetBrains Mono',monospace !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#hd-root td{
  color:var(--heto-text-2) !important;
  border-bottom:1px solid var(--heto-border-soft) !important;
}

#hd-root tbody tr:hover td{
  background:#FBFCFF !important;
}

#hd-root .hd-ov2-channel,
#hd-root .hd-folder-chip,
#hd-root .hd-conv-category-chip{
  height:24px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:#EEF3FB !important;
  color:#577098 !important;
  font:800 10px 'JetBrains Mono',monospace !important;
}

/* ------------------------------
   6) Dashboard – stronger coherence
--------------------------------*/
#hd-root .hd-index-dash-banner{
  min-height:148px !important;
  padding:24px 26px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 84% 6%, rgba(85,112,241,.14) 0, rgba(85,112,241,.08) 24%, transparent 52%),
    radial-gradient(circle at 66% 100%, rgba(85,112,241,.08) 0, rgba(85,112,241,.04) 28%, transparent 48%),
    linear-gradient(135deg,#FFFFFF 0%,#F8FAFF 46%,#EEF3FF 100%) !important;
  border:1px solid var(--heto-border) !important;
  box-shadow:var(--heto-shadow) !important;
}

#hd-root .hd-index-dash-eyebrow{
  color:#8A97B5 !important;
  font:800 10px/1 'JetBrains Mono',monospace !important;
  letter-spacing:.14em !important;
}

#hd-root .hd-index-dash-copy h2{
  color:var(--heto-text) !important;
  font:900 25px/1.08 'Figtree',sans-serif !important;
  margin:0 0 8px !important;
}

#hd-root .hd-index-dash-copy p{
  color:#6F7E9D !important;
  font:650 13px/1.55 'Figtree',sans-serif !important;
  max-width:620px !important;
}

#hd-root .hd-index-dash-btn{
  min-height:40px !important;
  padding:0 18px !important;
  border-radius:13px !important;
  background:var(--heto-blue) !important;
  border:1px solid var(--heto-blue) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(12,85,244,.16) !important;
}

#hd-root .hd-index-dash-stats{
  border-radius:16px !important;
  background:#fff !important;
  border:1px solid var(--heto-border) !important;
  box-shadow:0 8px 22px rgba(112,144,176,.08) !important;
}

#hd-root .hd-index-dash-stat strong{
  color:var(--heto-text) !important;
  font:900 17px/1 'Figtree',sans-serif !important;
}

#hd-root .hd-index-dash-stat span{
  color:#8FA1C0 !important;
  font:750 10px/1 'Figtree',sans-serif !important;
}

#hd-root .hd-index-dash-stats i{
  background:#E9EFF8 !important;
}

#hd-root .hd-index-dash-visual{
  background:#F5F8FF !important;
  border:1px solid #E2EBFC !important;
  border-radius:24px !important;
  box-shadow:0 10px 24px rgba(112,144,176,.08), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

/* KPI cards */
#hd-root .hd-ov2-kpis{
  gap:14px !important;
}
#hd-root .hd-ov2-kpi{
  min-height:148px !important;
  padding:16px 18px 12px !important;
}
#hd-root .hd-ov2-kpi-top{
  min-height:42px !important;
  padding-left:52px !important;
}
#hd-root .hd-ov2-kpi-label{
  color:#A3AED0 !important;
  font:850 11px/1.15 'Figtree',sans-serif !important;
  letter-spacing:.08em !important;
}
#hd-root .hd-ov2-kpi-value{
  color:var(--heto-text) !important;
  font:900 31px/1 'Figtree',sans-serif !important;
  letter-spacing:-.035em !important;
}
#hd-root .hd-ov2-kpi-sub{
  color:#90A3C1 !important;
  font:650 12px/1.35 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-kpi-badge{
  height:22px !important;
  padding:0 8px !important;
  border-radius:8px !important;
  font:900 10px 'JetBrains Mono',monospace !important;
}
#hd-root .hd-ov2-kpi-badge.neutral{
  background:#EEF2FB !important;
  color:#7A89A7 !important;
}
#hd-root .hd-ov2-kpi-badge.amber{
  background:#FFF0DC !important;
  color:#D97706 !important;
}
#hd-root .hd-ov2-main,
#hd-root .hd-ov2-bottom{
  gap:16px !important;
}
#hd-root .hd-ov2-card-head{
  min-height:58px !important;
  padding:0 20px !important;
  border-bottom:1px solid var(--heto-border-soft) !important;
  background:linear-gradient(180deg,#FFFFFF 0%, #FBFCFF 100%) !important;
}
#hd-root .hd-ov2-title{
  color:var(--heto-text) !important;
  font:900 16px/1 'Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}
#hd-root .hd-ov2-link{
  color:var(--heto-blue) !important;
  font:850 12px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-legend{
  color:#9DAACE !important;
  font:700 12px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-sources-body,
#hd-root .hd-ov2-activity-body,
#hd-root .hd-ov2-quota-body,
#hd-root .hd-ov2-side-feed{
  background:#fff !important;
}
#hd-root .hd-ov2-source-item{
  border-bottom:1px dashed #EFF3FA !important;
}
#hd-root .hd-ov2-source-item:last-child{
  border-bottom:none !important;
}
#hd-root .hd-ov2-source-label{
  color:#6B7A98 !important;
  font:700 14px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-source-val{
  color:var(--heto-text) !important;
  font:900 14px 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-metric-line strong{
  color:var(--heto-text) !important;
  font:900 28px/1 'Figtree',sans-serif !important;
}
#hd-root .hd-ov2-progress{
  background:#EEF2FB !important;
  height:9px !important;
  border-radius:999px !important;
}
#hd-root .hd-ov2-progress > i{
  border-radius:999px !important;
}

/* ------------------------------
   7) Conversations page
--------------------------------*/
#hd-root .hd-conv-wrap{
  gap:16px !important;
  padding:0 !important;
  background:transparent !important;
}
#hd-root .hd-conv-left,
#hd-root .hd-conv-panel,
#hd-root .hd-conv-side{
  background:#fff !important;
  border:1px solid var(--heto-border) !important;
  border-radius:20px !important;
  box-shadow:var(--heto-shadow) !important;
  overflow:hidden !important;
}
#hd-root .hd-conv-list{
  background:#fff !important;
}
#hd-root .hd-conv-item{
  border-bottom:1px solid var(--heto-border-soft) !important;
  background:#fff !important;
  transition:background .14s ease !important, border-color .14s ease !important;
}
#hd-root .hd-conv-item:hover{
  background:#FAFBFF !important;
}
#hd-root .hd-conv-item.active{
  background:#F6F9FF !important;
}
#hd-root .hd-conv-top{
  border-bottom:1px solid var(--heto-border-soft) !important;
  background:#fff !important;
}
#hd-root .hd-msg{
  border-radius:16px !important;
}
#hd-root .hd-bubble{
  border-radius:16px !important;
  box-shadow:0 6px 16px rgba(112,144,176,.05) !important;
}
#hd-root .hd-conv-bottom{
  border-top:1px solid var(--heto-border-soft) !important;
  background:#fff !important;
}
#hd-root .hd-conv-bottom textarea,
#hd-root .hd-conv-bottom input{
  border-radius:15px !important;
}

/* ------------------------------
   8) CRM / widgets / standard lists
--------------------------------*/
#hd-root .hd-widget-card{
  border-radius:20px !important;
}

#hd-root .hd-stat,
#hd-root .hd-nb-blue,
#hd-root .hd-nb-green,
#hd-root .hd-nb-orange{
  background:#fff !important;
  border:1px solid var(--heto-border) !important;
  border-radius:18px !important;
  box-shadow:var(--heto-shadow-soft) !important;
}

/* quick metric blocks if present */
#hd-root .stat2{
  border-radius:14px !important;
  border:1px solid var(--heto-border) !important;
  background:#FAFBFF !important;
}

/* ------------------------------
   9) Team / internal chat
--------------------------------*/
#hd-root .hd-teamchat-wrap,
#hd-root .hd-teamchat-wrap--full,
#hd-root .hd-teamhub-layout{
  gap:16px !important;
}
#hd-root .hd-teamchat-members,
#hd-root .hd-teamchat-main,
#hd-root .hd-teamchat-sidebar{
  background:#fff !important;
  border:1px solid var(--heto-border) !important;
  border-radius:20px !important;
  box-shadow:var(--heto-shadow) !important;
}
#hd-root .hd-teamchat-main-head,
#hd-root .hd-teamchat-head{
  border-bottom:1px solid var(--heto-border-soft) !important;
  background:#fff !important;
}
#hd-root .hd-teamchat-msg-bubble{
  border-radius:16px !important;
  box-shadow:0 6px 16px rgba(112,144,176,.05) !important;
}
#hd-root .hd-teamchat-compose{
  border-top:1px solid var(--heto-border-soft) !important;
  background:#fff !important;
}
#hd-root .hd-teamhub-summary,
#hd-root .hd-teamhub-split,
#hd-root .hd-teamhub-perm-grid{
  gap:14px !important;
}

/* ------------------------------
   10) Tabs / nav shells
--------------------------------*/
#hd-root .mtabs{
  background:#fff !important;
  border:1px solid var(--heto-border) !important;
  border-radius:16px !important;
  padding:4px !important;
  box-shadow:0 8px 20px rgba(112,144,176,.06) !important;
}
#hd-root .mtab{
  height:44px !important;
  border-radius:12px !important;
  color:#95A5C3 !important;
  border-bottom:none !important;
}
#hd-root .mtab:hover{
  background:#F7F9FF !important;
  color:#4D648D !important;
}
#hd-root .mtab.on{
  background:#EEF4FF !important;
  color:var(--heto-blue) !important;
  box-shadow:inset 0 0 0 1px #DCE8FF !important;
}

/* ------------------------------
   11) Page lock preview
--------------------------------*/
#hd-root .hd-page-role-locked{
  backdrop-filter:blur(3px) !important;
  -webkit-backdrop-filter:blur(3px) !important;
}

#hd-root .hd-lock-preview-card{
  min-width:380px !important;
  max-width:420px !important;
  padding:28px 26px !important;
  border-radius:24px !important;
  box-shadow:0 24px 50px rgba(112,144,176,.16) !important;
  text-align:center !important;
}

#hd-root .hd-lock-preview-icon{
  width:64px !important;
  height:64px !important;
  margin:0 auto 16px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#1C65FF 0%, #0C55F4 100%) !important;
  box-shadow:0 16px 34px rgba(12,85,244,.20) !important;
}

#hd-root .hd-lock-preview-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#EEF4FF !important;
  color:var(--heto-blue) !important;
  font:800 11px 'JetBrains Mono',monospace !important;
}

/* ------------------------------
   12) Responsive
--------------------------------*/
@media (max-width:1280px){
  #hd-root .hd-ov2-main,
  #hd-root .hd-ov2-bottom,
  #hd-root .hd-teamhub-layout{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px){
  #hd-root .hd-page-inner,
  #hd-root .pcontent{
    padding:12px !important;
  }

  #hd-root .hd-topbar-title{
    font-size:24px !important;
  }

  #hd-root .hd-lock-preview-card{
    min-width:unset !important;
    width:min(100%, 360px) !important;
  }
}


/* ═══ HETO plugin pages index match — Able Pro exact page language ═══ */

/* Tokens tirés de l'index */
#hd-root{
  --idx-bg:#EEF2FB;
  --idx-card:#FFFFFF;
  --idx-soft:#F4F7FE;
  --idx-soft-2:#EBF0FF;
  --idx-border:#E9EDF7;
  --idx-border-2:#D0D8F5;
  --idx-blue:#5570F1;
  --idx-blue-2:#4361EE;
  --idx-green:#05CD99;
  --idx-orange:#FFA41C;
  --idx-red:#FF6B6B;
  --idx-violet:#8B5CF6;
  --idx-text:#1B2559;
  --idx-text-2:#2B3674;
  --idx-muted:#A3AED0;
  --idx-shadow:14px 17px 40px 4px rgba(112,144,176,.10);
  --idx-shadow-sm:0 1px 4px rgba(112,144,176,.08);
  --idx-radius:16px;
  font-family:'Inter','Figtree',-apple-system,BlinkMacSystemFont,sans-serif !important;
  color:var(--idx-text-2) !important;
}

/* Les pages du plugin prennent le langage de l'index */
#hd-root .hd-page,
#hd-root .hd-page-inner,
#hd-root .hd-main,
#hd-root .pcontent,
#hd-root .hd-overview-shell{
  background:var(--idx-bg) !important;
}

#hd-root .hd-page{
  overflow:auto !important;
}

#hd-root .hd-page-inner,
#hd-root .pcontent{
  padding:16px !important;
  gap:12px !important;
}

/* Conteneurs blancs style index */
#hd-root .hd-card,
#hd-root .hd-panel,
#hd-root .hd-widget-card,
#hd-root .hd-modal-card,
#hd-root .hd-stat,
#hd-root .hd-teamhub-card,
#hd-root .hd-teamhub-member-card,
#hd-root .hd-teamhub-activity-card,
#hd-root .hd-conv-left,
#hd-root .hd-conv-panel,
#hd-root .hd-conv-side,
#hd-root .hd-conv-detail-shell--pro,
#hd-root .hd-conv-info-panel--pro,
#hd-root .hd-teamchat-members,
#hd-root .hd-teamchat-main,
#hd-root .hd-teamchat-sidebar,
#hd-root .hd-ov2-card,
#hd-root .app-nav-shell,
#hd-root .subnav-meta,
#hd-root .editor-row,
#hd-root .stat2{
  background:var(--idx-card) !important;
  border:1px solid var(--idx-border) !important;
  border-radius:var(--idx-radius) !important;
  box-shadow:var(--idx-shadow-sm) !important;
  overflow:hidden !important;
}

/* Topbars exactement plus light, comme index */
#hd-root .hd-topbar{
  min-height:62px !important;
  padding:0 24px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#hd-root #hd-page-overview .hd-topbar{
  background:transparent !important;
  border-bottom:0 !important;
  padding:0 4px 10px !important;
}

#hd-root .hd-topbar-title{
  color:var(--idx-text) !important;
  font:800 20px/1.05 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root #hd-page-overview .hd-topbar-title{
  font-size:28px !important;
  font-weight:850 !important;
}

#hd-root .hd-topbar-sub,
#hd-root .hd-back-link{
  color:var(--idx-muted) !important;
  font:500 12px/1.45 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-topbar-right{
  gap:8px !important;
}

/* Boutons */
#hd-root .hd-btn,
#hd-root .hd-btn-secondary,
#hd-root .hd-link-btn,
#hd-root .hd-sp-btn,
#hd-root .copy-btn,
#hd-root .arr-btn{
  min-height:36px !important;
  border-radius:10px !important;
  border:1px solid var(--idx-border) !important;
  background:var(--idx-soft) !important;
  color:var(--idx-text-2) !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  transition:background .13s,border-color .13s,color .13s,transform .13s !important;
}

#hd-root .hd-btn:hover,
#hd-root .hd-btn-secondary:hover,
#hd-root .hd-link-btn:hover,
#hd-root .hd-sp-btn:hover,
#hd-root .copy-btn:hover,
#hd-root .arr-btn:hover{
  background:var(--idx-soft-2) !important;
  border-color:#B8C8F8 !important;
  color:var(--idx-blue) !important;
  transform:none !important;
}

#hd-root .hd-btn-primary,
#hd-root .hd-btn-upgrade,
#hd-root .btn-primary,
#hd-root .btn-save{
  min-height:36px !important;
  border-radius:10px !important;
  background:var(--idx-blue) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 4px 16px rgba(85,112,241,.28) !important;
  font:700 12px 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-btn-primary:hover,
#hd-root .hd-btn-upgrade:hover,
#hd-root .btn-primary:hover,
#hd-root .btn-save:hover{
  background:#3D56D6 !important;
  color:#fff !important;
}

/* Inputs / formulaires */
#hd-root input[type="text"],
#hd-root input[type="search"],
#hd-root input[type="email"],
#hd-root input[type="number"],
#hd-root input[type="url"],
#hd-root input[type="password"],
#hd-root select,
#hd-root textarea,
#hd-root .inp,
#hd-root .sel,
#hd-root .ta{
  background:var(--idx-soft) !important;
  border:1px solid var(--idx-border) !important;
  border-radius:9px !important;
  color:var(--idx-text) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  outline:none !important;
  transition:border-color .13s, background .13s, box-shadow .13s !important;
}

#hd-root input:focus,
#hd-root select:focus,
#hd-root textarea:focus,
#hd-root .inp:focus,
#hd-root .sel:focus,
#hd-root .ta:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

/* Search global */
#hd-root .hd-overview-search,
#hd-root .hd-conv-search-wrap,
#hd-root .hd-teamchat-search,
#hd-root .ns-search{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:12px !important;
  box-shadow:var(--idx-shadow-sm) !important;
}

/* Tabs */
#hd-root .mtabs{
  background:#fff !important;
  border-bottom:1px solid #EEF0F7 !important;
}

#hd-root .mtab{
  height:52px !important;
  color:var(--idx-muted) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
}

#hd-root .mtab:hover{
  color:var(--idx-text-2) !important;
  background:#FAFBFF !important;
}

#hd-root .mtab.on{
  color:var(--idx-blue) !important;
  border-bottom-color:var(--idx-blue) !important;
  background:rgba(85,112,241,.02) !important;
  font-weight:600 !important;
}

/* Cards internes type index */
#hd-root .card,
#hd-root .hd-card,
#hd-root .hd-panel{
  border-color:var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow-sm) !important;
}

#hd-root .card-h,
#hd-root .hd-card-head,
#hd-root .hd-panel-head,
#hd-root .hd-ov2-card-head{
  background:#FAFCFF !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-root .card-h-t,
#hd-root .hd-panel-title,
#hd-root .hd-ov2-title{
  color:var(--idx-text-2) !important;
  font-weight:800 !important;
}

/* Tables */
#hd-root table{
  border-collapse:separate !important;
  border-spacing:0 !important;
}

#hd-root th{
  background:#FAFCFF !important;
  color:var(--idx-muted) !important;
  font:700 10.5px 'JetBrains Mono',monospace !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid var(--idx-border) !important;
}

#hd-root td{
  color:#51647F !important;
  border-bottom:1px solid #EDF2FA !important;
  font-size:13px !important;
}

#hd-root tbody tr:hover td{
  background:#FAFCFF !important;
}

/* Chips / badges */
#hd-root .hd-badge-count,
#hd-root .hd-nav-badge,
#hd-root .nav-badge,
#hd-root .hd-folder-chip,
#hd-root .hd-conv-category-chip,
#hd-root .hd-ov2-channel,
#hd-root .hd-ov2-status{
  border-radius:999px !important;
  font-weight:700 !important;
}

#hd-root .hd-plan-badge,
#hd-root .hd-ov2-channel{
  background:#EBF0FF !important;
  color:var(--idx-blue) !important;
  border:1px solid #D8E2FF !important;
}

/* Toggles / ranges */
#hd-root .tog input:checked + .tog-track,
#hd-root input[type=range],
#hd-root .plan-fill,
#hd-root .tokfill{
  accent-color:var(--idx-blue) !important;
}

#hd-root .tog input:checked + .tog-track,
#hd-root .plan-fill,
#hd-root .tokfill{
  background:var(--idx-blue) !important;
}

/* Dashboard index exact-ish */
#hd-root #hd-page-overview .hd-page-inner.hd-overview-shell{
  padding:0 16px 16px !important;
  background:var(--idx-bg) !important;
}

/* Hero dashboard — retour proche index, mais contenu dynamique conservé */
#hd-root .hd-index-dash-banner{
  flex-shrink:0 !important;
  margin:0 0 12px !important;
  padding:24px 32px !important;
  border-radius:16px 16px 0 0 !important;
  min-height:160px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 50%,#6C8EEF 100%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  position:relative !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:none !important;
}

#hd-root .hd-index-dash-banner::before{
  content:'' !important;
  position:absolute !important;
  top:-50px !important;
  right:-30px !important;
  width:300px !important;
  height:300px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.07) !important;
  pointer-events:none !important;
}

#hd-root .hd-index-dash-banner::after{
  content:'' !important;
  position:absolute !important;
  bottom:-80px !important;
  right:22% !important;
  width:200px !important;
  height:200px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.05) !important;
  pointer-events:none !important;
}

#hd-root .hd-index-dash-orb{
  display:none !important;
}

#hd-root .hd-index-dash-eyebrow{
  display:none !important;
}

#hd-root .hd-index-dash-copy h2{
  color:#fff !important;
  font:800 20px/1.2 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
  margin:0 0 6px !important;
}

#hd-root .hd-index-dash-copy p{
  color:rgba(255,255,255,.78) !important;
  font:400 13px/1.5 'Inter','Figtree',sans-serif !important;
  margin:0 0 20px !important;
  max-width:540px !important;
}

#hd-root .hd-index-dash-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:38px !important;
  padding:0 18px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.18) !important;
  border:1.5px solid rgba(255,255,255,.30) !important;
  color:#fff !important;
  box-shadow:none !important;
  font:600 13px 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-index-dash-btn:hover{
  background:rgba(255,255,255,.26) !important;
  border-color:rgba(255,255,255,.46) !important;
  color:#fff !important;
}

#hd-root .hd-index-dash-stats{
  display:flex !important;
  align-items:center !important;
  width:fit-content !important;
  padding:8px 0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

#hd-root .hd-index-dash-stat{
  padding:0 18px !important;
  min-width:74px !important;
}

#hd-root .hd-index-dash-stat strong{
  color:#fff !important;
  font:800 16px/1 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-index-dash-stat span{
  color:rgba(255,255,255,.72) !important;
  font:500 10px/1 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-index-dash-stats i{
  width:1px !important;
  height:28px !important;
  background:rgba(255,255,255,.20) !important;
}

#hd-root .hd-index-dash-visual{
  position:relative !important;
  z-index:1 !important;
  flex-shrink:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.18)) !important;
}

#hd-root .hd-index-dash-visual svg{
  width:110px !important;
  height:110px !important;
}

#hd-root .hd-index-dash-visual rect{
  fill:rgba(255,255,255,.15) !important;
}

#hd-root .hd-index-dash-visual circle,
#hd-root .hd-index-dash-visual path{
  stroke:rgba(255,255,255,.60) !important;
}

#hd-root .hd-index-dash-visual circle[fill="#fff"]{
  fill:#fff !important;
}

/* KPI dashboard comme index */
#hd-root .hd-ov2-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
}

#hd-root .hd-ov2-card{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow-sm) !important;
  overflow:hidden !important;
}

#hd-root .hd-ov2-kpi{
  min-height:150px !important;
  padding:14px 16px 10px !important;
  display:flex !important;
  flex-direction:column !important;
}

#hd-root .hd-ov2-kpi-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-height:32px !important;
  padding-left:42px !important;
  margin-bottom:8px !important;
}

#hd-root .hd-ov2-kpi::before{
  width:32px !important;
  height:32px !important;
  left:16px !important;
  top:14px !important;
  border-radius:9px !important;
}

#hd-root .hd-ov2-kpi::after{
  left:24px !important;
  top:22px !important;
  width:15px !important;
  height:15px !important;
  background-size:15px 15px !important;
}

#hd-root .hd-ov2-kpi-label{
  color:var(--idx-text-2) !important;
  font:700 13px/1.2 'Inter','Figtree',sans-serif !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

#hd-root .hd-ov2-kpi-badge{
  background:transparent !important;
  color:var(--idx-muted) !important;
  font:700 16px/1 'Inter','Figtree',sans-serif !important;
  height:auto !important;
  min-width:auto !important;
  padding:0 !important;
  border-radius:0 !important;
}

#hd-root .hd-ov2-kpi-value{
  color:var(--idx-text) !important;
  font:800 30px/1 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.03em !important;
  margin-top:2px !important;
}

#hd-root .hd-ov2-kpi-sub{
  color:#05CD99 !important;
  font:700 12px/1.2 'Inter','Figtree',sans-serif !important;
  margin-top:8px !important;
}

#hd-root .hd-ov2-kpi:nth-child(4) .hd-ov2-kpi-sub{
  color:var(--idx-orange) !important;
}

#hd-root .hd-ov2-spark{
  margin-top:auto !important;
  height:40px !important;
}

/* Layout dashboard index : table grande + side card */
#hd-root .hd-ov2-main{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.58fr) !important;
  gap:12px !important;
}

#hd-root .hd-ov2-bottom{
  display:grid !important;
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.58fr) !important;
  gap:12px !important;
}

#hd-root .hd-ov2-card-head{
  min-height:52px !important;
  padding:0 16px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-root .hd-ov2-title{
  color:var(--idx-text) !important;
  font:800 15px/1 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-ov2-activity-body,
#hd-root .hd-ov2-sources-body,
#hd-root .hd-ov2-quota-body,
#hd-root .hd-ov2-side-feed{
  background:#fff !important;
}

#hd-root .hd-ov2-activity-chart{
  height:330px !important;
}

#hd-root .hd-ov2-sources-body{
  min-height:330px !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  gap:12px !important;
}

#hd-root .hd-ov2-donut{
  width:180px !important;
  height:180px !important;
}

#hd-root .hd-ov2-sources-list{
  width:100% !important;
  max-width:260px !important;
}

#hd-root .hd-ov2-source-item{
  padding:7px 0 !important;
  border-bottom:0 !important;
}

#hd-root .hd-ov2-recent-table{
  padding:0 !important;
}

#hd-root .hd-ov2-recent-table table{
  min-width:760px !important;
}

#hd-root .hd-ov2-recent-table th{
  height:40px !important;
  padding:0 14px !important;
}

#hd-root .hd-ov2-recent-table td{
  height:48px !important;
  padding:0 14px !important;
}

#hd-root .hd-ov2-quota-body{
  padding:14px 16px !important;
  gap:14px !important;
}

#hd-root .hd-ov2-progress{
  height:5px !important;
  border-radius:999px !important;
  background:#E9EDF7 !important;
}

#hd-root .hd-ov2-progress > i{
  border-radius:999px !important;
  background:var(--idx-blue) !important;
}

/* Conversations */
#hd-root .hd-conv-wrap{
  background:var(--idx-bg) !important;
  gap:12px !important;
  padding:16px !important;
}

#hd-root .hd-conv-left,
#hd-root .hd-conv-panel,
#hd-root .hd-conv-side{
  border-radius:16px !important;
}

#hd-root .hd-conv-item{
  min-height:72px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-root .hd-conv-item:hover{
  background:#FAFCFF !important;
}

#hd-root .hd-conv-item.active{
  background:#EBF0FF !important;
}

#hd-root .hd-conv-top,
#hd-root .hd-conv-bottom{
  background:#fff !important;
  border-color:#F4F7FE !important;
}

#hd-root .hd-msg,
#hd-root .hd-bubble,
#hd-root .hd-teamchat-msg-bubble{
  border-radius:14px !important;
}

/* Team / CRM / modules */
#hd-root .hd-teamchat-wrap,
#hd-root .hd-teamchat-wrap--full,
#hd-root .hd-teamhub-layout{
  gap:12px !important;
}

#hd-root .hd-teamchat-members,
#hd-root .hd-teamchat-main,
#hd-root .hd-teamchat-sidebar{
  border-radius:16px !important;
}

#hd-root .hd-teamchat-main-head,
#hd-root .hd-teamchat-compose,
#hd-root .hd-teamchat-head{
  background:#fff !important;
  border-color:#F4F7FE !important;
}

/* Page widgets / CRM cards */
#hd-root .hd-widget-card,
#hd-root .hd-stat{
  border-radius:14px !important;
}

#hd-root .hd-stat-val{
  color:var(--idx-text) !important;
  font-weight:800 !important;
}

#hd-root .hd-stat-lbl{
  color:var(--idx-muted) !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

/* Locks */
#hd-root .hd-lock-preview-card{
  border-radius:16px !important;
  box-shadow:14px 17px 40px 4px rgba(112,144,176,.14) !important;
}

#hd-root .hd-lock-preview-icon{
  border-radius:12px !important;
  background:var(--idx-blue) !important;
}

#hd-root .hd-lock-preview-pill{
  border-radius:10px !important;
  background:var(--idx-blue) !important;
  color:#fff !important;
}

/* Responsive */
@media (max-width:1280px){
  #hd-root .hd-ov2-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #hd-root .hd-ov2-main,
  #hd-root .hd-ov2-bottom{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:720px){
  #hd-root .hd-ov2-kpis{
    grid-template-columns:1fr !important;
  }
  #hd-root .hd-index-dash-visual,
  #hd-root .hd-index-dash-stats{
    display:none !important;
  }
}


/* ═══ HETO plugin configuration — index interface adaptation ═══ */

/* Variables index */
#hd-root{
  --cfg-bg:#EEF2FB;
  --cfg-card:#FFFFFF;
  --cfg-soft:#F4F7FE;
  --cfg-soft-2:#EBF0FF;
  --cfg-border:#E9EDF7;
  --cfg-border-strong:#D0D8F5;
  --cfg-blue:#5570F1;
  --cfg-blue-dark:#3D56D6;
  --cfg-text:#1B2559;
  --cfg-text-2:#2B3674;
  --cfg-muted:#A3AED0;
  --cfg-green:#05CD99;
  --cfg-orange:#FFA41C;
  --cfg-red:#FF6B6B;
  --cfg-shadow:14px 17px 40px 4px rgba(112,144,176,.10);
  --cfg-shadow-sm:0 1px 4px rgba(112,144,176,.06);
}

/* Pages de configuration / personnalisation du plugin */
#hd-page-widgets,
#hd-page-widget-editor,
#hd-page-settings,
#hd-page-account,
#hd-page-integrations,
#hd-page-forms,
#hd-page-knowledge,
#hd-page-workflows,
#hd-page-email-templates,
#hd-page-rdv-config,
#hd-page-rdv-embed,
#hd-page-rdv-avail{
  background:var(--cfg-bg) !important;
  font-family:'Inter','Figtree',-apple-system,BlinkMacSystemFont,sans-serif !important;
  color:var(--cfg-text-2) !important;
}

/* Main shell comme index */
#hd-root .hd-widget-editor,
#hd-root .hd-widget-editor-shell,
#hd-root .hd-editor,
#hd-root .editor,
#hd-root .hd-config-shell,
#hd-root .cw-body{
  background:var(--cfg-bg) !important;
}

/* Topbar de configuration */
#hd-root #hd-page-widgets .hd-topbar,
#hd-root #hd-page-widget-editor .hd-topbar,
#hd-root #hd-page-settings .hd-topbar,
#hd-root #hd-page-account .hd-topbar,
#hd-root #hd-page-integrations .hd-topbar,
#hd-root #hd-page-forms .hd-topbar,
#hd-root #hd-page-knowledge .hd-topbar,
#hd-root #hd-page-workflows .hd-topbar,
#hd-root #hd-page-email-templates .hd-topbar,
#hd-root #hd-page-rdv-config .hd-topbar{
  height:68px !important;
  min-height:68px !important;
  padding:0 24px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#hd-root #hd-page-widgets .hd-topbar-title,
#hd-root #hd-page-widget-editor .hd-topbar-title,
#hd-root #hd-page-settings .hd-topbar-title,
#hd-root #hd-page-account .hd-topbar-title,
#hd-root #hd-page-integrations .hd-topbar-title,
#hd-root #hd-page-forms .hd-topbar-title,
#hd-root #hd-page-knowledge .hd-topbar-title,
#hd-root #hd-page-workflows .hd-topbar-title,
#hd-root #hd-page-email-templates .hd-topbar-title,
#hd-root #hd-page-rdv-config .hd-topbar-title{
  color:var(--cfg-text) !important;
  font:800 20px/1.05 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root .hd-topbar-sub,
#hd-root .hd-topbar-bc,
#hd-root .hd-back-link{
  color:var(--cfg-muted) !important;
  font:500 12px/1.45 'Inter','Figtree',sans-serif !important;
}

/* Layout index : split panel + preview */
#hd-root .hd-widget-editor-shell,
#hd-root .hd-editor-shell,
#hd-root .hd-config-editor,
#hd-root .editor{
  flex:1 !important;
  min-height:0 !important;
  display:flex !important;
  overflow:hidden !important;
  background:#fff !important;
  border-radius:0 !important;
}

/* Panneau de config */
#hd-root .hd-widget-editor-main,
#hd-root .hd-editor-main,
#hd-root .panel,
#hd-root .hd-config-main{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border-right:1px solid #F4F7FE !important;
  overflow:hidden !important;
}

/* Contenu scrollable */
#hd-root .hd-widget-editor-content,
#hd-root .hd-editor-content,
#hd-root .pcontent,
#hd-root .hd-config-content{
  flex:1 !important;
  overflow-y:auto !important;
  padding:14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  background:var(--cfg-bg) !important;
  scrollbar-width:thin !important;
  scrollbar-color:#D0D8F5 transparent !important;
}

#hd-root .hd-widget-editor-content::-webkit-scrollbar,
#hd-root .hd-editor-content::-webkit-scrollbar,
#hd-root .pcontent::-webkit-scrollbar,
#hd-root .hd-config-content::-webkit-scrollbar{
  width:4px !important;
}

#hd-root .hd-widget-editor-content::-webkit-scrollbar-thumb,
#hd-root .hd-editor-content::-webkit-scrollbar-thumb,
#hd-root .pcontent::-webkit-scrollbar-thumb,
#hd-root .hd-config-content::-webkit-scrollbar-thumb{
  background:#D0D8F5 !important;
  border-radius:999px !important;
}

/* Tabs main, comme index */
#hd-root .mtabs,
#hd-root .hd-widget-tabs,
#hd-root .hd-editor-tabs,
#hd-root .hd-config-tabs{
  display:flex !important;
  flex-shrink:0 !important;
  background:#fff !important;
  border-bottom:1px solid #EEF0F7 !important;
}

#hd-root .mtab,
#hd-root .hd-widget-tab,
#hd-root .hd-editor-tab,
#hd-root .hd-config-tab{
  flex:1 !important;
  height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:var(--cfg-muted) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  cursor:pointer !important;
  transition:background .12s,color .12s,border-color .12s !important;
}

#hd-root .mtab:hover,
#hd-root .hd-widget-tab:hover,
#hd-root .hd-editor-tab:hover,
#hd-root .hd-config-tab:hover{
  background:#FAFBFF !important;
  color:var(--cfg-text-2) !important;
}

#hd-root .mtab.on,
#hd-root .mtab.active,
#hd-root .hd-widget-tab.active,
#hd-root .hd-editor-tab.active,
#hd-root .hd-config-tab.active{
  background:rgba(85,112,241,.02) !important;
  color:var(--cfg-blue) !important;
  border-bottom-color:var(--cfg-blue) !important;
  font-weight:600 !important;
}

/* App nav shell / grille des sous-onglets */
#hd-root .app-nav-shell,
#hd-root .hd-config-nav-shell{
  background:#fff !important;
  border:1px solid #EEF0F7 !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:var(--cfg-shadow-sm) !important;
}

#hd-root .nav-shell-head,
#hd-root .hd-config-nav-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin-bottom:10px !important;
}

#hd-root .ns-kicker,
#hd-root .hd-config-kicker{
  color:var(--cfg-muted) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#hd-root .ns-cur,
#hd-root .hd-config-current{
  display:inline-flex !important;
  align-items:center !important;
  min-height:26px !important;
  padding:0 10px !important;
  border-radius:6px !important;
  background:var(--cfg-soft-2) !important;
  color:var(--cfg-blue) !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
}

/* Recherche de sous-tabs */
#hd-root .ns-search,
#hd-root .hd-config-search{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  margin-bottom:10px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#hd-root #stab-srch,
#hd-root .hd-config-search input{
  width:100% !important;
  padding:7px 28px !important;
  border:1px solid #EEF0F7 !important;
  border-radius:9px !important;
  background:var(--cfg-soft) !important;
  color:var(--cfg-text) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  outline:none !important;
  transition:.13s !important;
}

#hd-root #stab-srch:focus,
#hd-root .hd-config-search input:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.07) !important;
}

/* Sous-tabs stabs */
#hd-root #stabs,
#hd-root .hd-config-stabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
}

#hd-root .sg,
#hd-root .hd-config-group-title{
  grid-column:1/-1 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 2px 2px !important;
  color:var(--cfg-muted) !important;
  font:700 9.5px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

#hd-root .sg::after,
#hd-root .hd-config-group-title::after{
  content:'' !important;
  flex:1 !important;
  height:1px !important;
  background:#F4F7FE !important;
}

/* Boutons de configuration */
#hd-root .stab,
#hd-root .hd-config-stab{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:52px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  border:1px solid #EEF0F7 !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(112,144,176,.03) !important;
  cursor:pointer !important;
  text-align:left !important;
  overflow:hidden !important;
  transition:background .12s,border-color .12s,box-shadow .12s !important;
}

#hd-root .stab:hover,
#hd-root .hd-config-stab:hover{
  background:#FAFBFF !important;
  border-color:#D8DFFA !important;
}

#hd-root .stab.on,
#hd-root .stab.active,
#hd-root .hd-config-stab.active{
  background:#EBF0FF !important;
  border-color:#B8C8F8 !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.09) !important;
}

#hd-root .stab-icon,
#hd-root .hd-config-stab-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--cfg-soft) !important;
  border:1px solid #EEF0F7 !important;
  color:var(--cfg-muted) !important;
  flex-shrink:0 !important;
}

#hd-root .stab.on .stab-icon,
#hd-root .stab.active .stab-icon,
#hd-root .hd-config-stab.active .hd-config-stab-icon{
  background:var(--cfg-blue) !important;
  border-color:var(--cfg-blue) !important;
  color:#fff !important;
}

#hd-root .stab-title,
#hd-root .hd-config-stab-title{
  color:var(--cfg-text-2) !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
  white-space:nowrap !important;
}

#hd-root .stab-meta,
#hd-root .hd-config-stab-meta{
  color:var(--cfg-muted) !important;
  font:500 9px 'Inter','Figtree',sans-serif !important;
  white-space:nowrap !important;
}

#hd-root .stab.on .stab-title,
#hd-root .stab.active .stab-title,
#hd-root .hd-config-stab.active .hd-config-stab-title{
  color:var(--cfg-blue) !important;
}

/* Cards de formulaire */
#hd-root .card,
#hd-root .hd-config-card,
#hd-root .hd-widget-config-card,
#hd-root .subnav-meta,
#hd-root .editor-row,
#hd-root .infobox{
  border:1px solid #EEF0F7 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:var(--cfg-shadow-sm) !important;
  overflow:hidden !important;
}

#hd-root .card-h,
#hd-root .hd-config-card-head,
#hd-root .hd-widget-config-card-head{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:10px 14px !important;
  border-bottom:1px solid #F4F7FE !important;
  background:#FAFBFF !important;
}

#hd-root .card-h svg,
#hd-root .hd-config-card-head svg{
  width:12px !important;
  height:12px !important;
  stroke:#B0BADB !important;
}

#hd-root .card-h-t,
#hd-root .hd-config-card-title,
#hd-root .hd-widget-config-card-title{
  color:var(--cfg-text-2) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}

#hd-root .card-b,
#hd-root .hd-config-card-body,
#hd-root .hd-widget-config-card-body{
  padding:10px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  background:#fff !important;
}

/* Lignes de formulaire */
#hd-root .fr,
#hd-root .hd-config-row{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:5px 0 !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-root .fr:last-child,
#hd-root .hd-config-row:last-child{
  border-bottom:none !important;
}

#hd-root .fr.full,
#hd-root .hd-config-row.full{
  grid-template-columns:1fr !important;
  gap:4px !important;
}

#hd-root .fl,
#hd-root .hd-config-label{
  color:var(--cfg-text-2) !important;
  font:500 12.5px/1.2 'Inter','Figtree',sans-serif !important;
}

#hd-root .fh,
#hd-root .hd-config-help{
  margin-top:1px !important;
  color:var(--cfg-muted) !important;
  font:500 10.5px 'Inter','Figtree',sans-serif !important;
}

#hd-root .fc,
#hd-root .hd-config-control{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:5px !important;
}

/* Champs */
#hd-root .inp,
#hd-root .sel,
#hd-root .ta,
#hd-root input[type="text"],
#hd-root input[type="email"],
#hd-root input[type="url"],
#hd-root input[type="number"],
#hd-root input[type="password"],
#hd-root select,
#hd-root textarea{
  background:var(--cfg-soft) !important;
  border:1px solid #EEF0F7 !important;
  border-radius:9px !important;
  padding:7px 10px !important;
  color:var(--cfg-text) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  outline:none !important;
  box-shadow:none !important;
  transition:.13s !important;
}

#hd-root .inp:focus,
#hd-root .sel:focus,
#hd-root .ta:focus,
#hd-root input:focus,
#hd-root select:focus,
#hd-root textarea:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.07) !important;
}

#hd-root .ta,
#hd-root textarea{
  resize:vertical !important;
  min-height:80px !important;
  line-height:1.5 !important;
}

/* Color picker */
#hd-root .cswatch,
#hd-root .hd-color-swatch{
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
  overflow:hidden !important;
  border:1px solid #EEF0F7 !important;
  flex-shrink:0 !important;
  position:relative !important;
}

/* Toggle / chips / range */
#hd-root .tog{
  width:36px !important;
  height:20px !important;
}

#hd-root .tog-track{
  border-radius:999px !important;
  background:#D8DFFA !important;
}

#hd-root .tog input:checked + .tog-track{
  background:var(--cfg-blue) !important;
}

#hd-root input[type=range]{
  accent-color:var(--cfg-blue) !important;
}

#hd-root .rval{
  color:var(--cfg-blue) !important;
  font:600 10px 'JetBrains Mono',monospace !important;
}

#hd-root .chip{
  padding:4px 10px !important;
  border-radius:7px !important;
  border:1px solid #EEF0F7 !important;
  background:var(--cfg-soft) !important;
  color:var(--cfg-text-2) !important;
  font:500 11.5px 'Inter','Figtree',sans-serif !important;
}

#hd-root .chip:hover{
  border-color:#B8C8F8 !important;
  color:var(--cfg-blue) !important;
  background:#fff !important;
}

#hd-root .chip.on,
#hd-root .chip.active{
  background:var(--cfg-soft-2) !important;
  border-color:#B8C8F8 !important;
  color:var(--cfg-blue) !important;
  font-weight:600 !important;
}

/* Save bar / footer configuration */
#hd-root .savebar,
#hd-root .hd-config-savebar,
#hd-root .hd-widget-savebar{
  flex-shrink:0 !important;
  padding:10px 14px !important;
  border-top:1px solid #F4F7FE !important;
  display:flex !important;
  align-items:center !important;
  background:#fff !important;
  gap:10px !important;
}

#hd-root .save-st,
#hd-root .hd-config-save-status{
  color:var(--cfg-muted) !important;
  font:500 11.5px 'Inter','Figtree',sans-serif !important;
}

#hd-root .sdot{
  background:var(--cfg-orange) !important;
}

/* Preview à droite comme l'index */
#hd-root .preview-wrap,
#hd-root .hd-preview-wrap,
#hd-root .hd-widget-preview,
#hd-root .hd-editor-preview{
  flex:0 0 420px !important;
  min-width:420px !important;
  max-width:420px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  border-radius:0 16px 16px 0 !important;
  overflow:hidden !important;
  padding:14px 14px 14px 8px !important;
  background:var(--cfg-bg) !important;
}

#hd-root .pbar,
#hd-root .hd-preview-bar{
  height:46px !important;
  padding:0 12px !important;
  flex-shrink:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:min(100%,380px) !important;
  background:#fff !important;
  border:1px solid #EEF0F7 !important;
  border-radius:12px !important;
  box-shadow:var(--cfg-shadow-sm) !important;
  margin-bottom:10px !important;
}

#hd-root .pbar-title,
#hd-root .hd-preview-title{
  color:var(--cfg-text-2) !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
}

#hd-root .pmodes,
#hd-root .hd-preview-modes{
  display:flex !important;
  gap:2px !important;
  background:var(--cfg-soft) !important;
  border:1px solid #EEF0F7 !important;
  border-radius:8px !important;
  padding:3px !important;
}

#hd-root .pmode,
#hd-root .hd-preview-mode{
  padding:4px 10px !important;
  border-radius:6px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--cfg-muted) !important;
  font:500 10.5px 'Inter','Figtree',sans-serif !important;
}

#hd-root .pmode.on,
#hd-root .pmode:hover,
#hd-root .hd-preview-mode.active,
#hd-root .hd-preview-mode:hover{
  background:#fff !important;
  color:var(--cfg-blue) !important;
  box-shadow:0 1px 3px rgba(112,144,176,.07) !important;
}

/* Browser preview */
#hd-root .browser,
#hd-root .hd-preview-browser,
#hd-root .hd-widget-preview-browser{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  width:min(100%,380px) !important;
  background:#E8EEF8 !important;
  border:1px solid #D4DCF0 !important;
  border-radius:16px !important;
  box-shadow:0 8px 28px rgba(112,144,176,.16) !important;
}

#hd-root .browser-chrome,
#hd-root .hd-preview-browser-chrome{
  height:38px !important;
  background:var(--cfg-soft) !important;
  border-bottom:1px solid #E0E8F5 !important;
  display:flex !important;
  align-items:center !important;
  padding:0 12px !important;
  gap:9px !important;
}

/* Widget preview interne */
#hd-root .cw,
#hd-root .hd-chat-preview,
#hd-root .hd-widget-preview-card{
  background:#fff !important;
  border:1px solid rgba(209,218,240,.8) !important;
  border-radius:16px !important;
  box-shadow:0 16px 40px rgba(112,144,176,.22),0 4px 12px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

#hd-root .cw-head,
#hd-root .hd-chat-preview-head{
  padding:13px 14px !important;
}

#hd-root .cw-msgs,
#hd-root .hd-chat-preview-body{
  background:#F8FAFF !important;
}

#hd-root .cw-foot,
#hd-root .hd-chat-preview-foot{
  background:#fff !important;
  border-top:1px solid #E9EDF7 !important;
}

#hd-root .cw-inp,
#hd-root .hd-chat-preview-input{
  border:1.5px solid #E9EDF7 !important;
  border-radius:10px !important;
  background:var(--cfg-soft) !important;
  color:var(--cfg-text) !important;
}

#hd-root .cw-send,
#hd-root .hd-chat-preview-send{
  width:38px !important;
  height:38px !important;
  border-radius:10px !important;
  background:var(--cfg-blue) !important;
}

/* Boutons sauvegarde */
#hd-root .btn-save,
#hd-root .hd-config-save,
#hd-root .hd-widget-save,
#hd-root .hd-save-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:30px !important;
  padding:0 14px !important;
  border-radius:9px !important;
  background:var(--cfg-blue) !important;
  border:0 !important;
  color:#fff !important;
  font:600 11.5px 'Inter','Figtree',sans-serif !important;
  box-shadow:0 4px 14px rgba(85,112,241,.25) !important;
}

#hd-root .btn-save:hover,
#hd-root .hd-config-save:hover,
#hd-root .hd-widget-save:hover,
#hd-root .hd-save-btn:hover{
  background:var(--cfg-blue-dark) !important;
}

/* Cards emails/automations présentes dans index */
#hd-root .auto-tpl-card,
#hd-root .auto-pillar,
#hd-root .auto-reco-card{
  border:1px solid #EEF0F7 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:var(--cfg-shadow-sm) !important;
}

#hd-root .auto-section-title{
  color:var(--cfg-text) !important;
  font:800 13px 'Inter','Figtree',sans-serif !important;
}

/* Responsive comme index */
@media(max-width:1460px){
  #hd-root #stabs,
  #hd-root .hd-config-stabs{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:1280px){
  #hd-root .preview-wrap,
  #hd-root .hd-preview-wrap,
  #hd-root .hd-widget-preview,
  #hd-root .hd-editor-preview{
    flex:0 0 380px !important;
    min-width:380px !important;
    max-width:380px !important;
  }

  #hd-root .pbar,
  #hd-root .browser,
  #hd-root .hd-preview-bar,
  #hd-root .hd-preview-browser{
    width:min(100%,346px) !important;
  }

  #hd-root #stabs,
  #hd-root .hd-config-stabs{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:980px){
  #hd-root .editor,
  #hd-root .hd-widget-editor-shell,
  #hd-root .hd-editor-shell{
    flex-direction:column !important;
  }

  #hd-root .preview-wrap,
  #hd-root .hd-preview-wrap,
  #hd-root .hd-widget-preview,
  #hd-root .hd-editor-preview{
    flex:0 0 auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    border-radius:0 !important;
  }
}


/* ═══ HETO v11 interface match — config + sites actifs ═══ */

/* Base Able Pro v11 */
#hd-root{
  --v11-bg:#EEF2FB;
  --v11-card:#FFFFFF;
  --v11-soft:#F4F7FE;
  --v11-soft-blue:#EBF0FF;
  --v11-border:#E9EDF7;
  --v11-border-2:#D0D8F5;
  --v11-blue:#5570F1;
  --v11-blue-dark:#3D56D6;
  --v11-text:#1B2559;
  --v11-text-2:#2B3674;
  --v11-muted:#A3AED0;
  --v11-green:#05CD99;
  --v11-orange:#FFA41C;
  --v11-red:#FF6B6B;
  --v11-shadow:14px 17px 40px 4px rgba(112,144,176,.10);
  font-family:'Inter','Figtree',-apple-system,BlinkMacSystemFont,sans-serif !important;
}

/* Pages concernées */
#hd-page-widgets,
#hd-page-widget-editor,
#hd-page-overview,
#hd-page-settings,
#hd-page-integrations,
#hd-page-forms,
#hd-page-knowledge,
#hd-page-workflows,
#hd-page-email-templates,
#hd-page-rdv-config,
#hd-page-rdv-avail,
#hd-page-rdv-embed{
  background:var(--v11-bg) !important;
}

/* Main surface comme la capture */
#hd-root .hd-main,
#hd-root .hd-page.active{
  background:var(--v11-bg) !important;
}

/* Topbar v11: recherche + boutons icônes */
#hd-root .hd-topbar{
  height:68px !important;
  min-height:68px !important;
  padding:0 20px 0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#hd-root .hd-topbar-title{
  color:var(--v11-text) !important;
  font:800 20px/1.05 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root .hd-topbar-sub,
#hd-root .hd-back-link{
  color:var(--v11-muted) !important;
  font:500 12px/1.45 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-topbar-right{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

#hd-root .hd-overview-search,
#hd-root .hd-conv-search-wrap,
#hd-root .tb-search,
#hd-root .hd-page-search{
  height:38px !important;
  min-width:200px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 12px !important;
  background:var(--v11-soft) !important;
  border:1px solid #EEF0F7 !important;
  border-radius:10px !important;
  box-shadow:none !important;
  transition:.13s !important;
}

#hd-root .hd-overview-search:hover,
#hd-root .hd-conv-search-wrap:hover,
#hd-root .tb-search:hover,
#hd-root .hd-page-search:hover{
  border-color:var(--v11-border-2) !important;
  background:#EEF2FD !important;
}

#hd-root .hd-overview-search:focus-within,
#hd-root .hd-conv-search-wrap:focus-within,
#hd-root .tb-search:focus-within,
#hd-root .hd-page-search:focus-within{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

#hd-root .hd-overview-search input,
#hd-root .hd-conv-search-input,
#hd-root .tb-search input,
#hd-root .hd-page-search input{
  border:0 !important;
  background:transparent !important;
  outline:0 !important;
  font:500 13px 'Inter','Figtree',sans-serif !important;
  color:var(--v11-text-2) !important;
  box-shadow:none !important;
}

/* Icon buttons topbar */
#hd-root .hd-icon-btn,
#hd-root .tb-icon-btn,
#hd-root .hd-side-action,
#hd-root .hd-square-btn{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:10px !important;
  border:1px solid #EEF0F7 !important;
  background:var(--v11-soft) !important;
  color:var(--v11-muted) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  transition:.13s !important;
  box-shadow:none !important;
}

#hd-root .hd-icon-btn:hover,
#hd-root .tb-icon-btn:hover,
#hd-root .hd-side-action:hover,
#hd-root .hd-square-btn:hover{
  background:var(--v11-soft-blue) !important;
  color:var(--v11-blue) !important;
  border-color:#B8C8F8 !important;
}

/* Boutons */
#hd-root .hd-btn,
#hd-root .hd-btn-secondary,
#hd-root .copy-btn,
#hd-root .arr-btn,
#hd-root .hd-link-btn{
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  border:1px solid #EEF0F7 !important;
  background:var(--v11-soft) !important;
  color:var(--v11-text-2) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  transition:.13s !important;
}

#hd-root .hd-btn:hover,
#hd-root .hd-btn-secondary:hover,
#hd-root .copy-btn:hover,
#hd-root .arr-btn:hover,
#hd-root .hd-link-btn:hover{
  background:var(--v11-soft-blue) !important;
  border-color:#B8C8F8 !important;
  color:var(--v11-blue) !important;
  transform:none !important;
}

#hd-root .hd-btn-primary,
#hd-root .hd-btn-upgrade,
#hd-root .btn-save,
#hd-root .hd-save-btn{
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  border:0 !important;
  background:var(--v11-blue) !important;
  color:#fff !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:0 4px 16px rgba(85,112,241,.28) !important;
}

#hd-root .hd-btn-primary:hover,
#hd-root .hd-btn-upgrade:hover,
#hd-root .btn-save:hover,
#hd-root .hd-save-btn:hover{
  background:var(--v11-blue-dark) !important;
  color:#fff !important;
}

/* ═══ Sites actifs / widgets page — style screenshot 2 ═══ */
#hd-page-widgets .hd-page-inner,
#hd-page-widgets .pcontent{
  padding:14px !important;
  background:var(--v11-bg) !important;
}

#hd-page-widgets .hd-widgets-hero,
#hd-page-widgets .hd-sites-hero,
#hd-page-widgets .hd-page-banner,
#hd-page-widgets .hd-widget-list-header,
#hd-page-widgets .hd-top-hero{
  position:relative !important;
  min-height:88px !important;
  padding:20px 24px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 50%,#6C8EEF 100%) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

#hd-page-widgets .hd-widgets-hero::before,
#hd-page-widgets .hd-sites-hero::before,
#hd-page-widgets .hd-page-banner::before,
#hd-page-widgets .hd-widget-list-header::before,
#hd-page-widgets .hd-top-hero::before{
  content:'' !important;
  position:absolute !important;
  right:-80px !important;
  top:-140px !important;
  width:300px !important;
  height:300px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
  pointer-events:none !important;
}

#hd-page-widgets .hd-widget-card,
#hd-page-widgets .hd-site-card,
#hd-page-widgets .hd-widget-row,
#hd-page-widgets .hd-panel,
#hd-page-widgets .hd-card{
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:14px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
  overflow:hidden !important;
}

#hd-page-widgets .hd-widget-card:hover,
#hd-page-widgets .hd-site-card:hover,
#hd-page-widgets .hd-widget-row:hover{
  border-color:#D0D8F5 !important;
  box-shadow:0 5px 18px rgba(112,144,176,.10) !important;
}

#hd-page-widgets .hd-widget-card-head,
#hd-page-widgets .hd-site-card-head,
#hd-page-widgets .hd-widget-row-head{
  min-height:76px !important;
  padding:16px 20px !important;
  border-bottom:1px solid #F4F7FE !important;
  background:#fff !important;
}

#hd-page-widgets .hd-widget-avatar,
#hd-page-widgets .hd-site-avatar,
#hd-page-widgets .hd-widget-logo{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  background:var(--v11-blue) !important;
  color:#fff !important;
  box-shadow:0 4px 14px rgba(85,112,241,.28) !important;
}

#hd-page-widgets .hd-widget-title,
#hd-page-widgets .hd-site-title,
#hd-page-widgets .hd-card-title{
  color:var(--v11-text) !important;
  font:800 16px/1.2 'Inter','Figtree',sans-serif !important;
}

#hd-page-widgets .hd-widget-meta,
#hd-page-widgets .hd-site-meta,
#hd-page-widgets .hd-card-sub{
  color:var(--v11-muted) !important;
  font:500 12px/1.4 'Inter','Figtree',sans-serif !important;
}

#hd-page-widgets .hd-widget-stats,
#hd-page-widgets .hd-site-stats,
#hd-page-widgets .hd-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border-top:1px solid #F4F7FE !important;
  border-bottom:1px solid #F4F7FE !important;
  background:#fff !important;
}

#hd-page-widgets .hd-widget-stat,
#hd-page-widgets .hd-site-stat,
#hd-page-widgets .hd-stat-cell{
  min-height:56px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid #F4F7FE !important;
}

#hd-page-widgets .hd-widget-stat:last-child,
#hd-page-widgets .hd-site-stat:last-child,
#hd-page-widgets .hd-stat-cell:last-child{
  border-right:0 !important;
}

#hd-page-widgets .hd-widget-stat strong,
#hd-page-widgets .hd-site-stat strong,
#hd-page-widgets .hd-stat-cell strong{
  color:var(--v11-text) !important;
  font:800 18px/1 'Inter','Figtree',sans-serif !important;
}

#hd-page-widgets .hd-widget-stat span,
#hd-page-widgets .hd-site-stat span,
#hd-page-widgets .hd-stat-cell span{
  margin-top:5px !important;
  color:var(--v11-muted) !important;
  font:700 10px/1 'Inter','Figtree',sans-serif !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

#hd-page-widgets .hd-code-box,
#hd-page-widgets code,
#hd-page-widgets pre{
  background:var(--v11-soft-blue) !important;
  border:1px solid #B8C8F8 !important;
  border-radius:9px !important;
  color:var(--v11-blue) !important;
  font:500 11px 'JetBrains Mono',monospace !important;
}

/* Empty add card */
#hd-page-widgets .hd-empty,
#hd-page-widgets .hd-add-card,
#hd-page-widgets .hd-widget-add-card{
  min-height:180px !important;
  border:1px dashed #E0E6F5 !important;
  border-radius:14px !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* ═══ Configuration / Mon Chatbot — style screenshot 1 ═══ */
#hd-page-widget-editor .hd-page-inner,
#hd-page-widget-editor .pcontent,
#hd-page-widget-editor .hd-widget-editor-content{
  background:var(--v11-bg) !important;
}

#hd-page-widget-editor .hd-widget-editor-shell,
#hd-page-widget-editor .editor,
#hd-page-widget-editor .hd-editor-shell{
  display:flex !important;
  height:100% !important;
  min-height:0 !important;
  background:#fff !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:var(--v11-shadow) !important;
}

/* Left configuration panel */
#hd-page-widget-editor .panel,
#hd-page-widget-editor .hd-widget-editor-main,
#hd-page-widget-editor .hd-editor-main{
  flex:1 1 auto !important;
  min-width:0 !important;
  background:#fff !important;
  border-right:1px solid #F4F7FE !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Internal tabs */
#hd-page-widget-editor .mtabs,
#hd-page-widget-editor .hd-widget-tabs,
#hd-page-widget-editor .hd-editor-tabs{
  height:52px !important;
  display:flex !important;
  flex-shrink:0 !important;
  background:#fff !important;
  border-bottom:1px solid #EEF0F7 !important;
}

#hd-page-widget-editor .mtab,
#hd-page-widget-editor .hd-widget-tab,
#hd-page-widget-editor .hd-editor-tab{
  height:52px !important;
  color:var(--v11-muted) !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
}

#hd-page-widget-editor .mtab.on,
#hd-page-widget-editor .mtab.active,
#hd-page-widget-editor .hd-widget-tab.active,
#hd-page-widget-editor .hd-editor-tab.active{
  color:var(--v11-blue) !important;
  border-bottom-color:var(--v11-blue) !important;
  background:rgba(85,112,241,.02) !important;
  font-weight:600 !important;
}

/* Scrollable config content */
#hd-page-widget-editor .pcontent,
#hd-page-widget-editor .hd-widget-editor-content,
#hd-page-widget-editor .hd-editor-content{
  padding:14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  background:var(--v11-bg) !important;
  overflow:auto !important;
}

/* Rubriques shell */
#hd-page-widget-editor .app-nav-shell,
#hd-page-widget-editor .hd-config-nav-shell{
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
}

#hd-page-widget-editor .ns-kicker,
#hd-page-widget-editor .sg,
#hd-page-widget-editor .hd-config-kicker{
  color:var(--v11-muted) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}

#hd-page-widget-editor #stabs,
#hd-page-widget-editor .hd-config-stabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
}

#hd-page-widget-editor .stab,
#hd-page-widget-editor .hd-config-stab{
  min-height:52px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  border:1px solid #E9EDF7 !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(112,144,176,.03) !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

#hd-page-widget-editor .stab:hover,
#hd-page-widget-editor .hd-config-stab:hover{
  background:#FAFCFF !important;
  border-color:#D0D8F5 !important;
}

#hd-page-widget-editor .stab.on,
#hd-page-widget-editor .stab.active,
#hd-page-widget-editor .hd-config-stab.active{
  background:#EBF0FF !important;
  border-color:#B8C8F8 !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

#hd-page-widget-editor .stab-icon,
#hd-page-widget-editor .hd-config-stab-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:8px !important;
  background:var(--v11-soft) !important;
  border:1px solid #E9EDF7 !important;
  color:var(--v11-muted) !important;
}

#hd-page-widget-editor .stab.on .stab-icon,
#hd-page-widget-editor .stab.active .stab-icon,
#hd-page-widget-editor .hd-config-stab.active .hd-config-stab-icon{
  background:var(--v11-blue) !important;
  border-color:var(--v11-blue) !important;
  color:#fff !important;
}

#hd-page-widget-editor .stab-title,
#hd-page-widget-editor .hd-config-stab-title{
  color:var(--v11-text-2) !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
}

#hd-page-widget-editor .stab.on .stab-title,
#hd-page-widget-editor .stab.active .stab-title{
  color:var(--v11-blue) !important;
}

#hd-page-widget-editor .stab-meta,
#hd-page-widget-editor .hd-config-stab-meta{
  color:var(--v11-muted) !important;
  font:500 9.5px 'Inter','Figtree',sans-serif !important;
}

/* Config cards */
#hd-page-widget-editor .card,
#hd-page-widget-editor .hd-config-card,
#hd-page-widget-editor .subnav-meta,
#hd-page-widget-editor .editor-row{
  border:1px solid #E9EDF7 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
  overflow:hidden !important;
}

#hd-page-widget-editor .card-h,
#hd-page-widget-editor .hd-config-card-head{
  padding:10px 14px !important;
  background:#FAFCFF !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-widget-editor .card-h-t,
#hd-page-widget-editor .hd-config-card-title{
  color:var(--v11-text-2) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

#hd-page-widget-editor .card-b,
#hd-page-widget-editor .hd-config-card-body{
  padding:10px 14px !important;
  background:#fff !important;
  gap:9px !important;
}

/* Form rows */
#hd-page-widget-editor .fr,
#hd-page-widget-editor .hd-config-row{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:5px 0 !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-widget-editor .fr:last-child,
#hd-page-widget-editor .hd-config-row:last-child{
  border-bottom:0 !important;
}

#hd-page-widget-editor .fl,
#hd-page-widget-editor .hd-config-label{
  color:var(--v11-text-2) !important;
  font:500 12.5px/1.2 'Inter','Figtree',sans-serif !important;
}

#hd-page-widget-editor .fh,
#hd-page-widget-editor .hd-config-help{
  color:var(--v11-muted) !important;
  font:500 10.5px 'Inter','Figtree',sans-serif !important;
}

/* Inputs config */
#hd-page-widget-editor input,
#hd-page-widget-editor select,
#hd-page-widget-editor textarea,
#hd-page-widget-editor .inp,
#hd-page-widget-editor .sel,
#hd-page-widget-editor .ta{
  background:var(--v11-soft) !important;
  border:1px solid #E9EDF7 !important;
  border-radius:9px !important;
  color:var(--v11-text) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
}

#hd-page-widget-editor input:focus,
#hd-page-widget-editor select:focus,
#hd-page-widget-editor textarea:focus,
#hd-page-widget-editor .inp:focus,
#hd-page-widget-editor .sel:focus,
#hd-page-widget-editor .ta:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

/* Preview right */
#hd-page-widget-editor .preview-wrap,
#hd-page-widget-editor .hd-preview-wrap,
#hd-page-widget-editor .hd-widget-preview,
#hd-page-widget-editor .hd-editor-preview{
  flex:0 0 420px !important;
  min-width:420px !important;
  max-width:420px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  border-left:1px solid #E9EDF7 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  padding:14px 14px 14px 8px !important;
  background:#EEF2FB !important;
}

#hd-page-widget-editor .pbar,
#hd-page-widget-editor .hd-preview-bar{
  height:46px !important;
  width:min(100%,380px) !important;
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:12px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
  margin-bottom:10px !important;
}

#hd-page-widget-editor .browser,
#hd-page-widget-editor .hd-preview-browser,
#hd-page-widget-editor .hd-widget-preview-browser{
  width:min(100%,380px) !important;
  flex:1 !important;
  background:#E8EEF8 !important;
  border:1px solid #D4DCF0 !important;
  border-radius:16px !important;
  box-shadow:0 8px 28px rgba(112,144,176,.16) !important;
  overflow:hidden !important;
}

#hd-page-widget-editor .browser-chrome,
#hd-page-widget-editor .hd-preview-browser-chrome{
  height:38px !important;
  background:#F4F7FE !important;
  border-bottom:1px solid #E0E8F5 !important;
}

#hd-page-widget-editor .cw,
#hd-page-widget-editor .hd-chat-preview,
#hd-page-widget-editor .hd-widget-preview-card{
  background:#fff !important;
  border:1px solid rgba(209,218,240,.8) !important;
  border-radius:16px !important;
  box-shadow:0 16px 40px rgba(112,144,176,.22),0 4px 12px rgba(0,0,0,.06) !important;
  overflow:hidden !important;
}

/* Savebar */
#hd-page-widget-editor .savebar,
#hd-page-widget-editor .hd-config-savebar,
#hd-page-widget-editor .hd-widget-savebar{
  min-height:50px !important;
  padding:10px 14px !important;
  background:#fff !important;
  border-top:1px solid #F4F7FE !important;
}

/* Responsive */
@media(max-width:1380px){
  #hd-page-widget-editor #stabs,
  #hd-page-widget-editor .hd-config-stabs{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #hd-page-widget-editor .preview-wrap,
  #hd-page-widget-editor .hd-preview-wrap,
  #hd-page-widget-editor .hd-widget-preview,
  #hd-page-widget-editor .hd-editor-preview{
    flex:0 0 380px !important;
    min-width:380px !important;
    max-width:380px !important;
  }
}

@media(max-width:980px){
  #hd-page-widget-editor .hd-widget-editor-shell,
  #hd-page-widget-editor .editor,
  #hd-page-widget-editor .hd-editor-shell{
    flex-direction:column !important;
  }
  #hd-page-widget-editor .preview-wrap,
  #hd-page-widget-editor .hd-preview-wrap,
  #hd-page-widget-editor .hd-widget-preview,
  #hd-page-widget-editor .hd-editor-preview{
    flex:0 0 auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}


/* ═══ HETO V11 DIRECT EDITOR PATCH — real #hd-page-editor + sites actifs ═══ */

#hd-root{
  --v11-bg:#EEF2FB;
  --v11-card:#FFFFFF;
  --v11-soft:#F4F7FE;
  --v11-soft-blue:#EBF0FF;
  --v11-border:#E9EDF7;
  --v11-border-2:#D0D8F5;
  --v11-blue:#5570F1;
  --v11-blue-dark:#3D56D6;
  --v11-text:#1B2559;
  --v11-text-2:#2B3674;
  --v11-muted:#A3AED0;
  --v11-green:#05CD99;
  --v11-orange:#FFA41C;
  --v11-red:#FF6B6B;
  --v11-shadow:14px 17px 40px 4px rgba(112,144,176,.10);
  --v11-shadow-sm:0 1px 4px rgba(112,144,176,.06);
}

/* ═══ REAL EDITOR OVERLAY ═══ */
#hd-page-editor{
  background:var(--v11-bg) !important;
  font-family:'Inter','Figtree',-apple-system,BlinkMacSystemFont,sans-serif !important;
  color:var(--v11-text-2) !important;
  padding:0 !important;
}

/* topbar editor */
#hd-page-editor > div:first-child{
  height:68px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  padding:0 20px 0 16px !important;
  gap:12px !important;
}

/* breadcrumb */
#hd-page-editor #page-editor-close-btn{
  height:36px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  color:var(--v11-muted) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor #page-editor-close-btn:hover{
  background:var(--v11-soft) !important;
  color:var(--v11-text-2) !important;
}
#hd-page-editor #page-editor-breadcrumb{
  color:var(--v11-text) !important;
  font:700 13px 'Inter','Figtree',sans-serif !important;
}

/* inline tabs like screenshot */
#hd-page-editor #hd-editor-tabs-bar{
  height:68px !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 14px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
#hd-page-editor #hd-editor-tabs-bar::-webkit-scrollbar{display:none !important;}

#hd-page-editor .hd-ed-tab{
  height:68px !important;
  min-width:116px !important;
  padding:0 12px !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:var(--v11-muted) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  transition:color .13s, background .13s, border-color .13s !important;
}
#hd-page-editor .hd-ed-tab svg{
  width:15px !important;
  height:15px !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
}
#hd-page-editor .hd-ed-tab:hover{
  color:var(--v11-text-2) !important;
  background:#FAFCFF !important;
}
#hd-page-editor .hd-ed-tab.active{
  color:var(--v11-blue) !important;
  border-bottom-color:var(--v11-blue) !important;
  background:rgba(85,112,241,.02) !important;
  font-weight:600 !important;
}

/* action buttons */
#hd-page-editor #page-editor-reset-btn,
#hd-page-editor #page-edit-save-btn{
  min-height:36px !important;
  border-radius:10px !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor #page-editor-reset-btn{
  background:var(--v11-soft) !important;
  border:1px solid #EEF0F7 !important;
  color:var(--v11-text-2) !important;
  box-shadow:none !important;
}
#hd-page-editor #page-editor-reset-btn:hover{
  background:var(--v11-soft-blue) !important;
  border-color:#B8C8F8 !important;
  color:var(--v11-blue) !important;
}
#hd-page-editor #page-edit-save-btn{
  background:var(--v11-blue) !important;
  border:0 !important;
  color:#fff !important;
  box-shadow:0 4px 16px rgba(85,112,241,.28) !important;
}
#hd-page-editor #page-edit-save-btn:hover{
  background:var(--v11-blue-dark) !important;
}

/* editor split */
#hd-page-editor #page-edit-grid{
  height:calc(100% - 68px) !important;
  grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px) !important;
  background:#fff !important;
}

/* left area */
#hd-page-editor #page-edit-body{
  padding:14px !important;
  background:var(--v11-bg) !important;
  overflow:auto !important;
  scrollbar-width:thin !important;
  scrollbar-color:#D0D8F5 transparent !important;
}
#hd-page-editor #page-edit-body::-webkit-scrollbar{width:4px !important;}
#hd-page-editor #page-edit-body::-webkit-scrollbar-thumb{
  background:#D0D8F5 !important;
  border-radius:999px !important;
}

/* rubriques shell generated by JS */
#hd-page-editor .app-nav-shell{
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:14px !important;
  padding:14px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
}
#hd-page-editor .nav-shell-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin-bottom:10px !important;
}
#hd-page-editor .ns-kicker,
#hd-page-editor .sg{
  color:var(--v11-muted) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
#hd-page-editor .ns-cur{
  display:inline-flex !important;
  align-items:center !important;
  height:26px !important;
  padding:0 10px !important;
  border-radius:6px !important;
  background:var(--v11-soft-blue) !important;
  color:var(--v11-blue) !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .arr-btn{
  width:26px !important;
  height:26px !important;
  border-radius:7px !important;
  border:1px solid #E9EDF7 !important;
  background:var(--v11-soft) !important;
  color:var(--v11-muted) !important;
  box-shadow:none !important;
}
#hd-page-editor .arr-btn:hover{
  background:var(--v11-soft-blue) !important;
  border-color:#B8C8F8 !important;
  color:var(--v11-blue) !important;
}
#hd-page-editor .ns-search{
  margin-bottom:10px !important;
  position:relative !important;
}
#hd-page-editor #stab-srch{
  width:100% !important;
  padding:7px 28px !important;
  border:1px solid #E9EDF7 !important;
  border-radius:9px !important;
  background:var(--v11-soft) !important;
  color:var(--v11-text-2) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
}
#hd-page-editor #stab-srch:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

/* grid of subsections */
#hd-page-editor #stabs{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
}
#hd-page-editor .sg{
  grid-column:1/-1 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:6px 2px 2px !important;
}
#hd-page-editor .sg::after{
  content:'' !important;
  flex:1 !important;
  height:1px !important;
  background:#F4F7FE !important;
}
#hd-page-editor .stab{
  min-height:52px !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  border:1px solid #E9EDF7 !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(112,144,176,.03) !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  transition:background .12s,border-color .12s,box-shadow .12s !important;
}
#hd-page-editor .stab:hover{
  background:#FAFCFF !important;
  border-color:#D0D8F5 !important;
}
#hd-page-editor .stab.on{
  background:var(--v11-soft-blue) !important;
  border-color:#B8C8F8 !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}
#hd-page-editor .stab-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:8px !important;
  background:var(--v11-soft) !important;
  border:1px solid #E9EDF7 !important;
  color:var(--v11-muted) !important;
}
#hd-page-editor .stab.on .stab-icon{
  background:var(--v11-blue) !important;
  border-color:var(--v11-blue) !important;
  color:#fff !important;
}
#hd-page-editor .stab-title{
  color:var(--v11-text-2) !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .stab.on .stab-title{
  color:var(--v11-blue) !important;
}
#hd-page-editor .stab-meta{
  color:var(--v11-muted) !important;
  font:500 9.5px 'Inter','Figtree',sans-serif !important;
}

/* cards generated inside editor */
#hd-page-editor .card,
#hd-page-editor .subnav-meta,
#hd-page-editor .editor-row,
#hd-page-editor .infobox{
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:14px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
  overflow:hidden !important;
}
#hd-page-editor .card-h{
  padding:10px 14px !important;
  background:#FAFCFF !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-page-editor .card-h-t{
  color:var(--v11-text-2) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}
#hd-page-editor .card-b{
  padding:10px 14px !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
}
#hd-page-editor .fr{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:10px !important;
  padding:5px 0 !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-page-editor .fr:last-child{
  border-bottom:0 !important;
}
#hd-page-editor .fr.full{
  grid-template-columns:1fr !important;
}
#hd-page-editor .fl{
  color:var(--v11-text-2) !important;
  font:500 12.5px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .fh{
  color:var(--v11-muted) !important;
  font:500 10.5px 'Inter','Figtree',sans-serif !important;
}

/* inputs */
#hd-page-editor input,
#hd-page-editor select,
#hd-page-editor textarea,
#hd-page-editor .inp,
#hd-page-editor .sel,
#hd-page-editor .ta,
#hd-page-editor .ctxt{
  background:var(--v11-soft) !important;
  border:1px solid #E9EDF7 !important;
  border-radius:9px !important;
  color:var(--v11-text) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  outline:0 !important;
}
#hd-page-editor input:focus,
#hd-page-editor select:focus,
#hd-page-editor textarea:focus,
#hd-page-editor .inp:focus,
#hd-page-editor .sel:focus,
#hd-page-editor .ta:focus,
#hd-page-editor .ctxt:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

/* chips / toggles */
#hd-page-editor .chip{
  border-radius:7px !important;
  border:1px solid #E9EDF7 !important;
  background:var(--v11-soft) !important;
  color:var(--v11-text-2) !important;
  font:500 11.5px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .chip:hover,
#hd-page-editor .chip.on{
  background:var(--v11-soft-blue) !important;
  border-color:#B8C8F8 !important;
  color:var(--v11-blue) !important;
}
#hd-page-editor .tog input:checked + .tog-track{
  background:var(--v11-blue) !important;
}
#hd-page-editor input[type=range]{
  accent-color:var(--v11-blue) !important;
}
#hd-page-editor .rval{
  color:var(--v11-blue) !important;
}

/* right preview */
#hd-page-editor #page-edit-right{
  min-width:420px !important;
  background:var(--v11-bg) !important;
  border-left:1px solid #E9EDF7 !important;
}
#hd-page-editor #page-edit-right > div:first-child{
  height:46px !important;
  background:#fff !important;
  border-bottom:1px solid #E9EDF7 !important;
}
#hd-page-editor #page-edit-preview-scene{
  background:var(--v11-bg) !important;
  padding:14px !important;
}
#hd-page-editor #page-edit-preview-scene::before{
  content:'Aperçu temps réel' !important;
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  right:14px !important;
  height:46px !important;
  border:1px solid #E9EDF7 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--v11-text-2) !important;
  display:flex !important;
  align-items:center !important;
  padding:0 14px !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  z-index:1 !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
}
#hd-page-editor #page-edit-preview{
  top:70px !important;
}

/* device buttons */
#hd-page-editor .hd-dev-btn{
  width:30px !important;
  height:28px !important;
  border-radius:8px !important;
  border:1px solid #E9EDF7 !important;
  background:var(--v11-soft) !important;
  color:var(--v11-muted) !important;
}
#hd-page-editor .hd-dev-btn.active,
#hd-page-editor .hd-dev-btn:hover{
  background:var(--v11-soft-blue) !important;
  border-color:#B8C8F8 !important;
  color:var(--v11-blue) !important;
}

/* ═══ SITES ACTIFS / WIDGETS PAGE — direct styling for actual generated markup ═══ */
#hd-page-widgets{
  background:var(--v11-bg) !important;
}

/* Turn real topbar into v11 blue hero */
#hd-page-widgets > .hd-topbar{
  height:88px !important;
  min-height:88px !important;
  margin:14px 14px 12px !important;
  padding:0 22px !important;
  border-radius:16px !important;
  border:0 !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%) !important;
  box-shadow:none !important;
  color:#fff !important;
  overflow:hidden !important;
  position:relative !important;
}
#hd-page-widgets > .hd-topbar::before{
  content:'' !important;
  position:absolute !important;
  right:-70px !important;
  top:-130px !important;
  width:300px !important;
  height:300px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
}
#hd-page-widgets > .hd-topbar .hd-topbar-title{
  color:#fff !important;
  font:800 20px/1.05 'Inter','Figtree',sans-serif !important;
}
#hd-page-widgets > .hd-topbar .hd-topbar-sub{
  color:rgba(255,255,255,.78) !important;
  font:500 12px/1.4 'Inter','Figtree',sans-serif !important;
}
#hd-page-widgets > .hd-topbar .hd-btn-primary{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  color:#fff !important;
  box-shadow:none !important;
}
#hd-page-widgets > .hd-topbar .hd-btn-primary:hover{
  background:rgba(255,255,255,.24) !important;
}

/* list wrapper */
#hd-page-widgets > .hd-page-inner{
  padding:0 14px 18px !important;
  background:var(--v11-bg) !important;
}
#hd-widgets-list .v11-sites-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
#hd-widgets-list .v11-widget-card{
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:14px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
  overflow:hidden !important;
}
#hd-widgets-list .v11-widget-head{
  min-height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:16px 20px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-widgets-list .v11-widget-main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}
#hd-widgets-list .v11-widget-avatar{
  width:42px !important;
  height:42px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font:800 13px 'Inter','Figtree',sans-serif !important;
  background:#5570F1 !important;
  box-shadow:0 4px 14px rgba(85,112,241,.25) !important;
}
#hd-widgets-list .v11-widget-title{
  color:var(--v11-text) !important;
  font:800 15px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-widget-meta{
  margin-top:3px !important;
  color:var(--v11-muted) !important;
  font:500 12px/1.35 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-widget-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
#hd-widgets-list .v11-badge{
  height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#E6FAF5 !important;
  color:#01B574 !important;
  font:700 11px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-widget-stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border-bottom:1px solid #F4F7FE !important;
  background:#fff !important;
}
#hd-widgets-list .v11-stat{
  min-height:58px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  border-right:1px solid #F4F7FE !important;
}
#hd-widgets-list .v11-stat:last-child{
  border-right:0 !important;
}
#hd-widgets-list .v11-stat strong{
  color:var(--v11-text) !important;
  font:800 18px/1 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-stat span{
  margin-top:5px !important;
  color:var(--v11-muted) !important;
  font:700 10px/1 'Inter','Figtree',sans-serif !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
#hd-widgets-list .v11-embed{
  padding:12px 20px 14px !important;
  background:#FAFCFF !important;
}
#hd-widgets-list .v11-embed-label{
  margin-bottom:7px !important;
  color:var(--v11-muted) !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  text-transform:uppercase !important;
  letter-spacing:.07em !important;
}
#hd-widgets-list .v11-embed-row{
  min-height:32px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
#hd-widgets-list .v11-code{
  flex:1 !important;
  min-width:0 !important;
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  padding:0 12px !important;
  border:1px solid #B8C8F8 !important;
  border-radius:8px !important;
  background:#EBF0FF !important;
  color:#5570F1 !important;
  font:500 11px 'JetBrains Mono',monospace !important;
}
#hd-widgets-list .v11-copy{
  height:32px !important;
  min-width:58px !important;
  border-radius:8px !important;
  border:1px solid #E9EDF7 !important;
  background:#fff !important;
  color:var(--v11-text-2) !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-copy:hover{
  background:var(--v11-soft-blue) !important;
  color:var(--v11-blue) !important;
  border-color:#B8C8F8 !important;
}
#hd-widgets-list .v11-domain{
  padding:0 20px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  background:#FAFCFF !important;
  color:var(--v11-muted) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-dot{
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#05CD99 !important;
}
#hd-widgets-list .v11-add-card{
  min-height:178px !important;
  border:1px dashed #E0E6F5 !important;
  border-radius:14px !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  color:var(--v11-muted) !important;
  cursor:pointer !important;
}
#hd-widgets-list .v11-add-card:hover{
  border-color:#B8C8F8 !important;
  background:#FAFCFF !important;
}
#hd-widgets-list .v11-add-card strong{
  color:var(--v11-text-2) !important;
  font:700 13px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11-add-icon{
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
  border:2px solid #C6D1EA !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#A3AED0 !important;
  font-size:24px !important;
  line-height:1 !important;
}

/* Responsive */
@media(max-width:1380px){
  #hd-page-editor #stabs{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #hd-page-editor #page-edit-grid{
    grid-template-columns:minmax(0,1fr) minmax(380px,38vw) !important;
  }
  #hd-page-editor #page-edit-right{
    min-width:380px !important;
  }
}
@media(max-width:980px){
  #hd-page-editor #page-edit-grid{
    grid-template-columns:1fr !important;
  }
  #hd-page-editor #page-edit-right{
    display:none !important;
  }
}




/* ═══ HETO V11 REFINED LIST + CONFIG PATCH ═══ */

/* ========== Widgets page : full V11 hero + cards ========== */
#hd-page-widgets.heto-v11-sites-refined{
  background:#EEF2FB !important;
}
#hd-page-widgets.heto-v11-sites-refined > .hd-topbar{
  display:none !important;
}
#hd-page-widgets.heto-v11-sites-refined > .hd-page-inner{
  padding:14px !important;
  background:#EEF2FB !important;
}
#hd-widgets-list .v11w-shell{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
}
#hd-widgets-list .v11w-hero{
  position:relative !important;
  overflow:hidden !important;
  min-height:92px !important;
  border-radius:18px !important;
  padding:22px 24px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(85,112,241,.18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}
#hd-widgets-list .v11w-hero::before{
  content:'' !important;
  position:absolute !important;
  right:-90px !important;
  top:-140px !important;
  width:340px !important;
  height:340px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.08) !important;
}
#hd-widgets-list .v11w-hero::after{
  content:'' !important;
  position:absolute !important;
  right:210px !important;
  top:24px !important;
  width:200px !important;
  height:200px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.05) !important;
}
#hd-widgets-list .v11w-hero-main{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}
#hd-widgets-list .v11w-hero-icon{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.25) !important;
  background:rgba(255,255,255,.12) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
}
#hd-widgets-list .v11w-hero-icon svg{
  width:22px !important;
  height:22px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.8 !important;
}
#hd-widgets-list .v11w-kicker{
  color:rgba(255,255,255,.75) !important;
  font:600 11px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-title{
  margin-top:2px !important;
  color:#fff !important;
  font:800 26px/1.06 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.03em !important;
}
#hd-widgets-list .v11w-sub{
  margin-top:4px !important;
  color:rgba(255,255,255,.78) !important;
  font:500 12px/1.4 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-hero-right{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
}
#hd-widgets-list .v11w-btn{
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
#hd-widgets-list .v11w-btn:hover{
  background:rgba(255,255,255,.18) !important;
}
#hd-widgets-list .v11w-search{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:160px !important;
  height:34px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:rgba(255,255,255,.85) !important;
}
#hd-widgets-list .v11w-search input{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  color:#fff !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  width:100% !important;
  min-width:0 !important;
}
#hd-widgets-list .v11w-search input::placeholder{
  color:rgba(255,255,255,.72) !important;
}
#hd-widgets-list .v11w-kbd{
  height:18px !important;
  min-width:18px !important;
  padding:0 5px !important;
  border-radius:6px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.1) !important;
  color:rgba(255,255,255,.72) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font:600 10px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-list{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
#hd-widgets-list .v11w-card{
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  border-radius:16px !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
  overflow:hidden !important;
}
#hd-widgets-list .v11w-head{
  min-height:74px !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  padding:14px 18px !important;
  border-bottom:1px solid #F4F7FE !important;
  background:#fff !important;
}
#hd-widgets-list .v11w-main{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}
#hd-widgets-list .v11w-avatar{
  width:46px !important;
  height:46px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font:800 14px 'Inter','Figtree',sans-serif !important;
  box-shadow:0 4px 14px rgba(85,112,241,.25) !important;
}
#hd-widgets-list .v11w-name{
  color:#1B2559 !important;
  font:800 16px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-meta{
  margin-top:4px !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  color:#A3AED0 !important;
  font:500 12px/1.35 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-live{
  color:#05CD99 !important;
  font-weight:700 !important;
}
#hd-widgets-list .v11w-sep{
  color:#D0D8F5 !important;
}
#hd-widgets-list .v11w-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
#hd-widgets-list .v11w-state{
  height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#E6FAF5 !important;
  color:#01B574 !important;
  font:700 11px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-tool{
  min-width:40px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 12px !important;
  border-radius:10px !important;
  border:1px solid #E9EDF7 !important;
  background:#fff !important;
  color:#2B3674 !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  cursor:pointer !important;
}
#hd-widgets-list .v11w-tool svg{
  width:14px !important;
  height:14px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.9 !important;
}
#hd-widgets-list .v11w-tool:hover{
  background:#FAFCFF !important;
  color:#5570F1 !important;
  border-color:#B8C8F8 !important;
}
#hd-widgets-list .v11w-tool.danger:hover{
  color:#FF6B6B !important;
}
#hd-widgets-list .v11w-stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-widgets-list .v11w-stat{
  min-height:76px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border-right:1px solid #F4F7FE !important;
  gap:6px !important;
}
#hd-widgets-list .v11w-stat:last-child{
  border-right:0 !important;
}
#hd-widgets-list .v11w-stat strong{
  color:#1B2559 !important;
  font:800 17px/1 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-stat span{
  color:#A3AED0 !important;
  font:700 10px/1 'Inter','Figtree',sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
#hd-widgets-list .v11w-stat.green strong{color:#05CD99 !important;}
#hd-widgets-list .v11w-stat.orange strong{color:#FFA41C !important;}
#hd-widgets-list .v11w-stat.purple strong{color:#5570F1 !important;}

#hd-widgets-list .v11w-code-area{
  padding:12px 18px !important;
  background:#FAFCFF !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-widgets-list .v11w-code-label{
  margin-bottom:7px !important;
  color:#A3AED0 !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
#hd-widgets-list .v11w-code-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
#hd-widgets-list .v11w-code{
  flex:1 !important;
  min-width:0 !important;
  height:32px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 12px !important;
  border-radius:8px !important;
  border:1px solid #B8C8F8 !important;
  background:#EBF0FF !important;
  color:#5570F1 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  font:500 11px 'JetBrains Mono',monospace !important;
}
#hd-widgets-list .v11w-copy{
  min-width:68px !important;
  height:32px !important;
  padding:0 12px !important;
  border-radius:8px !important;
  border:1px solid #E9EDF7 !important;
  background:#fff !important;
  color:#2B3674 !important;
  font:600 11px 'Inter','Figtree',sans-serif !important;
  cursor:pointer !important;
}
#hd-widgets-list .v11w-copy:hover{
  color:#5570F1 !important;
  border-color:#B8C8F8 !important;
  background:#FAFCFF !important;
}
#hd-widgets-list .v11w-foot{
  padding:10px 18px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#A3AED0 !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-dot{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#05CD99 !important;
}
#hd-widgets-list .v11w-empty{
  min-height:180px !important;
  border:1px dashed #D8E1F6 !important;
  border-radius:16px !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  color:#A3AED0 !important;
}
#hd-widgets-list .v11w-empty strong{
  color:#2B3674 !important;
  font:700 16px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-plus{
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
  border:2px solid #C6D1EA !important;
  color:#A3AED0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  line-height:1 !important;
}

/* ========== Editor page : true V11 chrome ========== */
#hd-page-editor.heto-v11-editor-refined{
  background:#EEF2FB !important;
}
#hd-page-editor.heto-v11-editor-refined > div:first-child{
  display:none !important;
}
#hd-page-editor .v11e-chrome{
  display:flex !important;
  flex-direction:column !important;
  background:#fff !important;
  border-bottom:1px solid #E9EDF7 !important;
  box-shadow:none !important;
  flex-shrink:0 !important;
}
#hd-page-editor .v11e-top{
  height:62px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-page-editor .v11e-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 16px !important;
  min-width:0 !important;
}
#hd-page-editor .v11e-menu{
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  background:transparent !important;
  color:#A3AED0 !important;
  border-radius:10px !important;
  cursor:pointer !important;
}
#hd-page-editor .v11e-menu:hover{
  background:#F4F7FE !important;
  color:#5570F1 !important;
}
#hd-page-editor .v11e-search{
  min-width:240px !important;
  max-width:360px !important;
  width:100% !important;
  height:38px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid #DDE5F7 !important;
  background:#F9FBFF !important;
  color:#A3AED0 !important;
}
#hd-page-editor .v11e-search input{
  flex:1 !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#2B3674 !important;
  font:500 13px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .v11e-search input::placeholder{color:#A3AED0 !important;}
#hd-page-editor .v11e-right{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 14px !important;
  background:linear-gradient(135deg,#2156F3 0%,#4361EE 100%) !important;
  border-top-left-radius:18px !important;
}
#hd-page-editor .v11e-ico{
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
#hd-page-editor .v11e-ico svg{
  width:16px !important;
  height:16px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.85 !important;
}
#hd-page-editor .v11e-user{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font:700 12px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .v11e-tabs{
  height:52px !important;
  display:flex !important;
  align-items:flex-end !important;
  padding:0 0 0 16px !important;
  gap:34px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
}
#hd-page-editor .v11e-tabs::-webkit-scrollbar{display:none !important;}
#hd-page-editor .v11e-tab{
  height:52px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:0 8px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:#A3AED0 !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
#hd-page-editor .v11e-tab svg{
  width:15px !important;
  height:15px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.75 !important;
}
#hd-page-editor .v11e-tab:hover{
  color:#2B3674 !important;
}
#hd-page-editor .v11e-tab.active{
  color:#2156F3 !important;
  border-bottom-color:#2156F3 !important;
  font-weight:600 !important;
}
#hd-page-editor #page-edit-grid{
  height:calc(100% - 114px) !important;
  background:#fff !important;
}
#hd-page-editor #page-edit-body{
  background:#EEF2FB !important;
}
#hd-page-editor #page-edit-right{
  background:#EEF2FB !important;
  border-left:1px solid #E9EDF7 !important;
}
#hd-page-editor #page-edit-preview-scene{
  padding:16px !important;
  background:#EEF2FB !important;
}
#hd-page-editor #page-edit-preview-scene::before{
  content:'Aperçu temps réel' !important;
  position:absolute !important;
  top:16px !important;
  left:16px !important;
  right:16px !important;
  height:44px !important;
  border-radius:12px !important;
  border:1px solid #E9EDF7 !important;
  background:#fff !important;
  color:#2B3674 !important;
  display:flex !important;
  align-items:center !important;
  padding:0 14px !important;
  font:700 12px 'Inter','Figtree',sans-serif !important;
  z-index:1 !important;
}
#hd-page-editor #page-edit-preview{
  top:68px !important;
}
#hd-page-editor .subnav-meta{
  padding:14px 16px !important;
  border-radius:16px !important;
}
#hd-page-editor .subnav-title{
  color:#2B3674 !important;
  font:700 14px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .subnav-hint{
  color:#A3AED0 !important;
  font:500 12px/1.45 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .app-nav-shell{
  border-radius:16px !important;
}
#hd-page-editor .card,
#hd-page-editor .editor-row,
#hd-page-editor .subnav-meta,
#hd-page-editor .infobox{
  border-radius:16px !important;
}
@media (max-width:1100px){
  #hd-page-editor .v11e-search{
    max-width:none !important;
    min-width:0 !important;
  }
}
@media (max-width:980px){
  #hd-page-editor .v11e-top{
    grid-template-columns:1fr !important;
    height:auto !important;
  }
  #hd-page-editor .v11e-right{
    border-top-left-radius:0 !important;
    justify-content:flex-end !important;
    padding:10px 14px !important;
  }
  #hd-page-editor #page-edit-grid{
    height:calc(100% - 156px) !important;
  }
}

/* make original inline tabs hidden if JS leaves them in DOM */
#hd-page-editor .hd-ed-tab{ visibility:visible; }




/* ═══ HETO V11 no-loading hotfix — sidebar safe, search clean, no blue block ═══ */

/* L’éditeur doit rester à droite de la sidebar, sans l’écraser */
body.hd-editor-active #hd-page-editor{
  left:var(--heto-editor-left, 276px) !important;
  right:0 !important;
  width:auto !important;
  max-width:calc(100vw - var(--heto-editor-left, 276px)) !important;
  overflow:hidden !important;
  background:#EEF2FB !important;
}

/* Topbar éditeur claire et cohérente avec le plugin */
#hd-page-editor.heto-v11-editor-refined .v11e-chrome{
  background:#fff !important;
  border-bottom:1px solid #E9EDF7 !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-top{
  height:64px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  padding:0 16px !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-menu{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:10px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#8FA1C0 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-menu:hover{
  background:#F4F7FE !important;
  border-color:#E9EDF7 !important;
  color:#0C55F4 !important;
}

/* Search bar propre */
#hd-page-editor.heto-v11-editor-refined .v11e-search{
  width:min(420px, 44vw) !important;
  min-width:300px !important;
  max-width:420px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 11px !important;
  border-radius:12px !important;
  border:1px solid #DDE5F7 !important;
  background:#fff !important;
  color:#8FA1C0 !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-search:focus-within{
  border-color:#B8C8F8 !important;
  box-shadow:0 0 0 3px rgba(12,85,244,.08) !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-search input{
  flex:1 !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#1B2559 !important;
  font:500 13px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-search input::placeholder{
  color:#A3AED0 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11w-kbd{
  flex:0 0 auto !important;
  height:20px !important;
  min-width:20px !important;
  padding:0 6px !important;
  border-radius:7px !important;
  border:1px solid #E0E7F6 !important;
  background:#F4F7FE !important;
  color:#8FA1C0 !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
}

/* Plus aucun aplat bleu en haut à droite de l'éditeur */
#hd-page-editor.heto-v11-editor-refined .v11e-right{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 14px !important;
  background:#fff !important;
  border-left:1px solid #F4F7FE !important;
  border-top-left-radius:0 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-ico{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  border:1px solid #E9EDF7 !important;
  background:#F4F7FE !important;
  color:#0C55F4 !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-ico:hover{
  background:#EBF0FF !important;
  border-color:#B8C8F8 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-user{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  border:1px solid #B8C8F8 !important;
  background:#EBF0FF !important;
  color:#0C55F4 !important;
  box-shadow:none !important;
}

/* Tabs */
#hd-page-editor.heto-v11-editor-refined .v11e-tabs{
  height:52px !important;
  padding:0 16px !important;
  gap:42px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tab{
  height:52px !important;
  color:#A3AED0 !important;
  border-bottom:2px solid transparent !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tab.active{
  color:#0C55F4 !important;
  border-bottom-color:#0C55F4 !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  height:calc(100% - 116px) !important;
  background:#fff !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-body{
  padding:14px !important;
  background:#EEF2FB !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  background:#EEF2FB !important;
  border-left:1px solid #E9EDF7 !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene::before{
  top:14px !important;
  left:14px !important;
  right:14px !important;
  height:42px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  box-shadow:0 1px 4px rgba(112,144,176,.05) !important;
  color:#2B3674 !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview{
  top:64px !important;
}

/* Sites actifs : éviter un état Chargement si JS n'a pas encore remplacé le contenu */
#hd-widgets-list{
  min-height:160px !important;
}

/* Search de la page widgets */
#hd-widgets-list .v11w-hero-right{
  min-width:0 !important;
}

#hd-widgets-list .v11w-search{
  width:260px !important;
  min-width:220px !important;
  max-width:280px !important;
  height:34px !important;
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.24) !important;
}

#hd-widgets-list .v11w-search input{
  width:100% !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#fff !important;
}

#hd-widgets-list .v11w-search input::placeholder{
  color:rgba(255,255,255,.70) !important;
}

@media (max-width:1220px){
  #hd-page-editor.heto-v11-editor-refined .v11e-search{
    min-width:220px !important;
    width:min(340px, 36vw) !important;
  }
  #hd-page-editor.heto-v11-editor-refined .v11e-tabs{
    gap:26px !important;
  }
  #hd-page-editor.heto-v11-editor-refined .v11w-kbd{
    display:none !important;
  }
}

@media (max-width:980px){
  body.hd-editor-active #hd-page-editor{
    left:0 !important;
    max-width:100vw !important;
  }
  #hd-page-editor.heto-v11-editor-refined .v11e-top{
    grid-template-columns:1fr !important;
    height:auto !important;
  }
  #hd-page-editor.heto-v11-editor-refined .v11e-right{
    justify-content:flex-end !important;
    min-height:52px !important;
    border-left:0 !important;
    border-top:1px solid #F4F7FE !important;
  }
  #hd-page-editor.heto-v11-editor-refined .v11e-search{
    width:100% !important;
    max-width:none !important;
  }
}




/* ═══ HETO V11 layout stabilized — dashboard + editor cleanup ═══ */

/* ------------------------------
   TABLEAU DE BORD : topbar propre, aucun chevauchement
--------------------------------*/
#hd-page-overview{
  overflow:hidden !important;
}

#hd-page-overview .hd-topbar{
  position:relative !important;
  z-index:5 !important;
  min-height:66px !important;
  height:66px !important;
  padding:0 16px 10px !important;
  display:grid !important;
  grid-template-columns:minmax(190px,auto) minmax(280px,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#hd-page-overview .hd-topbar-left{
  min-width:0 !important;
}

#hd-page-overview .hd-topbar-title{
  font-size:27px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#hd-page-overview .hd-overview-search{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:40px !important;
  margin:0 !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #E4EBF8 !important;
  box-shadow:0 8px 18px rgba(112,144,176,.07) !important;
}

#hd-page-overview .hd-topbar-right{
  position:relative !important;
  z-index:6 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
  max-width:390px !important;
}

#hd-page-overview .hd-topbar-right .hd-btn,
#hd-page-overview .hd-topbar-right .hd-btn-primary,
#hd-page-overview .hd-topbar-right .hd-btn-upgrade{
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 13px !important;
  border-radius:12px !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  transform:none !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
}

#hd-page-overview .hd-topbar-right .hd-btn-upgrade,
#hd-page-overview .hd-topbar-right [class*="upgrade"]{
  background:#FF7A1A !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 8px 20px rgba(255,122,26,.18) !important;
}

#hd-page-overview .hd-page-inner.hd-overview-shell{
  padding:0 16px 16px !important;
}

#hd-page-overview .hd-index-dash-banner{
  margin-top:0 !important;
  border-radius:16px !important;
  min-height:150px !important;
  overflow:hidden !important;
}

@media (max-width:1360px){
  #hd-page-overview .hd-topbar{
    grid-template-columns:minmax(180px,auto) minmax(220px,1fr) auto !important;
  }
  #hd-page-overview .hd-topbar-right{
    max-width:330px !important;
  }
  #hd-page-overview .hd-topbar-right .hd-btn{
    padding:0 10px !important;
    font-size:12px !important;
  }
}

@media (max-width:1120px){
  #hd-page-overview .hd-topbar{
    height:auto !important;
    min-height:92px !important;
    grid-template-columns:1fr auto !important;
    grid-template-areas:
      "title actions"
      "search search" !important;
    row-gap:8px !important;
    padding-bottom:12px !important;
  }
  #hd-page-overview .hd-topbar-left{grid-area:title !important;}
  #hd-page-overview .hd-overview-search{grid-area:search !important;}
  #hd-page-overview .hd-topbar-right{grid-area:actions !important;}
}

/* ------------------------------
   SITES ACTIFS : ne pas casser la page si le style custom ne s’applique pas
--------------------------------*/
#hd-page-widgets .hd-topbar{
  height:auto !important;
  min-height:72px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-widgets .hd-page-inner{
  padding:14px !important;
  background:#EEF2FB !important;
}

#hd-widgets-list{
  min-height:220px !important;
}

#hd-widgets-list .v11w-hero{
  border-radius:16px !important;
  min-height:86px !important;
  margin:0 !important;
}

#hd-widgets-list .v11w-search{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.24) !important;
}

#hd-widgets-list .v11w-search input{
  box-shadow:none !important;
}

/* ------------------------------
   CONFIGURATION : éditeur propre, contenu dans la zone, pas de layout cassé
--------------------------------*/
body.hd-editor-active{
  overflow:hidden !important;
}

body.hd-editor-active #hd-page-editor{
  left:var(--heto-editor-left, 276px) !important;
  right:0 !important;
  width:auto !important;
  max-width:calc(100vw - var(--heto-editor-left, 276px)) !important;
  bottom:0 !important;
  background:#EEF2FB !important;
  overflow:hidden !important;
}

/* L'ancien header natif reste caché, mais le chrome custom est stable */
#hd-page-editor.heto-v11-editor-refined > div:first-child:not(.v11e-chrome),
#hd-page-editor.heto-v11-editor-refined #hd-editor-tabs-bar{
  display:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-chrome{
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
  background:#fff !important;
  border-bottom:1px solid #E9EDF7 !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-top{
  height:62px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-left{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
  padding:0 16px !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-menu{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:10px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#8FA1C0 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-search{
  width:min(420px,44vw) !important;
  max-width:420px !important;
  min-width:300px !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 11px !important;
  border-radius:12px !important;
  border:1px solid #DDE5F7 !important;
  background:#fff !important;
  color:#8FA1C0 !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-search input{
  flex:1 !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#1B2559 !important;
  font:500 13px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-right{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 14px !important;
  background:#fff !important;
  border-left:1px solid #F4F7FE !important;
  border-top-left-radius:0 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-ico{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  border:1px solid #E9EDF7 !important;
  background:#F4F7FE !important;
  color:#0C55F4 !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-user{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  border:1px solid #B8C8F8 !important;
  background:#EBF0FF !important;
  color:#0C55F4 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tabs{
  height:52px !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:34px !important;
  padding:0 16px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  overflow-x:auto !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tab{
  height:52px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:#A3AED0 !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  white-space:nowrap !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tab.active{
  color:#0C55F4 !important;
  border-bottom-color:#0C55F4 !important;
  font-weight:600 !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  height:calc(100% - 114px) !important;
  min-height:0 !important;
  background:#fff !important;
  display:grid !important;
  overflow:hidden !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-body{
  min-width:0 !important;
  padding:14px !important;
  background:#EEF2FB !important;
  overflow:auto !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  min-width:380px !important;
  background:#EEF2FB !important;
  border-left:1px solid #E9EDF7 !important;
  overflow:hidden !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene{
  background:#EEF2FB !important;
  padding:14px !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene::before{
  top:14px !important;
  left:14px !important;
  right:14px !important;
  height:42px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #E9EDF7 !important;
  box-shadow:0 1px 4px rgba(112,144,176,.05) !important;
  color:#2B3674 !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview{
  top:64px !important;
}

/* Cartes de config plus stables */
#hd-page-editor.heto-v11-editor-refined .card,
#hd-page-editor.heto-v11-editor-refined .editor-row,
#hd-page-editor.heto-v11-editor-refined .subnav-meta,
#hd-page-editor.heto-v11-editor-refined .infobox,
#hd-page-editor.heto-v11-editor-refined .app-nav-shell{
  border-radius:14px !important;
  border:1px solid #E4EBF8 !important;
  background:#fff !important;
  box-shadow:0 1px 4px rgba(112,144,176,.06) !important;
}

#hd-page-editor.heto-v11-editor-refined .card-h{
  background:#FAFCFF !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-editor.heto-v11-editor-refined .fr{
  min-height:48px !important;
}

@media (max-width:1220px){
  #hd-page-editor.heto-v11-editor-refined .v11e-search{
    min-width:220px !important;
    width:min(340px,36vw) !important;
  }
  #hd-page-editor.heto-v11-editor-refined .v11e-tabs{
    gap:24px !important;
  }
}

@media (max-width:980px){
  body.hd-editor-active #hd-page-editor{
    left:0 !important;
    max-width:100vw !important;
  }

  #hd-page-editor.heto-v11-editor-refined .v11e-top{
    grid-template-columns:1fr !important;
    height:auto !important;
  }

  #hd-page-editor.heto-v11-editor-refined .v11e-right{
    min-height:52px !important;
    justify-content:flex-end !important;
    border-left:0 !important;
    border-top:1px solid #F4F7FE !important;
  }

  #hd-page-editor.heto-v11-editor-refined .v11e-search{
    width:100% !important;
    max-width:none !important;
  }

  #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:1fr !important;
  }

  #hd-page-editor.heto-v11-editor-refined #page-edit-right{
    display:none !important;
  }
}




/* ═══ HETO index full audit pass — pages principales alignées index ═══ */
#hd-root{
  --idx-bg:#EEF2FB;
  --idx-card:#FFFFFF;
  --idx-soft:#F4F7FE;
  --idx-soft-blue:#EBF0FF;
  --idx-border:#E9EDF7;
  --idx-border-2:#D0D8F5;
  --idx-blue:#5570F1;
  --idx-blue-strong:#0C55F4;
  --idx-blue-dark:#3D56D6;
  --idx-text:#1B2559;
  --idx-text2:#2B3674;
  --idx-muted:#A3AED0;
  --idx-green:#05CD99;
  --idx-orange:#FFA41C;
  --idx-red:#FF6B6B;
  --idx-violet:#9F7AEA;
  --idx-shadow:0 1px 4px rgba(112,144,176,.06);
  --idx-shadow-hover:0 4px 14px rgba(112,144,176,.12);
  font-family:'Inter','Figtree',-apple-system,BlinkMacSystemFont,sans-serif !important;
}

#hd-root .hd-page,
#hd-root .hd-page-inner,
#hd-root .pcontent,
#hd-root .hd-main{
  background:var(--idx-bg) !important;
}

#hd-root .hd-page-inner,
#hd-root .pcontent{
  padding:14px !important;
}

/* Topbars pour toutes les pages */
#hd-root .hd-topbar{
  min-height:66px !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#hd-root .hd-topbar-title{
  color:var(--idx-text) !important;
  font:800 20px/1.05 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

#hd-root .hd-topbar-sub,
#hd-root .hd-back-link{
  color:var(--idx-muted) !important;
  font:500 12px/1.45 'Inter','Figtree',sans-serif !important;
}

#hd-root .hd-topbar-right{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

/* Boutons */
#hd-root .hd-btn,
#hd-root .btn,
#hd-root .copy-btn,
#hd-root .arr-btn,
#hd-root .hd-link-btn,
#hd-root .hd-sp-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  border:1px solid var(--idx-border) !important;
  background:var(--idx-soft) !important;
  color:var(--idx-text2) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  transition:background .13s,border-color .13s,color .13s,box-shadow .13s !important;
}

#hd-root .hd-btn:hover,
#hd-root .btn:hover,
#hd-root .copy-btn:hover,
#hd-root .arr-btn:hover,
#hd-root .hd-link-btn:hover,
#hd-root .hd-sp-btn:hover{
  background:var(--idx-soft-blue) !important;
  border-color:var(--idx-border-2) !important;
  color:var(--idx-blue) !important;
  transform:none !important;
}

#hd-root .hd-btn-primary,
#hd-root .btn-primary,
#hd-root .btn-save,
#hd-root .hd-save-btn{
  background:var(--idx-blue) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 4px 16px rgba(85,112,241,.28) !important;
  font-weight:600 !important;
}

#hd-root .hd-btn-primary:hover,
#hd-root .btn-primary:hover,
#hd-root .btn-save:hover,
#hd-root .hd-save-btn:hover{
  background:var(--idx-blue-dark) !important;
  color:#fff !important;
}

#hd-root .hd-btn-upgrade{
  background:#FF7A1A !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 8px 20px rgba(255,122,26,.18) !important;
}

/* Inputs, selects, textareas */
#hd-root input[type="text"],
#hd-root input[type="search"],
#hd-root input[type="email"],
#hd-root input[type="number"],
#hd-root input[type="url"],
#hd-root input[type="password"],
#hd-root select,
#hd-root textarea,
#hd-root .inp,
#hd-root .sel,
#hd-root .ta{
  background:var(--idx-soft) !important;
  border:1px solid var(--idx-border) !important;
  border-radius:9px !important;
  color:var(--idx-text) !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
  outline:none !important;
}

#hd-root input:focus,
#hd-root select:focus,
#hd-root textarea:focus,
#hd-root .inp:focus,
#hd-root .sel:focus,
#hd-root .ta:focus{
  border-color:#B8C8F8 !important;
  background:#fff !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}

/* Cards et panneaux */
#hd-root .hd-card,
#hd-root .hd-panel,
#hd-root .hd-widget-card,
#hd-root .hd-stat,
#hd-root .hd-teamhub-card,
#hd-root .hd-teamhub-member-card,
#hd-root .hd-teamhub-activity-card,
#hd-root .hd-conv-left,
#hd-root .hd-conv-panel,
#hd-root .hd-conv-side,
#hd-root .hd-teamchat-members,
#hd-root .hd-teamchat-main,
#hd-root .hd-teamchat-sidebar,
#hd-root .app-nav-shell,
#hd-root .card,
#hd-root .editor-row,
#hd-root .subnav-meta,
#hd-root .infobox{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow) !important;
  overflow:hidden !important;
}

#hd-root .hd-card:hover,
#hd-root .hd-widget-card:hover,
#hd-root .hd-stat:hover{
  box-shadow:var(--idx-shadow-hover) !important;
}

/* Tables */
#hd-root table{
  border-collapse:collapse !important;
}

#hd-root th{
  background:#FAFCFF !important;
  color:var(--idx-muted) !important;
  font:700 10.5px 'JetBrains Mono',monospace !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-root td{
  color:#52627A !important;
  font-size:12.5px !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-root tbody tr:hover td{
  background:#FAFCFF !important;
}

/* Tabs internes */
#hd-root .mtabs,
#hd-root .hd-editor-tabs,
#hd-root .hd-widget-tabs{
  display:flex !important;
  border-bottom:1px solid #F4F7FE !important;
  background:#fff !important;
}

#hd-root .mtab,
#hd-root .hd-ed-tab{
  height:50px !important;
  color:var(--idx-muted) !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  font:500 11.5px 'Inter','Figtree',sans-serif !important;
}

#hd-root .mtab.on,
#hd-root .mtab.active,
#hd-root .hd-ed-tab.active{
  color:var(--idx-blue) !important;
  border-bottom-color:var(--idx-blue) !important;
  background:rgba(85,112,241,.02) !important;
  font-weight:600 !important;
}

/* OVERVIEW exact style index */
#hd-page-overview .hd-topbar{
  background:transparent !important;
  border:0 !important;
  min-height:66px !important;
  height:66px !important;
  padding:0 16px 10px !important;
  display:grid !important;
  grid-template-columns:minmax(200px,auto) minmax(280px,1fr) auto !important;
  gap:12px !important;
}

#hd-page-overview .hd-topbar-title{
  font-size:28px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#hd-page-overview .hd-overview-search{
  width:100% !important;
  height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}

#hd-page-overview .hd-overview-search svg{
  width:15px !important;
  height:15px !important;
  stroke:#A3AED0 !important;
  fill:none !important;
  stroke-width:1.8 !important;
}

#hd-page-overview .hd-overview-search input{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  font:500 13px 'Inter','Figtree',sans-serif !important;
}

#hd-page-overview .hd-overview-search kbd{
  height:22px !important;
  padding:0 8px !important;
  border-radius:7px !important;
  background:var(--idx-soft) !important;
  border:1px solid var(--idx-border) !important;
  color:var(--idx-muted) !important;
  font:700 10px 'Inter',sans-serif !important;
}

#hd-page-overview .hd-topbar-right{
  flex-wrap:nowrap !important;
  max-width:430px !important;
  overflow:visible !important;
}

#hd-page-overview .hd-page-inner.hd-overview-shell{
  padding:0 16px 16px !important;
  background:var(--idx-bg) !important;
}

.heto-empty-state{
  min-height:360px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:60px 20px !important;
  color:var(--idx-muted) !important;
}

.heto-empty-icon{
  width:72px !important;
  height:72px !important;
  border-radius:20px !important;
  background:var(--idx-soft-blue) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--idx-blue) !important;
  margin-bottom:20px !important;
}

.heto-empty-state h2{
  margin:0 0 8px !important;
  color:var(--idx-text) !important;
  font:800 20px 'Inter',sans-serif !important;
}

.heto-empty-state p{
  max-width:380px !important;
  margin:0 0 22px !important;
  color:var(--idx-muted) !important;
  font:500 13px/1.6 'Inter',sans-serif !important;
}

.dash-banner.heto-index-dash{
  position:relative !important;
  min-height:160px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding:24px 32px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 50%,#6C8EEF 100%) !important;
  color:#fff !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

.dash-banner.heto-index-dash::before{
  content:'' !important;
  position:absolute !important;
  top:-50px !important;
  right:-30px !important;
  width:300px !important;
  height:300px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.07) !important;
}

.dash-banner.heto-index-dash::after{
  content:'' !important;
  position:absolute !important;
  bottom:-80px !important;
  right:22% !important;
  width:200px !important;
  height:200px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.05) !important;
}

.dash-banner-text,
.dash-stats,
.dash-banner-graphic{
  position:relative !important;
  z-index:1 !important;
}

.dash-banner-title{
  color:#fff !important;
  font:800 20px/1.2 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.02em !important;
}

.dash-banner-sub{
  margin-top:6px !important;
  color:rgba(255,255,255,.78) !important;
  font:400 13px/1.5 'Inter',sans-serif !important;
}

.dash-config-btn{
  margin-top:20px !important;
  min-height:38px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  border-radius:10px !important;
  border:1.5px solid rgba(255,255,255,.30) !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font:600 13px 'Inter',sans-serif !important;
  cursor:pointer !important;
}

.dash-config-btn:hover{
  background:rgba(255,255,255,.26) !important;
}

.dash-config-btn svg{
  width:13px !important;
  height:13px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
}

.dash-stats{
  display:flex !important;
  align-items:center !important;
  width:fit-content !important;
  padding:8px 0 !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}

.dash-stat{
  min-width:74px !important;
  padding:0 18px !important;
  text-align:center !important;
}

.dash-stat-val{
  display:block !important;
  color:#fff !important;
  font:800 16px/1 'Inter',sans-serif !important;
}

.dash-stat-lbl{
  display:block !important;
  margin-top:5px !important;
  color:rgba(255,255,255,.72) !important;
  font:500 10px/1 'Inter',sans-serif !important;
}

.dash-stat-divider{
  width:1px !important;
  height:28px !important;
  background:rgba(255,255,255,.20) !important;
}

.dash-banner-graphic svg{
  width:90px !important;
  height:90px !important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.15)) !important;
}

.ov-cards{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
  padding:16px 0 0 !important;
}

.ov-card{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  box-shadow:var(--idx-shadow) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  transition:.14s !important;
}

.ov-card:hover{
  box-shadow:var(--idx-shadow-hover) !important;
  transform:translateY(-1px) !important;
}

.ov-card-head{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.ov-card-icon{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
}

.ov-card-icon svg{
  width:16px !important;
  height:16px !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.ov-card-lbl{
  flex:1 !important;
  color:var(--idx-text2) !important;
  font:600 13px/1.2 'Inter',sans-serif !important;
}

.ov-card-more{
  background:none !important;
  border:0 !important;
  color:var(--idx-muted) !important;
  font-size:16px !important;
  line-height:1 !important;
  padding:0 2px !important;
}

.ov-card-val{
  color:var(--idx-text) !important;
  font:800 30px/1 'Inter',sans-serif !important;
  letter-spacing:-.03em !important;
}

.ov-card-trend{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  color:var(--idx-green) !important;
  font:600 11.5px 'Inter',sans-serif !important;
}

.ov-card-trend svg{
  width:12px !important;
  height:12px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
}

.ov-spark{
  height:32px !important;
  margin-top:4px !important;
}

.ov-spark svg{
  width:100% !important;
  height:100% !important;
}

.ov-bottom{
  display:grid !important;
  grid-template-columns:1fr 340px !important;
  gap:12px !important;
  padding:12px 0 0 !important;
  min-height:0 !important;
}

.ov-panel{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

.ov-panel-head{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:12px 14px !important;
  border-bottom:1px solid #F4F7FE !important;
}

.ov-panel-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:var(--idx-text2) !important;
  font:700 13px 'Inter',sans-serif !important;
  flex:1 !important;
}

.ov-panel-title svg{
  width:14px !important;
  height:14px !important;
  stroke:var(--idx-muted) !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
}

.ov-convs{
  min-height:350px !important;
}

.ov-table{
  width:100% !important;
  border-collapse:collapse !important;
  font-size:12.5px !important;
}

.ov-table thead th{
  padding:8px 14px !important;
  text-align:left !important;
}

.ov-table td{
  padding:9px 14px !important;
  vertical-align:middle !important;
}

.hd-ov2-visitor{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.hd-ov2-visitor-badge{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:50% !important;
  background:#EBF0FF !important;
  color:var(--idx-blue) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font:700 10px 'Inter',sans-serif !important;
}

.hd-ov2-visitor-meta strong{
  display:block !important;
  color:var(--idx-text2) !important;
  font:600 12.5px/1.2 'Inter',sans-serif !important;
}

.hd-ov2-visitor-meta small{
  display:block !important;
  margin-top:2px !important;
  color:var(--idx-muted) !important;
  font:500 11px 'Inter',sans-serif !important;
}

.hd-ov2-channel,
.hd-ov2-status,
.ov-site-tag,
.ov-badge{
  display:inline-flex !important;
  align-items:center !important;
  padding:3px 9px !important;
  border-radius:999px !important;
  background:#F4F7FE !important;
  color:var(--idx-muted) !important;
  font:600 10.5px 'Inter',sans-serif !important;
  white-space:nowrap !important;
}

.hd-ov2-status.open,
.hd-ov2-status.follow,
.hd-ov2-status.qualified,
.ov-badge.ok{
  background:#E6FAF5 !important;
  color:var(--idx-green) !important;
}

.ov-aside{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.ov-plan-rows{
  padding:10px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.ov-plan-row{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:var(--idx-text2) !important;
  font:500 12px 'Inter',sans-serif !important;
}

.ov-plan-row > span{
  min-width:115px !important;
  flex-shrink:0 !important;
}

.ov-prog-wrap{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:1 !important;
}

.ov-prog-bar{
  flex:1 !important;
  height:5px !important;
  border-radius:999px !important;
  background:#F4F7FE !important;
  overflow:hidden !important;
}

.ov-prog-fill{
  height:100% !important;
  border-radius:999px !important;
  transition:width .4s ease !important;
}

.ov-prog-wrap > span{
  color:var(--idx-muted) !important;
  font:500 11px 'JetBrains Mono',monospace !important;
  white-space:nowrap !important;
}

.ov-quicklinks{
  padding:8px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

.ov-ql{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:9px 10px !important;
  border-radius:10px !important;
  border:0 !important;
  background:transparent !important;
  cursor:pointer !important;
  text-align:left !important;
}

.ov-ql:hover{
  background:#F4F7FE !important;
}

.ov-ql-icon{
  width:32px !important;
  height:32px !important;
  border-radius:9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
}

.ov-ql-icon svg{
  width:15px !important;
  height:15px !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.ov-ql-name{
  color:var(--idx-text2) !important;
  font:600 12.5px/1.2 'Inter',sans-serif !important;
}

.ov-ql-sub{
  margin-top:2px !important;
  color:var(--idx-muted) !important;
  font:500 11px 'Inter',sans-serif !important;
}

.ov-ql-arr{
  margin-left:auto !important;
  width:14px !important;
  height:14px !important;
  stroke:var(--idx-muted) !important;
  fill:none !important;
  stroke-width:2 !important;
}

/* Autres pages : cohérence index */
#hd-page-crm .hd-page-inner,
#hd-page-rdv .hd-page-inner,
#hd-page-emails .hd-page-inner,
#hd-page-forms .hd-page-inner,
#hd-page-knowledge .hd-page-inner,
#hd-page-billing .hd-page-inner,
#hd-page-account .hd-page-inner,
#hd-page-clients .hd-page-inner,
#hd-page-all-sites .hd-page-inner,
#hd-page-visio .hd-page-inner{
  padding:14px !important;
  background:var(--idx-bg) !important;
}

#hd-page-conversations .hd-conv-wrap{
  padding:14px !important;
  gap:12px !important;
  background:var(--idx-bg) !important;
}

#hd-page-conversations .hd-conv-left,
#hd-page-conversations .hd-conv-panel,
#hd-page-conversations .hd-conv-side{
  border-radius:14px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}

#hd-page-conversations .hd-conv-item{
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-conversations .hd-conv-item:hover{
  background:#FAFCFF !important;
}

#hd-page-conversations .hd-conv-item.active{
  background:#EBF0FF !important;
}

#hd-page-conversations .hd-conv-top,
#hd-page-conversations .hd-conv-bottom{
  background:#fff !important;
  border-color:#F4F7FE !important;
}

#hd-page-widgets .hd-topbar{
  margin:0 !important;
  border-radius:0 !important;
  background:#fff !important;
}

#hd-page-widgets .hd-page-inner{
  padding:14px !important;
  background:var(--idx-bg) !important;
}

#hd-widgets-list .v11w-hero{
  border-radius:16px !important;
  min-height:92px !important;
}

#hd-widgets-list .v11w-card,
#hd-widgets-list .v11w-empty,
#hd-widgets-list .v11-widget-card,
#hd-widgets-list .v11-add-card{
  border-radius:14px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}

#hd-page-crm .hd-stat,
#hd-page-crm .hd-panel,
#hd-page-rdv .hd-panel,
#hd-page-emails .hd-card,
#hd-page-forms .hd-card,
#hd-page-knowledge .hd-card,
#hd-page-billing .hd-card,
#hd-page-account .hd-card{
  border-radius:14px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}

/* Éditeur : garde la cohérence sans empiéter */
body.hd-editor-active #hd-page-editor{
  left:var(--heto-editor-left, 276px) !important;
  right:0 !important;
  width:auto !important;
  max-width:calc(100vw - var(--heto-editor-left, 276px)) !important;
  bottom:0 !important;
  overflow:hidden !important;
  background:var(--idx-bg) !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-chrome{
  background:#fff !important;
  border-bottom:1px solid var(--idx-border) !important;
  box-shadow:none !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-top,
#hd-page-editor.heto-v11-editor-refined .v11e-right{
  background:#fff !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-right{
  border-left:1px solid #F4F7FE !important;
  border-top-left-radius:0 !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-search{
  background:#fff !important;
  border:1px solid #DDE5F7 !important;
  border-radius:12px !important;
  box-shadow:var(--idx-shadow) !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-ico,
#hd-page-editor.heto-v11-editor-refined .v11e-user{
  background:var(--idx-soft) !important;
  color:var(--idx-blue-strong) !important;
  border:1px solid var(--idx-border) !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tabs{
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}

#hd-page-editor.heto-v11-editor-refined .v11e-tab.active{
  color:var(--idx-blue-strong) !important;
  border-bottom-color:var(--idx-blue-strong) !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  background:#fff !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-body,
#hd-page-editor.heto-v11-editor-refined #page-edit-right,
#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene{
  background:var(--idx-bg) !important;
}

@media(max-width:1300px){
  .ov-cards{grid-template-columns:repeat(2,1fr) !important;}
  .ov-bottom{grid-template-columns:1fr !important;}
  #hd-page-overview .hd-topbar{
    grid-template-columns:minmax(180px,auto) minmax(240px,1fr) auto !important;
  }
}

@media(max-width:1100px){
  #hd-page-overview .hd-topbar{
    height:auto !important;
    grid-template-columns:1fr !important;
    align-items:start !important;
  }
  #hd-page-overview .hd-topbar-right{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    max-width:none !important;
  }
  .dash-banner.heto-index-dash{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .dash-stats{
    flex-wrap:wrap !important;
  }
}

@media(max-width:720px){
  .ov-cards{grid-template-columns:1fr !important;}
  .dash-banner-graphic{display:none !important;}
}




/* ═══ HETO FINAL plugin display + dashboard polish ═══ */
/* Widgets list: never let browser autofill/search hide the plugin, and keep the hero clean */
#hd-widgets-list .v11w-search{display:none !important;}
#hd-widgets-list .v11w-mini-actions{display:flex !important;align-items:center !important;gap:8px !important;}
#hd-widgets-list .v11w-mini-actions span{width:34px !important;height:34px !important;border-radius:10px !important;background:rgba(255,255,255,.12) !important;border:1px solid rgba(255,255,255,.18) !important;}
#hd-widgets-list .v11w-card{display:block !important;}
#hd-page-widgets .hd-page-inner{padding:14px !important;}
#hd-widgets-list .v11w-empty{min-height:150px !important;}

/* Dashboard: fix clipped values/text and match the index spacing more closely */
#hd-page-overview .hd-page-inner.hd-overview-shell{padding:0 14px 16px !important;overflow:visible !important;}
#hd-page-overview .hd-topbar{padding:0 14px 10px !important;overflow:visible !important;}
#hd-page-overview .dash-banner.heto-index-dash{margin:0 !important;border-radius:16px !important;min-height:150px !important;padding:24px 30px !important;}
#hd-page-overview .ov-cards{gap:12px !important;padding:14px 0 0 !important;overflow:visible !important;}
#hd-page-overview .ov-card{min-height:142px !important;padding:17px 18px 14px !important;overflow:visible !important;position:relative !important;}
#hd-page-overview .ov-card-head{height:34px !important;min-height:34px !important;overflow:visible !important;}
#hd-page-overview .ov-card-lbl{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
#hd-page-overview .ov-card-val{display:block !important;position:static !important;margin:12px 0 0 !important;padding:0 !important;transform:none !important;text-indent:0 !important;overflow:visible !important;white-space:nowrap !important;line-height:1 !important;font-size:30px !important;letter-spacing:-.03em !important;}
#hd-page-overview .ov-card-trend{position:static !important;margin-top:7px !important;}
#hd-page-overview .ov-spark{display:none !important;}
#hd-page-overview .ov-bottom{padding-top:14px !important;}
#hd-page-overview .ov-table td,#hd-page-overview .ov-table th{overflow:hidden !important;text-overflow:ellipsis !important;}
#hd-page-overview .hd-topbar-right{max-width:none !important;}
#hd-page-overview .hd-topbar-right .hd-btn{height:38px !important;}

/* Reduce visual noise from old leftover overview components */
#hd-page-overview .hd-ov2,#hd-page-overview .hd-ov2-kpis,#hd-page-overview .hd-ov2-main,#hd-page-overview .hd-ov2-bottom{display:none !important;}

@media(max-width:1300px){
  #hd-page-overview .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:720px){
  #hd-page-overview .ov-cards{grid-template-columns:1fr !important;}
}




/* ═══ HETO final reanalysis — index coherence without breaking plugin ═══ */
#hd-root{
  --idx-bg:#EEF2FB;
  --idx-card:#FFFFFF;
  --idx-soft:#F4F7FE;
  --idx-soft-blue:#EBF0FF;
  --idx-border:#E9EDF7;
  --idx-border-2:#D0D8F5;
  --idx-blue:#0C55F4;
  --idx-blue-ui:#5570F1;
  --idx-blue-dark:#3D56D6;
  --idx-text:#1B2559;
  --idx-text2:#2B3674;
  --idx-muted:#A3AED0;
  --idx-green:#05CD99;
  --idx-orange:#FFA41C;
  --idx-red:#FF6B6B;
  --idx-violet:#9F7AEA;
  --idx-shadow:0 1px 4px rgba(112,144,176,.06);
  --idx-shadow-lg:14px 17px 40px 4px rgba(112,144,176,.10);
}

/* Global pages */
#hd-root .hd-page,
#hd-root .hd-page-inner,
#hd-root .pcontent,
#hd-root .hd-main{
  background:var(--idx-bg) !important;
}
#hd-root .hd-page-inner,
#hd-root .pcontent{
  padding:14px !important;
}

/* Global card language from index */
#hd-root .hd-card,
#hd-root .hd-panel,
#hd-root .hd-widget-card,
#hd-root .hd-stat,
#hd-root .hd-conv-left,
#hd-root .hd-conv-panel,
#hd-root .hd-conv-side,
#hd-root .hd-teamchat-members,
#hd-root .hd-teamchat-main,
#hd-root .hd-teamchat-sidebar,
#hd-root .card,
#hd-root .editor-row,
#hd-root .subnav-meta,
#hd-root .infobox,
#hd-root .app-nav-shell{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow) !important;
  overflow:hidden !important;
}

/* Buttons, inputs */
#hd-root .hd-btn,
#hd-root .copy-btn,
#hd-root .arr-btn,
#hd-root .hd-link-btn{
  min-height:36px !important;
  border-radius:10px !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  box-shadow:none !important;
}
#hd-root .hd-btn-primary,
#hd-root .btn-save,
#hd-root .hd-save-btn{
  background:var(--idx-blue-ui) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 4px 16px rgba(85,112,241,.26) !important;
}
#hd-root input,
#hd-root select,
#hd-root textarea{
  font-family:'Inter','Figtree',sans-serif !important;
}

/* Dashboard: fix cut text + closer to index */
#hd-page-overview .hd-topbar{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:70px !important;
  height:auto !important;
  padding:0 16px 12px !important;
  display:grid !important;
  grid-template-columns:minmax(210px,auto) minmax(320px,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
}
#hd-page-overview .hd-topbar-title{
  font-size:29px !important;
  line-height:1.08 !important;
  padding-top:2px !important;
  overflow:visible !important;
  white-space:nowrap !important;
  color:var(--idx-text) !important;
}
#hd-page-overview .hd-back-link{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:6px !important;
  color:#8FA1C0 !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
}
#hd-page-overview .hd-overview-search{
  height:42px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  box-shadow:var(--idx-shadow) !important;
}
#hd-page-overview .hd-topbar-right{
  flex-wrap:nowrap !important;
  gap:8px !important;
  max-width:none !important;
}
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  padding:0 16px 16px !important;
  background:var(--idx-bg) !important;
}
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  min-height:150px !important;
  border-radius:16px !important;
  padding:24px 32px !important;
  margin:0 0 14px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 45%,#6C8EEF 100%) !important;
  overflow:hidden !important;
}
#hd-page-overview .dash-banner-title{
  font-size:20px !important;
  line-height:1.2 !important;
}
#hd-page-overview .dash-banner-sub{
  font-size:13px !important;
}
#hd-page-overview .ov-cards,
#hd-page-overview .hd-ov2-kpis{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 12px !important;
  padding:0 !important;
}
#hd-page-overview .ov-card,
#hd-page-overview .hd-ov2-kpi{
  min-height:132px !important;
  padding:18px 18px 14px !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  box-shadow:var(--idx-shadow) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
#hd-page-overview .ov-card-head,
#hd-page-overview .hd-ov2-kpi-top{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 !important;
  margin:0 0 10px !important;
}
#hd-page-overview .ov-card-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:10px !important;
}
#hd-page-overview .ov-card-lbl,
#hd-page-overview .hd-ov2-kpi-label{
  color:var(--idx-text2) !important;
  font:700 13px/1.2 'Inter','Figtree',sans-serif !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  overflow:visible !important;
}
#hd-page-overview .ov-card-val,
#hd-page-overview .hd-ov2-kpi-value{
  color:var(--idx-text) !important;
  font:800 30px/1.05 'Inter','Figtree',sans-serif !important;
  letter-spacing:-.03em !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
#hd-page-overview .ov-card-trend,
#hd-page-overview .hd-ov2-kpi-sub{
  margin-top:8px !important;
  color:var(--idx-green) !important;
  font:700 12px 'Inter','Figtree',sans-serif !important;
}
#hd-page-overview .ov-bottom{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:12px !important;
}
#hd-page-overview .ov-panel{
  border-radius:14px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}
#hd-page-overview .ov-panel-head{
  min-height:52px !important;
  padding:0 16px !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-page-overview .ov-table th,
#hd-page-overview .ov-table td{
  padding-left:14px !important;
  padding-right:14px !important;
}

/* Widgets page: show current widget in strong index style */
#hd-page-widgets .hd-topbar{
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  margin:0 !important;
}
#hd-page-widgets .hd-page-inner{
  padding:14px !important;
  background:var(--idx-bg) !important;
}
#hd-widgets-list .v11w-shell{
  gap:14px !important;
}
#hd-widgets-list .v11w-hero{
  min-height:92px !important;
  border-radius:16px !important;
  padding:22px 24px !important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 54%,#6C8EEF 100%) !important;
}
#hd-widgets-list .v11w-card,
#hd-widgets-list .v11-widget-card{
  border-radius:14px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}
#hd-widgets-list .v11w-card:first-child,
#hd-widgets-list .v11-widget-card:first-child{
  display:block !important;
}
#hd-widgets-list .v11w-head{
  min-height:72px !important;
  padding:14px 18px !important;
}
#hd-widgets-list .v11w-name{
  color:var(--idx-text) !important;
  font:800 15px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-widgets-list .v11w-stats{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
#hd-widgets-list .v11w-stat{
  min-height:70px !important;
}
#hd-widgets-list .v11w-code{
  background:var(--idx-soft-blue) !important;
  color:var(--idx-blue-ui) !important;
}

/* Editor: real index-like configuration */
body.hd-editor-active #hd-page-editor{
  left:var(--heto-editor-left, 276px) !important;
  right:0 !important;
  width:auto !important;
  max-width:calc(100vw - var(--heto-editor-left, 276px)) !important;
  bottom:0 !important;
  background:var(--idx-bg) !important;
  overflow:hidden !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-chrome{
  background:#fff !important;
  border-bottom:1px solid var(--idx-border) !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-top{
  height:64px !important;
  background:#fff !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-right{
  background:#fff !important;
  border-left:1px solid #F4F7FE !important;
  border-top-left-radius:0 !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-search{
  width:min(420px,44vw) !important;
  height:40px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #DDE5F7 !important;
  box-shadow:var(--idx-shadow) !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-ico,
#hd-page-editor.heto-v11-editor-refined .v11e-user{
  background:var(--idx-soft) !important;
  color:var(--idx-blue) !important;
  border:1px solid var(--idx-border) !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-tabs{
  height:52px !important;
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
  gap:38px !important;
  padding:0 16px !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-tab.active{
  color:var(--idx-blue) !important;
  border-bottom-color:var(--idx-blue) !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  height:calc(100% - 116px) !important;
  background:#fff !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-body,
#hd-page-editor.heto-v11-editor-refined #page-edit-right,
#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene{
  background:var(--idx-bg) !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-body{
  padding:14px !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  border-left:1px solid var(--idx-border) !important;
}

/* Rubriques grid like index */
.heto-rubriques-shell{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow) !important;
  padding:14px !important;
  margin-bottom:12px !important;
}
.heto-rubriques-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
}
.heto-rubriques-kicker{
  color:var(--idx-muted) !important;
  font:800 10px/1 'Inter','Figtree',sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.heto-rubriques-sub{
  margin-top:4px !important;
  color:#8FA1C0 !important;
  font:500 12px/1.4 'Inter','Figtree',sans-serif !important;
}
.heto-rubriques-pill{
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:8px !important;
  background:var(--idx-soft-blue) !important;
  color:var(--idx-blue-ui) !important;
  font:700 11px 'Inter','Figtree',sans-serif !important;
}
.heto-rubriques-search{
  height:34px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 11px !important;
  border-radius:9px !important;
  background:var(--idx-soft) !important;
  border:1px solid var(--idx-border) !important;
  margin-bottom:12px !important;
}
.heto-rubriques-search svg{
  width:14px !important;
  height:14px !important;
  fill:none !important;
  stroke:#A3AED0 !important;
  stroke-width:2 !important;
}
.heto-rubriques-search input{
  flex:1 !important;
  min-width:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  font:500 12px 'Inter','Figtree',sans-serif !important;
  color:var(--idx-text2) !important;
}
.heto-rubriques-group{
  margin-top:10px !important;
}
.heto-rubriques-title{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:var(--idx-muted) !important;
  font:800 10px/1 'Inter','Figtree',sans-serif !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  margin:0 0 8px !important;
}
.heto-rubriques-title::after{
  content:'' !important;
  flex:1 !important;
  height:1px !important;
  background:#F4F7FE !important;
}
.heto-rubriques-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
}
.heto-rubrique{
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  text-align:left !important;
  border:1px solid var(--idx-border) !important;
  border-radius:12px !important;
  background:#fff !important;
  color:var(--idx-text2) !important;
  padding:9px 10px !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:.13s !important;
}
.heto-rubrique:hover{
  background:#FAFCFF !important;
  border-color:var(--idx-border-2) !important;
}
.heto-rubrique.active{
  background:var(--idx-soft-blue) !important;
  border-color:#B8C8F8 !important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08) !important;
}
.heto-rubrique-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--idx-soft) !important;
  border:1px solid var(--idx-border) !important;
  color:#A3AED0 !important;
}
.heto-rubrique.active .heto-rubrique-icon{
  background:var(--idx-blue-ui) !important;
  border-color:var(--idx-blue-ui) !important;
  color:#fff !important;
}
.heto-rubrique-icon svg{
  width:15px !important;
  height:15px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.heto-rubrique strong{
  display:block !important;
  color:inherit !important;
  font:700 11.5px/1.2 'Inter','Figtree',sans-serif !important;
}
.heto-rubrique small{
  display:block !important;
  margin-top:2px !important;
  color:var(--idx-muted) !important;
  font:500 10px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .wb-page-card{
  background:#fff !important;
  border:1px solid var(--idx-border) !important;
  border-radius:14px !important;
  box-shadow:var(--idx-shadow) !important;
  overflow:hidden !important;
  margin-bottom:12px !important;
}
#hd-page-editor .wb-card-head{
  min-height:42px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  background:#FAFCFF !important;
  border-bottom:1px solid #F4F7FE !important;
  color:var(--idx-text2) !important;
  font:800 12px 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .wb-card-head svg{
  width:14px !important;
  height:14px !important;
  fill:none !important;
  stroke:var(--idx-blue) !important;
  stroke-width:1.8 !important;
}
#hd-page-editor .wb-page-row{
  min-height:50px !important;
  padding:8px 14px !important;
  display:grid !important;
  grid-template-columns:minmax(160px,220px) minmax(0,1fr) !important;
  align-items:center !important;
  gap:14px !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-page-editor .wb-page-row:last-child{
  border-bottom:0 !important;
}
#hd-page-editor .wb-page-label{
  color:var(--idx-text2) !important;
  font:600 12.5px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .wb-page-label .hint{
  display:block !important;
  margin-top:3px !important;
  color:var(--idx-muted) !important;
  font:500 10.5px/1.2 'Inter','Figtree',sans-serif !important;
}
#hd-page-editor .wb-page-ctrl input[type=text],
#hd-page-editor .wb-input,
#hd-page-editor .wb-select{
  height:34px !important;
  border-radius:9px !important;
  background:var(--idx-soft) !important;
  border:1px solid var(--idx-border) !important;
}

/* Conversations/CRM/common */
#hd-page-conversations .hd-conv-wrap{
  padding:14px !important;
  gap:12px !important;
  background:var(--idx-bg) !important;
}
#hd-page-conversations .hd-conv-left,
#hd-page-conversations .hd-conv-panel,
#hd-page-conversations .hd-conv-side{
  border-radius:14px !important;
  border:1px solid var(--idx-border) !important;
  background:#fff !important;
  box-shadow:var(--idx-shadow) !important;
}
#hd-page-conversations .hd-conv-item.active{
  background:var(--idx-soft-blue) !important;
}
#hd-page-crm .hd-page-inner,
#hd-page-rdv .hd-page-inner,
#hd-page-emails .hd-page-inner,
#hd-page-forms .hd-page-inner,
#hd-page-knowledge .hd-page-inner,
#hd-page-billing .hd-page-inner,
#hd-page-account .hd-page-inner,
#hd-page-all-sites .hd-page-inner{
  padding:14px !important;
  background:var(--idx-bg) !important;
}

@media(max-width:1320px){
  #hd-page-overview .ov-cards,
  #hd-page-overview .hd-ov2-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #hd-page-overview .ov-bottom{grid-template-columns:1fr !important;}
  .heto-rubriques-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:1060px){
  #hd-page-overview .hd-topbar{grid-template-columns:1fr !important;}
  #hd-page-overview .hd-topbar-right{justify-content:flex-start !important;flex-wrap:wrap !important;}
  #hd-page-overview .dash-banner{flex-direction:column !important;align-items:flex-start !important;}
}
@media(max-width:720px){
  #hd-page-overview .ov-cards,
  #hd-page-overview .hd-ov2-kpis{grid-template-columns:1fr !important;}
  .heto-rubriques-grid{grid-template-columns:1fr !important;}
  #hd-page-editor .wb-page-row{grid-template-columns:1fr !important;}
}




/* ═══ HETO final fix preview + dashboard ═══ */

/* Dashboard : stop texte coupé + cartes mieux alignées */
#hd-page-overview .hd-topbar{
  min-height:78px !important;
  height:auto !important;
  padding:8px 16px 12px !important;
  align-items:center !important;
  overflow:visible !important;
}

#hd-page-overview .hd-topbar-left,
#hd-page-overview .hd-title-stack{
  overflow:visible !important;
  min-width:0 !important;
}

#hd-page-overview .hd-topbar-title{
  line-height:1.22 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
  display:block !important;
}

#hd-page-overview .hd-back-link{
  margin-top:4px !important;
  line-height:1.2 !important;
}

#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  padding-top:0 !important;
}

#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  margin-top:0 !important;
  margin-bottom:14px !important;
  min-height:150px !important;
}

#hd-page-overview .ov-cards{
  gap:12px !important;
  margin-bottom:12px !important;
}

#hd-page-overview .ov-card{
  position:relative !important;
  min-height:128px !important;
  padding:18px 20px 14px !important;
  overflow:visible !important;
}

#hd-page-overview .ov-card-head{
  position:static !important;
  height:auto !important;
  min-height:34px !important;
  margin:0 0 10px !important;
  padding:0 !important;
}

#hd-page-overview .ov-card-val{
  position:static !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.05 !important;
  transform:none !important;
  overflow:visible !important;
}

#hd-page-overview .ov-card-trend{
  margin-top:8px !important;
}

#hd-page-overview .ov-panel{
  overflow:hidden !important;
}

#hd-page-overview .ov-table{
  table-layout:fixed !important;
}

#hd-page-overview .ov-table th,
#hd-page-overview .ov-table td{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#hd-page-overview .ov-table th:nth-child(1),
#hd-page-overview .ov-table td:nth-child(1){width:24% !important;}
#hd-page-overview .ov-table th:nth-child(2),
#hd-page-overview .ov-table td:nth-child(2){width:43% !important;}
#hd-page-overview .ov-table th:nth-child(3),
#hd-page-overview .ov-table td:nth-child(3){width:12% !important;}
#hd-page-overview .ov-table th:nth-child(4),
#hd-page-overview .ov-table td:nth-child(4){width:12% !important;}
#hd-page-overview .ov-table th:nth-child(5),
#hd-page-overview .ov-table td:nth-child(5){width:9% !important;}

/* Configuration : aperçu en dimensions réelles */
#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene,
#hd-page-editor #page-edit-preview-scene{
  overflow:auto !important;
  background:#EEF2FB !important;
  scrollbar-width:thin !important;
  scrollbar-color:#C8D3F3 transparent !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene::-webkit-scrollbar,
#hd-page-editor #page-edit-preview-scene::-webkit-scrollbar{
  width:6px !important;
  height:6px !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene::-webkit-scrollbar-thumb,
#hd-page-editor #page-edit-preview-scene::-webkit-scrollbar-thumb{
  background:#C8D3F3 !important;
  border-radius:999px !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview,
#hd-page-editor #page-edit-preview{
  position:relative !important;
  inset:auto !important;
  z-index:5 !important;
  pointer-events:none !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene::after{
  content:'Dimensions réelles' !important;
  position:absolute !important;
  top:22px !important;
  right:26px !important;
  height:24px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#EBF0FF !important;
  color:#0C55F4 !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  z-index:3 !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  min-width:520px !important;
}

#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  grid-template-columns:minmax(0,1fr) minmax(520px,42vw) !important;
}

/* Rubriques : éviter que ça mange trop de place sur petit écran */
.heto-rubriques-shell{
  margin-bottom:12px !important;
}

@media(max-width:1380px){
  #hd-page-editor.heto-v11-editor-refined #page-edit-right{
    min-width:470px !important;
  }
  #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:minmax(0,1fr) minmax(470px,40vw) !important;
  }
}

@media(max-width:1180px){
  #hd-page-editor.heto-v11-editor-refined #page-edit-right{
    min-width:420px !important;
  }
  #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px) !important;
  }
}

@media(max-width:980px){
  #hd-page-editor.heto-v11-editor-refined #page-edit-right{
    display:none !important;
  }
  #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:1fr !important;
  }
}




/* HETO real update forced */
#hd-root{--idx-bg:#EEF2FB;--idx-blue:#0C55F4;--idx-ui:#5570F1;--idx-card:#fff;--idx-border:#E9EDF7;--idx-text:#1B2559;--idx-text2:#2B3674;--idx-muted:#A3AED0;--idx-shadow:0 1px 4px rgba(112,144,176,.06)}
#hd-page-overview .hd-topbar{min-height:78px!important;height:auto!important;padding:8px 16px 12px!important;overflow:visible!important;background:transparent!important;border:0!important;display:grid!important;grid-template-columns:minmax(220px,auto) minmax(320px,1fr) auto!important;gap:12px!important;align-items:center!important}
#hd-page-overview .hd-topbar-title{font-size:28px!important;line-height:1.2!important;margin:0!important;padding:0!important;white-space:nowrap!important;overflow:visible!important;color:var(--idx-text)!important}
#hd-page-overview .hd-back-link{margin-top:4px!important;line-height:1.2!important;color:#8FA1C0!important}
#hd-page-overview .hd-overview-search{height:42px!important;background:#fff!important;border:1px solid var(--idx-border)!important;border-radius:12px!important;box-shadow:var(--idx-shadow)!important}
#hd-page-overview .hd-topbar-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;max-width:none!important}
#hd-page-overview .hd-page-inner.hd-overview-shell{padding:0 16px 16px!important;background:var(--idx-bg)!important}
#hd-page-overview .dash-banner,#hd-page-overview .heto-index-dash{min-height:150px!important;margin:0 0 14px!important;border-radius:16px!important;padding:24px 32px!important;overflow:hidden!important}
#hd-page-overview .ov-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 12px!important;padding:0!important}
#hd-page-overview .ov-card{position:relative!important;min-height:128px!important;padding:18px 20px 14px!important;background:#fff!important;border:1px solid var(--idx-border)!important;border-radius:14px!important;box-shadow:var(--idx-shadow)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#hd-page-overview .ov-card-head{position:static!important;min-height:34px!important;margin:0 0 10px!important;padding:0!important;display:flex!important;align-items:center!important;gap:9px!important}
#hd-page-overview .ov-card-val{position:static!important;display:block!important;margin:0!important;padding:0!important;line-height:1.05!important;transform:none!important;overflow:visible!important;color:var(--idx-text)!important;font:800 30px/1.05 Inter,Figtree,sans-serif!important}
#hd-page-overview .ov-card-trend{position:static!important;margin-top:8px!important}
#hd-page-overview .ov-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:12px!important}
#hd-page-overview .ov-panel{background:#fff!important;border:1px solid var(--idx-border)!important;border-radius:14px!important;box-shadow:var(--idx-shadow)!important;overflow:hidden!important}
#hd-page-overview .ov-table{table-layout:fixed!important;width:100%!important}
#hd-page-overview .ov-table th,#hd-page-overview .ov-table td{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Editor preview real size */
#hd-page-editor.heto-v11-editor-refined #page-edit-grid{grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px)!important}
#hd-page-editor.heto-v11-editor-refined #page-edit-right{min-width:0!important;background:#EEF2FB!important}
#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene,#hd-page-editor #page-edit-preview-scene{overflow:auto!important;background:#EEF2FB!important}
#hd-page-editor.heto-v11-editor-refined #page-edit-preview,#hd-page-editor #page-edit-preview{position:relative!important;inset:auto!important;z-index:5!important;pointer-events:none!important}
#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene::after{content:'Dimensions réelles'!important;position:absolute!important;top:22px!important;right:26px!important;height:24px!important;display:flex!important;align-items:center!important;padding:0 10px!important;border-radius:999px!important;background:#EBF0FF!important;color:#0C55F4!important;font:700 10px Inter,Figtree,sans-serif!important;z-index:3!important}

@media(max-width:1320px){#hd-page-overview .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hd-page-overview .ov-bottom{grid-template-columns:1fr!important}#hd-page-editor.heto-v11-editor-refined #page-edit-grid{grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px)!important}}




#hd-page-overview{background:#EEF2FB!important;overflow:auto!important}
#hd-page-overview>.hd-topbar{display:none!important}
#hd-page-overview .hd-page-inner.hd-overview-shell,#hd-page-overview .heto-index-overview{margin:8px 14px 14px!important;padding:14px!important;background:#fff!important;border:1px solid #E9EDF7!important;border-radius:20px!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;min-height:calc(100vh - 64px)!important;overflow:hidden!important}
#hd-page-overview .dash-banner,#hd-page-overview .heto-index-dash{min-height:160px!important;margin:0!important;padding:26px 32px!important;border-radius:16px 16px 0 0!important;background:linear-gradient(135deg,#5570F1 0%,#4361EE 54%,#6C8EEF 100%)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;overflow:hidden!important}
#hd-page-overview .dash-banner:before{content:''!important;position:absolute!important;right:-52px!important;top:-130px!important;width:330px!important;height:330px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important}
#hd-page-overview .dash-banner:after{content:''!important;position:absolute!important;right:215px!important;bottom:-120px!important;width:230px!important;height:230px!important;border-radius:50%!important;background:rgba(255,255,255,.06)!important}
#hd-page-overview .dash-banner-text,#hd-page-overview .dash-stats,#hd-page-overview .dash-banner-graphic{position:relative!important;z-index:2!important}
#hd-page-overview .dash-banner-title{color:#fff!important;font:800 20px/1.2 Inter,Figtree,sans-serif!important;letter-spacing:-.02em!important;margin:0!important}
#hd-page-overview .dash-banner-sub{margin-top:8px!important;color:rgba(255,255,255,.78)!important;font:400 13px/1.5 Inter,Figtree,sans-serif!important}
#hd-page-overview .dash-config-btn{margin-top:20px!important;height:38px!important;padding:0 18px!important;border-radius:10px!important;border:1.5px solid rgba(255,255,255,.34)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font:600 13px Inter,Figtree,sans-serif!important}
#hd-page-overview .dash-stats{display:none!important}
#hd-page-overview .dash-banner-graphic{width:110px!important;height:110px!important;margin-right:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:24px!important;background:rgba(255,255,255,.14)!important}
#hd-page-overview .dash-banner-graphic svg{width:74px!important;height:74px!important}
#hd-page-overview .ov-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:14px 14px 12px!important;padding:0!important}
#hd-page-overview .ov-card{height:156px!important;min-height:156px!important;padding:16px 18px 12px!important;background:#fff!important;border:1px solid #E9EDF7!important;border-radius:14px!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative!important}
#hd-page-overview .ov-card-head{height:34px!important;min-height:34px!important;margin:0 0 8px!important;padding:0!important;display:flex!important;align-items:center!important;gap:8px!important}
#hd-page-overview .ov-card-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important}
#hd-page-overview .ov-card-icon svg{width:16px!important;height:16px!important}
#hd-page-overview .ov-card-lbl{color:#2B3674!important;font:700 13px/1.2 Inter,Figtree,sans-serif!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#hd-page-overview .ov-card-more{margin-left:auto!important;width:20px!important;height:20px!important;border:0!important;background:transparent!important;color:#A3AED0!important;line-height:1!important}
#hd-page-overview .ov-card-val{color:#1B2559!important;font:800 30px/1 Inter,Figtree,sans-serif!important;letter-spacing:-.03em!important;margin:0!important;padding:0!important;position:static!important}
#hd-page-overview .ov-card-trend{margin-top:8px!important;color:#05CD99!important;font:700 11.5px/1 Inter,Figtree,sans-serif!important;display:flex!important;align-items:center!important;gap:5px!important}
#hd-page-overview .ov-spark{display:block!important;height:34px!important;margin-top:auto!important;position:relative!important}
#hd-page-overview .ov-spark svg{display:none!important}
#hd-page-overview .ov-spark:after{content:''!important;display:block!important;width:100%!important;height:34px!important;background:linear-gradient(to top,#C7D2FE 0 30%,transparent 30%) 0 100%/10% 100% no-repeat,linear-gradient(to top,#BAC7FF 0 46%,transparent 46%) 14% 100%/10% 100% no-repeat,linear-gradient(to top,#A9B9F8 0 58%,transparent 58%) 28% 100%/10% 100% no-repeat,linear-gradient(to top,#CBD5FF 0 38%,transparent 38%) 42% 100%/10% 100% no-repeat,linear-gradient(to top,#91A5F8 0 70%,transparent 70%) 56% 100%/10% 100% no-repeat,linear-gradient(to top,#A8B7F9 0 52%,transparent 52%) 70% 100%/10% 100% no-repeat,linear-gradient(to top,#7B91F4 0 88%,transparent 88%) 84% 100%/10% 100% no-repeat,linear-gradient(to top,#5570F1 0 76%,transparent 76%) 98% 100%/10% 100% no-repeat;border-radius:6px!important;opacity:.9!important}
#hd-page-overview .ov-card:nth-child(3) .ov-spark:after{background:linear-gradient(to top,#C7F2E6 0 20%,transparent 20%) 0 100%/10% 100% no-repeat,linear-gradient(to top,#ACEBD9 0 35%,transparent 35%) 14% 100%/10% 100% no-repeat,linear-gradient(to top,#8CE5CF 0 48%,transparent 48%) 28% 100%/10% 100% no-repeat,linear-gradient(to top,#B6F0DF 0 28%,transparent 28%) 42% 100%/10% 100% no-repeat,linear-gradient(to top,#72DDBF 0 58%,transparent 58%) 56% 100%/10% 100% no-repeat,linear-gradient(to top,#97E8D3 0 40%,transparent 40%) 70% 100%/10% 100% no-repeat,linear-gradient(to top,#4FD0B1 0 68%,transparent 68%) 84% 100%/10% 100% no-repeat,linear-gradient(to top,#05CD99 0 82%,transparent 82%) 98% 100%/10% 100% no-repeat}
#hd-page-overview .ov-card:nth-child(4) .ov-spark:after{background:linear-gradient(to top,#FFD6D6 0 82%,transparent 82%) 0 100%/10% 100% no-repeat,linear-gradient(to top,#FFC7C7 0 70%,transparent 70%) 14% 100%/10% 100% no-repeat,linear-gradient(to top,#FFB8B8 0 60%,transparent 60%) 28% 100%/10% 100% no-repeat,linear-gradient(to top,#FFABAB 0 66%,transparent 66%) 42% 100%/10% 100% no-repeat,linear-gradient(to top,#FFD0D0 0 48%,transparent 48%) 56% 100%/10% 100% no-repeat,linear-gradient(to top,#FFD9D9 0 38%,transparent 38%) 70% 100%/10% 100% no-repeat,linear-gradient(to top,#FFE2E2 0 28%,transparent 28%) 84% 100%/10% 100% no-repeat,linear-gradient(to top,#FFECEC 0 16%,transparent 16%) 98% 100%/10% 100% no-repeat}
#hd-page-overview .ov-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:12px!important;padding:0 14px 14px!important}
#hd-page-overview .ov-panel{background:#fff!important;border:1px solid #E9EDF7!important;border-radius:14px!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;overflow:hidden!important}
#hd-page-overview .ov-convs{min-height:430px!important}
#hd-page-overview .ov-panel-head{height:52px!important;padding:0 16px!important;display:flex!important;align-items:center!important;border-bottom:1px solid #F4F7FE!important}
#hd-page-overview .ov-table{width:100%!important;table-layout:fixed!important}
#hd-page-overview .ov-table th{height:34px!important;padding:0 16px!important;background:#FAFCFF!important;color:#A3AED0!important;font:800 10px/1 Inter,Figtree,sans-serif!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left!important}
#hd-page-overview .ov-table td{height:52px!important;padding:0 16px!important;color:#52627A!important;font:500 12px/1.35 Inter,Figtree,sans-serif!important;border-bottom:1px solid #F4F7FE!important;overflow:hidden!important;text-overflow:ellipsis!important}
#hd-page-overview .ov-table th:nth-child(1),#hd-page-overview .ov-table td:nth-child(1){width:24%!important}#hd-page-overview .ov-table th:nth-child(2),#hd-page-overview .ov-table td:nth-child(2){width:43%!important}#hd-page-overview .ov-table th:nth-child(3),#hd-page-overview .ov-table td:nth-child(3){width:14%!important}#hd-page-overview .ov-table th:nth-child(4),#hd-page-overview .ov-table td:nth-child(4){width:11%!important}#hd-page-overview .ov-table th:nth-child(5),#hd-page-overview .ov-table td:nth-child(5){width:8%!important}
#hd-page-overview .ov-aside{display:flex!important;flex-direction:column!important;gap:12px!important}
#hd-page-editor.heto-v11-editor-refined #page-edit-grid{grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px)!important}#hd-page-editor #page-edit-preview-scene{overflow:auto!important}#hd-page-editor #page-edit-preview{position:relative!important;inset:auto!important;transform:none!important;pointer-events:none!important}
@media(max-width:1360px){#hd-page-overview .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#hd-page-overview .ov-bottom{grid-template-columns:1fr!important}}@media(max-width:1080px){#hd-page-overview .hd-page-inner.hd-overview-shell{margin:8px!important}#hd-page-overview .dash-banner{border-radius:16px!important}#hd-page-overview .ov-cards{grid-template-columns:1fr!important;margin:12px!important}}





/* HETO dashboard index final */
#hd-page-overview{
  background:#EEF2FB!important;
  overflow:auto!important;
}
#hd-page-overview > .hd-topbar{
  display:none!important;
}
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  box-sizing:border-box!important;
  width:calc(100% - 28px)!important;
  max-width:none!important;
  margin:8px 14px 14px!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid #E9EDF7!important;
  border-radius:20px!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
  min-height:calc(100vh - 60px)!important;
  overflow:hidden!important;
}

/* Hero */
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:160px!important;
  margin:0!important;
  padding:26px 32px!important;
  border-radius:16px 16px 0 0!important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 52%,#6C8EEF 100%)!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  position:relative!important;
  overflow:hidden!important;
}
#hd-page-overview .dash-banner::before{
  content:''!important;
  position:absolute!important;
  right:-55px!important;
  top:-135px!important;
  width:330px!important;
  height:330px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
}
#hd-page-overview .dash-banner::after{
  content:''!important;
  position:absolute!important;
  right:205px!important;
  bottom:-120px!important;
  width:230px!important;
  height:230px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.06)!important;
}
#hd-page-overview .dash-banner-text,
#hd-page-overview .dash-banner-graphic{
  position:relative!important;
  z-index:2!important;
}
#hd-page-overview .dash-banner-title{
  color:#fff!important;
  font:800 20px/1.2 Inter,Figtree,sans-serif!important;
  margin:0!important;
  letter-spacing:-.02em!important;
}
#hd-page-overview .dash-banner-sub{
  margin-top:8px!important;
  color:rgba(255,255,255,.78)!important;
  font:400 13px/1.5 Inter,Figtree,sans-serif!important;
}
#hd-page-overview .dash-config-btn{
  margin-top:20px!important;
  height:38px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  border:1.5px solid rgba(255,255,255,.34)!important;
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  font:600 13px Inter,Figtree,sans-serif!important;
}
#hd-page-overview .dash-stats{
  display:none!important;
}
#hd-page-overview .dash-banner-graphic{
  width:110px!important;
  height:110px!important;
  margin-right:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.14)!important;
}
#hd-page-overview .dash-banner-graphic svg{
  width:74px!important;
  height:74px!important;
}

/* KPI cards index-like, aligned */
#hd-page-overview .ov-cards{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:14px 14px 12px!important;
  padding:0!important;
  width:calc(100% - 28px)!important;
}
#hd-page-overview .ov-card{
  box-sizing:border-box!important;
  height:156px!important;
  min-height:156px!important;
  padding:16px 18px 12px!important;
  background:#fff!important;
  border:1px solid #E9EDF7!important;
  border-radius:14px!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  position:relative!important;
}
#hd-page-overview .ov-card-head{
  height:34px!important;
  min-height:34px!important;
  margin:0 0 8px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
#hd-page-overview .ov-card-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#hd-page-overview .ov-card-icon svg{
  width:16px!important;
  height:16px!important;
}
#hd-page-overview .ov-card-lbl{
  color:#2B3674!important;
  font:700 13px/1.2 Inter,Figtree,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#hd-page-overview .ov-card-more{
  margin-left:auto!important;
  width:20px!important;
  height:20px!important;
  border:0!important;
  background:transparent!important;
  color:#A3AED0!important;
  font-size:16px!important;
  line-height:1!important;
}
#hd-page-overview .ov-card-val{
  color:#1B2559!important;
  font:800 30px/1 Inter,Figtree,sans-serif!important;
  letter-spacing:-.03em!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
}
#hd-page-overview .ov-card-trend{
  margin-top:8px!important;
  color:#05CD99!important;
  font:700 11.5px/1 Inter,Figtree,sans-serif!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
#hd-page-overview .ov-spark{
  display:block!important;
  height:34px!important;
  margin-top:auto!important;
  position:relative!important;
}
#hd-page-overview .ov-spark svg{
  display:none!important;
}
#hd-page-overview .ov-spark::after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:34px!important;
  background:
    linear-gradient(to top,#C7D2FE 0 30%,transparent 30%) 0 100%/10% 100% no-repeat,
    linear-gradient(to top,#BAC7FF 0 46%,transparent 46%) 14% 100%/10% 100% no-repeat,
    linear-gradient(to top,#A9B9F8 0 58%,transparent 58%) 28% 100%/10% 100% no-repeat,
    linear-gradient(to top,#CBD5FF 0 38%,transparent 38%) 42% 100%/10% 100% no-repeat,
    linear-gradient(to top,#91A5F8 0 70%,transparent 70%) 56% 100%/10% 100% no-repeat,
    linear-gradient(to top,#A8B7F9 0 52%,transparent 52%) 70% 100%/10% 100% no-repeat,
    linear-gradient(to top,#7B91F4 0 88%,transparent 88%) 84% 100%/10% 100% no-repeat,
    linear-gradient(to top,#5570F1 0 76%,transparent 76%) 98% 100%/10% 100% no-repeat;
  border-radius:6px!important;
}
#hd-page-overview .ov-card:nth-child(2) .ov-spark::after{
  background:
    linear-gradient(to top,#FFE6C2 0 32%,transparent 32%) 0 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFE0B2 0 22%,transparent 22%) 14% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFD494 0 46%,transparent 46%) 28% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFE5BE 0 28%,transparent 28%) 42% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFC36C 0 60%,transparent 60%) 56% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFD390 0 48%,transparent 48%) 70% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFB347 0 74%,transparent 74%) 84% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFA41C 0 88%,transparent 88%) 98% 100%/10% 100% no-repeat;
}
#hd-page-overview .ov-card:nth-child(3) .ov-spark::after{
  background:
    linear-gradient(to top,#C7F2E6 0 20%,transparent 20%) 0 100%/10% 100% no-repeat,
    linear-gradient(to top,#ACEBD9 0 35%,transparent 35%) 14% 100%/10% 100% no-repeat,
    linear-gradient(to top,#8CE5CF 0 48%,transparent 48%) 28% 100%/10% 100% no-repeat,
    linear-gradient(to top,#B6F0DF 0 28%,transparent 28%) 42% 100%/10% 100% no-repeat,
    linear-gradient(to top,#72DDBF 0 58%,transparent 58%) 56% 100%/10% 100% no-repeat,
    linear-gradient(to top,#97E8D3 0 40%,transparent 40%) 70% 100%/10% 100% no-repeat,
    linear-gradient(to top,#4FD0B1 0 68%,transparent 68%) 84% 100%/10% 100% no-repeat,
    linear-gradient(to top,#05CD99 0 82%,transparent 82%) 98% 100%/10% 100% no-repeat;
}
#hd-page-overview .ov-card:nth-child(4) .ov-spark::after{
  background:
    linear-gradient(to top,#FFD6D6 0 82%,transparent 82%) 0 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFC7C7 0 70%,transparent 70%) 14% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFB8B8 0 60%,transparent 60%) 28% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFABAB 0 66%,transparent 66%) 42% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFD0D0 0 48%,transparent 48%) 56% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFD9D9 0 38%,transparent 38%) 70% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFE2E2 0 28%,transparent 28%) 84% 100%/10% 100% no-repeat,
    linear-gradient(to top,#FFECEC 0 16%,transparent 16%) 98% 100%/10% 100% no-repeat;
}

/* Bottom sections */
#hd-page-overview .ov-bottom{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:12px!important;
  padding:0 14px 14px!important;
  width:100%!important;
}
#hd-page-overview .ov-panel{
  background:#fff!important;
  border:1px solid #E9EDF7!important;
  border-radius:14px!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
  overflow:hidden!important;
}
#hd-page-overview .ov-convs{
  min-height:430px!important;
}
#hd-page-overview .ov-panel-head{
  height:52px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #F4F7FE!important;
}
#hd-page-overview .ov-table{
  width:100%!important;
  table-layout:fixed!important;
}
#hd-page-overview .ov-table th{
  height:34px!important;
  padding:0 16px!important;
  background:#FAFCFF!important;
  color:#A3AED0!important;
  font:800 10px/1 Inter,Figtree,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
#hd-page-overview .ov-table td{
  height:52px!important;
  padding:0 16px!important;
  color:#52627A!important;
  font:500 12px/1.35 Inter,Figtree,sans-serif!important;
  border-bottom:1px solid #F4F7FE!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#hd-page-overview .ov-table th:nth-child(1),#hd-page-overview .ov-table td:nth-child(1){width:24%!important}
#hd-page-overview .ov-table th:nth-child(2),#hd-page-overview .ov-table td:nth-child(2){width:43%!important}
#hd-page-overview .ov-table th:nth-child(3),#hd-page-overview .ov-table td:nth-child(3){width:14%!important}
#hd-page-overview .ov-table th:nth-child(4),#hd-page-overview .ov-table td:nth-child(4){width:11%!important}
#hd-page-overview .ov-table th:nth-child(5),#hd-page-overview .ov-table td:nth-child(5){width:8%!important}

#hd-page-overview .ov-aside{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
#hd-page-overview .ov-plan-rows{
  padding:12px 14px!important;
}
#hd-page-overview .ov-plan-row{
  min-height:28px!important;
  align-items:center!important;
}

/* Real preview */
#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px)!important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  min-width:0!important;
}
#hd-page-editor #page-edit-preview-scene{
  overflow:auto!important;
}
#hd-page-editor #page-edit-preview{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  pointer-events:none!important;
}

@media(max-width:1360px){
  #hd-page-overview .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #hd-page-overview .ov-bottom{grid-template-columns:1fr!important}
}
@media(max-width:1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell{margin:8px!important;width:calc(100% - 16px)!important}
  #hd-page-overview .dash-banner{border-radius:16px!important}
  #hd-page-overview .ov-cards{grid-template-columns:1fr!important;margin:12px!important;width:calc(100% - 24px)!important}
}





/* HETO dashboard real bars + aligned width */
#hd-page-overview{
  background:#EEF2FB!important;
}

/* White canvas should be the real container; hero/cards/bottom share same width */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  box-sizing:border-box!important;
  width:calc(100% - 28px)!important;
  margin:8px 14px 14px!important;
  padding:14px!important;
  background:#fff!important;
  border:1px solid #E9EDF7!important;
  border-radius:20px!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
  overflow:hidden!important;
}

#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:160px!important;
  margin:0!important;
  padding:26px 32px!important;
  border-radius:16px 16px 0 0!important;
}

#hd-page-overview .ov-cards{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:14px 0 12px!important;
  padding:0!important;
}

#hd-page-overview .ov-bottom{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:12px!important;
  padding:0!important;
  margin:0!important;
}

/* KPI cards: bars are real DOM bars now, no fake CSS bars */
#hd-page-overview .ov-card{
  height:156px!important;
  min-height:156px!important;
  padding:16px 18px 12px!important;
  overflow:hidden!important;
}

#hd-page-overview .ov-spark{
  height:38px!important;
  margin-top:auto!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  position:relative!important;
}

#hd-page-overview .ov-spark svg{
  display:none!important;
}

#hd-page-overview .ov-spark::after{
  display:none!important;
  content:none!important;
}

#hd-page-overview .heto-real-bars{
  width:100%!important;
  height:38px!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
}

#hd-page-overview .heto-real-bar{
  flex:1 1 0!important;
  min-width:5px!important;
  border-radius:5px 5px 3px 3px!important;
  opacity:.95!important;
  transition:height .25s ease!important;
}

#hd-page-overview .heto-real-bars.messages .heto-real-bar{
  background:linear-gradient(180deg,#8EA1FF 0%,#5570F1 100%)!important;
}
#hd-page-overview .heto-real-bars.contacts .heto-real-bar{
  background:linear-gradient(180deg,#FFD89A 0%,#FFA41C 100%)!important;
}
#hd-page-overview .heto-real-bars.rdv .heto-real-bar{
  background:linear-gradient(180deg,#7EE3CC 0%,#05CD99 100%)!important;
}
#hd-page-overview .heto-real-bars.questions .heto-real-bar{
  background:linear-gradient(180deg,#FFB1B1 0%,#FF6B6B 100%)!important;
}

#hd-page-overview .heto-real-days{
  display:none!important;
}

/* cards colors / semantic labels */
#hd-page-overview .ov-card:nth-child(1) .ov-card-icon{background:#EBF0FF!important}
#hd-page-overview .ov-card:nth-child(1) .ov-card-icon svg{stroke:#5570F1!important}
#hd-page-overview .ov-card:nth-child(2) .ov-card-icon{background:#FFF0DC!important}
#hd-page-overview .ov-card:nth-child(2) .ov-card-icon svg{stroke:#FFA41C!important}
#hd-page-overview .ov-card:nth-child(3) .ov-card-icon{background:#E6FAF5!important}
#hd-page-overview .ov-card:nth-child(3) .ov-card-icon svg{stroke:#05CD99!important}
#hd-page-overview .ov-card:nth-child(4) .ov-card-icon{background:#FFECEC!important}
#hd-page-overview .ov-card:nth-child(4) .ov-card-icon svg{stroke:#FF6B6B!important}

/* Plan block values aligned */
#hd-page-overview .ov-aside{
  min-width:0!important;
}
#hd-page-overview .ov-plan-row{
  display:grid!important;
  grid-template-columns:105px 1fr!important;
  gap:10px!important;
}
#hd-page-overview .ov-prog-wrap{
  min-width:0!important;
}

/* Responsive alignment */
@media(max-width:1360px){
  #hd-page-overview .ov-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #hd-page-overview .ov-bottom{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    width:calc(100% - 16px)!important;
    margin:8px!important;
    padding:12px!important;
  }
  #hd-page-overview .dash-banner,
  #hd-page-overview .heto-index-dash{
    border-radius:16px!important;
  }
  #hd-page-overview .ov-cards{
    grid-template-columns:1fr!important;
  }
}





/* HETO spacing + animated banners */
@keyframes hetoBannerFloatA{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-18px,12px,0) scale(1.06)}
  100%{transform:translate3d(0,0,0) scale(1)}
}
@keyframes hetoBannerFloatB{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(16px,-10px,0) scale(1.08)}
  100%{transform:translate3d(0,0,0) scale(1)}
}
@keyframes hetoBannerShine{
  0%{transform:translateX(-130%) rotate(10deg);opacity:0}
  18%{opacity:.18}
  45%{opacity:.08}
  100%{transform:translateX(130%) rotate(10deg);opacity:0}
}

/* Moins d’espace gauche/droite sur le dashboard */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  width:calc(100% - 12px)!important;
  margin:6px 6px 10px!important;
  padding:10px!important;
  border-radius:20px!important;
}

#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:16px 16px 0 0!important;
}

#hd-page-overview .ov-cards{
  width:100%!important;
  margin:12px 0!important;
  gap:10px!important;
}

#hd-page-overview .ov-bottom{
  width:100%!important;
  padding:0!important;
  margin:0!important;
  gap:10px!important;
}

/* Animation du rectangle bleu dashboard */
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash,
#hd-widgets-list .v11w-hero,
#hd-page-widgets .hd-topbar,
.hd-index-dash-banner,
.hd-trial-banner,
.hd-pro-banner,
.heto-plan-banner,
[class*="feature"][class*="banner"],
[class*="upgrade"][class*="banner"]{
  position:relative!important;
  overflow:hidden!important;
}

#hd-page-overview .dash-banner::before,
#hd-page-overview .heto-index-dash::before,
#hd-widgets-list .v11w-hero::before,
#hd-page-widgets .hd-topbar::before,
.hd-index-dash-banner::before,
.hd-trial-banner::before,
.hd-pro-banner::before,
.heto-plan-banner::before,
[class*="feature"][class*="banner"]::before,
[class*="upgrade"][class*="banner"]::before{
  animation:hetoBannerFloatA 10s ease-in-out infinite!important;
  will-change:transform!important;
}

#hd-page-overview .dash-banner::after,
#hd-page-overview .heto-index-dash::after,
#hd-widgets-list .v11w-hero::after,
#hd-page-widgets .hd-topbar::after,
.hd-index-dash-banner::after,
.hd-trial-banner::after,
.hd-pro-banner::after,
.heto-plan-banner::after,
[class*="feature"][class*="banner"]::after,
[class*="upgrade"][class*="banner"]::after{
  animation:hetoBannerFloatB 12s ease-in-out infinite!important;
  will-change:transform!important;
}

/* Reflets légers sur les grandes bannières bleues */
#hd-page-overview .dash-banner .heto-banner-shine,
#hd-widgets-list .v11w-hero .heto-banner-shine{
  pointer-events:none!important;
}

#hd-page-overview .dash-banner > * ,
#hd-page-overview .heto-index-dash > *,
#hd-widgets-list .v11w-hero > *{
  position:relative!important;
  z-index:2!important;
}

#hd-page-overview .dash-banner::selection,
#hd-widgets-list .v11w-hero::selection{
  background:rgba(255,255,255,.25)!important;
}

/* Pseudo shine sans modifier le HTML */
#hd-page-overview .dash-banner .dash-banner-text::after,
#hd-widgets-list .v11w-hero .v11w-hero-main::after{
  content:''!important;
  position:absolute!important;
  top:-80px!important;
  bottom:-80px!important;
  left:-240px!important;
  width:180px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important;
  transform:rotate(10deg)!important;
  animation:hetoBannerShine 7.5s ease-in-out infinite!important;
  pointer-events:none!important;
  z-index:-1!important;
}

/* Animation aussi sur les cartes/bannières d’upgrade claires */
.hd-trial-banner,
.hd-pro-banner,
.heto-plan-banner,
[class*="feature"][class*="banner"],
[class*="upgrade"][class*="banner"]{
  isolation:isolate!important;
}

.hd-trial-banner::before,
.hd-pro-banner::before,
.heto-plan-banner::before,
[class*="feature"][class*="banner"]::before,
[class*="upgrade"][class*="banner"]::before{
  content:''!important;
  position:absolute!important;
  right:-70px!important;
  top:-100px!important;
  width:220px!important;
  height:220px!important;
  border-radius:50%!important;
  background:rgba(255,164,28,.08)!important;
  z-index:0!important;
}

.hd-trial-banner::after,
.hd-pro-banner::after,
.heto-plan-banner::after,
[class*="feature"][class*="banner"]::after,
[class*="upgrade"][class*="banner"]::after{
  content:''!important;
  position:absolute!important;
  left:20%!important;
  bottom:-140px!important;
  width:240px!important;
  height:240px!important;
  border-radius:50%!important;
  background:rgba(85,112,241,.06)!important;
  z-index:0!important;
}

.hd-trial-banner > *,
.hd-pro-banner > *,
.heto-plan-banner > *,
[class*="feature"][class*="banner"] > *,
[class*="upgrade"][class*="banner"] > *{
  position:relative!important;
  z-index:1!important;
}

/* Conserve un rendu propre si le navigateur réduit les animations */
@media (prefers-reduced-motion: reduce){
  #hd-root *::before,
  #hd-root *::after{
    animation:none!important;
  }
}

@media(max-width:1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    width:calc(100% - 8px)!important;
    margin:4px!important;
    padding:8px!important;
  }
}





/* HETO dashboard spacing + icon position fix */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  width:calc(100% - 28px)!important;
  margin:14px!important;
  padding:14px!important;
  box-sizing:border-box!important;
}

/* même espace en haut, gauche et droite autour du rectangle bleu */
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  width:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:16px 16px 0 0!important;
  padding:26px 32px!important;
}

/* remettre le bloc icône bien à droite, pas au milieu */
#hd-page-overview .dash-banner-graphic{
  position:absolute!important;
  z-index:2!important;
  top:50%!important;
  right:32px!important;
  transform:translateY(-50%)!important;
  width:110px!important;
  height:110px!important;
  margin:0!important;
}

#hd-page-overview .dash-banner-graphic::before,
#hd-page-overview .dash-banner-graphic::after{
  display:none!important;
}

#hd-page-overview .dash-banner-text{
  max-width:calc(100% - 180px)!important;
}

#hd-page-overview .ov-cards{
  width:100%!important;
  margin:12px 0!important;
}

#hd-page-overview .ov-bottom{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

/* conserver l'animation des formes, mais pas sur le bloc icône */
#hd-page-overview .dash-banner-graphic{
  animation:none!important;
}

@media(max-width:1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    width:calc(100% - 20px)!important;
    margin:10px!important;
    padding:10px!important;
  }
  #hd-page-overview .dash-banner-graphic{
    display:none!important;
  }
  #hd-page-overview .dash-banner-text{
    max-width:100%!important;
  }
}





/* HETO dashboard compact spacing */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  width:calc(100% - 12px)!important;
  margin:6px!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
}

/* Le rectangle bleu remplit mieux son bloc */
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:15px 15px 0 0!important;
}

/* Les blocs du dessous utilisent la même largeur que la bannière */
#hd-page-overview .ov-cards{
  width:100%!important;
  max-width:none!important;
  margin:10px 0!important;
  padding:0!important;
  box-sizing:border-box!important;
  gap:10px!important;
}

#hd-page-overview .ov-bottom{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  gap:10px!important;
}

/* Le fond qui contient la bannière ne laisse plus de gros vide gauche/droite */
#hd-page-overview{
  padding-left:0!important;
  padding-right:0!important;
}

@media(max-width:1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    width:calc(100% - 8px)!important;
    margin:4px!important;
    padding:6px!important;
  }
}





/* HETO dashboard: largeur max dans le cadre intérieur (sans toucher à la hauteur) */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  width:calc(100% - 24px)!important;
  margin:12px!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border-radius:22px!important;
}

/* La bannière bleue occupe toute la largeur disponible du cadre intérieur */
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash,
#hd-page-overview .hd-index-dash-banner{
  width:100%!important;
  max-width:none!important;
  margin:0 0 12px 0!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}

/* Le bloc du dessous (stats + contenu) prend aussi toute la largeur disponible */
#hd-page-overview .ov-cards,
#hd-page-overview .ov-bottom{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}

/* Supprime tout rétrécissement horizontal parasite sur les colonnes/grilles */
#hd-page-overview .ov-cards > *,
#hd-page-overview .ov-bottom > *,
#hd-page-overview .dash-banner > *{
  box-sizing:border-box!important;
}

/* Sécurise la largeur des deux gros blocs du dessous */
#hd-page-overview .ov-main,
#hd-page-overview .ov-side,
#hd-page-overview .ov-bottom-left,
#hd-page-overview .ov-bottom-right{
  box-sizing:border-box!important;
}

/* Ne pas modifier la hauteur / compacité déjà en place */
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash{
  min-height:unset!important;
}

/* Responsive */
@media(max-width:1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    width:calc(100% - 16px)!important;
    margin:8px!important;
    padding:8px!important;
  }
}




/* Fix spacing equalisé: bloc bleu + bloc dessous collés au cadre intérieur */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  padding:8px !important;
  background:var(--idx-bg) !important;
  box-sizing:border-box !important;
}

#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash,
#hd-page-overview .hd-index-dash-banner{
  width:100% !important;
  max-width:none !important;
  margin:0 0 12px 0 !important;
  box-sizing:border-box !important;
}

#hd-page-overview .ov-cards,
#hd-page-overview .hd-ov2-kpis,
#hd-page-overview .ov-bottom{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

#hd-page-overview .ov-panel,
#hd-page-overview .ov-card{
  box-sizing:border-box !important;
}

@media (max-width: 1080px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    padding:8px !important;
  }
}



/* === FINAL FIX: dashboard full-width inside inner frame === */
#hd-page-overview .hd-page-inner.hd-overview-shell,
#hd-page-overview .heto-index-overview{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  padding:12px !important;
  margin:0 !important;
  background:var(--idx-bg) !important;
}

#hd-page-overview .hd-page-inner.hd-overview-shell > .dash-banner,
#hd-page-overview .hd-page-inner.hd-overview-shell > .heto-index-dash,
#hd-page-overview .hd-page-inner.hd-overview-shell > .hd-index-dash-banner,
#hd-page-overview .heto-index-overview > .dash-banner,
#hd-page-overview .heto-index-overview > .heto-index-dash,
#hd-page-overview .heto-index-overview > .hd-index-dash-banner,
#hd-page-overview .dash-banner,
#hd-page-overview .heto-index-dash,
#hd-page-overview .hd-index-dash-banner{
  display:flex !important;
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 0 12px 0 !important;
  align-self:stretch !important;
}

#hd-page-overview .ov-cards,
#hd-page-overview .hd-ov2-kpis,
#hd-page-overview .ov-bottom,
#hd-page-overview .hd-ov2-bottom{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin-left:0 !important;
  margin-right:0 !important;
  align-self:stretch !important;
}

#hd-page-overview .ov-cards,
#hd-page-overview .hd-ov2-kpis{
  margin:0 0 12px 0 !important;
  padding:0 !important;
}

#hd-page-overview .ov-bottom,
#hd-page-overview .hd-ov2-bottom{
  margin:0 !important;
  padding:0 !important;
}

#hd-page-overview .ov-panel,
#hd-page-overview .ov-card,
#hd-page-overview .hd-ov2-kpi,
#hd-page-overview .hd-ov2-main,
#hd-page-overview .hd-ov2-side{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}

@media (min-width: 1200px){
  #hd-page-overview .hd-page-inner.hd-overview-shell,
  #hd-page-overview .heto-index-overview{
    padding:10px 12px 12px 12px !important;
  }
}

/* ═══ HETO v11w-info section — missing CSS fix ═══
   The JS generates v11w-info-grid/item/icon/lbl/val classes
   that had no corresponding CSS, causing raw colored-stripe rendering.
*/
#hd-widgets-list .v11w-info{
  background:#fff !important;
  border-bottom:1px solid #F4F7FE !important;
}
#hd-widgets-list .v11w-info-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
#hd-widgets-list .v11w-info-item{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px 16px !important;
  min-height:72px !important;
  border-right:1px solid #F4F7FE !important;
  background:#fff !important;
}
#hd-widgets-list .v11w-info-item:last-child{
  border-right:0 !important;
}
#hd-widgets-list .v11w-info-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-shrink:0 !important;
}
#hd-widgets-list .v11w-info-icon svg{
  width:16px !important;
  height:16px !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
#hd-widgets-list .v11w-info-lbl{
  color:#A3AED0 !important;
  font:700 10px 'Inter','Figtree',sans-serif !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  margin-bottom:3px !important;
  display:block !important;
}
#hd-widgets-list .v11w-info-val{
  color:#1B2559 !important;
  font:600 13px/1.2 'Inter','Figtree',sans-serif !important;
  display:block !important;
}

/* Responsive: 2 columns on smaller screens */
@media(max-width:960px){
  #hd-widgets-list .v11w-info-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #hd-widgets-list .v11w-info-item:nth-child(2){
    border-right:0 !important;
  }
}

/* ═══ HETO hero-right alignment fix — button always right, never drifts to center ═══ */
#hd-widgets-list .v11w-hero{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:20px !important;
}
#hd-widgets-list .v11w-hero-right{
  margin-left:auto !important;
  flex-shrink:0 !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  min-width:fit-content !important;
}
#hd-widgets-list .v11w-mini-actions{
  display:none !important;
}

/* ═══ KPI card height — increase to fit sparkline bars ═══ */
#hd-page-overview .ov-card{
  height:172px !important;
  min-height:172px !important;
}
/* Ensure spark container is always fully visible and has real height */
#hd-page-overview .heto-kpi-spark{
  display:block !important;
  width:100% !important;
  height:36px !important;
  min-height:36px !important;
  margin-top:8px !important;
  overflow:visible !important;
  flex-shrink:0 !important;
}
#hd-page-overview .heto-kpi-spark > div {
  width:100% !important;
  height:36px !important;
}

/* ═══ HETO KPI history bars — real 14-day data, visible zero days ═══ */
#hd-page-overview .heto-kpi-spark{
  display:block !important;
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin-top:auto !important;
  overflow:visible !important;
  flex-shrink:0 !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bars{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:stretch !important;
  gap:6px !important;
  width:100% !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bar{
  display:block !important;
  flex:1 1 0 !important;
  min-width:6px !important;
  height:var(--bar-h,5px) !important;
  max-height:38px !important;
  opacity:var(--bar-opacity,.95) !important;
  border-radius:4px 4px 2px 2px !important;
  transition:height .25s ease, opacity .25s ease !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bar.is-zero{
  height:var(--bar-h,5px) !important;
  opacity:var(--bar-opacity,.35) !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bars.messages .heto-real-bar{background:linear-gradient(180deg,#8EA1FF,#5570F1) !important;}
#hd-page-overview .heto-kpi-spark .heto-real-bars.contacts .heto-real-bar{background:linear-gradient(180deg,#FFD89A,#FFA41C) !important;}
#hd-page-overview .heto-kpi-spark .heto-real-bars.rdv .heto-real-bar{background:linear-gradient(180deg,#7EE3CC,#05CD99) !important;}
#hd-page-overview .heto-kpi-spark .heto-real-bars.questions .heto-real-bar{background:linear-gradient(180deg,#FFB1B1,#FF6B6B) !important;}


/* ===== HETO KPI history bars final v2 — 14 jours + zéros visibles ===== */
#hd-page-overview .heto-kpi-spark .heto-real-bars{
  gap:6px !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bar{
  min-width:6px !important;
  height:var(--bar-h,6px) !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bar.is-zero{
  height:var(--bar-h,6px) !important;
  opacity:var(--bar-opacity,.52) !important;
}

/* HETO 2.1.113 — correctifs responsive configuration */
#hd-page-editor.heto-v11-editor-refined{
  overflow:hidden !important;
  min-width:0 !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-chrome{
  min-width:0 !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-tabs{
  gap:18px !important;
  padding:0 16px !important;
  align-items:center !important;
  overscroll-behavior-x:contain !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-tab{
  min-width:max-content !important;
  flex:0 0 auto !important;
  height:40px !important;
  flex-direction:row !important;
  gap:7px !important;
  border-bottom:0 !important;
  border-radius:12px !important;
  padding:0 12px !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-tab.active{
  background:rgba(33,86,243,.08) !important;
  border:1px solid rgba(33,86,243,.16) !important;
  color:#2156F3 !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  min-width:0 !important;
  overflow:hidden !important;
  display:grid !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-grid.heto-editor-fullwidth,
#hd-page-editor.heto-v11-editor-refined.heto-editor-fullwidth-active #page-edit-grid{
  grid-template-columns:minmax(0,1fr) !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-grid.heto-editor-with-preview{
  grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px) !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-body,
#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  min-width:0 !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-right{
  width:auto !important;
  max-width:560px !important;
  overflow:hidden !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene{
  overflow:auto !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-preview{
  max-width:100% !important;
  transform-origin:top center !important;
}
#hd-page-editor.heto-v11-editor-refined .heto-rubriques-shell,
#hd-page-editor.heto-v11-editor-refined .wb-wrap,
#hd-page-editor.heto-v11-editor-refined .wb-section,
#hd-page-editor.heto-v11-editor-refined .wb-page-card{
  max-width:100% !important;
  box-sizing:border-box !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-grid.heto-editor-fullwidth #page-edit-body > div{
  max-width:1180px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
@media(max-width:1180px){
  #hd-page-editor.heto-v11-editor-refined #page-edit-grid.heto-editor-with-preview{
    grid-template-columns:minmax(0,1fr) !important;
  }
  #hd-page-editor.heto-v11-editor-refined #page-edit-right{
    display:none !important;
  }
}
@media(max-width:760px){
  #hd-page-editor.heto-v11-editor-refined .v11e-right{display:none !important;}
  #hd-page-editor.heto-v11-editor-refined .v11e-top{grid-template-columns:1fr !important;}
  #hd-page-editor.heto-v11-editor-refined .v11e-search{min-width:0 !important;max-width:none !important;}
  #hd-page-editor.heto-v11-editor-refined .v11e-tab span{font-size:11px !important;}
}

/* HETO 2.1.114 — connecteurs + sauvegarde éditeur stable */
#hd-page-editor.heto-v11-editor-refined .v11e-savebar{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:30 !important;
  padding:10px 18px !important;
  background:linear-gradient(180deg, rgba(238,242,251,0), rgba(238,242,251,.94) 22%, rgba(238,242,251,.98)) !important;
  pointer-events:none !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-savebar-inner{
  max-width:980px !important;
  margin:0 auto !important;
  padding:10px 12px !important;
  border:1px solid rgba(12,85,244,.16) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 20px 45px rgba(15,23,42,.12) !important;
  backdrop-filter:blur(12px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  pointer-events:auto !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-savebar-status{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  font:600 12px 'Inter','Figtree',sans-serif !important;
  color:#64748B !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-savebar-status.is-saved{ color:#16a34a !important; }
#hd-page-editor.heto-v11-editor-refined .v11e-save-dot{
  width:8px !important;height:8px !important;border-radius:99px !important;background:#f59e0b !important;box-shadow:0 0 0 4px rgba(245,158,11,.12) !important;flex:0 0 auto !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-save-dot.is-busy{ background:#0C55F4 !important; box-shadow:0 0 0 4px rgba(12,85,244,.12) !important; animation:v11ePulse 1s infinite; }
#hd-page-editor.heto-v11-editor-refined .v11e-save-dot.is-error{ background:#ef4444 !important; box-shadow:0 0 0 4px rgba(239,68,68,.12) !important; }
#hd-page-editor.heto-v11-editor-refined .v11e-save-check{
  width:18px !important;height:18px !important;border-radius:99px !important;background:#22c55e !important;color:#fff !important;display:grid !important;place-items:center !important;font-weight:900 !important;font-size:12px !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-save-btn{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;
  min-height:38px !important;padding:0 16px !important;border:0 !important;border-radius:12px !important;
  background:linear-gradient(135deg,#0C55F4,#5570F1) !important;color:#fff !important;
  font:800 12px 'Inter','Figtree',sans-serif !important;cursor:pointer !important;box-shadow:0 12px 26px rgba(12,85,244,.24) !important;transition:.18s ease !important;
}
#hd-page-editor.heto-v11-editor-refined .v11e-save-btn:hover{ transform:translateY(-1px) !important; box-shadow:0 16px 30px rgba(12,85,244,.28) !important; }
#hd-page-editor.heto-v11-editor-refined .v11e-save-btn:disabled{ opacity:.72 !important; cursor:wait !important; transform:none !important; }
#hd-page-editor.heto-v11-editor-refined .v11e-spinner{
  width:13px !important;height:13px !important;border:2px solid rgba(255,255,255,.45) !important;border-top-color:#fff !important;border-radius:99px !important;animation:v11eSpin .8s linear infinite !important;
}
#hd-page-editor.heto-v11-editor-refined #page-edit-body{ padding-bottom:92px !important; }
#hd-page-editor.heto-v11-editor-refined.heto-editor-fullwidth-active #page-edit-body > div,
#hd-page-editor.heto-v11-editor-refined.heto-editor-fullwidth-active .wb-wrap{
  max-width:1180px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
#hd-page-editor.heto-v11-editor-refined #site-pages-list,
#hd-page-editor.heto-v11-editor-refined #hd-site-items{ width:100% !important; }
#hd-page-editor.heto-v11-editor-refined #connect-section{ width:100% !important; }
#hd-page-editor.heto-v11-editor-refined [id^="platform-card-"]{
  min-width:0 !important;
  width:100% !important;
}
@keyframes v11eSpin{to{transform:rotate(360deg)}}
@keyframes v11ePulse{50%{transform:scale(1.35);opacity:.72}}
@media (max-width:760px){
  #hd-page-editor.heto-v11-editor-refined .v11e-savebar{ padding:8px 10px !important; }
  #hd-page-editor.heto-v11-editor-refined .v11e-savebar-inner{ align-items:stretch !important; flex-direction:column !important; gap:9px !important; }
  #hd-page-editor.heto-v11-editor-refined .v11e-save-btn{ width:100% !important; }
}

/* HETO 2.1.124 — harmonisation finale de l'éditeur widget
   Objectif : toutes les sections (IA, Options, Email, Connaissances, Workflows,
   Formulaires, Mon Site, Agent IA) reprennent les mêmes espacements/cartes que
   la page Apparence montrée dans la capture. */
#hd-root #hd-page-editor.heto-editor-real-page,
#hd-root #hd-page-editor.heto-v11-editor-refined{
  --heto-editor-bg:#EEF2FB;
  --heto-editor-card:#FFFFFF;
  --heto-editor-soft:#F4F7FE;
  --heto-editor-soft-blue:#EBF0FF;
  --heto-editor-border:#E9EDF7;
  --heto-editor-border-2:#D0D8F5;
  --heto-editor-blue:#5570F1;
  --heto-editor-blue-strong:#0C55F4;
  --heto-editor-text:#1B2559;
  --heto-editor-text2:#2B3674;
  --heto-editor-muted:#A3AED0;
  --heto-editor-shadow:0 1px 4px rgba(112,144,176,.06);
  background:var(--heto-editor-bg)!important;
  overflow:hidden!important;
}

/* Header / flèche retour : plus petite et plus légère partout dans l'éditeur. */
#hd-root #hd-page-editor .v11e-menu,
#hd-root #hd-page-editor #page-editor-close-btn,
#hd-root #hd-page-editor .hd-back-link,
#hd-root #hd-page-editor #wiz-back-btn{
  min-width:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
}
#hd-root #hd-page-editor .v11e-menu svg,
#hd-root #hd-page-editor #page-editor-close-btn svg,
#hd-root #hd-page-editor .hd-back-link svg,
#hd-root #hd-page-editor #wiz-back-btn svg,
#hd-root .hd-logo-back{
  width:15px!important;
  height:15px!important;
  max-width:15px!important;
  max-height:15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#hd-root #hd-page-editor .v11e-menu{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8FA1C0!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
#hd-root #hd-page-editor .v11e-menu:hover{
  color:var(--heto-editor-blue-strong)!important;
  background:var(--heto-editor-soft)!important;
  border-color:var(--heto-editor-border)!important;
}

/* Chrome haut identique à la capture. */
#hd-root #hd-page-editor.heto-v11-editor-refined .v11e-top,
#hd-root #hd-page-editor.heto-editor-real-page .v11e-top{
  height:64px!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  background:#fff!important;
  border-bottom:1px solid #F4F7FE!important;
}
#hd-root #hd-page-editor.heto-v11-editor-refined .v11e-left,
#hd-root #hd-page-editor.heto-editor-real-page .v11e-left{
  padding:0 16px!important;
  gap:12px!important;
  min-width:0!important;
}
#hd-root #hd-page-editor.heto-v11-editor-refined .v11e-search,
#hd-root #hd-page-editor.heto-editor-real-page .v11e-search{
  width:min(420px,44vw)!important;
  max-width:420px!important;
  min-width:280px!important;
  height:40px!important;
  border-radius:12px!important;
  border:1px solid #DDE5F7!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
}
#hd-root #hd-page-editor.heto-v11-editor-refined .v11e-right,
#hd-root #hd-page-editor.heto-editor-real-page .v11e-right{
  height:64px!important;
  padding:0 14px!important;
  gap:8px!important;
  background:#fff!important;
  border-left:1px solid #F4F7FE!important;
  border-top-left-radius:0!important;
}
#hd-root #hd-page-editor .v11e-ico{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  border:1px solid var(--heto-editor-border)!important;
  background:var(--heto-editor-soft)!important;
  color:var(--heto-editor-blue-strong)!important;
  box-shadow:none!important;
}
#hd-root #hd-page-editor .v11e-user{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  border:1px solid #B8C8F8!important;
  background:var(--heto-editor-soft-blue)!important;
  color:var(--heto-editor-blue-strong)!important;
}
#hd-root #hd-page-editor .v11e-tabs{
  height:52px!important;
  min-height:52px!important;
  padding:0 16px!important;
  gap:34px!important;
  align-items:flex-end!important;
  background:#fff!important;
  border-bottom:1px solid #F4F7FE!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
#hd-root #hd-page-editor .v11e-tabs::-webkit-scrollbar{display:none!important;}
#hd-root #hd-page-editor .v11e-tab{
  height:52px!important;
  min-width:auto!important;
  padding:0 2px!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  background:transparent!important;
  color:var(--heto-editor-muted)!important;
  font:600 12px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  white-space:nowrap!important;
}
#hd-root #hd-page-editor .v11e-tab svg{
  width:15px!important;
  height:15px!important;
  stroke-width:1.75!important;
}
#hd-root #hd-page-editor .v11e-tab.active{
  color:var(--heto-editor-blue-strong)!important;
  border-bottom-color:var(--heto-editor-blue-strong)!important;
  background:transparent!important;
}

/* Split général : mêmes marges et fond que l'onglet Apparence. */
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  overflow:hidden!important;
  background:#fff!important;
}
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  padding:14px 16px 108px!important;
  background:var(--heto-editor-bg)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-right,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-right{
  min-width:0!important;
  width:auto!important;
  background:var(--heto-editor-bg)!important;
  border-left:1px solid var(--heto-editor-border)!important;
  overflow:hidden!important;
}
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-preview-scene,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-preview-scene{
  background:var(--heto-editor-bg)!important;
  padding:14px!important;
}

/* Largeurs cohérentes pour les onglets sans aperçu. */
#hd-root #hd-page-editor.heto-editor-fullwidth-active #page-edit-body > div,
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth #page-edit-body > div{
  max-width:1180px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor:not(.heto-editor-fullwidth-active) #page-edit-body > .hd-2col,
#hd-root #hd-page-editor:not(.heto-editor-fullwidth-active) #page-edit-body > .hd-field,
#hd-root #hd-page-editor:not(.heto-editor-fullwidth-active) #page-edit-body > .hd-toggle-row,
#hd-root #hd-page-editor:not(.heto-editor-fullwidth-active) #page-edit-body > .wb-page-card{
  width:100%!important;
  box-sizing:border-box!important;
}

/* Champs libres (IA / Email / Agent / Site) convertis en cartes propres. */
#hd-root #hd-page-editor #page-edit-body .hd-field{
  background:#fff!important;
  border:1px solid var(--heto-editor-border)!important;
  border-radius:14px!important;
  box-shadow:var(--heto-editor-shadow)!important;
  padding:12px 14px!important;
  margin:0 0 12px!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-field > label{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 7px!important;
  min-height:18px!important;
  color:#71819B!important;
  font:800 11.5px/1.25 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  letter-spacing:.01em!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-field .req,
#hd-root #hd-page-editor #page-edit-body .req{
  color:#FF6B6B!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-hint{
  color:var(--heto-editor-muted)!important;
  font:500 11px/1.45 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  margin-top:6px!important;
}
#hd-root #hd-page-editor #page-edit-body input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),
#hd-root #hd-page-editor #page-edit-body select,
#hd-root #hd-page-editor #page-edit-body textarea,
#hd-root #hd-page-editor #page-edit-body .wb-input,
#hd-root #hd-page-editor #page-edit-body .wb-select,
#hd-root #hd-page-editor #page-edit-body .wb-ct{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #DDE6F4!important;
  background:#F8FAFF!important;
  border-radius:12px!important;
  color:#14213D!important;
  font:500 13px/1.45 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
#hd-root #hd-page-editor #page-edit-body input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),
#hd-root #hd-page-editor #page-edit-body select,
#hd-root #hd-page-editor #page-edit-body .wb-input,
#hd-root #hd-page-editor #page-edit-body .wb-select,
#hd-root #hd-page-editor #page-edit-body .wb-ct{
  min-height:40px!important;
  padding:9px 12px!important;
}
#hd-root #hd-page-editor #page-edit-body textarea{
  min-height:108px!important;
  padding:11px 12px!important;
  resize:vertical!important;
}
#hd-root #hd-page-editor #page-edit-body input:focus,
#hd-root #hd-page-editor #page-edit-body select:focus,
#hd-root #hd-page-editor #page-edit-body textarea:focus{
  border-color:#B8C8F8!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08)!important;
}

/* Grilles internes IA / formulaires : plus d'alignements cassés. */
#hd-root #hd-page-editor #page-edit-body .hd-2col{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 14px!important;
  align-items:start!important;
  margin:0 0 12px!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-2col > div{
  min-width:0!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-2col .hd-field{
  margin-bottom:12px!important;
}
#hd-root #hd-page-editor #ai-sector-picker{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
#hd-root #hd-page-editor .hd-wiz-sector-mini,
#hd-root #hd-page-editor .hd-choice-mini,
#hd-root #hd-page-editor .wb-chip{
  margin:0!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:10px!important;
  background:#fff!important;
  border:1px solid var(--heto-editor-border)!important;
  color:var(--heto-editor-text2)!important;
  font:700 11px/1.2 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor .hd-wiz-sector-mini.selected,
#hd-root #hd-page-editor .hd-choice-mini.selected,
#hd-root #hd-page-editor .wb-chip.selected,
#hd-root #hd-page-editor .wb-chip.on{
  background:var(--heto-editor-soft-blue)!important;
  border-color:#B8C8F8!important;
  color:var(--heto-editor-blue-strong)!important;
  box-shadow:0 0 0 3px rgba(85,112,241,.08)!important;
}
#hd-root #hd-page-editor #ai-obj-chips,
#hd-root #hd-page-editor .hd-wiz-choice-row-mini,
#hd-root #hd-page-editor .wb-chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
}

/* Cartes / lignes : un seul système visuel pour Options, Email, Connaissances, Formulaires. */
#hd-root #hd-page-editor .wb-page-card,
#hd-root #hd-page-editor .hd-toggle-row,
#hd-root #hd-page-editor #kb-assign-list > label,
#hd-root #hd-page-editor #fb-assign-list > label{
  background:#fff!important;
  border:1px solid var(--heto-editor-border)!important;
  border-radius:14px!important;
  box-shadow:var(--heto-editor-shadow)!important;
  overflow:hidden!important;
  margin:0 0 12px!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor .hd-toggle-row{
  min-height:58px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
#hd-root #hd-page-editor .hd-toggle-row b{
  color:var(--heto-editor-text2)!important;
  font:800 12.5px/1.25 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
}
#hd-root #hd-page-editor .wb-card-head{
  min-height:42px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  background:#FAFCFF!important;
  border-bottom:1px solid #F4F7FE!important;
  color:var(--heto-editor-text2)!important;
  font:800 12px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
}
#hd-root #hd-page-editor .wb-card-head svg{
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:var(--heto-editor-blue)!important;
  stroke-width:1.8!important;
}
#hd-root #hd-page-editor .wb-page-row{
  min-height:50px!important;
  padding:8px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(160px,220px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid #F4F7FE!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor .wb-page-row:last-child{border-bottom:0!important;}
#hd-root #hd-page-editor .wb-page-label{
  color:var(--heto-editor-text2)!important;
  font:700 12.5px/1.2 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
}
#hd-root #hd-page-editor .wb-page-label .hint{
  display:block!important;
  margin-top:3px!important;
  color:var(--heto-editor-muted)!important;
  font:500 10.5px/1.2 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
}
#hd-root #hd-page-editor .wb-page-ctrl{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

/* Panneaux d'information au début des sections : même carte blanche que l'Apparence. */
#hd-root #hd-page-editor[data-editor-tab="ai"] #page-edit-body > div:first-child,
#hd-root #hd-page-editor[data-editor-tab="kb"] #page-edit-body > div:first-child > div:nth-child(2),
#hd-root #hd-page-editor[data-editor-tab="forms"] #page-edit-body > div:first-child > div:nth-child(2){
  background:#fff!important;
  border:1px solid var(--heto-editor-border)!important;
  border-radius:14px!important;
  box-shadow:var(--heto-editor-shadow)!important;
}

/* Recherche / rubriques : conserve la page Apparence comme référence. */
#hd-root #hd-page-editor .heto-rubriques-shell{
  margin-bottom:14px!important;
  border-radius:14px!important;
  box-shadow:var(--heto-editor-shadow)!important;
}
#hd-root #hd-page-editor .heto-rubriques-grid{
  gap:7px!important;
}

@media(max-width:1280px){
  #hd-root #hd-page-editor .v11e-tabs{gap:24px!important;}
  #hd-root #hd-page-editor #page-edit-body .hd-2col{grid-template-columns:minmax(0,1fr)!important;}
}
@media(max-width:900px){
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{padding:12px 12px 100px!important;}
  #hd-root #hd-page-editor .v11e-right{display:none!important;}
  #hd-root #hd-page-editor .v11e-top{grid-template-columns:minmax(0,1fr)!important;}
  #hd-root #hd-page-editor .v11e-search{min-width:0!important;width:100%!important;max-width:none!important;}
  #hd-root #hd-page-editor .v11e-tabs{height:auto!important;min-height:52px!important;gap:18px!important;padding:0 12px!important;}
  #hd-root #hd-page-editor .wb-page-row{grid-template-columns:1fr!important;align-items:start!important;}
  #hd-root #hd-page-editor .wb-page-ctrl{justify-content:flex-start!important;width:100%!important;}
}

/* HETO 2.1.126 — design cleanup: spacing, single search layer, reliable preview */
#hd-root #hd-page-editor.heto-editor-real-page,
#hd-root #hd-page-editor.heto-v11-editor-refined{
  --heto126-bg:#EEF2FB;
  --heto126-card:#FFFFFF;
  --heto126-soft:#F8FAFF;
  --heto126-soft-blue:#EBF0FF;
  --heto126-border:#E9EDF7;
  --heto126-border-strong:#DDE6F4;
  --heto126-blue:#0C55F4;
  --heto126-title:#1B2559;
  --heto126-text:#2B3674;
  --heto126-muted:#8FA1C0;
  --heto126-shadow:0 1px 4px rgba(112,144,176,.06);
}

#hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  grid-template-columns:minmax(0,1fr) clamp(420px,31.5vw,520px)!important;
  background:var(--heto126-bg)!important;
  gap:0!important;
}
#hd-root #hd-page-editor.heto-editor-real-page.heto-editor-fullwidth-active #page-edit-grid,
#hd-root #hd-page-editor.heto-v11-editor-refined.heto-editor-fullwidth-active #page-edit-grid,
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth{
  grid-template-columns:minmax(0,1fr)!important;
}
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
  padding:22px 24px 116px!important;
  background:var(--heto126-bg)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor #page-edit-body > .heto-rubriques-shell,
#hd-root #hd-page-editor #page-edit-body > .heto-final-section-intro,
#hd-root #hd-page-editor #page-edit-body > .hd-2col,
#hd-root #hd-page-editor #page-edit-body > .wb-page-card,
#hd-root #hd-page-editor #page-edit-body > .hd-field,
#hd-root #hd-page-editor #page-edit-body > .hd-toggle-row{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-2col{
  gap:16px 18px!important;
  margin-bottom:16px!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-field,
#hd-root #hd-page-editor #page-edit-body .hd-toggle-row,
#hd-root #hd-page-editor #page-edit-body .wb-page-card,
#hd-root #hd-page-editor #kb-assign-list > label,
#hd-root #hd-page-editor #fb-assign-list > label,
#hd-root #hd-page-editor #wf-assign-list > label{
  border-radius:16px!important;
  border:1px solid var(--heto126-border)!important;
  box-shadow:var(--heto126-shadow)!important;
}
#hd-root #hd-page-editor #page-edit-body .hd-field{
  padding:13px 14px!important;
  margin-bottom:14px!important;
}
#hd-root #hd-page-editor #ai-sector-picker{
  gap:10px!important;
}

/* Recherche globale éditeur : un seul vrai champ, sans calque/badge superposé. */
#hd-root #hd-page-editor .v11e-search,
#hd-root #hd-page-editor.heto-v11-editor-refined .v11e-search,
#hd-root #hd-page-editor.heto-editor-real-page .v11e-search{
  position:relative!important;
  overflow:hidden!important;
  height:42px!important;
  min-height:42px!important;
  width:min(420px,44vw)!important;
  max-width:420px!important;
  min-width:280px!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--heto126-border-strong)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
  outline:0!important;
}
#hd-root #hd-page-editor .v11e-search::before,
#hd-root #hd-page-editor .v11e-search::after{
  content:none!important;
  display:none!important;
}
#hd-root #hd-page-editor .v11e-search .v11w-kbd{
  display:none!important;
}
#hd-root #hd-page-editor .v11e-search svg{
  position:static!important;
  z-index:1!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  stroke:#A3AED0!important;
  fill:none!important;
}
#hd-root #hd-page-editor .v11e-search input,
#hd-root #hd-page-editor .v11e-search input[type="text"],
#hd-root #hd-page-editor .v11e-search input[type="search"]{
  all:unset!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  line-height:42px!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:var(--heto126-title)!important;
  -webkit-text-fill-color:var(--heto126-title)!important;
  font:600 13px/42px Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#hd-root #hd-page-editor .v11e-search input::placeholder{
  color:#A3AED0!important;
  opacity:1!important;
}

/* Recherche Rubriques : neutralise le style global des inputs qui créait une deuxième barre. */
#hd-root #hd-page-editor #page-edit-body .heto-rubriques-search{
  position:relative!important;
  overflow:hidden!important;
  height:40px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 12px!important;
  background:var(--heto126-soft)!important;
  border:1px solid var(--heto126-border-strong)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
#hd-root #hd-page-editor #page-edit-body .heto-rubriques-search svg{
  position:static!important;
  flex:0 0 15px!important;
  width:15px!important;
  height:15px!important;
  stroke:#A3AED0!important;
}
#hd-root #hd-page-editor #page-edit-body .heto-rubriques-search input,
#hd-root #hd-page-editor #page-edit-body .heto-rubriques-search input[type="text"],
#hd-root #hd-page-editor #page-edit-body .heto-rubriques-search input[type="search"]{
  all:unset!important;
  box-sizing:border-box!important;
  flex:1 1 auto!important;
  min-width:0!important;
  height:40px!important;
  line-height:40px!important;
  display:block!important;
  color:var(--heto126-text)!important;
  -webkit-text-fill-color:var(--heto126-text)!important;
  font:500 13px/40px Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#hd-root #hd-page-editor #page-edit-body .heto-rubriques-search input::placeholder{
  color:#8FA1C0!important;
  opacity:1!important;
}

/* Aperçu : colonne plus respirante, widget centré, jamais coupé en haut. */
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-right,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-right{
  min-width:420px!important;
  width:auto!important;
  background:var(--heto126-bg)!important;
  border-left:1px solid #DDE5F7!important;
}
#hd-root #hd-page-editor #page-edit-preview-scene{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
  padding:22px 18px 30px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:var(--heto126-bg)!important;
  scroll-padding-top:22px!important;
}
#hd-root #hd-page-editor #page-edit-preview{
  position:relative!important;
  inset:auto!important;
  z-index:5!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  pointer-events:auto!important;
}
#hd-root #hd-page-editor #page-edit-preview.heto126-preview-fitted{
  overflow:visible!important;
  margin:0 auto 28px!important;
}
#hd-root #hd-page-editor #page-edit-preview.heto126-legacy-preview > :not(.heto126-preview-layer){
  display:none!important;
}
#hd-root #hd-page-editor #page-edit-preview .heto126-preview-layer{
  position:relative!important;
  inset:auto!important;
  width:max-content!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:1!important;
}
#hd-root #hd-page-editor #page-edit-preview .heto126-preview-target,
#hd-root #hd-page-editor #page-edit-preview .heto-v7-real-wrap{
  transform-origin:top center!important;
  will-change:transform!important;
}
#hd-root #hd-page-editor #page-edit-preview .heto-v7-real-widget{
  max-width:none!important;
}
@media(max-width:1280px){
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px)!important;
  }
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
    padding:18px 18px 108px!important;
  }
}
@media(max-width:980px){
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #hd-root #hd-page-editor #page-edit-right{display:none!important;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   HETO 2.1.127 — UNIFIED MARGIN / PADDING / PREVIEW COHERENCE PATCH
   This section is the SINGLE source of truth for editor layout.
   It overrides all prior conflicting rules.
═══════════════════════════════════════════════════════════════════════════ */

/* -- Consistent page-inner padding across ALL pages -- */
#hd-root .hd-page-inner{
  padding:16px !important;
  box-sizing:border-box !important;
}
#hd-root #hd-page-widgets .hd-page-inner,
#hd-root #hd-page-overview .hd-page-inner,
#hd-root #hd-page-settings .hd-page-inner,
#hd-root #hd-page-integrations .hd-page-inner,
#hd-root #hd-page-forms .hd-page-inner,
#hd-root #hd-page-knowledge .hd-page-inner,
#hd-root #hd-page-workflows .hd-page-inner,
#hd-root #hd-page-email-templates .hd-page-inner,
#hd-root #hd-page-rdv-config .hd-page-inner,
#hd-root #hd-page-rdv-avail .hd-page-inner,
#hd-root #hd-page-rdv-embed .hd-page-inner{
  padding:16px !important;
  box-sizing:border-box !important;
}

/* Overview special: no top padding because of integrated hero */
#hd-root #hd-page-overview .hd-page-inner.hd-overview-shell{
  padding:0 16px 16px !important;
  box-sizing:border-box !important;
}

/* -- EDITOR PAGE: the full-page widget config -- */

/* Grid: single consistent definition */
#hd-root #hd-page-editor #page-edit-grid,
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) clamp(360px,28vw,460px) !important;
  height:calc(100% - 68px) !important;
  min-height:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  background:var(--heto126-bg, #EEF2FB) !important;
}
/* Full-width tabs (KB, workflows, forms, etc.) */
#hd-root #hd-page-editor.heto-editor-fullwidth-active #page-edit-grid,
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth{
  grid-template-columns:minmax(0,1fr) !important;
}
/* AI tab uses same columns as all other preview tabs */

/* Left body: consistent padding on ALL tabs */
#hd-root #hd-page-editor #page-edit-body,
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
  padding:20px 22px 108px !important;
  background:var(--heto126-bg, #EEF2FB) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  min-width:0 !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  scrollbar-width:thin !important;
  scrollbar-color:#D0D8F5 transparent !important;
}
#hd-root #hd-page-editor #page-edit-body::-webkit-scrollbar{width:4px!important;}
#hd-root #hd-page-editor #page-edit-body::-webkit-scrollbar-thumb{background:#D0D8F5!important;border-radius:999px!important;}

/* Right preview column */
#hd-root #hd-page-editor #page-edit-right,
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-right,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-right{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:var(--heto126-bg, #EEF2FB) !important;
  border-left:1px solid #DDE5F7 !important;
  min-width:0 !important;
  max-width:100% !important;
}

/* Preview header bar */
#hd-root #hd-page-editor #page-edit-right > div:first-child{
  height:46px !important;
  min-height:46px !important;
  flex-shrink:0 !important;
  background:#fff !important;
  border-bottom:1px solid #E9EDF7 !important;
  display:flex !important;
  align-items:center !important;
  padding:0 14px !important;
}

/* Preview scene: the area that holds the actual preview */
#hd-root #hd-page-editor #page-edit-preview-scene{
  flex:1 1 auto !important;
  position:relative !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:18px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  background:var(--heto126-bg, #EEF2FB) !important;
}
/* Remove the pseudo-element that creates a floating bar inside preview scene */
#hd-root #hd-page-editor #page-edit-preview-scene::before{
  display:none !important;
}

/* Preview container: relative positioning so it flows naturally */
#hd-root #hd-page-editor #page-edit-preview{
  position:relative !important;
  inset:auto !important;
  z-index:5 !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
}

/* Responsive: editor grid */
@media(max-width:1280px){
  #hd-root #hd-page-editor #page-edit-grid,
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:minmax(0,1fr) clamp(320px,30vw,400px) !important;
  }
  #hd-root #hd-page-editor #page-edit-body,
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
    padding:16px 16px 100px !important;
  }
}
@media(max-width:980px){
  #hd-root #hd-page-editor #page-edit-grid,
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
  #hd-root #hd-page-editor #page-edit-right{
    display:none !important;
  }
  #hd-root #hd-page-editor #page-edit-body,
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
    padding:12px 12px 96px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HETO 2.1.127b — SECTOR PICKER / SEARCH BAR / PREVIEW / SPACING FIXES
═══════════════════════════════════════════════════════════════════════════ */

/* -- 1. Sector picker: proper card-like spacing matching other .hd-field -- */
#hd-root #hd-page-editor #ai-sector-picker{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:6px !important;
}
#hd-root #hd-page-editor .hd-wiz-sector-mini,
#hd-root #hd-page-editor .hd-choice-mini{
  margin:0 !important;
  min-height:36px !important;
  padding:8px 14px !important;
  border-radius:10px !important;
  border-width:1.5px !important;
  font-size:12px !important;
  font-weight:600 !important;
  gap:6px !important;
  cursor:pointer !important;
  transition:all .15s !important;
}

/* -- 2. Rubriques search bar: remove double border on input -- */
#hd-root #hd-page-editor .heto-rubriques-search{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  height:44px !important;
  padding:0 14px !important;
  border:1px solid #DDE5F7 !important;
  border-radius:12px !important;
  background:#F8FAFF !important;
  margin-bottom:14px !important;
  overflow:hidden !important;
}
#hd-root #hd-page-editor .heto-rubriques-search svg{
  width:16px !important;
  height:16px !important;
  flex-shrink:0 !important;
  stroke:#A3AED0 !important;
  fill:none !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
}
/* Kill ALL borders/backgrounds on the input inside the search — no double bar */
#hd-root #hd-page-editor .heto-rubriques-search input,
#hd-root #hd-page-editor .heto-rubriques-search input[type="text"],
#hd-root #hd-page-editor .heto-rubriques-search input[type="search"]{
  all:unset !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  height:44px !important;
  line-height:44px !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  margin:0 !important;
  min-height:0 !important;
  font:500 13px/44px 'Inter','Figtree',sans-serif !important;
  color:#2B3674 !important;
  -webkit-text-fill-color:#2B3674 !important;
}
#hd-root #hd-page-editor .heto-rubriques-search input::placeholder{
  color:#A3AED0 !important;
  opacity:1 !important;
}

/* -- 3. Preview column: prevent overflow clipping -- */
#hd-root #hd-page-editor #page-edit-right{
  overflow:hidden !important;
}
#hd-root #hd-page-editor #page-edit-preview-scene{
  overflow-x:hidden !important;
  overflow-y:auto !important;
}
#hd-root #hd-page-editor #page-edit-preview{
  max-width:100% !important;
  overflow:visible !important;
}

/* -- 4. hd-field inside hd-2col: no double outer card border -- */
#hd-root #hd-page-editor #page-edit-body .hd-2col > .hd-field{
  margin-bottom:14px !important;
}

/* -- 5. Consistent section intro cards on ALL tabs -- */
#hd-root #hd-page-editor #page-edit-body > div:first-child{
  margin-bottom:16px !important;
}

/* -- 6. Preview APERCU LIVE header: ensure text doesn't overflow -- */
#hd-root #hd-page-editor #page-edit-right > div:first-child span{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* HETO 2.1.127 — hide preview on fullwidth tabs via CSS class */
#hd-root #hd-page-editor.heto-editor-fullwidth-active #page-edit-right,
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth #page-edit-right{
  display:none!important;
}
/* Uniform grid for all preview tabs */
/* grid columns unified above */

/* ═══════════════════════════════════════════════════════════════════════════
   HETO 2.1.130 — Widget editor final layout lock
   - mêmes marges / mêmes rayons sur Apparence, IA, Options, Email
   - Mon Site en vraie pleine largeur
   - aperçu stable, sans transition/zoom dynamique
═══════════════════════════════════════════════════════════════════════════ */
#hd-root #hd-page-editor,
#hd-root #hd-page-editor.heto-editor-real-page,
#hd-root #hd-page-editor.heto-v11-editor-refined{
  --heto130-bg:#EEF2FB;
  --heto130-card:#FFFFFF;
  --heto130-border:#E9EDF7;
  --heto130-border-strong:#DDE5F7;
  --heto130-text:#2B3674;
  --heto130-muted:#8FA1C0;
  --heto130-blue:#0C55F4;
  --heto130-radius:16px;
  --heto130-shell-x:22px;
  --heto130-shell-top:20px;
  --heto130-shell-bottom:108px;
  --heto-editor-preview-w:clamp(390px,28vw,460px);
  background:var(--heto130-bg)!important;
  overflow:hidden!important;
  border-radius:0!important;
}
#hd-root #hd-page-editor .v11e-chrome{flex:0 0 auto!important;}
#hd-root #hd-page-editor .v11e-top{height:64px!important;min-height:64px!important;box-sizing:border-box!important;}
#hd-root #hd-page-editor .v11e-tabs{height:54px!important;min-height:54px!important;box-sizing:border-box!important;}
#hd-root #hd-page-editor #page-edit-grid,
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--heto-editor-preview-w)!important;
  height:calc(100dvh - 118px)!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  gap:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
  background:var(--heto130-bg)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth,
#hd-root #hd-page-editor.heto-editor-fullwidth-active #page-edit-grid,
#hd-root #hd-page-editor[data-editor-tab="ecommerce"] #page-edit-grid,
#hd-root #hd-page-editor[data-editor-tab="kb"] #page-edit-grid,
#hd-root #hd-page-editor[data-editor-tab="wf"] #page-edit-grid,
#hd-root #hd-page-editor[data-editor-tab="forms"] #page-edit-grid,
#hd-root #hd-page-editor[data-editor-tab="agent"] #page-edit-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
#hd-root #hd-page-editor #page-edit-body,
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-body,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-body{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:var(--heto130-shell-top) var(--heto130-shell-x) var(--heto130-shell-bottom)!important;
  margin:0!important;
  background:var(--heto130-bg)!important;
  box-sizing:border-box!important;
  scrollbar-width:thin!important;
  scrollbar-color:#D0D8F5 transparent!important;
}
#hd-root #hd-page-editor #page-edit-body::-webkit-scrollbar{width:4px!important;}
#hd-root #hd-page-editor #page-edit-body::-webkit-scrollbar-thumb{background:#D0D8F5!important;border-radius:999px!important;}
#hd-root #hd-page-editor #page-edit-body > *,
#hd-root #hd-page-editor.heto-editor-fullwidth-active #page-edit-body > *,
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth #page-edit-body > *,
#hd-root #hd-page-editor[data-editor-tab="ecommerce"] #page-edit-body > *,
#hd-root #hd-page-editor[data-editor-tab="appearance"] #page-edit-body > *,
#hd-root #hd-page-editor[data-editor-tab="ai"] #page-edit-body > *,
#hd-root #hd-page-editor[data-editor-tab="options"] #page-edit-body > *,
#hd-root #hd-page-editor[data-editor-tab="email"] #page-edit-body > *{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor #page-edit-body > *:first-child{margin-top:0!important;}
#hd-root #hd-page-editor .heto-final-section-intro,
#hd-root #hd-page-editor .heto-rubriques-shell,
#hd-root #hd-page-editor .wb-page-card,
#hd-root #hd-page-editor .hd-field,
#hd-root #hd-page-editor .hd-toggle-row,
#hd-root #hd-page-editor #page-edit-body > div[style*="border-radius"],
#hd-root #hd-page-editor #hd-site-stats > div,
#hd-root #hd-page-editor #hd-site-items > div{
  border-radius:var(--heto130-radius)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor .heto-final-section-intro,
#hd-root #hd-page-editor .heto-rubriques-shell,
#hd-root #hd-page-editor .wb-page-card,
#hd-root #hd-page-editor .hd-field,
#hd-root #hd-page-editor .hd-toggle-row{
  background:#fff!important;
  border:1px solid var(--heto130-border)!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
}
#hd-root #hd-page-editor #page-edit-right,
#hd-root #hd-page-editor.heto-editor-real-page #page-edit-right,
#hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-right{
  width:var(--heto-editor-preview-w)!important;
  min-width:var(--heto-editor-preview-w)!important;
  max-width:var(--heto-editor-preview-w)!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--heto130-bg)!important;
  border-left:1px solid var(--heto130-border-strong)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-editor.heto-editor-fullwidth-active #page-edit-right,
#hd-root #hd-page-editor #page-edit-grid.heto-editor-fullwidth #page-edit-right,
#hd-root #hd-page-editor[data-editor-tab="ecommerce"] #page-edit-right,
#hd-root #hd-page-editor[data-editor-tab="kb"] #page-edit-right,
#hd-root #hd-page-editor[data-editor-tab="wf"] #page-edit-right,
#hd-root #hd-page-editor[data-editor-tab="forms"] #page-edit-right,
#hd-root #hd-page-editor[data-editor-tab="agent"] #page-edit-right{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  border-left:0!important;
}
#hd-root #hd-page-editor #page-edit-preview-scene{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  overflow:auto!important;
  padding:18px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:var(--heto130-bg)!important;
  box-sizing:border-box!important;
  contain:layout!important;
}
#hd-root #hd-page-editor #page-edit-preview,
#hd-root #hd-page-editor #page-edit-preview *,
#hd-root #hd-page-editor .heto-v7-real-wrap,
#hd-root #hd-page-editor .heto-v7-real-widget,
#hd-root #hd-page-editor .heto-preview-window,
#hd-root #hd-page-editor .heto-final-preview-scale-target{
  transition:none!important;
  animation-duration:0s!important;
}
#hd-root #hd-page-editor #page-edit-preview{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  margin:0 auto 28px!important;
  overflow:visible!important;
  transform:none!important;
  transform-origin:top center!important;
  box-sizing:border-box!important;
  pointer-events:auto!important;
}
#hd-root #hd-page-editor #page-edit-preview > *,
#hd-root #hd-page-editor #page-edit-preview .heto-v7-real-wrap,
#hd-root #hd-page-editor #page-edit-preview .heto-final-preview-scale-target,
#hd-root #hd-page-editor #page-edit-preview .heto-preview-window{
  transform:none!important;
  transform-origin:top center!important;
}
#hd-root #hd-page-editor .v11e-tab[data-tab="kb"],
#hd-root #hd-page-editor .v11e-tab[data-tab="wf"],
#hd-root #hd-page-editor .v11e-tab[data-tab="forms"],
#hd-root #hd-page-editor .v11e-tab[data-tab="agent"],
#hd-root #hd-page-editor .hd-ed-tab[data-tab="kb"],
#hd-root #hd-page-editor .hd-ed-tab[data-tab="wf"],
#hd-root #hd-page-editor .hd-ed-tab[data-tab="forms"],
#hd-root #hd-page-editor .hd-ed-tab[data-tab="agent"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:1180px){
  #hd-root #hd-page-editor #page-edit-grid,
  #hd-root #hd-page-editor.heto-editor-real-page #page-edit-grid,
  #hd-root #hd-page-editor.heto-v11-editor-refined #page-edit-grid{grid-template-columns:minmax(0,1fr)!important;}
  #hd-root #hd-page-editor #page-edit-right{display:none!important;}
}
@media(max-width:760px){
  #hd-root #hd-page-editor,
  #hd-root #hd-page-editor.heto-editor-real-page,
  #hd-root #hd-page-editor.heto-v11-editor-refined{--heto130-shell-x:12px;--heto130-shell-top:12px;}
  #hd-root #hd-page-editor #page-edit-grid{height:calc(100dvh - 112px)!important;}
}


/* HETO 2.1.151 — KPI dashboard: no ghost bars when there is no data */
#hd-page-overview .heto-kpi-spark .heto-real-bars.is-empty{
  display:block !important;
  height:38px !important;
  min-height:38px !important;
  background:transparent !important;
}
#hd-page-overview .heto-kpi-spark .heto-real-bar.is-zero{
  height:0 !important;
  min-height:0 !important;
  opacity:0 !important;
  background:transparent !important;
}


/* HETO 2.1.163 — Mon Site full width/search/buttons */
#hd-root #heto-studio-pro .msx{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;}
#hd-root #heto-studio-pro #pan-site,#hd-root #heto-studio-pro #pan-site.on{width:100%!important;max-width:none!important;}
#hd-root #heto-studio-pro .ms-sec,#hd-root #heto-studio-pro .ms-banner,#hd-root #heto-studio-pro .ms-stats,#hd-root #heto-studio-pro .ms-mtabs{width:100%!important;max-width:none!important;box-sizing:border-box!important;}
#hd-root #heto-studio-pro .ms-tbar{width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;}
#hd-root #heto-studio-pro .ms-tbar-search{flex:1 1 auto!important;width:auto!important;min-width:260px!important;max-width:none!important;box-sizing:border-box!important;}
#hd-root #heto-studio-pro .ms-tbar-search input{width:100%!important;min-width:0!important;}
#hd-root #heto-studio-pro .tb-search{flex:1 1 auto!important;width:auto!important;max-width:620px!important;min-width:360px!important;}
#hd-root #heto-studio-pro .tb-sv,#hd-root #heto-studio-pro .sv-s,#hd-root #heto-studio-pro .ms-tb-btn.pri,#hd-root #heto-studio-pro .ms-tb-btn.pri:hover,#hd-root #heto-studio-pro .ms-cn-btn,#hd-root #heto-studio-pro .ms-cn-btn:hover,#hd-root #heto-studio-pro .ms-mtab.on,#hd-root #heto-studio-pro .ms-mtab.on:hover,#hd-root button#hd-gift-code-btn,#hd-root .hd-gift-btn{color:#fff!important;-webkit-text-fill-color:#fff!important;}
#hd-root #heto-studio-pro .tb-sv svg,#hd-root #heto-studio-pro .sv-s svg,#hd-root #heto-studio-pro .ms-tb-btn.pri svg,#hd-root #heto-studio-pro .ms-cn-btn svg,#hd-root #heto-studio-pro .ms-mtab.on svg{color:#fff!important;stroke:#fff!important;}
@media(max-width:900px){#hd-root #heto-studio-pro .ms-tbar{flex-wrap:wrap!important;}#hd-root #heto-studio-pro .ms-tbar-search{flex:1 1 100%!important;width:100%!important;min-width:0!important;}#hd-root #heto-studio-pro .tb-search{min-width:180px!important;max-width:none!important;}}

#hd-root #heto-studio-pro .ms-tbar > div[style*="flex:1"]{display:none!important;flex:0 0 0!important;width:0!important;}
#hd-root #heto-studio-pro .ms-tbar .ms-tb-btn:first-of-type{margin-left:0!important;}


/* HETO 2.1.165 — Mon Site overview cleanup */
#hd-root #heto-studio-pro #pan-site,#hd-root #heto-studio-pro #pan-site.on{margin:0!important;padding:0!important;}
#hd-root #heto-studio-pro #pan-site .msx{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 48px!important;box-sizing:border-box!important;}
#hd-root #heto-studio-pro #pan-site #ms-view-mgmt,#hd-root #heto-studio-pro #pan-site #ms-view-disco{margin-top:0!important;padding-top:0!important;}
#hd-root #heto-studio-pro #pan-site .ms-banner,#hd-root #heto-studio-pro #pan-site .ms-disco-hero{margin-top:0!important;}
#hd-root #heto-studio-pro #pan-site .ms-banner,#hd-root #heto-studio-pro #pan-site .ms-disco-hero,#hd-root #heto-studio-pro #pan-site .ms-search,#hd-root #heto-studio-pro #pan-site .ms-cats,#hd-root #heto-studio-pro #pan-site .ms-cn-grid,#hd-root #heto-studio-pro #pan-site .ms-manual,#hd-root #heto-studio-pro #pan-site .ms-stats,#hd-root #heto-studio-pro #pan-site .ms-mtabs,#hd-root #heto-studio-pro #pan-site .ms-sec{margin-left:0!important;margin-right:0!important;}
#hd-root #heto-studio-pro #pan-site .ms-stats{margin-top:0!important;}
#hd-root #heto-studio-pro #pan-site .ms-mtabs{margin-top:0!important;}


/* HETO 2.1.166 — correction globale des boutons / contraste / palette */
:root{--heto-btn-blue:#0C55F4;--heto-btn-blue-hover:#0846d5;--heto-btn-blue-soft:#EEF4FF;--heto-btn-border:#CFE0FF;--heto-btn-danger:#dc2626;--heto-btn-danger-soft:#FEF2F2;}

/* Boutons primaires : texte et icônes toujours blancs */
#hd-root button[style*="background:#0C55F4"],
#hd-root button[style*="background: #0C55F4"],
#hd-root button[style*="background:#5570F1"],
#hd-root button[style*="background: #5570F1"],
#hd-root button[style*="background:var(--hd-accent"],
#hd-root button[style*="background: var(--hd-accent"],
#hd-root .hd-btn-primary,
#hd-root .hd-btn-upgrade,
#hd-root .hd-btn[class*="primary"],
#hd-root .tb-sv,
#hd-root .sv-s,
#hd-root .hd-send-btn,
#hd-root .cx-send-btn,
#hd-root .cp-send,
#hd-root .hw-send,
#hd-root .cw-send,
#hd-root .hd-chat-preview-send,
#hd-root .hd-tc2-compose-send,
#hd-root .hd-tc2-vbar-send,
#hd-root .heto-pm-send,
#hd-root .ms-tb-btn.pri,
#hd-root .ms-cn-btn,
#hd-root .ms-mtab.on,
#hd-root .ms-banner .ms-bn-btn[data-ms-act="sync"]{
  background:var(--heto-btn-blue)!important;
  border-color:var(--heto-btn-blue)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(12,85,244,.20)!important;
}
#hd-root button[style*="background:#0C55F4"] *,
#hd-root button[style*="background: #0C55F4"] *,
#hd-root button[style*="background:#5570F1"] *,
#hd-root button[style*="background: #5570F1"] *,
#hd-root button[style*="background:var(--hd-accent"] *,
#hd-root button[style*="background: var(--hd-accent"] *,
#hd-root .hd-btn-primary *,
#hd-root .hd-btn-upgrade *,
#hd-root .hd-btn[class*="primary"] *,
#hd-root .tb-sv *,
#hd-root .sv-s *,
#hd-root .hd-send-btn *,
#hd-root .cx-send-btn *,
#hd-root .cp-send *,
#hd-root .hw-send *,
#hd-root .cw-send *,
#hd-root .hd-chat-preview-send *,
#hd-root .hd-tc2-compose-send *,
#hd-root .hd-tc2-vbar-send *,
#hd-root .heto-pm-send *,
#hd-root .ms-tb-btn.pri *,
#hd-root .ms-cn-btn *,
#hd-root .ms-mtab.on *,
#hd-root .ms-banner .ms-bn-btn[data-ms-act="sync"] *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  fill:none!important;
  stroke:#fff!important;
}
#hd-root button[style*="background:#0C55F4"] svg,
#hd-root button[style*="background: #0C55F4"] svg,
#hd-root button[style*="background:#5570F1"] svg,
#hd-root button[style*="background: #5570F1"] svg,
#hd-root button[style*="background:var(--hd-accent"] svg,
#hd-root button[style*="background: var(--hd-accent"] svg,
#hd-root .hd-btn-primary svg,
#hd-root .hd-btn-upgrade svg,
#hd-root .tb-sv svg,
#hd-root .sv-s svg,
#hd-root .hd-send-btn svg,
#hd-root .cx-send-btn svg,
#hd-root .cp-send svg,
#hd-root .hw-send svg,
#hd-root .cw-send svg,
#hd-root .hd-chat-preview-send svg,
#hd-root .hd-tc2-compose-send svg,
#hd-root .hd-tc2-vbar-send svg,
#hd-root .heto-pm-send svg,
#hd-root .ms-tb-btn.pri svg,
#hd-root .ms-cn-btn svg,
#hd-root .ms-mtab.on svg,
#hd-root .ms-banner .ms-bn-btn[data-ms-act="sync"] svg{
  color:#fff!important;
  stroke:#fff!important;
}
#hd-root button[style*="background:#0C55F4"]:hover,
#hd-root button[style*="background: #0C55F4"]:hover,
#hd-root button[style*="background:#5570F1"]:hover,
#hd-root button[style*="background: #5570F1"]:hover,
#hd-root .hd-btn-primary:hover,
#hd-root .tb-sv:hover,
#hd-root .sv-s:hover,
#hd-root .hd-send-btn:hover,
#hd-root .cx-send-btn:hover,
#hd-root .cp-send:hover,
#hd-root .hw-send:hover,
#hd-root .cw-send:hover,
#hd-root .hd-chat-preview-send:hover,
#hd-root .hd-tc2-compose-send:hover,
#hd-root .hd-tc2-vbar-send:hover,
#hd-root .heto-pm-send:hover,
#hd-root .ms-tb-btn.pri:hover,
#hd-root .ms-cn-btn:hover,
#hd-root .ms-mtab.on:hover,
#hd-root .ms-banner .ms-bn-btn[data-ms-act="sync"]:hover{
  background:var(--heto-btn-blue-hover)!important;
  border-color:var(--heto-btn-blue-hover)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Boutons secondaires : plus de noir brut, même palette que le plugin */
#hd-root .ms-bn-btn,
#hd-root .ms-tb-btn:not(.pri),
#hd-root .cp-chip,
#hd-root .cx-tool-btn,
#hd-root .hd-side-action,
#hd-root .hd-btn:not(.hd-btn-primary):not(.hd-btn-upgrade):not(.hd-btn-danger):not(.tb-sv):not(.sv-s),
#hd-root button[class*="secondary"],
#hd-root .zb,
#hd-root .tb-b,
#hd-root .tb-u{
  background:#fff!important;
  border-color:var(--heto-btn-border)!important;
  color:#315EA8!important;
  -webkit-text-fill-color:#315EA8!important;
}
#hd-root .ms-bn-btn svg,
#hd-root .ms-tb-btn:not(.pri) svg,
#hd-root .cp-chip svg,
#hd-root .cx-tool-btn svg,
#hd-root .hd-side-action svg,
#hd-root .hd-btn:not(.hd-btn-primary):not(.hd-btn-upgrade):not(.hd-btn-danger):not(.tb-sv):not(.sv-s) svg,
#hd-root button[class*="secondary"] svg,
#hd-root .zb svg,
#hd-root .tb-b svg,
#hd-root .tb-u svg{
  color:#315EA8!important;
  stroke:#315EA8!important;
}
#hd-root .ms-bn-btn:hover,
#hd-root .ms-tb-btn:not(.pri):hover,
#hd-root .cp-chip:hover,
#hd-root .cx-tool-btn:hover,
#hd-root .hd-side-action:hover,
#hd-root .hd-btn:not(.hd-btn-primary):not(.hd-btn-upgrade):not(.hd-btn-danger):not(.tb-sv):not(.sv-s):hover,
#hd-root button[class*="secondary"]:hover,
#hd-root .zb:hover,
#hd-root .tb-b:hover{
  background:var(--heto-btn-blue-soft)!important;
  border-color:#9DBBFF!important;
  color:var(--heto-btn-blue)!important;
  -webkit-text-fill-color:var(--heto-btn-blue)!important;
}

/* Exceptions : boutons de déconnexion/destruction en rouge cohérent */
#hd-root .hd-btn-danger,
#hd-root .ms-bn-btn.danger,
#hd-root button[data-ms-act="disconnect"],
#hd-root button[class*="danger"],
#hd-root button[class*="delete"]{
  background:#fff!important;
  border-color:#FECACA!important;
  color:var(--heto-btn-danger)!important;
  -webkit-text-fill-color:var(--heto-btn-danger)!important;
  box-shadow:none!important;
}
#hd-root .hd-btn-danger:hover,
#hd-root .ms-bn-btn.danger:hover,
#hd-root button[data-ms-act="disconnect"]:hover,
#hd-root button[class*="danger"]:hover,
#hd-root button[class*="delete"]:hover{
  background:var(--heto-btn-danger-soft)!important;
  color:var(--heto-btn-danger)!important;
  -webkit-text-fill-color:var(--heto-btn-danger)!important;
}
#hd-root .hd-btn-danger svg,
#hd-root .ms-bn-btn.danger svg,
#hd-root button[data-ms-act="disconnect"] svg,
#hd-root button[class*="danger"] svg,
#hd-root button[class*="delete"] svg{stroke:var(--heto-btn-danger)!important;color:var(--heto-btn-danger)!important;}

/* Cartes plan / upgrade : texte blanc sur bouton bleu */
#hd-root .hd-plan-card .hd-btn-primary,
#hd-root .hd-plan-card [class*="upgrade"],
#hd-root [class*="plan"] button[style*="background:#5570F1"],
#hd-root [class*="plan"] button[style*="background:#0C55F4"]{
  background:linear-gradient(135deg,#5B6EF5,#0C55F4)!important;
  border-color:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* HETO 2.1.177 — Mon Site compact + suppression Agent IA */
#hd-root [data-tab="agent"],
#heto-studio-editor [data-tab="agent"],
#hd-root .v11e-tab[data-tab="agent"],
#hd-root .hd-ed-tab[data-tab="agent"]{
  display:none!important;
}
#heto-mon-site-index .ms-disco-compact{padding-top:0!important;}
#heto-mon-site-index .ms-disco-compact .ms-cn-grid{margin-top:0!important;}
#heto-mon-site-index .ms-cn-btn-connected,
#heto-mon-site-index .ms-cn-btn-connected:hover,
#heto-studio-editor .ms-cn-btn-connected,
#heto-studio-editor .ms-cn-btn-connected:hover{
  background:#DCFCE7!important;
  color:#15803D!important;
  border-color:#BBF7D0!important;
  box-shadow:none!important;
  cursor:default!important;
}
#heto-mon-site-index #ms-prod-current-page,
#heto-studio-editor #ms-prod-current-page{
  min-width:56px!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

/* HETO 2.1.178 — bouton du connecteur déjà actif = Connecté */
.heto-monsite-v2 .msv2-cn-btn.msv2-cn-btn-connected,
.heto-monsite-v2 .msv2-cn-btn.msv2-cn-btn-connected:hover,
.heto-monsite-v2 .msv2-cn-btn.msv2-cn-btn-connected:disabled,
#heto-mon-site-index .ms-cn-btn.ms-cn-btn-connected,
#heto-mon-site-index .ms-cn-btn.ms-cn-btn-connected:hover,
#heto-mon-site-index .ms-cn-btn.ms-cn-btn-connected:disabled,
#heto-studio-editor .ms-cn-btn.ms-cn-btn-connected,
#heto-studio-editor .ms-cn-btn.ms-cn-btn-connected:hover,
#heto-studio-editor .ms-cn-btn.ms-cn-btn-connected:disabled,
.msx .ms-cn-btn.ms-cn-btn-connected,
.msx .ms-cn-btn.ms-cn-btn-connected:hover,
.msx .ms-cn-btn.ms-cn-btn-connected:disabled{
  background:#DCFCE7!important;
  color:#15803D!important;
  -webkit-text-fill-color:#15803D!important;
  border-color:#BBF7D0!important;
  box-shadow:none!important;
  cursor:default!important;
  opacity:1!important;
}
.heto-monsite-v2 .msv2-cn-btn.msv2-cn-btn-connected svg,
#heto-mon-site-index .ms-cn-btn.ms-cn-btn-connected svg,
#heto-studio-editor .ms-cn-btn.ms-cn-btn-connected svg,
.msx .ms-cn-btn.ms-cn-btn-connected svg{
  color:#15803D!important;
  stroke:#15803D!important;
}

/* HETO 2.1.189 — Conversations : routage workflows, agents connectés, slide IA/Agent */
#hd-page-conversations .hd-cpanel-head--pro{
  align-items:flex-start !important;
  gap:14px !important;
}
#hd-page-conversations .hd-cpanel-main--pro{
  min-width:0 !important;
}
#hd-page-conversations .cx-agent-strip{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:7px;
  min-width:0;
  flex-wrap:wrap;
}
#hd-page-conversations .cx-agent-strip-label{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--hd-text3);
}
#hd-page-conversations .cx-agent-stack{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
#hd-page-conversations .cx-agent-avatar{
  width:24px;
  height:24px;
  border-radius:999px;
  border:2px solid #fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:linear-gradient(135deg,#edf3ff,#dfe9ff);
  color:#234071;
  font-size:9px;
  font-weight:900;
  box-shadow:0 4px 12px rgba(15,23,42,.10);
  position:relative;
}
#hd-page-conversations .cx-agent-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#hd-page-conversations .cx-agent-avatar::after{
  content:'';
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:8px;
  height:8px;
  border-radius:99px;
  border:1.5px solid #fff;
  background:#94a3b8;
}
#hd-page-conversations .cx-agent-avatar--online::after{background:#22c55e}
#hd-page-conversations .cx-agent-avatar--away::after{background:#f59e0b}
#hd-page-conversations .cx-agent-avatar--dnd::after{background:#ef4444}
#hd-page-conversations .cx-agent-empty{
  font-size:11px;
  font-weight:700;
  color:var(--hd-text3);
}
#hd-page-conversations .cx-assigned-pill{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  background:#eff6ff;
  border:1px solid #cfe0ff;
  color:#0C55F4;
  font-size:10px;
  font-weight:800;
}
#hd-page-conversations .cx-mode-switch--smooth{
  position:relative !important;
  isolation:isolate;
  padding:4px !important;
  min-width:166px;
  height:46px;
  border-radius:999px !important;
  background:#f7faff !important;
  border:1px solid #d6e2f7 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(12,85,244,.08) !important;
  overflow:hidden;
}
#hd-page-conversations .cx-mode-switch--smooth::before{
  content:'';
  position:absolute;
  z-index:0;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 8px);
  border-radius:999px;
  background:linear-gradient(180deg,#2D6BFF,#0C55F4);
  box-shadow:0 10px 22px rgba(12,85,244,.25);
  transform:translateX(0);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
}
#hd-page-conversations .cx-mode-switch--smooth[data-mode="human"]::before{
  transform:translateX(100%);
}
#hd-page-conversations .cx-mode-switch--smooth.is-loading::before{
  opacity:.72;
}
#hd-page-conversations .cx-mode-switch--smooth .cx-mode-btn{
  position:relative;
  z-index:1;
  flex:1;
  height:38px;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  color:#64748b !important;
  font-size:13px !important;
  font-weight:900 !important;
  transition:color .22s ease,transform .22s ease;
}
#hd-page-conversations .cx-mode-switch--smooth .cx-mode-btn.active{
  color:#fff !important;
  transform:translateY(-1px);
}
#hd-page-conversations .cp-section--routing{
  background:linear-gradient(180deg,#fff,#fbfdff);
}
#hd-page-conversations .cx-routing-card{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#hd-page-conversations .cx-routing-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#hd-page-conversations .cx-routing-row span,
#hd-page-conversations .cx-routing-controls label{
  color:var(--hd-text3);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
#hd-page-conversations .cx-agent-stack--panel .cx-agent-avatar{
  width:28px;
  height:28px;
}
#hd-page-conversations .cx-routing-controls{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
#hd-page-conversations .cx-routing-select{
  width:100% !important;
  min-height:38px;
  border-radius:12px !important;
  background:#f8fbff !important;
  border:1px solid #dfe8f7 !important;
  color:#152034 !important;
  font-weight:750;
}
#hd-page-conversations .hd-info-status-label{
  margin-left:4px;
}
#hd-page-conversations .cp-tabs-wrap{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(10px);
}


/* HETO 2.1.191 — panneau conversation : classement / libellés premium */
#hd-page-conversations .cp-section--classification{padding:16px!important;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)!important;}
#hd-page-conversations .cx-label-card{border:1px solid #dce7f7!important;border-radius:18px!important;background:#fff!important;box-shadow:0 12px 32px rgba(15,30,53,.06)!important;padding:12px!important;display:flex!important;flex-direction:column!important;gap:11px!important;overflow:hidden!important;}
#hd-page-conversations .cx-label-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;}
#hd-page-conversations .cx-label-current{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
#hd-page-conversations .cx-label-dot{width:12px!important;height:12px!important;border-radius:999px!important;background:var(--label-color,#0C55F4)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--label-color,#0C55F4) 14%,transparent)!important;flex:0 0 auto!important;}
#hd-page-conversations .cx-label-kicker{display:block!important;font:800 9px/1.2 'Figtree',sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#9aaac1!important;margin-bottom:3px!important;}
#hd-page-conversations .cx-label-current strong{display:block!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:850 13px/1.2 'Figtree',sans-serif!important;color:#0f1e35!important;}
#hd-page-conversations .cx-label-new{height:30px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid #cfe0ff!important;background:#eef5ff!important;color:#0C55F4!important;font:800 11px 'Figtree',sans-serif!important;box-shadow:none!important;}
#hd-page-conversations .cx-label-new:hover{background:#e2edff!important;border-color:#abc8ff!important;}
#hd-page-conversations .cx-label-field{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;}
#hd-page-conversations .cx-label-field>span,
#hd-page-conversations .cx-label-name-wrap>span,
#hd-page-conversations .cx-label-color-wrap>span{font:800 9px/1.1 'Figtree',sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#96a8c1!important;}
#hd-page-conversations .cx-label-select{width:100%!important;height:38px!important;border:1px solid #dbe7f7!important;border-radius:12px!important;background:#f8fbff!important;padding:0 12px!important;font:750 12px 'Figtree',sans-serif!important;color:#0f1e35!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;}
#hd-page-conversations .cx-label-compose{display:grid!important;grid-template-columns:minmax(0,1fr) 46px auto auto!important;gap:8px!important;align-items:end!important;padding-top:0!important;}
#hd-page-conversations .cx-label-name-wrap,
#hd-page-conversations .cx-label-color-wrap{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0!important;min-width:0!important;}
#hd-page-conversations .cx-label-name-wrap .cp-folder-name{width:100%!important;min-width:0!important;height:38px!important;border:1px solid #dbe7f7!important;border-radius:12px!important;background:#f8fbff!important;padding:0 12px!important;font:750 12px 'Figtree',sans-serif!important;color:#0f1e35!important;}
#hd-page-conversations .cx-label-name-wrap .cp-folder-name:focus,
#hd-page-conversations .cx-label-select:focus{border-color:#0C55F4!important;box-shadow:0 0 0 4px rgba(12,85,244,.10)!important;background:#fff!important;}
#hd-page-conversations .cx-label-color-wrap .cp-folder-color{width:42px!important;height:38px!important;border:1px solid #dbe7f7!important;border-radius:12px!important;background:#fff!important;padding:3px!important;box-shadow:none!important;}
#hd-page-conversations .cx-label-compose .cp-folder-save{height:38px!important;border:none!important;border-radius:12px!important;background:#0C55F4!important;color:#fff!important;font:850 12px 'Figtree',sans-serif!important;padding:0 13px!important;box-shadow:0 8px 18px rgba(12,85,244,.22)!important;}
#hd-page-conversations .cx-label-compose .cp-folder-save:hover{filter:brightness(.98)!important;transform:translateY(-1px)!important;}
#hd-page-conversations .cx-label-compose .cp-folder-delete{width:38px!important;height:38px!important;padding:0!important;border:1px solid #ffd1d1!important;border-radius:12px!important;background:#fff7f7!important;color:#c02626!important;font:900 18px/1 'Figtree',sans-serif!important;}
#hd-page-conversations .cx-channel-pill{margin-top:10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px 12px!important;border:1px solid #edf2fa!important;border-radius:14px!important;background:#fbfdff!important;}
#hd-page-conversations .cx-channel-pill span{font:800 10px 'Figtree',sans-serif!important;text-transform:uppercase!important;letter-spacing:.10em!important;color:#9aaac1!important;}
#hd-page-conversations .cx-channel-pill strong{font:800 12px 'Figtree',sans-serif!important;color:#0f1e35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
@media (max-width: 1180px){
  #hd-page-conversations .cx-label-compose{grid-template-columns:minmax(0,1fr) 46px!important;}
  #hd-page-conversations .cx-label-compose .cp-folder-save{grid-column:1 / 2!important;}
  #hd-page-conversations .cx-label-compose .cp-folder-delete{grid-column:2 / 3!important;}
}

/* HETO 2.1.198 — RDV config dedicated/widg title fallback */


/* HETO 2.1.198 — RDV config dédiée + widgets title clean */
#hd-root #hd-page-widgets .hd-topbar{
  height:72px!important;
  min-height:72px!important;
  padding:0 22px!important;
  background:#fff!important;
  border-bottom:1px solid #F4F7FE!important;
}
#hd-root #hd-page-widgets .hd-topbar-title{
  font-family:'Epilogue','Inter',sans-serif!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:800!important;
  color:#1B2559!important;
  letter-spacing:-.03em!important;
  text-align:left!important;
}
#hd-root #hd-page-widgets .hd-topbar-sub{
  margin-top:6px!important;
  color:#A3AED0!important;
  font-size:13px!important;
  font-weight:600!important;
}
#hd-root #hd-page-widgets .hd-page-inner{padding:14px 18px!important;background:#EEF2FB!important;}
#hd-root .v11w-shell{display:block!important;margin:0!important;padding:0!important;max-width:none!important;}
#hd-root .v11w-hero{display:none!important;}
#hd-root .v11w-list{display:flex!important;flex-direction:column!important;gap:14px!important;}
#hd-root .v11w-card{border-radius:16px!important;border:1px solid #E9EDF7!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;background:#fff!important;overflow:hidden!important;}
#hd-root .v11w-head{padding:16px 18px!important;}
#hd-root .v11w-avatar{width:48px!important;height:48px!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(12,85,244,.16)!important;color:#fff!important;display:grid!important;place-items:center!important;}
#hd-root .v11w-name{font-family:'Epilogue','Inter',sans-serif!important;font-size:16px!important;font-weight:800!important;color:#1B2559!important;letter-spacing:-.02em!important;}
#hd-root .v11w-meta{font-size:12px!important;color:#A3AED0!important;font-weight:600!important;margin-top:3px!important;}
#hd-root .v11w-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:1px solid #F4F7FE!important;border-bottom:1px solid #F4F7FE!important;}
#hd-root .v11w-stat{min-height:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-right:1px solid #F4F7FE!important;}
#hd-root .v11w-stat:last-child{border-right:0!important;}
#hd-root .v11w-stat strong{font:800 18px/1 'Epilogue','Inter',sans-serif!important;color:#1B2559!important;}
#hd-root .v11w-stat span{margin-top:6px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#A3AED0!important;font:800 10px/1 'JetBrains Mono',monospace!important;}
#hd-root .v11w-code-area{padding:13px 18px 16px!important;}
#hd-root .v11w-code-label{font:800 10px/1 'JetBrains Mono',monospace!important;letter-spacing:.1em!important;color:#A3AED0!important;text-transform:uppercase!important;margin-bottom:8px!important;}
#hd-root .v11w-code-row{display:flex!important;gap:10px!important;}
#hd-root .v11w-code{height:38px!important;display:flex!important;align-items:center!important;flex:1!important;min-width:0!important;border:1px solid #D0D8F5!important;background:#F4F7FE!important;border-radius:10px!important;padding:0 13px!important;font:700 11px/1 'JetBrains Mono',monospace!important;color:#5570F1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-root .v11w-copy,#hd-root .v11w-tool{height:38px!important;border-radius:12px!important;border:1px solid #E9EDF7!important;background:#fff!important;color:#1B2559!important;font-weight:800!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;}
#hd-root .v11w-copy:hover,#hd-root .v11w-tool:hover{border-color:#D0D8F5!important;background:#F4F7FE!important;}
#hd-root .v11w-foot{padding:0 18px 14px!important;color:#A3AED0!important;font-size:12px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root .v11w-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#05CD99!important;display:inline-block!important;}
#hd-root .v11-add-card{min-height:112px!important;border:1px dashed #D0D8F5!important;border-radius:16px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;color:#1B2559!important;box-shadow:0 1px 4px rgba(112,144,176,.05)!important;cursor:pointer!important;}
#hd-root .v11-add-card:hover{border-color:#0C55F4!important;background:#F8FAFF!important;}
#hd-root .v11-add-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#F4F7FE!important;color:#0C55F4!important;border:1px solid #D0D8F5!important;}
#hd-root .v11-add-card strong{font:800 14px/1 'Epilogue','Inter',sans-serif!important;}
#hd-root .v11-add-card span{color:#A3AED0!important;font-weight:600!important;font-size:13px!important;}

#hd-root.heto-rdv-config-dedicated #hd-page-rdv{background:#EEF2FB!important;overflow:hidden!important;}
#hd-root.heto-rdv-config-dedicated #hd-page-rdv>.hd-topbar{display:none!important;}
#hd-root.heto-rdv-config-dedicated #hd-page-rdv>.hd-page-inner{height:100%!important;min-height:0!important;padding:0!important;background:#EEF2FB!important;overflow:hidden!important;}
#hd-root.heto-rdv-config-dedicated [data-rdv-sub="rdv-config"]{height:100%!important;min-height:0!important;display:block!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-studio{height:100%!important;min-height:0!important;display:flex!important;background:#EEF2FB!important;border-radius:0!important;overflow:hidden!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-head{height:62px!important;min-height:62px!important;padding:0 16px!important;margin:0!important;border:0!important;border-bottom:1px solid #F4F7FE!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;display:flex!important;gap:14px!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-head-main{flex:1!important;min-width:0!important;gap:10px!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-ico{width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:0 6px 16px rgba(12,85,244,.18)!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-title{font-family:'Epilogue','Inter',sans-serif!important;font-size:18px!important;line-height:1!important;color:#1B2559!important;font-weight:800!important;letter-spacing:-.03em!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-sub{display:block!important;margin-top:4px!important;font-size:11.5px!important;line-height:1.2!important;color:#A3AED0!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-actions{gap:10px!important;flex-wrap:nowrap!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-select{height:40px!important;min-width:230px!important;background:#F4F7FE!important;border-color:#E9EDF7!important;border-radius:14px!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-tabs{height:52px!important;border:0!important;border-bottom:1px solid #EEF0F7!important;border-radius:0!important;background:#fff!important;padding:0 24px!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-tab{font-family:'Inter','Figtree',sans-serif!important;font-weight:600!important;}
#hd-root.heto-rdv-config-dedicated #hrdv-editor{flex:1!important;min-height:0!important;flex-direction:column!important;overflow:hidden!important;}
#hd-root.heto-rdv-config-dedicated #hrdv-editor:not([style*='display:none']):not([style*='display: none']){display:flex!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-shell{flex:1!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:minmax(420px,1fr) minmax(520px,680px)!important;gap:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-left{max-height:none!important;height:100%!important;overflow-y:auto!important;background:#EEF2FB!important;padding:14px!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-right{height:100%!important;background:#EEF2FB!important;border-left:1px solid #F4F7FE!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-pv-h{height:46px!important;min-height:46px!important;background:#EEF2FB!important;border-bottom:0!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-pv-body{height:100%!important;overflow:auto!important;padding:16px!important;align-items:flex-start!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-card{border-radius:14px!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-card-h{padding:14px 18px!important;}
#hd-root.heto-rdv-config-dedicated .hrdv-card-title{font-family:'Epilogue','Inter',sans-serif!important;font-size:15px!important;font-weight:800!important;}
/* REMOVED: savebar override */
/* REMOVED: savebar override */
/* REMOVED: savebar override */
#hd-root.heto-rdv-config-dedicated #hrdv-empty{height:calc(100% - 62px)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;border:0!important;border-radius:0!important;background:#EEF2FB!important;color:#A3AED0!important;font-weight:600!important;text-align:center!important;}
#hd-root.heto-rdv-config-dedicated #hrdv-empty:not([style*='display:none']):not([style*='display: none']){display:flex!important;}

#rdv-wiz-overlay.heto-widget-type-modal{background:rgba(13,21,38,.58)!important;backdrop-filter:blur(6px)!important;}
#rdv-wiz-overlay .heto-rdv-wiz-box{width:min(680px,calc(100vw - 32px))!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 30px 90px rgba(13,21,38,.28)!important;overflow:hidden!important;background:#fff!important;}
#rdv-wiz-overlay .heto-rdv-wiz-head{padding:24px 26px 20px!important;background:linear-gradient(180deg,#fff,#F8FAFF)!important;border-bottom:1px solid #EEF0F7!important;display:flex!important;align-items:center!important;gap:14px!important;}
#rdv-wiz-overlay .heto-rdv-wiz-icon{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#2D6BFF,#0C55F4)!important;color:#fff!important;box-shadow:0 12px 24px rgba(12,85,244,.24)!important;}
#rdv-wiz-overlay .heto-rdv-wiz-title{font-family:'Epilogue','Inter',sans-serif!important;font-size:22px!important;font-weight:800!important;letter-spacing:-.03em!important;color:#1B2559!important;}
#rdv-wiz-overlay .heto-rdv-wiz-sub{margin-top:5px!important;font-size:13px!important;line-height:1.45!important;color:#A3AED0!important;font-weight:600!important;}
#rdv-wiz-overlay .heto-rdv-wiz-close{width:38px!important;height:38px!important;border-radius:14px!important;border:1px solid #DCE5FA!important;background:#fff!important;color:#7183A8!important;font-size:20px!important;font-weight:800!important;display:grid!important;place-items:center!important;}
#rdv-wiz-overlay .heto-rdv-wiz-body{padding:22px 26px!important;display:flex!important;flex-direction:column!important;gap:14px!important;background:#fff!important;}
#rdv-wiz-overlay .heto-rdv-wiz-grid{display:grid!important;grid-template-columns:1fr 180px!important;gap:14px!important;}
#rdv-wiz-overlay .heto-rdv-wiz-field{display:flex!important;flex-direction:column!important;gap:7px!important;}
#rdv-wiz-overlay .heto-rdv-wiz-label{font:800 10px/1 'JetBrains Mono',monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#A3AED0!important;}
#rdv-wiz-overlay .heto-rdv-wiz-input,#rdv-wiz-overlay .heto-rdv-wiz-select{height:44px!important;border:1px solid #E9EDF7!important;background:#F4F7FE!important;border-radius:13px!important;padding:0 14px!important;font:700 13px/1 'Inter','Figtree',sans-serif!important;color:#1B2559!important;outline:0!important;}
#rdv-wiz-overlay .heto-rdv-wiz-input:focus,#rdv-wiz-overlay .heto-rdv-wiz-select:focus{background:#fff!important;border-color:#0C55F4!important;box-shadow:0 0 0 3px rgba(12,85,244,.08)!important;}
#rdv-wiz-overlay .heto-rdv-wiz-color{display:grid!important;grid-template-columns:56px 1fr!important;gap:10px!important;align-items:center!important;}
#rdv-wiz-overlay .heto-rdv-wiz-color input[type=color]{width:56px!important;height:44px!important;border:1px solid #E9EDF7!important;border-radius:13px!important;padding:4px!important;background:#fff!important;box-shadow:0 6px 16px rgba(13,21,38,.05)!important;}
#rdv-wiz-overlay .heto-rdv-wiz-note{border-radius:16px!important;background:#F4F7FE!important;border:1px solid #E2E8F8!important;padding:13px 14px!important;color:#66789F!important;line-height:1.55!important;font-size:12px!important;font-weight:650!important;}
#rdv-wiz-overlay .heto-rdv-wiz-actions{padding:16px 26px 20px!important;background:#fff!important;border-top:1px solid #EEF0F7!important;display:flex!important;justify-content:flex-end!important;gap:10px!important;}
#rdv-wiz-overlay .heto-rdv-wiz-actions .hd-btn{height:42px!important;border-radius:14px!important;padding:0 18px!important;font-weight:800!important;}
@media(max-width:1300px){#hd-root.heto-rdv-config-dedicated .hrdv-shell{grid-template-columns:1fr!important}.heto-rdv-config-dedicated .hrdv-right{min-height:520px!important;border-left:0!important;border-top:1px solid #F4F7FE!important}}
@media(max-width:760px){#rdv-wiz-overlay .heto-rdv-wiz-grid{grid-template-columns:1fr!important}#hd-root.heto-rdv-config-dedicated .hrdv-actions{display:none!important}}

/* HETO 2.1.202 — RDV config = même chrome visuel que la configuration chatbot */
#hd-root #hd-page-widgets.heto-rdv-editor-open{
  --heto-editor-bg:#EEF2FB;
  --heto-editor-card:#FFFFFF;
  --heto-editor-soft:#F4F7FE;
  --heto-editor-soft-blue:#EBF0FF;
  --heto-editor-border:#E9EDF7;
  --heto-editor-border-strong:#D0D8F5;
  --heto-editor-input-border:#DDE6F4;
  --heto-editor-blue:#5570F1;
  --heto-editor-blue-strong:#0C55F4;
  --heto-editor-text:#1B2559;
  --heto-editor-text2:#2B3674;
  --heto-editor-muted:#A3AED0;
  --heto-editor-shadow:0 1px 4px rgba(112,144,176,.06);
  background:var(--heto-editor-bg)!important;
  overflow:hidden!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open>.hd-topbar{display:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open>.hd-page-inner{height:100%!important;min-height:0!important;padding:0!important;background:var(--heto-editor-bg)!important;overflow:hidden!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open #hd-widgets-list{height:100%!important;min-height:0!important;overflow:hidden!important;display:block!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open [data-rdv-sub="rdv-config"]{height:100%!important;min-height:0!important;display:block!important;background:var(--heto-editor-bg)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-studio{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:var(--heto-editor-bg)!important;border-radius:0!important;overflow:hidden!important;}

/* Topbar identique chatbot : retour compact + recherche + badge + appliquer */
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-head{
  height:64px!important;
  min-height:64px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #F4F7FE!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:0!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-head-main{
  min-width:0!important;
  height:64px!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-head-main>.hrdv-ico,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-head-main>.hrdv-ico+div,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-title,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-sub{display:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-back-widgets{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border-radius:10px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#8FA1C0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  font-size:0!important;
  line-height:0!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-back-widgets:hover{color:var(--heto-editor-blue-strong)!important;background:var(--heto-editor-soft)!important;border-color:var(--heto-editor-border)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-back-widgets svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important;stroke:currentColor!important;stroke-width:1.75!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-search{
  width:min(420px,44vw)!important;
  max-width:420px!important;
  min-width:280px!important;
  height:40px!important;
  border-radius:12px!important;
  border:1px solid #DDE5F7!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(112,144,176,.06)!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  color:#A3AED0!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-search svg{width:14px!important;height:14px!important;stroke:currentColor!important;flex-shrink:0!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-search input{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--heto-editor-text)!important;
  font:500 13px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-search input::placeholder{color:#A3AED0!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-actions{
  height:64px!important;
  padding:0 14px!important;
  gap:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:#fff!important;
  border-left:1px solid #F4F7FE!important;
  flex-wrap:nowrap!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-actions button[onclick*="openRdvWidgetWizard"]{display:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-select.hrdv-single-select{display:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-select{
  height:36px!important;
  min-width:160px!important;
  max-width:210px!important;
  border-radius:10px!important;
  border:1px solid var(--heto-editor-border)!important;
  background:var(--heto-editor-soft)!important;
  color:var(--heto-editor-text2)!important;
  font:700 12px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  box-shadow:none!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-user-badge{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:12px!important;
  border:1px solid #B8C8F8!important;
  background:var(--heto-editor-soft-blue)!important;
  color:var(--heto-editor-blue-strong)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font:800 11px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  letter-spacing:-.02em!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-actions .hd-btn-primary{
  height:38px!important;
  min-height:38px!important;
  border-radius:10px!important;
  padding:0 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:var(--heto-editor-blue-strong)!important;
  border-color:var(--heto-editor-blue-strong)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:800 12px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  box-shadow:0 10px 22px rgba(12,85,244,.22)!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-actions .hd-btn-primary svg{width:13px!important;height:13px!important;stroke:#fff!important;color:#fff!important;}

/* Onglets : même hauteur, soulignement et pas de courbes parasites */
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-editor{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#fff!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tabs{
  height:52px!important;
  min-height:52px!important;
  padding:0 16px!important;
  gap:34px!important;
  align-items:flex-end!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #F4F7FE!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tabs::-webkit-scrollbar{display:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tab{
  height:52px!important;
  min-width:auto!important;
  padding:0 2px!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  background:transparent!important;
  color:var(--heto-editor-muted)!important;
  font:600 12px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tab:hover{color:var(--heto-editor-text2)!important;background:transparent!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tab.active{color:var(--heto-editor-blue-strong)!important;border-bottom-color:var(--heto-editor-blue-strong)!important;background:transparent!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tab svg{width:15px!important;height:15px!important;stroke:currentColor!important;stroke-width:1.75!important;fill:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tab::before,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tab::after{content:none!important;display:none!important;}

/* Split et preview comme l'éditeur chatbot */
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,480px)!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-left{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  overflow:auto!important;
  padding:20px 22px 108px!important;
  background:var(--heto-editor-bg)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-panel{gap:12px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-right{
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  background:var(--heto-editor-bg)!important;
  border-left:1px solid var(--heto-editor-border)!important;
  overflow:hidden!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-pv-h{height:46px!important;min-height:46px!important;background:var(--heto-editor-bg)!important;border-bottom:0!important;padding:10px 14px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-live{font:800 9px/1 'JetBrains Mono',ui-monospace,monospace!important;color:#A3AED0!important;letter-spacing:.18em!important;text-transform:uppercase!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-live-dot{width:7px!important;height:7px!important;background:#22C55E!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-dims{height:24px!important;display:inline-flex!important;align-items:center!important;border-radius:7px!important;background:#fff!important;border:1px solid var(--heto-editor-border)!important;color:#A3AED0!important;font:700 10px/1 'JetBrains Mono',ui-monospace,monospace!important;padding:0 9px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-pv-body{height:calc(100% - 46px)!important;overflow:auto!important;padding:12px 14px 24px!important;align-items:flex-start!important;justify-content:center!important;background:var(--heto-editor-bg)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-widget{width:620px!important;max-width:620px!important;transform:scale(.72)!important;transform-origin:top center!important;margin-bottom:-120px!important;}

/* Cartes, champs, color picker : mêmes tailles/curves que l'apparence chatbot */
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card{
  background:#fff!important;
  border:1px solid var(--heto-editor-border)!important;
  border-radius:14px!important;
  box-shadow:var(--heto-editor-shadow)!important;
  overflow:hidden!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card-h{min-height:54px!important;padding:12px 14px!important;border-bottom:1px solid #F4F7FE!important;gap:10px!important;background:#fff!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card-ic{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;box-shadow:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card-ic svg{width:15px!important;height:15px!important;stroke-width:1.9!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card-title{font:800 14px/1.15 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;color:var(--heto-editor-text)!important;letter-spacing:-.01em!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card-sub{margin-top:3px!important;color:var(--heto-editor-muted)!important;font:500 11px/1.25 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-card-b{padding:14px!important;gap:12px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-grid2{gap:10px 14px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-field{gap:6px!important;margin:0!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-label{font:700 10px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.12em!important;color:#A3AED0!important;text-transform:uppercase!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-input,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-select2,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid var(--heto-editor-input-border)!important;
  background:#F8FAFF!important;
  border-radius:12px!important;
  color:#14213D!important;
  font:500 13px/1.45 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-input,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-select2{height:40px!important;min-height:40px!important;padding:0 12px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-textarea{min-height:108px!important;padding:11px 12px!important;resize:vertical!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-input:focus,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-select2:focus,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-textarea:focus,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-hex:focus{border-color:#B8C8F8!important;background:#fff!important;box-shadow:0 0 0 3px rgba(85,112,241,.08)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-crow{min-height:44px!important;padding:3px 0!important;gap:12px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-swatch{width:36px!important;height:36px!important;border-radius:999px!important;border:3px solid #fff!important;box-shadow:0 0 0 1.5px #DDE6F4,0 2px 6px rgba(13,21,38,.06)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-cname{font:650 12.5px/1.2 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;color:var(--heto-editor-text2)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-hex{width:94px!important;height:36px!important;border:1px solid var(--heto-editor-input-border)!important;border-radius:10px!important;background:#F8FAFF!important;color:#14213D!important;font:700 11px/1 'JetBrains Mono',ui-monospace,monospace!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-div{padding:4px 0 2px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-div:before,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-div:after{background:#F4F7FE!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-div span{font:800 9px/1 'JetBrains Mono',ui-monospace,monospace!important;letter-spacing:.16em!important;color:#A3AED0!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-toggle{min-height:58px!important;padding:12px 14px!important;border-radius:14px!important;background:#fff!important;border:1px solid var(--heto-editor-border)!important;box-shadow:var(--heto-editor-shadow)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-toggle:hover{background:#FAFCFF!important;border-color:var(--heto-editor-border-strong)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-toggle strong{font:800 12.5px/1.25 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;color:var(--heto-editor-text2)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-toggle span{font:500 10.5px/1.25 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;color:var(--heto-editor-muted)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-themes{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-theme{border:1px solid var(--heto-editor-input-border)!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;padding:0!important;overflow:hidden!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-theme.active{border-color:var(--heto-editor-blue-strong)!important;box-shadow:0 0 0 2px rgba(12,85,244,.14)!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-theme-bar{height:42px!important;border-radius:0!important;margin:0!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-theme-name{padding:8px 10px!important;font:800 11px/1 Inter,Figtree,system-ui,-apple-system,Segoe UI,sans-serif!important;color:var(--heto-editor-text2)!important;}
/* REMOVED: savebar override */
/* REMOVED: savebar override */
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-empty{height:calc(100% - 64px)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;border:0!important;border-radius:0!important;background:var(--heto-editor-bg)!important;color:#A3AED0!important;font-weight:600!important;text-align:center!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-empty:not([style*='display:none']):not([style*='display: none']){display:flex!important;}
@media(max-width:1300px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell{grid-template-columns:1fr!important;overflow:auto!important;}
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-right{min-height:520px!important;border-left:0!important;border-top:1px solid var(--heto-editor-border)!important;}
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-left{height:auto!important;overflow:visible!important;}
}
@media(max-width:900px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-actions{display:none!important;}
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-head{grid-template-columns:1fr!important;}
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-search{min-width:0!important;width:100%!important;max-width:none!important;}
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-tabs{gap:18px!important;padding:0 12px!important;}
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-left{padding:12px 12px 100px!important;}
}


/* HETO 2.1.205 — force preview panel on the right for RDV studio */
@media (min-width:1101px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-areas:"left right"!important;
    grid-template-columns:minmax(0,1fr) clamp(440px,34vw,620px)!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-left,
  #hd-root.heto-rdv-config-dedicated .hrdv-left{
    grid-area:left!important;
    min-width:0!important;
    width:auto!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-right,
  #hd-root.heto-rdv-config-dedicated .hrdv-right{
    grid-area:right!important;
    min-width:440px!important;
    width:clamp(440px,34vw,620px)!important;
    max-width:620px!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    border-left:1px solid var(--heto-editor-border,#E9EDF7)!important;
    border-top:0!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-pv-body,
  #hd-root.heto-rdv-config-dedicated .hrdv-pv-body{
    height:calc(100% - 46px)!important;
  }
}
@media (max-width:1100px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell{
    grid-template-columns:1fr!important;
    grid-template-areas:"left" "right"!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-right,
  #hd-root.heto-rdv-config-dedicated .hrdv-right{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    border-left:0!important;
    border-top:1px solid var(--heto-editor-border,#E9EDF7)!important;
  }
}



/* HETO 2.1.206 — hard force RDV preview column on the right */
@media (min-width:1200px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-editor,
  #hd-root.heto-rdv-config-dedicated #hrdv-editor{
    min-height:0!important;
    overflow:hidden!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell > .hrdv-left,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell > .hrdv-left{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    height:100%!important;
    overflow:auto!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell > .hrdv-right,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell > .hrdv-right{
    order:2!important;
    flex:0 0 520px!important;
    width:520px!important;
    min-width:520px!important;
    max-width:520px!important;
    height:100%!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    border-left:1px solid var(--heto-editor-border,#E9EDF7)!important;
    border-top:0!important;
    overflow:hidden!important;
    background:var(--heto-editor-bg,#EEF2FB)!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell > .hrdv-right .hrdv-pv-h,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell > .hrdv-right .hrdv-pv-h{
    flex:0 0 46px!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell > .hrdv-right .hrdv-pv-body,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell > .hrdv-right .hrdv-pv-body{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:auto!important;
    justify-content:center!important;
  }
}
@media (max-width:1199px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell{
    display:flex!important;
    flex-direction:column!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell > .hrdv-right,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell > .hrdv-right{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    border-left:0!important;
    border-top:1px solid var(--heto-editor-border,#E9EDF7)!important;
  }
}



/* HETO 2.1.207 — RDV cloned studio preview always on the right */
#heto-studio-editor.hrdv-cloned-editor #hrdv-editor.content,
#heto-studio-editor.hrdv-cloned-editor .content{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  grid-template-columns:none!important;
  overflow:hidden!important;
}
#heto-studio-editor.hrdv-cloned-editor #hs-cfg,
#heto-studio-editor.hrdv-cloned-editor .cfg{
  order:1!important;
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
}
#heto-studio-editor.hrdv-cloned-editor #hs-preview,
#heto-studio-editor.hrdv-cloned-editor .pv{
  order:2!important;
  display:flex!important;
  flex:0 0 520px!important;
  width:520px!important;
  min-width:520px!important;
  max-width:520px!important;
  height:100%!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  border-left:1px solid rgba(15,23,42,.08)!important;
  border-top:0!important;
}



/* HETO 2.1.208 — RDV preview fit fix inside right column */
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-pv-body,
#hd-root.heto-rdv-config-dedicated .hrdv-pv-body{
  justify-content:center!important;
  align-items:flex-start!important;
  padding:14px!important;
  overflow:auto!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-widget,
#hd-root.heto-rdv-config-dedicated .hrdv-widget{
  width:calc(100% - 8px)!important;
  max-width:492px!important;
  min-width:0!important;
  transform:none!important;
  transform-origin:top center!important;
  margin:0 auto 18px!important;
}
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-widget .hrdv-fr,
#hd-root.heto-rdv-config-dedicated .hrdv-widget .hrdv-fr{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}



/* HETO 2.1.209 — enlarge RDV preview on the right */
@media (min-width:1200px){
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-shell > .hrdv-right,
  #hd-root.heto-rdv-config-dedicated .hrdv-shell > .hrdv-right{
    flex:0 0 600px!important;
    width:600px!important;
    min-width:600px!important;
    max-width:600px!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-pv-body,
  #hd-root.heto-rdv-config-dedicated .hrdv-pv-body{
    padding:10px 10px 16px!important;
  }
  #hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-widget,
  #hd-root.heto-rdv-config-dedicated .hrdv-widget{
    width:100%!important;
    max-width:580px!important;
    min-width:0!important;
    margin:0 auto 16px!important;
  }
}



/* HETO 2.1.212 — RDV preview fidelity to real embed */
#hd-root .hrdv-widget{max-width:620px!important;}
#hd-root .hrdv-fr{box-shadow:0 2px 8px rgba(0,0,0,.06),0 16px 48px rgba(0,0,0,.09)!important;border-radius:16px!important;}
#hd-root .hrdv-rw{min-height:500px!important;height:500px!important;}
#hd-root .hrdv-c1{width:220px!important;padding:24px 18px!important;gap:14px!important;}
#hd-root .hrdv-c2{padding:20px 16px!important;}
#hd-root .hrdv-c3{width:180px!important;}
#hd-root .hrdv-sh{padding:18px 12px 10px!important;}
#hd-root .hrdv-ft button{font-size:10px!important;font-weight:700!important;padding:4px 10px!important;}
#hd-root .hrdv-sl{padding:10px 12px!important;gap:6px!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent!important;}
#hd-root .hrdv-sl::-webkit-scrollbar{width:3px!important;}
#hd-root .hrdv-sl::-webkit-scrollbar-thumb{background:#e5e7eb!important;border-radius:99px!important;}
#hd-root .hrdv-sb{padding:9px 10px!important;font-size:12px!important;}
#hd-root .hrdv-brand{font-size:10px!important;padding:9px 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-root .hrdv-brand a{font-weight:600!important;}



/* HETO 2.1.213 — RDV preview = vrai embed desktop 860px scalé, pas widget compressé */
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview{
  width:860px!important;
  max-width:860px!important;
  min-width:860px!important;
  box-sizing:border-box!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-fr,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-fr{
  width:860px!important;
  max-width:860px!important;
  min-width:860px!important;
  background:#fff;
  overflow:hidden!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06),0 16px 48px rgba(0,0,0,.09)!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-rw,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-rw{
  display:flex!important;
  height:500px!important;
  min-height:500px!important;
  overflow:hidden!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-c1,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-c1{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  flex:0 0 260px!important;
  padding:28px 22px!important;
  gap:16px!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-c2,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-c2{
  flex:1 1 auto!important;
  min-width:0!important;
  padding:24px 20px!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-c3,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-c3{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  flex:0 0 260px!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-lw,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-lw{width:40px!important;height:40px!important;border-radius:11px!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-t1,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-t1{font-size:17px!important;font-weight:700!important;line-height:1.3!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-subtxt,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-subtxt{font-size:12px!important;line-height:1.6!important;flex:1!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-sh,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-sh{padding:24px 16px 12px!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-sl,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-sl{padding:12px 16px!important;gap:6px!important;overflow-y:auto!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-ft button,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-ft button{padding:3px 9px!important;font-size:10.5px!important;font-weight:700!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-ft button.on,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-ft button.on{background:#111827!important;color:#fff!important;}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview .hrdv-brand,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview .hrdv-brand{font-size:10px!important;padding:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#heto-studio-editor.hrdv-cloned-editor .hrdv-dims::after{content:' · rendu réel 860px';}



/* HETO 2.1.214 — RDV preview stable: unique classes + zoom layout, no cropping */
#heto-studio-editor.hrdv-cloned-editor .hrdv-preview-scene,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-preview-scene,
#hd-root #hd-page-widgets.heto-rdv-editor-open .pvscene{
  padding:24px 18px 118px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:auto!important;
  background:#F1F4FB!important;
}
#heto-studio-editor.hrdv-cloned-editor #hrdv-preview,
#hd-root #hd-page-widgets.heto-rdv-editor-open #hrdv-preview{
  width:860px!important;
  min-width:860px!important;
  max-width:860px!important;
  transform:none!important;
  transform-origin:top center!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  font-family:Outfit,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
}
#hrdv-preview .hrdv-final-preview,
#hd-root #hrdv-preview .hrdv-final-preview{
  width:860px!important;
  min-width:860px!important;
  max-width:860px!important;
  height:auto!important;
  border:1px solid #e5e7eb!important;
  overflow:hidden!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06),0 16px 48px rgba(0,0,0,.09)!important;
  box-sizing:border-box!important;
  font-family:Outfit,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
}
#hrdv-preview .hrdv-final-preview *,
#hd-root #hrdv-preview .hrdv-final-preview *{box-sizing:border-box!important;}
#hrdv-preview .hfp-row{display:flex!important;height:500px!important;min-height:500px!important;overflow:hidden!important;background:#fff!important;}
#hrdv-preview .hfp-info{
  width:260px!important;min-width:260px!important;max-width:260px!important;flex:0 0 260px!important;
  border-right:1px solid #e5e7eb!important;padding:28px 22px!important;display:flex!important;flex-direction:column!important;gap:16px!important;background:#fff!important;
}
#hrdv-preview .hfp-logo{width:40px!important;height:40px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;overflow:hidden!important;}
#hrdv-preview .hfp-logo img{width:40px!important;height:40px!important;object-fit:cover!important;border-radius:11px!important;display:block!important;}
#hrdv-preview .hfp-logo svg{width:20px!important;height:20px!important;fill:none!important;stroke:#fff!important;stroke-width:2!important;stroke-linecap:round!important;}
#hrdv-preview .hfp-title{font-size:17px!important;font-weight:700!important;line-height:1.3!important;margin:0!important;color:#111827;}
#hrdv-preview .hfp-subtitle{font-size:12px!important;line-height:1.6!important;color:#6b7280!important;flex:1!important;margin:0!important;}
#hrdv-preview .hfp-meta{display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:auto!important;}
#hrdv-preview .hfp-meta-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;color:#6b7280!important;line-height:1.35!important;}
#hrdv-preview .hfp-meta-row svg{width:13px!important;height:13px!important;fill:none!important;stroke:#9ca3af!important;stroke-width:2!important;stroke-linecap:round!important;flex-shrink:0!important;}
#hrdv-preview .hfp-calendar{
  flex:1 1 auto!important;min-width:0!important;border-right:1px solid #e5e7eb!important;padding:24px 20px!important;display:flex!important;flex-direction:column!important;background:#fff!important;
}
#hrdv-preview .hfp-cal-head{display:flex!important;align-items:center!important;margin-bottom:16px!important;flex-shrink:0!important;}
#hrdv-preview .hfp-month{font-size:14px!important;font-weight:700!important;color:#111827!important;line-height:1.2!important;flex:1!important;}
#hrdv-preview .hfp-month span{color:#9ca3af!important;font-weight:400!important;}
#hrdv-preview .hfp-nav{display:flex!important;gap:4px!important;}
#hrdv-preview .hfp-nav button{width:28px!important;height:28px!important;border:1px solid #e5e7eb!important;border-radius:7px!important;background:#fff!important;color:#6b7280!important;font:700 16px/1 Outfit,Inter,sans-serif!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;}
#hrdv-preview .hfp-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:2px!important;flex:1!important;min-height:0!important;}
#hrdv-preview .hfp-daylbl{display:flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#d1d5db!important;padding-bottom:5px!important;}
#hrdv-preview .hfp-day{position:relative!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;color:#d1d5db!important;font-size:12.5px!important;font-weight:500!important;min-width:0!important;}
#hrdv-preview .hfp-day.is-available{background:#f9fafb!important;color:#111827!important;font-weight:600!important;}
#hrdv-preview .hfp-day.is-selected{font-weight:700!important;box-shadow:inset 0 0 0 1px rgba(12,85,244,.08)!important;}
#hrdv-preview .hfp-day i{position:absolute!important;bottom:3px!important;width:4px!important;height:4px!important;border-radius:50%!important;left:50%!important;transform:translateX(-50%)!important;}
#hrdv-preview .hfp-slots{width:260px!important;min-width:260px!important;max-width:260px!important;flex:0 0 260px!important;display:flex!important;flex-direction:column!important;background:#fff!important;}
#hrdv-preview .hfp-slot-head{padding:24px 16px 12px!important;flex-shrink:0!important;border-bottom:1px solid #f3f4f6!important;}
#hrdv-preview .hfp-date{font-size:13px!important;font-weight:700!important;color:#111827!important;margin-bottom:8px!important;line-height:1.2!important;}
#hrdv-preview .hfp-date span{color:#9ca3af!important;font-weight:400!important;}
#hrdv-preview .hfp-format{display:flex!important;border:1px solid #e5e7eb!important;border-radius:7px!important;overflow:hidden!important;width:fit-content!important;background:#fff!important;}
#hrdv-preview .hfp-format button{padding:3px 9px!important;font-size:10.5px!important;font-weight:700!important;font-family:Outfit,Inter,sans-serif!important;border:none!important;background:transparent!important;color:#9ca3af!important;line-height:1.4!important;}
#hrdv-preview .hfp-format button.on{background:#111827!important;color:#fff!important;}
#hrdv-preview .hfp-slot-list{flex:1!important;overflow-y:auto!important;padding:12px 16px!important;display:flex!important;flex-direction:column!important;gap:6px!important;scrollbar-width:thin!important;scrollbar-color:#e5e7eb transparent!important;}
#hrdv-preview .hfp-slot-list::-webkit-scrollbar{width:3px!important;}#hrdv-preview .hfp-slot-list::-webkit-scrollbar-thumb{background:#e5e7eb!important;border-radius:99px!important;}
#hrdv-preview .hfp-slot-group{font-size:10px!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#9ca3af!important;padding:8px 0 4px!important;line-height:1.2!important;flex-shrink:0!important;}
#hrdv-preview .hfp-slot-group:first-child{padding-top:0!important;}
#hrdv-preview .hfp-slot{display:flex!important;align-items:center!important;gap:7px!important;padding:9px 11px!important;border:1.5px solid #e5e7eb!important;border-radius:9px!important;background:#fff!important;color:#374151!important;font-family:Outfit,Inter,sans-serif!important;font-size:12.5px!important;font-weight:600!important;line-height:1.25!important;width:100%!important;text-align:left!important;flex-shrink:0!important;}
#hrdv-preview .hfp-slot i{width:6px!important;height:6px!important;border-radius:50%!important;flex-shrink:0!important;}
#hrdv-preview .hfp-brand{text-align:center!important;padding:9px!important;border-top:1px solid #f3f4f6!important;font-size:10px!important;color:#9ca3af!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-shrink:0!important;}
#hrdv-preview .hfp-brand a{text-decoration:none!important;font-weight:600!important;}
#heto-studio-editor.hrdv-cloned-editor .hrdv-dims,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-dims{font-size:0!important;}
#heto-studio-editor.hrdv-cloned-editor .hrdv-dims:before,
#hd-root #hd-page-widgets.heto-rdv-editor-open .hrdv-dims:before{content:'Desktop · 860px';font-size:11px!important;}



/* HETO 2.1.215 — widgets banner restore + RDV savebar behavior */
#hd-root #hd-page-widgets:not(.heto-rdv-editor-open) #hd-widgets-list .v11w-hero{display:flex!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open #hd-widgets-list > .v11w-shell{display:none!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open #heto-rdv-editor-slot{display:block!important;width:100%!important;height:100%!important;min-height:0!important;}
/* REMOVED: savebar override */
/* REMOVED: savebar override */
/* REMOVED: savebar override */
/* REMOVED: savebar override */
/* REMOVED: savebar override */


/* HETO 2.1.216 — Widgets page: remove duplicate top banner and add spacing under hero */
#hd-root #hd-page-widgets .hd-topbar{
  display:none !important;
}
#hd-root #hd-page-widgets .hd-page-inner{
  padding-top:20px !important;
}
#hd-root #hd-page-widgets #hd-widgets-list .v11w-shell{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}
#hd-root #hd-page-widgets #hd-widgets-list .v11w-hero{
  display:flex !important;
  margin:0 0 18px 0 !important;
}
#hd-root #hd-page-widgets #hd-widgets-list .v11w-list{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}



/* HETO 2.1.218 / 2.1.220 — savebar overrides removed cleanly.
   Les fragments CSS orphelins précédents provoquaient des blocs invalides. */
@keyframes hetoRdvSavePulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.72);opacity:.55}
}
#hd-root #hd-page-widgets.heto-rdv-editor-open #hd-create-chatbot-btn svg,
.heto-widget-type-card[data-type="rdv"].disabled .heto-widget-type-icon svg{
  display:none!important;
}


/* HETO 2.1.221 — RDV stable mount: no widget-list flicker, savebar parity */
#hd-root #hd-page-widgets.heto-rdv-editor-open #hd-widgets-list{height:100%!important;min-height:0!important;overflow:hidden!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open #heto-rdv-editor-slot{height:100%!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin:0!important;padding:0!important;}
#hd-root #hd-page-widgets.heto-rdv-editor-open #heto-rdv-editor-slot>[data-rdv-sub="rdv-config"]{height:100%!important;min-height:0!important;width:100%!important;display:block!important;}
/* REMOVED: savebar override */
/* REMOVED: savebar override */

/* HETO 2.1.240/2.1.241 — Base de connaissances = même structure visuelle que Mes widgets */
#hd-root #hd-page-knowledge > .hd-topbar,
#hd-root #hd-page-knowledge .hd-topbar,
#hd-root #hd-page-knowledge #hd-kb-add-btn{display:none!important;}
#hd-root #hd-page-knowledge > .hd-page-inner{padding:20px 18px!important;background:#EEF2FB!important;}
#hd-root #hd-page-knowledge .heto-kb-shell{display:block!important;margin:0!important;padding:0!important;max-width:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:112px!important;margin:0 0 18px!important;padding:22px 24px!important;border-radius:22px!important;background:linear-gradient(135deg,#2D6BFF 0%,#0C55F4 52%,#6B8CFF 100%)!important;color:#fff!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 38px rgba(12,85,244,.20)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:before{content:''!important;position:absolute!important;inset:-80px -70px auto auto!important;width:210px!important;height:210px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:after{content:''!important;position:absolute!important;right:90px!important;bottom:-58px!important;width:130px!important;height:130px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero>*{position:relative!important;z-index:1!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-main{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-icon{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;flex:0 0 auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-title{font-family:'Epilogue','Inter',sans-serif!important;font-size:20px!important;font-weight:900!important;line-height:1!important;letter-spacing:-.035em!important;color:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-sub{margin-top:6px!important;color:rgba(255,255,255,.78)!important;font-size:13px!important;font-weight:650!important;line-height:1.35!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-right{display:flex!important;align-items:center!important;gap:12px!important;flex:0 0 auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn{height:40px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:13px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 15px!important;font-weight:850!important;font-size:13px!important;cursor:pointer!important;box-shadow:none!important;backdrop-filter:blur(10px)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn:hover{background:rgba(255,255,255,.28)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-mini-actions{display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-mini-actions span{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-list{display:flex!important;flex-direction:column!important;gap:18px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-card{display:block!important;border-radius:16px!important;border:1px solid #E9EDF7!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;background:#fff!important;overflow:hidden!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-head{min-height:74px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:14px 18px!important;border-bottom:1px solid #F4F7FE!important;background:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-main{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-avatar{width:46px!important;height:46px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font:800 14px 'Inter','Figtree',sans-serif!important;box-shadow:0 4px 14px rgba(85,112,241,.25)!important;flex:0 0 auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-name{color:#1B2559!important;font:800 16px/1.2 'Inter','Figtree',sans-serif!important;letter-spacing:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-meta{margin-top:4px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;color:#A3AED0!important;font:500 12px/1.35 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;margin-left:auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-badge{height:24px!important;display:inline-flex!important;align-items:center!important;padding:0 10px!important;border-radius:999px!important;background:#E6FAF5!important;color:#01B574!important;font:700 11px 'Inter','Figtree',sans-serif!important;white-space:nowrap!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-badge.muted{background:#F4F7FE!important;color:#A3AED0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-tool{height:38px!important;min-width:40px!important;border-radius:12px!important;border:1px solid #E9EDF7!important;background:#fff!important;color:#1B2559!important;font:800 12px/1 'Inter','Figtree',sans-serif!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;padding:0 14px!important;cursor:pointer!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-tool:hover{border-color:#D0D8F5!important;background:#F4F7FE!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:0!important;border-bottom:1px solid #F4F7FE!important;background:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat{min-height:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-right:1px solid #F4F7FE!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat:last-child{border-right:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat strong{font:800 18px/1 'Epilogue','Inter',sans-serif!important;color:#1B2559!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat span{margin-top:6px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#A3AED0!important;font:800 10px/1 'JetBrains Mono',monospace!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-code-area{padding:13px 18px 16px!important;background:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-code-label{font:800 10px/1 'JetBrains Mono',monospace!important;letter-spacing:.1em!important;color:#A3AED0!important;text-transform:uppercase!important;margin-bottom:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-recent{min-height:42px!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
#hd-root #hd-page-knowledge .heto-kb-recent span{height:auto!important;min-height:18px!important;display:block!important;padding:8px 10px!important;border-radius:10px!important;background:#F4F7FE!important;border:1px solid #E9EDF7!important;color:#5F6F95!important;font:700 11.5px/1.35 'Inter','Figtree',sans-serif!important;white-space:normal!important;overflow:hidden!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-foot{padding:0 18px 14px!important;color:#A3AED0!important;font-size:12px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#05CD99!important;display:inline-block!important;flex:0 0 auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card{min-height:112px!important;border:1px dashed #D0D8F5!important;border-radius:16px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;color:#1B2559!important;box-shadow:0 1px 4px rgba(112,144,176,.05)!important;cursor:pointer!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card:hover{border-color:#0C55F4!important;background:#F8FAFF!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#F4F7FE!important;color:#0C55F4!important;border:1px solid #D0D8F5!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card strong{font:800 14px/1 'Epilogue','Inter',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card span{color:#A3AED0!important;font-weight:600!important;font-size:13px!important;}
#hd-root #hd-page-knowledge .heto-kb-add-card.is-locked{opacity:.72!important;cursor:pointer!important;}
@media(max-width:900px){#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero{align-items:flex-start!important;flex-direction:column!important;padding:20px!important;}#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-right{width:100%!important;justify-content:space-between!important;}#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn{flex:1!important;justify-content:center!important;}#hd-root #hd-page-knowledge .heto-kb-shell .v11w-head{align-items:flex-start!important;flex-direction:column!important;}#hd-root #hd-page-knowledge .heto-kb-shell .v11w-actions{width:100%!important;justify-content:flex-start!important;margin-left:0!important;}}


/* HETO 2.1.241 — Base de connaissances calée sur Mes widgets */
#hd-root #hd-page-knowledge > .hd-topbar,
#hd-root #hd-page-knowledge .hd-topbar,
#hd-root #hd-page-knowledge #hd-kb-add-btn{display:none!important;}
#hd-root #hd-page-knowledge.heto-v11-kb-refined{background:#EEF2FB!important;}
#hd-root #hd-page-knowledge > .hd-page-inner{padding:14px!important;background:#EEF2FB!important;}
#hd-root #hd-page-knowledge .heto-kb-shell{display:flex!important;flex-direction:column!important;gap:14px!important;margin:0!important;padding:0!important;max-width:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero{position:relative!important;overflow:hidden!important;min-height:92px!important;border-radius:18px!important;padding:22px 24px!important;margin:0!important;background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%)!important;color:#fff!important;box-shadow:0 14px 30px rgba(85,112,241,.18)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:before{content:''!important;position:absolute!important;right:-90px!important;top:-140px!important;width:340px!important;height:340px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:after{content:''!important;position:absolute!important;right:210px!important;top:24px!important;bottom:auto!important;width:200px!important;height:200px!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-main{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-title{margin-top:2px!important;color:#fff!important;font:800 26px/1.06 'Inter','Figtree',sans-serif!important;letter-spacing:-.03em!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-sub{margin-top:4px!important;color:rgba(255,255,255,.78)!important;font:500 12px/1.4 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-right{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn{height:34px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 14px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font:600 12px 'Inter','Figtree',sans-serif!important;box-shadow:none!important;cursor:pointer!important;backdrop-filter:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn:hover{background:rgba(255,255,255,.18)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-mini-actions{display:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-list{display:flex!important;flex-direction:column!important;gap:18px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-card,#hd-root #hd-page-knowledge .heto-kb-shell .v11w-empty,#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card{border-radius:14px!important;border:1px solid var(--idx-border,#E9EDF7)!important;background:#fff!important;box-shadow:var(--idx-shadow,0 1px 4px rgba(112,144,176,.06))!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-head{min-height:72px!important;padding:14px 18px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-avatar{width:48px!important;height:48px!important;border-radius:14px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-name{color:#1B2559!important;font:800 15px/1.2 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-meta{font-size:12px!important;color:#A3AED0!important;font-weight:600!important;margin-top:3px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat{min-height:70px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card{min-height:150px!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head{border-radius:18px!important;min-height:92px!important;margin:0 0 14px!important;padding:22px 24px!important;background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%)!important;box-shadow:0 14px 30px rgba(85,112,241,.18)!important;color:#fff!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head .hd-btn{height:34px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-title{color:#fff!important;font:800 26px/1.06 'Inter','Figtree',sans-serif!important;letter-spacing:-.03em!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-sub{color:rgba(255,255,255,.78)!important;font:500 12px/1.4 'Inter','Figtree',sans-serif!important;}

/* HETO 2.1.241 — détail base: vraie bannière, pas carte blanche héritée */
#hd-root #hd-page-knowledge .hd-kb-detail-head{display:flex!important;align-items:center!important;gap:16px!important;border:0!important;}


/* HETO 2.1.242 — KB exact widget spacing + bottom savebar */
#hd-root #hd-page-knowledge.heto-v11-kb-refined,
#hd-root #hd-page-knowledge{background:var(--idx-bg,#EEF2FB)!important;position:relative!important;}
#hd-root #hd-page-knowledge>.hd-page-inner,
#hd-root #hd-page-knowledge.heto-v11-kb-refined>.hd-page-inner{
  padding:20px 14px 14px!important;
  background:var(--idx-bg,#EEF2FB)!important;
  box-sizing:border-box!important;
}
#hd-root #hd-page-knowledge .heto-kb-shell{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero{
  min-height:92px!important;
  border-radius:16px!important;
  padding:22px 24px!important;
  margin:0!important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 54%,#6C8EEF 100%)!important;
  box-shadow:0 14px 30px rgba(85,112,241,.18)!important;
}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:before{right:-90px!important;top:-140px!important;width:340px!important;height:340px!important;background:rgba(255,255,255,.08)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:after{right:210px!important;top:24px!important;bottom:auto!important;width:200px!important;height:200px!important;background:rgba(255,255,255,.05)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-mini-actions{display:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-card,
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-empty,
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card{
  border-radius:14px!important;
  border:1px solid var(--idx-border,#E9EDF7)!important;
  background:#fff!important;
  box-shadow:var(--idx-shadow,0 1px 4px rgba(112,144,176,.06))!important;
}
#hd-root #hd-page-knowledge .hd-kb-detail-page{padding:0 0 86px!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head{
  border-radius:16px!important;
  min-height:92px!important;
  margin:0 0 18px!important;
  padding:22px 24px!important;
  background:linear-gradient(135deg,#5570F1 0%,#4361EE 54%,#6C8EEF 100%)!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:16px!important;
  transform:translate(-50%,18px)!important;
  width:min(620px,calc(100% - 32px))!important;
  z-index:120!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .22s ease!important;
  background:transparent!important;
  box-shadow:none!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-visible,
#hd-root #hd-page-knowledge .heto-kb-savebar.is-busy,
#hd-root #hd-page-knowledge .heto-kb-savebar.is-saved,
#hd-root #hd-page-knowledge .heto-kb-savebar:focus-within{
  opacity:1!important;
  transform:translate(-50%,0)!important;
  pointer-events:auto!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-savebar-inner{
  padding:9px 10px 9px 13px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.15)!important;
  backdrop-filter:blur(18px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-savebar-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#64748b!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-dot{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:#FFA41C!important;
  box-shadow:0 0 0 4px rgba(255,164,28,.12)!important;
  flex:0 0 auto!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-busy .v11e-save-dot{background:#5570F1!important;box-shadow:0 0 0 4px rgba(85,112,241,.12)!important;animation:hetoRdvSavePulse 1s ease-in-out infinite!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-saved .v11e-save-dot{background:#05CD99!important;box-shadow:0 0 0 4px rgba(5,205,153,.12)!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-actions{display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-reset,
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn{
  height:34px!important;
  border-radius:12px!important;
  padding:0 14px!important;
  font:800 12px 'Inter','Figtree',sans-serif!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-reset{background:#fff!important;color:#8E9DB7!important;border:1px solid #D8E1F6!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;background:#0C55F4!important;color:#fff!important;border:0!important;box-shadow:0 4px 14px rgba(12,85,244,.25)!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn svg{stroke:currentColor!important;fill:none!important;}
@media(max-width:900px){#hd-root #hd-page-knowledge>.hd-page-inner,#hd-root #hd-page-knowledge.heto-v11-kb-refined>.hd-page-inner{padding:16px!important}#hd-root #hd-page-knowledge .heto-kb-savebar{width:calc(100% - 24px)!important;bottom:12px!important}}



/* HETO 2.1.243 — Connaissances: proportions strictement identiques à Mes widgets + savebar visible */
#hd-root{--heto-main-left:274px;}
@media (max-width:1360px){#hd-root{--heto-main-left:246px;}}
@media (max-width:1100px){#hd-root{--heto-main-left:226px;}}
#hd-root.sidebar-collapsed{--heto-main-left:102px;}
#hd-root #hd-page-knowledge > .hd-topbar,
#hd-root #hd-page-knowledge .hd-topbar,
#hd-root #hd-page-knowledge #hd-kb-add-btn{display:none!important;}
#hd-root #hd-page-knowledge,
#hd-root #hd-page-knowledge.heto-v11-kb-refined{background:#EEF2FB!important;position:relative!important;}
#hd-root #hd-page-knowledge > .hd-page-inner,
#hd-root #hd-page-knowledge.heto-v11-kb-refined > .hd-page-inner{padding:20px 18px 14px!important;background:#EEF2FB!important;box-sizing:border-box!important;}
#hd-root #hd-page-knowledge #hd-kb-page-inner{min-height:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell{display:block!important;margin:0!important;padding:0!important;max-width:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero{position:relative!important;overflow:hidden!important;min-height:92px!important;border-radius:18px!important;padding:22px 24px!important;margin:0 0 18px!important;background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%)!important;color:#fff!important;box-shadow:0 14px 30px rgba(85,112,241,.18)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:before{content:''!important;position:absolute!important;right:-90px!important;top:-140px!important;width:340px!important;height:340px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:after{content:''!important;position:absolute!important;right:210px!important;top:24px!important;bottom:auto!important;width:200px!important;height:200px!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero > *{position:relative!important;z-index:2!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-main{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-title{margin-top:2px!important;color:#fff!important;font:800 26px/1.06 'Inter','Figtree',sans-serif!important;letter-spacing:-.03em!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-sub{margin-top:4px!important;color:rgba(255,255,255,.78)!important;font:500 12px/1.4 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero-right{position:relative!important;z-index:2!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;margin-left:auto!important;flex-shrink:0!important;min-width:fit-content!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn{height:34px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 14px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font:600 12px 'Inter','Figtree',sans-serif!important;box-shadow:none!important;cursor:pointer!important;backdrop-filter:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-btn:hover{background:rgba(255,255,255,.18)!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-mini-actions{display:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-list{display:flex!important;flex-direction:column!important;gap:18px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-card{display:block!important;border-radius:16px!important;border:1px solid #E9EDF7!important;background:#fff!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;overflow:hidden!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-head{min-height:74px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding:14px 18px!important;border-bottom:1px solid #F4F7FE!important;background:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-main{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-avatar{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(12,85,244,.16)!important;color:#fff!important;display:grid!important;place-items:center!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-name{color:#1B2559!important;font:800 16px/1.2 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-meta{margin-top:4px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;color:#A3AED0!important;font:500 12px/1.35 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-left:auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-badge{height:24px!important;display:inline-flex!important;align-items:center!important;padding:0 10px!important;border-radius:999px!important;font:700 11px 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-badge.ok{background:#E6FAF5!important;color:#01B574!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-badge.muted{background:#F4F7FE!important;color:#8E9DB7!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-tool{min-width:40px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:0 12px!important;border-radius:10px!important;border:1px solid #E9EDF7!important;background:#fff!important;color:#2B3674!important;font:600 12px 'Inter','Figtree',sans-serif!important;cursor:pointer!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;border-top:0!important;border-bottom:1px solid #F4F7FE!important;background:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat{min-height:68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-right:1px solid #F4F7FE!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat:last-child{border-right:0!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat strong{font:800 18px/1 'Epilogue','Inter',sans-serif!important;color:#1B2559!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-stat span{margin-top:6px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#A3AED0!important;font:800 10px/1 'JetBrains Mono',monospace!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-code-area{padding:13px 18px 16px!important;background:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-code-label{font:800 10px/1 'JetBrains Mono',monospace!important;letter-spacing:.1em!important;color:#A3AED0!important;text-transform:uppercase!important;margin-bottom:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-recent{min-height:42px!important;display:flex!important;flex-direction:column!important;gap:6px!important;}
#hd-root #hd-page-knowledge .heto-kb-recent span{height:auto!important;min-height:18px!important;display:block!important;padding:8px 10px!important;border-radius:10px!important;background:#F4F7FE!important;border:1px solid #E9EDF7!important;color:#5F6F95!important;font:700 11.5px/1.35 'Inter','Figtree',sans-serif!important;white-space:normal!important;overflow:hidden!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-foot{padding:0 18px 14px!important;color:#A3AED0!important;font-size:12px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#05CD99!important;display:inline-block!important;flex:0 0 auto!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card{min-height:112px!important;border:1px dashed #D0D8F5!important;border-radius:16px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:8px!important;color:#1B2559!important;box-shadow:0 1px 4px rgba(112,144,176,.05)!important;cursor:pointer!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card:hover{border-color:#0C55F4!important;background:#F8FAFF!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#F4F7FE!important;color:#0C55F4!important;border:1px solid #D0D8F5!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card strong{font:800 14px/1 'Epilogue','Inter',sans-serif!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card span{color:#A3AED0!important;font-weight:600!important;font-size:13px!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-page{padding:0 0 92px!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head{border-radius:18px!important;min-height:92px!important;margin:0 0 18px!important;padding:22px 24px!important;background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%)!important;box-shadow:0 14px 30px rgba(85,112,241,.18)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:16px!important;border:0!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-title{color:#fff!important;font:800 26px/1.06 'Inter','Figtree',sans-serif!important;letter-spacing:-.03em!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-sub{color:rgba(255,255,255,.78)!important;font:500 12px/1.4 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head .hd-btn{height:34px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar{position:fixed!important;left:calc(var(--heto-main-left,274px) + ((100vw - var(--heto-main-left,274px) - 8px) / 2))!important;right:auto!important;bottom:24px!important;transform:translate(-50%,18px)!important;width:min(620px,calc(100vw - var(--heto-main-left,274px) - 40px))!important;z-index:9999!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease,transform .22s ease!important;background:transparent!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-visible,
#hd-root #hd-page-knowledge .heto-kb-savebar.is-busy,
#hd-root #hd-page-knowledge .heto-kb-savebar.is-saved,
#hd-root #hd-page-knowledge .heto-kb-savebar:focus-within{opacity:1!important;transform:translate(-50%,0)!important;pointer-events:auto!important;display:block!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-savebar-inner{padding:9px 10px 9px 13px!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 18px 50px rgba(15,23,42,.15)!important;backdrop-filter:blur(18px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-savebar-status{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;font-weight:700!important;color:#64748b!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-dot{width:8px!important;height:8px!important;border-radius:999px!important;background:#FFA41C!important;box-shadow:0 0 0 4px rgba(255,164,28,.12)!important;flex:0 0 auto!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-busy .v11e-save-dot{background:#5570F1!important;box-shadow:0 0 0 4px rgba(85,112,241,.12)!important;animation:hetoRdvSavePulse 1s ease-in-out infinite!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-saved .v11e-save-dot{background:#05CD99!important;box-shadow:0 0 0 4px rgba(5,205,153,.12)!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-actions{display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-reset,
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn{height:34px!important;border-radius:12px!important;padding:0 14px!important;font:800 12px 'Inter','Figtree',sans-serif!important;cursor:pointer!important;transition:.15s ease!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-reset{background:#fff!important;color:#8E9DB7!important;border:1px solid #D8E1F6!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;background:#0C55F4!important;color:#fff!important;border:0!important;box-shadow:0 4px 14px rgba(12,85,244,.25)!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn svg{stroke:currentColor!important;fill:none!important;}
@media(max-width:900px){#hd-root #hd-page-knowledge>.hd-page-inner,#hd-root #hd-page-knowledge.heto-v11-kb-refined>.hd-page-inner{padding:16px!important}#hd-root #hd-page-knowledge .heto-kb-savebar{left:50%!important;width:calc(100vw - 24px)!important;bottom:12px!important}}



/* HETO 2.1.244 — KB pixel polish: exact widget curves + RDV/workflow save feedback */
#hd-root #hd-page-knowledge,
#hd-root #hd-page-knowledge.heto-v11-kb-refined{background:#EEF2FB!important;position:relative!important;}
#hd-root #hd-page-knowledge > .hd-topbar,
#hd-root #hd-page-knowledge .hd-topbar,
#hd-root #hd-page-knowledge #hd-kb-add-btn{display:none!important;}
#hd-root #hd-page-knowledge > .hd-page-inner,
#hd-root #hd-page-knowledge.heto-v11-kb-refined > .hd-page-inner{padding:14px!important;background:#EEF2FB!important;box-sizing:border-box!important;}
#hd-root #hd-page-knowledge .heto-kb-shell{display:flex!important;flex-direction:column!important;gap:18px!important;margin:0!important;padding:0!important;max-width:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero,
#hd-root #hd-page-knowledge .hd-kb-detail-head{position:relative!important;overflow:hidden!important;min-height:92px!important;border-radius:18px!important;padding:22px 24px!important;margin:0 0 18px!important;background:linear-gradient(135deg,#5570F1 0%,#4361EE 55%,#6C8EEF 100%)!important;color:#fff!important;box-shadow:0 14px 30px rgba(85,112,241,.18)!important;border:0!important;display:flex!important;align-items:center!important;gap:16px!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero{justify-content:space-between!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head{justify-content:flex-start!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:before,
#hd-root #hd-page-knowledge .hd-kb-detail-head:before{content:''!important;position:absolute!important;right:-90px!important;top:-140px!important;width:340px!important;height:340px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;pointer-events:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero:after,
#hd-root #hd-page-knowledge .hd-kb-detail-head:after{content:''!important;position:absolute!important;right:210px!important;top:24px!important;width:200px!important;height:200px!important;border-radius:50%!important;background:rgba(255,255,255,.05)!important;pointer-events:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-hero > *,
#hd-root #hd-page-knowledge .hd-kb-detail-head > *{position:relative!important;z-index:1!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-title,
#hd-root #hd-page-knowledge .hd-kb-detail-title{margin:0!important;color:#fff!important;font:800 26px/1.06 'Inter','Figtree',sans-serif!important;letter-spacing:-.03em!important;display:block!important;visibility:visible!important;opacity:1!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-sub,
#hd-root #hd-page-knowledge .hd-kb-detail-sub{margin-top:4px!important;color:rgba(255,255,255,.78)!important;font:500 12px/1.4 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-titlebox{min-width:0!important;display:block!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-head .hd-kb-back-btn,
#hd-root #hd-page-knowledge .hd-kb-detail-head .hd-btn{height:34px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.24)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-mini-actions{display:none!important;}
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-card,
#hd-root #hd-page-knowledge .heto-kb-shell .v11w-empty,
#hd-root #hd-page-knowledge .heto-kb-shell .v11-add-card,
#hd-root #hd-page-knowledge .hd-kb-editor-inline .wb-page-card{border-radius:16px!important;border:1px solid #E9EDF7!important;background:#fff!important;box-shadow:0 1px 4px rgba(112,144,176,.06)!important;overflow:hidden!important;}
#hd-root #hd-page-knowledge .hd-kb-editor-inline .wb-page-card{margin-bottom:14px!important;}
#hd-root #hd-page-knowledge .hd-kb-editor-inline .wb-card-head{min-height:42px!important;padding:0 16px!important;border-bottom:1px solid #E9EDF7!important;background:#F8FAFF!important;color:#1B2559!important;font:800 12px/1 'Inter','Figtree',sans-serif!important;}
#hd-root #hd-page-knowledge .hd-kb-editor-inline input,
#hd-root #hd-page-knowledge .hd-kb-editor-inline textarea{border-radius:10px!important;background:#F7F9FE!important;border-color:#DDE6F7!important;}
#hd-root #hd-page-knowledge .hd-kb-detail-page{padding:0 0 112px!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar{position:fixed!important;left:calc(var(--heto-main-left,274px) + ((100vw - var(--heto-main-left,274px) - 8px) / 2))!important;right:auto!important;bottom:24px!important;transform:translate(-50%,10px)!important;width:auto!important;min-width:560px!important;max-width:calc(100vw - var(--heto-main-left,274px) - 40px)!important;z-index:9999!important;opacity:0!important;pointer-events:none!important;transition:all .22s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-visible,
#hd-root #hd-page-knowledge .heto-kb-savebar.is-busy,
#hd-root #hd-page-knowledge .heto-kb-savebar.is-saved,
#hd-root #hd-page-knowledge .heto-kb-savebar:focus-within{opacity:1!important;transform:translate(-50%,0)!important;pointer-events:auto!important;display:block!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-savebar-inner{background:rgba(255,255,255,.97)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:20px!important;box-shadow:0 20px 60px rgba(0,0,0,.16),0 0 0 1px rgba(0,71,255,.05)!important;backdrop-filter:blur(24px)!important;padding:8px 10px 8px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font:600 13px 'Figtree','Inter',sans-serif!important;color:#0F1E35!important;letter-spacing:-.02em!important;white-space:nowrap!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-savebar-status{display:flex!important;align-items:center!important;gap:8px!important;color:#0F1E35!important;font:600 13px 'Figtree','Inter',sans-serif!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#ff8b00!important;box-shadow:0 0 8px rgba(255,139,0,.4)!important;flex-shrink:0!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-busy .v11e-save-dot{background:#0C55F4!important;box-shadow:0 0 8px rgba(12,85,244,.35)!important;animation:hetoRdvSavePulse 1s ease-in-out infinite!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar.is-saved .v11e-save-dot{background:#22c55e!important;box-shadow:0 0 8px rgba(34,197,94,.35)!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-actions{display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-reset{border-radius:11px!important;padding:7px 12px!important;height:auto!important;font:600 12px 'Figtree','Inter',sans-serif!important;cursor:pointer!important;background:transparent!important;border:1.5px solid #C9D6EE!important;color:#8E9DB7!important;box-shadow:none!important;}
#hd-root #hd-page-knowledge .heto-kb-savebar .v11e-save-btn{border-radius:11px!important;padding:7px 18px!important;height:auto!important;font:700 12px 'Figtree','Inter',sans-serif!important;cursor:pointer!important;background:#0C55F4!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px rgba(0,71,255,.3)!important;display:inline-flex!important;align-items:center!important;gap:7px!important;}
#hd-root #hd-page-knowledge .heto-kb-saved-toast{position:fixed!important;left:calc(var(--heto-main-left,274px) + ((100vw - var(--heto-main-left,274px) - 8px) / 2))!important;bottom:88px!important;transform:translateX(-50%) translateY(10px)!important;background:#0F1E35!important;color:#fff!important;border-radius:12px!important;padding:10px 18px!important;font:600 13px 'Figtree','Inter',sans-serif!important;box-shadow:0 14px 32px rgba(0,0,0,.2)!important;opacity:0!important;transition:all .22s!important;pointer-events:none!important;z-index:10000!important;display:flex!important;align-items:center!important;gap:8px!important;}
#hd-root #hd-page-knowledge .heto-kb-saved-toast.is-visible{opacity:1!important;transform:translateX(-50%) translateY(0)!important;}
#hd-root #hd-page-knowledge .heto-kb-saved-toast span:first-child{display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;}
@media(max-width:900px){#hd-root #hd-page-knowledge > .hd-page-inner,#hd-root #hd-page-knowledge.heto-v11-kb-refined > .hd-page-inner{padding:16px!important}#hd-root #hd-page-knowledge .heto-kb-savebar{left:50%!important;min-width:0!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;bottom:12px!important}#hd-root #hd-page-knowledge .heto-kb-saved-toast{left:50%!important;bottom:76px!important}}