/* File preview */
.file-preview {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  margin-bottom: 16px;
}
.file-preview img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-light);
}
.file-name {
  font-weight: 600;
  font-size: 0.95rem;
  margin-bottom: 4px;
  word-break: break-all;
}
.file-details {
  font-size: 0.85rem;
  color: var(--color-text-muted);
}

/* Metadata summary cards */
.metadata-summary {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.summary-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  background: var(--color-surface);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
}
.summary-card.danger {
  border-color: #fca5a5;
  background: #fef2f2;
}
.summary-card.no-data {
  grid-column: 1 / -1;
  border-color: #86efac;
  background: #f0fdf4;
}
.summary-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
  line-height: 1;
  margin-top: 2px;
}
.summary-card strong {
  display: block;
  font-size: 0.8rem;
  color: var(--color-text-muted);
  margin-bottom: 2px;
}
.summary-card p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--color-text);
  word-break: break-word;
}

/* Privacy alert */
.privacy-alert {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: #fff7ed;
  border: 1px solid #fdba74;
  border-radius: var(--radius-md);
  margin-bottom: 16px;
}
.privacy-alert .alert-icon { font-size: 1.25rem; flex-shrink: 0; }
.privacy-alert strong { color: #c2410c; font-size: 0.9rem; }
.privacy-alert p { margin: 4px 0 0; font-size: 0.85rem; color: #9a3412; }

/* Clean result */
.clean-result {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  background: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: var(--radius-md);
  margin-bottom: 16px;
}
.clean-result .clean-icon { font-size: 1.25rem; flex-shrink: 0; }
.clean-result strong { color: #166534; font-size: 0.9rem; }
.clean-result p { margin: 4px 0 0; font-size: 0.85rem; color: #15803d; }

/* Action buttons */
.action-buttons {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

@media (max-width: 768px) {
  .metadata-summary { grid-template-columns: 1fr; }
  .file-preview { flex-direction: column; text-align: center; }
  .file-preview img { width: 120px; height: 120px; }
  .action-buttons { flex-direction: column; }
}