/* sidebar.css — Fixed: footer always visible */
.sidebar{
  width:var(--sw);flex-shrink:0;
  background:var(--surface);border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  position:fixed;top:0;left:0;bottom:0;
  z-index:200;transition:transform .25s cubic-bezier(.4,0,.2,1);
  overflow:hidden;
}
.sb-logo{
  padding:14px 16px;border-bottom:1px solid var(--border);
  display:flex;align-items:center;gap:10px;flex-shrink:0;
}
.logo-mark{
  width:32px;height:32px;border-radius:9px;
  background:var(--green);display:flex;align-items:center;
  justify-content:center;color:#fff;font-size:15px;font-weight:600;flex-shrink:0;
}
.logo-name{font-size:14px;font-weight:600}
.logo-sub{font-size:10px;color:var(--t3);margin-top:1px}
.sb-close{display:none;margin-left:auto;background:none;border:none;color:var(--t3);padding:4px;border-radius:6px;font-size:20px;line-height:1}
.sb-nav{flex:1;overflow-y:auto;padding:8px 0;min-height:0}
.nav-sect{padding:10px 16px 3px;font-size:10px;font-weight:500;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}
.nav-item{display:flex;align-items:center;gap:9px;padding:8px 12px;margin:1px 8px;border-radius:var(--r);font-size:12.5px;cursor:pointer;color:var(--t2);transition:background .12s,color .12s;border:none;background:none;width:calc(100% - 16px);text-align:left}
.nav-item:hover{background:var(--s2);color:var(--text)}
.nav-item.active{background:var(--gl);color:var(--gd);font-weight:500}
.nav-icon{width:15px;height:15px;flex-shrink:0;opacity:.7}
.nav-item.active .nav-icon{opacity:1}
.nb{margin-left:auto;font-size:10px;padding:1px 7px;border-radius:20px;font-weight:500;background:var(--rl);color:var(--rd)}
.nb.g{background:var(--gl);color:var(--gd)}
.sb-footer{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}
.sb-agent{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}
.av-name{font-size:12.5px;font-weight:500}
.av-role{font-size:10px;color:var(--t3)}
.sb-controls{display:flex;gap:6px}
.ctrl-btn{flex:1;padding:6px 8px;border-radius:8px;border:1px solid var(--bmd);background:var(--s2);color:var(--t2);font-size:11px;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .12s;cursor:pointer}
.ctrl-btn:hover{background:var(--surface);color:var(--text)}
.ctrl-btn.on{background:var(--gl);color:var(--gd);border-color:var(--green)}