﻿:root{--nsnav-h:72px;--nsnav-rail:92px;--nsnav-ink:#153047;--nsnav-blue:#0a4f7a;--nsnav-active:#e9f5fb}
.ns-primary-nav{position:fixed;z-index:80;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -2px 22px rgba(15,38,58,.1);direction:rtl}
.ns-primary-nav button{appearance:none;border:0;background:transparent;color:#687681;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.16s ease}
.ns-primary-nav button.active{color:var(--nsnav-blue);background:var(--nsnav-active)}
.ns-primary-nav button:active{transform:scale(.97)}
.ns-primary-nav .ns-nav-icon{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ns-primary-nav .ns-nav-label{font-size:11px;font-weight:800;white-space:nowrap}
.ns-primary-nav .ns-nav-badge{position:absolute;top:5px;left:calc(50% + 9px);min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#ff5a00;color:white;font-size:9px;display:grid;place-items:center;font-weight:900}
.ns-primary-nav .ns-nav-item{position:relative}
.ns-workspace-card{display:grid;gap:12px;padding:6px 0}
.ns-workspace-hero{border:1px solid #dbe9ef;border-radius:18px;padding:18px;background:linear-gradient(160deg,#f7fcff,#edf7fb);display:grid;gap:7px}
.ns-workspace-hero strong{font-size:20px;color:#102c42}.ns-workspace-hero .state{color:#d56613;font-weight:900}
.ns-workspace-dept{border:1px solid #e1e8ec;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.ns-workspace-dept b{font-size:15px}.ns-workspace-dept span{font-size:12px;color:#62717c}
.ns-settings-actions{display:grid;gap:10px}.ns-settings-actions button{min-height:48px;border:1px solid #dce5ea;border-radius:14px;background:#fff;font:inherit;text-align:right;padding:0 16px;color:#173249}
@media(max-width:760px){
  .ns-primary-nav{left:0;right:0;bottom:0;height:calc(var(--nsnav-h) + env(safe-area-inset-bottom));padding:5px 7px max(5px,env(safe-area-inset-bottom));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:1px solid rgba(26,56,76,.08)}
  .ns-primary-nav button{height:58px;border-radius:14px;flex-direction:column}
  body.ns-nav-enabled .sidebar .pane-body{padding-bottom:calc(var(--nsnav-h) + env(safe-area-inset-bottom) + 10px)}
  body.ns-nav-enabled .fab{bottom:calc(var(--nsnav-h) + env(safe-area-inset-bottom) + 14px)!important}
  body.ns-chat-open .ns-primary-nav{display:none}
  body.ns-chat-open .composer-wrap{padding-bottom:max(6px,env(safe-area-inset-bottom))}
}
@media(min-width:761px){
  .ns-primary-nav{top:0;bottom:0;right:0;width:var(--nsnav-rail);padding:18px 8px;display:flex;flex-direction:column;gap:8px;border-left:1px solid rgba(26,56,76,.08);box-shadow:-2px 0 22px rgba(15,38,58,.08)}
  .ns-primary-nav button{min-height:72px;border-radius:18px;flex-direction:column;padding:8px 4px}
  body.ns-nav-enabled #app{width:calc(100% - var(--nsnav-rail));margin-right:var(--nsnav-rail)}
  .ns-primary-nav .ns-nav-label{font-size:12px}
  .ns-primary-nav .ns-nav-icon{width:30px;height:30px}
}
@media(max-width:390px){.ns-primary-nav .ns-nav-label{font-size:10px}.ns-primary-nav .ns-nav-icon{width:24px;height:24px}}
