/* Shared supplier workspace presentation. */
:root{font-family:Segoe UI,Arial,sans-serif;color:#243e50;background:#f4f7fb;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:236px minmax(0,1fr);grid-template-rows:auto 1fr auto;min-height:100vh;gap:24px}body>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:22px 30px;border-bottom:1px solid #e0e8ef}h1{font-size:22px;letter-spacing:-.5px;margin:0}body>header h1:before{content:'S';display:inline-grid;place-items:center;background:#e5edf9;color:#416398;width:38px;height:38px;border-radius:12px;margin-right:12px;font-size:21px}h2{font-size:21px;letter-spacing:-.35px;margin:0 0 14px}h3{font-size:16px;margin:22px 0 12px}p{color:#627585}body>nav{grid-column:1;grid-row:2/4;align-self:start;position:sticky;top:20px;margin-left:18px;padding:18px 12px;background:#edf2f9;border:1px solid #dfe7f1;border-radius:16px;display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 40px);overflow:auto}body>nav:before{content:'WORKSPACE';font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8191a5;padding:8px 12px 14px}body>nav button{text-align:left;background:transparent;border-color:transparent;padding:11px 13px;border-radius:9px;color:#53677c;font-weight:600}body>nav button:hover{background:#e2eaf5;color:#2e5078}body>nav button[aria-current=page]{background:#fff;border-color:#d6e2f2;color:#315f96;box-shadow:0 3px 10px #304d7510}main{grid-column:2;min-width:0;align-self:start;margin:0 24px 24px 0;padding:28px;background:#fff;border:1px solid #e2e9f0;border-radius:16px;min-height:420px;box-shadow:0 5px 22px #304d7506}button,.button{background:#f7f9fc;border:1px solid #d2deea;color:#345775;border-radius:8px;padding:9px 14px;cursor:pointer;text-decoration:none;font:inherit;transition:background .15s}button:hover{background:#eaf0f8}button.primary{background:#456c98;border-color:#456c98;color:#fff}button.primary:hover{background:#365a83}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #adc8ec;outline-offset:2px}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid #d3dfea;border-radius:8px;width:100%;background:#fff;color:inherit}input[type=checkbox]{width:auto;accent-color:#456c98}textarea{min-height:94px;resize:vertical}label{display:block;margin:12px 0}label>span{display:block;margin-bottom:6px;font-weight:600;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{padding:20px;border:1px solid #e0e8f1;background:#f7f9fd;border-radius:12px;font-size:24px;font-weight:600}.card strong{display:block;margin-bottom:10px;font-size:12px;color:#687d94;font-weight:600}.table{overflow:auto;margin:20px 0;border:1px solid #e1e8ef;border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}td,th{padding:14px;border-bottom:1px solid #e7edf3;vertical-align:top;white-space:pre-wrap}th{background:#f3f6fa;color:#62778a;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcff}td input,td select{min-width:130px}small{color:#6b7e90}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#message{grid-column:2;position:sticky;bottom:12px;margin:0 24px 18px 0;padding:14px 20px;border:1px solid #eadfbd;border-radius:10px;background:#fff8e8;display:none;z-index:5}fieldset{border:1px solid #e0e8ef;border-radius:10px;padding:18px;margin:20px 0}legend{color:#617991;font-size:13px;font-weight:600;padding:0 8px}a{color:#416b99;text-underline-offset:3px}details{margin:16px 0}summary{cursor:pointer;color:#416b99}pre{white-space:pre-wrap;overflow-wrap:anywhere}body:has(>nav:empty){display:block}body>nav:empty{display:none}body:has(>nav:empty)>main{max-width:720px;margin:36px auto;padding:32px}body:has(>nav:empty)>#message{max-width:720px;margin:16px auto}body>header>a{font-size:13px;text-decoration:none;border:1px solid #dbe4ef;border-radius:8px;padding:8px 14px}@media(max-width:800px){body{display:block}body>header{padding:18px}h1{font-size:18px}body>nav{position:static;max-height:none;margin:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}body>nav:before{grid-column:1/-1;padding:4px 10px}main,body:has(>nav:empty)>main{margin:14px;padding:20px;min-height:300px}#message,body:has(>nav:empty)>#message{margin:14px}.grid{grid-template-columns:1fr}body>header h1:before{width:30px;height:30px;margin-right:8px}}
/* Premium light finish — supplier pages only. */
:root{background:#f2f5fa;color:#253c53}body>header{background:linear-gradient(110deg,#fff 20%,#f0f4fc 100%);border-bottom-color:#dbe4f0}body>header h1:before{background:linear-gradient(145deg,#5375a5,#6b63a4);color:white;box-shadow:0 4px 12px #586b9c20}body>nav{background:linear-gradient(165deg,#edf2fa,#f0eef8);border-color:#dce3f0;box-shadow:0 6px 20px #40578408}body>nav button[aria-current=page],body>nav button[aria-current=page]:hover{background:#45648d;color:#fff;border-color:#45648d;box-shadow:0 4px 10px #3f5d8b20}body>nav button{transition:background .16s,color .16s}main{border-color:#e0e7f1;box-shadow:0 8px 28px #35527608}main>h2{color:#2f496b}main>h2:after{content:'';display:block;width:32px;height:3px;border-radius:3px;background:#91a8ce;margin-top:10px}.card{background:linear-gradient(125deg,#f6f8fd,#eef3fa);border-color:#dce5f0;color:#34577f;box-shadow:0 3px 10px #35527605}.card:nth-child(2){background:linear-gradient(125deg,#f8f7fc,#f0eef8);color:#675d87}.card:nth-child(3){background:linear-gradient(125deg,#f4faf9,#ecf4f2);color:#3f7268}.card:nth-child(4){background:linear-gradient(125deg,#fcfaf6,#f7f2e9);color:#857047}th{background:#eef2f8;color:#4d6682}fieldset{background:#fcfdff}input:focus,select:focus,textarea:focus{border-color:#8fa8c9;box-shadow:0 0 0 3px #8fa8c918;outline:none}main button:not(:disabled){transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}main button:not(:disabled):hover{background:#e9eff8;border-color:#9cb3d0;box-shadow:0 3px 8px #36598214;transform:translateY(-1px)}main button.primary{background:#45648d;border-color:#45648d;box-shadow:0 2px 5px #3c59841a}main button.primary:not(:disabled):hover{background:#365679;border-color:#365679;box-shadow:0 4px 10px #36598225}main button:not(:disabled):active{transform:translateY(0);box-shadow:none}@media(prefers-reduced-motion:reduce){main button:not(:disabled){transition:none}main button:not(:disabled):hover{transform:none}}