#vp-sales .vp-reactions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:7px}
#vp-sales .vp-reaction-counts{display:flex;gap:4px;flex-wrap:wrap}
#vp-sales .vp-react-open,#vp-sales .vp-reaction-chip,#vp-sales .vp-reaction-picker button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:30px;padding:3px 8px;border:1px solid #a3bea9;border-radius:16px;background:#f1f7f1;color:#254c35;font:inherit;font-size:14px;cursor:pointer}
#vp-sales .vp-react-open{background:transparent;color:inherit;opacity:.8;font-size:19px}
#vp-sales .vp-reaction-chip[aria-pressed=true],#vp-sales .vp-reaction-picker button[aria-pressed=true]{background:#cfe8d3;border-color:#36794c;box-shadow:inset 0 0 0 1px #36794c}
#vp-sales .vp-reaction-picker{display:flex;gap:5px;flex-basis:100%;padding-top:4px}
#vp-sales .vp-reaction-picker[hidden]{display:none}
#vp-sales .vp-reaction-status{font-size:11px;flex-basis:100%;color:inherit}
#vp-sales .vp-reaction-status:empty{display:none}
@media(pointer:coarse){#vp-sales .vp-react-open,#vp-sales .vp-reaction-chip,#vp-sales .vp-reaction-picker button{min-width:44px;min-height:44px}}

#vp-sales .vp-reactions[hidden]{display:none!important}
#vp-sales .vp-bubble:focus-visible{outline:2px solid #78a788;outline-offset:3px}

#vp-sales .vp-reaction-picker {
  position: fixed;
  z-index: 100;
  flex-wrap: wrap;
  justify-content: center;
  width: max-content;
  max-width: calc(100vw - 16px);
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #a3bea9;
  border-radius: 16px;
  background: #f5faf5;
  box-shadow: 0 8px 28px #142a2260;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
#vp-sales .vp-reaction-picker button {
  min-width: 44px;
  min-height: 44px;
  user-select: none;
  -webkit-user-select: none;
}
#vp-sales .vp-reaction-picker :is(.vp-copy-message,.vp-reply-message) {
  flex-basis: 100%;
  border-radius: 10px;
  background: #e1efe5;
}
#vp-sales .vp-reaction-picker button[hidden] { display: none; }
@media (pointer: coarse) {
  #vp-sales .vp-bubble {
    touch-action: manipulation;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
  }
}

html[data-vp-sales-theme=dark] #vp-sales .vp-reaction-picker {
  background: var(--vp-d-panel);
  border-color: var(--vp-d-border);
}
html[data-vp-sales-theme=dark] #vp-sales .vp-reaction-picker button {
  background: var(--vp-d-raised);
  border-color: var(--vp-d-border);
  color: var(--vp-d-text);
}
html[data-vp-sales-theme=dark] #vp-sales .vp-reaction-picker button[aria-pressed=true] {
  border-color: var(--vp-d-accent);
}

#vp-sales .vp-message-quote {
  display: block;
  margin-bottom: 8px;
  padding: 6px 9px;
  border-inline-start: 3px solid currentColor;
  border-radius: 4px 8px 8px 4px;
  background: #0d2a1810;
  font-size: .9em;
  white-space: normal;
}
#vp-sales .vp-remove-quote {
  min-height: 36px;
  padding: 6px 12px;
  margin: 0 0 6px;
  border: 1px solid #a3bea9;
  border-radius: 10px;
  background: #edf5ed;
  color: #254c35;
  cursor: pointer;
}
#vp-sales .vp-remove-quote[hidden] { display: none; }
html[data-vp-sales-theme=dark] #vp-sales .vp-message-quote { background: #e7f2ea14; }
html[data-vp-sales-theme=dark] #vp-sales .vp-remove-quote {
  background: var(--vp-d-raised);
  border-color: var(--vp-d-border);
  color: var(--vp-d-text);
}