/* ── Pax8 subscription section ───────────────────────────────────────────── */
.pax8-subs { display: flex; flex-direction: column; gap: 6px; }

.pax8-sub-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: var(--bg3);
  border: 1px solid var(--border);
  border-radius: 7px;
  transition: border-color .12s;
}
.pax8-sub-row:hover { border-color: var(--text4); }

.pax8-sub-info { flex: 1; min-width: 0; }
.pax8-sub-name { font-size: 12px; font-weight: 600; color: var(--text);
                  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pax8-sub-meta { font-size: 10px; color: var(--text4); margin-top: 2px;
                  display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }

.pax8-status        { font-size: 9px; font-weight: 700; padding: 1px 5px;
                       border-radius: 3px; text-transform: uppercase; }
.pax8-status-active    { background: rgba(16,185,129,.15); color: var(--live); }
.pax8-status-cancelled { background: rgba(239,68,68,.12);  color: #f87171; }
.pax8-status-other     { background: var(--border2);        color: var(--text4); }

/* Quantity controls */
.pax8-sub-qty { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.pax8-qty-btn {
  background: var(--bg2); border: 1px solid var(--border); border-radius: 4px;
  color: var(--text3); cursor: pointer; font-size: 14px; font-weight: 700;
  width: 22px; height: 22px; display: flex; align-items: center; justify-content: center;
  line-height: 1; transition: color .12s, border-color .12s;
}
.pax8-qty-btn:hover { color: var(--accent); border-color: var(--accent); }
.pax8-qty-val { font-size: 12px; font-weight: 700; color: var(--text);
                 min-width: 24px; text-align: center; font-family: ui-monospace, monospace; }
.pax8-save-btn {
  background: var(--accent); border: none; border-radius: 4px; color: #fff;
  cursor: pointer; font-size: 10px; font-weight: 700; font-family: inherit;
  padding: 3px 8px; transition: background .12s;
}
.pax8-save-btn:hover    { background: var(--accent2); }
.pax8-save-btn:disabled { opacity: .5; cursor: default; }

/* Cancel button */
.pax8-cancel-btn {
  background: none; border: 1px solid var(--border); border-radius: 4px;
  color: var(--text4); cursor: pointer; font-size: 14px; line-height: 1;
  padding: 2px 6px; flex-shrink: 0; transition: color .12s, border-color .12s;
}
.pax8-cancel-btn:hover    { color: #f87171; border-color: #ef4444; }
.pax8-cancel-btn:disabled { opacity: .4; cursor: default; }