.purchase-title,.purchase-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.purchase-title small{font-weight:800;letter-spacing:.12em;color:#2187ee}.purchase-title h3,.purchase-history-head h3{margin:4px 0}.purchase-title p,.purchase-history-head p{margin:0;color:#718096}.purchase-badge{padding:8px 12px;border-radius:999px;background:#e8fff5;color:#087a55;font-weight:800;font-size:12px}.purchase-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:15px;margin-top:22px}.purchase-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#324766}.purchase-form input,.purchase-form select,.purchase-history-head input{min-height:44px;border:1px solid #dbe4ee;border-radius:10px;padding:0 12px;background:#fff}.purchase-form .wide{grid-column:span 2}.purchase-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.purchase-actions button{min-width:150px}.purchase-history-head input{width:min(330px,100%)}@media(max-width:900px){.purchase-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.purchase-title,.purchase-history-head{flex-direction:column}.purchase-form{grid-template-columns:1fr}.purchase-form .wide{grid-column:span 1}.purchase-actions{flex-direction:column-reverse}.purchase-actions button{width:100%}}