.pp-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-toolbar{display:flex;gap:12px;flex-wrap:wrap}
.pp-toolbar .search-box{flex:1;min-width:260px}
.pp-toolbar .form-select{width:210px}
.pp-table{font-size:12px}
.pp-table th{white-space:nowrap}
.pp-table td{vertical-align:middle;white-space:nowrap}
.pp-table .product-cell{min-width:270px;white-space:normal}
.pp-table .product-cell>img,.pp-table .product-cell>.product-placeholder{display:grid;place-items:center;width:44px!important;height:44px!important;min-width:44px;max-width:44px;flex:0 0 44px;overflow:hidden;border-radius:9px;background:#edf2f8;color:#8190a5;object-fit:cover}
.pp-status{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.pp-normal{background:#e4f8ef;color:#07865e}
.pp-attention{background:#fff5d8;color:#a86b00}
.pp-buy{background:#ffe8d6;color:#bc5100}
.pp-risk{background:#ffe4e7;color:#c52233}
.metric-icon.red{background:#ffe4e7;color:#d32336}
@media(max-width:900px){.pp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.pp-summary{grid-template-columns:1fr}.pp-toolbar .search-box,.pp-toolbar .form-select{width:100%;min-width:0}}