/* styles-roster-absence.css — «График смен»: отсутствие (отпуск / больничный / свои виды)
   в клетке и в меню клетки (pages-roster-absence.js), приглушённые строки тех, кого нет
   весь период. Цвет вида — общая палитра кабинета (brigade-color-N из styles-brigade.css:
   та же, что у бригад и «Единицы учёта»), здесь только крой. */

/* ── день отсутствия в клетке ───────────────────────────────────────── */
.rg-card.rg-abs { border: 1px solid rgba(15, 23, 42, 0.12); }
.rg-card.rg-abs .rg-card-note { color: inherit; opacity: 0.8; }
.roster-cell-tip-line.is-abs { font-weight: 600; }

/* Отпросился (одобрено «на весь день») — тот же оранжевый, что в отчёте и в телефоне. */
.rg-card.rg-asked { background: #ffdba8; color: #7f4908; border: 1px solid #f5b453; }

/* Нет весь период — в конце списка, имя приглушено. */
.plan-table.roster-grid tbody tr[data-away="1"] td.rg-emp { color: #8a96a8; font-weight: 500; }

/* ── блок «Отсутствие» в меню клетки ────────────────────────────────── */
.roster-abs-block {
  display: grid;
  gap: 8px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #dbe4ef;
}
.roster-abs-head { font-size: 12px; font-weight: 700; color: #1f3f63; }
.roster-abs-kinds { display: flex; flex-wrap: wrap; gap: 6px; }
.roster-abs-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #1d2a3b;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.roster-abs-kind i { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(15, 23, 42, 0.18); }
.roster-abs-kind:hover { border-color: #94a3b8; }
.roster-abs-kind.is-on { border-color: currentColor; }
.roster-abs-apply { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.roster-abs-apply[hidden] { display: none; }

.roster-abs-info {
  display: grid;
  gap: 2px;
  margin: 4px 0;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  font-size: 12.5px;
}
.roster-abs-info span { font-size: 11px; opacity: 0.8; }

/* Настройки → График смен: строка «Виды отсутствия» — пилюли + «Изменить»
   (окно — общий редактор справочников dict-editor.js). */
.roster-kinds-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.roster-kinds-pills .dict-editor-badge { font-size: 12px; }