.flux-audit-widget {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 20px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08) !important;
}

.flux-audit-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.flux-audit-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
}

.flux-audit-form-row {
  display: flex !important;
  gap: 10px !important;
}

.flux-audit-input {
  flex: 1 !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  font-size: 15px !important;
}

.flux-audit-input:focus {
  outline: none !important;
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
}

.flux-audit-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #4338ca, #6366f1) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

.flux-audit-button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.flux-audit-progress {
  margin-top: 14px !important;
  padding: 14px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

.flux-audit-progress-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.flux-audit-spinner-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #4f46e5 !important;
  animation: flux-audit-pulse 1.4s ease-in-out infinite !important;
}

.flux-audit-progress-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
}

.flux-audit-progress-track {
  width: 100% !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
  overflow: hidden !important;
}

.flux-audit-progress-fill {
  height: 100% !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #4f46e5, #0ea5e9) !important;
  transition: width 260ms ease !important;
}

.flux-audit-progress-meta {
  margin-top: 10px !important;
}

.flux-audit-status,
.flux-audit-pages {
  margin: 4px 0 0 !important;
  font-size: 13px !important;
  color: #334155 !important;
}

.flux-audit-result {
  margin-top: 14px !important;
  padding: 14px !important;
  border-radius: 12px !important;
  border: 1px solid #dbeafe !important;
  background: #eff6ff !important;
}

.flux-audit-result-text {
  margin: 0 0 10px !important;
  color: #1e3a8a !important;
  font-weight: 500 !important;
}

.flux-audit-download {
  margin-top: 6px !important;
}

@keyframes flux-audit-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
}

@media (max-width: 640px) {
  .flux-audit-form-row {
    flex-direction: column !important;
  }
}