/* Portal widget variants. just_chat leaves the page alone.
   theme_click and skinscash_click keep the chat closed until the launcher. */
.portal-variant-open {
  display: none;
  position: fixed;
  z-index: 40;
  right: 24px;
  bottom: 24px;
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  font: 600 15px/1 system-ui, sans-serif;
  cursor: pointer;
}

html[data-portal-chat="closed"] .app { visibility: hidden; }
html[data-portal-chat="closed"] .locale-links,
html[data-portal-chat="closed"] .locale-links * { visibility: visible; }

html[data-portal-variant="theme_click"] {
  --canvas: #f6f1e8;
  --accent: #8c745a;
  --accent-deep: #6f5a42;
}

html[data-portal-variant="theme_click"][data-portal-chat="closed"] .portal-variant-open {
  display: flex;
  background: #f6f1e8;
  color: #1c1915;
  box-shadow: 0 8px 24px rgba(28, 25, 21, 0.16);
}

html[data-portal-variant="skinscash_click"] {
  color-scheme: dark;
  --canvas: #0b0e14;
  --canvas-deep: #07090f;
  --rail: #0f1420;
  --ink: #e8ecf4;
  --ink-soft: #aab4c8;
  --muted: #6b7690;
  --line: #1c2436;
  --card: #10182a;
  --card-edge: #1e2a44;
  --accent: #4f7cff;
  --accent-deep: #2f56c4;
  --accent-soft: #16224a;
  --badge: #16224a;
  --badge-ink: #9db4ff;
  --nav-active: #4f7cff;
  background: #0b0e14;
}

html[data-portal-variant="skinscash_click"][data-portal-chat="closed"] .portal-variant-open {
  display: flex;
  background: #0b0e14;
  color: #3dd68c;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}