/* Bölüm sekmeleri */
.tabs { display: flex; gap: var(--sp-1); border-bottom: 1px solid var(--border); overflow-x: auto; scrollbar-width: none; }
.tabs::-webkit-scrollbar { display: none; }
.tab { position: relative; display: inline-flex; align-items: center; gap: var(--sp-1-5); height: var(--size-40); padding: 0 var(--sp-3); color: var(--text-3); font-size: var(--text-sm); font-weight: var(--w-medium); white-space: nowrap; flex: none; transition: color var(--dur) var(--ease); }
.tab:hover { color: var(--text-2); }
.tab.is-active { color: var(--text); }
.tab.is-active::after { content: ''; position: absolute; left: var(--sp-3); right: var(--sp-3); bottom: -1px; height: var(--size-2); background: var(--primary); border-radius: 1px; }
.tab__count { font-size: var(--text-xs); color: var(--text-3); font-variant-numeric: tabular-nums; }
.tab__dot { width: var(--size-6); height: var(--size-6); border-radius: 50%; background: var(--danger); }
@media (max-width: 767px) { .tabs { margin: 0 calc(-1 * var(--sp-4)); padding: 0 var(--sp-4); } .tab { height: var(--tap); } }

/* Ağaç görünümü (masaüstü alternatifi) */
.tree { display: flex; flex-direction: column; gap: var(--sp-0-5); font-size: var(--text-sm); }
.tree__node { display: flex; align-items: center; gap: var(--sp-2); height: var(--size-36); padding: 0 var(--sp-2); border-radius: var(--r-sm); color: var(--text-2); width: 100%; white-space: nowrap; }
.tree__node:hover { background: var(--surface-hover); }
.tree__node.is-active { background: var(--primary-soft); color: var(--primary-soft-text); font-weight: var(--w-medium); }
.tree__node--l1 { padding-left: var(--sp-5); }
.tree__node--l2 { padding-left: var(--sp-8); }
.tree__node--root { color: var(--text); font-weight: var(--w-medium); }
.tree__count { margin-left: auto; color: var(--text-3); font-size: var(--text-xs); font-variant-numeric: tabular-nums; }