/* Native-Desk-inspired module dock + contextual sidebar. Original navigation
   remains the source of truth and the complete top/compact/phone fallback. */
.desk-module-dock,.desk-context{display:none;}
@media(min-width:761px){
 #app-shell.desk-navigation{--sidebar-w:300px;--desk-dock-w:76px;}
 #app-shell.desk-navigation .sidebar{padding-left:var(--desk-dock-w);}
 #app-shell.desk-navigation .sidebar::before{display:none;}
 #app-shell.desk-navigation .sidebar-brand{min-height:64px;padding:12px 14px;gap:8px;}
 #app-shell.desk-navigation .brand-logo-mark{width:30px;height:30px;border-radius:6px;padding:3px;}
 #app-shell.desk-navigation .sidebar-brand-text b{font-size:11px;}
 #app-shell.desk-navigation .sidebar-brand-text span{font-size:9px;letter-spacing:.05em;}
 #app-shell.desk-navigation .desk-module-dock{display:flex;position:absolute;inset:0 auto 0 0;width:var(--desk-dock-w);flex-direction:column;align-items:center;gap:4px;padding:10px 6px;overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--ui-border);background:var(--ui-surface);scrollbar-width:thin;z-index:2;}
 #app-shell.desk-navigation .desk-module{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none;width:60px;min-height:54px;padding:6px 3px;border:1px solid transparent;border-radius:9px;color:var(--ui-muted);text-decoration:none;}
 #app-shell.desk-navigation .desk-module .ico{display:grid;place-items:center;width:22px;height:22px;color:inherit;}
 #app-shell.desk-navigation .desk-module svg{width:20px;height:20px;}
 #app-shell.desk-navigation .desk-module-label{font:550 10px/1.2 var(--font);text-align:center;overflow-wrap:anywhere;max-width:100%;}
 #app-shell.desk-navigation .desk-module:first-child{margin-bottom:8px;}
 #app-shell.desk-navigation .desk-module[data-desk-module="support"]{margin-top:8px;}
 #app-shell.desk-navigation .desk-module:hover{background:var(--ui-surface-alt);color:var(--ui-text);border-color:var(--ui-border);}
 #app-shell.desk-navigation .desk-module[aria-current]{background:var(--workspace-tint,var(--ui-selected));color:var(--workspace-accent,var(--ui-accent));border-color:var(--workspace-line,var(--ui-border));box-shadow:inset 2px 0 currentColor;}
 #app-shell.desk-navigation .desk-module:focus-visible{outline:3px solid var(--ui-focus);outline-offset:1px;}
 #app-shell.desk-navigation .desk-context{display:block;padding:16px 16px 10px;border-bottom:1px solid var(--ui-border);}
 #app-shell.desk-navigation .desk-context-caption{font-size:9px;letter-spacing:.08em;font-weight:650;color:var(--ui-muted);}
 #app-shell.desk-navigation .desk-context h2{font:650 16px/1.4 var(--font);margin:5px 0 0;color:var(--ui-text);overflow-wrap:anywhere;}
 #app-shell.desk-navigation #sidebar-nav{padding:8px 0;}
 #app-shell.desk-navigation .nav-section{padding:0 8px;}
 #app-shell.desk-navigation .nav-section-label{padding:12px 8px 7px;font-size:9px;letter-spacing:.08em;}
 #app-shell.desk-navigation .nav-link{padding:8px 9px;gap:8px;font-size:12px;min-height:35px;border-radius:6px;}
 #app-shell.desk-navigation .nav-link:hover{padding-left:9px;}
 #app-shell.desk-navigation .nav-link .ico{width:20px;height:20px;}
 #app-shell.desk-navigation .nav-link .nav-text{white-space:normal;line-height:1.4;}
 #app-shell.desk-navigation #sidebar-nav .desk-other-module,
 #app-shell.desk-navigation #sidebar-nav .desk-empty-section,
 #app-shell.desk-navigation #sidebar-nav.desk-contextual>.nav-section>.nav-section-label,
 #app-shell.desk-navigation .desk-current-module>.nav-group-toggle{display:none;}
 #app-shell.desk-navigation .desk-current-module>.nav-group-children{grid-template-rows:1fr;opacity:1;border-left:0;margin-left:0;}
 #app-shell.desk-navigation .desk-current-module>.nav-group-children>.nav-group-children-inner>.nav-link{padding-left:9px;}
 #app-shell.desk-navigation .desk-current-module>.nav-group-children>.nav-group-children-inner>.nav-group>.nav-group-toggle{font-size:11px;color:var(--ui-muted);margin-top:8px;}
 #app-shell.desk-navigation .sidebar-toggle{margin:8px 10px 12px;padding:8px 10px;font-size:11px;}
}
@media(forced-colors:active){
 #app-shell.desk-navigation .desk-module[aria-current]{outline:2px solid Highlight;outline-offset:-2px;}
}
