/* ClinicOS V4 — Module Tabs（Presentation Rebuild Phase 1B）
 *
 * 與 L3 Card Grid 同一個作法：顏色／圓角一律取自既有 design-tokens.css 的 --cos-* token，
 * 不新增 token、不建立第二套 Design System。選擇器全部以 .nav-tabs-workspace-v1 起頭，
 * 不碰任何既有 class（含已拆除的 .nav-tabs-v1／.nav-tab-v1）。 */

#navTabsWorkspaceHostV1[hidden] { display: none; }

.nav-tabs-workspace-v1 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 0 0 2px;
  border-bottom: 1px solid var(--cos-border, #e5e7eb);
}

.nav-tabs-workspace-v1__tab {
  position: relative;
  padding: 10px 14px;
  font: inherit;
  font-size: 14px;
  line-height: 1.4;
  color: var(--cos-text-subtle, #667085);
  background: transparent;
  border: 0;
  border-radius: var(--cos-radius-sm, 8px) var(--cos-radius-sm, 8px) 0 0;
  cursor: pointer;
  transition: color .15s, background .15s;
}

.nav-tabs-workspace-v1__tab:hover {
  color: var(--cos-text, #1f2430);
  background: var(--cos-surface-muted, #f7f8fa);
}

.nav-tabs-workspace-v1__tab:focus-visible {
  outline: 2px solid var(--cos-accent, #0f6cbd);
  outline-offset: -2px;
}

.nav-tabs-workspace-v1__tab.is-active {
  color: var(--cos-accent, #0f6cbd);
  font-weight: 600;
}

/* 底線與容器的 border-bottom 疊在同一條線上，因此往下推 1px 蓋掉它 */
.nav-tabs-workspace-v1__tab.is-active::after {
  content: '';
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -3px;
  height: 2px;
  background: var(--cos-accent, #0f6cbd);
  border-radius: 2px;
}