.filters { display: grid; grid-template-columns: 1fr 1.3fr 1.5fr auto; gap: 1rem; align-items: end; }
#state-filter { margin: 0; }
#draft-form { max-width: none; }
#title, #kind { max-width: 38rem; }
.catalog-search { margin-block: 1.5rem; padding-block: .25rem 1.25rem; border-block: 1px solid var(--line); }
.catalog-search input { max-width: 38rem; }
.draft-line { padding-block: 1.25rem; border-top: 1px solid var(--line); }
.draft-line legend { padding-block-start: 1rem; }
.line-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.25rem; }
.line-fields > div { min-width: 0; }
.line-fields select { text-overflow: ellipsis; }
.draft-line .currency-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.draft-line .price-source { grid-column: 1 / -1; }
.draft-line .check { min-height: 48px; align-items: center; }
.line-summary { white-space: pre-line; overflow-wrap: anywhere; padding-block: .75rem; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; max-width: none; }
#review { padding-block: 1.5rem; margin-block: 1.5rem; border-block: 1px solid var(--line); }
#cancel-form { padding-block: 1.25rem; border-block: 1px solid var(--line); }
#audit { margin-block-start: 2rem; }
#audit details { border-top: 1px solid var(--line); }
#audit summary { overflow-wrap: anywhere; min-height: 48px; }
.audit-meta { white-space: pre-line; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
#retry-note { margin-block-start: 1.25rem; }
.filters button { margin: 0; }
@media (max-width: 850px) { .filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .filters, .line-fields, .draft-line .currency-fields { grid-template-columns: minmax(0, 1fr); } .actions > button { width: 100%; } .task { padding: 1rem; } .topbar { flex-wrap: wrap; } }