/* styles-roster-history.css — период «Графика смен»: цвета строк выпадашки и окно
 * «Вся история» (app-roster-history.js). Владелец, 12.10.2026: прошло — серое, сейчас —
 * жёлтое «В работе», составлен наперёд — зелёное, графика нет — пунктир.
 * Окно — того же кроя, что «Фильтр» / «Новый график» (.roster-pop). */

/* Строки выпадашки периода — цвет по времени. */
.roster-period-pick option.is-past { color: #b9c4d3; }
.roster-period-pick option.is-current { color: #ffd27a; }
.roster-period-pick option.is-future { color: #8fe0b5; }
.roster-period-pick option.is-none { color: #9fb2cf; }
.roster-period-pick option.is-history { color: #ffffff; }

.roster-hist-pop { gap: 8px; }

.roster-hist-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.roster-hist-head .roster-pop-title { margin-right: auto; }

.roster-hist-year {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #1f3f63;
  font-variant-numeric: tabular-nums;
}

.roster-hist-year .plan-btn { min-width: 28px; padding: 0 8px; }
.roster-hist-year .plan-btn:disabled { opacity: 0.4; cursor: default; }

.roster-hist-months { display: grid; }

.roster-hist-row {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 8px;
  align-items: center;
  padding: 4px 0;
  border-top: 1px solid #d3deea;
}

.roster-hist-row:first-child { border-top: 0; }

.roster-hist-month {
  font-size: 11px;
  font-weight: 800;
  color: #1f3f63;
}

.roster-hist-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

/* Плашка недели — одна запись «дд.мм–дд.мм», одной ширины. */
.roster-hist-chip {
  min-width: 92px;
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 4px 8px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: center;
  cursor: pointer;
}

.roster-hist-chip.is-past { background: #e6eaf0; color: #5c6b80; border-color: #c9d2de; }
.roster-hist-chip.is-current { background: #fff1d6; color: #9a5a00; border-color: #f5b24a; }
.roster-hist-chip.is-future { background: #e3f5ea; color: #1f7a47; border-color: #8fd3a9; }
.roster-hist-chip.is-none { background: transparent; color: #7f92ab; border: 1px dashed #b6c4d6; }
.roster-hist-chip:hover { filter: brightness(0.96); }
.roster-hist-chip.is-sel { outline: 2px solid #f39a2b; outline-offset: 1px; }

/* «Месяц»: 12 месяцев года плитками. */
.roster-hist-tiles {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}

.roster-hist-tile {
  display: grid;
  gap: 2px;
  text-align: left;
  padding: 7px 9px;
  min-width: 0;
}

.roster-hist-tile small { font-size: 10px; font-weight: 600; opacity: 0.9; }

.roster-hist-empty { font-size: 11px; color: #4d6a8c; }

.roster-hist-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 10px;
  color: #4d6a8c;
}

.roster-hist-legend span { display: inline-flex; align-items: center; gap: 5px; }
.roster-hist-legend i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.roster-hist-legend i.is-past { background: #c9d2de; }
.roster-hist-legend i.is-current { background: #f5b24a; }
.roster-hist-legend i.is-future { background: #8fd3a9; }
.roster-hist-legend i.is-none { border: 1px dashed #8ea0b8; }