.purchase-hero{align-items:center}.purchase-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.purchase-metrics article{padding:15px;border:1px solid #dbe5f3;border-radius:15px;background:#fff}.purchase-metrics article.warning{border-color:#eab308;background:#fffbea}.purchase-metrics small{display:block;color:#64748b}.purchase-metrics strong{font-size:1.45rem;color:#173b7a}.purchase-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.purchase-filters .field{margin:0}.purchase-list{display:grid;gap:12px}.purchase-card{display:grid;grid-template-columns:110px minmax(0,1fr) 145px 190px;gap:16px;align-items:center;border-left:4px solid #94a3b8}.purchase-card.priority-urgente{border-left-color:#dc2626}.purchase-card.priority-alta{border-left-color:#f59e0b}.purchase-number{padding:12px;border-radius:12px;background:#f1f5fb;display:grid;gap:3px}.purchase-number b{font-size:1.3rem;color:#173b7a}.purchase-number span,.purchase-state>span{text-transform:capitalize}.purchase-card h2{margin:0}.purchase-card p{margin:5px 0;color:#526078}.purchase-card small{display:block;color:#64748b}.purchase-values strong{display:block;color:#173b7a;font-size:1.1rem}.purchase-state{text-align:right}.purchase-state>span{display:inline-block;padding:5px 9px;border-radius:999px;background:#e8eef8;font-size:.78rem}.purchase-state div{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.quote-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.quote-row span{padding:5px 8px;border-radius:9px;background:#f1f5f9;font-size:.76rem}.quote-row span.selected{background:#dcfce7;color:#166534}.purchase-editor{margin-bottom:18px}.purchase-editor .wide{grid-column:1/-1}@media(max-width:1080px){.purchase-metrics{grid-template-columns:repeat(3,1fr)}.purchase-filters{grid-template-columns:repeat(3,1fr)}.purchase-card{grid-template-columns:100px 1fr 150px}.purchase-state{grid-column:1/-1;text-align:left}.purchase-state div{justify-content:flex-start}}@media(max-width:720px){.purchase-metrics{grid-template-columns:1fr 1fr}.purchase-filters,.purchase-card{grid-template-columns:1fr}.purchase-state{grid-column:1}.purchase-state div{display:grid}.purchase-filters .btn,.purchase-state .btn{width:100%}}@media(max-width:420px){.purchase-metrics{grid-template-columns:1fr}}