
/* Development 2: scoped Orders CSS; preserves existing button events, cancellation and office Save semantics. */
#portalWorkspace.v46-customer #pContent .p-customer-tabs{gap:9px!important;margin:17px 0 15px!important}
#portalWorkspace.v46-customer #pContent .p-customer-tabs button{background:#fff!important;color:#164b70!important;border:1px solid #c9dbea!important;border-bottom:3px solid #d8e6f0!important;border-radius:8px 8px 3px 3px!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.035em!important;min-height:42px!important;padding:9px 15px!important}
#portalWorkspace.v46-customer #pContent .p-customer-tabs button.active{background:#125d94!important;color:white!important;border-color:#125d94!important;border-bottom:3px solid #d52d48!important}
#portalWorkspace.v46-customer #pContent .p-customer-tabs button span{font-size:11px!important;font-weight:850!important;opacity:.9}
#portalWorkspace #pContent .p-customer-grid .p-customer-order button.p-button,
#portalWorkspace #pContent .sts179-order-actions button,
#portalWorkspace #pContent .v42-card .v42-actions button:not(.v195-info-guide),
#modalbg .v53-pane button.p-button,
#modalbg .v64-order-allocation button.p-button,
#modalbg .v121-order-bottom button.p-button {font-size:11px!important;text-transform:uppercase!important;letter-spacing:.025em!important;font-weight:800!important;min-height:38px!important;line-height:1.3!important;white-space:normal!important;text-align:center!important;justify-content:center!important;box-sizing:border-box!important}
#portalWorkspace #pContent .p-customer-grid .p-customer-order button.p-button{min-width:116px!important}
#portalWorkspace #pContent .sts179-order-actions button{flex:1 1 130px;max-width:100%}
#modalbg .v121-save,#modalbg .p-button.green{background:#168665!important;border-color:#168665!important;color:white!important}
#modalbg button.p-button.danger,#modalbg button[onclick*="CancelOrder"],#modalbg button[onclick*="cancelOrder"]{color:#a73543!important;border-color:#dba8ac!important;background:#fff7f7!important}
#modalbg .sts208-money-wrap{display:flex;align-items:center;gap:0;position:relative;max-width:100%}
#modalbg .sts208-money-wrap .sts208-pound{display:grid;place-items:center;flex:0 0 32px;min-height:41px;background:#e7f3fb;color:#115783;border:1px solid #aecfdf;border-right:0;border-radius:8px 0 0 8px;font-weight:900}
#modalbg .sts208-money-wrap input{min-width:0;flex:1;border-radius:0 8px 8px 0!important}
#modalbg .sts208-money-hint{display:block;margin:3px 0;color:#52778c;font-size:11px;line-height:1.5}
/* Development 3: single visually restrained internal workspace, not a shadow CRM. */
.sts208-page{max-width:1230px;margin:0 auto;color:#183951}
.sts208-head{background:linear-gradient(100deg,#0b2e4c,#145780);color:#fff;border-radius:13px;padding:20px 23px;margin:0 0 16px;border-bottom:4px solid #d42d48}
.sts208-head h1{font-size:24px;color:#fff;margin:3px 0 6px}
.sts208-head p{color:#d3e5f2;font-size:12px;margin:0;line-height:1.55}
.sts208-kicker{font-size:10px;letter-spacing:1.5px;color:#b9d9ef;font-weight:800;text-transform:uppercase}
.sts208-panel{background:#fff;border:1px solid #d1e0ea;border-radius:11px;margin:13px 0;padding:17px;min-width:0}
.sts208-panel h2,.sts208-panel h3{font-size:16px;color:#163b55;margin:0 0 11px}
.sts208-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px;margin:8px 0}
.sts208-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.sts208-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sts208-field{display:grid;gap:5px;font-size:12px;font-weight:750;color:#3c6079;min-width:0}
.sts208-field input,.sts208-field select,.sts208-field textarea{width:100%;border:1px solid #bdd4e6;border-radius:8px;padding:9px;font:inherit;color:#163c57;background:white;min-width:0}
.sts208-field textarea{min-height:85px;resize:vertical}
.sts208-wide{grid-column:1/-1}
.sts208-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.sts208-btn{border:1px solid #b9d4e5;border-radius:8px;background:#fff;color:#155b88;cursor:pointer;min-height:37px;padding:9px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.sts208-btn.primary{background:#115c90;color:#fff;border-color:#115c90;border-left:4px solid #d42b48}
.sts208-btn.danger{color:#9c3b48;background:#fff7f7;border-color:#d8a7ac}
.sts208-btn:disabled{opacity:.48;cursor:not-allowed}
.sts208-task{border:1px solid #d8e5ee;border-left:4px solid #137eb8;border-radius:10px;padding:14px;margin:10px 0;background:#fcfeff}
.sts208-task.late{border-left-color:#cf344b;background:#fff9f9}
.sts208-task h3{margin:0;color:#163b56;font-size:14px}
.sts208-task small{color:#647e93;font-size:11px;line-height:1.5;display:block}
.sts208-chip{display:inline-flex;padding:4px 8px;background:#e7f1f9;color:#185783;border-radius:7px;font-size:10px;font-weight:850}
.sts208-chip.late{background:#ffe4e6;color:#9d2938}.sts208-chip.complete{background:#e5f6ed;color:#1c7858}
.sts208-history{border-top:1px solid #e6eef4;margin-top:9px;padding-top:8px;font-size:11px;color:#60798b}
.sts208-notice{padding:12px;border:1px solid #d3e3ee;background:#f1f8fd;color:#305d79;border-radius:8px;font-size:12px;line-height:1.55;margin:11px 0}
.sts208-warn{background:#fff7e9;border-color:#efd6af;color:#795827}
.sts208-empty{color:#688195;font-size:12px;padding:15px;background:#f6fafc;border-radius:9px}
.sts208-dashboard-link{margin:10px 0;padding:12px 15px;border:1px solid #cbddeb;border-left:4px solid #ce3049;background:#f5faff;border-radius:9px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.sts208-dashboard-link strong{font-size:12px;color:#194b6e}.sts208-dashboard-link small{color:#6d889d;display:block;font-size:11px}
@media(max-width:760px){.sts208-grid,.sts208-grid.three{grid-template-columns:1fr}.sts208-wide{grid-column:1}.sts208-panel{padding:13px}.sts208-head{padding:17px}.sts208-task .sts208-row{align-items:flex-start}}
