/* Vitatherx PAL + SalesIQ panel. Brand kit: Vita Green #42CF8B, Soft Cream
   #F4F0DA, White #FFFFFF, Deep Charcoal #24302F, Leaf Green #0FA86A. */
:root {
  --vita-green: #42CF8B;
  --vita-cream: #F4F0DA;
  --vita-white: #FFFFFF;
  --vita-charcoal: #24302F;
  --vita-leaf: #0FA86A;
  --vita-border: #dfe9e2;
  --vita-muted: #60716a;
}
/* Per-brand accents, taken from each brand's Canva brand kit
   (.Brand_Styling\canva-brand-kit-<brand>.md). --vita-leaf = primary CTA /
   launcher fill; --vita-green = hover + accent dot; --vita-cream = panel
   surface; --vita-charcoal = text. Default (no data-brand) = Vitatherx. */
.chi-pal-root[data-brand="skin"] {
  --vita-green: #e99183;   /* Soft Coral */
  --vita-cream: #eef0f4;   /* Mist Gray */
  --vita-leaf: #4d6385;    /* Dusty Blue */
  --vita-border: #d8dde6;
  --vita-charcoal: #29384a;/* Slate */
  --vita-muted: #6b7280;
}
.chi-pal-root[data-brand="skin_blk_lbl"] {
  --vita-green: #bfa46a;   /* Champagne Gold */
  --vita-cream: #f5f3f0;
  --vita-leaf: #0b0b0b;    /* Charcoal Black */
  --vita-border: #e3e0db;
  --vita-charcoal: #1a1a1a;
  --vita-muted: #6b6660;
}
.chi-pal-root[data-brand="clin"] {
  --vita-green: #d86b73;   /* Compliance Rose */
  --vita-cream: #f4f6f8;   /* Light Clinical Gray */
  --vita-leaf: #4b6280;    /* Clinical Slate Blue */
  --vita-border: #d5dde6;
  --vita-charcoal: #213a5a;/* Deep Navy */
  --vita-muted: #5e6d80;
}
.chi-pal-root[data-brand="nutratherx"] {
  --vita-green: #78b66a;   /* Fresh Green */
  --vita-cream: #f4f7f6;   /* Soft Cloud */
  --vita-leaf: #147a7e;    /* Deep Teal */
  --vita-border: #d6e3e2;
  --vita-charcoal: #253b43;/* Dark Slate */
  --vita-muted: #6f7377;   /* Clinical Gray */
}
.chi-pal-root[data-brand="fruitymonk"] {
  --vita-green: #c8943e;   /* Monk Gold */
  --vita-cream: #f4e8d0;   /* Parchment */
  --vita-leaf: #a94f27;    /* Burnt Orange */
  --vita-border: #e3d6bd;
  --vita-charcoal: #2b211c;/* Herbal Ink */
  --vita-muted: #7a6a58;
}
.chi-pal-root[data-brand="nattylean"] {
  --vita-green: #7a35e8;   /* Grape Violet */
  --vita-cream: #f6f0ff;   /* Soft Lavender */
  --vita-leaf: #25234f;    /* Midnight Purple */
  --vita-border: #e2d8f5;
  --vita-charcoal: #16172e;
  --vita-muted: #6b6785;
}
.chi-pal-root[data-brand="aoxing"] {
  --vita-green: #c49b3c;   /* Antique Gold */
  --vita-cream: #faf7ef;   /* Warm Cream */
  --vita-leaf: #1f2f50;    /* Aoxing Navy */
  --vita-border: #d8dee8;
  --vita-charcoal: #17233d;/* Deep Navy */
  --vita-muted: #6b7686;
}
.chi-pal-root[data-brand="oprine"] {
  --vita-green: #18b7ad;   /* Teal */
  --vita-cream: #fff8f3;   /* Warm White */
  --vita-leaf: #e84c86;    /* Hot Rose */
  --vita-border: #f0d9e2;
  --vita-charcoal: #0f2233;/* Deep Navy */
  --vita-muted: #6b5b64;
}
.chi-pal-launcher {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483000;
  border: 0;
  border-radius: 999px;
  padding: 13px 18px;
  background: var(--vita-leaf);
  color: var(--vita-white);
  box-shadow: 0 10px 30px rgba(15, 168, 106, .25);
  cursor: pointer;
  font: 600 14px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.chi-pal-launcher:hover { background: var(--vita-green); color: var(--vita-charcoal); }

.chi-pal-minimized {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483000;
  display: none;
  width: 84px;
  height: 84px;
  align-items: center;
  justify-content: center;
  border: 4px solid var(--vita-white);
  border-radius: 50%;
  background: var(--vita-leaf) url("./vitatherx-pal-widget-mark.webp?v=20261015-0815") center / cover no-repeat;
  color: transparent;
  box-shadow: 0 10px 28px rgba(36, 48, 47, .25), 0 0 0 1px rgba(15, 168, 106, .18);
  cursor: pointer;
  font: 0/0 a;
  overflow: visible;
  transition: transform .18s ease, box-shadow .18s ease;
}

.chi-pal-minimized::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 50%;
  background: rgba(66, 207, 139, .22);
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

.chi-pal-minimized::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -1px;
  width: 12px;
  height: 12px;
  border: 2px solid var(--vita-white);
  border-radius: 50%;
  background: var(--vita-green);
  z-index: 2;
}

.chi-pal-minimized:hover { color: var(--vita-charcoal); transform: translateY(-2px); box-shadow: 0 14px 32px rgba(36, 48, 47, .28), 0 0 0 1px rgba(15, 168, 106, .22); }
.chi-pal-minimized:hover::before { opacity: 1; }
.chi-pal-root[data-brand="skin"] .chi-pal-minimized {
  background-image: url("./skintherx-pal-widget-mark.webp?v=20261016-1015");
}
.chi-pal-root[data-brand="fruitymonk"] .chi-pal-minimized { background-image: url("./fruitymonk-pal-widget-mark.webp?v=20261016-1015"); }
.chi-pal-root[data-brand="nutratherx"] .chi-pal-minimized { background-image: url("./nutratherx-pal-widget-mark.webp?v=20261016-1015"); }
.chi-pal-root[data-brand="oprine"] .chi-pal-minimized { background-image: url("./oprine-pal-widget-mark.webp?v=20261016-1015"); }
.chi-pal-root[data-brand="nattylean"] .chi-pal-minimized { background-image: url("./nattylean-pal-widget-mark.webp?v=20261016-1015"); }
.chi-pal-root[data-brand="aoxing"] .chi-pal-minimized { background-image: url("./aoxing-pal-widget-mark.webp?v=20261016-1015"); }
.chi-pal-root[data-brand="skin_blk_lbl"] .chi-pal-minimized { background-image: url("./skin_blk_lbl-pal-widget-mark.webp?v=20261016-1015"); }
.chi-pal-root[data-brand="clin"] .chi-pal-minimized { background-image: url("./clintherx-pal-widget-mark.webp?v=20261017-1015"); }
.chi-pal-root[data-open="false"] .chi-pal-minimized { display: flex; }
.chi-pal-root[data-open="true"] .chi-pal-minimized { display: none; }

.chi-pal-dialog {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483001;
  display: none;
  width: min(300px, calc(100vw - 32px));
  max-height: min(615px, calc(100vh - 48px));
  overflow: hidden;
  border: 1px solid var(--vita-border);
  border-radius: 20px;
  background: var(--vita-white);
  box-shadow: 0 24px 70px rgba(36, 48, 47, .22);
  color: var(--vita-charcoal);
  font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.chi-pal-root[data-open="true"] .chi-pal-dialog { display: flex; flex-direction: column; }

.chi-pal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 13px;
  background: linear-gradient(135deg, #ffffff 0%, var(--vita-cream) 100%);
  border-bottom: 1px solid var(--vita-border);
}

.chi-pal-title { margin: 0; color: var(--vita-charcoal); font-size: 17px; font-weight: 700; letter-spacing: -.01em; }
.chi-pal-title::before { content: ""; display: inline-block; width: 8px; height: 8px; margin: 0 7px 2px 0; border-radius: 50%; background: var(--vita-green); }
.chi-pal-subtitle { color: var(--vita-leaf); font-size: 12px; font-weight: 600; }
.chi-pal-root[data-brand="aoxing"] .chi-pal-subtitle { display: block; margin-left: 15px; }
.chi-pal-status { display: block; margin: 3px 0 0 15px; color: var(--vita-muted); font-size: 11px; }

.chi-pal-close {
  border: 0;
  background: transparent;
  color: var(--vita-charcoal);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.chi-pal-video {
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 143px;
  background: var(--vita-cream);
}

.chi-pal-video tavus-embed { display: block; width: 100%; height: 100%; }
.chi-pal-video-placeholder { display: flex; height: 100%; min-height: 143px; align-items: center; justify-content: center; color: var(--vita-muted); background: var(--vita-cream); font-size: 12px; }

.chi-pal-chat {
  padding: 0 16px 14px;
  border-top: 1px solid var(--vita-border);
}

.chi-pal-intro { margin: 14px 0 14px; color: var(--vita-charcoal); font-size: 14px; }
.chi-pal-quick-label { margin: 0 0 8px; color: var(--vita-leaf); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.chi-pal-quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin-bottom: 12px; }
.chi-pal-prompt {
  border: 0;
  border-radius: 999px;
  padding: 8px 10px;
  background: var(--vita-cream);
  color: var(--vita-charcoal);
  cursor: pointer;
  font: 600 12px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  min-height: 35px;
}
.chi-pal-prompt:hover { background: #e3f4e9; }

.chi-pal-input-row { display: flex; gap: 8px; }
.chi-pal-input {
  min-width: 0;
  flex: 1;
  border: 1px solid #cbd9d1;
  border-radius: 8px;
  padding: 12px;
  color: var(--vita-charcoal);
  font: 14px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.chi-pal-input:focus { outline: 2px solid #b8ebd0; border-color: var(--vita-green); }

.chi-pal-chat-button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 8px;
  padding: 10px 13px;
  background: var(--vita-leaf);
  color: var(--vita-white);
  cursor: pointer;
  font-weight: 700;
}

.chi-pal-disclaimer { margin: 11px 0 0; color: var(--vita-muted); font-size: 10px; line-height: 1.35; text-align: center; }

.chi-pal-notice {
  margin: 16px;
  padding: 14px;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
}

@media (max-width: 600px) {
  .chi-pal-launcher { right: 16px; bottom: 16px; }
  .chi-pal-minimized { right: 16px; bottom: 16px; width: 74px; height: 74px; }
  .chi-pal-dialog {
    right: 16px;
    bottom: 16px;
    width: calc(100vw - 32px);
    max-height: calc(100vh - 88px);
  }
  .chi-pal-video { aspect-ratio: 9 / 16; min-height: 248px; }
  .chi-pal-chat { align-items: stretch; flex-direction: column; }
  .chi-pal-chat-button { width: 100%; }
}