.document-intro,.document-results-head,.document-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px}
.document-intro{margin-bottom:18px}.document-intro h2{margin:0 0 6px}.document-intro p{margin:0;color:var(--muted,#667875)}
.document-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.document-tabs button{border-radius:12px;padding:11px 19px;background:#fff;border:1px solid #d5e3df;color:#34544d}.document-tabs button.active{background:#08775f;color:#fff;border-color:#08775f}
.document-filters{grid-template-columns:minmax(240px,2fr) repeat(2,minmax(150px,1fr));gap:16px}.document-results-head{padding:8px 20px;color:#657771}.document-actions{min-width:210px}.document-actions button{margin:3px;padding:7px 12px}.document-actions button[data-document$=void]{color:#ad3232;border-color:#ebcbcb}
.document-state{display:inline-block;border-radius:20px;padding:4px 10px;background:#edf0f0;color:#5b6967;font-size:12px;white-space:nowrap}.document-state.is-active{background:#e6f5ee;color:#176144}.document-pagination{justify-content:center;padding:18px}.document-pagination span{font-size:13px}.document-empty{text-align:center;padding:36px 20px;color:#64746f}
.document-history article{border:1px solid #dae5df;border-radius:12px;padding:14px;margin-bottom:14px}.document-history article h3{margin-top:0}.document-history details{margin:10px 0}.document-history summary{cursor:pointer;color:#0b735a}.document-history .tablewrap{max-width:100%;overflow:auto}
@media(max-width:700px){.document-filters{grid-template-columns:1fr}.document-intro{align-items:flex-start}.document-intro h2{font-size:20px}.document-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.document-tabs button{padding:10px 5px;font-size:13px}.document-actions{min-width:0}.document-pagination{gap:10px}.document-intro button{white-space:nowrap}}