:root {
  --mym-support-blue:#005DA3;
  --mym-support-blue-dark:#003E6D;
  --mym-support-red:#D71920;
  --mym-support-red-dark:#B9141A;
  --mym-support-text:#101923;
  --mym-support-muted:#687682;
  --mym-support-border:#E1E7EB;
  --mym-support-bg:#F6F8FA;
}

body.mym-support-open { overflow:hidden; }

.mym-support { position:fixed; z-index:999999; bottom:22px; font-family:inherit; }
.mym-support--right { right:22px; }
.mym-support--left { left:22px; }

/* Floating launcher — compact JICO-style icon */
.mym-support-launcher {
  appearance:none !important;
  position:relative;
  display:grid !important;
  place-items:center;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,var(--mym-support-blue),var(--mym-support-blue-dark)) !important;
  color:#fff !important;
  box-shadow:0 15px 34px rgba(0,62,109,.30) !important;
  cursor:pointer;
  font:inherit;
  overflow:visible !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.mym-support-launcher:hover {
  transform:translateY(-2px) scale(1.02);
  box-shadow:0 20px 40px rgba(0,62,109,.36) !important;
}
.mym-support-launcher__label { display:none !important; }
.mym-support-launcher__icon {
  position:relative;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:transparent;
}
.mym-support-launcher__icon::after {
  content:"";
  position:absolute;
  top:5px;
  right:5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--mym-support-red);
  box-shadow:0 0 0 3px #fff;
}
.mym-support-launcher__icon svg {
  width:27px;
  height:27px;
  fill:#fff;
}

/* Optional shortcode trigger stays as a compact text pill */
.mym-support-inline-trigger {
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:58px;
  padding:6px 7px 6px 17px;
  border:1px solid rgba(0,93,163,.12);
  border-radius:999px;
  background:linear-gradient(135deg,#fff,#f5fbff);
  color:var(--mym-support-text);
  box-shadow:0 14px 32px rgba(0,62,109,.16);
  cursor:pointer;
  font:inherit;
}
.mym-support-inline-trigger__label { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.mym-support-inline-trigger__kicker { color:var(--mym-support-blue); font-size:8px; font-weight:900; letter-spacing:.12em; line-height:1; }
.mym-support-inline-trigger__title { color:var(--mym-support-text); font-size:11px; font-weight:900; line-height:1.1; }
.mym-support-inline-trigger__icon {
  position:relative; width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:50%;
  background:linear-gradient(145deg,var(--mym-support-blue),var(--mym-support-blue-dark));
}
.mym-support-inline-trigger__icon::after { content:""; position:absolute; top:5px; right:5px; width:8px; height:8px; border-radius:50%; background:var(--mym-support-red); box-shadow:0 0 0 3px #fff; }
.mym-support-inline-trigger__icon svg { width:21px; height:21px; fill:#fff; }

.mym-support-panel {
  position:absolute;
  right:0;
  bottom:78px;
  width:min(430px,calc(100vw - 30px));
  max-height:min(760px,calc(100vh - 110px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(0,62,109,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,29,52,.28);
  opacity:0;
  visibility:hidden;
  transform:translateY(14px) scale(.98);
  transform-origin:bottom right;
  transition:.22s ease;
}
.mym-support--left .mym-support-panel { left:0; right:auto; transform-origin:bottom left; }
.mym-support.is-open .mym-support-panel { opacity:1; visibility:visible; transform:translateY(0) scale(1); }

.mym-support-panel__top {
  display:flex; justify-content:space-between; gap:18px; padding:25px 24px 22px; color:#fff;
  background:linear-gradient(135deg,var(--mym-support-blue),var(--mym-support-blue-dark));
}
.mym-support-kicker { display:block; margin-bottom:4px; font-size:9px; font-weight:900; letter-spacing:.15em; opacity:.72; }
.mym-support-panel__top h2 { margin:0!important; color:#fff!important; font-size:28px!important; line-height:1!important; font-weight:900!important; }
.mym-support-panel__top p { margin:9px 0 0!important; max-width:310px; color:rgba(255,255,255,.82)!important; font-size:12px!important; line-height:1.5!important; }
.mym-support-close { width:34px; height:34px; flex:0 0 34px; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; font-size:24px; line-height:1; }

.mym-support [hidden] { display:none !important; }

.mym-support-panel__body { overflow:auto; padding:20px; background:#fff; }
.mym-support-context { margin-bottom:16px; }
.mym-support-context-card { padding:15px; border:1px solid #D9E6EF; border-radius:12px; background:#F4F9FC; }
.mym-support-context-card small { display:block; margin-bottom:5px; color:var(--mym-support-blue); font-size:8px; font-weight:900; letter-spacing:.12em; }
.mym-support-context-card strong { display:block; color:var(--mym-support-text); font-size:14px; line-height:1.3; }
.mym-support-context-card p { margin:5px 0 12px!important; color:var(--mym-support-muted)!important; font-size:11px!important; line-height:1.45!important; }

.mym-support-section + .mym-support-section { margin-top:18px; }
.mym-support-section__head { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-bottom:10px; }
.mym-support-section__head > span { color:var(--mym-support-text); font-size:10px; font-weight:900; letter-spacing:.08em; }
.mym-support-section__head small { color:#8A959E; font-size:9px; }

.mym-support-branch-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.mym-support-branch {
  appearance:none; display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:54px; padding:0 13px;
  border:1px solid var(--mym-support-border); border-radius:10px; background:#fff; color:var(--mym-support-text)!important;
  text-decoration:none!important; font-size:11px; font-weight:850; transition:.18s ease;
}
.mym-support-branch:hover { border-color:rgba(0,93,163,.32); background:#F4F9FC; color:var(--mym-support-blue)!important; transform:translateY(-1px); }
.mym-support-branch.is-current { grid-column:1/-1; min-height:64px; background:var(--mym-support-red); border-color:var(--mym-support-red); color:#fff!important; }
.mym-support-branch.is-current:hover { background:var(--mym-support-red-dark); color:#fff!important; }
.mym-support-branch__wa { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:#25D366; color:#fff; font-size:12px; flex:0 0 25px; }
.mym-support-branch.is-current .mym-support-branch__wa { background:#fff; color:var(--mym-support-red); }

.mym-support-divider { display:flex; align-items:center; gap:10px; margin:18px 0; color:#9AA4AB; font-size:8px; font-weight:900; }
.mym-support-divider:before,.mym-support-divider:after { content:""; height:1px; flex:1; background:#E6EAED; }

.mym-support-tools { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mym-support-tool {
  appearance:none !important;
  position:relative;
  min-height:78px;
  padding:15px 52px 15px 17px !important;
  border:1px solid #DCE5EB !important;
  border-radius:13px !important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8FBFD 100%) !important;
  text-align:left !important;
  cursor:pointer;
  font:inherit;
  box-shadow:0 8px 18px rgba(0,62,109,.045);
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
.mym-support-tool::before {
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--mym-support-blue);
}
.mym-support-tool::after {
  content:"→";
  position:absolute;
  right:14px;
  top:50%;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:50%;
  background:#EDF6FB;
  color:var(--mym-support-blue);
  font-size:15px;
  font-weight:900;
  transition:.18s ease;
}
.mym-support-tool:hover {
  transform:translateY(-2px);
  border-color:rgba(0,93,163,.30) !important;
  box-shadow:0 13px 27px rgba(0,62,109,.09);
}
.mym-support-tool:hover::after { background:var(--mym-support-blue); color:#fff; transform:translateY(-50%) translateX(2px); }
.mym-support-tool strong { display:block; color:var(--mym-support-text); font-size:11px; line-height:1.15; font-weight:900; letter-spacing:.01em; }
.mym-support-tool span { display:block; margin-top:7px; color:var(--mym-support-muted); font-size:9px; line-height:1.35; }
.mym-support-tool--request::before { background:var(--mym-support-red); }
.mym-support-tool--request::after { background:#FFF0F1; color:var(--mym-support-red); }
.mym-support-tool--request:hover { border-color:rgba(215,25,32,.25) !important; }
.mym-support-tool--request:hover::after { background:var(--mym-support-red); color:#fff; }

.mym-support-tools--simple { grid-template-columns:1fr 1fr; }
.mym-support-tools--simple .mym-support-tool { min-height:92px; }
.mym-support-tool--finder {
  border-color:#CFE0EC !important;
  background:linear-gradient(145deg,#FFFFFF 0%,#F2F9FD 100%) !important;
}
.mym-support-tool--finder strong { color:var(--mym-support-blue); }
.mym-support-tool--finder::after {
  content:"⌕";
  font-size:18px;
}
.mym-support-tool--finder:hover { border-color:rgba(0,93,163,.38) !important; }


.mym-support-backdrop { position:fixed; inset:0; z-index:-1; background:rgba(3,19,31,.42); backdrop-filter:blur(2px); opacity:0; visibility:hidden; transition:.2s ease; }
.mym-support.is-open .mym-support-backdrop { opacity:1; visibility:visible; }

@media (max-width:767px) {
  .mym-support { left:auto !important; right:15px !important; bottom:15px; width:auto !important; }
  .mym-support-launcher { width:54px !important; height:54px !important; min-width:54px !important; min-height:54px !important; }
  .mym-support-launcher__icon { width:54px; height:54px; }
  .mym-support-launcher__icon svg { width:25px; height:25px; }
  .mym-support-inline-trigger__title { font-size:11px; }
  .mym-support-panel,.mym-support--left .mym-support-panel { position:fixed; left:10px; right:10px; bottom:10px; width:auto; max-height:calc(100vh - 20px); border-radius:17px; transform-origin:bottom center; }
  .mym-support-panel__top { padding:21px 18px 18px; }
  .mym-support-panel__body { padding:16px; }
  .mym-support-branch-list,.mym-support-tools,.mym-support-tools--simple { grid-template-columns:1fr; }
  .mym-support-tool { min-height:72px; padding:14px 50px 14px 16px !important; }
  .mym-support-branch.is-current { grid-column:auto; }
}


/* =========================================================
   V1.0.4 — HIDE DUPLICATE STANDALONE FINDER LAUNCHER
   The Finder remains fully functional when opened from this
   WhatsApp-first support panel. Only its automatic floating/
   header launcher is suppressed to avoid duplicate CTAs.
========================================================= */
.mym-ef-trigger[data-mym-auto-mount],
.mym-ef-trigger--auto[data-mym-auto-mount] {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}