/* Dark strip: uses --theme-* from theme-apply.js so tabs track Settings theme */

.tab-bar.tab-bar--dark {
  background: var(--theme-bg, #000000);
}
.tab-bar.tab-bar--dark .tab .tab-dividers::before,
.tab-bar.tab-bar--dark .tab .tab-dividers::after {
  background: var(--theme-border, #2a2a2a);
}
.tab-bar.tab-bar--dark .tab .tab-bg > svg .tab-geometry {
  fill: var(--theme-elevated, #111111);
}
.tab-bar.tab-bar--dark .tab[active] .tab-bg > svg .tab-geometry {
  fill: var(--theme-surface, #0d0d0d);
}
.tab-bar.tab-bar--dark .tab .tab-title {
  color: var(--theme-muted, #6b7280);
}
.tab-bar.tab-bar--dark .tab[active] .tab-title {
  color: var(--theme-text, #fafafa);
}

/* Close icon follows theme via mask + background-color */
.tab-bar.tab-bar--dark .tab .tab-close {
  background-image: none;
  background-color: var(--theme-muted, #9aa0a6);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath stroke='white' stroke-linecap='square' stroke-width='1.5' fill='none' d='M0 0 L8 8 M8 0 L0 8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath stroke='white' stroke-linecap='square' stroke-width='1.5' fill='none' d='M0 0 L8 8 M8 0 L0 8'/%3E%3C/svg%3E");
  -webkit-mask-size: 8px 8px;
  mask-size: 8px 8px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.tab-bar.tab-bar--dark .tab .tab-close:hover {
  background-color: var(--theme-text, #e8eaed);
  background-image: none;
}
.tab-bar.tab-bar--dark .tab .tab-close:hover:active {
  background-color: var(--theme-accent, #c4b5fd);
  background-image: none;
}
.tab-bar.tab-bar--dark .tab-bar-bottom {
  background: var(--theme-surface, #0d0d0d);
  box-shadow: 0 -1px 0 0 color-mix(in srgb, var(--theme-border, #1a1a1a) 90%, transparent);
}