/* Existing Production Control tokens and shared components, extracted unchanged. */
:root{--navy:#082b4d;--navy2:#0d416e;--blue:#0878e8;--blue2:#0b64c7;--green:#14b86e;--green2:#0b9d5b;--red:#f04444;--orange:#f4a400;--bg:#eef4f9;--text:#17324d;--muted:#718397;--line:#dbe6ef;--white:#fff;--shadow:0 10px 30px rgba(16,57,91,.10)}
.panel{background:rgba(255,255,255,.96);border:1px solid #d7e3ec;border-radius:16px;box-shadow:var(--shadow)}
.tab{border:1px solid var(--line);background:#fff;color:#5f7387;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;cursor:pointer}
.tab.active{background:#e7f2ff;color:#0871dc;border-color:#bcdcff}
.tab .count{margin-left:5px;background:#dbe9f6;border-radius:999px;padding:2px 6px;font-size:10px}
.btn{border:0;border-radius:10px;padding:11px 16px;font-size:12px;font-weight:900;cursor:pointer}
.btn.blue{background:linear-gradient(180deg,#1285f4,#066bd3);color:#fff;box-shadow:0 5px 12px rgba(9,112,220,.2)}
.btn.gray{background:#edf3f7;color:#496277}
.btn.red{background:#ffe9e9;color:#c83333}
.badge{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;background:#edf2f6;color:#627487}
.badge.work{background:#e5f1ff;color:#086dd4}
.badge.ready{background:#e4f8ee;color:#0a9957}
.badge.overdue{background:#ffe7e7;color:#d73535}
.badge.shipped{background:#e9eef3;color:#65798b}
.empty{padding:55px 20px;text-align:center;color:#8396a7}
.empty .emptyicon{font-size:38px;margin-bottom:10px}