.nav-item.nav-major {
  margin-top: 15px;
  border-top: 1px solid #edf0f5;
  padding-top: 8px;
  height: 49px;
  font-weight: 650;
}

/* PC shell is deliberately independent of body.ui-review (the form-only theme).
   Switching between lists and forms must never resize the application chrome. */
@media screen and (min-width:761px) {
  body .app-shell, body.ui-review .app-shell {
    --pc-sidebar:212px;
    grid-template-columns:var(--pc-sidebar) minmax(0,1fr);
    font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;
    color:#24354b;
  }
  body .app-shell>.sidebar {
    width:var(--pc-sidebar);
    padding:18px 12px 12px;
    background:#fff;
    border-right:1px solid #e3e9f2;
    box-shadow:none;
  }
  body .app-shell>.main {
    min-width:0;
    width:100%;
    margin-left:0;
    background:#f5f7fb;
  }
  body .app-shell #content.content {
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:24px 26px 90px;
  }
  body .app-shell #content.content>* { min-width:0; }
  body .app-shell .brand {
    padding:0 5px 18px;
    gap:11px;
    min-height:59px;
    border-bottom:1px solid #edf1f6;
  }
  body .app-shell .brand-mark { width:36px;height:36px;flex:0 0 36px;border-radius:11px;box-shadow:none; }
  body .app-shell .brand strong { font-size:15px;line-height:1.5;letter-spacing:.02em;white-space:nowrap;color:#19324f; }
  body .app-shell .brand small { font-size:10px;line-height:1.6;color:#8996a8;white-space:nowrap; }
  body .app-shell .sidebar .nav { padding-top:12px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d7e0ec transparent; }
  body .app-shell .sidebar [data-nav-section] { margin:15px 12px 7px;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.08em;color:#91a0b4; }
  body .app-shell .sidebar [data-nav-section=business] { margin-top:17px; }
  body .app-shell .sidebar .nav-item {
    min-height:42px;
    height:42px;
    width:100%;
    padding:6px 10px;
    margin:0 0 2px;
    border:1px solid transparent;
    border-radius:9px;
    gap:10px;
    color:#53647a;
    font-size:13px;
    font-weight:550;
    line-height:1.4;
    transition:background-color .12s,color .12s,border-color .12s;
    transform:none;
  }
  body .app-shell .sidebar .nav-major { margin-top:0!important;padding-top:6px!important;border-top-color:transparent!important; }
  body .app-shell .sidebar .business-nav-group { padding:0; }
  body .app-shell .sidebar .business-nav-parent { font-weight:600; }
  body .app-shell .sidebar .nav-item>span:first-child {
    width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;
    border-radius:8px;background:#f0f4fa;color:#647b9a;
  }
  body .app-shell .sidebar .nav-item .crm-icon { width:19px;height:19px;display:block; }
  body .app-shell .sidebar [data-view=dashboard]>span:first-child { color:#3479dd;background:#edf4ff; }
  body .app-shell .sidebar [data-view=customers]>span:first-child { color:#269a8b;background:#edf9f5; }
  body .app-shell .sidebar [data-view=quotation]>span:first-child { color:#8b63cd;background:#f5f0fc; }
  body .app-shell .sidebar [data-business-group=sales]>.business-nav-parent>span:first-child { color:#397bda;background:#edf4ff; }
  body .app-shell .sidebar [data-business-group=production]>.business-nav-parent>span:first-child { color:#bd8b32;background:#fff7e7; }
  body .app-shell .sidebar [data-business-group=purchase]>.business-nav-parent>span:first-child { color:#7177c9;background:#f0f1fd; }
  body .app-shell .sidebar [data-view=materials]>span:first-child { color:#348fba;background:#eef8fc; }
  body .app-shell .sidebar [data-view=suppliers]>span:first-child { color:#627d9d;background:#eff4fa; }
  body .app-shell .sidebar [data-view=finance]>span:first-child { color:#319c88;background:#edf9f5; }
  body .app-shell .sidebar [data-view=profit]>span:first-child { color:#4683ce;background:#eff5ff; }
  body .app-shell .sidebar [data-view=reports]>span:first-child { color:#8a75bc;background:#f5f1fb; }
  body .app-shell .sidebar .nav-item:hover { background:#f5f8fd;color:#285baf; }
  body .app-shell .sidebar .nav-item.active { background:#edf4ff!important;border-color:#d8e6ff!important;color:#245fe5!important;box-shadow:inset 3px 0 #246bfd!important;font-weight:650; }
  body .app-shell .sidebar .nav-item.active>span:first-child { background:#e0ecff;color:#245fe5; }
  body .app-shell .sidebar .business-nav-arrow { margin-left:auto;width:13px;flex:0 0 13px;height:16px;display:grid;place-items:center;font-size:0;transform:none; }
  body .app-shell .sidebar .business-nav-arrow:before { content:"";width:5px;height:5px;border:solid #96a5b8;border-width:0 1.6px 1.6px 0;transform:rotate(45deg); }
  body .app-shell .sidebar .business-nav-group.expanded .business-nav-arrow:before { transform:rotate(225deg); }
  body .app-shell .sidebar .business-nav-children { margin:2px 0 10px 24px;padding:0 0 0 10px;border-left:1px solid #e4eaf3; }
  body .app-shell .sidebar .business-nav-children .nav-item { min-height:35px;height:35px;margin:2px 0;padding:6px 11px;line-height:1.4;font-size:12px;font-weight:450;border-radius:7px; }
  body .app-shell .sidebar-bottom { flex:0 0 auto;padding-top:4px;border-top:1px solid #edf1f6; }
  body .app-shell .sidebar-bottom>[data-nav-section] { margin-top:9px; }
  body .app-shell .sidebar-bottom>.nav-item { height:38px;min-height:38px; }
  body .app-shell .user-card { grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:10px 8px;margin-top:7px;border-radius:10px;background:#f7f9fc; }
  body .app-shell .user-card .avatar { height:32px;width:32px;font-size:13px; }
  body .app-shell .user-card b { font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  body .app-shell .user-card small { font-size:10px;line-height:1.6;white-space:nowrap; }
  body .app-shell .workspace-bar { min-height:42px;background:#edf1f7; }
  body .app-shell .workspace-bar #workspaceTabs.workspace-tabs { min-height:42px;padding:4px 12px 0;background:#edf1f7;gap:10px; }
  body .app-shell .workspace-bar .workspace-tab-wrap { height:38px;max-width:210px;padding:2px 4px 0;border-radius:8px 8px 0 0; }
  body .app-shell .workspace-bar .workspace-tab-wrap.active { background:#fff;border:1px solid #d7e1f0;border-bottom:0;box-shadow:inset 0 2px #246bfd; }
  body .app-shell .workspace-bar .workspace-tab { height:34px;font-size:12px; }
  body .app-shell .workspace-bar .workspace-tab>span { width:21px;height:21px;flex:0 0 21px; }
  body .app-shell #content :is(.page-head,.page-header,.v4-page-head) { margin-bottom:18px; }
  body .app-shell #content :is(.page-head,.page-header,.v4-page-head) h1 { margin:0 0 5px;font-size:23px;font-weight:700;line-height:1.4;letter-spacing:0; }
  body .app-shell #orderForm .order-form-grid { grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))!important; }
  body .app-shell #orderForm .draft-footer-grid { grid-template-columns:minmax(0,1fr) 330px; }
  body .app-shell :is(.full-order-host,.full-order-surface,.production-sheet-v4,.production-block-v4,.purchase-entry-tab-panel) { min-width:0;max-width:100%; }
  body .app-shell #content :is(.table-wrap,.draft-sheet-scroll,.production-entry-wrap-v4,.purchase-table-wrap) { min-width:0;max-width:100%; }
}
@media screen and (min-width:761px) and (max-width:1100px) {
  body .app-shell #content.content { padding:22px 20px 90px; }
  body .app-shell #orderForm .order-form-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body .app-shell #orderForm .draft-footer-grid { grid-template-columns:minmax(0,1fr) 280px; }
}
@media (prefers-reduced-motion:reduce) {
  .sidebar .nav-item,.sidebar .business-nav-arrow:before { transition:none!important; }
}