@charset "UTF-8";
.wsf-form select.wsf-field ~ .select2-container .select2-dropdown.wsf-select2-dropdown .select2-results .select2-results__option[aria-disabled=true] {
  color: black !important;
  font-weight: 700 !important;
  padding: 15px 0px 15px 15px;
}
/* ===================================================================
   Publication Panel
   Drop into your stylesheet or a WS Form custom CSS block.
   Retheme via the custom properties below (swap for ACSS vars if wanted).
   =================================================================== */
.publication-panel {
  --pp-surface: #ffffff;
  --pp-border: #e2e6e9;
  --pp-line: #ebedef;
  --pp-text: #1f2933;
  --pp-muted: #6b747d;
  --pp-accent: #0f766e;
  /* teal — positive / brand accent */
  --pp-info-bg: #e7f3f0;
  --pp-info-bd: #bfe0d8;
  --pp-info-tx: #0f5d52;
  --pp-warn-bg: #fdf2e1;
  --pp-warn-bd: #f2cd8d;
  --pp-warn-tx: #8a4f0a;
  background: var(--pp-surface);
  border: 0.5px solid var(--pp-border);
  border-radius: 14px;
  padding: 20px 22px;
  font-family: inherit;
  max-width: 100%;
  margin-bottom: var(--space-m);
  /* remove to fill the form column */
}
.publication-panel__empty {
  font-size: 14px;
  color: #9aa4ac;
  margin: 0;
  text-align: center;
  padding: 8px 2px;
}
/* Optional header row (icons need a Tabler webfont; safe to omit) */
.publication-panel__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 13px;
}
.publication-panel__head i {
  color: var(--pp-accent);
  font-size: 19px;
}
.publication-panel__head span {
  font-size: 13px;
  font-weight: 500;
  color: var(--pp-accent);
  letter-spacing: 0.02em;
}
.publication-panel__intro {
  font-size: 15px;
  line-height: 1.6;
  color: #46505a;
  margin: 0 0 16px;
}
/* Visibility callout — renders only when the event is out of the window */
.publication-panel__visibility {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: var(--pp-info-bg);
  border: 0.5px solid var(--pp-info-bd);
  border-radius: 10px;
  padding: 11px 13px;
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--pp-info-tx);
}
.publication-panel__visibility i {
  font-size: 17px;
  margin-top: 1px;
}
.publication-panel__visibility .pp-date {
  display: block;
  font-weight: 500;
  color: #0b3f38;
  margin-top: 2px;
}
/* Balance ledger */
.publication-panel__balance {
  border-top: 0.5px solid var(--pp-line);
  padding-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.balance-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 14.5px;
  margin: 0;
}
.balance-row__label {
  color: var(--pp-muted);
}
.balance-row__value {
  font-weight: 500;
  color: var(--pp-text);
  font-variant-numeric: tabular-nums;
}
.balance-row__value .pp-unit {
  font-size: 12px;
  color: #9aa4ac;
  font-weight: 400;
  margin-left: 3px;
}
/* Result row — emphasised with a dashed rule + accent colour */
.balance-row--result {
  border-top: 0.5px dashed #d6dadd;
  padding-top: 12px;
  margin-top: 3px;
}
.balance-row--result .balance-row__label {
  color: var(--pp-text);
  font-weight: 500;
}
.balance-row--result .balance-row__value {
  color: var(--pp-accent);
  font-size: 17px;
}
/* Shortfall message */
.balance-message {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  background: var(--pp-warn-bg);
  border: 0.5px solid var(--pp-warn-bd);
  border-radius: 10px;
  padding: 11px 13px;
  margin-top: 3px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--pp-warn-tx);
  justify-content: center;
}
.balance-message i {
  font-size: 17px;
  margin-top: 1px;
}
.balance-row__short-credits {
  font-weight: 500;
  color: #6f3d05;
}
/* -------------------------------------------------------*/
.action-button .wsf-help {
  font-size: 12px;
  margin-top: 10px !important;
}
.btn--purchase-credits {
  cursor: pointer;
  display: block;
}