.jc-wrap {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  max-width: 680px;
  background: #111111e0;
  color: #fff;
  padding: 16px 14px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  z-index: 99999;
  display: none;
  font-size: 12px;
}
.jc-wrap.show {
  display: block;
}
.jc-actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.jc-btn {
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
}
.jc-btn.jc-accept{
  background: var(--jc-accept, #ad9263);
  border-color: var(--jc-accept, #ad9263);
  color:#fff;
}
.jc-btn.jc-reject{
  background: var(--jc-reject, #333);
  border-color: var(--jc-reject, #333);
  color:#fff;
}
.jc-manage {
  background: transparent;
  color: #bbb;
  text-decoration: underline;
}
.jc-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: none;
  z-index: 100000;
}
.jc-modal.open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jc-card {
  background: #111;
  color: #fff;
  max-width: 640px;
  width: 90%;
  padding: 18px;
  border-radius: 12px;
}
.jc-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0;
}
.jc-toggle input {
  accent-color: #ad9263;
  width: 22px;
  height: 22px;
}
.jc-small,
.jc-small-link {
  opacity: 0.8;
  font-size: 11px;
  color: #fff;
}
.jc-small-link:is(:any-link, :hover, :focus, :active, :target) {
  color: #fff;
}