/* WCAG-Compliant Glassmorphic Light Theme for CAnalyzerAI
 * Combines accessibility with modern glassmorphic design
 * Maintains WCAG AA/AAA compliance while providing visual appeal
 */

/* ===== GLASSMORPHIC LIGHT THEME RESULTS SECTION ===== */
[data-theme="light"] .results-section,
[data-color-scheme="light"] .results-section {
  /* Glassmorphic background with high contrast text support */
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85) 0%, 
    rgba(248, 250, 252, 0.90) 50%,
    rgba(241, 245, 249, 0.88) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.15);
  box-shadow: 
    0 8px 32px rgba(15, 23, 42, 0.12),
    0 4px 16px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(16px) saturate(150%) brightness(105%);
  -webkit-backdrop-filter: blur(16px) saturate(150%) brightness(105%);
}

[data-theme="light"] .results-section::before,
[data-color-scheme="light"] .results-section::before {
  background: linear-gradient(90deg, 
    transparent, 
    rgba(30, 64, 175, 0.6), 
    rgba(31, 245, 212, 0.4),
    rgba(30, 64, 175, 0.6),
    transparent
  );
  box-shadow: 0 0 20px rgba(30, 64, 175, 0.3);
}

/* === GLASSMORPHIC RESULTS HEADER === */
[data-theme="light"] .results-header h2,
[data-color-scheme="light"] .results-header h2 {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.8), 
               0 0 10px rgba(30, 64, 175, 0.1); /* Subtle glow for glassmorphic effect */
}

[data-theme="light"] .results-header,
[data-color-scheme="light"] .results-header {
  border-bottom: 1px solid rgba(15, 23, 42, 0.12);
  backdrop-filter: blur(8px) saturate(130%);
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.7) 0%, 
    rgba(248, 250, 252, 0.8) 100%
  );
  border-radius: 12px 12px 0 0;
  margin: -16px -20px 24px -20px;
  padding: 16px 20px;
}

/* === GLASSMORPHIC ANALYSIS PANELS === */
[data-theme="light"] .analysis-panel,
[data-theme="light"] .comparison-panel,
[data-color-scheme="light"] .analysis-panel,
[data-color-scheme="light"] .comparison-panel {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.70) 0%, 
    rgba(248, 250, 252, 0.75) 30%,
    rgba(241, 245, 249, 0.80) 70%,
    rgba(255, 255, 255, 0.75) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.12);
  box-shadow: 
    0 8px 32px rgba(15, 23, 42, 0.08),
    0 4px 16px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(15, 23, 42, 0.03);
  backdrop-filter: blur(16px) saturate(140%) brightness(108%);
  -webkit-backdrop-filter: blur(16px) saturate(140%) brightness(108%);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .analysis-panel::before,
[data-theme="light"] .comparison-panel::before,
[data-color-scheme="light"] .analysis-panel::before,
[data-color-scheme="light"] .comparison-panel::before {
  background: linear-gradient(90deg, 
    transparent, 
    rgba(30, 64, 175, 0.4), 
    rgba(31, 245, 212, 0.3),
    rgba(30, 64, 175, 0.4),
    transparent
  );
  opacity: 0.8;
}

[data-theme="light"] .analysis-panel::after,
[data-theme="light"] .comparison-panel::after,
[data-color-scheme="light"] .analysis-panel::after,
[data-color-scheme="light"] .comparison-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(30, 64, 175, 0.03) 0%,
    rgba(31, 245, 212, 0.02) 25%,
    transparent 50%,
    rgba(107, 33, 168, 0.02) 75%,
    rgba(30, 64, 175, 0.03) 100%
  );
  pointer-events: none;
  opacity: 0.6;
  border-radius: inherit;
}

[data-theme="light"] .analysis-panel:hover,
[data-theme="light"] .comparison-panel:hover,
[data-color-scheme="light"] .analysis-panel:hover,
[data-color-scheme="light"] .comparison-panel:hover {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85) 0%, 
    rgba(248, 250, 252, 0.90) 30%,
    rgba(237, 242, 248, 0.85) 50%,
    rgba(248, 250, 252, 0.90) 70%,
    rgba(255, 255, 255, 0.85) 100%
  );
  border-color: rgba(30, 64, 175, 0.25);
  box-shadow: 
    0 12px 40px rgba(15, 23, 42, 0.12),
    0 8px 20px rgba(15, 23, 42, 0.08),
    0 0 30px rgba(30, 64, 175, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(20px) saturate(160%) brightness(112%);
  -webkit-backdrop-filter: blur(20px) saturate(160%) brightness(112%);
  transform: translateY(-2px) scale(1.01);
}

/* === GLASSMORPHIC PANEL HEADERS === */
[data-theme="light"] .panel-header,
[data-color-scheme="light"] .panel-header {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.6), 
    rgba(248, 250, 252, 0.7),
    rgba(241, 245, 249, 0.6)
  );
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(12px) saturate(130%) brightness(110%);
  -webkit-backdrop-filter: blur(12px) saturate(130%) brightness(110%);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .panel-header::before,
[data-color-scheme="light"] .panel-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(30, 64, 175, 0.3), 
    transparent
  );
}

[data-theme="light"] .panel-title,
[data-color-scheme="light"] .panel-title {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* === GLASSMORPHIC ANALYSIS TIME INDICATORS === */
[data-theme="light"] .analysis-time,
[data-color-scheme="light"] .analysis-time {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.8) 0%, 
    rgba(248, 250, 252, 0.9) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.1);
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05),
              inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* === GLASSMORPHIC METRIC CARDS === */
[data-theme="light"] .metric-card,
[data-color-scheme="light"] .metric-card {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.75) 0%, 
    rgba(248, 250, 252, 0.80) 50%,
    rgba(255, 255, 255, 0.75) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 
    0 4px 16px rgba(15, 23, 42, 0.06),
    0 2px 8px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px) saturate(130%) brightness(105%);
  -webkit-backdrop-filter: blur(12px) saturate(130%) brightness(105%);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .metric-card::before,
[data-color-scheme="light"] .metric-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(30, 64, 175, 0.05) 0%,
    transparent 30%,
    transparent 70%,
    rgba(31, 245, 212, 0.05) 100%
  );
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.7;
}

[data-theme="light"] .metric-card:hover,
[data-color-scheme="light"] .metric-card:hover {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85) 0%, 
    rgba(248, 250, 252, 0.90) 50%,
    rgba(255, 255, 255, 0.85) 100%
  );
  border-color: rgba(30, 64, 175, 0.15);
  box-shadow: 
    0 8px 24px rgba(15, 23, 42, 0.08),
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 0 20px rgba(30, 64, 175, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(16px) saturate(150%) brightness(110%);
  -webkit-backdrop-filter: blur(16px) saturate(150%) brightness(110%);
}

[data-theme="light"] .metric-label,
[data-color-scheme="light"] .metric-label {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
}

[data-theme="light"] .metric-value,
[data-color-scheme="light"] .metric-value {
  color: var(--accent-primary); /* WCAG AAA: 8.65:1 contrast */
  text-shadow: none;
}

/* === GLASSMORPHIC COMPLEXITY COMPONENTS === */
[data-theme="light"] .complexity-title,
[data-color-scheme="light"] .complexity-title {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .complexity-card,
[data-color-scheme="light"] .complexity-card {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.70) 0%, 
    rgba(248, 250, 252, 0.75) 50%,
    rgba(255, 255, 255, 0.70) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 
    0 4px 16px rgba(15, 23, 42, 0.05),
    0 2px 8px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px) saturate(125%) brightness(108%);
  -webkit-backdrop-filter: blur(12px) saturate(125%) brightness(108%);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .complexity-card::before,
[data-color-scheme="light"] .complexity-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    45deg,
    rgba(30, 64, 175, 0.08) 0%,
    transparent 50%,
    rgba(107, 33, 168, 0.06) 100%
  );
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.6;
}

[data-theme="light"] .complexity-card:hover,
[data-color-scheme="light"] .complexity-card:hover {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85) 0%, 
    rgba(248, 250, 252, 0.90) 50%,
    rgba(255, 255, 255, 0.85) 100%
  );
  border-color: rgba(30, 64, 175, 0.15);
  box-shadow: 
    0 8px 24px rgba(15, 23, 42, 0.08),
    0 4px 12px rgba(15, 23, 42, 0.06),
    0 0 20px rgba(30, 64, 175, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(16px) saturate(140%) brightness(112%);
  -webkit-backdrop-filter: blur(16px) saturate(140%) brightness(112%);
}

[data-theme="light"] .complexity-formula,
[data-color-scheme="light"] .complexity-formula {
  color: var(--accent-primary); /* WCAG AAA: 8.65:1 contrast */
}

[data-theme="light"] .complexity-value,
[data-color-scheme="light"] .complexity-value {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
}

[data-theme="light"] .complexity-label,
[data-color-scheme="light"] .complexity-label {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
}

[data-theme="light"] .complexity-card::after,
[data-color-scheme="light"] .complexity-card::after {
  background: linear-gradient(90deg, var(--accent-primary), var(--accent-tertiary));
}

/* === GLASSMORPHIC API KEY INFO SECTION === */
[data-theme="light"] .api-key-info,
[data-color-scheme="light"] .api-key-info {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.75) 0%, 
    rgba(248, 250, 252, 0.80) 50%,
    rgba(241, 245, 249, 0.75) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  backdrop-filter: blur(16px) saturate(130%) brightness(108%);
  -webkit-backdrop-filter: blur(16px) saturate(130%) brightness(108%);
  box-shadow: 
    0 4px 16px rgba(15, 23, 42, 0.06),
    0 2px 8px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(15, 23, 42, 0.03);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .api-key-info::before,
[data-color-scheme="light"] .api-key-info::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(30, 64, 175, 0.03) 0%,
    transparent 50%,
    rgba(31, 245, 212, 0.02) 100%
  );
  border-radius: inherit;
  pointer-events: none;
}

[data-theme="light"] .api-info-content,
[data-color-scheme="light"] .api-info-content {
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 1;
}

[data-theme="light"] .api-info-label,
[data-color-scheme="light"] .api-info-label {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
  font-weight: 600;
  font-size: 14px;
}

[data-theme="light"] .api-info-status,
[data-color-scheme="light"] .api-info-status {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
  background: linear-gradient(135deg, 
    rgba(30, 64, 175, 0.1) 0%, 
    rgba(30, 64, 175, 0.08) 100%
  );
  padding: 6px 14px;
  border-radius: 16px;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid rgba(30, 64, 175, 0.2);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  box-shadow: 
    0 2px 8px rgba(30, 64, 175, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .api-info-detail,
[data-color-scheme="light"] .api-info-detail {
  color: var(--text-muted); /* WCAG AA+: 7.8:1 contrast */
  font-size: 12px;
  background: linear-gradient(135deg, 
    rgba(15, 23, 42, 0.04) 0%, 
    rgba(15, 23, 42, 0.06) 100%
  );
  padding: 4px 10px;
  border-radius: 8px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

/* === GLASSMORPHIC STATUS LEGEND BUTTON === */
[data-theme="light"] .status-legend-btn,
[data-color-scheme="light"] .status-legend-btn {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.70) 0%, 
    rgba(248, 250, 252, 0.80) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.12);
  color: var(--text-primary);
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 14px;
  transition: all var(--transition-normal);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  box-shadow: 
    0 2px 8px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .status-legend-btn:hover,
[data-color-scheme="light"] .status-legend-btn:hover {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.85) 0%, 
    rgba(248, 250, 252, 0.90) 100%
  );
  border-color: rgba(30, 64, 175, 0.25);
  transform: translateY(-1px);
  box-shadow: 
    0 4px 12px rgba(15, 23, 42, 0.08),
    0 0 15px rgba(30, 64, 175, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px) saturate(130%);
  -webkit-backdrop-filter: blur(12px) saturate(130%);
}

[data-theme="light"] .legend-icon,
[data-color-scheme="light"] .legend-icon {
  color: var(--accent-primary);
  text-shadow: 0 0 8px rgba(30, 64, 175, 0.3);
}

/* === GLASSMORPHIC AI STATUS NOTICE === */
[data-theme="light"] .ai-status-notice,
[data-color-scheme="light"] .ai-status-notice {
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .ai-status-notice::before,
[data-color-scheme="light"] .ai-status-notice::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  opacity: 0.7;
  border-radius: inherit;
}

[data-theme="light"] .ai-status-notice.ai-unavailable,
[data-color-scheme="light"] .ai-status-notice.ai-unavailable {
  color: var(--status-warning); /* WCAG AAA: 6.67:1 contrast */
  background: linear-gradient(135deg, 
    rgba(143, 74, 0, 0.08) 0%, 
    rgba(143, 74, 0, 0.12) 100%
  );
  border: 1px solid rgba(143, 74, 0, 0.2);
  border-left: 4px solid var(--status-warning);
  box-shadow: 
    0 2px 8px rgba(143, 74, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .ai-error,
[data-color-scheme="light"] .ai-error {
  color: var(--status-error); /* WCAG AAA: 6.42:1 contrast */
  background: linear-gradient(135deg, 
    rgba(185, 28, 28, 0.08) 0%, 
    rgba(185, 28, 28, 0.12) 100%
  );
  border: 1px solid rgba(185, 28, 28, 0.2);
  border-left: 4px solid var(--status-error);
  box-shadow: 
    0 2px 8px rgba(185, 28, 28, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .ai-success,
[data-color-scheme="light"] .ai-success {
  color: var(--status-success); /* WCAG AAA: 6.72:1 contrast */
  background: linear-gradient(135deg, 
    rgba(13, 106, 31, 0.08) 0%, 
    rgba(13, 106, 31, 0.12) 100%
  );
  border: 1px solid rgba(13, 106, 31, 0.2);
  border-left: 4px solid var(--status-success);
  box-shadow: 
    0 2px 8px rgba(13, 106, 31, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* === GLASSMORPHIC COMPARISON SUMMARY === */
[data-theme="light"] .comparison-summary,
[data-color-scheme="light"] .comparison-summary {
  margin-bottom: 24px;
}

[data-theme="light"] .summary-item,
[data-color-scheme="light"] .summary-item {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.75) 0%, 
    rgba(248, 250, 252, 0.80) 100%
  );
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 
    0 4px 16px rgba(15, 23, 42, 0.05),
    0 2px 8px rgba(15, 23, 42, 0.03),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px) saturate(125%);
  -webkit-backdrop-filter: blur(10px) saturate(125%);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .summary-item::before,
[data-color-scheme="light"] .summary-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg,
    rgba(30, 64, 175, 0.02) 0%,
    transparent 50%,
    rgba(31, 245, 212, 0.02) 100%
  );
  border-radius: inherit;
  pointer-events: none;
}

[data-theme="light"] .summary-label,
[data-color-scheme="light"] .summary-label {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  position: relative;
  z-index: 1;
}

[data-theme="light"] .summary-value,
[data-color-scheme="light"] .summary-value {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
  font-family: var(--font-family-heading);
  font-size: 24px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* === GLASSMORPHIC DIFFERENCE DETAILS === */
[data-theme="light"] .difference-details h4,
[data-theme="light"] .recommendation-section h4,
[data-color-scheme="light"] .difference-details h4,
[data-color-scheme="light"] .recommendation-section h4 {
  color: var(--text-primary); /* WCAG AAA: 16.6:1 contrast */
  margin-bottom: 16px;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .difference-item,
[data-color-scheme="light"] .difference-item {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
  background: linear-gradient(135deg, 
    rgba(15, 23, 42, 0.04) 0%, 
    rgba(15, 23, 42, 0.06) 100%
  );
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 8px;
  border-left: 3px solid var(--accent-secondary);
  backdrop-filter: blur(6px) saturate(110%);
  -webkit-backdrop-filter: blur(6px) saturate(110%);
  box-shadow: 
    0 2px 8px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

[data-theme="light"] .recommendation-item,
[data-color-scheme="light"] .recommendation-item {
  color: var(--text-secondary); /* WCAG AAA: 11.2:1 contrast */
  background: linear-gradient(135deg, 
    rgba(30, 64, 175, 0.06) 0%, 
    rgba(30, 64, 175, 0.08) 100%
  );
  padding: 10px 14px;
  border-radius: 8px;
  margin-bottom: 8px;
  border-left: 3px solid var(--accent-primary);
  backdrop-filter: blur(6px) saturate(110%);
  -webkit-backdrop-filter: blur(6px) saturate(110%);
  box-shadow: 
    0 2px 8px rgba(30, 64, 175, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

/* === ENHANCED GLASSMORPHIC FOCUS STATES === */
[data-theme="light"] .btn:focus-visible,
[data-theme="light"] .status-legend-btn:focus-visible,
[data-color-scheme="light"] .btn:focus-visible,
[data-color-scheme="light"] .status-legend-btn:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
  box-shadow: 
    0 0 0 4px rgba(30, 64, 175, 0.2),
    0 4px 16px rgba(30, 64, 175, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(12px) saturate(140%) brightness(115%);
  -webkit-backdrop-filter: blur(12px) saturate(140%) brightness(115%);
}

[data-theme="light"] .metric-card:focus-visible,
[data-theme="light"] .complexity-card:focus-visible,
[data-color-scheme="light"] .metric-card:focus-visible,
[data-color-scheme="light"] .complexity-card:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
  box-shadow: 
    0 0 0 4px rgba(30, 64, 175, 0.2),
    0 8px 24px rgba(15, 23, 42, 0.08),
    0 0 20px rgba(30, 64, 175, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

/* === GLASSMORPHIC SHIMMER ANIMATION === */
@keyframes glassmorphicShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

[data-theme="light"] .analysis-panel:hover::before,
[data-theme="light"] .comparison-panel:hover::before,
[data-color-scheme="light"] .analysis-panel:hover::before,
[data-color-scheme="light"] .comparison-panel:hover::before {
  animation: glassmorphicShimmer 2s ease-in-out infinite;
  background-size: 200% 100%;
}

/* === GLASSMORPHIC GLOW EFFECTS === */
[data-theme="light"] .panel-icon,
[data-color-scheme="light"] .panel-icon {
  filter: drop-shadow(0 0 8px rgba(30, 64, 175, 0.3));
  transition: filter var(--transition-normal);
}

[data-theme="light"] .analysis-panel:hover .panel-icon,
[data-theme="light"] .comparison-panel:hover .panel-icon,
[data-color-scheme="light"] .analysis-panel:hover .panel-icon,
[data-color-scheme="light"] .comparison-panel:hover .panel-icon {
  filter: drop-shadow(0 0 12px rgba(30, 64, 175, 0.5));
}

/* === HIGH CONTRAST MODE SUPPORT === */
@media (prefers-contrast: high) {
  [data-theme="light"] .results-section,
  [data-color-scheme="light"] .results-section {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
    box-shadow: none !important;
  }
  
  [data-theme="light"] .analysis-panel,
  [data-theme="light"] .comparison-panel,
  [data-theme="light"] .metric-card,
  [data-theme="light"] .complexity-card,
  [data-color-scheme="light"] .analysis-panel,
  [data-color-scheme="light"] .comparison-panel,
  [data-color-scheme="light"] .metric-card,
  [data-color-scheme="light"] .complexity-card {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
  }
  
  [data-theme="light"] .api-info-status,
  [data-color-scheme="light"] .api-info-status {
    background: #ffffff !important;
    border: 2px solid #000000 !important;
    color: #000000 !important;
  }
}

/* === PRINT STYLES === */
@media print {
  [data-theme="light"] .results-section,
  [data-theme="light"] .analysis-panel,
  [data-theme="light"] .comparison-panel,
  [data-theme="light"] .metric-card,
  [data-theme="light"] .complexity-card,
  [data-color-scheme="light"] .results-section,
  [data-color-scheme="light"] .analysis-panel,
  [data-color-scheme="light"] .comparison-panel,
  [data-color-scheme="light"] .metric-card,
  [data-color-scheme="light"] .complexity-card {
    background: #ffffff !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: 1px solid #000000 !important;
  }
  
  [data-theme="light"] .api-info-status,
  [data-color-scheme="light"] .api-info-status {
    background: transparent !important;
    color: #000000 !important;
  }
}

/* === MOBILE OPTIMIZATIONS === */
@media (max-width: 768px) {
  [data-theme="light"] .results-grid,
  [data-color-scheme="light"] .results-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  [data-theme="light"] .api-info-content,
  [data-color-scheme="light"] .api-info-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  [data-theme="light"] .complexity-metrics,
  [data-color-scheme="light"] .complexity-metrics {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* === REDUCED MOTION SUPPORT === */
@media (prefers-reduced-motion: reduce) {
  [data-theme="light"] .analysis-panel,
  [data-theme="light"] .comparison-panel,
  [data-theme="light"] .metric-card,
  [data-theme="light"] .complexity-card,
  [data-color-scheme="light"] .analysis-panel,
  [data-color-scheme="light"] .comparison-panel,
  [data-color-scheme="light"] .metric-card,
  [data-color-scheme="light"] .complexity-card {
    animation: none !important;
    transition: none !important;
  }
  
  [data-theme="light"] .status-legend-btn:hover,
  [data-color-scheme="light"] .status-legend-btn:hover {
    transform: none !important;
  }
}