@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-variable.woff2') format('woff2'); }
.heading, .actions-row { display: flex; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.actions-row .button { white-space: normal; min-width: 0; max-width: 100%; }
.wrap [hidden] { display: none; }
.panel { margin-block: var(--s-5); }
.fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.field { max-width: none; }
.goods-row { padding-block: var(--s-4); border-top: var(--hairline); }
.draft-row, .check { display: flex; align-items: center; gap: var(--s-3); min-height: var(--hit); overflow-wrap: anywhere; }
.draft-row input, .check input { width: var(--s-4); height: var(--s-4); flex-shrink: 0; }
.draft-row label { padding-block: var(--s-3); }
pre { font-family: var(--font-ui); font-size: var(--fs-2); white-space: pre-wrap; overflow-wrap: anywhere; max-height: calc(var(--s-9) * 4); overflow-y: auto; padding: var(--s-4); background: var(--ground-2); }
@media (max-width: 599px) { .fields { grid-template-columns: 1fr; } .actions-row { flex-direction: column; align-items: stretch; } .primary { width: 100%; } }