/* PRO6 V38 - consolidated contact center + wider account panel */
.pro6-contact-hub-v38{
  position:fixed;
  z-index:10640;
  right:18px;
  bottom:18px;
  font-family:Inter,system-ui,sans-serif;
}
.pro6-contact-launcher-v38{
  position:relative;
  min-width:112px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-left:auto;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:17px;
  background:linear-gradient(135deg,#246bfd,#5b4fe6);
  color:#fff;
  box-shadow:0 16px 38px rgba(36,107,253,.28);
  font:800 10px Inter,sans-serif;
  cursor:pointer;
}
.pro6-contact-launcher-v38>i{font-size:19px}
.pro6-contact-launcher-v38:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(36,107,253,.34)}
.pro6-contact-total-badge-v38,
.pro6-contact-item-v38>em{
  min-width:19px;height:19px;padding:0 5px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#d92d20;color:#fff;
  font-size:7px;font-style:normal;font-weight:900;
}
.pro6-contact-total-badge-v38{position:absolute;right:-4px;top:-5px;border:2px solid #fff}
.pro6-contact-panel-v38{
  position:absolute;
  right:0;
  bottom:64px;
  width:min(520px,calc(100vw - 28px));
  overflow:hidden;
  border:1px solid #dfe6f0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 26px 78px rgba(15,23,42,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.98);
  transform-origin:right bottom;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.pro6-contact-hub-v38.open .pro6-contact-panel-v38{
  opacity:1;visibility:visible;pointer-events:auto;transform:none;
}
.pro6-contact-panel-v38>header{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  padding:14px 15px;
  border-bottom:1px solid #edf1f6;
  background:linear-gradient(120deg,#f5f9ff,#fff);
}
.pro6-contact-heading-icon-v38{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:13px;background:#eaf2ff;color:#246bfd;font-size:18px;
}
.pro6-contact-panel-v38 header b,.pro6-contact-panel-v38 header small{display:block}
.pro6-contact-panel-v38 header b{color:#182230;font-size:12px}
.pro6-contact-panel-v38 header small{margin-top:3px;color:#667085;font-size:8px}
.pro6-contact-panel-v38 header button{
  width:34px;height:34px;display:grid;place-items:center;
  border:1px solid #e5eaf1;border-radius:10px;background:#fff;color:#667085;cursor:pointer;
}
.pro6-contact-grid-v38{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.pro6-contact-item-v38{
  position:relative;
  min-width:0;
  min-height:66px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:10px;
  border:1px solid #e7ecf3;
  border-radius:13px;
  background:#fff;
  color:#344054;
  text-align:left;
  text-decoration:none;
  font-family:inherit;
  cursor:pointer;
}
.pro6-contact-item-v38:hover{border-color:#b9cefb;background:#f8fbff;color:#175cd3;box-shadow:0 8px 22px rgba(36,107,253,.08)}
.pro6-contact-item-v38:last-child{grid-column:1/-1}
.pro6-contact-item-v38>i{
  width:40px;height:40px;display:grid;place-items:center;
  border-radius:12px;background:#eef4ff;color:#246bfd;font-size:17px;
}
.pro6-contact-item-v38>span{min-width:0}
.pro6-contact-item-v38 b,.pro6-contact-item-v38 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro6-contact-item-v38 b{font-size:9.5px;color:inherit}
.pro6-contact-item-v38 small{margin-top:3px;color:#98a2b3;font-size:7.5px}
.pro6-contact-item-v38.zalo>i{background:#e9f5ff;color:#0879e8}
.pro6-contact-item-v38.messenger>i{background:#f0edff;color:#6550e8}
.pro6-contact-item-v38.phone>i{background:#eafaf1;color:#079455}
.pro6-contact-item-v38.email>i{background:#fff4e8;color:#e66f0b}
.pro6-contact-item-v38.support>i{background:#eff8ff;color:#1570ef}
.pro6-contact-item-v38.ticket>i{background:#f4f3ff;color:#6938ef}
.pro6-contact-panel-v38>footer{padding:9px 13px;border-top:1px solid #edf1f6;background:#fafbfc;color:#98a2b3;font-size:7px;text-align:center}
.pro6-contact-panel-v38>footer i{margin-right:4px;color:#12b76a}

/* The native live-chat panel stays active; only its duplicate launcher is hidden. */
.pro6-live-support-v27:not(.open) .pro6-live-launcher-v27{display:none!important}
.pro6-live-support-v27.open .pro6-live-panel-v27{bottom:64px}
body.hide-contacts .pro6-contact-hub-v38{display:none!important}

/* Account/control panel: wider on desktop, links arranged in two columns. */
.pro6-account-panel-v20>.pro6-account-menu{
  width:min(680px,calc(100vw - 34px))!important;
}
.pro6-account-panel-v20 .cpanel-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 8px;
  padding:5px 4px!important;
}
.pro6-account-panel-v20 .cpanel-group>span{grid-column:1/-1}
.pro6-account-panel-v20 .cpanel-group>a{border:1px solid transparent}
.pro6-account-panel-v20 .cpanel-group>a:hover{border-color:#e5ebf5}

body.theme-dark .pro6-contact-panel-v38,
body.theme-dark .pro6-contact-item-v38,
body.theme-dark .pro6-contact-panel-v38 header button{background:#151f2f;border-color:#2b3c50;color:#e6edf5}
body.theme-dark .pro6-contact-panel-v38>header{background:linear-gradient(120deg,#172338,#151f2f);border-color:#2b3c50}
body.theme-dark .pro6-contact-panel-v38 header b{color:#e6edf5}

@media(max-width:760px){
  .pro6-contact-hub-v38{right:10px;bottom:78px}
  .pro6-contact-launcher-v38{width:50px;min-width:50px;height:50px;padding:0;border-radius:16px}
  .pro6-contact-launcher-v38>span{display:none}
  .pro6-contact-panel-v38{position:fixed;right:9px;bottom:140px;width:calc(100vw - 18px);max-height:calc(100dvh - 155px);overflow:auto}
  .pro6-contact-grid-v38{grid-template-columns:1fr}
  .pro6-contact-item-v38:last-child{grid-column:auto}
  .pro6-account-panel-v20 .cpanel-group{grid-template-columns:1fr}
}