/* v176: customer booking status is different from internal instructor/allocation stage. */
#portalWorkspace .sts176-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;max-width:100%;line-height:1.25;font-size:13px;font-weight:780;letter-spacing:.05px;border-radius:8px;border:1px solid;padding:7px 11px;vertical-align:middle}
#portalWorkspace .sts176-status svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
#portalWorkspace .sts176-status.confirmed,#portalWorkspace .sts176-status.completed{color:#116534;background:#e6f7eb;border-color:#a3d8b2}
#portalWorkspace .sts176-status.awaiting,#portalWorkspace .sts176-status.reconfirm,#portalWorkspace .sts176-status.cancelpending{color:#895609;background:#fff1d0;border-color:#ecca81}
#portalWorkspace .sts176-status.progress{color:#135e9b;background:#e5f3ff;border-color:#a9d0f2}
#portalWorkspace .sts176-status.processing{color:#6b4595;background:#f0e8ff;border-color:#d7c2f1}
#portalWorkspace .sts176-status.cancelled{color:#9c2135;background:#ffedf0;border-color:#efb4c0}
#portalWorkspace .sts176-status.postponed{color:#546475;background:#edf1f4;border-color:#c7d1d9}
#portalWorkspace .sts176-order-cancel{display:flex;justify-content:flex-end;margin-top:8px}
#portalWorkspace .sts176-order-cancel .p-button{background:white;color:#365b74;border:1px solid #c7d8e4}
#portalWorkspace .sts176-office-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 14px;margin:12px 0;border:1px solid #d9e7ef;border-radius:10px;background:#f5f9fc}
#portalWorkspace .sts176-office-status small{color:#52748d;font-size:12px}
#portalWorkspace .sts176-instructor-label{display:flex;align-items:center;gap:6px;margin:8px 0 3px}
#portalWorkspace .sts176-instructor-label .sts176-status{font-size:12px;padding:5px 9px}
#portalWorkspace .sts176-activity-row{display:block;width:100%;padding:11px 15px;text-align:left;color:#19425f;background:#eaf6ee;border:0;border-bottom:1px solid #d6e8de;cursor:pointer}
#portalWorkspace .sts176-activity-row strong{display:block;font-size:12px}
#portalWorkspace .sts176-activity-row small{display:block;color:#516b63;font-size:11px;margin-top:4px}
#portalWorkspace .sts176-success{display:grid;justify-items:center;gap:10px;text-align:center;padding:12px 5px 16px}
#portalWorkspace .sts176-success .sts176-status{font-size:14px}
#portalWorkspace .sts176-success h3{font-size:24px;color:#113b59;margin:6px 0 0}
#portalWorkspace .sts176-success p{font-size:14px;color:#37576d;line-height:1.6;margin:0}
@media(max-width:600px){#portalWorkspace .sts176-status{white-space:normal;font-size:12px}}