.new2-guest-support[data-support-preset] {
  --support-accent: #1f6fff;
  --support-accent-2: #76d9bd;
  --support-ink: #10233e;
  --support-panel: #f8fbff;
  --support-panel-radius: 24px;
  --support-toggle-radius: 999px;
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 1100;
  font-family: Inter, Manrope, system-ui, sans-serif;
}

.new2-guest-support[data-support-preset] .new2-guest-support-toggle {
  min-height: 54px;
  border: 1px solid color-mix(in srgb, var(--support-accent) 42%, transparent);
  border-radius: var(--support-toggle-radius);
  background: linear-gradient(135deg, var(--support-accent), var(--support-accent-2));
  color: #fff;
  box-shadow: 0 16px 42px color-mix(in srgb, var(--support-accent) 28%, transparent);
}

.new2-guest-support[data-support-preset] .new2-guest-support-toggle svg { width: 23px; height: 23px; }
.new2-guest-support[data-support-preset] .new2-guest-support-panel {
  width: min(390px, calc(100vw - 28px));
  max-height: min(680px, calc(100dvh - 92px));
  border: 1px solid color-mix(in srgb, var(--support-accent) 24%, transparent);
  border-radius: var(--support-panel-radius);
  overflow: hidden;
  background: var(--support-panel);
  color: var(--support-ink);
  box-shadow: 0 28px 80px rgba(7, 15, 30, .26);
}

.new2-guest-support[data-support-preset] .new2-guest-support-head {
  background: linear-gradient(135deg, color-mix(in srgb, var(--support-accent) 13%, var(--support-panel)), var(--support-panel));
}
.new2-guest-support[data-support-preset] .new2-guest-support-kicker {
  display: block;
  margin-bottom: 3px;
  color: var(--support-accent);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.new2-guest-support[data-support-preset] .new2-guest-support-msg.admin { color: var(--support-ink); }
.new2-guest-support[data-support-preset] .new2-guest-support-send { background: var(--support-accent); }
.new2-guest-support[data-support-preset] .new2-guest-support-attach { color: var(--support-accent); }

.new2-guest-support[data-support-preset="air"] {
  --support-accent: #196c70;
  --support-accent-2: #65cbb2;
  --support-panel: #f4fffb;
  --support-panel-radius: 28px;
}
.new2-guest-support[data-support-preset="setup"] {
  --support-accent: #4159c9;
  --support-accent-2: #83b5ff;
  --support-panel: #f7f8ff;
  --support-panel-radius: 20px;
  --support-toggle-radius: 18px;
}
.new2-guest-support[data-support-preset="one-screen"] {
  --support-accent: #087f96;
  --support-accent-2: #29c7d8;
  --support-panel: #f2fdff;
  --support-panel-radius: 18px 18px 6px 18px;
}
.new2-guest-support[data-support-preset="neon"] {
  --support-accent: #7967ff;
  --support-accent-2: #19c8ff;
  --support-ink: #edf3ff;
  --support-panel: #111522;
  --support-panel-radius: 22px 8px 22px 8px;
}
.new2-guest-support[data-support-preset="neon"] .new2-guest-support-msg.admin,
.new2-guest-support[data-support-preset="neon"] .new2-guest-support-input-shell { background: #1a2030; color: #edf3ff; }
.new2-guest-support[data-support-preset="graphite"] {
  --support-accent: #242329;
  --support-accent-2: #66626f;
  --support-panel: #f4f1ec;
  --support-panel-radius: 4px;
  --support-toggle-radius: 4px;
}
.new2-guest-support[data-support-preset="guide"] {
  --support-accent: #7f58d9;
  --support-accent-2: #b987ff;
  --support-panel: #fbf8ff;
  --support-panel-radius: 30px 30px 12px 30px;
}

@media (max-width: 560px) {
  .new2-guest-support[data-support-preset] {
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
  }
  .new2-guest-support[data-support-preset] .new2-guest-support-panel {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 76px);
  }
  .new2-guest-support[data-support-preset] .new2-guest-support-toggle-label { max-width: 170px; }
}