/* =========================================================
   CLEAN HEADING THEME FIX
   Top page heading = full color
   Card inner heading = clean blue accent
========================================================= */

/* Page level full color headings only */
.amt-unique-main > .hero:first-child,
.amt-unique-main > .hero-section:first-child,
.amt-unique-main > .dashboard-hero:first-child,
.amt-unique-main > .page-hero:first-child,
.amt-unique-main > .topbar:first-child,
.amt-unique-main > .header:first-child,
.amt-unique-main > .page-header:first-child,
.amt-unique-main > .dashboard-header:first-child,
.amt-unique-main > .blog-hero:first-child,
.amt-unique-main > .field-hero:first-child,
.amt-unique-main > .listing-hero:first-child,
.amt-unique-main > .onpage-header:first-child,
.amt-unique-main > .settings-hero:first-child,
.amt-unique-main > .activity-hero:first-child,
.amt-unique-main > .report-hero:first-child,
.amt-unique-main > .multi-exporter-hero:first-child,
.amt-unique-main > .brand-panel:first-child,
.amt-unique-main > .page-head:first-child,
.amt-unique-main > .main-header:first-child {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.30), transparent 26%),
    radial-gradient(circle at 90% 20%, rgba(94,234,212,0.25), transparent 30%),
    linear-gradient(135deg, #075985 0%, #0ea5e9 48%, #2563eb 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 52px rgba(7, 89, 133, 0.24) !important;
  overflow: hidden !important;
  position: relative !important;
}

.amt-unique-main > .hero:first-child h1,
.amt-unique-main > .hero-section:first-child h1,
.amt-unique-main > .dashboard-hero:first-child h1,
.amt-unique-main > .page-hero:first-child h1,
.amt-unique-main > .topbar:first-child h1,
.amt-unique-main > .header:first-child h1,
.amt-unique-main > .page-header:first-child h1,
.amt-unique-main > .dashboard-header:first-child h1,
.amt-unique-main > .blog-hero:first-child h1,
.amt-unique-main > .field-hero:first-child h1,
.amt-unique-main > .listing-hero:first-child h1,
.amt-unique-main > .onpage-header:first-child h1,
.amt-unique-main > .settings-hero:first-child h1,
.amt-unique-main > .activity-hero:first-child h1,
.amt-unique-main > .report-hero:first-child h1,
.amt-unique-main > .multi-exporter-hero:first-child h1,
.amt-unique-main > .brand-panel:first-child h1,
.amt-unique-main > .page-head:first-child h1,
.amt-unique-main > .main-header:first-child h1 {
  color: #ffffff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.18) !important;
  font-weight: 950 !important;
}

.amt-unique-main > .hero:first-child p,
.amt-unique-main > .hero-section:first-child p,
.amt-unique-main > .dashboard-hero:first-child p,
.amt-unique-main > .page-hero:first-child p,
.amt-unique-main > .topbar:first-child p,
.amt-unique-main > .header:first-child p,
.amt-unique-main > .page-header:first-child p,
.amt-unique-main > .dashboard-header:first-child p,
.amt-unique-main > .blog-hero:first-child p,
.amt-unique-main > .field-hero:first-child p,
.amt-unique-main > .listing-hero:first-child p,
.amt-unique-main > .onpage-header:first-child p,
.amt-unique-main > .settings-hero:first-child p,
.amt-unique-main > .activity-hero:first-child p,
.amt-unique-main > .report-hero:first-child p,
.amt-unique-main > .multi-exporter-hero:first-child p,
.amt-unique-main > .brand-panel:first-child p,
.amt-unique-main > .page-head:first-child p,
.amt-unique-main > .main-header:first-child p {
  color: rgba(255,255,255,0.90) !important;
}

/* Buttons inside top hero */
.amt-unique-main > .hero:first-child button,
.amt-unique-main > .hero:first-child a,
.amt-unique-main > .page-header:first-child button,
.amt-unique-main > .page-header:first-child a,
.amt-unique-main > .brand-panel:first-child button,
.amt-unique-main > .brand-panel:first-child a {
  background: rgba(255,255,255,0.96) !important;
  color: #075985 !important;
  border: 1px solid rgba(255,255,255,0.40) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,0.14) !important;
}

/* IMPORTANT: card inner status-header must NOT be full color */
.card .status-header,
.panel .status-header,
.export-status .status-header,
.status-header {
  background: transparent !important;
  color: #0e2438 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 18px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  overflow: visible !important;
}

.card .status-header::before,
.panel .status-header::before,
.export-status .status-header::before,
.status-header::before {
  display: none !important;
  content: none !important;
}

/* Card headings clean style */
.card h2,
.panel h2,
.upload-card h2,
.workflow h2,
.report-card h2,
.table-card h2,
.store-compare-panel h2,
.check-options-panel h2,
.result-card h2,
.form-card h2,
.content-card h2,
.stat-card h2,
.tool-card h2,
.glass-card h2,
.export-card h2,
.export-panel h2,
.export-status h2,
.export-setup h2,
.summary-card h2,
.mode-card h2,
.option-card h2,
.box h2,
.brand-result h2,
.bulk-result h2 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #075985 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
}

/* Small cyan bar before card h2 */
.card h2::before,
.panel h2::before,
.upload-card h2::before,
.report-card h2::before,
.table-card h2::before,
.form-card h2::before,
.content-card h2::before,
.export-card h2::before,
.export-panel h2::before,
.export-status h2::before,
.export-setup h2::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 24px !important;
  min-width: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0ea5e9, #22c7b8) !important;
}

/* Card h3 smaller */
.card h3,
.panel h3,
.form-card h3,
.content-card h3,
.upload-card h3,
.report-card h3 {
  color: #0e4168 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  margin: 18px 0 12px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Make cards cleaner and less heavy */
.card,
.panel,
.export-card,
.export-panel,
.upload-card,
.form-card,
.content-card,
.report-card,
.table-card {
  border-radius: 22px !important;
  border: 1px solid #d7e8f5 !important;
  box-shadow: 0 14px 34px rgba(18,72,120,0.09) !important;
}

/* Better spacing between hero and cards */
.amt-unique-main > .hero:first-child,
.amt-unique-main > .page-header:first-child,
.amt-unique-main > .brand-panel:first-child,
.amt-unique-main > .multi-exporter-hero:first-child {
  margin-bottom: 24px !important;
}

/* Fix Multi Exporter grid visual balance */
.grid {
  gap: 22px !important;
  align-items: start !important;
}

@media (min-width: 1100px) {
  .grid {
    grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important;
  }
}

/* Log box little softer */
pre,
.log-box,
.console,
#logBox,
#exportLog,
.multi-exporter-log {
  background: #0d263e !important;
  color: #e8f8ff !important;
  border: 1px solid #164765 !important;
  border-radius: 18px !important;
}

html[data-amt-theme="dark"] .card .status-header,
html[data-amt-theme="dark"] .panel .status-header,
html[data-amt-theme="dark"] .export-status .status-header,
html[data-amt-theme="dark"] .status-header {
  color: #e8f6ff !important;
}

html[data-amt-theme="dark"] .card h2,
html[data-amt-theme="dark"] .panel h2,
html[data-amt-theme="dark"] .upload-card h2,
html[data-amt-theme="dark"] .workflow h2,
html[data-amt-theme="dark"] .report-card h2,
html[data-amt-theme="dark"] .table-card h2,
html[data-amt-theme="dark"] .store-compare-panel h2,
html[data-amt-theme="dark"] .check-options-panel h2,
html[data-amt-theme="dark"] .result-card h2,
html[data-amt-theme="dark"] .form-card h2,
html[data-amt-theme="dark"] .content-card h2,
html[data-amt-theme="dark"] .stat-card h2,
html[data-amt-theme="dark"] .tool-card h2,
html[data-amt-theme="dark"] .glass-card h2,
html[data-amt-theme="dark"] .export-card h2,
html[data-amt-theme="dark"] .export-panel h2,
html[data-amt-theme="dark"] .export-status h2,
html[data-amt-theme="dark"] .export-setup h2,
html[data-amt-theme="dark"] .summary-card h2,
html[data-amt-theme="dark"] .mode-card h2,
html[data-amt-theme="dark"] .option-card h2,
html[data-amt-theme="dark"] .box h2,
html[data-amt-theme="dark"] .brand-result h2,
html[data-amt-theme="dark"] .bulk-result h2 {
  color: #7dd3fc !important;
}

html[data-amt-theme="dark"] .card h3,
html[data-amt-theme="dark"] .panel h3,
html[data-amt-theme="dark"] .form-card h3,
html[data-amt-theme="dark"] .content-card h3,
html[data-amt-theme="dark"] .upload-card h3,
html[data-amt-theme="dark"] .report-card h3 {
  color: #cceeff !important;
}

html[data-amt-theme="dark"] .card,
html[data-amt-theme="dark"] .panel,
html[data-amt-theme="dark"] .export-card,
html[data-amt-theme="dark"] .export-panel,
html[data-amt-theme="dark"] .upload-card,
html[data-amt-theme="dark"] .form-card,
html[data-amt-theme="dark"] .content-card,
html[data-amt-theme="dark"] .report-card,
html[data-amt-theme="dark"] .table-card {
  border-color: #21425c !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

html[data-amt-theme="dark"] pre,
html[data-amt-theme="dark"] .log-box,
html[data-amt-theme="dark"] .console,
html[data-amt-theme="dark"] #logBox,
html[data-amt-theme="dark"] #exportLog,
html[data-amt-theme="dark"] .multi-exporter-log {
  background: #050d16 !important;
  color: #dff5ff !important;
  border-color: #1f4a68 !important;
}