.purchase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px}.purchase-tabs button{appearance:none;border:1px solid #d9e5eb;background:#fff;color:#526979;border-radius:999px;padding:10px 16px;font:600 14px Inter,sans-serif;cursor:pointer}.purchase-tabs button.active{background:#07121a;color:#fff;border-color:#07121a}.purchase-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.purchase-metric{background:#fff;border:1px solid #dce8ee;border-radius:18px;padding:18px}.purchase-metric span{display:block;color:#6a7d8b;font-size:13px;font-weight:700}.purchase-metric b{display:block;margin-top:8px;font-size:24px;color:#07121a}.purchase-form-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:16px;align-items:start}.purchase-line-head,.purchase-line{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(170px,1.4fr) 70px 115px 90px 75px minmax(160px,1.1fr) 36px;gap:8px;align-items:center}.purchase-line-head{font-size:11px;font-weight:800;color:#718491;text-transform:uppercase;margin:0 0 7px}.purchase-line{margin-bottom:8px}.purchase-line input,.purchase-line select{min-width:0}.purchase-lines{margin:12px 0}.purchase-totals{border:1px solid #dce8ee;border-radius:14px;padding:14px;margin:14px 0;display:grid;gap:7px}.purchase-totals span,.purchase-totals strong{display:flex;justify-content:space-between}.purchase-totals strong{font-size:18px}.purchase-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize;background:#eef3f6}.purchase-status-purchase-order{background:#e6f6ed;color:#137342}.purchase-status-quotation,.purchase-status-sent{background:#fff6df;color:#946b00}.purchase-status-cancelled{background:#fdeaea;color:#a82c2c}@media(max-width:1200px){.purchase-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-form-grid{grid-template-columns:1fr}.purchase-line-head{display:none}.purchase-line{grid-template-columns:1fr 1fr 80px 110px 90px 80px 1fr 36px}}@media(max-width:700px){.purchase-metrics{grid-template-columns:1fr}.purchase-line{grid-template-columns:1fr 1fr}.purchase-line select:first-child{grid-column:1/-1}.purchase-line input:nth-child(2){grid-column:1/-1}.purchase-line select{grid-column:1/-1}}

/* 2026-10-04 proportional form/table layout fix */
@media (min-width:801px){
  .purchase-form-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:20px;
  }
  .purchase-form-grid>.panel{
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }
  .purchase-lines{
    width:100%;
    min-width:0;
    overflow:hidden;
  }
  .purchase-line-head,.purchase-line{
    width:100%;
    box-sizing:border-box;
    grid-template-columns:minmax(0,1.45fr) minmax(0,1.05fr) minmax(0,.45fr) minmax(0,.8fr) minmax(0,.62fr) minmax(0,.55fr) minmax(0,1fr) 28px;
    gap:5px;
  }
  .purchase-line-head>*,.purchase-line>*{
    min-width:0;
  }
  .purchase-line-head{
    line-height:1.15;
    overflow-wrap:anywhere;
  }
  .purchase-line input,.purchase-line select{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .purchase-form-grid .accounting-table-wrap{
    width:100%;
    min-width:0;
    max-width:100%;
  }
}

/* 2026-10-04 final compact line-item fit */
@media (min-width:801px){
  .purchase-lines{
    width:100%;
    max-width:100%;
    overflow:visible;
  }
  .purchase-line-head,.purchase-line{
    grid-template-columns:minmax(0,1.45fr) minmax(0,1.05fr) minmax(0,.45fr) minmax(0,.8fr) minmax(0,.62fr) minmax(0,.55fr) minmax(0,1fr) 28px;
    gap:5px;
  }
  .purchase-line-head{
    font-size:10px;
    line-height:1.1;
  }
  .purchase-line input,.purchase-line select{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .purchase-line-remove{
    width:28px;
    min-width:28px;
    padding:0;
  }
}