/* SKU智能ERP v8.23.0 Hotfix3 · 全局UI重构 */
:root{
  --erp-sidebar:272px;
  --erp-topbar:76px;
  --ui-canvas:#f2f5f9;
  --ui-panel:#ffffff;
  --ui-border:#dfe6ef;
  --ui-border-soft:#edf1f6;
  --ui-text:#182230;
  --ui-muted:#667085;
  --ui-primary:#2563eb;
  --ui-primary-dark:#1d4ed8;
  --ui-primary-soft:#eef4ff;
  --ui-success:#0f9f83;
  --ui-warning:#e8891c;
  --ui-danger:#c93b49;
  --ui-radius:14px;
  --ui-shadow:0 10px 28px rgba(15,31,58,.065);
  --ui-shadow-strong:0 18px 48px rgba(15,31,58,.12);
}
html,body{background:var(--ui-canvas)!important}
body.erp-mode{font-family:"Microsoft YaHei","PingFang SC",Inter,system-ui,sans-serif!important;color:var(--ui-text)!important;background:linear-gradient(180deg,#f6f8fb 0,#eff3f8 100%)!important}
.erp-shell{background:transparent!important}
.erp-app{background:transparent!important;margin-left:var(--erp-sidebar)!important}
.erp-content{padding:26px 30px 52px!important;max-width:1920px;margin:0 auto}

/* 主侧边栏 */
.erp-sidebar{
  width:var(--erp-sidebar)!important;
  background:linear-gradient(180deg,#101d34 0%,#14294a 48%,#0c172b 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:18px 0 44px rgba(8,20,40,.16)!important;
}
.erp-sidebar-aurora{opacity:.62!important}
.erp-brand{height:86px!important;padding:0 18px!important;gap:13px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.erp-brand-mark{width:44px!important;height:44px!important;border-radius:14px!important;background:linear-gradient(135deg,#4f7df5,#73c2ff)!important;box-shadow:0 12px 28px rgba(52,112,235,.32)!important}
.erp-brand-mark svg{width:23px!important;height:23px!important}
.erp-brand-text strong{font-size:18px!important;letter-spacing:.02em!important}
.erp-brand-text span{color:#9cb0cc!important;font-size:10px!important;letter-spacing:.12em!important}
.erp-nav{padding:14px 12px 10px!important;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}
.erp-nav-group{margin:15px 10px 8px!important;color:#8198ba!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important}
.erp-nav button{
  position:relative!important;
  min-height:52px!important;
  margin:3px 0!important;
  padding:9px 11px!important;
  gap:11px!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  color:#c8d5e9!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.erp-nav button:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(1px)}
.erp-nav button.active{background:linear-gradient(90deg,rgba(62,111,228,.34),rgba(56,128,242,.12))!important;border-color:rgba(113,166,255,.24)!important;color:#fff!important;box-shadow:inset 3px 0 0 #7eb5ff,0 12px 24px rgba(12,39,91,.22)!important}
.erp-nav-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.055)!important;color:#bdd0ed!important}
.erp-nav button.active .erp-nav-icon{background:linear-gradient(135deg,rgba(104,156,255,.32),rgba(98,195,255,.18))!important;color:#fff!important;border-color:rgba(160,201,255,.2)!important}
.erp-nav-icon svg,.erp-nav button svg{width:18px!important;height:18px!important;stroke-width:1.85!important}
.erp-nav-copy{min-width:0!important}
.erp-nav-copy b{display:block!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.erp-nav-copy small{display:block!important;margin-top:3px!important;font-size:10px!important;line-height:1.3!important;color:#8fa4c2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.erp-nav button.active .erp-nav-copy small{color:#d6e5fb!important}
.erp-nav-badge{margin-left:auto!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.07)!important;color:#e6effc!important;font-weight:800!important}
.erp-sidebar-bottom{padding-bottom:4px!important}
.erp-sidebar-collapse{
  position:relative!important;
  min-height:46px!important;
  margin:8px 12px 10px!important;
  padding:6px 10px!important;
  gap:10px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.075)!important;
  color:#d7e4f7!important;
  font-weight:700!important;
}
.erp-sidebar-collapse:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}
.erp-sidebar-collapse .erp-collapse-icon{width:32px!important;height:32px!important;min-width:32px!important;background:rgba(255,255,255,.07)!important}
.erp-sidebar-collapse span{font-size:12px!important}
.erp-sidebar-foot{padding:12px 16px 16px!important;color:#91a5c3!important;border-top:1px solid rgba(255,255,255,.07)!important}
.erp-sidebar-foot i{background:#46c8b9!important;box-shadow:0 0 0 5px rgba(70,200,185,.12)!important}

/* 收起后的显著图标与提示 */
body.erp-sidebar-collapsed{--erp-sidebar:86px!important}
body.erp-sidebar-collapsed .erp-brand{padding:0!important;justify-content:center!important}
body.erp-sidebar-collapsed .erp-brand-mark{width:46px!important;height:46px!important}
body.erp-sidebar-collapsed .erp-nav{padding:14px 10px!important;overflow:visible!important}
body.erp-sidebar-collapsed .erp-nav-group,
body.erp-sidebar-collapsed .erp-brand-text,
body.erp-sidebar-collapsed .erp-nav-copy,
body.erp-sidebar-collapsed .erp-nav-badge,
body.erp-sidebar-collapsed .erp-sidebar-collapse>span{display:none!important}
body.erp-sidebar-collapsed .erp-nav button{justify-content:center!important;min-height:56px!important;padding:9px 0!important;overflow:visible!important}
body.erp-sidebar-collapsed .erp-nav-icon{width:38px!important;height:38px!important;min-width:38px!important;background:rgba(255,255,255,.095)!important}
body.erp-sidebar-collapsed .erp-nav button.active .erp-nav-icon{box-shadow:0 0 0 3px rgba(112,166,255,.14)!important}
body.erp-sidebar-collapsed .erp-sidebar-collapse{justify-content:center!important;margin:8px 10px 12px!important;padding:7px 0!important;overflow:visible!important}
body.erp-sidebar-collapsed .erp-sidebar-collapse .erp-collapse-icon{width:38px!important;height:38px!important;min-width:38px!important}
body.erp-sidebar-collapsed .erp-sidebar-foot{display:flex!important;justify-content:center!important;padding:10px 0 16px!important}
body.erp-sidebar-collapsed .erp-sidebar-foot div{display:none!important}
body.erp-sidebar-collapsed .erp-nav button::after,
body.erp-sidebar-collapsed .erp-sidebar-collapse::after{
  content:attr(aria-label);
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%) translateX(-4px);
  opacity:0;
  pointer-events:none;
  z-index:120;
  white-space:nowrap;
  padding:8px 11px;
  border-radius:9px;
  background:#111c30;
  color:#fff;
  font-size:12px;
  font-weight:700;
  box-shadow:0 12px 30px rgba(15,23,42,.2);
  transition:.16s ease;
}
body.erp-sidebar-collapsed .erp-nav button:hover::after,
body.erp-sidebar-collapsed .erp-sidebar-collapse:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}

/* 顶栏 */
.erp-topbar{height:var(--erp-topbar)!important;padding:0 24px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #dfe6ef!important;box-shadow:0 8px 24px rgba(15,31,58,.04)!important}
.erp-topbar-left{gap:13px!important}
.erp-page-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(135deg,#eef4ff,#f8fbff)!important;border:1px solid #dbe5f2!important;color:#245dc1!important;display:grid!important;place-items:center!important}
.erp-page-icon svg{width:20px!important;height:20px!important}
.erp-breadcrumb small{font-size:11px!important;color:#7b8797!important}
.erp-breadcrumb strong{font-size:19px!important;color:#172033!important}
.erp-page-updated{font-size:10px!important;color:#8390a2!important}
.erp-topbar-right{gap:9px!important}
.erp-date-chip,.erp-status-pill,.erp-user-chip,.erp-top-icon,.erp-table-density-btn{border:1px solid #e0e6ee!important;background:#fff!important;border-radius:11px!important;box-shadow:0 5px 16px rgba(15,31,58,.035)!important}
.erp-top-icon{width:40px!important;height:40px!important}
.erp-user-chip{padding:5px 9px 5px 5px!important}
.erp-avatar{width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(135deg,#1f3760,#2f5a95)!important}

/* 页面与卡片 */
.erp-page-heading{align-items:center!important;margin:0 0 19px!important;padding:2px 2px 0!important}
.erp-page-heading h1{font-size:26px!important;letter-spacing:-.02em!important;color:#182230!important}
.erp-page-heading p{font-size:13px!important;color:#697586!important;line-height:1.6!important}
.erp-dashboard-hero{border-radius:20px!important;padding:27px 30px!important;background:linear-gradient(125deg,#12264a,#1d5297 68%,#2875bb)!important;box-shadow:0 18px 44px rgba(19,53,103,.18)!important}
.erp-dashboard-hero h2{font-size:25px!important}
.erp-kpi-grid{gap:14px!important}
.erp-kpi-card,.erp-panel,.erp-module-card,body.erp-mode .card,.intel-card,.ai-task-center{
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  background:#fff!important;
  box-shadow:var(--ui-shadow)!important;
}
.erp-kpi-card{padding:17px!important;min-height:116px!important}
.erp-kpi-head{font-size:12px!important}.erp-kpi-value{font-size:26px!important}.erp-kpi-note{font-size:11px!important}
.erp-panel{padding:19px!important}.erp-panel-head{margin-bottom:15px!important}.erp-panel-head h3{font-size:16px!important}
.erp-module-grid{grid-template-columns:repeat(3,minmax(240px,1fr))!important;gap:15px!important}
.erp-module-card{padding:19px!important;transition:transform .16s ease,box-shadow .16s ease!important}
.erp-module-card:hover{transform:translateY(-2px)!important;box-shadow:0 15px 36px rgba(15,31,58,.09)!important}
.erp-module-card .erp-module-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:var(--ui-primary-soft)!important;color:var(--ui-primary)!important}
.erp-module-card h3{font-size:16px!important}.erp-module-card p{font-size:12px!important;min-height:38px!important}
body.erp-mode .card{padding:20px!important;margin-bottom:16px!important}
body.erp-mode .step-title{border-bottom:1px solid var(--ui-border-soft)!important;padding-bottom:15px!important;margin-bottom:17px!important}
body.erp-mode .step-title b{background:linear-gradient(135deg,#285fc5,#397fe5)!important;box-shadow:0 7px 18px rgba(37,99,235,.2)!important}
body.erp-mode .step-title h2,body.erp-mode .result-head h2{font-size:19px!important}

/* 表单与按钮 */
body.erp-mode button,.erp-module-card button,.ai-task-center button{font-family:inherit}
body.erp-mode .primary,.ai-task-primary{background:linear-gradient(135deg,var(--ui-primary),#3978e8)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px rgba(37,99,235,.16)!important}
body.erp-mode .success{background:linear-gradient(135deg,#0b9278,#17aa8c)!important;color:#fff!important}
body.erp-mode .ghost{background:#f3f6fa!important;color:#3d4a5e!important;border:1px solid #e0e7ef!important}
body.erp-mode .danger{background:#fff1f2!important;color:#a62837!important;border:1px solid #fecdd3!important;box-shadow:none!important}
body.erp-mode input,body.erp-mode select,body.erp-mode textarea{border-color:#d6dee9!important;border-radius:10px!important;background:#fff!important;outline:none!important}
body.erp-mode input:focus,body.erp-mode select:focus,body.erp-mode textarea:focus{border-color:#7aa6ef!important;box-shadow:0 0 0 3px rgba(37,99,235,.09)!important}
body.erp-mode .toolbar,body.erp-mode .sales-filter-panel,body.erp-mode .receipt-filter-panel{border-radius:14px!important;background:#f8fafc!important;border:1px solid #e4eaf1!important;padding:14px!important}

/* 表格统一 */
body.erp-mode .table-wrap,body.erp-mode .table-editor,.intel-table-wrap,.ai-center-table{border:1px solid #dde5ee!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
body.erp-mode table{font-size:12px!important}
body.erp-mode th,.intel-table-wrap th,.ai-center-table th{background:#edf2f8!important;color:#344054!important;border-bottom:1px solid #d8e1ec!important;font-weight:800!important;text-align:center!important}
body.erp-mode td,.intel-table-wrap td,.ai-center-table td{border-bottom:1px solid #edf1f5!important;color:#344054!important}
body.erp-mode tbody tr:nth-child(even){background:#fafbfd!important}
body.erp-mode tbody tr:hover td{background:#f3f7fc!important}
body[data-erp-table-density="compact"] td,body[data-erp-table-density="compact"] th{padding-top:7px!important;padding-bottom:7px!important}
body[data-erp-table-density="comfortable"] td,body[data-erp-table-density="comfortable"] th{padding-top:13px!important;padding-bottom:13px!important}

/* AI智能栏 */
.ai-smart-bar{border:1px solid #dbe5f2!important;border-radius:16px!important;background:linear-gradient(135deg,#fff,#f7faff)!important;box-shadow:0 10px 28px rgba(29,78,216,.07)!important;margin-bottom:16px!important}
.ai-smart-brand i{background:linear-gradient(135deg,#2563eb,#4f8df7)!important;box-shadow:0 7px 18px rgba(37,99,235,.22)!important}
.ai-smart-actions button{border-radius:10px!important}

/* AI任务独立页面 */
.erp-ai-task-page>.erp-page-heading{padding:1px 2px 0!important}
.erp-ai-task-mount:empty{display:none!important}
.ai-task-center{padding:18px!important;margin:0!important}
.ai-center-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px!important;border-radius:16px!important;background:linear-gradient(125deg,#152a50,#245ba6)!important;color:#fff!important;margin-bottom:15px!important}
.ai-center-hero small{color:#bad4ff!important;letter-spacing:.13em!important;font-weight:800!important}.ai-center-hero h2{margin:4px 0 5px!important;font-size:23px!important}.ai-center-hero p{margin:0!important;color:#d6e5fb!important;font-size:12px!important}.ai-center-hero button{border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:10px!important;padding:9px 13px!important}.ai-center-hero button.primary{background:#fff!important;color:#1d4f93!important}
.ai-center-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:10px!important;margin-bottom:15px!important}.ai-center-kpis article{border-radius:13px!important;border:1px solid #e2e8f0!important;background:#fff!important;padding:13px 14px!important}.ai-center-kpis span{font-size:11px!important;color:#667085!important}.ai-center-kpis b{font-size:23px!important;color:#172033!important}
.ai-center-layout{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.ai-center-side{position:sticky!important;top:calc(var(--erp-topbar) + 20px)!important;border:1px solid #e0e7f0!important;border-radius:15px!important;background:#f8fafc!important;padding:13px!important}
.ai-center-side-title{padding:4px 5px 12px!important;border-bottom:1px solid #e8edf3!important;margin-bottom:10px!important}.ai-center-side-title small{font-size:9px!important;letter-spacing:.12em!important;color:#3669c4!important;font-weight:800!important}.ai-center-side-title h3{font-size:17px!important;margin:4px 0!important}.ai-center-side-title p{font-size:11px!important;line-height:1.45!important;color:#697586!important;margin:0!important}
.ai-center-nav{display:flex!important;flex-direction:column!important;gap:6px!important}
.ai-center-nav button{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:39px!important;padding:8px 10px!important;border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;color:#475467!important;cursor:pointer!important;text-align:left!important}
.ai-center-nav button:hover{background:#fff!important;border-color:#dfe7f1!important}.ai-center-nav button.active{background:#eaf2ff!important;border-color:#b9d1fb!important;color:#1d4ed8!important;font-weight:800!important}.ai-center-nav em{font-style:normal!important;min-width:20px!important;text-align:center!important;padding:2px 6px!important;border-radius:999px!important;background:#e8eef7!important;color:#52647d!important;font-size:10px!important}.ai-center-nav button.active em{background:#d8e7ff!important;color:#1d4ed8!important}
.ai-center-main{min-width:0!important}
.ai-center-toolbar{display:grid!important;grid-template-columns:minmax(200px,1.25fr) minmax(140px,.65fr) minmax(130px,.55fr) auto!important;gap:10px!important;align-items:end!important;padding:13px!important;margin:0 0 14px!important;border-radius:14px!important;border:1px solid #e0e7ef!important;background:#f8fafc!important}
.ai-center-toolbar label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:11px!important;color:#697586!important}.ai-center-toolbar input,.ai-center-toolbar select{height:40px!important}.ai-center-toolbar>button{height:40px!important;border-radius:10px!important;border:0!important;background:#2563eb!important;color:#fff!important;padding:0 14px!important;font-weight:700!important}
.ai-center-task-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.ai-task-card{border-radius:14px!important;border:1px solid #e1e7ef!important;background:#fff!important;box-shadow:0 8px 20px rgba(15,31,58,.045)!important;padding:15px!important}
.ai-task-card.critical{border-left:4px solid var(--ui-danger)!important;background:#fffafa!important}.ai-task-card.warning{border-left:4px solid var(--ui-warning)!important;background:#fffdf8!important}.ai-task-card.info{border-left:4px solid #4784e8!important;background:#fbfdff!important}.ai-task-card.good{border-left:4px solid var(--ui-success)!important;background:#fbfffd!important}
.ai-center-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-top:14px!important;padding:12px 14px!important;border:1px solid #e0e7ef!important;border-radius:13px!important;background:#fff!important;color:#667085!important;font-size:12px!important}.ai-center-pagination>div{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important}.ai-center-pagination button{height:35px!important;border:1px solid #d8e0eb!important;border-radius:9px!important;background:#fff!important;color:#344054!important;padding:0 11px!important;font-weight:700!important;cursor:pointer!important}.ai-center-pagination button.primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}.ai-center-pagination button:disabled{opacity:.42!important;cursor:not-allowed!important}.ai-center-pagination em{font-style:normal!important;color:#475467!important}
.ai-center-foot{padding:10px 2px 0!important;color:#7a8697!important;font-size:11px!important}

/* 风险色规范 */
.message.error,.intel-error{background:#fff1f2!important;color:#9f2433!important;border-left:4px solid #d43e4d!important;padding:10px 12px!important;border-radius:8px!important}
.message.ok{background:#ecfdf7!important;color:#087a66!important;border-left:4px solid #10a98c!important;padding:10px 12px!important;border-radius:8px!important}
.callout{background:#fff8ed!important;color:#8a4a08!important;border:1px solid #f5d5a5!important;border-left:4px solid #e8891c!important;border-radius:10px!important}

@media(max-width:1420px){
  .erp-module-grid{grid-template-columns:repeat(2,minmax(230px,1fr))!important}
  .ai-center-layout{grid-template-columns:200px minmax(0,1fr)!important}
  .ai-center-task-grid{grid-template-columns:1fr!important}
  .ai-center-kpis{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:1050px){
  :root{--erp-sidebar:230px}
  .erp-content{padding:22px 20px 42px!important}
  .ai-center-layout{grid-template-columns:1fr!important}
  .ai-center-side{position:static!important}
  .ai-center-nav{display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  .ai-center-toolbar{grid-template-columns:1fr 1fr!important}
}
@media(max-width:780px){
  .erp-app{margin-left:0!important}
  .erp-sidebar{width:230px!important}
  .erp-content{padding:15px 11px 32px!important}
  .erp-topbar{padding:0 12px!important}
  .erp-page-heading h1{font-size:22px!important}
  .erp-module-grid{grid-template-columns:1fr!important}
  .ai-center-kpis{grid-template-columns:repeat(2,1fr)!important}
  .ai-center-nav{grid-template-columns:repeat(2,1fr)!important}
  .ai-center-toolbar{grid-template-columns:1fr!important}
  .ai-center-hero{align-items:flex-start!important;flex-direction:column!important}
}