@layer utilities {
.grow { flex: 1; }
.no-scrollbar { scrollbar-width: none; }
.row-flex { display: flex; align-items: center; gap: 8px; }
.wrap { flex-wrap: wrap; }
.nowrap { white-space: nowrap; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.text-ok { color: var(--ok); }
.text-warn { color: var(--warn); }
.text-bad { color: var(--bad); }
.text-accent { color: var(--accent); }
.i.claude, .text-claude { color: var(--claude); }
.mt-s { margin-top: 8px; }
.mt-m { margin-top: 14px; }
.mt-l { margin-top: 22px; }
.mb-l { margin-bottom: 16px; }
.overflow-auto { overflow: auto; }
.min-w-0 { min-width: 0; }
.acts-row { display: flex; gap: 8px; flex-wrap: wrap; }
}