body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', sans-serif; }
.confidence-high { background-color: #dcfce7; }
.confidence-medium { background-color: #fef9c3; }
.confidence-low { background-color: #fee2e2; }
.confidence-none { background-color: #f3f4f6; color: #9ca3af; }
.best-price { background-color: #bbf7d0 !important; font-weight: 700; position: relative; }
.best-price::after { content: "\f091"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 4px; color: #16a34a; }
.fastest-delivery { background-color: #bfdbfe !important; font-weight: 700; position: relative; }
.fastest-delivery::after { content: "\f0e7"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: 4px; color: #2563eb; }
.best-price.fastest-delivery { background: linear-gradient(135deg, #bbf7d0 50%, #bfdbfe 50%) !important; }
.lead-time-badge { font-size: 0.72rem; color: #6b7280; display: block; margin-top: 2px; }
.priority-toggle-btn { transition: all 0.15s; }
.priority-toggle-btn.active { background-color: #4f46e5; color: white; }
.priority-toggle-btn:not(.active) { background-color: #f3f4f6; color: #4b5563; }
table.compare-table th, table.compare-table td { border: 1px solid #e5e7eb; padding: 8px 10px; font-size: 0.85rem; }
.spinner { border: 3px solid #e5e7eb; border-top: 3px solid #4f46e5; border-radius: 50%; width: 24px; height: 24px; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.drop-zone { border: 2px dashed #d1d5db; transition: all 0.2s; }
.drop-zone.dragover { border-color: #4f46e5; background-color: #eef2ff; }
.mode-toggle-btn { transition: all 0.15s; }
.mode-toggle-btn.active { background-color: #4f46e5; color: white; }
.mode-toggle-btn:not(.active) { background-color: #f3f4f6; color: #4b5563; }
.mode-toggle-btn:disabled { opacity: 0.5; cursor: not-allowed; }