/* Workspace navigation and responsive fixes; loaded after existing themes. */
#navigation-backdrop,#navigation-close{display:none}
.module-loading{display:flex;align-items:center;gap:10px;padding:16px 18px;margin:8px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--muted);font-size:14px}
.module-loading::before{content:"";width:15px;height:15px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:module-loading-spin .8s linear infinite}
.module-loading[hidden]{display:none}
@keyframes module-loading-spin{to{transform:rotate(360deg)}}
html #navigation .workspace-group-links>a{font-size:13px;overflow-wrap:anywhere}
html #content,html #module-area,html .workspace-main{min-width:0}
html .module-title{gap:16px;flex-wrap:wrap}
html .module-title>div{min-width:0}
html .module-title h1{overflow-wrap:anywhere}
html .module-title .text-link{flex-shrink:0}
html .main-topbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html .main-topbar>div{flex-shrink:0}
@media(max-width:760px){
 html .main-sidebar,html[data-workspace-theme="blue-tech"] .main-sidebar{left:12px;top:12px;bottom:12px;width:min(280px,calc(100vw - 40px));transform:translateX(calc(-100% - 16px));z-index:100;transition:transform .18s ease}
 html .nav-open .main-sidebar,html[data-workspace-theme="blue-tech"] .nav-open .main-sidebar{transform:translateX(0)}
 html .workspace-main,html[data-workspace-theme="blue-tech"] .workspace-main{margin-left:0;width:100%}
 html #mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;margin-right:8px;flex-shrink:0}
 html .main-topbar,html[data-workspace-theme="blue-tech"] .main-topbar{margin:12px;padding:8px 12px;min-height:56px;height:auto;gap:6px}
 html .main-topbar>span{font-size:12px;white-space:nowrap}
 html .main-topbar b{margin:0 5px}
 html .main-topbar .private-badge,html #today{display:none}
 html #content,html[data-workspace-theme="blue-tech"] #content{padding:22px 14px}
 html #module-area,html[data-workspace-theme="blue-tech"] #module-area{padding:0 12px 20px}
 html .module-title h1{font-size:23px}
 html .nav-open #navigation-backdrop{display:block;position:fixed;inset:0;z-index:90;margin:0;border:0;border-radius:0;background:#152b484d;padding:0}
 html #navigation-close{display:block;align-self:flex-end;padding:8px 10px;min-height:36px;margin-bottom:8px;font-size:13px}
 html #navigation .workspace-group-links>a{min-height:44px;font-size:14px}
 html .form-grid{grid-template-columns:minmax(0,1fr)}
 html .form-grid .span-two{grid-column:1/-1}
 html dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 html .dialog-heading,html .dialog-footer{gap:12px;flex-wrap:wrap}
 html .toast{max-width:calc(100vw - 24px);overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.module-loading::before{animation:none}html .main-sidebar{transition:none!important}}