/* напоминания (код — drip*) */
.drip-group { margin: 14px 0 22px; }
.drip-group h3 { margin: 0 0 4px; font-size: 15px; }
.drip-group > .icon { margin-top: 8px; }
.drip-row { display: grid; grid-template-columns: 130px 1fr auto;
  grid-template-areas: "when text actions" "when meta actions";
  gap: 2px 12px; align-items: center; padding: 10px 12px; margin-top: 8px;
  background: var(--bg); border: 1px solid var(--border); border-radius: 10px; }
.drip-row.off { opacity: .5; }
.drip-when { grid-area: when; font-weight: 600; font-size: 13px; }
.drip-text { grid-area: text; font-size: 13px; }
.drip-meta { grid-area: meta; color: var(--muted); font-size: 11px; }
.drip-actions { grid-area: actions; display: flex; gap: 6px; }

.drule { display: grid;
  grid-template-columns: 40px 1.4fr 0.7fr 1.4fr auto 1fr auto; gap: 12px; align-items: center;
  padding: 11px 6px; border-bottom: 1px solid var(--border); }
.drule:hover { background: color-mix(in srgb, var(--accent) 4%, transparent); }
.drule.off { opacity: .5; }
.drule-ico { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center;
  justify-content: center; font-size: 15px; background: var(--panel2); }
.drule-name { font-weight: 600; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.drule-cond { color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.drule-when { font-size: 13px; font-weight: 600; }
.drule-msg { color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.drule-stat { font-size: 12px; color: var(--muted); font-variant-numeric: tabular-nums; }
.drule-act { display: flex; gap: 5px; }
.dset-row { display: flex; align-items: center; gap: 12px; padding: 12px 0;
  border-bottom: 1px solid var(--border); }
.dset-row:last-child { border-bottom: none; }
.dset-row > div:first-child { flex: 1; font-size: 13px; }
.dset-row select { width: auto; }
.dact { display: flex; align-items: center; gap: 10px; padding: 9px 0;
  border-bottom: 1px solid var(--border); font-size: 13px; }
.dact:last-child { border-bottom: none; }
.dact-ico { width: 30px; height: 30px; border-radius: 8px; background: var(--accent-soft);
  display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }

/* подпись под цифрой карточки: что именно считаем (и «не доставлено» отдельно) */
.dstat-note { color: var(--text-faint); font-size: 11px; line-height: 1.3; margin-top: 2px; }
.dstat-note .dstat-bad { color: var(--warn-text); font-weight: 600; }