/* bounty dashboard: number steppers ( − 12 + ) in place of the browser spinner. */

input[type="number"] { -moz-appearance: textfield; appearance: textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.stepper {
  display: inline-flex; align-items: center; gap: 2px; height: 38px; padding: 3px; flex: none;
  border-radius: 12px; border: 1px solid transparent;
  background: linear-gradient(180deg, #0e1118, #0a0d12) padding-box, var(--edge) border-box;
  transition: box-shadow .2s var(--ease), background .2s;
}
.stepper:hover { background: linear-gradient(180deg, #10131a, #0b0e15) padding-box, var(--edge-hi) border-box; }
.stepper:focus-within { background: linear-gradient(180deg, #11141b, #0c0f16) padding-box, var(--edge-hi) border-box; box-shadow: 0 0 0 4px rgba(255, 255, 255, .045); }

.stepper .input,
.thresholds .stepper .input,
.stepper .input.num {
  width: 58px; height: 30px; padding: 0 4px; text-align: center;
  font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; color: #ecf1fb;
  border: 0 !important; background: transparent !important; box-shadow: none !important; outline: none;
}
.stepper .input::placeholder { color: #505a6e; font-weight: 500; }

.stepper-btn {
  display: grid; place-items: center; width: 30px; height: 30px; flex: none; border-radius: 9px;
  font-size: 10.5px; color: #9eadce; cursor: pointer; user-select: none; touch-action: manipulation;
  background: linear-gradient(180deg, #161a25, #10131a);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 1px 2px rgba(0, 0, 0, .4);
  transition: color .15s, background .15s, transform .18s var(--spring, cubic-bezier(.34, 1.4, .64, 1)), opacity .15s;
}
.stepper-btn:hover { color: #fff; background: linear-gradient(180deg, #1e232e, #141820); }
.stepper-btn:active, .stepper-btn.pressed { transform: scale(.88); }
.stepper-btn:disabled { opacity: .3; pointer-events: none; }

/* The antinuke limits grid: label left, stepper right, a little roomier. */
.thresholds label { min-height: 52px; padding: 7px 8px 7px 14px; }
.thresholds .stepper { height: 36px; }
.thresholds .stepper .input { width: 44px; }
.thresholds .stepper-btn { width: 28px; height: 28px; }

@media (prefers-reduced-motion: reduce) { .stepper-btn { transition: none; } }

/* ------------------------------------------------------------ greeting message editor */
.msg-editor { display: grid; gap: 10px; width: 100%; }
.msg-editor textarea.input { min-height: 104px; resize: vertical; line-height: 1.5; }
.msg-tools { display: flex; align-items: flex-start; gap: 10px; }
.msg-vars { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.msg-var {
  height: 26px; padding: 0 9px; border-radius: 8px; font-family: var(--mono, ui-monospace, monospace); font-size: 11.5px; color: #c9d8f8;
  border: 1px solid transparent; background: linear-gradient(180deg, #12161e, #0d1017) padding-box, var(--edge) border-box;
  transition: color .15s, background .2s, transform .15s var(--ease);
}
.msg-var:hover { color: #fff; background: linear-gradient(180deg, #1a1e26, #11141b) padding-box, var(--edge-hi) border-box; }
.msg-var:active { transform: scale(.95); }
.msg-count { flex: none; padding-top: 5px; font-size: 11.5px; color: var(--dim); font-variant-numeric: tabular-nums; }
.msg-preview { overflow: hidden; border-radius: 14px; border: 1px solid transparent; background: linear-gradient(180deg, #10131a, #0c0f16) padding-box, var(--edge) border-box; }
.msg-preview-head { display: flex; align-items: center; justify-content: space-between; padding: 9px 14px; font-size: 12px; color: var(--muted); border-bottom: 1px solid #151923; }
.msg-preview .tk-discord { max-height: none; padding: 14px 14px 16px; }
.dc-body { margin: -2px 0 0 44px; white-space: normal; overflow-wrap: anywhere; }
.dc-body.is-default { opacity: .55; }
.dc-body .dc-h1, .dc-body .dc-h2, .dc-body .dc-h3 { color: #f2f3f5; font-weight: 700; }
.dc-body .dc-h2 { font-size: 20px; } .dc-body .dc-h1 { font-size: 24px; } .dc-body .dc-h3 { font-size: 16px; }
.dc-body .dc-sub { font-size: 12.5px; color: #949ba4; }
.dc-body .dc-quote { border-left: 4px solid #4e5058; padding-left: 10px; }
.dc-body code { background: #1e1f22; border-radius: 4px; padding: 0 4px; font-size: 13px; }
.dc-time-pill { background: rgba(255, 255, 255, .06); border-radius: 3px; padding: 0 3px; }