/* Tabs — horizontally scrollable with a visible affordance on narrow widths
     so the rightmost tabs (Knowledge Base, Call Logs) remain reachable. */
  .tabs { display:flex; border-bottom:1px solid var(--border); background:var(--surface);
    position:sticky; top:0; z-index:500; overflow-x:auto; scrollbar-width:thin;
    -webkit-overflow-scrolling:touch; }
  .tabs::-webkit-scrollbar { height:4px; }
  .tabs::-webkit-scrollbar-thumb { background:var(--border); border-radius:2px; }
  .tab { padding:10px 20px; font-size:13px; cursor:pointer; border:0;
    border-bottom:2px solid transparent; background:transparent;
    color:var(--label); transition:all 0.15s; display:flex; align-items:center; gap:6px;
    white-space:nowrap; flex-shrink:0; font-family:inherit; }
  .tab:hover { color:var(--text); }
  .tab.active { color:var(--accent); border-bottom-color:var(--accent); font-weight:500; }