/* ============ LEAD STEPPER ============ */
.xp-pulse-panel *,
.nm-overlay * {
  font-variant-numeric:tabular-nums
}

.ss-lead-ctrl {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s1);
  background:var(--surface-el);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  padding:var(--w2-s1);
  margin-bottom:var(--w2-s1);
}

.ss-lead-btn {
  width:max(28px,1.25vw);
  height:max(28px,1.25vw);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  border-radius:var(--w2-s1);
  color:var(--text-mute);
  font:700 14px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  cursor:pointer;
  user-select:none;
  transition: color .12s, background-color .12s, border-color .12s, box-shadow .12s, transform .12s, opacity .12s;
}

.ss-lead-btn:hover {
  background:var(--surface-hi);
  color:var(--text)
}

.ss-lead-btn:active {
  transform:scale(.92)
}

.ss-lead-inp {
  width:max(31px,1.8vw);
  height:max(20px,1.15vw);
  background:transparent;
  border:0;
  color:var(--text);
  font:700 14px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  text-align:center;
  letter-spacing:-.01em;
  outline:0;
  padding:0;
  -moz-appearance:textfield;
}

.ss-lead-inp::-webkit-outer-spin-button, .ss-lead-inp::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0
}

.ss-lead-unit {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
  letter-spacing:.08em;
  padding:0 var(--w2-s1) 0 var(--w2-s1);
}

/* ============ UNDO TOAST ============ */
.xp-toast-host {
  position:fixed;
  left:50%;
  bottom:var(--w2-s6);
  transform:translateX(-50%);
  z-index:10500;
  display:flex;
  flex-direction:column;
  gap:var(--w2-s2);
  align-items:center;
  pointer-events:none;
}

.xp-toast {
  display:flex;
  align-items:center;
  gap:var(--w2-s4);
  padding:var(--w2-s3) var(--w2-s3) var(--w2-s3) var(--w2-s4);
  background:#26282B;
  border:1px solid var(--border-hi);
  border-radius:var(--w2-s3);
  box-shadow:0 12px 30px rgba(0,0,0,.55);
  font:500 13px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  pointer-events:auto;
  transform:translateY(12px);
  opacity:0;
  transition:transform .22s, opacity .22s;
  min-width:260px;
  max-width:480px;
}

.xp-toast.is-in {
  transform:translateY(0);
  opacity:1
}

.xp-toast-msg {
  flex:1
}

.xp-toast-btn {
  padding:var(--w2-s2) var(--w2-s3);
  border-radius:var(--w2-s2);
  border:1px solid rgba(200,241,53,.35);
  background:rgba(200,241,53,.08);
  color:var(--green);
  font:700 11px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.xp-toast-btn:hover {
  background:rgba(200,241,53,.16);
  border-color:var(--green)
}

.xp-toast-close {
  width:22px;
  height:22px;
  border-radius:var(--w2-s2);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:transparent;
  color:var(--text-mute);
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.xp-toast-close:hover {
  border-color:var(--border-hi);
  color:var(--text)
}

.xp-toast-close svg {
  width:10px;
  height:10px;
  stroke:currentColor;
  stroke-width:2;
  fill:none
}

/* ============ MINI PULSE PANEL ============ */
.xp-pulse-panel {
  position:fixed;
  right:var(--w2-s6);
  bottom:var(--w2-s6);
  width:340px;
  max-width:calc(100vw - 48px);
  z-index:10400;
  background:#1E2023;
  border:1px solid var(--border-hi);
  border-radius:var(--w2-s3);
  box-shadow:0 20px 50px rgba(0,0,0,.55);
  padding:var(--w2-s3) var(--w2-s4);
  display:none;
  flex-direction:column;
  gap:var(--w2-s3);
}

.xp-pulse-panel.is-open {
  display:flex
}

.xp-pulse-head {
  display:grid;
  grid-template-columns:1fr auto;
  row-gap:var(--w2-s1);
  align-items:center;
  gap:var(--w2-s2);
  padding-bottom:var(--w2-s2);
  border-bottom:1px dashed var(--border);
}

.xp-pulse-ttl {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  font:700 11px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--green);
}

.xp-pulse-sub {
  grid-column:1;
  font:400 10px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
}

.xp-pulse-close {
  grid-column:2;
  grid-row:1/span 2;
  width:24px;
  height:24px;
  border-radius:var(--w2-s2);
  border:1px solid var(--border);
  background:transparent;
  color:var(--text-dim);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.xp-pulse-close:hover {
  border-color:var(--border-hi);
  color:var(--text)
}

.xp-pulse-close svg {
  width:12px;
  height:12px
}

.xp-pulse-list {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s2);
  max-height:380px;
  overflow-y:auto
}

.xp-pulse-card {
  position:relative;
  padding:var(--w2-s3) var(--w2-s3) var(--w2-s3) var(--w2-s4);
  border:1px solid var(--cat-bd, var(--border));
  background:var(--cat-bg, var(--surface));
  border-radius:var(--w2-s2);
  display:flex;
  flex-direction:column;
  gap:var(--w2-s1);
  animation:xpPulseIn .25s ease;
}

.xp-pulse-card::before {
  content:'';
  position:absolute;
  left:0;
  top:var(--w2-s3);
  bottom:var(--w2-s3);
  width:2px;
  background:var(--cat-c, var(--text-dim));
  border-radius:0 var(--w2-s1) var(--w2-s1) 0;
}

.xp-pulse-card.cat-body {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.3);
  --cat-bg:rgba(255,255,255,.05)
}

.xp-pulse-card.cat-food {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025)
}

.xp-pulse-card.cat-sup {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.3);
  --cat-bg:rgba(255,255,255,.05)
}

.xp-pulse-card.cat-train {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025)
}

.xp-pulse-card-top {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  font:700 9px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--cat-c);
}

.xp-pulse-card-time {
  margin-left:auto;
  color:var(--text-dim);
  font-weight:500
}

.xp-pulse-card-ttl {
  font:600 13px/1.3 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text)
}

.xp-pulse-card-desc {
  font:400 11px/1.4 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-dim)
}

@keyframes xpPulseIn {
  from {
    opacity:0;
    transform:translateX(8px)
  }

  to {
    opacity:1;
    transform:translateX(0)
  }

}

/* Подсветка только что созданной карточки (дубликат) */
.ss-notif-card.is-just-created {
  animation:justCreated 1.6s ease
}

@keyframes justCreated {
  0% {
    box-shadow:0 0 0 0 rgba(200,241,53,.5)
  }

  40% {
    box-shadow:0 0 0 6px rgba(200,241,53,0)
  }

  100% {
    box-shadow:0 0 0 0 rgba(200,241,53,0)
  }

}

/* ============ NOTIF MODAL ============ */
.nm-box {
  width:44.8vw;
  max-width:94vw;
  background:#26282B;
  border:1px solid var(--border-hi);
  border-radius:var(--w2-s3);
  box-shadow:0 1.6vw 4.2vw rgba(0,0,0,.7),0 0 2.1vw rgba(200,241,53,.08);
  display:flex;
  flex-direction:column;
  max-height:84vh;
  overflow:hidden;
}

.nm-head {
  padding:var(--w2-s4) var(--w2-s5);
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--w2-s3);
  flex-shrink:0;
}

.nm-head-ttl {
  font:700 14px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  letter-spacing:-.005em;
}

.nm-head-sub {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-top:var(--w2-s1);
}

.nm-close {
  width:max(27px,1.6vw);
  height:max(27px,1.6vw);
  border-radius:var(--w2-s2);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:transparent;
  color:var(--text-mute);
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.nm-close:hover {
  border-color:var(--border-hi);
  color:var(--text)
}

.nm-close svg {
  width:max(12px,0.73vw);
  height:max(12px,0.73vw);
  stroke:currentColor;
  stroke-width:2;
  fill:none
}

.nm-body {
  padding:var(--w2-s4) var(--w2-s5);
  overflow-y:auto;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:var(--w2-s4);
}

.nm-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--w2-s5) var(--w2-s7);
}

.nm-col {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s3);
  min-width:0
}

.nm-col-ttl {
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--text-dim);
  padding-bottom:var(--w2-s2);
  border-bottom:1px dashed var(--border);
  margin-bottom:var(--w2-s1);
}

@media (max-width:720px) {
  .nm-grid {
    grid-template-columns:1fr;
    gap:var(--w2-s3)
  }

}

.nm-field {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s2)
}

.nm-field-lbl {
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-dim);
}

.nm-field-lbl .req {
  color:var(--error);
  margin-left:var(--w2-s1)
}

.nm-input,.nm-textarea,.nm-select {
  width:100%;
  background:var(--surface-el);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  color:var(--text);
  font:500 14px/1.4 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  padding:var(--w2-s3) var(--w2-s3);
  outline:0;
  transition:border-color .14s;
}

.nm-input:focus,.nm-textarea:focus,.nm-select:focus {
  border-color:var(--green)
}

.nm-textarea {
  resize:vertical;
  min-height:3.3vw;
  max-height:10.4vw
}

.nm-input.err,.nm-textarea.err {
  border-color:var(--error)
}

.nm-chip-row {
  display:flex;
  gap:var(--w2-s2);
  flex-wrap:wrap
}

.nm-chip {
  padding:var(--w2-s2) var(--w2-s3);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  background:var(--surface);
  color:var(--text-mute);
  font:500 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  user-select:none;
}

.nm-chip:hover {
  border-color:var(--border-hi);
  color:var(--text)
}

.nm-chip.is-active {
  border-color:var(--green);
  color:var(--green);
  background:var(--green-ghost);
}

.nm-chip.is-active.cat-body {
  border-color:rgba(255,255,255,.55);
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.08)
}

.nm-chip.is-active.cat-food {
  border-color:#C8F135;
  color:#C8F135;
  background:rgba(200,241,53,.08)
}

.nm-chip.is-active.cat-sup {
  border-color:rgba(255,255,255,.55);
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.08)
}

.nm-chip.is-active.cat-train {
  border-color:#C8F135;
  color:#C8F135;
  background:rgba(200,241,53,.08)
}

/* intent-colored chips: match .ss-notif-intent badge palette */
.nm-chip.is-active.intent-action {
  border-color:rgba(255,255,255,.55);
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.10)
}

.nm-chip.is-active.intent-info {
  border-color:rgba(255,255,255,.55);
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.10)
}

.nm-chip.is-active.intent-epic {
  border-color:rgba(255,215,64,.55);
  color:#FFD740;
  background:rgba(255,215,64,.10)
}

/* Chip-style dropdown: триггер выглядит как активный чип с шевроном,
   внутри раскрывается вертикальный список чипов (для event-select). */
.nm-chipdrop {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:var(--w2-s2)
}

.nm-chipdrop-btn {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s3) var(--w2-s2) var(--w2-s3);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  background:var(--surface);
  color:var(--text);
  font:500 12px/1.2 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  width:fit-content;
  max-width:100%;
  text-align:left;
}

.nm-chipdrop-btn:hover {
  border-color:var(--border-hi)
}

.nm-chipdrop.is-open .nm-chipdrop-btn {
  border-color:var(--green);
  background:var(--green-ghost);
  color:var(--green)
}

.nm-chipdrop-val {
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.nm-chipdrop-chev {
  width:max(11px,0.625vw);
  height:max(11px,0.625vw);
  flex-shrink:0;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
  transition:transform .18s;
  opacity:.7;
}

.nm-chipdrop.is-open .nm-chipdrop-chev {
  transform:rotate(180deg)
}

.nm-chipdrop-pop {
  display:none;
  flex-direction:column;
  gap:var(--w2-s1);
  padding:var(--w2-s2);
  background:var(--surface-el);
  border:1px solid var(--border-hi);
  border-radius:var(--w2-s3);
  box-shadow:0 .94vw 2.08vw rgba(0,0,0,.45);
  max-height:13.5vw;
  overflow-y:auto;
}

.nm-chipdrop.is-open .nm-chipdrop-pop {
  display:flex
}

.nm-chipdrop-opt {
  padding:var(--w2-s2) var(--w2-s3);
  border:1px solid transparent;
  border-radius:var(--w2-s2);
  background:transparent;
  color:var(--text-mute);
  font:500 12px/1.3 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  text-align:left;
  cursor:pointer;
  transition: color .12s, background-color .12s, border-color .12s, box-shadow .12s, transform .12s, opacity .12s;
}

.nm-chipdrop-opt:hover {
  background:var(--surface);
  color:var(--text);
  border-color:var(--border)
}

.nm-chipdrop-opt.is-active {
  border-color:var(--green);
  color:var(--green);
  background:var(--green-ghost);
}

.nm-sep {
  height:1px;
  margin:var(--w2-s1) 0;
  background:linear-gradient(90deg,transparent,var(--border),transparent);
}

.nm-num-row {
  display:flex;
  align-items:center;
  gap:var(--w2-s3);
  flex-wrap:wrap
}

.nm-num {
  width:3.65vw;
  background:var(--surface-el);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  color:var(--text);
  font:600 14px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  padding:var(--w2-s2) var(--w2-s3);
  text-align:center;
  outline:0;
  -moz-appearance:textfield;
}

.nm-num::-webkit-outer-spin-button, .nm-num::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0
}

.nm-num:focus {
  border-color:var(--green)
}

.nm-check {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2);
  font:500 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  cursor:pointer;
  user-select:none;
}

.nm-check input {
  appearance:none;
  -webkit-appearance:none;
  width:max(14px,0.83vw);
  height:max(14px,0.83vw);
  border:1px solid var(--border-hi);
  border-radius:var(--w2-s1);
  background:var(--surface);
  cursor:pointer;
  position:relative;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.nm-check input:checked {
  border-color:var(--green);
  background:var(--green);
}

.nm-check input:checked::after {
  content:'';
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='3.5,8.5 6.5,11.5 12.5,5'/></svg>") center/.625vw no-repeat;
}

.nm-preview {
  padding:var(--w2-s3) var(--w2-s3);
  background:rgba(200,241,53,.04);
  border:1px dashed rgba(200,241,53,.25);
  border-radius:var(--w2-s2);
}

.nm-preview-lbl {
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--green);
  margin-bottom:var(--w2-s2);
}

.nm-preview-txt {
  font:500 12px/1.45 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  letter-spacing:.02em
}

.nm-preview-dates {
  background:rgba(255,255,255,.02);
  border:1px dashed var(--border);
}

.nm-preview-dates .nm-preview-lbl {
  color:var(--text-dim)
}

.nm-dateline {
  font:500 12px/1.5 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  letter-spacing:.02em;
}

.nm-opt {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s3);
  padding:var(--w2-s3) var(--w2-s3);
  border:1px dashed var(--border);
  border-radius:var(--w2-s3)
}

.nm-small {
  font:500 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
  letter-spacing:.08em;
  text-transform:lowercase;
  margin-left:var(--w2-s2);
  padding:var(--w2-s1) var(--w2-s2);
  border:1px solid var(--border);
  border-radius:var(--w2-s1);
  background:var(--surface);
}

.nm-time {
  max-width:6.77vw;
  font:600 14px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.04em;
  color-scheme:dark;
}

.nm-hint {
  margin-top:var(--w2-s2);
  font:400 12px/1.45 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
}

.nm-foot {
  padding:var(--w2-s3) var(--w2-s5);
  border-top:1px solid var(--border);
  display:flex;
  justify-content:flex-end;
  gap:var(--w2-s2);
  flex-shrink:0;
  background:#1E2023;
}

.nm-btn {
  padding:var(--w2-s2) var(--w2-s4);
  border-radius:var(--w2-s2);
  border:1px solid var(--border);
  background:var(--surface-el);
  color:var(--text);
  font:600 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  letter-spacing:.02em;
}

.nm-btn:hover {
  border-color:var(--border-hi);
  background:var(--surface-hi)
}

.nm-btn.primary {
  background:var(--green);
  color:#000;
  border-color:var(--green);
  font-weight:700;
}

.nm-btn.primary:hover {
  box-shadow:0 .31vw .94vw rgba(200,241,53,.24)
}

.nm-btn.danger {
  color:var(--error);
  border-color:rgba(241,70,44,.3);
  margin-right:auto;
}

.nm-btn.danger:hover {
  background:rgba(241,70,44,.08);
  border-color:var(--error)
}

/* full-width save button */
.nm-btn-wide {
  flex:1;
  padding:var(--w2-s3) var(--w2-s4);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase
}

/* disabled / inactive state — muted look until user enters anything */
.nm-btn.is-disabled, .nm-btn[disabled] {
  background:var(--surface-el);
  color:var(--text-dim);
  border-color:var(--border);
  cursor:not-allowed;
  box-shadow:none;
  opacity:.7;
}

.nm-btn.is-disabled:hover, .nm-btn[disabled]:hover {
  box-shadow:none;
  background:var(--surface-el);
  border-color:var(--border);
}

/* W2: Пульс использует нейтральные категории и ролевые акценты. */
.xp-pulse-card:is(.cat-body, .cat-food, .cat-sup, .cat-train) {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025);
}

.nm-chip.is-active:is(.cat-body, .cat-food, .cat-sup, .cat-train) {
  color:var(--w2-lime);
  border-color:rgba(200,241,53,.42);
  background:rgba(200,241,53,.08);
}

.nm-chip.is-active.intent-action {
  color:var(--w2-lime);
  border-color:rgba(200,241,53,.42);
  background:rgba(200,241,53,.08);
}

.nm-chip.is-active.intent-info {
  color:var(--w2-text-muted);
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.035);
}

.nm-chip.is-active.intent-epic {
  color:var(--w2-gold);
  border-color:rgba(255,215,64,.5);
  background:rgba(255,215,64,.08);
}

:is(.xp-toast-btn, .xp-toast-close, .xp-pulse-close, .nm-close, .nm-chip, .nm-chipdrop-btn, .nm-chipdrop-opt, .nm-btn) {
  min-height:var(--w2-s8);
}

:is(.xp-toast-close, .xp-pulse-close, .nm-close) {
  min-width:var(--w2-s8);
}

.nm-box {
  width:min(760px, calc(100vw - var(--w2-s8)));
  max-width:none;
  border-radius:var(--w2-s5);
  background:var(--w2-surface-raised);
  box-shadow:0 var(--w2-s7) var(--w2-s9) rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.04);
}

@media (max-width:900px) {
  .xp-pulse-panel {
    right:var(--w2-s4);
    bottom:var(--w2-s4);
  }

  .nm-box {
    width:min(680px, calc(100vw - var(--w2-s6)));
  }
}

@media (max-width:500px) {
  /* Поле «за N дней» было 31x20 — пальцем не попасть (докрутка 15.08.2026). */
  .ss-lead-inp {
    min-width: var(--w2-s9);
    min-height: var(--w2-s8);
  }

  .xp-toast-host {
    left:var(--w2-s3);
    right:var(--w2-s3);
    bottom:var(--w2-s4);
    transform:none;
  }

  .xp-toast,
  .xp-pulse-panel {
    width:100%;
    min-width:0;
    max-width:none;
  }

  .xp-pulse-panel {
    left:var(--w2-s3);
    right:var(--w2-s3);
    bottom:var(--w2-s4);
    width:auto;
  }

  .nm-box {
    width:calc(100vw - var(--w2-s4));
    max-height:92vh;
  }

  .nm-grid {
    grid-template-columns:1fr;
  }

  .nm-head,
  .nm-body,
  .nm-foot {
    padding:var(--w2-s4);
  }
}

@media (prefers-reduced-motion:reduce) {
  :is(.xp-toast, .xp-pulse-card, .nm-box, .nm-box *) {
    animation-duration:.01ms;
    animation-delay:0ms;
    transition-duration:.01ms;
  }
}