.nav > a,.nav .supervisor-zone > a{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 14px;border-radius:14px;color:#ddd;text-decoration:none;text-align:left;font-weight:750;transition:.22s ease}
.nav > a:hover,.nav > a.on,.nav .supervisor-zone > a:hover,.nav .supervisor-zone > a.on{background:var(--y);color:#000;transform:none}
.nav a i{display:block;width:26px;text-align:center;font-style:normal;line-height:1}
.nav a span{display:block;min-width:0;line-height:1.15}
.supervisor-zone{display:grid;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid #343434}
.supervisor-zone small{display:block;padding:0 14px;color:#aaa;font-size:10px;letter-spacing:.14em}
@media(max-width:1050px){.nav > a,.nav .supervisor-zone > a{grid-template-columns:1fr;padding:11px 6px;text-align:center}.nav a i{width:auto}.nav a span,.supervisor-zone small{display:none}.supervisor-zone{margin-top:0;padding-top:0;border-top:0}}
@media(min-width:651px) and (max-width:1050px){.app{grid-template-columns:238px 1fr}.logo{font-size:35px}.logo i,.nav a span,.terminal,.supervisor-zone small{display:block}.nav > a,.nav .supervisor-zone > a{grid-template-columns:26px minmax(0,1fr);padding:12px 14px;text-align:left}.nav a i{width:26px}.supervisor-zone{display:grid;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid #343434}}
@media(max-width:650px){.nav{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}.supervisor-zone{display:contents}.nav > a,.nav .supervisor-zone > a{min-height:44px;margin:0}}