/* NeutralAiz RAG Admin - Additional Classes
   Extra styles for specific admin components */

@import './design-system-variables.css';

/* =================================
   CHUNKS BROWSER CONTROLS
   ================================= */
.chunks-controls {
  margin-bottom: var(--spacing-xl);
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
  flex-wrap: wrap;
}

.token-filter-group {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
}

.token-filter-group label {
  color: var(--color-text-tertiary);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-ui);
  font-weight: var(--font-weight-medium);
}

.token-input {
  width: 90px;
  flex-shrink: 0;
}

.token-separator {
  color: var(--color-text-tertiary);
}

/* Chunk Stats Panel */
.chunk-stats-panel {
  margin-bottom: var(--spacing-xl);
  padding: var(--spacing-lg);
  background: var(--color-glass-bg);
  backdrop-filter: blur(var(--blur-md));
  -webkit-backdrop-filter: blur(var(--blur-md));
  border: 1px solid var(--color-glass-border);
  border-radius: var(--radius-sm);
  display: flex;
  gap: var(--spacing-2xl);
  align-items: center;
}

.chunk-stats-panel.hidden {
  display: none;
}

.stat-item {
  display: flex;
  gap: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-ui);
}

.stat-item strong {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-medium);
}

/* Empty State */
.empty-state {
  text-align: center;
  padding: var(--spacing-3xl);
  color: var(--color-text-tertiary);
}

.empty-state i {
  font-size: 48px;
  margin-bottom: var(--spacing-xl);
  display: block;
  color: var(--color-glass-border);
}

.empty-state p {
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-ui);
}

/* Repository Controls */
.repository-controls {
  margin-bottom: var(--spacing-xl);
}

/* Upload Progress */
.upload-progress {
  margin-top: var(--spacing-xl);
}

.upload-progress.hidden {
  display: none;
}

/* Settings Grid */
.settings-section > div:has(input[type="range"]) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-xl);
}

/* Settings Controls */
.settings-section label strong {
  color: var(--color-text-primary);
}

.settings-section label span {
  float: right;
  color: var(--color-accent-blue);
}