@import url('/finance.css');
.purchasing-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}
.purchase-list{display:grid;gap:8px;max-height:70vh;overflow:auto;margin-top:12px}
.purchase-list button{text-align:left;display:grid;gap:4px;width:100%;font-weight:400}
.purchase-list button.selected{border-color:var(--navy);background:var(--soft)}
.purchase-list strong{font-weight:700}.purchase-list small{color:var(--muted)}
.purchase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.purchase-tabs button[aria-current='page']{background:var(--navy);color:white}
.purchase-steps{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.purchase-steps span{padding:6px 9px;border:1px solid var(--line);border-radius:5px;font-size:12px}
.purchase-steps .active{background:var(--navy);color:white}.purchasing-detail{display:grid;gap:16px}
.purchase-table{overflow:auto}.purchase-table table{width:100%;border-collapse:collapse}.purchase-table th,.purchase-table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.purchase-table th{font-size:12px;color:var(--muted)}
.purchase-table input{min-width:80px}.purchase-table input[name='description']{min-width:170px}
.purchase-form{display:grid;gap:12px}.purchase-form .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.purchase-form label{display:grid;gap:5px}.wide{grid-column:1/-1}
.purchasing-detail details{border:1px solid var(--line);border-radius:8px;background:white;padding:15px}.purchasing-detail summary{cursor:pointer;font-weight:700}.purchasing-detail details>form,.purchasing-detail details>div{margin-top:15px}
.purchase-actions{display:flex;gap:8px;flex-wrap:wrap}.purchase-empty{padding:28px;color:var(--muted)}.purchase-note{padding:12px;background:var(--soft);border-radius:6px;color:var(--muted)}
.purchase-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.purchase-header p{margin-top:8px}
.legacy-link{display:grid;gap:4px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:8px;padding:10px;background:white}
.legacy-link:hover{border-color:var(--navy);background:var(--soft)}
.stack{display:grid;gap:14px;margin-top:14px}
.quote-card{border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:12px;background:white}
.quote-card.selected{border-color:var(--navy);box-shadow:inset 4px 0 0 var(--navy)}
.evidence-list{margin:6px 0 0 18px;padding:0;color:var(--muted)}
.link-grid{display:flex;gap:10px;flex-wrap:wrap}
.printable-po{border:1px solid var(--line);border-radius:8px;padding:18px;background:white}
.printable-po dl{display:grid;grid-template-columns:140px 1fr;gap:8px 14px}
.printable-po dt{font-weight:700;color:var(--muted)}
@media(max-width:850px){.purchasing-grid{grid-template-columns:1fr}.purchase-list{max-height:260px}.purchase-form .grid{grid-template-columns:1fr}.purchase-header{flex-direction:column}}
@media print{body *{visibility:hidden!important}.printable-po,.printable-po *{visibility:visible!important}.printable-po{position:absolute;inset:0;border:0;padding:0}.printable-po button,.printable-po a{display:none!important}}