:root{
  --hs-bg:#fff;--hs-ink:#10233d;--hs-muted:#64748b;--hs-border:#dce3ec;
  --hs-blue:#0b5ed7;--hs-shadow:0 18px 48px rgba(15,23,42,.18)
}
.helooo-support-root{position:relative;z-index:2147481000}
.helooo-support-launcher{
  position:fixed;right:20px;bottom:20px;z-index:2147481001;
  min-height:50px;padding:0 18px;border:0;border-radius:999px;
  background:#0b5ed7;color:#fff;font:800 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 10px 28px rgba(11,94,215,.28);cursor:pointer;
  display:flex;align-items:center;gap:9px
}
.helooo-support-root[data-support-context="visitor"] .helooo-support-launcher{bottom:84px}
.helooo-support-launcher .hs-icon{
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.18);font-size:14px
}
.helooo-support-panel{
  position:fixed;right:20px;bottom:82px;z-index:2147481002;
  width:min(410px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 104px));
  display:none;flex-direction:column;overflow:hidden;
  background:var(--hs-bg);color:var(--hs-ink);border:1px solid var(--hs-border);
  border-radius:16px;box-shadow:var(--hs-shadow)
}
.helooo-support-root[data-support-context="visitor"] .helooo-support-panel{bottom:144px}
.helooo-support-panel.is-open{display:flex}
.hs-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;background:#0b1f3a;color:#fff}
.hs-head strong{font-size:15px}.hs-head span{display:block;color:#cbd5e1;font-size:11px;margin-top:2px}
.hs-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#17365e;color:#fff;font-size:21px;cursor:pointer}
.hs-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--hs-border)}
.hs-tab{min-height:45px;border:0;border-right:1px solid var(--hs-border);background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer}
.hs-tab:last-child{border-right:0}.hs-tab.active{background:#eff6ff;color:#1d4ed8}
.hs-body{padding:10px;overflow-y:auto;overscroll-behavior:contain}.hs-view{display:none}.hs-view.active{display:block}
.hs-intro{margin:0 0 9px;color:var(--hs-muted);font-size:12px;line-height:1.4}
.hs-quick{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.hs-chip{border:1px solid var(--hs-border);background:#fff;border-radius:999px;padding:6px 8px;color:#334155;font-size:11px;font-weight:700;cursor:pointer}
.hs-chat-log{min-height:150px;max-height:300px;overflow-y:auto;padding:7px;border:1px solid var(--hs-border);border-radius:10px;background:#f8fafc}
.hs-msg{max-width:88%;margin:0 0 6px;padding:7px 9px;border-radius:10px;font-size:12px;line-height:1.4}
.hs-msg.bot{background:#fff;border:1px solid var(--hs-border)}.hs-msg.user{margin-left:auto;background:#dbeafe;color:#1e3a8a}
.hs-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:7px}
.hs-input,.hs-select,.hs-textarea{width:100%;border:1px solid var(--hs-border);border-radius:9px;background:#fff;color:var(--hs-ink);font:inherit;font-size:12px;padding:8px}
.hs-textarea{min-height:90px;resize:vertical}.hs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.hs-field{margin-bottom:7px}.hs-field label{display:block;margin:0 0 3px;font-size:11px;font-weight:800;color:#475569}
.hs-action{min-height:38px;border:0;border-radius:9px;background:#0b5ed7;color:#fff;padding:7px 11px;font-size:12px;font-weight:800;cursor:pointer}
.hs-status{margin-top:7px;padding:7px 8px;border-radius:8px;font-size:11px;display:none}
.hs-status.ok{display:block;background:#ecfdf3;color:#166534}.hs-status.error{display:block;background:#fef2f2;color:#991b1b}
.hs-email-card{border:1px solid var(--hs-border);border-radius:10px;padding:10px;background:#f8fafc}
.hs-email-card strong{display:block;font-size:13px;margin-bottom:3px}.hs-email-card p{margin:0 0 8px;color:var(--hs-muted);font-size:12px}
.hs-faq{border-bottom:1px solid var(--hs-border)}
.hs-faq button{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;border:0;background:#fff;padding:9px 2px;color:var(--hs-ink);font-size:12px;font-weight:800;cursor:pointer}
.hs-faq-answer{display:none;padding:0 2px 9px;color:var(--hs-muted);font-size:12px;line-height:1.45}
.hs-faq.open .hs-faq-answer{display:block}

@media(max-width:700px){
  .helooo-support-launcher{right:12px;bottom:14px;min-height:48px;padding:0 15px}
  .helooo-support-root[data-support-context="visitor"] .helooo-support-launcher{bottom:76px}
  .helooo-support-panel,
  .helooo-support-root[data-support-context="visitor"] .helooo-support-panel{
    left:8px;right:8px;bottom:8px;width:auto;max-height:82vh;border-radius:15px
  }
  .hs-head{padding:10px}.hs-tab{font-size:11px}.hs-form-grid{grid-template-columns:1fr}
}

/* Marker: HELLOO_CONTEXTUAL_SUPPORT_CENTER_V5_0_A_8 */

/* =====================================================================
   HELooo V5.0-A.8.1 — DriveMe-style Support UI + Floating Dock
   ===================================================================== */

.helooo-floating-dock{
  position:fixed;
  right:20px;
  bottom:18px;
  z-index:2147481001;
  display:flex;
  align-items:center;
  gap:8px;
}

.helooo-floating-dock .helooo-support-launcher,
.helooo-floating-dock .helooo-workspaces-dock-button{
  position:static !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
}

.helooo-floating-dock .helooo-workspaces-dock-button{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border-radius:999px;
  border:0;
  background:#d71920 !important;
  color:#fff !important;
  text-decoration:none !important;
  font:800 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  box-shadow:0 10px 28px rgba(215,25,32,.25);
  white-space:nowrap;
}

.helooo-floating-dock .helooo-workspaces-dock-button::before{
  content:"▦";
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  font-size:13px;
}

.helooo-support-launcher{
  background:#0b5ed7 !important;
  min-height:50px;
  padding:0 18px;
  border-radius:999px;
  color:#fff;
  box-shadow:0 10px 28px rgba(11,94,215,.25);
}

.helooo-support-root[data-support-context="visitor"] .helooo-support-launcher{
  bottom:auto;
}

/* DriveMe-style support shell */
.helooo-support-panel{
  width:min(440px,calc(100vw - 24px));
  max-height:min(760px,calc(100vh - 110px));
  border-radius:18px;
  overflow:hidden;
  border:1px solid #d9e2ec;
  background:#f8fbff;
}

.helooo-support-root[data-support-context="visitor"] .helooo-support-panel{
  right:20px;
  bottom:82px;
}

.hs-head{
  padding:13px 14px;
  background:linear-gradient(135deg,#0b1f3a,#123f72);
}

.hs-head strong{
  font-size:16px;
  letter-spacing:-.01em;
}

.hs-head span{
  font-size:11px;
  color:#d7e6f6;
}

.hs-tabs{
  display:none !important;
}

.hs-body{
  padding:10px;
  background:#f8fbff;
}

.hs-support-home{
  display:block;
}

.hs-support-home.hidden{
  display:none;
}

.hs-channel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.hs-channel-card{
  min-width:0;
  border:1px solid #dce5ef;
  border-radius:13px;
  background:#fff;
  padding:11px;
  cursor:pointer;
  text-align:left;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;
}

.hs-channel-card:hover,
.hs-channel-card:focus{
  transform:translateY(-1px);
  border-color:#93c5fd;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
  outline:none;
}

.hs-channel-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  margin-bottom:8px;
  font-size:16px;
  font-weight:900;
  background:#eff6ff;
  color:#1d4ed8;
}

.hs-channel-card strong{
  display:block;
  color:#10233d;
  font-size:13px;
  margin-bottom:3px;
}

.hs-channel-card span{
  display:block;
  color:#64748b;
  font-size:11px;
  line-height:1.35;
}

.hs-context-banner{
  margin-bottom:9px;
  padding:9px 10px;
  border:1px solid #dce5ef;
  border-radius:12px;
  background:#fff;
}

.hs-context-banner strong{
  display:block;
  margin-bottom:2px;
  font-size:12px;
  color:#10233d;
}

.hs-context-banner span{
  color:#64748b;
  font-size:11px;
  line-height:1.4;
}

.hs-back{
  display:none;
  min-height:34px;
  margin-bottom:8px;
  padding:5px 8px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
  color:#334155;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.hs-back.visible{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.hs-view{
  display:none;
}

.hs-view.active{
  display:block;
}

.hs-quick{
  margin-bottom:6px;
}

.hs-chip{
  padding:6px 9px;
  border-radius:9px;
  background:#fff;
}

.hs-chat-log{
  min-height:175px;
  max-height:310px;
  background:#fff;
}

.hs-ticket-form,
.hs-email-card,
.hs-faq-list{
  background:#fff;
}

.hs-ticket-form{
  padding:10px;
  border:1px solid #dce5ef;
  border-radius:12px;
}

.hs-email-card{
  padding:12px;
  border-radius:12px;
}

.hs-faq{
  background:#fff;
}

@media(max-width:700px){
  .helooo-floating-dock{
    right:8px;
    left:8px;
    bottom:8px;
    gap:6px;
    justify-content:flex-end;
  }

  .helooo-floating-dock .helooo-support-launcher,
  .helooo-floating-dock .helooo-workspaces-dock-button{
    min-height:46px;
    padding:0 13px;
    font-size:13px !important;
  }

  .helooo-floating-dock .helooo-workspaces-dock-button{
    max-width:55vw;
  }

  .helooo-support-panel,
  .helooo-support-root[data-support-context="visitor"] .helooo-support-panel{
    left:7px;
    right:7px;
    bottom:62px;
    width:auto;
    max-height:78vh;
    border-radius:15px;
  }

  .hs-channel-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:420px){
  .helooo-floating-dock{
    gap:5px;
  }

  .helooo-floating-dock .helooo-support-launcher,
  .helooo-floating-dock .helooo-workspaces-dock-button{
    padding:0 11px;
    font-size:12px !important;
  }

  .helooo-floating-dock .helooo-workspaces-dock-button::before{
    display:none;
  }

  .hs-channel-grid{
    grid-template-columns:1fr;
  }
}

/* Marker: HELLOO_SUPPORT_UI_REFACTOR_V5_0_A_8_1 */