:root{--ink:#172c38;--muted:#72808a;--line:#e2e8eb;--paper:#fff;--bg:#f4f7f8;--accent:#087c75;--pale:#e6f4f0;--orange:#aa631b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.65 'Segoe UI','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:7px;background:var(--accent);color:white;padding:9px 15px;font-weight:600;white-space:nowrap}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:white;border-color:#ccd9dc;color:var(--ink)}button.quiet{background:transparent;color:var(--muted);border:0}button.small{padding:5px 10px;font-size:12px}input,select,textarea{border:1px solid #ccd7dc;border-radius:6px;background:white;color:var(--ink);padding:9px 10px;min-width:0;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #8bcec3;outline-offset:1px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:none}input:disabled{background:#f3f5f6}label{display:flex;flex-direction:column;gap:6px;color:#526773;font-size:13px;margin:10px 0}.check{flex-direction:row;align-items:center;gap:8px}aside{width:218px;position:fixed;inset:0 auto 0 0;background:#17343b;color:#e6f0f0;padding:28px 18px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:11px;padding:0 7px 36px;font-size:18px;font-weight:700}.logo>span{display:grid;place-items:center;width:35px;height:38px;background:#b8e1d4;border-radius:9px;color:#143b39;font-size:24px}.logo small{display:block;font-size:8px;font-weight:500;letter-spacing:1.1px;color:#97b5b9;margin-top:3px}nav{display:flex;flex-direction:column;gap:7px}nav button{text-align:left;background:transparent;color:#bdcfd1;padding:12px 14px;font-weight:400}nav button.active{background:#2d4b50;color:#fff}nav span{float:right;color:#a8d7cd}.aside-foot{margin-top:auto;font-size:12px;color:#aac3c7;padding:15px 7px}.aside-foot span{font-size:10px;color:#7fa0a6}.shell{margin-left:218px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:26px 36px 22px;background:white;border-bottom:1px solid var(--line)}h1{font-size:25px;line-height:1.4;margin:3px 0 0;font-weight:650}h2{font-size:17px;margin:0 0 5px;font-weight:650}h3{font-size:16px;margin:7px 0}p{color:var(--muted);margin:6px 0 14px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent)}.header-actions,.actions{display:flex;align-items:center;gap:9px}.pill{font-size:12px;border-radius:20px;background:#eef2f3;color:#697b83;padding:5px 11px}.pill.good{background:var(--pale);color:var(--accent)}main{padding:22px 36px;max-width:1900px;margin:auto}.notice{padding:12px 16px;background:#fff5e9;border:1px solid #f1dfc9;border-radius:8px;font-size:12px;color:#8e6130;display:flex;gap:14px;margin-bottom:15px}.notice strong{white-space:nowrap}.notice.subtle{display:block;background:#f4f8f9;border-color:#e4ecef;color:#687d85;margin:15px 0}.sync-status{color:var(--muted);font-size:12px;margin:8px 2px 15px;white-space:pre-wrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metrics>div{border:1px solid var(--line);padding:18px 22px;background:white;border-radius:9px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:30px;font-weight:600;line-height:1.5}.metrics>div:nth-child(4) strong{color:var(--accent)}.panel{background:white;border:1px solid var(--line);border-radius:10px;margin:0 0 20px;padding:22px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-top p{font-size:12px;margin:0}.flow{display:flex;align-items:center;gap:10px;font-size:11px;color:#5e807b}.flow b{color:#b5c5ca;font-weight:400}.toolbar{display:flex;align-items:center;gap:10px;margin:23px 0 14px}.toolbar>input{max-width:300px}.toolbar>select{max-width:145px}.toolbar .muted{margin-left:auto;font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:normal;text-align:left}th{background:#f6f8f9;padding:12px 10px;color:#6e818a;font-weight:500;font-size:12px;white-space:nowrap}td{border-bottom:1px solid #edf0f2;padding:16px 10px;vertical-align:top;font-size:12px}td small,.sub{display:block;font-size:11px;color:var(--muted);margin-top:3px}td strong{font-weight:600}td:first-child input{margin-top:3px}.tag{display:inline-block;padding:3px 8px;border-radius:5px;font-size:11px;white-space:nowrap;background:#eef2f4;color:#687d87}.tag.warning{background:#fff0de;color:#a56e23}.tag.good{background:var(--pale);color:var(--accent)}.tag.bad{background:#fceaea;color:#b85551}.empty{text-align:center;padding:60px 15px}.empty p{font-size:12px;line-height:1.9}.empty-icon{font-size:34px;color:#58928a;background:#edf6f3;margin:0 auto 15px;width:66px;height:66px;line-height:60px;border-radius:19px}.batchbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:18px}.batchbar>span{font-size:11px;color:var(--muted)}.batchbar>div{display:flex;gap:8px}.muted{color:var(--muted)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.columns .panel{margin-bottom:20px}.columns p{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid label{min-width:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:22px}.product-card{padding:18px;border:1px solid var(--line);border-radius:8px}.product-card .sku{font-size:18px;font-family:Consolas,monospace}.product-card ul{padding-left:17px;color:var(--muted);font-size:12px}.product-card a,a{color:var(--accent);text-decoration:none}.candidate{background:#f7f9fa;border-radius:5px;padding:10px 12px;margin-top:10px;font-size:12px}.candidate p{font-size:11px;margin:4px 0}.history{margin-top:15px;font-size:12px;color:var(--muted)}.history>div>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.audit-row{display:grid;grid-template-columns:170px 140px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.audit-row time{color:var(--muted)}footer{padding:15px 36px 25px;color:#92a1a8;font-size:10px}dialog{padding:0;border:1px solid #d4dfe3;border-radius:12px;box-shadow:0 24px 100px #17303b38;width:min(1050px,95vw);max-height:92vh;color:var(--ink)}dialog::backdrop{background:#14333a66;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head small{font-size:11px;color:var(--muted)}.dialog-body{padding:22px 24px;max-height:70vh;overflow:auto}.dialog-foot{padding:17px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:15px;align-items:center}.draft-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.draft-layout h3{font-size:14px}.draft-layout .form-grid{gap:0 12px}.data-block{padding:12px 14px;background:#f6f8f9;border-radius:7px;margin:10px 0;font-size:12px;white-space:pre-wrap}.issue-list{background:#fff4e7;color:#9a6827;padding:13px 15px;border-radius:7px;font-size:12px;line-height:1.8;margin-top:15px}.review-card{border:1px solid var(--line);padding:16px;border-radius:8px;margin-bottom:12px}.review-card .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;font-size:12px}.review-card p{margin:4px 0}.quote-table{margin-top:15px;max-height:260px;overflow:auto}.quote-table td{padding:10px;font-size:11px}.money{color:var(--accent);font-weight:600}#message{position:fixed;bottom:25px;left:calc(50% + 70px);transform:translateX(-50%);z-index:1000;max-width:760px;background:#173f40;color:white;padding:14px 22px;border-radius:8px;box-shadow:0 10px 30px #0002;white-space:pre-wrap}#message.error{background:#9a433e}pre{padding:15px;background:#f3f6f7;white-space:pre-wrap;font-size:12px}[hidden]{display:none!important}@media(max-width:1200px){aside{width:185px}.shell{margin-left:185px}header,main{padding-left:22px;padding-right:22px}.flow{display:none}.header-actions{gap:5px}.header-actions button{padding:8px 10px}.header-actions .pill{display:none}}@media(max-width:850px){aside{position:static;width:auto;padding:13px 15px}.logo,.aside-foot{display:none}nav{flex-direction:row;overflow:auto}nav button{padding:8px 12px;white-space:nowrap}.shell{margin:0}header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.metrics{grid-template-columns:repeat(2,1fr)}.columns,.draft-layout{grid-template-columns:1fr}.panel-top,.batchbar{flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar .muted{margin-left:0}.notice{display:block}.notice strong{display:block}.notice span{font-size:11px}.audit-row{grid-template-columns:1fr}main{padding:16px}.panel{padding:15px}}
#loginDialog{width:min(430px,94vw)}#loginDialog .dialog-head{background:#17343b;color:white}#loginDialog .dialog-head small{color:#9fc4c4}.role-note{font-size:11px;color:var(--muted)}.locked{opacity:.55;pointer-events:none}.user-action{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:6px}.first-login{background:#fff5e9;color:#9a6827}#currentUser{background:#edf6f3;color:#087c75}.audit-row.enterprise{grid-template-columns:160px 110px 150px 1fr}
.metrics.compact{margin-top:20px}.metrics.compact>div{padding:13px 18px}.metrics.compact strong{font-size:22px}
.auth-source{display:flex;align-items:center;gap:14px;padding:14px 0}.auth-source>div{flex:1}.auth-source p{margin:3px 0}.auth-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e8f5f1;color:#087c75;font-weight:700}.muted-card .auth-icon{background:#f0f2f3;color:#77868c}.purchase-record{padding:0 0 9px;margin:0 0 9px;border-bottom:1px solid #edf0f2}.purchase-record:last-child{border:0;margin:0;padding:0}#alibabaSearchForm{display:flex}#alibabaSearchForm input{max-width:260px}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 12px;margin:12px 0}.choice-grid .check{border:1px solid var(--line);border-radius:7px;padding:9px 11px;margin:0;background:#fafcfc;align-items:flex-start}.choice-grid .check span{display:block;min-width:0}.choice-grid .check small{display:block;color:var(--muted);font-size:10px;margin-top:2px}fieldset{border:1px solid var(--line);border-radius:8px;margin:10px 0 16px;padding:8px 12px}legend{padding:0 6px;color:#526773;font-size:12px}
.auto-card{border:1px solid #dce7e7;border-radius:11px;background:#f7faf9;padding:18px 20px}.auto-card.ready{border-color:#b9ded5;background:#f1faf7}.auto-card.attention{border-color:#ecd8bd;background:#fffaf3}.auto-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.auto-card-head h3{margin:2px 0 0;font-size:18px}.auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.auto-grid>div{background:#fff;border:1px solid #e1e9e8;border-radius:8px;padding:12px 14px;min-width:0}.auto-grid small,.auto-grid span{display:block;color:var(--muted);font-size:11px}.auto-grid strong{display:block;margin:3px 0;overflow-wrap:anywhere}.auto-ok{margin:14px 0 0;padding:11px 14px;border-radius:7px;background:var(--pale);color:var(--accent);font-size:12px}.draft-editor{margin-top:16px;border:1px solid var(--line);border-radius:8px;background:#fff}.draft-editor>summary{cursor:pointer;padding:13px 16px;color:#526773;font-weight:600}.draft-editor[open]>summary{border-bottom:1px solid var(--line)}.draft-editor>form{padding:12px 16px 17px}.draft-editor .actions{justify-content:flex-end}.auto-card .actions{flex-wrap:wrap}.auto-card .actions .muted{font-size:11px}@media(max-width:850px){.auto-grid{grid-template-columns:1fr}.auto-card{padding:14px}}
#tradeNotice.trade-ready{background:#edf8f5;border-color:#cce8e0;color:#126b62}
.ip-notice{align-items:center}.ip-notice>span{flex:1}.ip-notice .notice-actions{display:flex;gap:8px;margin-left:auto}.ip-notice.ip-ok{background:#edf8f5;border-color:#cce8e0;color:#126b62}.ip-notice.ip-required{background:#fceaea;border-color:#ebc2bf;color:#9a433e}.ip-notice.ip-checking{background:#f4f8f9;border-color:#e4ecef;color:#687d85}@media(max-width:850px){.ip-notice .notice-actions{margin:10px 0 0}}
.metrics>.metric-filter{border:1px solid var(--line);padding:18px 22px;background:white;border-radius:9px;color:var(--ink);text-align:left;transition:border-color .15s,box-shadow .15s,background .15s}.metrics>.metric-filter:hover{filter:none;border-color:#80bbb2;background:#f8fcfb}.metrics>.metric-filter.active{border-color:var(--accent);box-shadow:0 0 0 2px #087c7522;background:#f1faf7}.metrics>.metric-filter small{display:block;color:#8a9a9f;font-size:11px;font-weight:400}.metrics>.metric-filter:nth-child(4) strong{color:var(--accent)}
.notice.alert-danger{background:#fceaea;border-color:#e5b8b4;color:#9a433e}.notice.alert-warning{background:#fff4df;border-color:#edd5a8;color:#8d5d19}.notice.alert-danger span,.notice.alert-warning span{overflow-wrap:anywhere}.urgent-row{background:#fff8f7}.urgent-row:hover{background:#fff1ef}.deadline-danger{color:#b6413c!important;font-weight:700}.sound-off{color:#9a433e!important;border-color:#deb7b4!important}
.return-metrics strong,.return-risk-rate{color:#b6413c!important}.return-metrics>div{border-color:#edd0cd}
#queueTab table th{font-size:14px;padding:14px 12px}#queueTab table td{font-size:14px;padding:18px 12px;line-height:1.75}#queueTab table td small{font-size:12.5px;line-height:1.65;margin-top:5px}#queueTab table .tag{font-size:12px}#queueTab table button.small{font-size:13px;padding:7px 12px}
.statistics-filter{display:grid;grid-template-columns:110px 150px 150px minmax(160px,1fr) minmax(190px,1fr) 130px auto;gap:10px;align-items:end;margin-top:16px}.statistics-filter label{margin:0}.stats-metrics{grid-template-columns:repeat(7,minmax(0,1fr))}.stats-metrics>div{padding:15px 17px}.stats-metrics strong{font-size:23px;overflow-wrap:anywhere}.stats-metrics small{display:block;color:var(--muted);font-size:10px}.table-scroll.tall{max-height:520px}.statistics-filter button{height:42px}@media(max-width:1450px){.statistics-filter{grid-template-columns:repeat(4,minmax(150px,1fr))}.stats-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.statistics-filter{grid-template-columns:1fr 1fr}.stats-metrics{grid-template-columns:repeat(2,1fr)}}
.danger-text{color:var(--danger,#b53a2f)!important;font-weight:700}
.exception-metrics>div:nth-child(2) strong,.exception-metrics>div:nth-child(3) strong{color:var(--danger)}.exception-metrics>div:nth-child(4) strong{color:var(--warning)}.exception-toolbar>select{max-width:175px}.exception-toolbar #exceptionShowing{margin-left:auto}.tag.severity-critical{background:#f9d9d6;color:#9f302a;font-weight:700}.tag.severity-high{background:#ffead1;color:#99570b;font-weight:700}.tag.severity-medium{background:#e8f0f3;color:#526d78}.exception-overdue{background:#fff8f7}.exception-overdue:hover{background:#fff2ef}#exceptionsTab td:nth-child(3){min-width:300px}#exceptionsTab td:nth-child(4){min-width:190px}#exceptionsTab td:nth-child(5){min-width:175px}@media(max-width:850px){.exception-toolbar{align-items:stretch}.exception-toolbar>input,.exception-toolbar>select{max-width:none}.exception-toolbar #exceptionShowing{margin-left:0}}

/* 3.5 commercial operations shell */
:root{--ink:#162c3a;--muted:#6c7c86;--line:#dfe7ea;--bg:#f3f6f8;--accent:#087d75;--accent-dark:#075e59;--pale:#e8f5f1;--nav:#12343c;--nav-soft:#204950;--danger:#b8443f;--warning:#a86515}body{font-size:14.5px;background:linear-gradient(180deg,#f7fafb 0,#f2f6f7 320px)}aside{width:242px;padding:24px 17px 20px;background:linear-gradient(180deg,#12343c 0%,#102f36 100%);box-shadow:7px 0 24px #1538410d;overflow-y:auto}.shell{margin-left:242px}.logo{padding:0 9px 24px;font-size:18px;line-height:1.25}.logo>span{width:40px;height:42px;border-radius:12px;background:linear-gradient(145deg,#d7f1e8,#91cdbc);box-shadow:0 8px 22px #071f2438}.logo small{font-size:8px;letter-spacing:1.25px;line-height:1.45}.nav-group{margin:16px 13px 5px;color:#708f94;font-size:10px;font-weight:700;letter-spacing:1.4px}nav{gap:3px}nav button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 11px;border-radius:9px;color:#c8d8da;font-size:13px}nav button:hover{filter:none;background:#1a4249;color:#fff}nav button.active{background:linear-gradient(100deg,#2a575d,#244b51);box-shadow:inset 3px 0 #78cbbb;color:#fff}.nav-icon{float:none!important;display:grid;width:23px;height:23px;place-items:center;border-radius:7px;background:#ffffff0b;color:#a8cfca;font-style:normal;font-size:12px;flex:none}.nav-text{float:none!important;min-width:0}.nav-badge{float:none!important;margin-left:auto;min-width:22px;padding:1px 7px;border-radius:12px;background:#ffffff10;color:#b5ded5;text-align:center;font-size:11px}.nav-badge.danger:not(:empty){color:#ffd0cb}.aside-foot{padding:22px 10px 4px}.aside-foot strong{color:#dce9e9;font-size:11px}.aside-foot span{line-height:1.8}header{position:sticky;top:0;z-index:40;padding:19px 34px;background:#ffffffee;backdrop-filter:blur(13px);box-shadow:0 4px 18px #193d450a}header h1{font-size:24px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions button{min-height:37px}.header-actions #syncAll{background:linear-gradient(135deg,var(--accent),#0c9186);box-shadow:0 7px 17px #087c7524}main{padding:24px 34px 40px;max-width:1880px}.panel{border-radius:14px;box-shadow:0 8px 28px #20394008}.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px;padding:26px 30px;border:1px solid #c9e3de;border-radius:16px;background:linear-gradient(125deg,#eef9f6 0%,#ffffff 58%,#f2f8fa 100%);box-shadow:0 12px 34px #18463d0a}.dashboard-hero:after{content:'';position:absolute;right:-70px;top:-105px;width:250px;height:250px;border:46px solid #91d0c12c;border-radius:50%;pointer-events:none}.dashboard-hero h2{margin:3px 0 2px;font-size:24px;letter-spacing:-.3px}.dashboard-hero p{margin:5px 0 0}.hero-actions{position:relative;z-index:1;display:flex;gap:10px}.dashboard-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:18px}.dashboard-kpi{position:relative;min-width:0;padding:18px 18px 16px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 7px 24px #20394008;transition:transform .16s,border-color .16s,box-shadow .16s}.dashboard-kpi:hover{filter:none;transform:translateY(-2px);border-color:#9fcfc7;box-shadow:0 10px 28px #164d4512}.dashboard-kpi:before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:3px;border-radius:0 3px 3px 0;background:#98c8c1}.dashboard-kpi.warning:before{background:#dc9e48}.dashboard-kpi.danger:before{background:#d46a63}.dashboard-kpi.good:before{background:#39a890}.dashboard-kpi span,.dashboard-kpi small{display:block;overflow:hidden;text-overflow:ellipsis}.dashboard-kpi span{color:#637680;font-size:12px}.dashboard-kpi strong{display:block;margin:3px 0 1px;font-size:29px;line-height:1.35}.dashboard-kpi small{color:#96a2a7;font-size:10px;white-space:nowrap}.dashboard-kpi.warning strong{color:var(--warning)}.dashboard-kpi.danger strong{color:var(--danger)}.dashboard-kpi.good strong{color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:18px}.dashboard-grid.dashboard-bottom{grid-template-columns:1.15fr .85fr}.dashboard-card{min-width:0;padding:21px 23px;margin-bottom:18px}.dashboard-card .panel-top{align-items:flex-start}.trend-total{padding:4px 10px;border-radius:16px;background:var(--pale);color:var(--accent);font-size:12px;font-weight:700;white-space:nowrap}.task-list{display:grid;gap:8px;margin-top:17px}.task-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:1px solid #e5ebed;border-radius:10px;background:#fafcfc;color:var(--ink);text-align:left}.task-item:hover{filter:none;border-color:#b9d7d2;background:#f7fbfa}.task-dot{width:9px;height:9px;border-radius:50%;background:#82969d;flex:none}.task-item.good .task-dot{background:#25a187}.task-item.warning .task-dot{background:#d9963b}.task-item.danger .task-dot{background:#cf5a54}.task-copy{min-width:0;display:block;flex:1}.task-copy strong,.task-copy small{display:block}.task-copy strong{font-size:13px}.task-copy small{margin-top:1px;color:var(--muted);font-size:11px;white-space:normal}.task-action{font-size:11px;color:var(--accent);white-space:nowrap}.all-clear{display:flex;align-items:center;gap:13px;padding:24px 14px;color:var(--accent)}.all-clear>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pale);font-size:18px}.all-clear strong,.all-clear small{display:block}.all-clear small{color:var(--muted);margin-top:2px}.trend-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:9px;height:188px;padding:20px 3px 0}.trend-column{display:grid;grid-template-rows:20px 1fr 23px;align-items:end;height:100%;min-width:0;text-align:center}.trend-column>strong{color:#536972;font-size:11px}.trend-column>small{align-self:end;color:#87969c;font-size:10px}.trend-track{position:relative;height:128px;border-radius:7px;background:#f1f5f6;overflow:hidden}.trend-track span{position:absolute;inset:auto 0 0;background:linear-gradient(180deg,#58b9a8,#0a7f76);border-radius:7px 7px 3px 3px;min-height:2px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.status-item{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px;border:1px solid #e7edef;border-radius:10px;background:#fbfcfd}.status-light{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#d49a47;box-shadow:0 0 0 4px #f9ecd8;flex:none}.status-light.ok{background:#229b82;box-shadow:0 0 0 4px #ddf2ec}.status-item>div{min-width:0}.status-item small,.status-item strong{display:block;overflow-wrap:anywhere}.status-item small{color:#7c8d94;font-size:10px}.status-item strong{margin:1px 0;font-size:13px}.status-item p{margin:0;font-size:10px;line-height:1.45}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.capability-grid span{position:relative;padding:10px 11px 10px 31px;border:1px solid #e4eceb;border-radius:9px;background:#f7fbfa;color:#47615f;font-size:11px}.capability-grid span:before{content:'✓';position:absolute;left:11px;color:var(--accent);font-weight:800}.dashboard-system{margin-top:2px}.dashboard-system .notice{box-shadow:none}.dashboard-system .sync-status{padding:0 3px}.notice{border-radius:10px}
@media(max-width:1480px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.dashboard-grid.dashboard-bottom{grid-template-columns:1fr 1fr}}@media(max-width:1200px){aside{width:205px}.shell{margin-left:205px}.dashboard-grid,.dashboard-grid.dashboard-bottom{grid-template-columns:1fr}.header-actions #currentUser{display:none}.capability-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){aside{position:static;width:auto;padding:11px 14px;overflow:visible}.shell{margin-left:0}.nav-group{display:none}nav{flex-direction:row;gap:6px}nav button{width:auto;min-height:38px;padding:7px 10px}.nav-icon{display:none}.nav-badge{margin-left:3px}header{top:0;padding:13px 16px}header>div:first-child .eyebrow{display:none}header h1{font-size:20px}.header-actions #connection,.header-actions #soundToggle{display:none}main{padding:15px}.dashboard-hero{padding:20px;align-items:flex-start}.dashboard-hero:after{display:none}.dashboard-hero h2{font-size:20px}.hero-actions{flex-direction:column}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:17px}.capability-grid,.status-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dashboard-hero{display:block}.hero-actions{margin-top:15px;flex-direction:row}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpi{padding:14px}.dashboard-kpi strong{font-size:24px}.capability-grid,.status-grid{grid-template-columns:1fr}.trend-bars{gap:5px}}

.fulfillment-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.fulfillment-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(180px,.8fr) minmax(160px,.7fr) auto}.fulfillment-toolbar>input,.fulfillment-toolbar>select{max-width:none}.fulfillment-actions{display:flex;align-items:center;gap:9px;margin:0 0 13px}.fulfillment-actions .action-spacer{flex:1}.fulfillment-actions button{white-space:nowrap}#fulfillmentConnector{margin:0 0 16px}#fulfillmentConnector span{display:block;margin-top:4px}#fulfillmentRows td{vertical-align:top}.fulfillment-lines{display:grid;gap:3px}.fulfillment-line{min-height:25px}.copy-value{display:flex;align-items:center;gap:5px;min-width:0}.copy-value strong{overflow-wrap:anywhere}.copy-button{display:inline-grid;place-items:center;flex:none;width:25px;height:25px;padding:0;border:1px solid #cbdadd;border-radius:6px;background:#fff;color:var(--accent);font-size:14px;line-height:1}.copy-button:hover{filter:none;border-color:#72bcb1;background:var(--pale)}.copy-button:focus-visible{outline:2px solid #7fc8bd;outline-offset:1px}.quantity-value{display:flex;align-items:center;font-weight:700}.choice-grid>.choice{display:block;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fafcfc}.choice-grid>.choice strong,.choice-grid>.choice small{display:block}.choice-grid>.choice small{margin-top:3px;color:var(--muted);font-size:10px}@media(max-width:1280px){.fulfillment-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.fulfillment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fulfillment-toolbar{grid-template-columns:1fr 1fr}.fulfillment-actions{flex-wrap:wrap}.fulfillment-actions .action-spacer{display:none;width:100%}}@media(max-width:720px){.fulfillment-metrics,.fulfillment-toolbar{grid-template-columns:1fr}.fulfillment-actions button{flex:1}}


/* 3.9 multi-platform procurement ledger and complete sign-in boundary */
body.logged-out{min-height:100vh;background:radial-gradient(circle at 18% 12%,#d8f1eb 0,transparent 34%),linear-gradient(135deg,#0f343b 0%,#164b51 46%,#edf6f4 46%,#f7fafb 100%)}
body.logged-out>aside,body.logged-out>.shell{display:none}
#loginDialog{width:min(820px,94vw);border:0;border-radius:20px;overflow:hidden;box-shadow:0 34px 110px #071f294f;background:#fff}
#loginDialog::backdrop{background:#0a262dcc;backdrop-filter:blur(7px)}
.login-brand{display:flex;align-items:center;gap:18px;padding:30px 34px;color:#fff;background:linear-gradient(125deg,#12343c,#087d75)}
.login-brand h2{margin:3px 0 4px;font-size:28px}.login-brand p{margin:0;color:#c8e5df;font-size:13px}.login-brand small{color:#94d0c5;letter-spacing:2px;font-weight:700}.login-mark{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:linear-gradient(145deg,#def6ee,#8fcdbd);color:#0b5b55;font-size:30px;font-weight:800;box-shadow:0 13px 30px #06201e42;flex:none}
#loginDialog .dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;padding:30px 34px 20px}#loginDialog .dialog-body label{margin:0}#loginDialog .issue-list,#loginDialog .login-scope{grid-column:1/-1}#loginDialog .dialog-foot{padding:17px 34px 30px;border:0}#loginDialog .dialog-foot button{min-width:180px;height:44px;font-size:14px}
.login-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:3px}.login-scope span{position:relative;padding:10px 10px 10px 29px;border:1px solid #deebe8;border-radius:9px;background:#f5faf8;color:#55706e;font-size:11px}.login-scope span:before{content:'✓';position:absolute;left:11px;color:var(--accent);font-weight:800}
.purchase-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.purchase-toolbar{display:grid;grid-template-columns:minmax(300px,1.4fr) 140px 150px 145px 145px auto;align-items:end}.purchase-toolbar>input,.purchase-toolbar>select{max-width:none}.compact-date{margin:0;font-size:10px;color:var(--muted)}.compact-date input{margin-top:4px}#purchasesTab .table-scroll table{min-width:1480px}#purchasesTab td{line-height:1.55}#purchasesTab td:nth-child(2){min-width:195px}#purchasesTab td:nth-child(8){min-width:180px}
@media(max-width:1250px){.purchase-metrics{grid-template-columns:repeat(3,1fr)}.purchase-toolbar{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:850px){#loginDialog .dialog-body{grid-template-columns:1fr}.login-scope{grid-template-columns:1fr}.purchase-metrics{grid-template-columns:repeat(2,1fr)}.purchase-toolbar{grid-template-columns:1fr 1fr}.login-brand{padding:24px}.login-brand h2{font-size:23px}}

/* 3.10 cancellation safety center */
.dashboard-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}.cancellation-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cancellation-metrics>div:first-child strong,.cancellation-metrics>div:nth-child(3) strong{color:var(--danger)}.cancellation-isolation{margin:0 0 16px;background:#fff4df;border-color:#edd5a8;color:#87591a}.cancellation-isolation span{display:block;margin-top:4px}.cancellation-toolbar{display:grid;grid-template-columns:minmax(300px,1fr) 190px auto}.cancellation-toolbar>input,.cancellation-toolbar>select{max-width:none}#cancellationsTab table{min-width:1280px}#cancellationsTab td{vertical-align:top}#cancellationsTab td:nth-child(8){min-width:260px}.cancellation-critical{background:#fff5f4}.cancellation-critical:hover{background:#ffedeb}
@media(max-width:1480px){.dashboard-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.cancellation-metrics{grid-template-columns:repeat(2,1fr)}.cancellation-toolbar{grid-template-columns:1fr}}@media(max-width:560px){.dashboard-kpis{grid-template-columns:1fr 1fr}}


.role-choices{border:1px solid var(--line,#dbe5ee);border-radius:10px;padding:12px;display:grid;gap:10px;margin:12px 0;min-width:0}
.role-choices legend{padding:0 6px;font-weight:600;color:#25415f}
.role-choices .check{display:flex;align-items:flex-start;gap:9px;margin:0;font-weight:400;cursor:pointer}
.role-choices input[type=checkbox]{width:17px;height:17px;flex:none;margin:2px 0 0;accent-color:#1684de}
.role-choices small{display:block;margin-top:3px;color:#6c8098;font-weight:400}
.compact-roles{grid-template-columns:repeat(2,minmax(68px,1fr));min-width:170px;margin:0;padding:10px;gap:10px}
.role-choices .muted{margin:0;font-size:12px}

.nav-cn-primary{margin-bottom:5px!important;border:1px solid #53c9bd!important;background:linear-gradient(100deg,#0c8178,#176b6c)!important;color:#fff!important;box-shadow:0 7px 18px #061f2430}.nav-cn-primary .nav-icon{background:#dffaf5!important;color:#086d66!important;font-weight:800}.nav-cn-header{border-color:#74cfc4!important;color:#087d75!important;background:#effaf7!important}
.cn-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#09273f,#0a5f62 58%,#168880);color:#fff;border:0}.cn-hero h2{color:#fff;margin:.2rem 0}.cn-hero p{color:#d9f4f1;max-width:850px}.cn-hero .eyebrow{color:#7de6d7}.cn-hero .secondary{background:#ffffff18;color:#fff;border-color:#ffffff4d}.cn-tabs{display:flex;gap:6px;overflow-x:auto;margin:14px 0;padding:7px;background:#eaf2f4;border:1px solid #d9e6e8;border-radius:14px}.cn-tabs button{white-space:nowrap;background:transparent;color:#476270;border:0;box-shadow:none}.cn-tabs button.active{background:#fff;color:#087d75;box-shadow:0 4px 14px #17374a17}.cn-tabs+[data-cn-panel],#cnTab>[data-cn-panel]{animation:cn-panel-in .18s ease-out}.cn-tabs+[data-cn-panel][hidden],#cnTab>[data-cn-panel][hidden]{display:none}@keyframes cn-panel-in{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}#cnOutboundDialog{width:min(720px,calc(100vw - 28px))}#cnOutboundRows td:nth-child(2) div+div{margin-top:8px}

/* Group outbound information without squeezing identifiers into narrow columns. */
.cn-outbound-toolbar{display:flex;align-items:center;gap:12px;margin:24px 0 16px;flex-wrap:wrap}.cn-outbound-toolbar select{width:220px}.cn-outbound-toolbar input{width:360px;max-width:100%}.cn-outbound-toolbar>span{margin-left:auto;font-size:12px}
.cn-outbound-panel .cn-outbound-table{min-width:1300px;table-layout:auto}.cn-outbound-panel .cn-outbound-table td{padding:20px 14px;word-break:normal;overflow-wrap:normal;line-height:1.7}.cn-outbound-table th{padding:12px 14px}.cn-outbound-table .copy-value{display:flex;align-items:center;gap:6px;white-space:nowrap;word-break:normal}.cn-outbound-table td:first-child{min-width:200px}.cn-outbound-table td:nth-child(2){min-width:235px}.cn-outbound-table td:nth-child(3){min-width:155px}.cn-outbound-table td:nth-child(4){min-width:145px;max-width:220px}.cn-outbound-table td:nth-child(5){min-width:145px;max-width:230px}.cn-outbound-table small{margin-top:6px}.cn-outbound-table .cn-order-id{margin-top:10px}.cn-sku-line{margin-top:8px;white-space:nowrap}.cn-sku-line span{color:var(--muted)}.cn-row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:110px}.cn-outbound-time{min-width:115px;max-width:145px;color:var(--muted)}.cn-row-issues{margin-top:9px;color:#ad6725;font-size:12px}.cn-row-issues summary{cursor:pointer}.cn-row-issues div{margin-top:6px;overflow-wrap:anywhere}.cn-outbound-table .cn-outbound-empty{text-align:center;padding:60px 20px;color:var(--muted)}

.cn-outbound-table .cn-outbound-fee{min-width:100px;white-space:nowrap}.cn-outbound-table .cn-outbound-time{min-width:155px;white-space:nowrap}.cn-outbound-time small:first-child{margin-top:0}

/* Fulfillment identifiers must not collapse beside product thumbnails. */
#fulfillmentTab .table-scroll{max-width:100%;overflow:auto}
#fulfillmentTab .table-scroll>table{min-width:1780px;table-layout:auto}
#fulfillmentRows td{vertical-align:middle;padding:18px 12px;word-break:normal;overflow-wrap:normal}
#fulfillmentRows td:nth-child(1){min-width:42px}
#fulfillmentRows td:nth-child(2){min-width:165px}
#fulfillmentRows td:nth-child(3){min-width:205px}
#fulfillmentRows td:nth-child(4){min-width:165px;max-width:220px}
#fulfillmentRows td:nth-child(5){min-width:260px}
#fulfillmentRows td:nth-child(6){min-width:75px;white-space:nowrap}
#fulfillmentRows td:nth-child(7){min-width:180px;max-width:230px}
#fulfillmentRows td:nth-child(8){min-width:285px}
#fulfillmentRows td:nth-child(9){min-width:235px;max-width:300px}
#fulfillmentRows td:nth-child(10){min-width:145px;white-space:nowrap}
#fulfillmentTab .table-scroll th:last-child,#fulfillmentRows td:last-child{position:sticky;right:0;min-width:155px;background:#fff;box-shadow:-5px 0 9px #19365c08}
#fulfillmentTab .table-scroll th:last-child{background:#f6f8f9;z-index:2}
#fulfillmentRows .copy-value{flex-wrap:nowrap;white-space:nowrap}
#fulfillmentRows .copy-value strong{overflow-wrap:normal;word-break:normal;white-space:nowrap;flex-shrink:0}
#fulfillmentRows .fulfillment-line{gap:10px;min-height:58px}
#fulfillmentRows .fulfillment-lines{gap:8px}
#fulfillmentRows .product-thumb{flex:0 0 58px}
#fulfillmentRows small{line-height:1.7}

/* Procurement review: keep every field, with readable identifier and product widths. */
#queueTab .procurement-panel{padding:0;overflow:hidden;border:1px solid #dce6ef;border-radius:16px;box-shadow:0 5px 22px #18395305}
#queueTab .procurement-panel>.panel-top{padding:24px 26px 18px;align-items:center;border-bottom:1px solid #edf2f7}
#queueTab .procurement-panel h2{font-size:19px;letter-spacing:.3px}
#queueTab .procurement-panel .flow{padding:8px 12px;background:#f2f7fb;border-radius:9px;gap:12px}
#queueTab .procurement-panel>.toolbar{margin:0;padding:18px 26px 12px;gap:10px;flex-wrap:wrap}
#queueTab .procurement-panel>.toolbar input{flex:1 1 300px;max-width:420px;background:#f8fafc}
#queueTab .procurement-panel>.toolbar select{min-width:165px;max-width:210px;background:#f8fafc}
#queueTab .procurement-panel>.toolbar #selectedCount{white-space:nowrap;margin-left:auto}
#queueTab .procurement-scroll-hint{padding:0 26px 14px;color:#8595a9;font-size:11px}
#queueTab .procurement-table-scroll{max-height:72vh;overflow:auto;scrollbar-gutter:stable;outline-offset:-3px}
#queueTab .procurement-table{min-width:1880px;table-layout:auto}
#queueTab .procurement-table th{font-size:12px;font-weight:600;letter-spacing:.2px;padding:14px 16px;background:#f1f5fa;position:sticky;top:0;z-index:2;border-bottom:1px solid #dce5ef}
#queueTab .procurement-table td{padding:22px 16px;font-size:13px;line-height:1.65;vertical-align:top;border-bottom:1px solid #eaf0f5;word-break:normal;overflow-wrap:normal;background:#fff}
#queueTab .procurement-table td small{font-size:11.5px;line-height:1.7;margin-top:7px;color:#788aa2}
#queueTab .procurement-table tr:nth-child(even) td{background:#fbfcfe}
#queueTab .procurement-table tr:hover td{background:#f3f8fd}
#queueTab .procurement-table tr:has(input[data-select]:checked) td{background:#edf6ff}
#queueRows td:nth-child(1){min-width:48px;padding-left:24px}
#queueRows td:nth-child(2){min-width:210px}
#queueRows td:nth-child(3){min-width:190px}
#queueRows td:nth-child(4){min-width:240px}
#queueRows td:nth-child(5){min-width:280px;max-width:340px}
#queueRows td:nth-child(6){min-width:75px;white-space:nowrap}
#queueRows td:nth-child(7){min-width:100px;white-space:nowrap}
#queueRows td:nth-child(8){min-width:210px;max-width:250px}
#queueRows td:nth-child(9){min-width:280px;max-width:340px;overflow-wrap:anywhere}
#queueTab .procurement-table th:last-child,#queueRows td:last-child{position:sticky;right:0;min-width:145px;box-shadow:-6px 0 12px #18395309;z-index:1}
#queueTab .procurement-table th:last-child{z-index:3}
#queueRows .copy-value,#queueRows .copy-value strong{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-wrap:nowrap}
#queueRows .copy-value{gap:8px}
#queueRows .order-product{gap:12px;align-items:flex-start;margin:0}
#queueRows .order-product>.product-thumb{width:64px;height:64px;flex:0 0 64px;border-radius:12px}
#queueRows .order-product>div{min-width:175px;line-height:1.7}
#queueRows .order-product small{overflow-wrap:break-word}
#queueRows td:last-child button{display:block;width:100%;margin:0 0 9px}
#queueRows td:last-child button[data-draft]{color:#1764bd;background:#edf5ff;border-color:#cfdef2}
#queueTab .procurement-table .tag{font-size:11px;padding:4px 9px;border-radius:6px}
#queueTab .procurement-panel>.batchbar{padding:18px 26px;border-top:1px solid #e4ecf4;background:#f8fafc;flex-wrap:wrap}
#queueTab #urgentShipAlert{align-items:flex-start;line-height:1.8;border-radius:12px;padding:14px 18px}
#queueTab .metrics .metric-filter{border-radius:13px;text-align:left;padding:18px 22px}
@media(max-width:1000px){#queueTab .procurement-panel>.panel-top{flex-wrap:wrap}#queueTab .procurement-panel>.toolbar #selectedCount{margin-left:0}#queueTab .procurement-panel>.batchbar>div{flex-wrap:wrap}}

/* Third-party warehouse sync progress */
#cnSkuJob,#cnInventoryJob,#cnInboundJob,#cnStatusJob{padding:14px 16px;margin-top:12px;border:1px solid #e0e9ef;border-radius:10px;background:#f8fbfd;white-space:normal}
.cn-sync-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;font-size:12px}.cn-sync-heading strong{color:#254359}.cn-sync-heading span{color:#657d8b}
.cn-sync-track{height:6px;background:#e3ecf2;border-radius:8px;overflow:hidden;margin:10px 0}.cn-sync-track>span{display:block;height:100%;background:linear-gradient(90deg,#1964db,#15998e);border-radius:8px;transition:width .3s ease}.cn-sync-track.indeterminate>span{animation:cn-sync-slide 1.4s ease-in-out infinite}.cn-sync-track.has-error{background:#f7dedc}.cn-sync-message{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
@keyframes cn-sync-slide{from{transform:translateX(-100%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.cn-sync-track.indeterminate>span{animation:none}.cn-sync-track>span{transition:none}}

.purchase-inbound{margin-top:10px;padding-top:10px;border-top:1px solid #e3ebf2;min-width:210px;max-width:320px}.purchase-inbound .actions{gap:6px;margin-top:6px}.purchase-inbound small{white-space:normal;overflow-wrap:anywhere}.inbound-timeline li{padding:8px 0}.inbound-timeline p{margin:4px 0;color:#526779}