/* Едно дърво, три нива · приложение → секция → екран/действие */
.nx-side{display:flex;flex-direction:column;gap:2px;width:236px;flex:0 0 236px;padding:var(--nx-s2);
  border-right:1px solid var(--nx-line);background:var(--nx-surface-1);overflow-y:auto;
  transition:flex-basis .15s,width .15s}
.nx-side.is-folded{width:60px;flex-basis:60px}
.nx-side.is-folded .nx-side__name,.nx-side.is-folded .nx-side__part,
.nx-side.is-folded .nx-side__all span{display:none}
.nx-side svg{width:20px;height:20px;flex:0 0 20px}
.nx-side__all,.nx-side__head,.nx-side__leaf,.nx-side__look,.nx-side__fold{
  display:flex;align-items:center;gap:var(--nx-s2);min-height:var(--nx-touch);padding:0 var(--nx-s2);
  border-radius:var(--nx-r2);border:1px solid transparent;background:none;color:var(--nx-text);
  font-size:14px;text-align:left;width:100%}
.nx-side__all{border-color:var(--nx-line);background:var(--nx-surface-2);margin-bottom:var(--nx-s2)}
.nx-side__tree{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0}
.nx-side__app .nx-side__part,.nx-side__app .nx-side__leaf{display:none}
.nx-side__app.is-open .nx-side__part,.nx-side__app.is-open .nx-side__leaf{display:flex}
.nx-side__part{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--nx-text-3);
  padding:var(--nx-s2) 0 var(--nx-s1) 34px;display:block}
.nx-side__leaf{min-height:40px;padding-left:34px;font-size:13px;color:var(--nx-text-2)}
.nx-side__dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;
  border-radius:var(--nx-r1);background:var(--nx-surface-3);color:var(--nx-text-3);font-size:10.5px;flex:0 0 20px}
.nx-side__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx-side__old{display:flex;align-items:center;gap:var(--nx-s2);min-height:40px;padding:0 var(--nx-s2);
  margin-bottom:var(--nx-s1);border:1px dashed var(--nx-line);border-radius:var(--nx-r2);color:var(--nx-text-3);font-size:12.5px;text-decoration:none}
.nx-side__look{border-color:var(--nx-line);background:var(--nx-surface-1);color:var(--nx-text-2);font-size:13px}
.nx-side__fold{justify-content:center;color:var(--nx-text-3);min-height:40px}
.nx-side.is-folded .nx-side__fold svg{transform:rotate(0)}
.nx-side:not(.is-folded) .nx-side__fold svg{transform:rotate(180deg)}
@media (max-width:599px){.nx-side{display:none}}

/* Цялото дърво · заема екрана, за да се види наведнъж */
.nx-side.is-full{position:fixed;inset:0;z-index:60;width:auto;flex-basis:auto;
  border-right:0;padding:calc(var(--nx-s3) + env(safe-area-inset-top)) var(--nx-s3)
  calc(var(--nx-s3) + env(safe-area-inset-bottom))}
.nx-side.is-full .nx-side__name,.nx-side.is-full .nx-side__part{display:block}
@media (max-width:599px){.nx-side.is-full{display:flex}}