.mw-vc-backdrop {
  display: none;
  position: fixed; inset: 0; z-index: 1600;
  background: rgba(0, 0, 0, .45);
  align-items: center; justify-content: center;
  padding: 16px; box-sizing: border-box;
}
.mw-vc-backdrop.active { display: flex; }

.mw-vc-box {
  width: 100%; max-width: 460px; max-height: 84vh; overflow-y: auto;
  box-sizing: border-box; padding: 20px;
  border-radius: 14px;
  background: var(--warm-card, var(--mw-surface));
  border: 1px solid var(--warm-line, var(--mw-line));
  color: var(--warm-ink, var(--mw-ink));
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}
.mw-vc-box h3 { margin: 0 0 6px; font-size: 16px; }
.mw-vc-note {
  margin: 0 0 14px; font-size: 12.5px; line-height: 1.65;
  color: var(--warm-sub, var(--mw-muted));
}


.mw-vc-fixed-in {
  margin-bottom: 14px; padding: 10px 12px; border-radius: 10px;
  font-size: 12.5px; line-height: 1.7;
  background: var(--warm-bg, var(--mw-surface-sunken));
  border: 1px solid var(--warm-line, var(--mw-line));
}
.mw-vc-fixed-in b { display: block; margin-bottom: 4px; font-size: 12px; }
.mw-vc-fixed-in s { color: var(--warm-sub, var(--mw-muted)); }


.mw-vc-list { display: flex; flex-direction: column; gap: 12px; }
.mw-vc-item {
  padding: 12px; border-radius: 10px;
  background: var(--mw-warn-soft);
  border: 1px solid var(--mw-warn, var(--mw-warn-ink));
}
.mw-vc-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.mw-vc-raw { font-size: 11.5px; color: var(--mw-warn-ink); font-variant-numeric: tabular-nums; }
.mw-vc-why { margin-top: 5px; font-size: 12.5px; line-height: 1.6; color: var(--mw-warn-ink); }
.mw-vc-input { display: flex; align-items: center; gap: 8px; margin-top: 9px; }
.mw-vc-input > span { flex: 0 0 auto; font-size: 12px; font-weight: 700; }
.mw-vc-input > input {
  flex: 1 1 auto; min-width: 0; height: 36px; padding: 0 10px; box-sizing: border-box;
  font-family: inherit; font-size: 13.5px;
  border-radius: 8px;
  background: var(--warm-card, var(--mw-surface));
  border: 1px solid var(--warm-line, var(--mw-line));
  color: var(--warm-ink, var(--mw-ink));
}


.mw-vc-btns { display: flex; gap: 8px; margin-top: 16px; flex-wrap: wrap; justify-content: flex-end; }
.mw-vc-btns .btn { width: auto; }
@media (max-width: 420px) {
  .mw-vc-btns { flex-direction: column-reverse; }
  .mw-vc-btns .btn { width: 100%; }
}





.reg-odd-badge, .reg-fixed-badge {
  display: inline-block; padding: 1px 6px; border-radius: 8px;
  font-size: 10.5px; font-weight: 700; cursor: help; white-space: nowrap;
}



.reg-odd-badge { background: var(--mw-warn-ink); color: var(--mw-surface); }
.reg-fixed-badge { background: var(--mw-warn-soft); color: var(--mw-warn-ink); border: 1px solid var(--mw-warn-ink); }
.reg-row-date {
  margin-left: 6px; font-size: 11.5px; font-variant-numeric: tabular-nums;
  color: var(--warm-sub, var(--mw-muted));
}