/* App-specific layout. Shared controls and presentation live in atk-ui/style. */
.app-main:focus { outline: none; }
.board-page, .inbox-page, .columns-settings, .account-settings { display: flex; flex-direction: column; gap: var(--space-4); }
.board-page { min-height: 0; }
.form, .create-form, .repo-form, .agent-form, .column-form, .token-create { display: flex; flex-direction: column; gap: var(--space-3); }
.create-parent, .create-dependencies, .column-limits { display: flex; flex-direction: column; gap: var(--space-2); }
.columns-section-actions, .column-form-actions, .ntfy-actions, .epic-aside-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.agent-claims, .push-test { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.agent-tokens, .agent-snippets, .settings-subsection { margin-top: var(--space-4); }
.repo-add { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); }
.repo-add .field { flex: 1 1 16rem; }
.epics-page { padding: var(--space-4); }
.epics-view { max-width: 1216px; margin: 0 auto; }
.epic-filters { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); }
.epic-filters .field { min-width: 11rem; }
@media (max-width: 860px) { .epic-filters .field { min-width: 0; flex: 1 1 100%; } }