/* Agency (#/agency, v3/agency.js). v9 tokens only, so light and dark follow the shell. */
.ag { display: grid; gap: var(--v9-3, 12px); }
.ag-tabs { display: flex; gap: 4px; flex-wrap: wrap; }
.ag-tabs a { padding: 6px 12px; border-radius: var(--v9-r-sm, 6px); color: var(--v9-ink2, inherit); text-decoration: none; }
.ag-tabs a.on { background: var(--v9-accent-wash, rgba(0,0,0,.06)); color: var(--v9-ink, inherit); font-weight: 650; }
.ag-grid { display: grid; gap: var(--v9-3, 12px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); }
.ag-grid > [data-ag="switcher"], .ag-grid > [data-ag="report-out"] { grid-column: 1 / -1; }
.ag label { display: grid; gap: 4px; margin: 0 0 8px; font: var(--v9-f-small, 13px system-ui); }
.ag label.chip { display: inline-flex; align-items: center; gap: 4px; margin: 0 6px 6px 0; }
.ag fieldset { border: 0; padding: 0; margin: 0 0 8px; }
.ag-t { width: 100%; border-collapse: collapse; font: var(--v9-f-small, 13px system-ui); }
.ag-t th, .ag-t td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--v9-line, #e3e5e9); vertical-align: top; }
.ag-t tr.archived td { color: var(--v9-mute, #777); }
.ag-total td { border-top: 2px solid var(--v9-line2, #d3d6dc); }
.ag .nm { color: var(--v9-mute, #777); font-style: italic; }
.ag-opts { list-style: none; padding: 0; display: grid; gap: 8px; }
.ag-card, .ag-narr { border: 1px solid var(--v9-line, #e3e5e9); border-radius: var(--v9-r-sm, 6px); padding: 10px 12px; margin: 8px 0; }
.ag-err { color: var(--v9-bad, #b42318); }
.ag-right { margin-left: auto; display: inline-flex; gap: 6px; }
.ag-preview { padding: 10px 12px; margin: 8px 0; background: var(--v9-card2, transparent); display: flex; gap: 8px; align-items: center; }
@media (max-width: 700px) { .ag-t { display: block; overflow-x: auto; } }