/* styles-report-fact-emp.css — панель «По мастерам | По сотрудникам» листа
 * «План/факт» (app-report-fact-emp.js). Остальная вёрстка панели (скролл, липкая
 * шапка таблицы, цвета статусов) — общая с таблицей мастеров. */

/* Заголовок панели = две вкладки: тот же вид, что переключатель «Месяц | День». */
.rfact-people-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rfact-people-tab {
  border: 1px solid rgba(143, 173, 219, 0.35);
  background: rgba(8, 18, 38, 0.25);
  color: #a7bde0;
  font: inherit;
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.rfact-people-tab:hover { color: #eaf2ff; }
.rfact-people-tab.is-active { background: #2f6fd0; border-color: #4e8ed4; color: #fff; }
.rfact-people-head .rfact-panel-sub { margin-left: auto; font-size: 11px; text-transform: none; letter-spacing: 0; }

/* Строки мастеров и сотрудников нажимаются. */
.rfact-master-table tr.rfact-mst-row,
.rfact-emp-table tr.rfact-emp-row { cursor: pointer; }
.rfact-master-table tr.rfact-mst-row:hover td,
.rfact-emp-table tr.rfact-emp-row:hover td { background: rgba(111, 176, 240, 0.08); }

.rfact-emp-caret { display: inline-block; width: 14px; color: #8fb1e3; font-size: 10px; }
.rfact-emp-unit { color: #8fa6cc; font-size: 11px; font-weight: 500; }
.rfact-emp-mixed { color: #8fa6cc; font-size: 11px; }
.rfact-emp-nopct { color: #8fa6cc; }
.rfact-emp-status { font-weight: 700; font-size: 12px; }

/* Выполнение: полоса + процент в одной ячейке. */
.rfact-emp-barcell { display: flex; align-items: center; gap: 8px; }
.rfact-emp-barcell .rfact-su-track { flex: 1 1 auto; min-width: 30px; }
.rfact-emp-pct { flex: 0 0 auto; min-width: 46px; text-align: right; font-weight: 700; font-size: 12px; }

/* Раскрытые операции сотрудника — вложенные строки с отступом. */
.rfact-emp-table tr.rfact-emp-op td { background: rgba(8, 18, 38, 0.22); font-size: 12px; }
.rfact-emp-table td.rfact-emp-opname { padding-left: 24px; color: #cfe0fb; }

/* Чип «Люди мастера: … ✕» над таблицей. */
.rfact-emp-chip {
  display: inline-flex; align-items: center; gap: 6px;
  margin: 0 0 8px; padding: 3px 6px 3px 10px;
  border-radius: 8px; background: rgba(47, 111, 208, 0.35);
  color: #dbe8ff; font-size: 12px;
}
.rfact-emp-chip button {
  border: 0; background: transparent; color: #dbe8ff; cursor: pointer;
  font-size: 12px; width: 20px; height: 20px; border-radius: 6px;
}
.rfact-emp-chip button:hover { background: rgba(255, 255, 255, 0.15); }