/**
 * Hidden Files Toggle Button
 * Shared across all workspace modules
 * Matches sidebar-toggle-btn style (borderless ghost button)
 */

.hidden-files-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--text-muted, #8b949e);
  cursor: pointer;
  font-size: var(--icon-xs); /* 12px */
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.hidden-files-toggle:hover {
  background: var(--workspace-bg-tertiary, rgba(110, 118, 129, 0.1));
  color: var(--workspace-icon-primary);
}

.hidden-files-toggle.active {
  color: var(--workspace-icon-primary);
}

.sidebar-header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Git status toggle - code-branch icon */
.git-status-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--text-muted, #8b949e);
  cursor: pointer;
  font-size: var(--icon-xs, 12px);
  transition: all 0.2s ease;
  padding: 0;
  flex-shrink: 0;
}

.git-status-toggle:hover {
  background: var(--workspace-bg-tertiary, rgba(110, 118, 129, 0.1));
  color: var(--workspace-icon-primary);
}

.git-status-toggle.active {
  color: var(--color-success-fg, #3fb950);
}

/* Module filter button - single context-aware lightbulb icon */
.module-filter-buttons {
  display: flex;
  align-items: center;
}

.module-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--text-muted, #8b949e);
  cursor: pointer;
  font-size: var(--icon-xs, 12px);
  transition: all 0.2s ease;
  padding: 0;
  flex-shrink: 0;
}

.module-filter-btn:hover {
  background: var(--workspace-bg-tertiary, rgba(110, 118, 129, 0.1));
  color: var(--workspace-icon-primary);
}

.module-filter-btn.active {
  color: var(--color-attention-fg, #d29922);
}

/* Divider before collapse button */
.sidebar-header-divider {
  width: 1px;
  height: 20px;
  background: var(--workspace-border-default, rgba(110, 118, 129, 0.3));
  margin: 0 4px;
  flex-shrink: 0;
}