#sidebarWidthHandle{display:none}
@media(min-width:769px){
 :root{--desktop-sidebar-width:124px}
 #stockPage.stock-page.active{left:calc(var(--desktop-sidebar-width) + 10px)!important;}
 .sidebar{width:var(--desktop-sidebar-width)!important;transition:none;}
 .main-content{margin-left:var(--desktop-sidebar-width)!important;width:calc(100vw - var(--desktop-sidebar-width))!important;max-width:calc(100vw - var(--desktop-sidebar-width))!important;flex:0 0 calc(100vw - var(--desktop-sidebar-width))!important;}
 #draftEditModal,#stockOutDraftEditModal,#importStockInModal{left:var(--desktop-sidebar-width)!important;}
 .sidebar .nav-item{padding-left:7px;padding-right:5px;gap:5px;position:relative;}
 .sidebar .nav-item>span{font-size:14px;}
 .sidebar .sidebar-header{padding-left:3px;padding-right:3px;white-space:nowrap;}
 .sidebar .sidebar-header h2{font-size:16px;}
 .sidebar .sidebar-header p{font-size:10px;}
 .sidebar .logout{padding-left:5px;padding-right:5px;}
 .sidebar .logout-btn{padding-left:2px;padding-right:2px;white-space:nowrap;}
 .sidebar[data-density="one"] .nav-icon{display:flex;}
 .sidebar[data-density="one"] .nav-item>span,
 .sidebar[data-density="one"] .logout-btn>span{font-size:14px;font-weight:400;line-height:1.2;}
 .sidebar[data-density="one"] .nav-item{justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:2px;padding-left:3px;padding-right:3px;}
 .sidebar .nav-item .overdue-badge,.sidebar .nav-item .audit-overdue-badge{position:absolute;right:1px;top:0;font-size:9px;margin:0;max-width:100%;}
 #storeNameLabel{overflow:hidden;text-overflow:ellipsis;}
 #sidebarWidthHandle{display:block;position:fixed;top:0;bottom:0;left:calc(var(--desktop-sidebar-width) - 4px);width:8px;z-index:10000;cursor:col-resize;touch-action:none;}
 #sidebarWidthHandle:hover,#sidebarWidthHandle:focus-visible{background:#667eea70;}
 html.sidebar-dragging,html.sidebar-dragging *{cursor:col-resize!important;user-select:none!important;}
}
@media print{#sidebarWidthHandle{display:none!important}}

/* 导航配色：柔和蓝底，仅覆盖颜色，不改变布局。 */
.sidebar{background:#5064c9;color:#fff;}
.sidebar .nav-item:hover{background:rgba(255,255,255,.10);}
.sidebar .nav-item.active{background:rgba(255,255,255,.18);border-left-color:#fff;}
.sidebar .nav-icon{background:rgba(255,255,255,.16);color:#fff;}
.sidebar .sidebar-header,.sidebar .logout{border-color:rgba(255,255,255,.20);}
.sidebar .sidebar-header p{color:#fff;opacity:1;}
.sidebar .sidebar-header>div{color:#eef2ff!important;}
.sidebar .logout-btn{background:rgba(255,255,255,.10);color:#fff;}
.sidebar .logout-btn:hover{background:rgba(255,255,255,.20);}