/* /opt/skynet-portal/app/static/css/inspectors.css */
/* v0.2.0 — вся таблица через .table.rep-table (глушит глобал components.css): компакт ~32px, ровный left, читаемые нули, суммы ярче */
/* 03.08.2026: v0.1.0 первичный вынос из инлайна */

/* ===== Фильтры ===== */
.rep-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--sp-3); margin-bottom: var(--sp-4); padding: var(--sp-3) var(--sp-4); background: var(--bg-surface); border: var(--border-thin) solid var(--border-default); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
.ff { display: flex; flex-direction: column; gap: var(--sp-1); }
.ff-label { font-size: var(--fs-xs); font-weight: var(--fw-semibold); color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.03em; }
.ff .input { height: 38px; min-width: 160px; }
.ff-seg { flex: 0 0 auto; }
.ff-seg .seg { width: max-content; }
.ff-btn { display: flex; align-items: flex-end; }
.ff-btn .btn { height: 38px; }
.seg { display: inline-flex; border: var(--border-thin) solid var(--border-default); border-radius: var(--radius-md); overflow: hidden; height: 38px; }
.seg input { display: none; }
.seg label { display: inline-flex; align-items: center; padding: 0 var(--sp-5); font-size: var(--fs-sm); font-weight: var(--fw-medium); color: var(--text-secondary); cursor: pointer; transition: all var(--transition-fast); background: var(--bg-surface); }
.seg label + label { border-left: var(--border-thin) solid var(--border-default); }
.seg input:checked + label { background: var(--accent); color: #fff; }

/* ===== Карточка таблицы ===== */
.rep-card { padding: 0; overflow: hidden; }
.rep-empty { text-align: center; padding: var(--sp-12); color: var(--text-muted); }

/* ===== Таблица отчёта =====
   ВСЕ правила через .table.rep-table (0-2-x): бьют глобальные .table thead th /
   .table tbody td из components.css (0-1-2) независимо от порядка подключения.
   Плотность как devbill: строка ~32px. */
.table.rep-table { font-size: 0.8rem; }
.table.rep-table thead th {
  padding: 7px 10px;
  text-align: left;
  font-size: 0.66rem;
  line-height: 1.25;
  white-space: normal;
  vertical-align: bottom;
  letter-spacing: 0.04em;
  position: sticky; top: 0; z-index: 2;
  background: color-mix(in srgb, var(--bg-surface) 94%, transparent);
  backdrop-filter: blur(8px);
}
.table.rep-table tbody td {
  padding: 7px 10px;
  text-align: left;
  vertical-align: middle;
}
/* Дыхание карточки по краям — одинаковое у шапки, тела и итога */
.table.rep-table thead th:first-child,
.table.rep-table tbody td:first-child,
.table.rep-table tfoot td:first-child { padding-left: var(--sp-5); }
.table.rep-table thead th:last-child,
.table.rep-table tbody td:last-child,
.table.rep-table tfoot td:last-child { padding-right: var(--sp-6); }
/* Зебра + ховер */
.table.rep-table tbody tr:nth-child(even) { background: color-mix(in srgb, var(--bg-surface-2) 45%, transparent); }
.table.rep-table tbody tr:hover { background: color-mix(in srgb, var(--bg-surface-2) 78%, transparent); }
/* Колонки: ID фикс, суммы фикс + right */
.table.rep-table th.col-id { width: 90px; }
.table.rep-table th.col-amt { width: 190px; }
.table.rep-table th.ta-r,
.table.rep-table td.ta-r { text-align: right; }

/* ===== Значения ===== */
.amt { font-family: var(--font-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
.amt-strong { font-weight: var(--fw-bold); color: var(--text-primary); }
.dram::after { content: " ֏"; color: var(--text-muted); font-weight: var(--fw-normal); }
.insp-id { font-family: var(--font-mono); color: var(--text-muted); font-size: var(--fs-xs); }
.zone-tag { font-size: var(--fs-xs); color: var(--text-secondary); }
.link-amt { color: var(--accent); cursor: pointer; }
.link-amt:hover { text-decoration: underline; }
.zero { color: var(--text-muted); }

/* ===== Итоговая строка ===== */
.table.rep-table tfoot td { border-top: 2px solid var(--border-default); font-weight: var(--fw-bold); padding: var(--sp-3) 10px; background: var(--bg-surface); }
.table.rep-table .rep-foot-label { text-align: right; color: var(--text-tertiary); text-transform: uppercase; font-size: 0.66rem; letter-spacing: 0.04em; }