/* ============================================================================
   BlinkR 2.0 - Application Styles
   ============================================================================
   Copyright (c) 2025 BlinkRQuotes
   All Rights Reserved.

   Licensed under the MIT License (see LICENSE file)
   https://github.com/rubydahlia74-creator/blinkr-team-system2

   FILE: app.css - Main application styling
   VERSION: 2.0.0

   UNAUTHORIZED COPYING, MODIFICATION, OR DISTRIBUTION IS PROHIBITED
   ============================================================================ */

body { margin: 0; padding: 0; }

/* ============================================================================
   LLM REVIEW COMPONENT STYLES
   ============================================================================ */

.llm-review-panel {
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
}

.review-header {
  margin-bottom: 20px;
}

.review-header h3 {
  margin: 0 0 10px 0;
  color: #1e293b;
  font-size: 18px;
}

.review-header p {
  margin: 0 0 15px 0;
  color: #64748b;
  font-size: 14px;
}

.review-actions {
  display: flex;
  gap: 10px;
}

.review-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}

.original-column,
.normalized-column {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 15px;
}

.original-column h4,
.normalized-column h4 {
  margin: 0 0 15px 0;
  color: #374151;
  font-size: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
}

.review-table-container {
  max-height: 400px;
  overflow-y: auto;
}

.review-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.review-table th {
  background: #f1f5f9;
  padding: 8px;
  text-align: left;
  font-weight: 600;
  color: #475569;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
}

.review-table td {
  padding: 8px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
}

.review-table tr:hover {
  background: #f8fafc;
}

.confidence-badge {
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}

.confidence-high {
  background: #dcfce7;
  color: #166534;
}

.confidence-medium {
  background: #fef3c7;
  color: #92400e;
}

.confidence-low {
  background: #fee2e2;
  color: #991b1b;
}

.llm-review-button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.llm-review-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

.llm-review-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.accept-row-btn,
.edit-row-btn {
  padding: 4px 8px;
  border: none;
  border-radius: 4px;
  font-size: 11px;
  cursor: pointer;
  margin-right: 5px;
}

.accept-row-btn {
  background: #22c55e;
  color: white;
}

.edit-row-btn {
  background: #f59e0b;
  color: white;
}

.accept-row-btn:hover {
  background: #16a34a;
}

.edit-row-btn:hover {
  background: #d97706;
}