:root{--navy:#102a43;--blue:#1367d1;--blue2:#e9f2ff;--ink:#172b3a;--muted:#657786;--line:#d9e2ec;--bg:#f3f6f9;--ok:#147d64;--warn:#9b5c0c;--danger:#b42318;--white:#fff;--shadow:0 12px 38px rgba(16,42,67,.09)}
@media(min-width:901px){#portalView .sp-grid{grid-template-columns:270px minmax(0,1fr)}#portalView .sp-side{position:static;max-height:calc(100dvh - 68px);overflow-y:auto;scrollbar-gutter:stable}#portalView .sp-side .sp-card-body{padding:10px}}
@media(max-width:900px){#portalView .sp-grid{grid-template-columns:minmax(0,1fr)}}
#orderStageNav{display:grid;gap:7px;margin-bottom:12px}.sp-stage-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;text-align:right;white-space:normal;padding:9px 10px;color:var(--navy);background:#fff;border:1px solid #becddb;border-radius:8px;cursor:pointer;font-weight:700}.sp-stage-button[aria-pressed="true"]{color:#fff;background:var(--navy);border-color:var(--navy);box-shadow:inset -4px 0 #62cbae}.sp-stage-button b{min-width:26px;text-align:center;border-radius:6px;padding:2px 5px;background:#e9f2ff;color:var(--navy)}.sp-stage-history{font-weight:400;font-size:11px}.sp-cartable-filters summary{cursor:pointer;min-height:32px;display:list-item}.sp-cartable-filters .field{margin-block:8px}#cartableFeedback{margin:0}#orderSectionSummary{font-size:12px;font-weight:700;color:var(--navy);line-height:1.8}#portalView .sp-order .sp-status{white-space:normal;text-align:right}#portalView .sp-order strong{flex-wrap:wrap}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;direction:rtl;color:var(--ink);font:14px/1.75 Tahoma,"Segoe UI",sans-serif;background:linear-gradient(180deg,#eef5ff 0,var(--bg) 260px);min-height:100vh}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(19,103,209,.25);outline-offset:2px}
.sp-shell{min-height:100vh}.sp-top{height:68px;padding:0 28px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 5px 18px rgba(16,42,67,.22)}.sp-brand{display:flex;align-items:center;gap:11px}.sp-brand img{width:40px;height:40px;border-radius:11px}.sp-brand strong{display:block;font-size:16px}.sp-brand small{display:block;color:#bad0e3;font-size:11px}.sp-top-actions{display:flex;align-items:center;gap:10px}.sp-top a,.sp-top button{color:#fff;background:transparent;border:1px solid #54708a;border-radius:9px;padding:7px 12px;text-decoration:none;cursor:pointer}
.sp-main{width:min(1440px,calc(100% - 32px));margin:22px auto 48px}.sp-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.sp-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.sp-card-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.sp-card-head h1,.sp-card-head h2,.sp-card-head h3{margin:0;font-size:17px}.sp-card-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.sp-card-body{padding:18px 20px}.sp-side{align-self:start;position:sticky;top:20px}.sp-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-stat{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.sp-stat strong{display:block;font-size:20px;color:var(--navy)}.sp-stat span{font-size:11px;color:var(--muted)}
.sp-list{display:grid;gap:9px}.sp-order{width:100%;text-align:right;border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff;cursor:pointer;display:grid;gap:4px}.sp-order:hover,.sp-order.is-active{border-color:var(--blue);background:#f6faff}.sp-order strong{display:flex;justify-content:space-between;gap:8px}.sp-order small{color:var(--muted)}.sp-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#edf2f7;color:#486581;font-size:11px;white-space:nowrap}.sp-status.submitted{background:#fff4df;color:var(--warn)}.sp-status.accepted{background:#e8f7f2;color:var(--ok)}.sp-status.changes_requested,.sp-status.rejected{background:#fff0ee;color:var(--danger)}
.sp-empty{padding:44px 18px;text-align:center;color:var(--muted)}.sp-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:9px;padding:9px 14px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-danger{background:#fff0ee;color:var(--danger);border:1px solid #f2b8b5}.btn:disabled{opacity:.5;cursor:not-allowed}
.sp-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.sp-meta div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#f8fafc}.sp-meta span{display:block;color:var(--muted);font-size:11px}.sp-meta strong{display:block;margin-top:2px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;min-width:1120px;border-collapse:collapse;text-align:right}th{position:sticky;top:0;background:#edf3f8;color:#334e68;font-size:11px;padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px;border-bottom:1px solid #edf1f5;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.ltr{direction:ltr;text-align:left}.qty{font-weight:700;font-variant-numeric:tabular-nums}.line-control{width:92px;height:37px;border:1px solid #b8c7d5;border-radius:8px;padding:0 8px;background:#fff}.line-note{width:190px;height:37px;border:1px solid #b8c7d5;border-radius:8px;padding:0 8px}.unavailable-row{background:#fff7f6;color:#7a271a}.changed-row{background:#fffaf0}
.sp-form{display:grid;gap:12px}.sp-form.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:5px}.field span{color:#526676;font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #b8c7d5;border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink)}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.hint{color:var(--muted);font-size:11px}.error{border:1px solid #f2b8b5;background:#fff0ee;color:#8f2119;padding:10px 12px;border-radius:9px}.success{border:1px solid #9dd8c6;background:#e8f7f2;color:#11624f;padding:10px 12px;border-radius:9px}.sp-login{width:min(460px,calc(100% - 30px));margin:65px auto}.sp-login .sp-card-body{padding:26px}.sp-login h1{margin:0 0 4px}.sp-login p{margin:0 0 20px;color:var(--muted)}
.conversation{display:grid;gap:8px;max-height:260px;overflow:auto;margin:10px 0}.message{max-width:78%;padding:9px 11px;border-radius:11px;background:#edf3f8}.message.supplier{margin-right:auto;background:var(--blue2)}.message small{display:block;color:var(--muted);font-size:10px}.comment-row{display:flex;gap:8px}.comment-row input{flex:1;border:1px solid #b8c7d5;border-radius:9px;padding:9px 11px}.hidden{display:none!important}.section-gap{margin-top:16px}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-table{min-width:900px}.review-banner{padding:12px 15px;border-radius:10px;background:#fff4df;color:#70420a;margin-bottom:12px}
@media(max-width:900px){.sp-main{width:min(100% - 18px,1440px);margin-top:10px}.sp-grid,.admin-layout{grid-template-columns:1fr}.sp-side{position:static}.sp-meta{grid-template-columns:1fr 1fr}.sp-top{height:auto;padding:10px 12px}.sp-brand small{display:none}.sp-form.two{grid-template-columns:1fr}}@media(max-width:520px){.sp-meta{grid-template-columns:1fr}.sp-card-head,.sp-card-body{padding:13px}.sp-top-actions span{display:none}.btn{padding:8px 10px;font-size:12px}}

/* Compact supplier workspace */
body{font-size:13px;line-height:1.6}.sp-top{height:56px;padding-inline:20px}.sp-brand{gap:9px}.sp-brand img{width:34px;height:34px;border-radius:9px}.sp-brand strong{font-size:14px}.sp-main{width:min(1500px,calc(100% - 22px));margin:12px auto 32px}.sp-grid{grid-template-columns:270px minmax(0,1fr);gap:12px}.sp-card{border-radius:12px;box-shadow:0 7px 22px rgba(16,42,67,.07)}.sp-card-head{padding:11px 14px;gap:10px}.sp-card-head h1,.sp-card-head h2,.sp-card-head h3{font-size:15px}.sp-card-body{padding:12px 14px}.sp-side{top:12px}.sp-stat{padding:8px 10px;border-radius:8px}.sp-stat strong{font-size:17px}.sp-order{padding:9px 10px;border-radius:9px}.sp-status{padding:3px 7px;font-size:10px}.btn{min-height:34px;border-radius:8px;padding:6px 11px;font-size:12px}.btn:disabled{opacity:1;background:#e5eaf0!important;border-color:#d2dae3!important;color:#7b8794!important;box-shadow:none;cursor:not-allowed}.sp-meta{gap:7px;margin-bottom:10px}.sp-meta div{padding:7px 9px;border-radius:8px}.sp-meta span{font-size:10px}.sp-meta strong{font-size:12px}.sp-form{gap:9px}.field{gap:3px}.field span{font-size:11px}.field input,.field select,.field textarea{border-radius:7px;padding:7px 9px}.section-gap{margin-top:11px}.table-wrap{border-radius:9px}table{min-width:1040px}th{padding:6px 7px;font-size:10px}td{padding:6px 7px;font-size:12px}.line-control{width:82px;height:32px;border-radius:6px}.changed-row{background:#fff8e7;box-shadow:inset -3px 0 #d48a0a}.compact-order-table{max-height:calc(100vh - 330px);scrollbar-gutter:stable}.line-filters{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:7px;margin-inline:0;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.line-filters legend{padding-inline:5px;color:#486581;font-size:10px;font-weight:700}.line-filters label{display:grid;gap:3px}.line-filters label span{color:#526676;font-size:10px;font-weight:700}.line-filters input,.line-filters select{width:100%;height:31px;border:1px solid #b8c7d5;border-radius:6px;padding:0 7px;background:#fff;color:var(--ink);font-size:11px}.filter-count{align-self:center;color:var(--muted);font-size:10px;white-space:nowrap}.response-actions{padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}.response-actions .hint{flex:1;min-width:230px}.conversation-section h3{margin:0;font-size:13px}.conversation{max-height:190px}.message{padding:7px 9px;border-radius:9px}.comment-row input{padding:7px 9px;border-radius:7px}
@media(max-width:900px){.sp-main{width:min(100% - 12px,1500px);margin-top:7px}.sp-grid{gap:8px}.line-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-count{grid-column:1/-1}.compact-order-table{max-height:62vh}}@media(max-width:520px){body{font-size:13px}.sp-card-head,.sp-card-body{padding:10px}.line-filters{grid-template-columns:1fr}.filter-count{grid-column:auto}.line-filters input,.line-filters select,.field input,.field select,.field textarea,.comment-row input{min-height:44px;font-size:16px}.btn{min-height:44px}.response-actions{align-items:stretch}.response-actions .btn{width:100%}.response-actions .hint{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Table-first desktop layout */
.conversation-section{border-top:1px solid var(--line);padding-top:5px}.conversation-toggle{width:100%;min-height:30px;border:0;background:transparent;color:var(--navy);padding:3px 2px;text-align:right;font-weight:700;cursor:pointer}.conversation-toggle::after{content:"";float:left;width:7px;height:7px;margin:7px 4px 0;border-left:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(135deg)}.conversation-section.is-collapsed .conversation,.conversation-section.is-collapsed .comment-row{display:none}.conversation-section.is-collapsed .conversation-toggle::after{margin-top:3px;transform:rotate(-45deg)}
@media(min-width:901px){.sp-main{height:calc(100dvh - 68px);margin-bottom:0}.sp-grid{height:100%;grid-template-columns:230px minmax(0,1fr)}#orderDetail{height:100%;min-height:0;display:flex;flex-direction:column}#orderDetail>.sp-card-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}#responseForm{flex:1;min-height:0;display:flex;flex-direction:column}.compact-order-table{flex:1;min-height:260px;max-height:none}.conversation-section{flex:none;margin-top:5px}.response-actions{margin-top:6px}.sp-side .sp-card-head{padding-inline:11px}.sp-side .sp-card-body{padding:9px}.sp-side .sp-order{padding:8px}}

/* High-density table focus: keep controls visible without taking table height. */
@media(min-width:901px){.sp-grid{grid-template-columns:200px minmax(0,1fr);gap:8px}#orderDetail>.sp-card-head{min-height:46px;padding:6px 10px;align-items:center}#orderDetail>.sp-card-head h1{font-size:14px}#orderDetail>.sp-card-head p{margin-top:0;font-size:10px}#orderDetail>.sp-card-body{padding:6px 9px}#orderDetail .sp-meta{display:flex;gap:0;margin:0 0 5px;min-height:30px;border:1px solid var(--line);border-radius:7px;background:#f8fafc}#orderDetail .sp-meta div{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:5px;border:0;border-left:1px solid var(--line);border-radius:0;padding:3px 7px;background:transparent}#orderDetail .sp-meta div:last-child{border-left:0}#orderDetail .sp-meta span{display:inline;white-space:nowrap}#orderDetail .sp-meta strong{display:inline;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#responseForm>.sp-form.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#responseForm>.sp-form.two .field{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:5px}#responseForm>.sp-form.two .field input{height:30px;padding-block:3px}.line-filters{position:relative;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:5px;margin-top:5px;padding:4px 6px}.line-filters legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.line-filters label{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:4px}.line-filters input,.line-filters select{height:29px}.compact-order-table{min-height:320px;margin-top:5px}.response-actions{min-height:36px;margin-top:4px;padding:2px 6px}.response-actions .btn{min-height:30px;padding-block:3px}.conversation-section{margin-top:3px;padding-top:2px}.conversation-toggle{min-height:25px;padding-block:1px}.sp-side .sp-card-head{padding:8px}.sp-side .sp-card-body{padding:6px}.sp-side .sp-stats{gap:4px}.sp-side .sp-stat{padding:5px 6px}.sp-side .sp-order{padding:6px;font-size:11px}}

/* True table-first layout: controls above, action bar below, chat in a popover. */
.conversation-section.is-collapsed{display:none}.conversation-section:not(.is-collapsed){position:fixed;z-index:100;left:16px;bottom:16px;width:min(430px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 32px));margin:0;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 55px rgba(16,42,67,.24);overflow:auto}.conversation-section:not(.is-collapsed) h3{margin:0 0 8px}.conversation-section:not(.is-collapsed) .conversation{max-height:320px}.conversation-toggle::after{display:none}
@media(min-width:901px){.sp-top{height:48px}.sp-main{height:calc(100dvh - 56px);margin-top:8px}.sp-grid{grid-template-columns:190px minmax(0,1fr);gap:6px}#orderDetail>.sp-card-head{min-height:40px;padding:4px 8px}#orderDetail>.sp-card-body{display:flex;flex-direction:column;gap:3px;padding:4px 7px}#responseForm{display:flex;flex:1;min-height:0;flex-direction:column;gap:3px}#orderDetail .sp-meta{min-height:26px;margin:0}#orderDetail .sp-meta div{padding-block:1px}#responseForm>.sp-form.two{height:28px}#responseForm>.sp-form.two .field input{height:28px}.line-filters{height:34px;margin:0;padding-block:2px}.line-filters input,.line-filters select{height:27px}.compact-order-table{flex:1;min-height:0!important;height:auto;margin:0}.response-actions{flex:none;align-self:stretch;min-height:34px;margin:0;padding:2px 5px;background:#f3f7fb;border-color:#cbd8e5}.response-actions .btn{min-height:29px}.conversation-toggle{min-height:29px!important}.sp-side .sp-card-head{padding-block:6px}.sp-side .sp-card-body{padding:5px}}

/* Wide screens: one compact control row, roughly one third of the former header area. */
@media(min-width:1280px){#orderDetail>.sp-card-head{min-height:32px;height:32px;padding:2px 7px;flex-wrap:nowrap}#orderDetail>.sp-card-head>div:first-child{min-width:0}#orderDetail>.sp-card-head h1{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#orderDetail>.sp-card-head p{display:none}#orderDetail>.sp-card-head .sp-toolbar{flex-wrap:nowrap;gap:4px}#orderDetail>.sp-card-head .btn{min-height:26px;padding:2px 7px;font-size:10px}#orderDetail>.sp-card-head .sp-status{padding:2px 6px}#orderDetail .sp-meta{display:none}#responseForm{display:grid;grid-template-columns:minmax(380px,.8fr) minmax(0,1.5fr);grid-template-rows:32px minmax(0,1fr) 34px;gap:3px}#responseForm>.sp-form.two{grid-column:1;grid-row:1;height:32px;gap:4px}#responseForm>.sp-form.two .field{gap:3px}#responseForm>.sp-form.two .field span{font-size:10px}#responseForm>.sp-form.two .field input{height:27px;font-size:11px}.line-filters{grid-column:2;grid-row:1;height:32px;grid-template-columns:repeat(4,minmax(90px,1fr)) auto;padding:2px 4px}.line-filters label span{font-size:9px}.line-filters input,.line-filters select{height:26px;padding-inline:5px;font-size:10px}.filter-count{font-size:9px}.compact-order-table{grid-column:1/-1;grid-row:2}.response-actions{grid-column:1/-1;grid-row:3}}

/* Order detail loading keeps the workspace stable while the request is pending. */
.sp-detail-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;padding:24px;text-align:center;color:var(--navy)}
.sp-detail-state .error{max-width:560px}
.sp-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;animation:sp-loading-spin .8s linear infinite}
.sp-order[aria-busy="true"]{cursor:progress;opacity:1}
.sp-order-loading{color:var(--navy);font-weight:700}
@keyframes sp-loading-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sp-spinner{animation:none}}
.shipping-priority{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:3px 8px;border:1px solid #cad5df;border-radius:999px;background:#f5f7f9;color:#334e68;font-size:10px;font-weight:700;white-space:nowrap}.shipping-priority>span{width:7px;height:7px;border-radius:50%;background:currentColor}.shipping-priority-urgent{border-color:#e39a95;background:#fee2e2;color:#991b1b}.shipping-priority-high{border-color:#efbd74;background:#fff4df;color:#7a4300}.shipping-priority-normal{border-color:#9bc9ba;background:#e8f7f2;color:#11624f}.shipping-priority-low{color:#526676}.shipping-priority-row-urgent>td{background:#fff0f0!important;border-bottom-color:#efb4b0}.shipping-priority-row-urgent>td:first-child{box-shadow:inset -4px 0 #b42318}