

/* Supplier portal layout: isolated from shared 980px page rules */
html,body{margin:0;min-width:0}
body{background:#f2f6fb;color:#173451;font-family:Arial,Helvetica,sans-serif}
body>header{background:#163c60;padding:14px 28px;display:flex;justify-content:space-between;align-items:center;color:#fff}
body>header strong{font-size:22px}body>header small{display:block;margin-top:4px}
body>main{box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:20px 24px}
body>main>#workspace{box-sizing:border-box;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
body>main>#workspace.hidden{display:none}
body>main>#welcome{max-width:780px;margin:35px auto}
#workspace h1{font-size:23px;margin:0 0 15px}
#workspace .summary{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;background:#fff;border:1px solid #d6e2ef;border-radius:9px;padding:15px;margin:0 0 14px;font-size:14px;font-weight:600}
#workspace .summary span{display:inline-block}
#workspace .note{background:#fff6e4;border:1px solid #e9c879;border-radius:7px;padding:12px 15px;font-size:13px;margin:0 0 14px}
#workspace .toolbar{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;border:1px solid #d6e2ef;border-radius:9px;padding:15px;margin:0 0 14px}
#workspace .toolbar input{box-sizing:border-box;width:350px;max-width:100%;height:38px;padding:8px 12px;font-size:14px}
#workspace .toolbar button{font-size:13px;font-weight:600;border-radius:5px;padding:10px 16px}
#workspace .table-wrap{box-sizing:border-box;display:block;width:100%;max-width:100%;max-height:68vh;overflow:auto;background:#fff;border:1px solid #d6e2ef;border-radius:10px;padding:14px}
#workspace table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:2500px;min-width:2500px;font-size:12px;color:#193651}
#workspace th{position:sticky;top:0;z-index:3;background:#e5edf6;border-bottom:2px solid #cbd8e5;padding:10px 8px;white-space:normal;text-align:left;vertical-align:middle}
#workspace td{border-bottom:1px solid #dce5ed;padding:6px 8px;height:32px;vertical-align:middle;white-space:nowrap}
#workspace tbody tr:nth-child(odd){background:#f8fafc}#workspace tbody tr:nth-child(even){background:#f1f5f9}#workspace tbody tr.dirty{background:#fff4d7}
#workspace td.fixed{background:inherit}
/* Excel Sheet3 row 6: exact visible columns, no extra Specification column */
#workspace th:nth-child(1),#workspace td:nth-child(1){width:115px}
#workspace th:nth-child(2),#workspace td:nth-child(2){width:370px;white-space:normal;line-height:1.4}
#workspace th:nth-child(3),#workspace td:nth-child(3){width:90px}
#workspace th:nth-child(4),#workspace td:nth-child(4){width:105px}
#workspace th:nth-child(5),#workspace td:nth-child(5){width:170px}
#workspace th:nth-child(6),#workspace td:nth-child(6){width:140px;background:#eaf5ee;font-weight:600}
#workspace th:nth-child(7),#workspace td:nth-child(7){width:180px}
#workspace th:nth-child(8),#workspace td:nth-child(8){width:155px}
#workspace th:nth-child(9),#workspace td:nth-child(9){width:145px}
#workspace th:nth-child(10),#workspace td:nth-child(10){width:160px}
#workspace th:nth-child(11),#workspace td:nth-child(11){width:165px;background:#eaf5ee;font-weight:600}
#workspace th:nth-child(12),#workspace td:nth-child(12){width:140px}
#workspace th:nth-child(13),#workspace td:nth-child(13){width:130px}
#workspace th:nth-child(14),#workspace td:nth-child(14){width:210px}
#workspace td input,#workspace td input[type=number]{box-sizing:border-box;display:block;width:100%;min-width:0;height:32px;padding:5px 7px;border:1px solid #b7cce0;border-radius:5px;background:#fff;color:#163c60;font-size:13px}
#workspace .status{margin:6px 2px 10px}#workspace small.help{display:block;padding:12px 4px}
@media(max-width:650px){body>main{padding:10px}#workspace .toolbar input{width:100%}}

body > main { width:100% !important; max-width:none !important; margin:0 !important; padding:20px 24px !important; }
body > main > #workspace { width:100% !important; max-width:none !important; margin:0 !important; }
#workspace .table-wrap { width:100% !important; max-width:100% !important; overflow:auto !important; }
#workspace table { width:2500px !important; min-width:2500px !important; }
