.guides-tab-configurator {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--spece--8, 8px);
}

.tab-bar-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space--12, 12px);
  width: 100%;
}

.guides-tabselector {
  flex: 1;
  min-width: 0;
}

.tab-actions {
  display: inline-flex;
  align-items: center;
  gap: var(--space--2, 2px);
  margin-left: var(--space--6, 6px);
}

.tab-actions ez-button {
  width: var(--space--20, 20px);
  align-items: center;
  justify-content: center;
  display: flex;
}

.hidden-guides-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space--8, 8px);
  padding: var(--space--8, 8px) 0;
  border-top: 1px solid #dce0e8;
}

.hidden-guides-label {
  font-size: var(--space--12, 12px);
  color: #afb6c0;
  white-space: nowrap;
}

.hidden-guide-chip {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px var(--space--8, 8px);
  border: 1px solid #dce0e8;
  border-radius: var(--space--12, 12px);
  background: #f5f7fa;
  transition: background 0.15s ease-in-out;
}

.hidden-guide-chip:hover {
  background: #e2eaf4;
}

.hidden-guide-chip ez-button {
  width: var(--space--20, 20px);
  align-items: center;
  justify-content: center;
  display: flex;
}

.chip-label {
  font-size: 13px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
