.scp-support {
  --support-navy:#081a34;
  --support-blue:#2463eb;
  --support-line:#d9e3f0;
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9990;
  font-family:'Manrope',Arial,sans-serif;
}
.scp-support * { box-sizing:border-box; }
.scp-support-panel {
  position:absolute;
  right:0;
  bottom:68px;
  width:min(348px,calc(100vw - 32px));
  max-height:calc(100dvh - 96px);
  overflow-x:hidden;
  overflow-y:auto;
  border:1px solid #b9cbe2;
  border-radius:22px;
  background:#fff;
  color:#111c2e;
  box-shadow:0 24px 70px rgba(7,25,52,.24);
  opacity:0;
  visibility:hidden;
  transform:translateY(16px) scale(.97);
  transform-origin:bottom right;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.scp-support-panel.is-open { opacity:1;visibility:visible;transform:none; }
.scp-support-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px 14px;
  color:#fff;
  background:linear-gradient(135deg,#071b38,#0d3569);
}
.scp-support-kicker { display:block;margin-bottom:4px;color:#74a9ff;font:700 8px/1 'IBM Plex Mono',monospace;letter-spacing:.12em; }
.scp-support-head h2 { margin:0;font:700 21px/1.08 'Newsreader',Georgia,serif;letter-spacing:-.02em; }
.scp-support-head p { display:flex;align-items:center;gap:7px;margin:5px 0 0;color:#c8d7eb;font-size:10px; }
.scp-support-head p i { width:7px;height:7px;border-radius:50%;background:#28d17c;box-shadow:0 0 0 4px rgba(40,209,124,.13); }
.scp-support-close { display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer; }
.scp-support-close:hover { background:rgba(255,255,255,.18); }
.scp-support-close svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round; }
.scp-support-body { padding:15px 16px 16px; }
.scp-support-intro-icon { display:grid;place-items:center;width:40px;height:40px;margin:0 auto 7px;border:1px solid #c9dcfb;border-radius:12px;background:#edf4ff;color:var(--support-blue); }
.scp-support-intro-icon svg { width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.scp-support-body > h3 { margin:0;text-align:center;font-size:16px;line-height:1.3; }
.scp-support-body > p { margin:4px auto 11px;max-width:270px;text-align:center;color:#748197;font-size:10.5px;line-height:1.45; }
.scp-support-topics { display:grid;gap:5px; }
.scp-support-topics a {
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 16px;
  align-items:center;
  gap:9px;
  min-height:49px;
  padding:7px 10px;
  border:1px solid #e2e8f1;
  border-radius:12px;
  background:#f7f9fc;
  color:#14233a;
  text-decoration:none;
  transition:border-color .16s,background .16s,transform .16s;
}
.scp-support-topics a:hover { border-color:#aac4f2;background:#eef4ff;transform:translateX(2px); }
.scp-support-topic-icon { display:grid;place-items:center;width:32px;height:32px;border:1px solid #d6e1f0;border-radius:9px;background:#fff;color:#174f9d; }
.scp-support-topic-icon svg,.scp-support-arrow { fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.scp-support-topic-icon svg { width:17px;height:17px; }
.scp-support-topics strong,.scp-support-topics small,.scp-support-live strong,.scp-support-live small { display:block; }
.scp-support-topics strong { font-size:11.5px;line-height:1.3; }
.scp-support-topics small { margin-top:1px;color:#7b889a;font-size:8.5px;line-height:1.3; }
.scp-support-arrow { width:15px;height:15px;color:#8190a4; }
.scp-support-live { display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:7px;padding:7px 10px;border:1px dashed #cad4e1;border-radius:11px;background:#f8f9fb;color:#5e6c80; }
.scp-support-live-icon { display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e9edf3;color:#718097; }
.scp-support-live-icon svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.scp-support-live strong { font-size:11px; }
.scp-support-live small { margin-top:1px;font-size:8.5px; }
.scp-support-live b { padding:5px 7px;border-radius:6px;background:#e9edf3;color:#7a8798;font:700 8px/1 'IBM Plex Mono',monospace;letter-spacing:.06em; }
.scp-support-whatsapp { display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:7px;border:1px solid #13a851;border-radius:11px;background:#20c86b;color:#fff;text-decoration:none;font-size:11.5px;font-weight:800;box-shadow:0 8px 17px rgba(32,200,107,.18);transition:background .16s,transform .16s; }
.scp-support-whatsapp:hover { background:#16ad59;transform:translateY(-1px); }
.scp-support-whatsapp svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.scp-support-foot { display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-top:1px solid #dfe6ef;background:#f3f6fa;color:#213451; }
.scp-support-foot-mark { display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:var(--support-navy);color:#fff;font:700 9px/1 'IBM Plex Mono',monospace;box-shadow:3px 3px 0 #f2aa1b; }
.scp-support-foot strong,.scp-support-foot small { display:block; }
.scp-support-foot strong { font:700 11px/1.2 'Newsreader',Georgia,serif; }
.scp-support-foot small { margin-top:2px;color:#76849a;font-size:8px; }
.scp-support-trigger { position:relative;display:grid;place-items:center;width:50px;height:50px;min-height:50px;padding:6px;border:1px solid #17467e;border-bottom:3px solid #f2aa1b;border-radius:15px;background:var(--support-navy);color:#fff;cursor:pointer;box-shadow:0 12px 28px rgba(5,24,50,.23);transition:transform .16s ease,box-shadow .16s ease; }
.scp-support-trigger:hover { transform:translateY(-2px);box-shadow:0 16px 30px rgba(5,24,50,.28); }
.scp-support-trigger-icon { position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#2463eb;color:#fff; }
.scp-support-trigger-icon svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
.scp-support-trigger-icon i { position:absolute;right:-1px;top:-1px;width:9px;height:9px;border:2px solid var(--support-navy);border-radius:50%;background:#20cf74; }
.scp-support-trigger-copy { display:none; }
.scp-support-trigger-copy strong,.scp-support-trigger-copy small { display:block; }
.scp-support-trigger-copy strong { font-size:11.5px;line-height:1.2; }
.scp-support-trigger-copy small { margin-top:2px;color:#b9cce7;font-size:8px; }
html[data-site-version="v1"] .scp-support-panel,
html[data-site-version="v1"] .scp-support-head,
html[data-site-version="v1"] .scp-support-close,
html[data-site-version="v1"] .scp-support-intro-icon,
html[data-site-version="v1"] .scp-support-topics a,
html[data-site-version="v1"] .scp-support-topic-icon,
html[data-site-version="v1"] .scp-support-live,
html[data-site-version="v1"] .scp-support-live-icon,
html[data-site-version="v1"] .scp-support-whatsapp,
html[data-site-version="v1"] .scp-support-trigger { border-radius:0; }
html[data-site-version="v1"] .scp-support { right:16px;bottom:70px; }
html[data-site-version="v1"] .scp-support-panel { border:2px solid #10151c;box-shadow:8px 8px 0 rgba(16,21,28,.18); }
html[data-site-version="v1"] .scp-support-head { background:#101827; }
html[data-site-version="v1"] .scp-support-trigger { border:2px solid #10151c;background:#fffaf0;color:#10151c;box-shadow:5px 5px 0 #e8a020; }
html[data-site-version="v1"] .scp-support-trigger-icon { border-radius:0;background:#e8a020;color:#10151c; }
html[data-site-version="v1"] .scp-support-trigger-icon i { border-color:#fffaf0; }
html[data-site-version="v1"] .scp-support-trigger-copy small { color:#687385; }

/* V2 — clean floating support control */
html[data-site-version="v2"] .scp-support-trigger {
  width:52px;
  height:52px;
  min-height:52px;
  padding:5px;
  border:1px solid #bfd0e7;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#164fbf;
  box-shadow:0 12px 30px rgba(24,68,126,.16),0 2px 7px rgba(24,68,126,.08);
  backdrop-filter:blur(10px);
}
html[data-site-version="v2"] .scp-support-trigger:hover {
  transform:translateY(-2px);
  border-color:#83a9df;
  background:#f5f9ff;
  box-shadow:0 17px 36px rgba(24,68,126,.21),0 3px 9px rgba(24,68,126,.09);
}
html[data-site-version="v2"] .scp-support-trigger-icon {
  width:40px;
  height:40px;
  border-radius:50%;
  background:linear-gradient(145deg,#eef5ff,#dfeaff);
  color:#175edb;
  box-shadow:inset 0 0 0 1px rgba(36,99,235,.08);
}
html[data-site-version="v2"] .scp-support-trigger-icon svg {
  width:21px;
  height:21px;
  stroke-width:1.8;
}
html[data-site-version="v2"] .scp-support-trigger-icon i {
  right:-2px;
  top:-2px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  background:#16b86b;
  box-shadow:0 0 0 1px rgba(22,184,107,.12);
}
@media(max-width:600px){
  .scp-support { right:14px;bottom:14px; }
  .scp-support-panel { position:fixed;right:10px;bottom:68px;width:calc(100vw - 20px);max-height:calc(100dvh - 82px);overflow:auto; }
  .scp-support-head { padding:14px 15px 13px; }
  .scp-support-body { padding:13px 14px 14px; }
  .scp-support-trigger { width:46px;height:46px;min-height:46px;padding:5px; }
  .scp-support-trigger-icon { width:34px;height:34px; }
  html[data-site-version="v1"] .scp-support { right:16px;bottom:68px; }
}
@media(max-height:720px) and (min-width:601px){
  .scp-support-panel { bottom:62px;max-height:calc(100dvh - 76px); }
  .scp-support-intro-icon { display:none; }
  .scp-support-body > h3 { font-size:15px; }
  .scp-support-body > p { margin-bottom:8px; }
  .scp-support-topics a { min-height:45px; }
}
@media(prefers-reduced-motion:reduce){.scp-support-panel,.scp-support-topics a,.scp-support-whatsapp{transition:none;}}