/* ============ NOTIFICATIONS (Пульс) ============ */
.ss-notif-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(16.7vw,1fr));
  grid-auto-rows:1fr;
  gap:var(--w2-s3);
}

.ss-notif-card {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.12);
  --cat-bg:rgba(255,255,255,.02);
  position:relative;
  padding:var(--w2-s4) var(--w2-s4) var(--w2-s3) var(--w2-s5);
  border:1px solid var(--border);
  border-radius:var(--w2-s3);
  background:var(--surface-el);
  min-width:0;
  transition:border-color .18s, background .18s, opacity .18s;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:9.4vw;
}

.ss-notif-card .ss-notif-settings {
  margin-top:auto
}

.ss-notif-card::before {
  content:'';
  position:absolute;
  left:0;
  top:var(--w2-s3);
  bottom:var(--w2-s3);
  width:3px;
  background:var(--cat-c);
  border-radius:0 var(--w2-s1) var(--w2-s1) 0;
  opacity:.9;
  transition:opacity .18s;
}

.ss-notif-card:not(.is-on) {
  opacity:.55
}

.ss-notif-card:not(.is-on)::before {
  opacity:.4
}

.ss-notif-card:not(.is-on) .ss-notif-settings {
  opacity:.5;
  pointer-events:none
}

/* Category accents */
.ss-notif-card.cat-body {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.3);
  --cat-bg:rgba(255,255,255,.07)
}

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

.ss-notif-card.cat-sup {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.3);
  --cat-bg:rgba(255,255,255,.07)
}

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

.ss-notif-top {
  display:flex;
  align-items:center;
  gap:var(--w2-s3);
  margin-bottom:var(--w2-s3);
  flex-wrap:wrap;
}

.ss-notif-toggle {
  flex-shrink:0
}

.ss-notif-meta {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  flex-wrap:wrap;
  min-width:0;
  flex:1
}

.ss-notif-intent {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s1);
  height:max(16px,0.94vw);
  box-sizing:border-box;
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:0 var(--w2-s2);
  border-radius:var(--w2-s1);
  white-space:nowrap;
  border:1px solid var(--border);
  overflow:hidden;
}

.ss-notif-intent.intent-action {
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.3)
}

.ss-notif-intent.intent-info {
  color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.3)
}

.ss-notif-intent.intent-epic {
  color:#FFD740;
  background:rgba(255,215,64,.08);
  border-color:rgba(255,215,64,.28)
}

.ss-notif-intent svg {
  width:max(10px,0.47vw);
  height:max(10px,0.47vw);
  min-width:max(10px,0.47vw);
  min-height:max(10px,0.47vw);
  max-width:max(10px,0.47vw);
  max-height:max(10px,0.47vw);
  flex-shrink:0;
  display:block;
}

.ss-notif-intent > span {
  display:inline-block;
  line-height:1
}

.ss-notif-cat {
  display:inline-flex;
  align-items:center;
  height:max(16px,0.94vw);
  box-sizing:border-box;
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--cat-c);
  padding:0 var(--w2-s2);
  border-radius:var(--w2-s1);
  white-space:nowrap;
  border:1px solid var(--cat-bd);
  background:var(--cat-bg);
}

.ss-notif-title {
  font:700 14px/1.3 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  letter-spacing:-.005em;
  margin-bottom:var(--w2-s1)
}

.ss-notif-desc {
  font:400 12px/1.45 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  margin-bottom:var(--w2-s3)
}

.ss-notif-trig {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s2) 0 0;
  border-top:1px dashed var(--border-dash);
  font:500 12px/1.3 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
  letter-spacing:.06em;
}

.ss-notif-trig svg {
  color:var(--cat-c);
  flex-shrink:0
}

.ss-notif-settings {
  margin-top:var(--w2-s3);
  padding-top:var(--w2-s3);
  border-top:1px dashed var(--border-dash);
  display:flex;
  flex-direction:column;
  gap:var(--w2-s3);
  transition:opacity .18s;
}

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

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

.ss-notif-field .seg {
  align-self:flex-start
}

.ss-notif-field .seg-opt {
  padding:var(--w2-s2) var(--w2-s3);
  font-size:12px
}

.ss-notif-channels {
  display:flex;
  gap:var(--w2-s2);
  flex-wrap:wrap
}

.ss-notif-ch {
  position:relative;
  cursor:pointer;
  user-select:none
}

.ss-notif-ch input {
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:0;
  height:0
}

.ss-notif-ch-body {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s1) 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;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.ss-notif-ch-dot {
  width:max(10px,0.32vw);
  height:max(10px,0.32vw);
  border-radius:50%;
  background:var(--text-dim);
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.ss-notif-ch:hover .ss-notif-ch-body {
  border-color:var(--border-hi);
  color:var(--text)
}

.ss-notif-ch input:checked + .ss-notif-ch-body {
  border-color:var(--cat-c);
  color:var(--text);
  background:var(--cat-bg);
}

.ss-notif-ch input:checked + .ss-notif-ch-body .ss-notif-ch-dot {
  background:var(--cat-c);
  box-shadow:0 0 6px var(--cat-c);
}

/* ============ SECTION HEAD · NOTIF CATEGORY (with count + add btn) ============ */
.ss-notif-section-head {
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  column-gap:var(--w2-s3);
  padding-right:0;
}

.ss-notif-section-head .ss-section-idx {
  grid-column:1
}

.ss-notif-section-head .ss-section-title {
  grid-column:2;
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s3);
}

.ss-notif-section-head .ss-section-hint {
  grid-column:1 / -1;
  grid-row:2;
  margin-top:var(--w2-s1);
  margin-left:0;
}

.ss-notif-section-head .ss-notif-addbtn {
  grid-column:3;
  grid-row:1/span 2
}

/* count pill next to section title — active/total */
.ss-notif-count {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:max(18px,1.05vw);
  padding:0 var(--w2-s2);
  gap:var(--w2-s1);
  border-radius:var(--w2-s3);
  border:1px solid var(--cat-bd, var(--border-hi));
  background:var(--cat-bg, rgba(255,255,255,.03));
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.04em;
  box-sizing:border-box;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.ss-notif-count-act {
  color:var(--cat-c, var(--text));
  font-weight:700
}

.ss-notif-count-sep {
  color:var(--text-mute);
  opacity:.5;
  font-weight:400
}

.ss-notif-count-tot {
  color:var(--text-mute);
  font-weight:500
}

.cat-body .ss-notif-count {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.35);
  --cat-bg:rgba(255,255,255,.08)
}

.cat-food .ss-notif-count {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025)
}

.cat-sup  .ss-notif-count {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.35);
  --cat-bg:rgba(255,255,255,.08)
}

.cat-train .ss-notif-count {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025)
}

/* cat vars on the modal's delivery wrapper — matches notif-card palette */
.ss-notif-channels.cat-body {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.3);
  --cat-bg:rgba(255,255,255,.07)
}

.ss-notif-channels.cat-food {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025)
}

.ss-notif-channels.cat-sup {
  --cat-c:rgba(255,255,255,.55);
  --cat-bd:rgba(255,255,255,.3);
  --cat-bg:rgba(255,255,255,.07)
}

.ss-notif-channels.cat-train {
  --cat-c:var(--w2-text-muted);
  --cat-bd:rgba(255,255,255,.16);
  --cat-bg:rgba(255,255,255,.025)
}

/* ============ HEATMAP · ближайшие 3 месяца срабатываний ============ */
.ss-notif-heatmap {
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--w2-s4);
}

@media (max-width:1100px) {
  .ss-notif-heatmap {
    grid-template-columns:1fr
  }

}

.ss-heat-month {
  display:flex;
  flex-direction:column;
  gap:var(--w2-s3);
  padding:var(--w2-s3) var(--w2-s3) var(--w2-s3);
  border:1px solid var(--border);
  border-radius:var(--w2-s3);
  background:var(--surface-el);
}

.ss-heat-month-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  padding-bottom:var(--w2-s2);
  border-bottom:1px dashed var(--border);
}

.ss-heat-month-name {
  font:700 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  letter-spacing:-.005em;
  text-transform:capitalize;
}

.ss-heat-month-cnt {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.08em;
  color:var(--text-dim);
  text-transform:uppercase;
}

.ss-heat-wd {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:var(--w2-s1);
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:0 var(--w2-s1);
}

.ss-heat-wd span {
  text-align:center;
  padding:var(--w2-s1) 0
}

.ss-heat-wd span.wd-we {
  color:var(--w2-text-quiet);
  opacity:.7
}

.ss-heat-grid {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:var(--w2-s1);
}

.ss-heat-cell {
  position:relative;
  aspect-ratio:1/1;
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  background:rgba(255,255,255,.015);
  display:flex;
  align-items:center;
  justify-content:center;
  font:500 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  cursor:default;
  min-width:0;
}

.ss-heat-cell.ss-heat-empty {
  border-color:transparent;
  background:transparent;
  pointer-events:none
}

.ss-heat-cell.ss-heat-today {
  border-color:var(--green);
  box-shadow:0 0 0 1px rgba(200,241,53,.25) inset;
}

.ss-heat-cell.ss-heat-today .ss-heat-num {
  color:var(--green);
  font-weight:700
}

.ss-heat-cell.has-events {
  cursor:pointer;
  color:var(--text)
}

.ss-heat-cell.has-events:hover {
  border-color:var(--border-hi);
  transform:translateY(-1px)
}

.ss-heat-cell.has-events.open {
  border-color:var(--green)
}

/* density via data-count */
.ss-heat-cell[data-count="1"] {
  background:rgba(200,241,53,.06)
}

.ss-heat-cell[data-count="2"] {
  background:rgba(200,241,53,.12)
}

.ss-heat-cell[data-count="3"] {
  background:rgba(200,241,53,.18)
}

.ss-heat-cell.cnt-hi {
  background:rgba(200,241,53,.25)
}

/* category-dominant tint overrides density when only one category present */
.ss-heat-cell.dom-body {
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35)
}

.ss-heat-cell.dom-food {
  background:rgba(200,241,53,.14);
  border-color:rgba(200,241,53,.35)
}

.ss-heat-cell.dom-sup {
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35)
}

.ss-heat-cell.dom-train {
  background:rgba(200,241,53,.22);
  border-color:rgba(200,241,53,.4)
}

.ss-heat-cell-dots {
  position:absolute;
  left:var(--w2-s1);
  right:var(--w2-s1);
  bottom:var(--w2-s1);
  display:flex;
  gap:var(--w2-s1);
  justify-content:center;
}

.ss-heat-cell-dot {
  width:max(10px,0.21vw);
  height:max(10px,0.21vw);
  border-radius:50%;
  background:var(--d-c, var(--text-mute));
  box-shadow:0 0 .16vw var(--d-c, transparent);
}

.ss-heat-cell-dot.dot-body {
  --d-c:rgba(255,255,255,.55)
}

.ss-heat-cell-dot.dot-food {
  --d-c:var(--w2-text-muted)
}

.ss-heat-cell-dot.dot-sup {
  --d-c:rgba(255,255,255,.55)
}

.ss-heat-cell-dot.dot-train {
  --d-c:var(--w2-text-muted)
}

.ss-heat-num {
  line-height:1;
  margin-bottom:var(--w2-s1)
}

/* Popover above heatmap */
.ss-heat-pop {
  position:absolute;
  z-index:500;
  width:14.6vw;
  max-width:calc(100vw - 2.1vw);
  padding:var(--w2-s3);
  background:#1E2023;
  border:1px solid var(--border-hi);
  border-radius:var(--w2-s3);
  box-shadow:0 .94vw 2.1vw rgba(0,0,0,.55);
  display:none;
  flex-direction:column;
  gap:var(--w2-s2);
}

.ss-heat-pop.is-open {
  display:flex
}

.ss-heat-pop-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  padding-bottom:var(--w2-s1);
  border-bottom:1px dashed var(--border);
}

.ss-heat-pop-date {
  font:700 12px/1 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text)
}

.ss-heat-pop-cnt {
  font:600 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-dim);
  letter-spacing:.1em;
  text-transform:uppercase
}

.ss-heat-pop-item {
  display:flex;
  align-items:center;
  gap:var(--w2-s2);
  padding:var(--w2-s2) var(--w2-s2);
  border:1px solid var(--border);
  border-radius:var(--w2-s2);
  background:var(--surface-el);
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.ss-heat-pop-item:hover {
  border-color:var(--border-hi);
  background:var(--surface)
}

.ss-heat-pop-item-dot {
  width:max(10px,0.32vw);
  height:max(10px,0.32vw);
  border-radius:50%;
  flex-shrink:0;
  background:var(--d-c,var(--text-mute));
  box-shadow:0 0 4px var(--d-c,transparent);
}

.ss-heat-pop-item-dot.dot-body {
  --d-c:rgba(255,255,255,.55)
}

.ss-heat-pop-item-dot.dot-food {
  --d-c:var(--w2-text-muted)
}

.ss-heat-pop-item-dot.dot-sup {
  --d-c:rgba(255,255,255,.55)
}

.ss-heat-pop-item-dot.dot-train {
  --d-c:var(--w2-text-muted)
}

.ss-heat-pop-item-body {
  flex:1;
  min-width:0
}

.ss-heat-pop-item-ttl {
  font:600 12px/1.2 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ss-heat-pop-item-time {
  font:500 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
  margin-top:var(--w2-s1);
  letter-spacing:.08em;
}

.ss-heat-pop-item-edit {
  flex-shrink:0;
  width:max(20px,1.15vw);
  height:max(20px,1.15vw);
  border-radius:var(--w2-s1);
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:transparent;
  color:var(--text-dim);
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

.ss-heat-pop-item-edit:hover {
  border-color:var(--green);
  color:var(--green)
}

.ss-heat-pop-item-edit svg {
  width:max(10px,0.57vw);
  height:max(10px,0.57vw);
  stroke:currentColor;
  stroke-width:2;
  fill:none
}

.ss-heat-legend {
  display:flex;
  gap:var(--w2-s3);
  flex-wrap:wrap;
  margin-top:var(--w2-s3);
  padding:var(--w2-s3) var(--w2-s3);
  border:1px dashed var(--border);
  border-radius:var(--w2-s2);
  font:500 12px/1.4 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  color:var(--text-mute);
}

.ss-heat-legend-item {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2)
}

.ss-heat-legend-dot {
  width:max(10px,0.52vw);
  height:max(10px,0.52vw);
  border-radius:var(--w2-s1);
  background:var(--lc,var(--text-mute));
  border:1px solid var(--lbd,var(--border));
}

.ss-heat-legend-item.lg-body {
  --lc:rgba(255,255,255,.14);
  --lbd:rgba(255,255,255,.4)
}

.ss-heat-legend-item.lg-food {
  --lc:rgba(200,241,53,.14);
  --lbd:rgba(200,241,53,.4)
}

.ss-heat-legend-item.lg-sup {
  --lc:rgba(255,255,255,.14);
  --lbd:rgba(255,255,255,.4)
}

.ss-heat-legend-item.lg-train {
  --lc:rgba(241,70,44,.14);
  --lbd:rgba(241,70,44,.4)
}

.ss-heat-legend-item.lg-mix {
  --lc:rgba(200,241,53,.18);
  --lbd:rgba(200,241,53,.4)
}

.ss-heat-legend-item.lg-today {
  --lc:transparent;
  --lbd:var(--green)
}

/* + Создать button — системный зелёный */
.ss-notif-addbtn {
  display:inline-flex;
  align-items:center;
  gap:var(--w2-s2);
  height:max(29px,1.7vw);
  padding:0 var(--w2-s3);
  border-radius:var(--w2-s2);
  background:var(--green-ghost);
  border:1px solid rgba(200,241,53,.35);
  color:var(--green);
  font:700 12px/1 'JetBrains Mono',monospace; font-variant-numeric: tabular-nums;
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
  white-space:nowrap;
}

.ss-notif-addbtn:hover {
  background:var(--green);
  color:var(--bg);
  border-color:var(--green);
  transform:translateY(-1px);
  box-shadow:0 2px 10px var(--green-glow);
}

.ss-notif-addbtn svg {
  width:max(10px,0.57vw);
  height:max(10px,0.57vw);
  stroke:currentColor;
  stroke-width:2.5;
  fill:none;
  flex-shrink:0;
}

/* empty state for a category with no cards */
.ss-notif-empty {
  grid-column:1/-1;
  padding:var(--w2-s7) var(--w2-s4);
  border:1px dashed var(--border);
  border-radius:var(--w2-s3);
  color:var(--text-dim);
  font:400 12px/1.5 'Inter',sans-serif; font-variant-numeric: tabular-nums;
  text-align:center;
  background:rgba(255,255,255,.012);
}

.ss-notif-top-actions {
  display:flex;
  align-items:center;
  gap:var(--w2-s1);
  flex-shrink:0
}

.ss-notif-top-actions--hover {
  opacity:0;
  transform:translateX(4px);
  pointer-events:none;
  transition:opacity .16s ease, transform .18s ease;
}

.ss-notif-card:hover .ss-notif-top-actions--hover, .ss-notif-card:focus-within .ss-notif-top-actions--hover {
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
}

.ss-icon-btn {
  width:max(28px,1.35vw);
  height:max(28px,1.35vw);
  border-radius:var(--w2-s2);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text-dim);
  border:1px solid transparent;
  background:transparent;
  cursor:pointer;
  transition: color .14s, background-color .14s, border-color .14s, box-shadow .14s, transform .14s, opacity .14s;
}

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

.ss-icon-btn.danger:hover {
  border-color:rgba(241,70,44,.4);
  color:var(--error)
}

.ss-icon-btn svg {
  width:max(14px,.68vw);
  height:max(14px,.68vw);
  stroke:currentColor;
  stroke-width:2;
  fill:none
}

/* W2: категория живёт в форме/иконке/подписи, а не в отдельном неоне. */
:is(.ss-notif-card, .ss-notif-count, .ss-notif-channels):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);
}

.ss-notif-intent.intent-action {
  color:var(--w2-lime);
  background:rgba(200,241,53,.08);
  border-color:rgba(200,241,53,.3);
}

.ss-notif-intent.intent-info {
  color:var(--w2-text-muted);
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.16);
}

.ss-notif-intent.intent-epic {
  color:var(--w2-gold);
}

#screen-settings .ss-heat-cell[data-count="1"] {
  background:rgba(200,241,53,.06);
  border-color:rgba(200,241,53,.12);
}

#screen-settings .ss-heat-cell[data-count="2"] {
  background:rgba(200,241,53,.12);
  border-color:rgba(200,241,53,.2);
}

#screen-settings .ss-heat-cell[data-count="3"] {
  background:rgba(200,241,53,.18);
  border-color:rgba(200,241,53,.3);
}

#screen-settings .ss-heat-cell.cnt-hi {
  background:rgba(200,241,53,.26);
  border-color:rgba(200,241,53,.42);
}

.ss-heat-cell-dot,
.ss-heat-pop-item-dot {
  --d-c:var(--w2-text-muted);
  box-shadow:none;
}

:is(.ss-heat-cell-dot, .ss-heat-pop-item-dot).dot-body {
  border-radius:50%;
}

:is(.ss-heat-cell-dot, .ss-heat-pop-item-dot).dot-food {
  border-radius:var(--w2-s1);
}

:is(.ss-heat-cell-dot, .ss-heat-pop-item-dot).dot-sup {
  border-radius:0;
  transform:rotate(45deg) scale(.78);
}

:is(.ss-heat-cell-dot, .ss-heat-pop-item-dot).dot-train {
  height:2px;
  border-radius:1px;
}

.ss-heat-legend-item:is(.lg-body, .lg-food, .lg-sup, .lg-train, .lg-mix) {
  --lc:rgba(255,255,255,.08);
  --lbd:rgba(255,255,255,.16);
}

.ss-heat-legend-item.lg-today {
  --lc:transparent;
  --lbd:var(--w2-lime);
}

:is(.ss-notif-addbtn, .ss-icon-btn, .ss-heat-pop-item-edit) {
  min-width:var(--w2-s8);
  min-height:var(--w2-s8);
}

@media (max-width:900px) {
  .ss-notif-grid {
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .ss-notif-heatmap {
    grid-template-columns:1fr;
  }
}

@media (max-width:500px) {
  .ss-notif-grid {
    grid-template-columns:1fr;
  }
  .ss-notif-intent { flex-shrink:0; overflow:visible; }
  .ss-notif-card,
  .ss-heat-month {
    padding:var(--w2-s4);
    border-radius:var(--w2-s4);
  }

  .ss-heat-pop {
    width:calc(100vw - var(--w2-s6));
    max-width:none;
  }
  .v11-act-dismiss { top:var(--w2-s1); right:var(--w2-s1); width:var(--w2-s8); height:var(--w2-s8); line-height:var(--w2-s8); }
}

@media (prefers-reduced-motion:reduce) {
  #screen-settings :is(.ss-notif-card, .ss-heat-cell, .ss-heat-pop-item) {
    animation-duration:.01ms;
    transition-duration:.01ms;
  }
}