.tab-btn.active {
  border-bottom-color: #3b82f6;
  color: #60a5fa;
}

.tab-btn:not(.active) {
  border-bottom-color: transparent;
}

.domain-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}

.domain-code { background: #3498db; }
.domain-business-ops { background: #2ecc71; }
.domain-financial { background: #f39c12; }
.domain-real-estate { background: #9b59b6; }
.domain-bos { background: #1abc9c; }
.domain-other { background: #95a5a6; }

.priority-urgent { color: #ef4444; }
.priority-high { color: #f97316; }
.priority-normal { color: #22c55e; }
.priority-low { color: #9ca3af; }
.priority-none { color: #6b7280; }

.progress-bar {
  background: #374151;
  border-radius: 4px;
  height: 8px;
  overflow: hidden;
}

.progress-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.status-active { color: #22c55e; }
.status-paused { color: #f59e0b; }
.status-postponed { color: #3b82f6; }
.status-archived { color: #6b7280; }
.status-dropped { color: #ef4444; }

.bos-task {
  background: #1f2937;
  border: 1px solid #374151;
  border-radius: 8px;
  padding: 16px;
}

.bos-task.overdue {
  border-color: #ef4444;
}

.action-btn {
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  color: #fff;
  transition: opacity 0.2s;
}

.action-btn:hover {
  opacity: 0.85;
}

/* AG Grid dark theme overrides */
.ag-theme-alpine-dark {
  --ag-background-color: #111827;
  --ag-header-background-color: #1f2937;
  --ag-odd-row-background-color: #111827;
  --ag-row-hover-color: #1f2937;
  --ag-selected-row-background-color: #1e3a5f;
  --ag-border-color: #374151;
  --ag-header-foreground-color: #d1d5db;
  --ag-foreground-color: #e5e7eb;
  --ag-row-border-color: #1f2937;
  --ag-checkbox-checked-color: #3b82f6;
  --ag-range-selection-border-color: #3b82f6;
}

.ag-theme-alpine-dark .ag-root-wrapper {
  border-radius: 8px;
  border: 1px solid #374151;
}

.ag-theme-alpine-dark .ag-row {
  cursor: pointer;
}