.pp-shell{display:grid;gap:18px}.pp-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.pp-intro h3,.pp-section-head h3,.pp-product h4,.pp-material-card h4,.pp-modal h3{margin:0}.pp-intro p,.pp-section-head p,.pp-product p,.pp-material-card p,.pp-modal p{margin:4px 0 0;color:#64748b}.pp-controls{display:grid;grid-template-columns:minmax(210px,1fr) minmax(220px,1.4fr) minmax(160px,.8fr) minmax(160px,.8fr);gap:12px;align-items:end}.pp-controls label,.pp-modal-card>label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#334155}.pp-controls input,.pp-controls select,.pp-modal input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff;color:#0f172a}.pp-horizon{display:flex;gap:8px;flex-wrap:wrap}.pp-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pp-metrics article{border:1px solid #dbeafe;background:linear-gradient(135deg,#fff,#eff6ff);border-radius:14px;padding:15px}.pp-metrics small,.pp-product-metrics small,.pp-material-numbers small{display:block;color:#64748b}.pp-metrics strong{display:block;margin-top:5px;font-size:24px;color:#0f172a}.pp-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pp-source{display:grid;gap:5px;border:1px solid #e2e8f0;border-left:5px solid #f59e0b;border-radius:12px;padding:13px;background:#fff}.pp-source.fresh{border-left-color:#10b981}.pp-source span{color:#334155}.pp-source small{color:#64748b}.pp-stock-action{display:flex;align-items:center;justify-content:space-between;gap:16px}.pp-stock-action p{margin:4px 0 0;color:#64748b}.pp-stock-action a{text-decoration:none}.pp-method summary{cursor:pointer}.pp-method ol{margin:14px 0 0;padding-left:22px;color:#334155}.pp-method li+li{margin-top:8px}.pp-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.pp-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pp-material-card{display:flex;align-items:flex-start;gap:13px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:14px;min-width:0}.pp-grow{min-width:0;flex:1}.pp-validation-note{display:inline-block;margin-top:8px;padding:5px 8px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:800}.pp-material-image,.pp-image{width:70px;height:70px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;color:#64748b;font-weight:800}.pp-material-image img,.pp-image img,.pp-choice-image img,.pp-material-thumb img{width:100%;height:100%;object-fit:contain}.pp-material-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.pp-material-numbers span{border-radius:10px;background:#f8fafc;padding:8px}.pp-material-numbers strong{display:block;margin-top:3px;color:#0f172a}.pp-material-card details{margin-top:10px}.pp-material-card summary{cursor:pointer;color:#2563eb}.pp-material-card ul{margin:8px 0 0;padding-left:20px;color:#475569}.pp-product-list{display:grid;gap:12px}.pp-product{border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:15px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.pp-product[data-risk=critical]{border-left:5px solid #ef4444}.pp-product[data-risk=warning]{border-left:5px solid #f59e0b}.pp-product[data-risk=healthy]{border-left:5px solid #10b981}.pp-product[data-risk=unknown]{border-left:5px solid #64748b}.pp-product-head{display:flex;gap:13px;align-items:center}.pp-product-head .pp-image{width:74px;height:74px}.pp-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.pp-badges span{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#f1f5f9;color:#475569}.pp-badges [data-tone=critical]{background:#fee2e2;color:#b91c1c}.pp-badges [data-tone=warning]{background:#fef3c7;color:#92400e}.pp-badges [data-tone=healthy]{background:#d1fae5;color:#047857}.pp-badges [data-tone=info]{background:#dbeafe;color:#1d4ed8}.pp-badges [data-tone=missing]{background:#fce7f3;color:#9d174d}.pp-badges [data-tone=suggested]{background:#fef3c7;color:#92400e}.pp-product-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0}.pp-product-metrics>div{border-radius:10px;background:#f8fafc;padding:9px}.pp-product-metrics strong{display:block;margin-top:3px;color:#0f172a}.pp-mappings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pp-mapping{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e2e8f0;border-radius:12px;padding:9px}.pp-mapping.missing{border-style:dashed;border-color:#f59e0b;background:#fffbeb}.pp-mapping.suggested{border-color:#f59e0b;background:#fffbeb}.pp-mapping .pp-relation-state{font-weight:800}.pp-mapping.suggested .pp-relation-state{color:#92400e}.pp-mapping.mapped .pp-relation-state{color:#047857}.pp-mapping small{display:block;color:#64748b;margin-top:2px}.pp-material-thumb,.pp-choice-image{width:42px;height:42px;border:1px solid #e2e8f0;border-radius:9px;display:grid;place-items:center;overflow:hidden;background:#f8fafc;color:#64748b;font-weight:800}.pp-modal{position:fixed;inset:0;z-index:10000;background:rgba(15,23,42,.62);display:grid;place-items:center;padding:20px}.pp-modal-card{width:min(720px,100%);max-height:min(760px,90vh);overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 80px rgba(15,23,42,.32);display:grid;gap:14px}.pp-modal-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pp-choice-list{display:grid;gap:8px;max-height:390px;overflow:auto}.pp-material-choice{display:flex;text-align:left;align-items:center;gap:11px;width:100%;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px;color:#0f172a;cursor:pointer}.pp-material-choice:hover,.pp-material-choice:focus{border-color:#2563eb;background:#eff6ff}.pp-material-choice span:last-child{display:grid;gap:3px}.pp-material-choice small{color:#64748b}.procurement-action.compact{padding:7px 9px;font-size:12px}@media(max-width:1000px){.pp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-product-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-material-grid{grid-template-columns:1fr}}@media(max-width:680px){.pp-intro,.pp-section-head,.pp-stock-action{align-items:flex-start;flex-direction:column}.pp-controls,.pp-metrics,.pp-sources,.pp-mappings{grid-template-columns:1fr}.pp-material-card{display:grid;grid-template-columns:60px minmax(0,1fr)}.pp-material-card .pp-material-image{width:60px;height:60px}.pp-material-numbers{grid-template-columns:1fr}.pp-product-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-mapping{grid-template-columns:42px minmax(0,1fr)}.pp-mapping button{grid-column:1/-1;width:100%}}
.pp-shell{grid-template-columns:minmax(0,1fr);align-items:start;width:100%;min-width:0}
.pp-shell>*,.pp-shell>.procurement-card{grid-column:1 / -1;min-width:0;max-width:100%;height:auto}
.pp-shell *{box-sizing:border-box}
.pp-shell h4,.pp-shell p,.pp-shell small,.pp-shell strong,.pp-shell li{overflow-wrap:anywhere}
.pp-shell .pp-controls{grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr) minmax(180px,.65fr)}
.pp-shell .pp-horizon{grid-column:1 / -1;display:flex;flex-wrap:nowrap}
.pp-shell .pp-horizon button{min-width:95px;min-height:42px}
.pp-shell .pp-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.pp-shell .pp-metrics article{min-width:0}
.pp-shell .pp-material-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start}
.pp-shell .pp-material-card{height:auto;min-width:0}
.pp-shell .pp-material-card h4{font-size:15px;line-height:1.45}
.pp-shell .pp-product-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.pp-shell .pp-mappings{grid-template-columns:1fr}
.pp-shell .pp-mapping{grid-template-columns:56px minmax(0,1fr) auto}
.pp-shell .pp-material-thumb{width:56px;height:56px}
.pp-shell .pp-mapping button{white-space:normal;max-width:145px;min-height:42px}
.pp-shell .pp-material-numbers strong{font-size:16px}
.pp-shell .pp-modal{grid-column:auto}
@media(max-width:900px){.pp-shell .pp-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-shell .pp-controls>label:first-of-type{grid-column:1 / -1}.pp-shell .pp-sources{grid-template-columns:1fr}}
@media(max-width:600px){.pp-shell{gap:14px}.pp-shell .pp-controls{grid-template-columns:1fr}.pp-shell .pp-controls>label{grid-column:1 / -1}.pp-shell .pp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-shell .pp-horizon{gap:6px}.pp-shell .pp-horizon button{min-width:0;flex:1;padding:10px 6px}.pp-shell .pp-product-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-shell .pp-material-numbers{grid-template-columns:1fr}.pp-shell .pp-mapping{grid-template-columns:48px minmax(0,1fr)}.pp-shell .pp-material-thumb{width:48px;height:48px}.pp-shell .pp-mapping button{grid-column:1 / -1;max-width:none;width:100%}.pp-shell .pp-product,.pp-shell .pp-material-card{padding:12px}.pp-shell .pp-product-head{align-items:flex-start}.pp-shell .pp-modal{padding:10px}.pp-shell .pp-modal-card{padding:14px;max-height:90vh}}
.pp-shell .pp-material-summary>summary{cursor:pointer;padding:4px 0;line-height:1.5}.pp-shell .pp-material-summary>summary span{display:block;color:#64748b;font-size:13px;margin-top:4px}.pp-shell .pp-material-summary>.pp-material-grid{margin-top:16px}
.pp-shell .pp-product-materials{margin-top:16px;border-top:1px solid #e2e8f0;padding-top:12px}
.pp-shell .pp-product-materials>summary{cursor:pointer;font-weight:600;line-height:1.5;padding:8px 0}
.pp-shell .pp-product-materials .pp-mappings{margin-top:12px}
.pp-shell .pp-coverage{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px}
.pp-shell .pp-insumo-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0;font-size:12px}
.pp-shell .pp-insumo-values strong{display:block;font-size:15px}
@media(max-width:600px){.pp-shell .pp-insumo-values{grid-template-columns:1fr}}