/* [2026-09-08][CLX][ЖУРНАЛ-АКТИВНОСТИ] Экран «Активность». Спокойный вид: это экран разбора,
   а не витрина — никаких акцентов, кроме заголовков и чисел. */

.act-wrap { padding: 20px 24px 40px; max-width: 1280px; }

.act-head { margin-bottom: 18px; }
.act-h { font-size: 1.15rem; font-weight: 600; margin: 0 0 4px; }
.act-note { font-size: .82rem; color: var(--text-secondary); line-height: 1.45; max-width: 720px; }

.act-section { margin-bottom: 26px; }
.act-section-t {
  font-size: .92rem; font-weight: 600; margin-bottom: 8px;
  display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
}

.act-lnk {
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary);
  border-radius: var(--radius-sm); padding: 2px 9px; font-size: .76rem; cursor: pointer;
  font-family: inherit; font-weight: 400;
}
.act-lnk:hover { color: var(--text); background: var(--bg-secondary); }

.act-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.act-filters input, .act-filters select {
  border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 6px 9px;
  font-size: .82rem; font-family: inherit; background: var(--surface); color: var(--text);
}
.act-btn {
  border: 1px solid var(--accent); background: var(--accent); color: #fff;
  border-radius: var(--radius-sm); padding: 6px 14px; font-size: .82rem; cursor: pointer;
  font-family: inherit; font-weight: 600;
}
.act-btn:hover { filter: brightness(1.05); }

.act-tbl { width: 100%; border-collapse: collapse; font-size: .82rem; }
.act-tbl th {
  text-align: left; font-weight: 500; color: var(--text-muted);
  padding: 6px 8px; border-bottom: 1px solid var(--border); white-space: nowrap;
}
.act-tbl td { padding: 6px 8px; border-bottom: 1px solid var(--border-soft, #f0ece6); vertical-align: top; }
.act-tbl tr:hover td { background: var(--bg-secondary); }
.act-num { text-align: right; white-space: nowrap; }
.act-when { white-space: nowrap; color: var(--text-secondary); }
.act-what { max-width: 420px; overflow: hidden; text-overflow: ellipsis; }
.act-dim { color: var(--text-muted); }

.act-state { padding: 14px 0; color: var(--text-secondary); font-size: .85rem; }