.tab-bar{display:flex;gap:2px;width:100%;overflow-x:auto;scrollbar-width:none;background:var(--surface-inset);border-radius:var(--radius-default);padding:2px}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:var(--text-xs);font-weight:400;font-family:inherit;color:var(--text-tertiary);background:transparent;border:none;border-radius:5px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.tab-bar__tab--active,.tab-bar__tab:hover{color:var(--text-primary)}.tab-bar__tab--active{background:var(--surface-tertiary);font-weight:var(--font-medium,500);box-shadow:var(--shadow-segment-active)}.tab-bar__icon{display:flex;align-items:center;flex-shrink:0}.tab-bar__count{font-size:var(--text-3xs);font-weight:600;color:var(--text-tertiary);background:var(--surface-primary);padding:1px 6px;border-radius:var(--radius-xs,4px);min-width:18px;text-align:center}.tab-bar__tab--active .tab-bar__count{color:var(--text-primary);background:var(--surface-inset)}@media (max-width:768px){.tab-bar--has-icons .tab-bar__label{display:none}.tab-bar--has-icons .tab-bar__tab{padding:6px 10px}}