/* Single owner for sidebar geometry, colors, and both collapse modes. */
.shell{--sidebar-width:270px}
.shell.sidebar-collapsed{--sidebar-width:50px}
.shell>.main{margin-left:var(--sidebar-width)}
.shell .function-bar{left:var(--sidebar-width)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#f6f8f9;border-right:1px solid #d5d7d8;z-index:35;color:rgba(0,0,0,.87);font-family:"Segoe UI","Open Sans",Meiryo,"微軟正黑體","MS UI Gothic","MS PGothic",Arial,Helvetica,sans-serif;font-size:14px}
.brand{height:48px;display:flex;align-items:center;gap:4px;padding:0 0 0 1px;overflow:hidden}
.hamburger{width:48px;height:48px;flex:0 0 48px;border:0;background:transparent;display:grid;place-items:center;padding:12px;cursor:pointer}
.hamburger img{width:24px;height:24px}
.product-logo{width:auto;height:35px;max-width:175px;display:block}
.product-logo[hidden]{display:none}
.sidebar nav{height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;padding:6px 0 10px;scrollbar-width:thin}
.nav-section{margin:0 0 2px;padding:0}
.nav-section-open{margin-bottom:4px}
.nav-title,.nav-child{width:100%;height:30px;min-height:30px;box-sizing:border-box;border:0;background:transparent;color:rgba(0,0,0,.87);font:400 14px/20.02px "Segoe UI","Open Sans",Meiryo,"微軟正黑體","MS UI Gothic","MS PGothic",Arial,Helvetica,sans-serif;text-align:left;cursor:pointer}
.nav-title{display:flex;align-items:center;gap:12px;padding:3px 0 3px 12px}
.nav-title>b{flex:1;font-weight:700;white-space:nowrap}
.nav-title>img{width:24px;height:24px;object-fit:contain;flex:0 0 24px}
.nav-title>.caret{width:24px;height:24px;flex:0 0 24px;margin-left:auto;margin-right:1px}
.nav-children{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.nav-children[hidden]{display:none}
.nav-child{display:block;padding:4px 6px 4px 48px;white-space:nowrap}
.nav-title.active,.nav-child.active{background:#d7edff;color:#0e73f6;font-weight:700;border-left:3px solid #258aff}
.nav-child.active{padding-left:48px}
.nav-title.active{padding-left:12px}
.nav-title:not(:disabled):hover,.nav-child:not(:disabled):hover{background:#e4e7e9}
.nav-title.active:hover,.nav-child.active:hover{background:#d7edff}
.nav-title:disabled,.nav-child:disabled{opacity:1;color:rgba(0,0,0,.87);cursor:not-allowed}
.sidebar button:focus-visible{outline:2px solid #258aff;outline-offset:-2px}
.sidebar-collapsed .nav-title{padding-left:12px;gap:0}
.sidebar-collapsed .nav-title>b,.sidebar-collapsed .nav-title>.caret{display:none}
.sidebar-collapsed .nav-title.active{padding-left:12px}
.sidebar-collapsed .hamburger img{transform:scaleX(-1)}