:root{--shell-nav:#081a32;--shell-nav-2:#0d2442;--shell-blue:#216ff3;--shell-cyan:#29c7e8;--shell-line:#dce6f3;--shell-ink:#102a4d;--shell-muted:#72849f}
body{background:radial-gradient(circle at 76% -12%,#e4efff 0,transparent 32%),linear-gradient(180deg,#f3f7fd 0,#eef3f9 100%)}
.shell>aside{width:244px;padding:18px 14px 16px;background:radial-gradient(circle at 14% -4%,#234a7a 0,transparent 24%),linear-gradient(180deg,var(--shell-nav-2),var(--shell-nav));border-right:1px solid #ffffff12;box-shadow:18px 0 48px #13294a14}
.shell>aside::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 46%)}
.shell>aside>*{position:relative;z-index:1}
.shell .brand{min-height:62px;margin:0 0 10px;padding:9px 10px;border:1px solid #ffffff1a;border-radius:14px;background:linear-gradient(135deg,#ffffff12,#ffffff04);box-shadow:inset 0 1px #ffffff12,0 12px 30px #02081233}
.shell .brand>b{flex:0 0 55px;width:55px;height:40px;border-radius:9px}
.shell .brand strong{font-size:14px;letter-spacing:.1px}.shell .brand small{margin-top:3px;color:#7f98ba;font-size:8px;font-weight:800;letter-spacing:1.25px}
.workspace-switcher{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 18px;padding:9px 10px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff08;color:#dbe8fb;text-align:left;cursor:pointer;transition:.2s}.workspace-switcher:hover{border-color:#4f8ff066;background:#ffffff0d}.workspace-switcher>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#2e82ff,#5a62f0);color:#fff;font-size:11px;font-weight:900;box-shadow:0 7px 18px #1d62d950}.workspace-switcher div{display:grid;gap:1px;min-width:0;margin-right:auto}.workspace-switcher small{color:#7189aa;font-size:9px}.workspace-switcher strong{color:#eff5ff;font-size:12px}.workspace-switcher i{color:#7289aa;font-style:normal}
.shell>aside nav{gap:3px;padding:0 1px 110px}.shell .nav-group{gap:2px;margin-bottom:13px}.shell .nav-group>small{padding:0 11px 5px;color:#6480a8;font-size:9px;letter-spacing:1.7px}.shell .nav-group button{min-height:40px;padding:0 12px;border-radius:9px;color:#9db1cc;font-size:13px;font-weight:650}.shell .nav-group button:hover{background:#ffffff0a;color:#fff;transform:translateX(1px)}.shell .nav-group button.active{background:linear-gradient(90deg,#244878,#1c365c);border-color:#6d9ef329;color:#fff;box-shadow:inset 3px 0 #4d91ff,0 8px 24px #02091436}.shell .nav-group button::after{display:none}
.shell .user{margin:auto 0 0;padding:15px 10px 0;border-top:1px solid #ffffff14}.shell .user::before{content:"当前登录";display:block;margin-bottom:7px;color:#526d92;font-size:8px;font-weight:900;letter-spacing:1.5px}.shell .user strong{font-size:13px}.shell .user small,.shell .user button{font-size:11px}
.shell>.content{margin-left:244px;width:calc(100% - 244px);padding:24px 30px 44px}
.erp-command-bar{min-height:54px;margin:-12px -2px 22px;padding:0 10px 0 15px;border-color:#d9e4f1;border-radius:14px;background:#ffffffed;box-shadow:0 9px 30px #1c365d0d}
.erp-context{min-width:210px}.erp-context span{color:#7487a3;font-size:10px}.erp-context strong{font-size:13px}
.erp-global-search{display:flex;align-items:center;gap:10px;width:min(440px,36vw);min-height:36px;padding:0 9px 0 12px;border:1px solid #dbe5f1;border-radius:10px;background:#f5f8fc;color:#8797ac;cursor:pointer;transition:.2s}.erp-global-search:hover{border-color:#8eb7f3;background:#fff;box-shadow:0 6px 18px #2d6dcb12}.erp-global-search>span{color:#3777d8;font-size:19px}.erp-global-search>b{overflow:hidden;margin-right:auto;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.erp-global-search kbd,.command-search kbd{padding:3px 6px;border:1px solid #d7e0ec;border-bottom-width:2px;border-radius:5px;background:#fff;color:#71839d;font:700 9px/1.2 var(--font-ui)}
.erp-command-actions{min-width:210px;justify-content:flex-end}.erp-command-actions .erp-health{padding:7px 9px;border-radius:9px;background:#ecf9f3;color:#137654}.erp-health b{font-size:10px}.erp-command-actions button.erp-help{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:50%;font-size:13px}
.command-palette-mask{position:fixed;inset:0;z-index:1000;display:grid;place-items:start center;padding-top:min(16vh,150px);background:#07162f99;backdrop-filter:blur(9px)}
.command-palette{width:min(650px,calc(100vw - 34px));overflow:hidden;border:1px solid #bcd1ee;border-radius:18px;background:#fdfefe;box-shadow:0 28px 80px #06162d66,0 0 0 1px #ffffff80}
.command-palette header{display:flex;align-items:center;padding:18px 20px 12px}.command-palette header small{color:#3374d4;font-size:8px;font-weight:900;letter-spacing:2px}.command-palette header h2{margin:3px 0 0;color:#102b50;font-size:21px}.command-palette header button{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border:1px solid #dbe5f1;border-radius:9px;background:#f5f8fc;color:#657994;font-size:20px;cursor:pointer}
.command-search{display:flex;align-items:center;gap:11px;margin:0 18px 12px;padding:0 11px;border:1px solid #8bb3ee;border-radius:11px;background:#fff;box-shadow:0 0 0 4px #2d77e70d}.command-search>span{color:#2b76e5;font-size:22px}.command-search input{width:100%;height:44px;border:0;outline:0;background:transparent;color:#122c4e;font-size:14px}.command-results{display:grid;gap:4px;max-height:360px;overflow:auto;padding:2px 12px 12px}.command-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer}.command-item:hover,.command-item.active{border-color:#d8e5f7;background:#eef5ff}.command-item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e6f0ff,#edf0ff);color:#246ed8;font-size:16px;font-weight:850}.command-item div{display:grid;gap:2px}.command-item strong{color:#173255;font-size:13px}.command-item small{color:#7b8da6;font-size:10px}.command-item>i{color:#8193aa;font-style:normal;font-size:11px}.command-empty{padding:35px;text-align:center;color:#7a8ba2;font-size:13px}.command-palette footer{display:flex;gap:18px;padding:10px 20px;border-top:1px solid #e4ebf4;background:#f7f9fc;color:#7d8da4;font-size:9px}
body.command-open{overflow:hidden}
@media(max-width:1100px){.erp-global-search{width:34px;padding:0;justify-content:center}.erp-global-search>b,.erp-global-search>kbd{display:none}.erp-context{min-width:0}.erp-command-actions{min-width:0}.erp-health b{display:none}}
@media(max-width:760px){.shell>aside{width:74px;padding:14px 9px}.shell .brand span,.workspace-switcher div,.workspace-switcher i,.shell .nav-group>small,.shell .nav-group button{font-size:0}.shell .brand{justify-content:center;padding:8px}.workspace-switcher{justify-content:center;padding:8px}.shell .nav-group button{display:grid;place-items:center;padding:0;font-size:14px}.shell>.content{margin-left:74px;width:calc(100% - 74px);padding:18px 14px}.erp-context span,.erp-context i{display:none}.erp-command-bar{margin-top:-8px}.erp-command-actions #erpDensity,.erp-command-actions #erpToggleGroups{display:none}}

/* Unified technology skin: frames, controls and every scroll surface. */
:root{
  --tech-cyan:#22d3ee;
  --tech-blue:#3478f6;
  --tech-violet:#6d5dfc;
  --tech-line:rgba(70,126,220,.24);
  --tech-line-strong:rgba(53,125,244,.48);
  --tech-glow:rgba(46,124,246,.18);
}

html,
body,
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(52,120,246,.92) rgba(18,45,82,.10);
}

*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(10,31,61,.12),rgba(61,105,185,.06));
  border:1px solid rgba(73,128,220,.14);
  border-radius:999px;
  box-shadow:inset 0 0 8px rgba(20,55,110,.08);
}
*::-webkit-scrollbar-thumb{
  min-height:42px;
  background:linear-gradient(180deg,var(--tech-cyan) 0%,var(--tech-blue) 56%,var(--tech-violet) 100%);
  border:2px solid rgba(239,246,255,.92);
  border-radius:999px;
  box-shadow:0 0 10px rgba(48,132,247,.4),inset 0 1px 0 rgba(255,255,255,.5);
}
*::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#5cecff 0%,#3a8cff 50%,#7c67ff 100%);
  box-shadow:0 0 15px rgba(34,211,238,.55),0 0 8px rgba(74,105,255,.45);
}
*::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#14c9e5,#286ae6 58%,#604ce8)}
*::-webkit-scrollbar-corner{background:transparent}

/* Navigation uses a dark matching rail instead of the browser's white roller. */
.shell>aside,
.shell>aside nav,
.shell>aside *{
  scrollbar-color:#36c9f4 rgba(3,15,32,.78);
}
.shell>aside::-webkit-scrollbar-track,
.shell>aside nav::-webkit-scrollbar-track,
.shell>aside *::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(3,15,32,.92),rgba(13,44,78,.86));
  border-color:rgba(67,185,255,.18);
  box-shadow:inset 0 0 10px rgba(0,0,0,.34);
}
.shell>aside::-webkit-scrollbar-thumb,
.shell>aside nav::-webkit-scrollbar-thumb,
.shell>aside *::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#48e6ff,#2588ef 58%,#5965ef);
  border-color:#09213e;
  box-shadow:0 0 12px rgba(38,190,255,.48),inset 0 1px rgba(255,255,255,.42);
}

/* Narrow galleries stay compact while retaining the same visual language. */
.order-gallery::-webkit-scrollbar{height:5px}
.order-gallery::-webkit-scrollbar-thumb{border-width:1px}

/* Shared ERP frames: subtle circuit-line highlight, depth and blue focus state. */
:where(.panel,.metric,.metric-card,.dashboard-status button,.store-stats article,.store-toolbar,.store-list,.store-card,.store-assets-panel,.order-sync-panel,.order-summary-card,.command-palette,.modal-card,.dialog-card,.drawer-card,.erp-command-bar){
  border-color:var(--tech-line)!important;
  box-shadow:0 16px 38px rgba(19,54,108,.075),inset 0 1px 0 rgba(255,255,255,.92),0 0 0 1px rgba(255,255,255,.35);
}
:where(.panel,.metric-card,.store-stats article,.dashboard-status button,.store-assets-panel,.order-summary-card){
  background-image:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,251,255,.96)),radial-gradient(circle at 100% 0,rgba(47,124,246,.10),transparent 38%);
}
:where(.panel,.metric-card,.dashboard-status button,.store-stats article,.store-assets-panel):hover{
  border-color:var(--tech-line-strong)!important;
  box-shadow:0 18px 44px rgba(30,80,156,.11),inset 0 1px 0 #fff,0 0 18px rgba(47,124,246,.07);
}

input:not([type=checkbox]):not([type=radio]),select,textarea,
.trend-range,.workspace-switcher,.erp-global-search{
  border-color:rgba(71,127,218,.28)!important;
  background-color:rgba(249,252,255,.96)!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 14px rgba(28,70,135,.045);
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,
.erp-global-search:focus-within{
  outline:0;
  border-color:#3d86f5!important;
  background-color:#fff!important;
  box-shadow:0 0 0 3px rgba(50,127,246,.12),0 8px 24px rgba(31,88,172,.10)!important;
}

button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}
button:not(:disabled):active{transform:translateY(1px)}
.primary,.btn-primary,button.primary{
  background:linear-gradient(135deg,#246fe9 0%,#347ff5 58%,#655cf0 100%)!important;
  border-color:rgba(44,117,238,.7)!important;
  box-shadow:0 8px 20px rgba(40,106,226,.22),inset 0 1px rgba(255,255,255,.28)!important;
}
.primary:hover,.btn-primary:hover,button.primary:hover{
  filter:brightness(1.06);
  box-shadow:0 10px 25px rgba(38,117,238,.30),0 0 14px rgba(34,211,238,.16)!important;
}

@media(max-width:760px){
  *::-webkit-scrollbar{width:7px;height:7px}
}