/* Одно главное меню на всех экранах. */
body.nav-ready{--nav-bg:#fff;--nav-text:#202733;--nav-muted:#626c7b;--nav-line:#e3e7ed;--nav-selected:#a84400;--nav-soft:#fff1e7;--nav-hover:#f4f5f7}
:root[data-theme=dark] body.nav-ready{--nav-bg:#1e242b;--nav-text:#e4e9ef;--nav-muted:#adb7c4;--nav-line:#353e49;--nav-selected:#ffb480;--nav-soft:#3b2c22;--nav-hover:#252c34}

.nav-ready #project-dashboard{display:block;min-height:100%;width:100%}
.nav-ready #home{min-width:0}
#app-navigation{width:224px;flex:none;height:100dvh;display:flex;flex-direction:column;background:var(--nav-bg);border-right:1px solid var(--nav-line);padding:20px 10px 12px;color:var(--nav-text);font-family:var(--font-sans);font-size:13px;position:relative;z-index:85;box-sizing:border-box}
#app-navigation button,#app-navigation summary{font:inherit;color:inherit;cursor:pointer}
#app-navigation button{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 12px;border-radius:5px;width:100%;line-height:1.4}
#app-navigation .icon{width:18px;height:18px;flex:none}
#app-navigation button:hover,#app-navigation summary:hover{background:var(--nav-hover)}
#app-navigation [aria-current=page]{background:var(--nav-soft);color:var(--nav-selected);font-weight:600}
#app-navigation .app-nav-brand[aria-current=page]{background:transparent}
#app-navigation :is(button,summary,select):focus-visible{outline:2px solid var(--nav-selected);outline-offset:2px}
.app-nav-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 2px 20px}
#app-navigation .app-nav-brand{padding:0;flex:1;min-width:0}
.app-nav-logo{display:block;width:164px;height:36px;overflow:hidden;flex:none}
.app-nav-logo img{width:164px;height:36px;max-width:none;display:block}
:root[data-theme=dark] .app-nav-logo img{filter:invert(1)}
#app-navigation #app-nav-collapse{width:28px;min-height:32px;padding:5px;flex:none}
#app-navigation #app-nav-collapse{font-size:22px;line-height:1;justify-content:center}
#app-nav-collapse .icon{transform:rotate(180deg)}
#app-navigation #app-nav-mobile{display:none}
.app-nav-scroll{flex:1;min-height:0;overflow:auto}
.app-nav-scroll nav{display:flex;flex-direction:column;gap:4px}
#app-navigation details{margin:0;border:0;padding:0}
#app-navigation summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:40px;padding:9px 12px;border-radius:5px;box-sizing:border-box}
#app-navigation summary::-webkit-details-marker{display:none}
#app-navigation summary::before,#app-navigation summary::after{content:none!important}
.app-nav-arrow{margin-left:auto;color:var(--nav-muted)}
#app-nav-catalog{padding:4px 0 8px 12px}
#app-navigation .app-nav-section>summary{font-size:12px;font-weight:600;color:var(--nav-muted)}
#app-navigation .app-nav-section>div{border-left:1px solid var(--nav-line);padding-left:8px;margin-left:12px}
#app-nav-catalog button{font-size:12px;min-height:36px;padding:8px}
.app-nav-soon{display:block;color:var(--nav-muted);font-size:12px;padding:8px;opacity:.65}
.app-nav-bottom{border-top:1px solid var(--nav-line);margin-top:16px;padding-top:10px;flex:none;position:relative}
.app-nav-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nav-soft);color:var(--nav-selected);font-size:11px;font-weight:600;flex:none}
#app-navigation #app-nav-profile{padding:8px;min-height:44px}
#app-nav-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app-nav-user-menu{position:absolute;left:calc(100% + 12px);bottom:0;min-width:210px;max-width:calc(100vw - 84px);padding:10px;border:1px solid var(--nav-line);border-radius:7px;background:var(--nav-bg);box-shadow:0 8px 24px #0002;z-index:100}
#app-nav-user-menu strong{display:block;padding:8px;font-size:12px;overflow-wrap:anywhere}
#app-nav-project{border-bottom:1px solid var(--nav-line);padding:0 4px 14px;margin-bottom:14px;flex:none}
#app-nav-project>label{font-size:12px;color:var(--nav-muted);display:block;margin-bottom:6px}
#app-nav-project .toolnav__proj{padding:0;border:0;height:auto}
#app-nav-project .toolnav__sel{background:var(--nav-bg);color:var(--nav-text);border:1px solid var(--nav-line);border-radius:5px;width:100%;height:36px;font-size:13px;font-weight:400}
#app-nav-project .toolnav__proj-extra{padding:8px 0 0;font-size:11px;overflow-wrap:anywhere;max-width:100%}
.nav-ready.nav-tool-settings .toolnav{display:none!important}
.nav-compact #app-navigation{width:64px;padding-left:8px;padding-right:8px}
.nav-compact #app-navigation .app-nav-text,.nav-compact #app-navigation .app-nav-arrow{display:none}
.nav-compact .app-nav-logo{width:36px}
.nav-compact .app-nav-head{justify-content:center;gap:8px}
.nav-compact #app-navigation .app-nav-brand{flex:none;width:36px}
.nav-compact #app-navigation #app-nav-collapse{width:40px;justify-content:center}
.nav-compact #app-nav-collapse .icon{transform:none}
.nav-compact #app-navigation .app-nav-scroll{overflow:visible}
.nav-compact #app-navigation summary,.nav-compact #app-navigation button{justify-content:center;padding-left:8px;padding-right:8px}
.nav-compact #app-nav-catalog{position:absolute;left:64px;top:90px;width:260px;max-height:calc(100dvh - 120px);overflow:auto;background:var(--nav-bg);border:1px solid var(--nav-line);padding:12px;border-radius:7px;box-shadow:0 8px 24px #0002}
.nav-compact #app-nav-catalog summary,.nav-compact #app-nav-catalog button{justify-content:flex-start}
.nav-compact #app-nav-project{padding:0 0 10px;margin-bottom:10px}
.nav-compact #app-nav-project .toolnav__proj-extra{display:none}
.nav-compact #app-nav-project select{padding:2px;font-size:10px;min-height:36px}
@media(max-width:760px){
  .nav-ready .app{flex-direction:column}.nav-ready .app>.main{padding-top:0!important;width:100%;min-height:0}
  .nav-ready .toolnav{display:none!important}
  .nav-ready #app-navigation{width:100%;height:auto;padding:12px 16px;max-height:80dvh;flex:none}
  .nav-ready .app-nav-head{padding-bottom:0;flex-wrap:nowrap}
  .nav-ready #app-navigation .app-nav-brand{flex:1;width:auto}
  .nav-ready .app-nav-logo{width:164px}
  .nav-ready #app-navigation #app-nav-collapse{display:none}
  .nav-ready #app-navigation #app-nav-mobile{display:flex;width:44px;min-height:44px;justify-content:center;font-size:20px}
  .nav-ready #app-navigation .app-nav-text,.nav-ready #app-navigation .app-nav-arrow{display:initial}
  .nav-ready #app-navigation .app-nav-scroll,.nav-ready #app-navigation .app-nav-bottom{display:none}
  .nav-ready #app-navigation.is-mobile-open .app-nav-scroll{display:block;overflow:auto;margin-top:12px}
  .nav-ready #app-navigation.is-mobile-open .app-nav-bottom{display:block}
  .nav-ready #app-navigation summary,.nav-ready #app-navigation button{justify-content:flex-start;min-height:44px}
  .nav-ready #app-nav-catalog{position:static;width:auto;max-height:none;overflow:visible;box-shadow:none;border:0;padding:4px 0 8px 12px}
  .nav-ready #app-nav-project{padding:10px 0 0;margin-bottom:0;border:0}.nav-ready #app-nav-project>label,.nav-ready #app-nav-project .toolnav__proj-extra{display:none}
  .nav-ready #app-nav-project select{font-size:14px;padding:6px 10px;min-height:44px}
  .nav-ready #app-nav-user-menu{left:0;bottom:calc(100% + 6px)}
}