/* Stage 4 Pharmacy inventory UX. Scoped to avoid registration and POS-wide styles. */
.ph-stage4{margin:1.2rem 0 2rem;padding:1.1rem;border:1px solid #cfdedb;border-radius:15px;background:#f5faf9;color:#203b3b}
.ph-stage4-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ph-stage4-header h2{margin:.35rem 0}.ph-stage4-header p{max-width:820px;line-height:1.5}
#ph-stage4-message{margin:1rem 0;padding:.7rem 1rem;background:#e6f2ee;border-left:4px solid #1b786b;border-radius:7px;line-height:1.5}.ph-stage4-error{background:#fff1ec!important;border-color:#af403b!important;color:#853e30!important}
.ph-stage4-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:.9rem 0 1.2rem}.ph-stage4-metric{padding:.8rem;background:white;border:1px solid #dfe8e7;border-radius:10px;display:flex;flex-direction:column;gap:.3rem}.ph-stage4-metric span{font-size:.8rem;color:#4d6564}.ph-stage4-metric strong{font-size:1.55rem;font-weight:750}.ph-stage4-watch{border-left:3px solid #d69b48}
.ph-stage4-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ph-stage4-panel{min-width:0;padding:1.1rem}.ph-stage4-panel h3{margin:.15rem 0 .5rem}.ph-stage4-panel p{line-height:1.45}.ph-stage4-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.ph-stage4-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.86rem;min-width:0}.ph-stage4-form select,.ph-stage4-form input{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.67rem;border:1px solid #b8cfca;border-radius:8px;color:#173b36;background:#fff}.ph-stage4-form button{min-height:43px;background:#086858;color:white;border-radius:8px;font-weight:700;border:0}.ph-stage4-form button:disabled,.ph-stage4 button:disabled{opacity:.58;cursor:wait}.ph-stage4-hint{grid-column:1/-1;margin:0;font-size:.85rem;color:#526a68}.ph-stage4-rows{display:grid;gap:.55rem;margin-top:.7rem;max-height:450px;overflow:auto}.ph-stage4-row{display:flex;flex-direction:column;gap:.2rem;padding:.75rem;border:1px solid #d9e6e2;border-radius:8px;background:#fff;overflow-wrap:anywhere}.ph-stage4-row span{font-size:.85rem}.ph-stage4-row small{font-size:.78rem;color:#786036}.ph-stage4-row button{margin-top:.4rem;width:max-content;max-width:100%}
@media(max-width:750px){.ph-stage4{padding:.7rem}.ph-stage4-layout{grid-template-columns:1fr}.ph-stage4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ph-stage4-form{grid-template-columns:1fr}.ph-stage4-header button{width:100%}}