/* =====================================================
   MapGap Pro — Core Styles
   Dark theme with emerald accents
   ===================================================== */

/* Base */
html, body {
  font-family: Arial, Helvetica, sans-serif !important;
  background-color: #0B0F19 !important;
  color: #F3F4F6;
}

/* Hero radial glow */
.hero-glow {
  background: radial-gradient(circle at 50% -20%, rgba(16, 185, 129, 0.15) 0%, #0B0F19 75%);
  background-color: #0B0F19;
}

/* Score circle orange glow */
.score-glow {
  box-shadow: 0 0 35px -5px rgba(249, 115, 22, 0.3);
}

/* Prevent email scrapers */
.email-display {
  unicode-bidi: bidi-override;
  direction: ltr;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #0B0F19;
}
::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #4B5563;
}

/* Skeleton loading animation */
@keyframes shimmer {
  0% { background-position: -200px 0; }
  100% { background-position: 200px 0; }
}

.skeleton {
  background: linear-gradient(90deg, #1f2937 25%, #374151 50%, #1f2937 75%);
  background-size: 400px 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 0.5rem;
}

.skeleton-text {
  height: 1rem;
  margin-bottom: 0.5rem;
}

.skeleton-circle {
  border-radius: 50%;
}

/* Print styles for $19 Blueprint PDF export */
@media print {
  body {
    background-color: white !important;
    color: #111827 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Hide everything except the blueprint */
  header,
  #no-id-view,
  #status-pill-container,
  .pricing-section,
  #dfy-progress-card,
  #dfy-modal,
  #policy-modal,
  footer,
  button,
  .no-print {
    display: none !important;
  }

  /* Show and style the blueprint */
  #diy-checklist {
    display: block !important;
    border: 1px solid #d1d5db !important;
    background: white !important;
    color: #111827 !important;
    box-shadow: none !important;
    page-break-inside: avoid;
  }

  #diy-checklist * {
    color: #111827 !important;
    border-color: #d1d5db !important;
    background: transparent !important;
  }

  #diy-checklist h3,
  #diy-checklist h4 {
    color: #059669 !important;
  }

  /* Show the audit card for context */
  #audit-view {
    display: block !important;
  }

  #audit-view > div:first-child {
    border: 1px solid #d1d5db !important;
    background: white !important;
    page-break-after: always;
  }

  #audit-view > div:first-child * {
    color: #111827 !important;
    border-color: #d1d5db !important;
  }
}