/* nc-quick-balance.css — стили виджета быстрого баланса под постом.
   Все настраиваемые значения — через CSS-переменные --qb-*, задавай их
   в :root, чтобы не трогать сами правила. */

:root {
  --qb-gap: 4px;
  --qb-font-size: 11px;
  --qb-amount-width: 70px;
  --qb-radius: 4px;
  --qb-border: 1px solid rgba(255, 255, 255, 0.2);
  --qb-bg: rgba(255, 255, 255, 0.05);
  --qb-color: inherit;
  --qb-accent: #5b5;
  --qb-error: #e55;
}

.qb-widget {
  display: inline-flex;
  align-items: center;
  gap: var(--qb-gap);
}

.qb-amount {
  width: var(--qb-amount-width);
  font-size: var(--qb-font-size);
  padding: 1px 4px;
  border: var(--qb-border);
  border-radius: var(--qb-radius);
  background: var(--qb-bg);
  color: var(--qb-color);
}

.qb-apply {
  font-size: var(--qb-font-size);
  line-height: 1;
  padding: 2px 5px;
  border: var(--qb-border);
  border-radius: var(--qb-radius);
  background: var(--qb-bg);
  cursor: pointer;
}

.qb-apply:disabled {
  opacity: 0.5;
  cursor: default;
}

.qb-spoiler-label {
  font-size: var(--qb-font-size);
  margin-left: var(--qb-gap);
  cursor: pointer;
  white-space: nowrap;
}

.qb-status {
  margin-left: var(--qb-gap);
  font-size: var(--qb-font-size);
}

.qb-status--ok {
  color: var(--qb-accent);
}

.qb-status--error {
  color: var(--qb-error);
}