/* packages/ui/weekly.css
 *
 * Витрина недельных отчётов (блок 6.3). Только токены `packages/theme` —
 * собственной тёмной темы у витрины нет и не было в источнике (в отличие от
 * витрины тикетов IT, 6.2, где она переписывается под светлые токены).
 *
 * Ни одного литерального цвета и ни одного значения по умолчанию вторым
 * аргументом var(): такое умолчание — второй источник правды о цвете, и
 * `tests/test_ui_assets.py` запрещает оба (гейты «каждая переменная объявлена
 * в theme» и «литеральных hex нет»). Первая редакция этого файла была написана
 * с умолчаниями и упала на обоих — гейт сработал ровно так, как задуман.
 * Второй раз он же поймал пример записи, приведённый прямо в этом комментарии:
 * сканер читает файл целиком, комментарии не исключение.
 *
 * `.wk-body` обязан быть `position: relative`: states.js рисует `.state`
 * абсолютно позиционированным внутри `inset: 0` — та же ловушка, что описана
 * в services.css и metrics.css.
 */

.wk {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wk-head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wk-notice-pane:empty {
  display: none;
}

.wk-notice {
  padding: 8px 12px;
  border-radius: 6px;
  background: var(--surface-2);
  color: var(--ink);
  font-size: 14px;
}

.wk-notice-error {
  background: var(--surface-2);
  color: var(--err);
}

.wk-body {
  position: relative;
  min-height: 120px;
}

/* --- список --------------------------------------------------------------- */

.wk-table {
  width: 100%;
  border-collapse: collapse;
}

.wk-table th,
.wk-table td {
  padding: 8px;
  border-bottom: 1px solid var(--divider);
  text-align: left;
  font-size: 14px;
  color: var(--ink);
}

.wk-table th {
  color: var(--ink-2);
  font-weight: 600;
}

.wk-actions {
  text-align: right;
}

/* --- сводка --------------------------------------------------------------- */

.wk-tiles {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.wk-tile {
  flex: 1 1 160px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
}

.wk-tile-value {
  font-size: 24px;
  font-weight: 600;
  color: var(--ink);
}

.wk-tile-scale,
.wk-badge-scale {
  font-size: 14px;
  font-weight: 400;
  color: var(--ink-3);
}

.wk-tile-label {
  margin-top: 2px;
  font-size: 13px;
  color: var(--ink-2);
}

/* --- отчёт ---------------------------------------------------------------- */

.wk-report-head h1 {
  margin: 0;
  font-size: 20px;
  color: var(--ink);
}

.wk-subline {
  display: flex;
  gap: 8px;
  font-size: 13px;
  color: var(--ink-2);
}

.wk-employee {
  margin-top: 16px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
}

.wk-employee-head {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.wk-employee-head h2 {
  margin: 0;
  font-size: 16px;
  color: var(--ink);
}

.wk-employee-calls {
  font-size: 13px;
  color: var(--ink-2);
}

.wk-badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 600;
  background: var(--surface-2);
  color: var(--ink-2);
}

/* Четыре класса бейджа — те же, что считает модуль (`badge_for`, питон-порт
 * макроса `badge_class`). Консоль пороги НЕ пересчитывает: третья копия в
 * третьем месте разошлась бы первой. */
.wk-badge-red {
  color: var(--err);
}

.wk-badge-yellow {
  color: var(--warn);
}

.wk-badge-green {
  color: var(--ok);
}

.wk-badge-neutral {
  color: var(--ink-3);
}

.wk-section {
  margin-top: 12px;
}

.wk-section h3 {
  margin: 0 0 8px;
  font-size: 14px;
  color: var(--ink-2);
}

.wk-criteria {
  width: 100%;
  border-collapse: collapse;
}

.wk-criteria th,
.wk-criteria td {
  padding: 4px 8px;
  border-bottom: 1px solid var(--border-2);
  text-align: left;
  font-size: 13px;
  color: var(--ink);
}

.wk-list,
.wk-quotes {
  margin: 0;
  padding-left: 16px;
  font-size: 14px;
  color: var(--ink);
}

.wk-quotes blockquote {
  margin: 0;
  font-style: italic;
}

.wk-quote-note,
.wk-quote-call {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--ink-2);
}

.wk-text {
  margin: 0;
  font-size: 14px;
  color: var(--ink);
}

.wk-empty {
  color: var(--ink-2);
  font-size: 14px;
}

/* Незнакомый `kind` секции: блок рисуется заглушкой, а не исчезает молча —
 * иначе оператор не узнает, что модуль что-то прислал. */
.wk-unknown {
  padding: 8px;
  border: 1px dashed var(--border);
  border-radius: 6px;
  font-size: 13px;
  color: var(--ink-2);
}

.wk-unknown-title {
  font-weight: 600;
  color: var(--ink);
}