/* access.css — доступы: список контейнеров, карточка (кто видит, содержимое), формы ACL и очистка.
   Владелец — агент `sources`. Правила: только var(--…) токены (tests/ui/test_ui_regulation.py), см. docs/THEMES.md.
   .acl-block/.acl-checks используют и окна настройки каналов (sources.js). */

/* ---------- форма доступа (окна ACL) ---------- */
fieldset.acl-block { border: var(--border-w) solid var(--border); border-radius: var(--r); padding: var(--s2) var(--s3) var(--s3);
  margin: 0; min-width: 0; }
fieldset.acl-block legend { padding: 0 var(--s1); font-size: var(--fs-sm); font-weight: var(--fw-medium); }
.acl-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--s1) var(--s3); }
.acl-block[hidden] { display: none; }

/* ---------- карточка контейнера ---------- */
.acc-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--s2) var(--s4); margin: var(--s3) 0 0; }
.acc-dl dt { color: var(--fg-muted); font-size: var(--fs-sm); }
.acc-dl dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.acc-kpi { padding: var(--s2) var(--s3); border: var(--border-w) solid var(--border); border-radius: var(--r); background: var(--surface-2); }
.acc-kpi-value { font-size: var(--fs-xl); font-weight: var(--fw-semibold); margin-top: var(--s1); }
.grid.kpi:has(.acc-kpi) { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: var(--s2); }

@media (max-width: 640px) {
  .acc-dl { grid-template-columns: minmax(0, 1fr); gap: var(--s1); }
  .acc-dl dd + dt { margin-top: var(--s2); }
}