.tab-bar { position: fixed; top: 48px; left: 0; right: 0; height: 40px; background-color: var(--bg-primary); border-bottom: 1px solid var(--border-color); display: flex; align-items: stretch; z-index: 90; overflow-x: auto; overflow-y: hidden; }
.tab-bar::-webkit-scrollbar { height: 0; }

.req-tab { display: flex; align-items: center; gap: 8px; padding: 0 10px 0 12px; height: 100%; border-right: 1px solid var(--border-color); background-color: var(--bg-card); cursor: pointer; min-width: 140px; max-width: 220px; flex-shrink: 0; position: relative; transition: background-color 0.15s; }
.req-tab:hover { background-color: var(--bg-hover); }
.req-tab.active { background-color: var(--bg-primary); }
.req-tab.active::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background-color: var(--accent); }
.req-tab .t-method { font-family: var(--font-mono); font-size: 10px; font-weight: 700; flex-shrink: 0; }
.req-tab .t-name { font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.req-tab.active .t-name { color: var(--text-primary); }
.req-tab .t-dirty { width: 6px; height: 6px; border-radius: 50%; background-color: var(--accent); flex-shrink: 0; display: none; }
.req-tab.dirty .t-dirty { display: block; }
.req-tab .t-close { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 4px; color: var(--text-muted); flex-shrink: 0; font-size: 11px; }
.req-tab .t-close:hover { background-color: var(--bg-hover); color: var(--error); }
.req-tab .t-spinner { width: 10px; height: 10px; border: 2px solid rgba(0,217,255,0.25); border-top-color: var(--accent); border-radius: 50%; animation: spin 0.8s linear infinite; flex-shrink: 0; }

.tab-add-btn { width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; background: transparent; border: none; color: var(--text-muted); cursor: pointer; flex-shrink: 0; }
.tab-add-btn:hover { color: var(--accent); background-color: var(--bg-hover); }
