/* Desktop workspace component. Independent /m/ keeps its own layout and styles. */
.desktop-shell{--desktop-rail-width:82px;--desktop-nav-width:228px;--desktop-nav-total:calc(var(--desktop-rail-width) + var(--desktop-nav-width));--text:#292630;--muted:#706971;--line:#dedbe2;--soft:#f3f1f5;font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:14px;color:var(--text);grid-template-columns:var(--desktop-rail-width) var(--desktop-nav-width) minmax(0,1fr);background:#f2f0f4;min-height:600px}
.desktop-shell>.desktop-module-rail{grid-column:1;grid-row:1;min-width:0;min-height:0;padding:23px 7px 12px;background:#16131f;color:#d2ccd9;border-right:1px solid #28232f}
.desktop-shell .desktop-module-rail .nav-eyebrow{margin:8px 0 32px}.desktop-shell .desktop-module-rail .primary-item{padding:13px 3px;min-height:73px;gap:9px;border-radius:5px;color:#c6becf;font-size:11px}.desktop-shell .desktop-module-rail .primary-item.active{background:#81021f;color:#fff}.desktop-shell .desktop-module-rail .primary-item:hover{background:#302a3b;color:#fff}.desktop-shell .desktop-module-rail .primary-item.active:hover{background:#97092e}.desktop-shell .desktop-module-rail .primary-item:focus-visible{outline:2px solid #e0bbca;outline-offset:2px}.desktop-shell .desktop-module-rail .edition{font-size:8px;padding:16px 0 0}
.desktop-shell>.desktop-navigation{grid-column:2;grid-row:1;min-width:0;min-height:0;width:auto;padding:0;background:#eeebf1;border-right:1px solid var(--line)}
.desktop-shell>.workspace{grid-column:3;grid-row:1;min-width:0;background:#f5f3f6}
.desktop-shell .topbar{background:#eeeaf1;border-bottom-color:#ded9e3}
.desktop-shell .data-region{background:#fcfbfd;border:1px solid var(--line)}
.desktop-shell .nt-center,.desktop-shell .org-atlas,.desktop-shell .welcome-workspace{background:transparent}
.desktop-shell .nt-form,.desktop-shell .ns-group,.desktop-shell [data-ns-editor]{background:#fcfbfd}
.desktop-shell .workspace-name{height:auto;flex:none;padding:24px 20px 16px}
.desktop-shell .workspace-wordmark{font-family:"Segoe Script","Lucida Handwriting",cursive;font-size:36px;font-weight:400;line-height:1.1;color:var(--accent)}
.desktop-shell .workspace-caption{font-size:11px;letter-spacing:.3px;color:var(--muted);margin-top:10px}
.desktop-shell .navigation-search{display:block;flex:none;margin:0 14px 10px}
.desktop-shell .navigation-search input{width:100%;min-width:0;height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:6px 10px;font-size:13px}
.desktop-shell #secondary-menu{overflow:auto;flex:1;min-height:0;padding:0 10px 16px;scrollbar-gutter:stable}
.desktop-shell .secondary-bottom{padding:12px 18px;flex:none;margin-top:0;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.desktop-shell .secondary-bottom .edition{padding:0;font-size:11px;letter-spacing:0;color:var(--muted)}
.desktop-shell .nav-tree-tools{padding:0 5px 8px;margin-bottom:6px;border-bottom:0}
.desktop-shell .nav-tree-tools button{font-size:11px;color:var(--muted)}
.desktop-shell #secondary-menu .nav-node>.nav-group-toggle,.desktop-shell #secondary-menu .nav-leaf{min-height:35px;padding-block:7px;padding-left:calc(9px + var(--nav-inset));border-radius:5px;font-size:13px;line-height:20px;background:transparent}
.desktop-shell #secondary-menu .nav-node[data-nav-depth="0"]>.nav-group-toggle{font-size:14px;font-weight:600;margin-block:5px}
.desktop-shell #secondary-menu .nav-label{flex:1;text-align:left}
.desktop-shell #secondary-menu .nav-leaf{gap:8px}
.desktop-shell #secondary-menu .nav-leaf.active{background:#f0e5eb;color:#81021f;font-weight:600}
.desktop-shell #secondary-menu .nav-leaf.active:before{display:none}
.desktop-shell #secondary-menu .nav-node>.nav-group-toggle:hover,.desktop-shell #secondary-menu .nav-leaf:hover{background:#f0edf2}
.desktop-shell #secondary-menu .menu-count{font-size:11px;color:var(--muted)}
.desktop-shell #secondary-menu .nav-subgroup>.nav-group-toggle{color:var(--text)}
.desktop-shell .navigation-results{flex:1;overflow:auto;padding:0 14px 16px}
.desktop-shell .navigation-results a{display:block;padding:10px 8px;border-radius:5px;line-height:1.5;font-size:13px}
.desktop-shell .navigation-results a:hover{background:#f0e5eb}
.desktop-shell .navigation-results a small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.desktop-shell .nav-search-count,.desktop-shell .nav-search-empty{display:block;margin:6px 8px;font-size:12px;color:var(--muted)}
.desktop-shell .topbar{height:52px;min-height:52px;padding:0 24px;font-size:12px;gap:14px}
.desktop-shell .topbar-start{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.desktop-shell .topbar-actions{gap:10px;font-size:12px;flex:none;color:var(--muted)}
.desktop-shell #mobile-menu{display:none}
.desktop-shell #collapse-nav{display:inline-flex;width:30px;height:30px;color:var(--muted);border-radius:4px}
.desktop-shell .breadcrumbs{font-size:12px}
.desktop-shell .page-heading{padding:22px 24px 16px;gap:16px;align-items:center}
.desktop-shell .page-heading h1{font-size:25px;font-weight:600;letter-spacing:0;line-height:1.4}
.desktop-shell .page-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}
.desktop-shell .page-description{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.6}
.desktop-shell .page-title-line{gap:12px}
.desktop-shell .count-label{font-size:12px;color:var(--muted)}
.desktop-shell .page-actions{flex-wrap:wrap;justify-content:flex-end}
.desktop-shell .page-actions .btn{font-size:13px;min-height:34px;padding:6px 12px}
.desktop-shell .table-tools{padding-inline:24px;gap:12px;flex-wrap:wrap}
.desktop-shell .table-tools .tool-buttons{display:flex;align-items:center;gap:8px}
.desktop-shell .data-region{overflow-anchor:none}
.desktop-shell #data-table>tbody>tr:not([data-spacer]):not(.batch-expansion){height:var(--table-row-height,40px)}
.desktop-shell #data-table>tbody>tr:not([data-spacer]):not(.batch-expansion)>td{height:var(--table-row-height,40px);padding-block:4px;line-height:20px}
.desktop-shell #data-table .table-cell-content{max-height:calc(var(--table-row-height,40px) - 9px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.desktop-shell #data-table .row-actions{white-space:nowrap;min-height:24px}
.desktop-shell #data-table .row-actions button{min-height:24px;padding-block:1px;line-height:20px}
.desktop-shell #data-table .record-reading>td{background:#f6edf2}
.desktop-shell #data-table .record-reading>td.identity-cell{box-shadow:inset 3px 0 #850326}
.desktop-shell.shell-collapsed{--desktop-nav-total:var(--desktop-rail-width);grid-template-columns:var(--desktop-rail-width) 0 minmax(0,1fr)}
.desktop-shell.shell-collapsed>.desktop-navigation{visibility:hidden;overflow:hidden;border:0}
@media(min-width:1800px){.desktop-shell{--desktop-nav-width:250px}.desktop-shell .page-heading,.desktop-shell .topbar{padding-inline:30px}}
@media(max-width:1150px){.desktop-shell{--desktop-rail-width:76px;--desktop-nav-width:210px}.desktop-shell .page-heading,.desktop-shell .topbar{padding-inline:18px}.desktop-shell .topbar-actions #sync-status{display:none}.desktop-shell .page-actions{max-width:48%}.desktop-shell #secondary-menu .nav-node>.nav-group-toggle,.desktop-shell #secondary-menu .nav-leaf{padding-left:calc(6px + var(--nav-inset));font-size:12px}}
@media(prefers-reduced-motion:reduce){.desktop-shell *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Dialogs are body children, so expose only the shared left edge at body scope. */
body:has(.desktop-shell){--desktop-drawer-left:310px}
body:has(.desktop-shell) #drawer{background:#fcfbfd}
body:has(.desktop-shell.shell-collapsed){--desktop-drawer-left:82px}

.desktop-shell.shell-collapsed .desktop-module-rail .primary-item span{display:block}
.desktop-shell.shell-collapsed .desktop-module-rail .edition{display:block}
@media(min-width:1800px){body:has(.desktop-shell:not(.shell-collapsed)){--desktop-drawer-left:332px}}

@media(max-width:1150px){body:has(.desktop-shell:not(.shell-collapsed)){--desktop-drawer-left:286px}body:has(.desktop-shell.shell-collapsed){--desktop-drawer-left:76px}}
