/*
 * Supply OS Design System v1.0
 * This file is intentionally loaded last. New global UI rules belong here;
 * business-page layouts remain in v4.css.
 */
:root{
  --ui-font:"Inter","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ui-sidebar:248px;--ui-sidebar-collapsed:76px;--ui-header:76px;
  --ui-primary:#2563eb;--ui-primary-hover:#1d4ed8;--ui-primary-soft:#eff6ff;
  --ui-success:#059669;--ui-success-soft:#ecfdf5;--ui-warning:#d97706;--ui-warning-soft:#fffbeb;--ui-danger:#dc2626;--ui-danger-soft:#fef2f2;
  --ui-ink:#0f172a;--ui-text:#334155;--ui-muted:#64748b;--ui-faint:#94a3b8;
  --ui-page:#f5f7fb;--ui-surface:#fff;--ui-surface-2:#f8fafc;--ui-border:#e2e8f0;--ui-border-strong:#cbd5e1;
  --ui-r6:6px;--ui-r8:8px;--ui-r10:10px;--ui-r12:12px;--ui-r16:16px;
  --ui-shadow-sm:0 1px 2px rgba(15,23,42,.035);--ui-shadow:0 6px 20px rgba(15,23,42,.055);--ui-shadow-lg:0 24px 64px rgba(15,23,42,.2);
  --ui-focus:0 0 0 3px rgba(37,99,235,.14);
  --blue:var(--ui-primary);--green:var(--ui-success);--amber:var(--ui-warning);--red:var(--ui-danger);--bg:var(--ui-page);--text:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-border);
  --shell-aside:var(--ui-sidebar);--shell-header:var(--ui-header);--font-ui:var(--ui-font);--text-strong:var(--ui-ink);--text-body:var(--ui-text);--text-soft:var(--ui-muted);--surface-soft:var(--ui-surface-2);--focus-ring:var(--ui-focus);
}
html{font-size:14px;background:var(--ui-page);scroll-behavior:smooth}
body{min-width:1024px;margin:0;font-family:var(--ui-font);font-size:14px;line-height:1.5;letter-spacing:0;color:var(--ui-text);background:var(--ui-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}button{letter-spacing:0}.card b,.card strong,.card h1,.card h2,.card h3,.card h4,.stat b,.stat strong{color:var(--ui-ink)}

/* Application shell */
aside{z-index:50;width:var(--ui-sidebar);padding:18px 12px 14px;background:#0b1729;border-right:1px solid rgba(148,163,184,.1);box-shadow:none;transition:width .2s ease;overflow:visible}
.brand{height:50px;margin:0 8px 18px;padding:0;gap:11px;font-size:15px;font-weight:760;white-space:nowrap}
.brand>span{flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 7px 20px rgba(37,99,235,.32);font-size:16px}
.brand small{margin-top:2px;color:#71839a;font-size:10px;font-weight:500;letter-spacing:.025em}
aside nav{display:block;flex:1;min-height:0;padding:0 2px 6px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#2a3b51 transparent}
.nav-group{display:grid;gap:2px;margin:0 0 12px}.nav-group-title{margin:0;padding:0 10px 5px;color:#53667d;font-size:10px;font-weight:720;letter-spacing:.11em;line-height:16px;white-space:nowrap}
.nav-section{display:block;margin:0 0 10px;padding:3px;border:1px solid rgba(148,163,184,.1);border-radius:11px;background:rgba(15,31,51,.42)}.nav-section>.nav-section-title{position:relative;display:flex;align-items:center;min-height:39px;padding:8px 32px 8px 11px;border-radius:8px;color:#c4d1df;font-size:13px;font-weight:760;letter-spacing:.02em;cursor:pointer;list-style:none;user-select:none}.nav-section>.nav-section-title::-webkit-details-marker{display:none}.nav-section>.nav-section-title:after{content:'＋';position:absolute;right:11px;color:#71849b;font-size:16px;font-weight:400}.nav-section[open]>.nav-section-title{color:#fff;background:rgba(59,130,246,.16)}.nav-section[open]>.nav-section-title:after{content:'−';color:#7db5ff}.nav-section>.nav-subgroup{margin-left:3px;margin-right:3px}.nav-section[hidden]{display:none!important}
.nav-subgroup{margin:1px 0;border-radius:9px}.nav-subgroup>summary{position:relative;display:flex;align-items:center;min-height:32px;padding:6px 25px 6px 11px;border-radius:7px;color:#71849b;font-size:11px;font-weight:700;line-height:18px;cursor:pointer;list-style:none;user-select:none}.nav-subgroup>summary::-webkit-details-marker{display:none}.nav-subgroup>summary:after{content:'›';position:absolute;right:10px;top:50%;font-size:17px;font-weight:400;transform:translateY(-50%);transition:transform .15s ease}.nav-subgroup[open]>summary:after{transform:translateY(-50%) rotate(90deg)}.nav-subgroup>summary:hover{color:#b9c7d8;background:rgba(148,163,184,.06)}.nav-subgroup>button{min-height:35px;padding-top:7px;padding-bottom:7px;padding-left:20px;font-size:12px}.nav-subgroup[hidden]{display:none!important}
nav button{position:relative;display:flex;width:100%;min-height:39px;align-items:center;gap:11px;padding:9px 11px;border:0;border-radius:8px;color:#91a2b8;background:transparent;font-size:13px;font-weight:580;line-height:20px;text-align:left;white-space:nowrap;transition:background .15s ease,color .15s ease}
nav button:before,nav button:after{display:none!important;content:none!important}.nav-icon{flex:0 0 18px;width:18px;height:18px;color:#71849b;transition:color .15s ease}.nav-label{overflow:hidden;text-overflow:ellipsis}
nav button:hover{color:#e8eef7;background:rgba(148,163,184,.09);transform:none}.nav button:hover .nav-icon{color:#b9c7d8}
nav button.active{color:#fff;background:#1e3a5f;box-shadow:inset 3px 0 #60a5fa}.nav button.active .nav-icon{color:#7db5ff}
.account-switcher{flex:0 0 auto;margin:7px 2px;padding:7px;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:rgba(15,35,56,.7)}.account-switcher small{color:#60748c}.account-switcher button{border-radius:7px}.signed-user{gap:5px}.signed-user>button:first-child b{color:#e8eef7}.logout-button{border-color:rgba(148,163,184,.12)!important}
.aside-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:0 3px;padding:10px 8px 1px;border-top:1px solid rgba(148,163,184,.11);color:#71839a;font-size:10px}.aside-foot i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.08)}.aside-foot small{color:#4f6278}
.sidebar-toggle{position:absolute;right:-12px;top:28px;z-index:2;display:grid;width:25px;height:25px;place-items:center;padding:0;border:1px solid var(--ui-border);border-radius:50%;color:#64748b;background:#fff;box-shadow:var(--ui-shadow);cursor:pointer}.sidebar-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
main{min-height:100vh;margin-left:var(--ui-sidebar);width:calc(100% - var(--ui-sidebar));transition:margin-left .2s ease,width .2s ease}
main>header{position:sticky;top:0;z-index:35;height:var(--ui-header);min-height:var(--ui-header);padding:13px 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--ui-border);box-shadow:none;backdrop-filter:blur(16px)}
.page-heading{min-width:0;margin-right:auto}.page-heading h1,#title{margin:0;color:var(--ui-ink);font-size:21px;font-weight:760;line-height:1.3;letter-spacing:-.018em}.page-heading p,#subtitle{margin:4px 0 0;color:var(--ui-muted);font-size:12px;line-height:1.4}
.header-context{display:flex;align-items:center;margin-left:18px}.environment-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--ui-border);border-radius:999px;color:#64748b;background:#fff;font-size:11px;font-weight:650;white-space:nowrap}.environment-badge i{width:6px;height:6px;border-radius:50%;background:#10b981}
.header-action{margin-left:12px}
#content{width:100%;max-width:1720px;margin:0 auto;padding:22px 28px 48px}

body.sidebar-collapsed aside{width:var(--ui-sidebar-collapsed)}body.sidebar-collapsed main{margin-left:var(--ui-sidebar-collapsed);width:calc(100% - var(--ui-sidebar-collapsed))}
body.sidebar-collapsed .brand{justify-content:center;margin-left:0;margin-right:0}body.sidebar-collapsed .brand div,body.sidebar-collapsed .nav-group-title,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .account-switcher,body.sidebar-collapsed .aside-foot{display:none}
body.sidebar-collapsed .nav-subgroup>summary,body.sidebar-collapsed .nav-section>.nav-section-title{display:none}body.sidebar-collapsed .nav-section{padding:0;border:0;background:transparent}
body.sidebar-collapsed nav button{justify-content:center;padding:9px}body.sidebar-collapsed .nav-icon{width:19px;height:19px}body.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}

/* Type scale and content hierarchy */
.kicker,.auth-kicker{font-size:11px;font-weight:750;letter-spacing:.12em}.sub{margin-top:3px;color:var(--ui-muted);font-size:11px;line-height:1.45}.card-head h3{font-size:15px;font-weight:730}.card-head h3+.sub{margin-top:3px}
.score{font-size:24px}.stat label{color:var(--ui-muted);font-size:11px;font-weight:650;letter-spacing:.025em}.stat strong{font-size:28px;font-weight:760;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.stat span{color:var(--ui-muted);font-size:11px}
table{font-variant-numeric:tabular-nums}th{font-size:11px;font-weight:690;letter-spacing:.018em}td{font-size:13px}.order-title{font-weight:700}.link{font-size:12px;font-weight:680}

/* Surfaces */
.card,.stat{border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.card{margin-bottom:18px;border-radius:var(--ui-r12);overflow:hidden}.stat{min-height:118px;padding:18px;border-radius:var(--ui-r12);background:#fff}.stat:after{display:none}.stat:hover{transform:none;box-shadow:var(--ui-shadow-sm)}
.card-head{min-height:56px;padding:14px 18px;border-bottom:1px solid var(--ui-border);background:#fff}.panel-pad{padding:18px}.stats{gap:12px;margin-bottom:18px}
.workflow-hero,.channel-hero,.sample-hero,.brake-hero,.fulfillment-hero-v3{border-radius:var(--ui-r16)!important;box-shadow:0 10px 28px rgba(15,50,91,.11)!important}.workflow-hero{padding:25px 28px}.workflow-hero h2,.channel-hero h2{font-size:23px}.flow-pipeline{gap:8px}.flow-pipeline button{border-radius:var(--ui-r10);box-shadow:var(--ui-shadow-sm)}

/* Buttons and controls */
.primary,.secondary{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--ui-r8);font-size:13px;font-weight:680;line-height:20px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.primary{border:1px solid var(--ui-primary);color:#fff;background:var(--ui-primary);box-shadow:0 2px 5px rgba(37,99,235,.17)}.primary:hover{filter:none;background:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}
.secondary{border:1px solid var(--ui-border-strong);color:#334155;background:#fff}.secondary:hover{border-color:#94a3b8;background:#f8fafc}.primary:active,.secondary:active{transform:translateY(1px)}
.primary:focus-visible,.secondary:focus-visible,.link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--ui-focus)}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.link{color:var(--ui-primary);text-decoration:none}.link:hover{color:var(--ui-primary-hover);text-decoration:underline;text-underline-offset:3px}
input,select,textarea{min-height:40px;padding:9px 11px;border:1px solid var(--ui-border-strong);border-radius:var(--ui-r8);color:var(--ui-text);background:#fff;font-size:13px;line-height:20px;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:#94a3b8}input:hover,select:hover,textarea:hover{border-color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:#60a5fa;outline:0;box-shadow:var(--ui-focus)}textarea{min-height:86px;line-height:1.6}.field label{margin-bottom:6px;color:#475569;font-size:12px;font-weight:650}.toolbar{gap:9px;margin-bottom:16px}.actions{gap:9px}

/* Tables */
.table-wrap{width:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f8fafc}table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0}th,td{padding:12px 14px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle}th{height:44px;color:#64748b;background:#f8fafc;white-space:nowrap}tbody tr{transition:background .12s ease}tbody tr:hover>td{background:#fafcff}tbody tr:last-child td{border-bottom:0}.table-wrap::-webkit-scrollbar{height:9px;width:9px}.table-wrap::-webkit-scrollbar-track{background:#f8fafc}.table-wrap::-webkit-scrollbar-thumb{border:2px solid #f8fafc;border-radius:10px;background:#cbd5e1}
.order-manage-table th:last-child,.order-manage-table td:last-child,.toolbar:has(#productSearch)+.card th:last-child,.toolbar:has(#productSearch)+.card td:last-child{background:#fff}.order-manage-table th:last-child,.toolbar:has(#productSearch)+.card th:last-child{background:#f8fafc}

/* Status, feedback and data quality */
.tag,.brand-badge,.channel-mode,.platform-pill,.maturity-pill,.operation-badge,.jst-upload-state{display:inline-flex;min-height:24px;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:680;line-height:16px}.tag{color:#1d4ed8;background:#eff6ff}.tag.green{color:#047857;background:#ecfdf5}.tag.red{color:#b91c1c;background:#fef2f2}.tag.orange{color:#b45309;background:#fffbeb}
.progress{height:5px;border-radius:999px;background:#e9eef5}.progress i{border-radius:999px;background:var(--ui-primary)}
.data-quality-alert,.data-quality-ok,.sync-notice,.sales-sync-bar{border-radius:var(--ui-r12);box-shadow:none}.data-quality-alert{border-color:#fecaca;background:#fff7f7}.data-quality-ok{border-color:#a7f3d0;background:#f2fcf8}.empty{padding:44px 24px;color:var(--ui-muted);font-size:13px}.empty:before{background:#f1f5f9;color:#64748b}
#toast{right:24px;bottom:24px;max-width:420px;padding:11px 15px;border:0;border-radius:var(--ui-r8);color:#fff;background:#0f172a;box-shadow:0 12px 36px rgba(15,23,42,.24);font-size:13px}

.module-loading-card,.module-error-card{min-height:220px;display:flex;align-items:center;justify-content:center}
.module-loading-card .empty,.module-error-card .empty{width:min(620px,100%);text-align:center}
.progress.indeterminate{position:relative;width:min(360px,70vw);height:6px;margin:18px auto 0;overflow:hidden;background:#e8eef7}
.progress.indeterminate i{position:absolute;inset:0 auto 0 0;width:42%;animation:uiIndeterminate 1.1s ease-in-out infinite;background:linear-gradient(90deg,#60a5fa,#2563eb)}
@keyframes uiIndeterminate{0%{transform:translateX(-115%)}100%{transform:translateX(260%)}}
.module-error-card{border-color:#fecaca;background:#fffafa}
.module-error-card .empty b{color:#b91c1c}
.error-stack{max-width:100%;margin:14px auto 0;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2;color:#7f1d1d;text-align:left;white-space:pre-wrap;font-size:12px;line-height:1.55;overflow:auto}

/* Dialogs and forms */
.modal{z-index:100;background:rgba(15,23,42,.54);padding:24px;backdrop-filter:blur(5px)}.modal-card{width:min(1120px,96vw);max-height:92vh;border:1px solid rgba(255,255,255,.72);border-radius:var(--ui-r16);background:#fff;box-shadow:var(--ui-shadow-lg)}.modal-head{min-height:62px;padding:15px 20px;border-bottom:1px solid var(--ui-border);background:rgba(255,255,255,.98)}.modal-head h2{font-size:18px;font-weight:740}.close{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--ui-r8);color:#64748b;font-size:22px;line-height:1}.close:hover{color:#0f172a;background:#f1f5f9}.form{padding:20px}.grid{gap:14px}.allocation-summary{border-color:var(--ui-border);background:var(--ui-surface-2)}

/* Login */
.auth-gate{background:linear-gradient(135deg,#08172b 0%,#0d2544 48%,#f1f5f9 48%,#f8fafc 100%)}.auth-shell{width:min(1060px,94vw);min-height:600px;border-radius:22px;box-shadow:0 32px 80px rgba(3,15,35,.24)}.auth-story{background:radial-gradient(circle at 88% 12%,rgba(59,130,246,.24),transparent 34%),linear-gradient(145deg,#0b213f,#123c6a)}.auth-story h1{color:#fff;font-size:38px}.auth-story p{font-size:15px}.auth-panel{padding:58px 50px}.auth-mark{width:54px;height:54px;border-radius:15px;background:var(--ui-primary)}.auth-panel h2{color:var(--ui-ink);font-size:27px}.auth-panel input{height:46px;border-radius:var(--ui-r10);font-size:14px}.auth-submit{height:46px}

/* Dense business pages */
.toolbar:has(#productSearch){padding:10px;border:1px solid var(--ui-border);border-radius:var(--ui-r12);background:#fff;box-shadow:var(--ui-shadow-sm)}
.workflow-filters,.channel-filters,.sales-history-filters,.fulfillment-decision-filters{background:#fbfcfe}.risk-summary,.sales-current-summary{background:#f8fafc}.sync-grid{gap:16px}.sync-module-choice label,.role-access-item,.fulfillment-maturity-guide>div,.platform-sign-card{border-color:var(--ui-border);border-radius:var(--ui-r12);box-shadow:none}

@media(max-width:1200px){:root{--ui-sidebar:220px}#content{padding-left:22px;padding-right:22px}.header-context{display:none}}
@media(max-width:1024px){body{min-width:760px}:root{--ui-sidebar:204px}.brand div{font-size:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.sidebar-toggle,.header-context{display:none!important}}

/* Sales ranking and new-product activation */
.ranking-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;margin-bottom:18px;border-radius:18px;color:#fff;background:radial-gradient(circle at 78% 10%,rgba(96,165,250,.34),transparent 30%),linear-gradient(125deg,#0b2342,#154f8c 62%,#2563eb);box-shadow:0 18px 38px rgba(15,45,86,.18)}
.ranking-hero h2{margin:8px 0 7px;color:#fff;font-size:25px;letter-spacing:-.02em}.ranking-hero p{max-width:760px;margin:0;color:#cfe3fb}.ranking-hero .kicker{color:#91c5ff}
.ranking-window-tabs{display:flex;flex-shrink:0;gap:7px;padding:6px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(3,18,41,.22)}.ranking-window-tabs button{min-width:72px;height:36px;padding:0 13px;border:0;border-radius:8px;color:#dbeafe;background:transparent;font-size:13px;font-weight:700}.ranking-window-tabs button:hover,.ranking-window-tabs button.active{color:#0f3260;background:#fff;box-shadow:0 6px 16px rgba(2,12,27,.16)}
.ranking-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.ranking-stats .stat{min-height:132px}.ranking-stats .stat strong{font-size:28px}.ranking-leader{border-color:#bfdbfe!important;background:linear-gradient(145deg,#fff,#eff6ff)!important}
.ranking-new-section{margin-bottom:18px}.ranking-new-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px 20px}.ranking-new-card{display:flex;min-height:160px;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--ui-border);border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.04)}.ranking-new-card:hover{border-color:#bfdbfe;box-shadow:0 9px 24px rgba(37,99,235,.09)}.ranking-new-card.blocked{border-color:#fecaca;background:#fffafa}.ranking-new-card>div,.ranking-new-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.ranking-new-card>div small{color:var(--ui-muted)}.ranking-new-card>b{font-size:15px;color:var(--ui-ink)}.ranking-new-card p{flex:1;margin:0;color:var(--ui-muted);font-size:12px;line-height:1.55}.ranking-new-card footer{padding-top:9px;border-top:1px solid var(--ui-border);color:#64748b;font-size:12px}.ranking-new-card footer span b{color:var(--ui-ink)}
.ranking-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(6,minmax(118px,1fr)) auto;gap:9px;padding:14px 18px;border-top:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);background:#f8fafc}.ranking-filters input,.ranking-filters select{width:100%;height:39px}.ranking-table th{white-space:nowrap}.ranking-table td{min-width:105px;vertical-align:middle}.ranking-table td:nth-child(2){min-width:205px}.ranking-table td:nth-child(8){min-width:205px}.rank-number{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:#64748b;background:#f1f5f9;font-size:12px;font-weight:800}.rank-number.top{color:#9a5b00;background:#fff2c7}.ranking-blocked-row{background:#fff9f9}.ranking-definition{display:flex;gap:14px;padding:14px 17px;margin-top:15px;border:1px solid #bfdbfe;border-radius:12px;color:#475569;background:#eff6ff;font-size:13px}.ranking-definition b{flex-shrink:0;color:#1d4ed8}
@media(max-width:1440px){.ranking-new-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-filters{grid-template-columns:repeat(4,minmax(145px,1fr))}.ranking-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.ranking-hero{align-items:flex-start;flex-direction:column}.ranking-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Account governance and permission acceptance */
.permission-matrix-card{margin-bottom:18px}.permission-matrix{min-width:1040px}.permission-matrix th:not(:first-child),.permission-matrix td:not(:first-child){text-align:center}.permission-matrix th:first-child,.permission-matrix td:first-child{position:sticky;left:0;z-index:1;background:#fff}.permission-matrix thead th:first-child{z-index:2;background:#f8fafc}.permission-level{display:inline-flex;min-width:48px;justify-content:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:720}.permission-level.manage{color:#1d4ed8;background:#eff6ff}.permission-level.read{color:#047857;background:#ecfdf5}.permission-level.none{color:#94a3b8;background:#f1f5f9}.sensitive-permission-strip{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-top:1px solid var(--ui-border);overflow:auto;background:#fbfcfe}.sensitive-permission-strip>b{flex:0 0 70px;padding-top:4px}.sensitive-permission-strip>div{display:flex;min-width:205px;flex-wrap:wrap;gap:5px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:var(--ui-r8);background:#fff}.sensitive-permission-strip>div>span{width:100%;color:#475569;font-size:12px;font-weight:680}.sensitive-permission-strip i{padding:2px 6px;border-radius:5px;font-size:10px;font-style:normal}.sensitive-permission-strip i.allowed{color:#047857;background:#ecfdf5}.sensitive-permission-strip i.denied{color:#94a3b8;background:#f1f5f9}

/* Data acceptance before automated replenishment */
.acceptance-center{margin:18px 0}.acceptance-center>header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid var(--ui-border);border-radius:var(--ui-r16);background:#fff;box-shadow:var(--ui-shadow-sm)}.acceptance-center.blocked>header{border-color:#fecaca;background:#fffafa}.acceptance-center.passed>header{border-color:#a7f3d0;background:#f7fdf9}.acceptance-center h2{margin:4px 0 5px;font-size:20px}.acceptance-center header p{margin:0;color:var(--ui-muted);font-size:12px}.acceptance-score{display:flex;min-width:190px;align-items:flex-end;flex-direction:column;gap:4px}.acceptance-score>b{color:#b91c1c;font-size:18px}.acceptance-center.passed .acceptance-score>b{color:#047857}.acceptance-score>span{color:var(--ui-muted);font-size:11px}.acceptance-score>button{margin-top:7px}.acceptance-gates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.acceptance-gates>div{display:flex;min-height:108px;flex-direction:column;padding:15px 16px;border:1px solid var(--ui-border);border-radius:var(--ui-r12);background:#fff}.acceptance-gates>div.risk{border-color:#fed7aa;background:#fffaf4}.acceptance-gates>div>span{color:#64748b;font-size:11px;font-weight:680}.acceptance-gates>div>b{margin:7px 0 4px;font-size:24px}.acceptance-gates>div.ok>b{color:#047857}.acceptance-gates>div.risk>b{color:#b45309}.acceptance-gates>div>small{color:var(--ui-muted);line-height:1.45}.acceptance-sample,.acceptance-issues{margin-bottom:14px}.acceptance-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 220px;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ui-border);background:#fbfcfe}.acceptance-issue{display:inline-flex;margin:2px 4px 2px 0;padding:3px 7px;border-radius:999px;color:#b91c1c;background:#fef2f2;font-size:10px;font-weight:680}.acceptance-sample code,.acceptance-issues code{color:#475569;font-size:11px}
.inventory-audit-panel{margin-bottom:14px;border-color:#fed7aa;background:linear-gradient(180deg,#fffaf4,#fff)}.inventory-audit-status-board{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;padding:14px 18px 0;background:#fffaf4}.inventory-audit-status-board button{border:1px solid #fed7aa;border-radius:14px;background:#fff;padding:12px 14px;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(148,84,22,.06)}.inventory-audit-status-board button:hover{border-color:#fb923c;transform:translateY(-1px)}.inventory-audit-status-board span{display:block;color:#92400e;font-size:12px;font-weight:800}.inventory-audit-status-board b{display:block;margin-top:6px;color:#0f172a;font-size:24px;line-height:1}.inventory-audit-summary{display:grid;grid-template-columns:160px 1fr 1fr;gap:10px;padding:14px 18px;border-bottom:1px solid var(--ui-border);background:#fffbeb}.inventory-audit-summary>div{padding:12px 14px;border:1px solid #fde68a;border-radius:12px;background:#fff}.inventory-audit-summary span{display:block;margin-bottom:5px;color:#92400e;font-size:11px;font-weight:700}.inventory-audit-summary b{color:#0f172a;font-size:16px;line-height:1.45}.inventory-audit-panel code{color:#475569;font-size:11px}.inventory-audit-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 180px auto auto auto;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ui-border);background:#fff}.inventory-audit-toolbar input,.inventory-audit-toolbar select{height:38px}.inventory-audit-panel .sales-history-pager{padding:10px 18px;color:#64748b;font-size:12px;text-align:left}@media(max-width:900px){.inventory-audit-status-board,.inventory-audit-summary,.inventory-audit-toolbar{grid-template-columns:1fr}}
@media(max-width:1200px){.acceptance-gates{grid-template-columns:repeat(2,minmax(0,1fr))}.acceptance-center>header{align-items:flex-start}.acceptance-toolbar{grid-template-columns:1fr}}
.acceptance-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px}.acceptance-diagnostic-grid>div{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:13px 14px;border:1px solid var(--ui-border);border-radius:var(--ui-r10);background:#fbfcfe}.acceptance-diagnostic-grid b{font-size:12px}.acceptance-diagnostic-grid strong{color:#b45309;font-size:13px}.acceptance-diagnostic-grid span{grid-column:1/-1;color:var(--ui-muted);font-size:11px}.acceptance-check-actions{display:flex;gap:6px}.acceptance-check-actions .compact{min-height:30px;padding:4px 8px;font-size:11px}.acceptance-sample td[data-manual-check]{min-width:190px}.acceptance-sample th[data-manual-check]{min-width:190px}@media(max-width:1200px){.acceptance-diagnostic-grid{grid-template-columns:1fr}}

/* Acceptance scope queues keep new products and missing inventory outside replenishment math. */
.acceptance-queues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.acceptance-queue{display:grid;grid-template-columns:1fr auto;gap:5px 12px;min-height:86px;padding:14px 16px;text-align:left;border:1px solid var(--ui-border);border-radius:var(--ui-r12);background:#fff;box-shadow:none}.acceptance-queue:hover{border-color:#93c5fd;background:#f8fbff}.acceptance-queue span{color:#475569;font-size:12px;font-weight:720}.acceptance-queue b{font-size:22px}.acceptance-queue small{grid-column:1/-1;color:var(--ui-muted);line-height:1.45}.acceptance-queue.decision b{color:#047857}.acceptance-queue.onboarding b{color:#2563eb}.acceptance-queue.inventory_quarantine b{color:#b45309}.acceptance-scope{display:inline-flex;margin:2px 6px 2px 0;padding:3px 7px;border-radius:999px;color:#047857;background:#ecfdf5;font-size:10px;font-weight:720}.acceptance-scope.onboarding{color:#1d4ed8;background:#eff6ff}.acceptance-scope.inventory_quarantine{color:#b45309;background:#fff7ed}@media(max-width:1200px){.acceptance-queues{grid-template-columns:1fr}}

/* Human acceptance compares re-entered Jushuitan values instead of trusting a yes/no click. */
.acceptance-verification-form{display:grid;gap:14px}.acceptance-verification-note{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid #b8d3ff;border-radius:12px;background:#f2f7ff;color:#1d4f91}.acceptance-verification-note span{font-size:13px;color:#66758a}.acceptance-compare-head,.acceptance-compare-row{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(130px,.9fr) minmax(220px,1.4fr);align-items:center;gap:12px}.acceptance-compare-head{padding:0 12px;color:#718096;font-size:12px;font-weight:700}.acceptance-compare-row{padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.acceptance-compare-row label{font-weight:700}.acceptance-compare-row code,.acceptance-compare-row b{font-size:14px;color:#243b5a}.acceptance-compare-row input{min-width:0}.acceptance-sample td[data-manual-check] .link{margin-top:6px}
@media(max-width:760px){.acceptance-compare-head{display:none}.acceptance-compare-row{grid-template-columns:1fr}.acceptance-compare-row:before{content:'系统值 / 聚水潭值';font-size:11px;color:#8a96a8}.acceptance-verification-form .actions{position:sticky;bottom:0;background:#fff;padding-top:10px}}

/* 聚水潭售后接口权限提示 */
.returns-permission-alert{display:flex;align-items:flex-start;gap:16px;padding:14px 18px;margin:12px 0 16px;border:1px solid #fed7aa;border-radius:var(--ui-r12);color:#7c2d12;background:#fff7ed}
.returns-permission-alert>b{flex:0 0 auto;color:#c2410c;font-size:13px}.returns-permission-alert>div{display:flex;flex-direction:column;gap:4px}.returns-permission-alert span{font-size:12px;font-weight:650}.returns-permission-alert small{color:#9a3412;line-height:1.5}
.returns-permission-alert>div{flex:1}.returns-permission-alert>button{flex:0 0 auto;align-self:center}.returns-permission-alert.ready{border-color:#a7f3d0;color:#065f46;background:#ecfdf5}.returns-permission-alert.ready>b{color:#047857}.returns-permission-alert.ready small{color:#047857}

/* Capacity decision v2 */
.capacity-rule-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.capacity-rule-v2>div{padding:16px 18px;border:1px solid var(--ui-border);border-radius:var(--ui-r14);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:var(--ui-shadow-sm)}.capacity-rule-v2 b{display:block;margin-bottom:6px;color:#0f172a;font-size:15px}.capacity-rule-v2 span{color:#64748b;font-size:12px;line-height:1.6}.capacity-table-v2 th,.capacity-table-v2 td{vertical-align:top}.capacity-table-v2 td .sub{max-width:260px}.capacity-detail-v2{display:grid;gap:14px}.capacity-detail-v2 .capacity-formula{display:grid;grid-template-columns:1fr auto;gap:6px 18px;padding:16px 18px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff}.capacity-detail-v2 .capacity-formula b{font-size:15px}.capacity-detail-v2 .capacity-formula span,.capacity-detail-v2 .capacity-formula small{color:#475569;line-height:1.5}.capacity-detail-v2 .capacity-formula strong{grid-row:1/4;grid-column:2;align-self:center;color:#1d4ed8;font-size:28px}.capacity-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.capacity-breakdown>div{padding:12px 14px;border:1px solid var(--ui-border);border-radius:12px;background:#fff}.capacity-breakdown span{display:block;color:#64748b;font-size:11px;font-weight:700}.capacity-breakdown b{display:block;margin:5px 0;color:#0f172a;font-size:16px}.capacity-breakdown small{color:#64748b;line-height:1.45}.capacity-filters select{min-height:38px}@media(max-width:1200px){.capacity-rule-v2,.capacity-breakdown{grid-template-columns:1fr}.capacity-detail-v2 .capacity-formula{grid-template-columns:1fr}.capacity-detail-v2 .capacity-formula strong{grid-column:1;grid-row:auto}}

/* Sales ranking v2 */
.ranking-hero-v2{align-items:center;gap:24px}
.ranking-meta-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}
.ranking-meta-strip>div{min-height:104px;padding:16px 18px;border:1px solid var(--ui-border);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.ranking-meta-strip span{display:block;margin-bottom:8px;color:var(--ui-muted);font-size:13px;font-weight:720}
.ranking-meta-strip b{display:block;margin-bottom:8px;color:var(--ui-ink);font-size:20px;line-height:1.2}
.ranking-meta-strip b.green{color:#059669}.ranking-meta-strip b.orange{color:#ea580c}.ranking-meta-strip b.warn{color:#d97706}
.ranking-meta-strip small{display:block;color:#65758b;font-size:12px;line-height:1.6}
@media(max-width:1200px){.ranking-meta-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ranking-meta-strip{grid-template-columns:1fr}}

/* Fulfillment center v4: transparent sign-rate scope and monthly final logic */
.fulfillment-hero-v4{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#102a43,#1d4ed8);color:#fff;box-shadow:0 20px 45px rgba(37,99,235,.2)}
.fulfillment-hero-v4 h2{margin:8px 0 10px;font-size:30px;letter-spacing:-.03em}
.fulfillment-hero-v4 p{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.7}
.fulfillment-hero-v4 .kicker{color:#bfdbfe;font-weight:800;letter-spacing:.12em}
.fulfillment-hero-v4 .hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.fulfillment-v4-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.fulfillment-v4-rule{margin:16px 0;padding:15px 18px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:#334155;display:flex;gap:12px;align-items:flex-start}
.fulfillment-v4-rule b{color:#1d4ed8;white-space:nowrap}.fulfillment-v4-rule span{line-height:1.7}
.fulfillment-scope-panel{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:14px;margin:16px 0}
.fulfillment-scope-card{background:#fff;border:1px solid var(--ui-border);border-radius:18px;padding:16px 18px;box-shadow:var(--ui-shadow-sm);min-height:112px}
.fulfillment-scope-card.wide{background:linear-gradient(180deg,#fff,#f8fbff)}
.fulfillment-scope-card span{display:block;color:var(--ui-muted);font-size:12px;font-weight:800;margin-bottom:8px}
.fulfillment-scope-card b{display:block;color:var(--ui-text);font-size:22px;line-height:1.25;margin-bottom:6px}
.fulfillment-scope-card small{color:var(--ui-muted);line-height:1.45}
.fulfillment-scope-card.warn{border-color:#fed7aa;background:#fff7ed}.fulfillment-scope-card.warn b{color:#c2410c}
.fulfillment-scope-card.danger{border-color:#fecaca;background:#fff7f7}.fulfillment-scope-card.danger b{color:#dc2626}
.fulfillment-scope-card.final{border-color:#bbf7d0;background:#f0fdf4}.fulfillment-scope-card.final b{color:#047857}
.platform-sign-grid-v4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.platform-sign-card-v4{padding:16px;border:1px solid var(--ui-border);border-radius:16px;background:#fff;box-shadow:var(--ui-shadow-sm)}
.platform-sign-card-v4 strong{display:block;font-size:18px;color:var(--ui-text);margin-bottom:10px}
.platform-sign-card-v4 span{display:block;color:var(--ui-muted);margin-bottom:5px}.platform-sign-card-v4 span b{color:#2563eb;font-size:20px}
.platform-sign-card-v4 small{display:block;color:var(--ui-muted);line-height:1.55}
.fulfillment-v4-filters{grid-template-columns:2fr repeat(5,minmax(130px,1fr)) auto}
.fulfillment-table-v4 th,.fulfillment-table-v4 td{vertical-align:middle}
.fulfillment-product-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.fulfillment-product-summary>div{border:1px solid var(--ui-border);border-radius:14px;background:#f8fafc;padding:14px}
.fulfillment-product-summary span{display:block;color:var(--ui-muted);font-size:12px;font-weight:800}.fulfillment-product-summary b{display:block;font-size:22px;color:var(--ui-text);margin:6px 0}.fulfillment-product-summary small{color:var(--ui-muted)}
.fulfillment-decision-detail-v4{padding:16px;background:#fff;border-radius:16px}
@media(max-width:1200px){.fulfillment-scope-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.fulfillment-v4-filters{grid-template-columns:1fr 1fr}.fulfillment-v4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fulfillment-hero-v4{align-items:flex-start;flex-direction:column}.fulfillment-scope-panel,.fulfillment-product-summary,.fulfillment-v4-stats{grid-template-columns:1fr}}

/* Data accuracy panel: makes unreliable Jushuitan fields visible before replenishment. */
.data-accuracy-panel{margin:16px 0 18px;border:1px solid #bfdbfe;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 36px rgba(37,99,235,.08);overflow:hidden}
.data-accuracy-panel.has-risk{border-color:#fed7aa;background:linear-gradient(180deg,#fff,#fffaf4)}
.data-accuracy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--ui-border)}
.data-accuracy-head h3{margin:5px 0 7px;font-size:20px;color:var(--ui-text)}
.data-accuracy-head p{margin:0;max-width:860px;color:#64748b;line-height:1.65}
.data-accuracy-head .kicker{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.14em}
.data-accuracy-updated{flex:0 0 auto;color:#64748b;font-size:12px}
.data-accuracy-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px}
.data-accuracy-metrics>div{padding:14px 15px;border:1px solid var(--ui-border);border-radius:14px;background:#fff}
.data-accuracy-metrics span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:760}
.data-accuracy-metrics b{display:block;margin-bottom:5px;color:#0f172a;font-size:23px;letter-spacing:-.02em}
.data-accuracy-metrics small{color:#64748b;line-height:1.45}
.data-accuracy-metrics .ok{border-color:#bbf7d0;background:#f0fdf4}.data-accuracy-metrics .ok b{color:#047857}
.data-accuracy-metrics .warn{border-color:#fde68a;background:#fffbeb}.data-accuracy-metrics .warn b{color:#b45309}
.data-accuracy-metrics .danger{border-color:#fecaca;background:#fff7f7}.data-accuracy-metrics .danger b{color:#dc2626}
.data-accuracy-issues{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}
.data-accuracy-issues span{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:12px}
.data-accuracy-issues b{font-weight:800}.data-accuracy-issues em{font-style:normal;color:#c2410c}
.data-accuracy-issues.clean{color:#047857;background:transparent}
.data-accuracy-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 16px}
.data-accuracy-products button{min-height:86px;padding:12px 14px;text-align:left;border:1px solid #fed7aa;border-radius:13px;background:#fff;box-shadow:none}
.data-accuracy-products button:hover{border-color:#fb923c;background:#fff7ed}
.data-accuracy-products b,.data-accuracy-products span,.data-accuracy-products small{display:block}
.data-accuracy-products b{margin-bottom:5px;color:#0f172a}.data-accuracy-products span{color:#475569;font-size:12px}.data-accuracy-products small{margin-top:6px;color:#9a3412;line-height:1.45}
.data-accuracy-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--ui-border);background:#fbfcfe}
@media(max-width:1200px){.data-accuracy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.data-accuracy-products{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.data-accuracy-head{flex-direction:column}.data-accuracy-metrics,.data-accuracy-products{grid-template-columns:1fr}.data-accuracy-actions{justify-content:flex-start;flex-wrap:wrap}}

/* Replenishment transparency: show why each suggested quantity exists. */
.risk-summary-v4{grid-template-columns:repeat(5,minmax(0,1fr))}
.risk-group-table-v4 th,.risk-group-table-v4 td{vertical-align:middle}
.risk-group-table-v4 td:nth-child(5),.risk-group-table-v4 td:nth-child(6){min-width:150px}
.risk-group-table-v4 .brand-badge{margin-right:8px}
.risk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.risk-actions .primary,.risk-actions .secondary{padding:8px 12px;border-radius:10px;white-space:nowrap}
.risk-actions .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.risk-detail-v4{max-width:100%}
.risk-detail-v4 .risk-detail-head{grid-template-columns:repeat(4,minmax(0,1fr))}
.formula-panel{display:flex;align-items:flex-start;gap:14px;padding:15px 17px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:#334155}
.formula-panel b{flex:0 0 auto;color:#1d4ed8}.formula-panel span{line-height:1.65}
.risk-detail-table{min-width:1380px}
.risk-detail-table th,.risk-detail-table td{vertical-align:top}
.risk-detail-table td .sub{margin-top:4px;line-height:1.35}
.risk-detail-table .risk-suggested{font-size:18px;color:#dc2626}
.risk-group-table-v4 .risk-suggested{font-size:20px;color:#dc2626}
@media(max-width:1200px){.risk-summary-v4{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-panel{flex-direction:column}.risk-detail-v4 .risk-detail-head{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.risk-summary-v4,.risk-detail-v4 .risk-detail-head{grid-template-columns:1fr}}

/* Production order source trace */
.order-source-table th,.order-source-table td{vertical-align:middle}
.source-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:850}
.source-badge.blue{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.source-badge.purple{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}
.source-badge.gray{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.order-source-card{border-color:#bfdbfe;background:linear-gradient(180deg,#fff,#f8fbff)}
.order-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.order-source-grid>div{padding:13px 14px;border:1px solid var(--ui-border);border-radius:14px;background:#fff}
.order-source-grid span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:800}
.order-source-grid b{display:block;color:#0f172a;font-size:15px;line-height:1.45;word-break:break-word}
@media(max-width:1100px){.order-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.order-source-grid{grid-template-columns:1fr}}

/* Production order edit audit trail */
.order-change-card{border-color:#dbe7f6;background:linear-gradient(180deg,#fff,#f8fbff)}
.order-change-list{display:grid;gap:14px}
.order-change-item{border:1px solid #e4ecf7;border-radius:18px;padding:16px;background:#fff;box-shadow:0 10px 24px rgba(15,35,68,.05)}
.order-change-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}
.order-change-top b{font-size:16px;color:#102033}
.order-change-top span{color:#8290a6;font-size:13px;white-space:nowrap}
.order-change-item p{margin:0 0 10px;color:#40516a;line-height:1.6}
.order-change-total{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eef5ff;color:#1d4ed8;padding:7px 12px;margin-bottom:10px}
.order-change-fields{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px}
.order-change-fields span{border:1px solid #e3eaf4;background:#f8fafc;border-radius:999px;padding:6px 10px;color:#52627a;font-size:13px}
.mini-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e8eef7;border-radius:14px;overflow:hidden;font-size:13px}
.mini-table th{background:#f3f7fc;color:#65748a;text-align:left;padding:10px}
.mini-table td{padding:10px;border-top:1px solid #edf2f7}
.success-text{color:#059669;font-weight:700}
@media(max-width:760px){.order-change-top{flex-direction:column}.order-change-top span{white-space:normal}}

/* Production order downstream impact */
.order-impact-card{border-color:#bfdbfe;background:linear-gradient(135deg,#ffffff,#f4f8ff)}
.order-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.order-impact-grid>div{border:1px solid #e1eaf7;border-radius:16px;padding:14px;background:#fff}
.order-impact-grid span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:800}
.order-impact-grid b{display:block;color:#0f172a;font-size:26px;line-height:1}
.order-impact-grid small{display:block;margin-top:8px;color:#8492a6;font-size:12px;line-height:1.45}
.order-impact-note{margin-top:12px;border:1px dashed #bfdbfe;border-radius:14px;background:#eff6ff;color:#315078;padding:12px 14px;line-height:1.6}
@media(max-width:1100px){.order-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.order-impact-grid{grid-template-columns:1fr}}

/* Receiving / inbound V2 */

/* ==========================================================================
   Global UI polish v1.5
   Purpose: normalize the whole system after many business modules were added.
   Keep this section at the end of this file so it wins over legacy page CSS.
   ========================================================================== */
:root{
  --ui-sidebar:260px;
  --ui-header:78px;
  --ui-page:#f4f7fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8fafc;
  --ui-line:#e3eaf3;
  --ui-line-strong:#cbd7e6;
  --ui-ink:#111827;
  --ui-text:#334155;
  --ui-muted:#718096;
  --ui-faint:#9aa8bb;
  --ui-blue:#2563eb;
  --ui-blue-2:#1d4ed8;
  --ui-blue-soft:#eff6ff;
  --ui-green:#059669;
  --ui-green-soft:#ecfdf5;
  --ui-red:#dc2626;
  --ui-red-soft:#fef2f2;
  --ui-amber:#d97706;
  --ui-amber-soft:#fffbeb;
  --ui-radius-sm:10px;
  --ui-radius:14px;
  --ui-radius-lg:20px;
  --ui-shadow-card:0 10px 30px rgba(15,23,42,.055);
  --ui-shadow-float:0 22px 70px rgba(15,23,42,.2);
  --ui-focus-ring:0 0 0 3px rgba(37,99,235,.16);
}
*{box-sizing:border-box}
html{font-size:14px;background:var(--ui-page)}
body{
  min-width:1180px;
  margin:0;
  color:var(--ui-text);
  background:
    radial-gradient(circle at 92% 2%,rgba(37,99,235,.08),transparent 26%),
    linear-gradient(180deg,#f7faff 0,#f3f6fb 330px,#f4f7fb 100%);
  font-family:"Inter","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1.55;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}

/* Shell */
aside{
  width:var(--ui-sidebar)!important;
  padding:18px 14px 14px!important;
  background:linear-gradient(180deg,#0a1728 0%,#10243d 58%,#0b1c31 100%)!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:10px 0 38px rgba(7,18,33,.08)!important;
}
main{
  margin-left:var(--ui-sidebar)!important;
  width:calc(100% - var(--ui-sidebar))!important;
}
.brand{
  height:54px!important;
  margin:0 6px 20px!important;
  gap:12px!important;
  color:#f8fbff!important;
  font-size:16px!important;
  font-weight:820!important;
  letter-spacing:-.01em!important;
}
.brand>span{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#60a5fa,#2563eb 62%,#1d4ed8)!important;
  box-shadow:0 12px 28px rgba(37,99,235,.32)!important;
}
.brand small{
  display:block!important;
  margin-top:2px!important;
  color:#8fa3bb!important;
  font-size:11px!important;
  font-weight:560!important;
  letter-spacing:.02em!important;
}
aside nav{
  display:block!important;
  padding:0 2px 8px!important;
  overflow-y:auto!important;
  scrollbar-color:#2f435b transparent!important;
}
.nav-group{display:grid!important;gap:2px!important;margin:0 0 13px!important}
.nav-group-title{
  margin:0!important;
  padding:0 10px 6px!important;
  color:#637992!important;
  font-size:11px!important;
  font-weight:780!important;
  letter-spacing:.08em!important;
  line-height:18px!important;
}
.nav-section{
  margin:0 0 12px!important;
  padding:4px!important;
  border:1px solid rgba(148,163,184,.11)!important;
  border-radius:14px!important;
  background:rgba(15,35,58,.42)!important;
}
.nav-section>.nav-section-title{
  min-height:40px!important;
  padding:8px 34px 8px 12px!important;
  border-radius:10px!important;
  color:#d7e2ef!important;
  font-size:13px!important;
  font-weight:800!important;
}
.nav-subgroup>summary{
  min-height:32px!important;
  padding:6px 26px 6px 12px!important;
  color:#7f93aa!important;
  font-size:12px!important;
  font-weight:720!important;
}
nav button{
  min-height:40px!important;
  padding:9px 12px!important;
  border:0!important;
  border-radius:10px!important;
  color:#a8b7c9!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:20px!important;
  letter-spacing:0!important;
  transform:none!important;
  box-shadow:none!important;
}
nav button:hover{
  color:#f4f8ff!important;
  background:rgba(148,163,184,.1)!important;
}
nav button.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(37,99,235,.42),rgba(37,99,235,.18))!important;
  box-shadow:inset 3px 0 #60a5fa!important;
}
.aside-foot{
  margin:8px 4px 0!important;
  padding:12px 8px 2px!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  color:#8fa3bb!important;
  font-size:11px!important;
}
main>header,header{
  height:var(--ui-header)!important;
  min-height:var(--ui-header)!important;
  padding:14px 30px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--ui-line)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
  backdrop-filter:blur(18px)!important;
}
.page-heading h1,#title,h1{
  margin:0!important;
  color:var(--ui-ink)!important;
  font-size:24px!important;
  font-weight:820!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
}
.page-heading p,#subtitle,header p{
  margin:4px 0 0!important;
  color:var(--ui-muted)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
#content{
  width:100%!important;
  max-width:1760px!important;
  margin:0 auto!important;
  padding:24px 30px 52px!important;
}

/* Standard typography */
.kicker,.auth-kicker{
  color:#3b82f6!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.sub,small{
  color:var(--ui-muted);
}
.card-head h3,.card-head h2{
  margin:0!important;
  color:var(--ui-ink)!important;
  font-size:16px!important;
  font-weight:780!important;
  letter-spacing:-.01em!important;
}
.card-head .sub{
  margin-top:3px!important;
  font-size:12px!important;
}

/* Cards / stats */
.card,.stat{
  border:1px solid var(--ui-line)!important;
  background:var(--ui-surface)!important;
  box-shadow:var(--ui-shadow-card)!important;
}
.card{
  margin-bottom:20px!important;
  border-radius:var(--ui-radius-lg)!important;
  overflow:hidden!important;
}
.card-head{
  min-height:60px!important;
  padding:16px 20px!important;
  border-bottom:1px solid var(--ui-line)!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.panel-pad,.form{
  padding:20px!important;
}
.stats{
  gap:14px!important;
  margin-bottom:20px!important;
}
.stat{
  min-height:118px!important;
  padding:18px 20px!important;
  border-radius:18px!important;
  position:relative!important;
  overflow:hidden!important;
}
.stat:after{
  content:""!important;
  position:absolute!important;
  right:-26px!important;
  top:-26px!important;
  width:94px!important;
  height:94px!important;
  border-radius:999px!important;
  background:rgba(37,99,235,.055)!important;
}
.stat label,.stat span{
  color:var(--ui-muted)!important;
  font-size:12px!important;
  font-weight:720!important;
  letter-spacing:.015em!important;
}
.stat strong,.stat b{
  color:var(--ui-ink)!important;
  font-size:29px!important;
  font-weight:820!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}

/* Buttons and form controls */
.primary,.secondary,.danger-button{
  display:inline-flex!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:8px 15px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:20px!important;
  text-decoration:none!important;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.primary{
  border:1px solid var(--ui-blue)!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--ui-blue),#3478f6)!important;
  box-shadow:0 8px 18px rgba(37,99,235,.2)!important;
}
.primary:hover{
  background:linear-gradient(135deg,var(--ui-blue-2),#2563eb)!important;
  box-shadow:0 11px 24px rgba(37,99,235,.26)!important;
  transform:translateY(-1px)!important;
}
.secondary{
  border:1px solid var(--ui-line-strong)!important;
  color:#334155!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
}
.secondary:hover{
  border-color:#94a3b8!important;
  background:#f8fafc!important;
  transform:translateY(-1px)!important;
}
.primary:disabled,.secondary:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:none!important;
}
.link{
  color:var(--ui-blue)!important;
  font-size:12px!important;
  font-weight:760!important;
  text-decoration:none!important;
}
.link:hover{text-decoration:underline!important;text-underline-offset:3px!important}
input,select,textarea{
  min-height:40px!important;
  padding:9px 12px!important;
  border:1px solid var(--ui-line-strong)!important;
  border-radius:11px!important;
  color:var(--ui-text)!important;
  background:#fff!important;
  font-size:13px!important;
  line-height:20px!important;
  box-shadow:none!important;
  outline:0!important;
}
input::placeholder,textarea::placeholder{color:#9aa8bb!important}
input:hover,select:hover,textarea:hover{border-color:#94a3b8!important}
input:focus,select:focus,textarea:focus{
  border-color:#60a5fa!important;
  box-shadow:var(--ui-focus-ring)!important;
}
.field label{
  margin-bottom:6px!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:760!important;
}

/* Tables */
.table-wrap{
  width:100%!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cbd5e1 #f8fafc!important;
}
table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
}
th,td{
  padding:13px 15px!important;
  border-bottom:1px solid #edf2f7!important;
  text-align:left!important;
  vertical-align:middle!important;
}
th{
  height:46px!important;
  color:#66758c!important;
  background:#f8fafc!important;
  font-size:12px!important;
  font-weight:780!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}
td{
  color:#24324a!important;
  font-size:13px!important;
}
tbody tr:hover>td{background:#fafcff!important}
tbody tr:last-child td{border-bottom:0!important}
.progress{
  height:6px!important;
  border-radius:999px!important;
  background:#e8eef6!important;
}
.progress i{
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--ui-blue),#60a5fa)!important;
}

/* Toolbars / filters */
.toolbar,
.workflow-filters,
.channel-filters,
.sales-history-filters,
.fulfillment-decision-filters,
.ranking-filters,
.capacity-filters{
  gap:10px!important;
  padding:12px 14px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 4px 16px rgba(15,23,42,.035)!important;
}
.toolbar{margin-bottom:16px!important}

/* Badges */
.tag,.brand-badge,.channel-mode,.platform-pill,.maturity-pill,.operation-badge,.jst-upload-state,.source-badge{
  display:inline-flex!important;
  min-height:24px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:3px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:780!important;
  line-height:16px!important;
  white-space:nowrap!important;
}
.tag,.brand-badge{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #dbeafe!important}
.tag.green,.jst-upload-state.success{color:#047857!important;background:#ecfdf5!important;border-color:#bbf7d0!important}
.tag.red,.jst-upload-state.failed{color:#b91c1c!important;background:#fef2f2!important;border-color:#fecaca!important}
.tag.orange,.jst-upload-state.pending{color:#b45309!important;background:#fffbeb!important;border-color:#fde68a!important}

/* Modal */
.modal{
  z-index:1000!important;
  padding:24px!important;
  background:rgba(15,23,42,.56)!important;
  backdrop-filter:blur(6px)!important;
}
.modal-card{
  width:min(1160px,96vw)!important;
  max-height:92vh!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:var(--ui-shadow-float)!important;
}
.modal-head{
  min-height:64px!important;
  padding:16px 22px!important;
  border-bottom:1px solid var(--ui-line)!important;
  background:rgba(255,255,255,.98)!important;
}
.modal-head h2{
  margin:0!important;
  color:var(--ui-ink)!important;
  font-size:19px!important;
  font-weight:820!important;
  letter-spacing:-.02em!important;
}
.close{
  display:grid!important;
  width:36px!important;
  height:36px!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#64748b!important;
  font-size:22px!important;
  line-height:1!important;
}
.close:hover{color:#0f172a!important;background:#f1f5f9!important}
#toast{
  right:24px!important;
  bottom:24px!important;
  max-width:430px!important;
  padding:12px 16px!important;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  background:#0f172a!important;
  box-shadow:0 18px 46px rgba(15,23,42,.28)!important;
  font-size:13px!important;
}

/* Hero blocks: make all business pages feel like one system */
.workflow-hero,.channel-hero,.sample-hero,.brake-hero,.fulfillment-hero,.fulfillment-hero-v3,.fulfillment-hero-v4,.ranking-hero{
  border-radius:24px!important;
  background:
    radial-gradient(circle at 86% 10%,rgba(96,165,250,.28),transparent 34%),
    linear-gradient(130deg,#102a43 0%,#1d4ed8 100%)!important;
  box-shadow:0 18px 42px rgba(37,99,235,.18)!important;
}
.workflow-hero h2,.channel-hero h2,.sample-hero h2,.brake-hero h2,.fulfillment-hero h2,.fulfillment-hero-v4 h2,.ranking-hero h2{
  color:#fff!important;
  font-size:28px!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
.workflow-hero p,.channel-hero p,.sample-hero p,.brake-hero p,.fulfillment-hero p,.fulfillment-hero-v4 p,.ranking-hero p{
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  line-height:1.7!important;
}

@media(max-width:1280px){
  :root{--ui-sidebar:232px}
  body{min-width:0}
  #content{padding-left:22px!important;padding-right:22px!important}
}
@media(max-width:900px){
  body{min-width:0}
  :root{--ui-sidebar:204px}
  .brand div{font-size:14px!important}
  nav button{font-size:12px!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

html,body{max-width:100%;overflow-x:hidden}
main,#content{min-width:0}
.receiving-toolbar.v2{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:14px;border:1px solid #dfe8f4;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(23,46,84,.05)}
.receiving-toolbar.v2>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.receiving-toolbar.v2 input{width:360px;max-width:100%}
.receiving-toolbar.v2 select{min-width:168px}
.receiving-risk-toggle{display:inline-flex;align-items:center;gap:7px;color:#475569;font-weight:800;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}
.receiving-guide.v2{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:13px 16px;border:1px solid #dbeafe;border-radius:16px;background:#eff6ff;color:#475569}
.receiving-guide.v2 span{display:inline-flex;align-items:center;gap:7px;font-weight:800}.receiving-guide.v2 b{color:#94a3b8}.receiving-guide.v2 em{margin-left:auto;font-style:normal;color:#64748b}
.receiving-result-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.receiving-result-summary span{color:#64748b;font-weight:800}.receiving-result-summary b{padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a}
.receiving-order.v2{border:1px solid #dfe8f4;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(30,58,95,.07);overflow:hidden}
.receiving-order.v2.is-overdue{border-color:#fecdd3;box-shadow:0 14px 34px rgba(220,38,38,.08)}
.receiving-order-main.v2{display:grid;grid-template-columns:minmax(230px,1.25fr) 150px minmax(320px,1.45fr) minmax(210px,1fr) minmax(230px,.9fr);align-items:center;gap:18px;padding:18px 20px}
.receiving-numbers.v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.receiving-numbers.v2 div{border:1px solid #e7edf6;border-radius:14px;background:#f8fbff;padding:10px;text-align:center}
.receiving-numbers.v2 span{display:block;color:#7b8aa0;font-size:12px;font-weight:800}.receiving-numbers.v2 b{display:block;margin-top:4px;font-size:19px;color:#102033}
.receiving-detail.v2{border-top:1px solid #e6edf7;background:#fbfdff;padding:14px 18px 18px}
.receiving-progress.compact{height:7px;border-radius:999px;background:#e8eef7;overflow:hidden;min-width:80px}
.receiving-progress.compact i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#10b981)}
@media(max-width:1350px){.receiving-order-main.v2{grid-template-columns:1fr 160px 1fr}.receiving-row-actions{grid-column:1/-1}.receiving-numbers.v2{grid-column:1/-1}}
@media(max-width:900px){.receiving-toolbar.v2{align-items:stretch;flex-direction:column}.receiving-toolbar.v2>div{width:100%}.receiving-toolbar.v2 input,.receiving-toolbar.v2 select{flex:1;min-width:180px}.receiving-order-main.v2{grid-template-columns:1fr}.receiving-guide.v2{align-items:flex-start;flex-direction:column}.receiving-guide.v2 em{margin-left:0}.receiving-numbers.v2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shipment / receipt batch modal */
.logistics-batch-form{gap:18px}
.logistics-batch-alert{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:16px;background:#eff6ff;color:#40516a}
.logistics-batch-alert b{flex:0 0 auto;color:#1d4ed8;font-size:15px}
.logistics-batch-alert span{line-height:1.55}
.logistics-batch-card{border-color:#dbe7f6;background:linear-gradient(180deg,#fff,#f8fbff)}
.logistics-batch-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.logistics-batch-total{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #bfdbfe;background:#eff6ff;color:#315078;border-radius:999px;padding:9px 14px;font-weight:850}
.logistics-batch-total b{color:#1d4ed8;font-size:20px;line-height:1}
.logistics-batch-table th,.logistics-batch-table td{vertical-align:middle}
.logistics-batch-table td:first-child b{display:block;color:#0f172a}
.logistics-batch-table input.qty{width:118px;text-align:center;font-weight:850}
@media(max-width:760px){.logistics-batch-alert{align-items:flex-start;flex-direction:column}.logistics-batch-total{margin-left:0;width:100%;justify-content:space-between}.logistics-batch-table{min-width:760px}}

/* Jushuitan data health center */
.jst-health-card{border-color:#dbeafe;background:linear-gradient(180deg,#fff,#f8fbff)}
.jst-health-card .table-wrap table{min-width:940px}
.jst-health-priority{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;border-radius:999px;font-size:12px;font-weight:850}
.jst-health-priority.high{background:#fff1f2;color:#be123c}
.jst-health-priority.mid{background:#fff7ed;color:#c2410c}
.jst-health-priority.low{background:#ecfdf5;color:#047857}
.jst-health-card .secondary{white-space:nowrap}

/* 聚水潭有效 SKU 实测闭环 */
.jst-sku-verification{margin-top:20px;overflow:hidden}
.jst-sku-verification .card-head{align-items:center}
.jst-verification-score{min-width:138px;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#edf4ff,#f7faff);text-align:right}
.jst-verification-score b{display:block;color:#1768e5;font-size:26px;line-height:1.1}
.jst-verification-score span{display:block;margin-top:4px;color:#66758c;font-size:12px}
.jst-verification-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 20px 18px}
.jst-verification-summary>button,.jst-verification-summary>div{min-height:72px;padding:13px 16px;border:1px solid #dfe7f2;border-radius:12px;background:#f8fafc;text-align:left}
.jst-verification-summary>button{cursor:pointer}
.jst-verification-summary>button:hover{border-color:#9fc2fb;background:#f2f7ff}
.jst-verification-summary .risk{border-color:#fed7aa;background:#fff9f2}
.jst-verification-summary span{display:block;color:#718096;font-size:12px}
.jst-verification-summary b{display:block;margin-top:5px;color:#17243a;font-size:22px}
.jst-verification-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px auto auto;gap:10px;padding:16px 20px;border-top:1px solid #edf1f7;background:#fbfcfe}
.jst-verification-toolbar input,.jst-verification-toolbar select{min-height:42px}
.jst-sku-verification .sync-notice{margin:0 20px 16px}
.jst-sku-verification tr.verification-pending td{background:#fffcf7}
.jst-sku-verification td code{display:inline-block;max-width:260px;overflow-wrap:anywhere;color:#31547c}
.jst-verification-pager{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-top:1px solid #e8eef6;color:#68778d}
.jst-verification-pager>div{display:flex;gap:8px}
@media(max-width:1100px){.jst-verification-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.jst-verification-toolbar{grid-template-columns:1fr 1fr}}
.business-command{display:grid;gap:18px;margin-bottom:22px}
.bcc-header{display:flex;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #dce6f5;border-radius:22px;background:linear-gradient(135deg,#f8fbff 0%,#fff 55%,#fff7f9 100%);box-shadow:0 16px 40px rgba(26,45,76,.07)}
.bcc-header h2{margin:7px 0 6px;font-size:26px;color:#17243a}.bcc-header p{margin:0;color:#697892}
.bcc-safety{display:flex;flex-direction:column;align-self:center;max-width:360px;padding:14px 16px;border:1px solid #efd3da;border-radius:14px;background:#fff8fa;color:#84485a}
.bcc-safety span{margin-top:5px;font-size:12px;line-height:1.6}
.bcc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bcc-stats button{display:grid;grid-template-columns:1fr auto;gap:4px 12px;text-align:left;padding:16px 18px;border:1px solid #e4e9f1;border-radius:16px;background:#fff;color:#25344c;box-shadow:0 8px 22px rgba(22,39,70,.05)}
.bcc-stats button:hover{transform:translateY(-1px);border-color:#9db6df}.bcc-stats span{font-size:13px}.bcc-stats strong{grid-row:1/3;grid-column:2;font-size:28px}.bcc-stats small{color:#7c8aa1}
.bcc-stats .warn strong{color:#b26a16}.bcc-stats .danger strong{color:#b23f59}
.bcc-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bcc-center-card{display:flex;flex-direction:column;gap:9px;min-height:170px;padding:18px;text-align:left;border:1px solid #e2e7ef;border-left:4px solid #aab5c5;border-radius:16px;background:#fff;color:#233149}
.bcc-center-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,49,83,.09)}
.bcc-center-card.ready{border-left-color:#2e9c73}.bcc-center-card.uat{border-left-color:#5286d8}.bcc-center-card.limited{border-left-color:#d28b31}.bcc-center-card.blocked{border-left-color:#c74c66}.bcc-center-card.empty{border-left-color:#9aa4b4}
.bcc-center-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.bcc-center-head b{font-size:16px}.bcc-center-head i{font-size:11px;font-style:normal;padding:4px 8px;border-radius:999px;background:#f0f3f8}
.bcc-center-card>strong{font-size:13px;line-height:1.5}.bcc-center-card>small{color:#78869a;line-height:1.5}
.bcc-dimensions{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.bcc-dimensions em{font-size:10px;font-style:normal;padding:3px 6px;border-radius:7px;background:#f3f5f8;color:#66758b}
.bcc-dimensions .pass{background:#edf8f3;color:#297b5e}.bcc-dimensions .partial,.bcc-dimensions .not_run{background:#fff6e8;color:#9a651e}.bcc-dimensions .fail{background:#fff0f3;color:#a33f57}
.bcc-lower{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.bcc-lower>section{padding:20px;border:1px solid #e3e8f0;border-radius:18px;background:#fff}
.bcc-section-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.bcc-section-title h3{margin:0 0 4px}.bcc-section-title p{margin:0;color:#7a879a;font-size:12px}.bcc-section-title>span{padding:5px 9px;border-radius:999px;background:#f2f5f9;color:#56667e;font-size:12px}
.bcc-list{display:grid;gap:8px}.bcc-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:11px;border:0;border-radius:12px;background:#f8f9fc;color:#27364d}
.bcc-list i{font-style:normal;font-size:11px;color:#a83f58}.bcc-list span{display:flex;flex-direction:column;gap:3px}.bcc-list small{color:#7b8799}.bcc-list>button>strong{font-size:12px;color:#416da8}
.bcc-task-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bcc-task-numbers div{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:12px;background:#f7f9fc}.bcc-task-numbers span{font-size:11px;color:#748198}.bcc-task-numbers b{font-size:22px}
.bcc-callout{margin:14px 0 0;padding:12px;border-radius:12px;background:#f7f4f6;color:#66505a;font-size:12px;line-height:1.7}.bcc-empty{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:12px;background:#f6faf8}.bcc-empty span{font-size:12px;color:#718079}
.bcc-work-queues{padding:20px;border:1px solid #e3e8f0;border-radius:18px;background:#fff}.bcc-queue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bcc-queue-grid button{display:flex;flex-direction:column;gap:6px;text-align:left;padding:15px;border:1px solid #e7eaf0;border-radius:13px;background:#fafbfc;color:#293950}.bcc-queue-grid button:hover{border-color:#9db6df;background:#f6f9fd}.bcc-queue-grid span{font-size:12px;color:#64738a}.bcc-queue-grid b{font-size:24px}.bcc-queue-grid small{line-height:1.45;color:#79869a}
.bcc-uat-actions{padding:20px;border:1px solid #dfe6f0;border-radius:18px;background:#fff}.bcc-uat-actions.ready{border-color:#cfe8dc;background:#fbfefc}.bcc-action-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bcc-action-stage{min-width:0;padding:14px;border:1px solid #e6eaf1;border-radius:14px;background:#fafbfc}.bcc-action-stage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.bcc-action-stage-head b{font-size:13px;color:#25364f}.bcc-action-stage-head span{font-size:11px;color:#738198}.bcc-action-items{display:grid;gap:8px}.bcc-action-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e8ebf1;border-radius:10px;background:#fff}.bcc-action-number{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#edf3fb;color:#3f6caa;font-size:11px;font-weight:700}.bcc-action-item>div{display:grid;gap:3px;min-width:0}.bcc-action-item b{font-size:12px;color:#26364d}.bcc-action-item small,.bcc-action-modules{color:#748198;font-size:11px;line-height:1.45}.bcc-action-item em{width:max-content;padding:2px 6px;border-radius:6px;background:#fff4e5;color:#95621e;font-size:10px;font-style:normal}.bcc-action-item button{white-space:nowrap}.bcc-action-footnote{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff8ee;color:#795a2c;font-size:11px;line-height:1.65}
.bcc-uat-operator-missions.bcc-activation-focus{border-color:#6ba58b;box-shadow:0 0 0 4px rgba(73,139,108,.14),0 18px 45px rgba(31,74,55,.12)}
.cross-channel-board{margin-bottom:20px}.cross-channel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.cross-channel-summary>div{padding:13px 14px;border:1px solid #e1e8f0;border-radius:12px;background:#f8fafc}.cross-channel-summary span,.cross-channel-summary b{display:block}.cross-channel-summary span{color:#718096;font-size:11px}.cross-channel-summary b{margin-top:5px;color:#19375b;font-size:20px}.cross-channel-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cross-channel-platform{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid #e1e7ef;border-radius:14px;background:#fff}.cross-channel-platform.orders_connected{border-color:#efd6ac;background:#fffdf8}.cross-channel-platform.profit_ready{border-color:#bcdccc;background:#fbfefc}.cross-channel-platform header,.cross-channel-platform footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.cross-channel-platform header div,.cross-channel-platform header b,.cross-channel-platform header small{display:block;min-width:0}.cross-channel-platform header b{color:#203650;font-size:15px}.cross-channel-platform header small{margin-top:3px;color:#748198;font-size:10px}.cross-channel-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.cross-channel-metrics>div{padding:8px;border-radius:9px;background:#f4f7fa}.cross-channel-metrics span,.cross-channel-metrics b{display:block}.cross-channel-metrics span{color:#7b8798;font-size:9px}.cross-channel-metrics b{margin-top:3px;color:#293d57;font-size:12px}.cross-channel-platform p{min-height:34px;margin:0;color:#718096;font-size:10px;line-height:1.6}.cross-channel-platform p small{color:#ad6f18}.cross-channel-platform footer{align-self:end;justify-content:flex-start;flex-wrap:wrap}.cross-channel-platform footer button{min-width:0;padding:7px 8px;font-size:10px}.cross-channel-definitions{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:13px;padding:11px 13px;border-radius:10px;background:#f4f7fb;color:#64748b;font-size:11px}.cross-channel-definitions b{color:#334a66}@media(max-width:1280px){.cross-channel-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.cross-channel-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cross-channel-platforms{grid-template-columns:1fr}}
.cross-channel-focus{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:13px 15px;border:1px solid #b9d4ef;border-radius:12px;background:#f3f8fd;color:#294c72}.cross-channel-focus>div{display:grid;gap:3px}.cross-channel-focus b{font-size:13px}.cross-channel-focus span{color:#607b98;font-size:11px}.cross-channel-onboarding{display:grid;gap:14px}.cross-channel-onboarding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cross-channel-onboarding-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:11px;border:1px solid #e4e8ee;border-radius:10px;background:#fafbfc}.cross-channel-onboarding-list>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#fff1dc;color:#9a621d;font-weight:700}.cross-channel-onboarding-list>div.ready>span{background:#e6f5ed;color:#267453}.cross-channel-onboarding-list>div div{display:grid;gap:3px}.cross-channel-onboarding-list b{font-size:12px;color:#293b52}.cross-channel-onboarding-list small{color:#738196;line-height:1.5}.cross-channel-platform footer button:disabled{opacity:.62;cursor:not-allowed}@media(max-width:760px){.cross-channel-focus{align-items:flex-start;flex-direction:column}.cross-channel-onboarding-list{grid-template-columns:1fr}}
.bcc-error{display:flex;gap:12px;align-items:center;border-color:#efd0d7;background:#fff8fa}.bcc-error span{flex:1;color:#85505e}
@media(max-width:1100px){.bcc-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bcc-lower{grid-template-columns:1fr}.bcc-action-stages{grid-template-columns:1fr}}
@media(max-width:760px){.bcc-header{flex-direction:column;padding:20px}.bcc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.bcc-module-grid,.bcc-queue-grid{grid-template-columns:1fr}.bcc-task-numbers{grid-template-columns:1fr}.bcc-lower>section{padding:15px}.bcc-action-item{grid-template-columns:auto minmax(0,1fr)}.bcc-action-item button{grid-column:2;justify-self:start}}
