.transaction-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}
.transaction-filters label{display:grid;gap:8px;min-width:0}
.transaction-filters input,.transaction-filters select{width:100%;min-width:0}
.transaction-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;padding:24px 0;border-bottom:1px solid var(--line,rgba(150,170,200,.25))}
.transaction-row h3{margin:0 0 8px}.transaction-row p{margin:8px 0}
.transaction-date{display:grid;align-content:start;gap:12px}
.transaction-type{justify-self:start;border:1px solid var(--accent,#8fd5c3);border-radius:999px;padding:3px 10px;font-size:.85rem}
.transaction-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.transaction-delivery{font-weight:600;color:var(--accent,#8fd5c3)}
.transaction-details{margin-top:10px}.transaction-details summary{cursor:pointer}
.transaction-product,.transaction-notes,.transaction-technical{min-width:0;overflow-wrap:anywhere}
.transaction-pages{display:flex;align-items:center;gap:16px;padding:20px 0}
[aria-label="Mark purchase received"]{max-width:600px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}
[aria-label="Mark purchase received"] .inventory-copy-receive{display:flex;flex-wrap:wrap;gap:12px;align-items:end;border-top:1px solid var(--line,rgba(150,170,200,.25));padding:18px 0}
[aria-label="Mark purchase received"] .inventory-copy-receive>p:first-child{flex-basis:100%;margin:0}
[aria-label="Mark purchase received"] label{display:grid;gap:6px}
[aria-label="Mark purchase received"] input{width:110px;max-width:100%}
@media(max-width:850px){.transaction-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-row{grid-template-columns:120px minmax(0,1fr)}.transaction-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}}
@media(max-width:540px){.transaction-filters{grid-template-columns:1fr}.transaction-row{grid-template-columns:minmax(0,1fr);gap:12px}.transaction-date{display:flex;align-items:center;flex-wrap:wrap}.transaction-actions{grid-column:1}.transaction-actions .button{flex:1;min-width:130px}}