

/* MySTS v178 — Approved, limited integration fixes: lifecycle badge + office review sizing. */
#modalbg .sts176-status{
 display:inline-flex!important;align-items:center!important;gap:6px!important;vertical-align:middle;
 white-space:nowrap;max-width:100%;font-size:12px;font-weight:750;line-height:1.2;border-radius:7px;
 border:1px solid transparent;padding:6px 9px;box-sizing:border-box;
}
#modalbg .sts176-status svg,
#portalWorkspace .sts176-status svg{
 display:inline-block!important;position:static!important;width:15px!important;height:15px!important;
 min-width:15px!important;min-height:15px!important;max-width:15px!important;max-height:15px!important;
 flex:0 0 15px!important;stroke:currentColor!important;stroke-width:2.2!important;
 fill:none!important;stroke-linecap:round;stroke-linejoin:round;
}
#modalbg .sts176-status.confirmed,#modalbg .sts176-status.completed{color:#116534;background:#e6f7eb;border-color:#a3d8b2}
#modalbg .sts176-status.awaiting,#modalbg .sts176-status.reconfirm,#modalbg .sts176-status.cancelpending{color:#895609;background:#fff1d0;border-color:#ecca81}
#modalbg .sts176-status.progress{color:#135e9b;background:#e5f3ff;border-color:#a9d0f2}
#modalbg .sts176-status.processing{color:#6b4595;background:#f0e8ff;border-color:#d7c2f1}
#modalbg .sts176-status.cancelled{color:#9c2135;background:#ffedf0;border-color:#efb4c0}
#modalbg .sts176-status.postponed{color:#546475;background:#edf1f4;border-color:#c7d1d9}
#modalbg .sts176-office-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:9px 11px;margin:10px 0;border:1px solid #d9e7ef;border-radius:8px;background:#f5f9fc}
#modalbg .sts176-office-status small{color:#52748d;font-size:12px}
/* Only the office order Review, not other portal dialogs, is compacted. */
#modalbg.v121-order .modal{width:min(875px,calc(100vw - 32px))!important;max-width:875px!important;
 max-height:min(82vh,800px)!important;display:flex;flex-direction:column;overflow:hidden}
#modalbg.v121-order .modal-h{flex:none;padding:13px 20px}
#modalbg.v121-order .modal-b{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px!important}
#modalbg.v121-order .modal-b .sts176-office-status{margin:8px 0 12px}
@media(max-width:760px){
 #modalbg.v121-order .modal{width:calc(100vw - 16px)!important;max-width:none!important;max-height:94vh!important}
 #modalbg.v121-order .modal-b{padding:13px!important}
 #modalbg .sts176-status{white-space:normal}
}

