/* tabs.css — class workspace tab strip (Notes / Practice / Plan / Canvas) */

.tabs {
  display: flex;
  gap: 1px;
  padding: 0 18px;
  border-bottom: 1px solid var(--border);
  background: var(--bg);
  flex-shrink: 0;
}

.tab {
  padding: 10px 14px;
  font-size: var(--fs-base);
  color: var(--text-3);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 7px;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  font-weight: 500;
  user-select: none;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  font-family: inherit;
}
.tab:hover { color: var(--text); }
.tab.active { color: var(--text); border-bottom-color: var(--text); }

.tab .ico { width: 14px; height: 14px; }

.tab .count {
  color: var(--text-3);
  font-size: var(--fs-sm);
  background: var(--bg-3);
  padding: 1px 6px;
  border-radius: 3px;
  font-variant-numeric: tabular-nums;
  line-height: 1.4;
}
.tab.active .count { background: var(--bg-4); color: var(--text-2); }

/* Tab content scroll region */
.tab-content {
  flex: 1;
  overflow-y: auto;
  padding: 22px 24px 80px;
}
.tab-content::-webkit-scrollbar { width: 8px; }
.tab-content::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }