/* ============================================================
   ELHASSANE STUDIO - AI Construction Manager
   الملف: public/css/image-recognition.css - أنماط التعرف على الصور
   ============================================================ */

.analysis-card {
  transition: all 0.3s ease;
}

.analysis-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.defect-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 600;
}

.defect-badge.crack { background: #fecaca; color: #991b1b; }
.defect-badge.corrosion { background: #fde68a; color: #92400e; }
.defect-badge.misalignment { background: #fef3c7; color: #78350f; }
.defect-badge.spalling { background: #fed7d7; color: #9b2c2c; }
.defect-badge.water_damage { background: #bfdbfe; color: #1e40af; }

.dark .defect-badge.crack { background: #7f1d1d; color: #fca5a5; }
.dark .defect-badge.corrosion { background: #78350f; color: #fbbf24; }
.dark .defect-badge.misalignment { background: #451a03; color: #fcd34d; }
.dark .defect-badge.spalling { background: #4a1942; color: #f687b3; }
.dark .defect-badge.water_damage { background: #1e3a5f; color: #93c5fd; }

.upload-zone {
  transition: all 0.3s ease;
}

.upload-zone:hover {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.05);
}

.dark .upload-zone {
  border-color: #374151;
}

.dark .upload-zone:hover {
  background: rgba(59, 130, 246, 0.1);
}

.confidence-bar {
  height: 4px;
  border-radius: 2px;
  background: #e2e8f0;
  overflow: hidden;
}

.dark .confidence-bar {
  background: #374151;
}

.confidence-bar .fill {
  height: 100%;
  border-radius: 2px;
  transition: width 0.6s ease;
}

.confidence-bar .fill.high { background: #22c55e; }
.confidence-bar .fill.medium { background: #f59e0b; }
.confidence-bar .fill.low { background: #ef4444; }