/* Чипы — дополнения к .chip из status.css: тона success/warn/info/muted (ui.js: chip(text, tone), deadlineChip),
   иконка внутри чипа, чип профиля-источника .chip.acct (Telegram, Битрикс24…), чип-фильтр с aria-pressed. */
.chip .icon { width: 12px; height: 12px; }
.chip.tone-success { --chip-fg: var(--success); --chip-bg: var(--success-soft); }
.chip.tone-warn { --chip-fg: var(--warn); --chip-bg: var(--warn-soft); }
.chip.tone-info { --chip-fg: var(--info); --chip-bg: var(--info-soft); }
.chip.tone-muted { --chip-fg: var(--fg-muted); --chip-bg: var(--surface-2); }
.chip.acct { --chip-fg: var(--fg); gap: var(--s1); border: var(--border-w) solid var(--border); font-family: var(--font); }
.chip.acct .acct-src { color: var(--fg-muted); }
/* чип-фильтр: кнопка с aria-pressed; выбранный — акцентный фон и галочка-рамка (не только цвет) */
button.chip { border: var(--border-w) solid var(--border); cursor: pointer; min-height: 24px; }
button.chip:hover { background: var(--surface-3); color: var(--fg); }
button.chip[aria-pressed="true"] { --chip-fg: var(--accent); --chip-bg: var(--accent-soft); border-color: var(--accent);
  font-weight: var(--fw-semibold); }
