/* FTOON Inventory v52 — Phase 4 procurement/costing */
.p4-toolbar{margin-bottom:14px}.p4-topline{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.p4-tabs{display:flex;gap:6px;flex-wrap:wrap}.p4-tab{border:1px solid var(--border);background:var(--glass-strong);color:var(--gray2);padding:8px 12px;border-radius:11px;cursor:pointer;font-family:inherit;font-weight:700}.p4-tab.active{background:var(--burg);color:#fff;border-color:var(--burg);box-shadow:0 8px 24px rgba(43,58,103,.14)}.p4-summary{margin-bottom:14px}.p4-summary .p4-money{font-size:16px;line-height:1.4}.p4-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px}.p4-muted,.p4-hint{font-size:11px;color:var(--gray);line-height:1.65}.p4-recent{display:flex;flex-direction:column;gap:8px}.p4-event{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.p4-event:last-child{border-bottom:0}.p4-arrow{font-weight:800;color:var(--burg);white-space:nowrap}.p4-product-meta{margin:14px 0;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--glass),rgba(255,255,255,.025))}.p4-section-title{font-size:13px;font-weight:900;color:var(--burg);margin-bottom:10px}.p4-product-detail,.p4-purchase-cost{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;margin:0 0 16px}.p4-purchase-cost{grid-template-columns:repeat(4,minmax(120px,1fr));padding:12px;background:var(--surface2);border:1px solid var(--border);border-radius:12px}.p4-product-detail>div,.p4-purchase-cost>div{padding:9px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:10px}.p4-product-detail span,.p4-purchase-cost span{display:block;color:var(--gray);font-size:10px;margin-bottom:3px}.p4-product-detail strong,.p4-purchase-cost strong{font-size:12px;color:var(--white)}
@media(max-width:900px){.p4-grid{grid-template-columns:1fr}.p4-product-detail,.p4-purchase-cost{grid-template-columns:repeat(2,minmax(0,1fr))}.p4-topline>.si2{width:100%}}
@media(max-width:520px){.p4-product-detail,.p4-purchase-cost{grid-template-columns:1fr}.p4-tab{flex:1;min-width:44%}}