/* =========================================================
   AELIYA UNIQUE BLUE THEME V3
   Same theme for all pages
========================================================= */

:root {
  --amt-sidebar-w: 274px;
  --amt-bg: #dceaf4;
  --amt-card: rgba(231, 241, 248, 0.96);
  --amt-text: #0e2438;
  --amt-muted: #60748c;
  --amt-line: #bed3e2;
  --amt-blue: #087fbd;
  --amt-blue-2: #075985;
  --amt-sky: #2eb7f0;
  --amt-mint: #3dd7c5;
  --amt-navy: #0e3254;
  --amt-navy-2: #071d34;
  --amt-shadow: 0 18px 45px rgba(18, 72, 120, 0.12);
  --amt-shadow-soft: 0 10px 24px rgba(18, 72, 120, 0.08);
  --amt-field-bg: #e7f0f7;
  --amt-soft-panel: #d9e9f3;
  --amt-brand-blue: #0f8ec8;
  --amt-brand-deep: #075985;
  --amt-brand-maroon: #7f1d2d;
  --amt-brand-grad: linear-gradient(135deg, #0f8ec8 0%, #075985 58%, #7f1d2d 100%);
  --amt-brand-grad-soft: linear-gradient(135deg, rgba(15, 142, 200, 0.16), rgba(7, 89, 133, 0.16) 58%, rgba(127, 29, 45, 0.14));
  color-scheme: light;
}

html[data-amt-theme="dark"] {
  --amt-bg: #071421;
  --amt-card: rgba(12, 28, 44, 0.94);
  --amt-text: #e8f6ff;
  --amt-muted: #a9c3d7;
  --amt-line: #21425c;
  --amt-blue: #38bdf8;
  --amt-blue-2: #0ea5e9;
  --amt-sky: #67d7ff;
  --amt-mint: #5eead4;
  --amt-navy: #cceeff;
  --amt-navy-2: #07111d;
  --amt-shadow: 0 22px 58px rgba(0, 0, 0, 0.34);
  --amt-shadow-soft: 0 14px 32px rgba(0, 0, 0, 0.24);
  --amt-field-bg: #0b1d2d;
  --amt-soft-panel: #102c42;
  --amt-brand-blue: #0f8ec8;
  --amt-brand-deep: #075985;
  --amt-brand-maroon: #7f1d2d;
  --amt-brand-grad: linear-gradient(135deg, #0f8ec8 0%, #075985 58%, #7f1d2d 100%);
  --amt-brand-grad-soft: linear-gradient(135deg, rgba(15, 142, 200, 0.24), rgba(7, 89, 133, 0.22) 58%, rgba(127, 29, 45, 0.2));
  color-scheme: dark;
}

* {
  box-sizing: border-box !important;
}

html,
body {
  width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(46, 183, 240, 0.17), transparent 28%),
    radial-gradient(circle at 94% 4%, rgba(61, 215, 197, 0.13), transparent 24%),
    linear-gradient(135deg, #d8e8f3 0%, #e2edf5 48%, #d4e4ef 100%) !important;
  color: var(--amt-text) !important;
  font-family: Inter, Segoe UI, Arial, sans-serif !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(120deg, rgba(8, 127, 189, 0.055) 0 1px, transparent 1px),
    linear-gradient(30deg, rgba(61, 215, 197, 0.05) 0 1px, transparent 1px) !important;
  background-size: 68px 68px, 92px 92px !important;
  opacity: 0.55 !important;
}

body::after {
  content: "" !important;
  position: fixed !important;
  right: -140px !important;
  top: 9vh !important;
  width: 420px !important;
  height: 420px !important;
  border-radius: 999px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: radial-gradient(circle, rgba(46, 183, 240, 0.13), transparent 66%) !important;
}

html[data-amt-theme="dark"],
html[data-amt-theme="dark"] body {
  background:
    radial-gradient(circle at 14% 10%, rgba(56, 189, 248, 0.18), transparent 28%),
    radial-gradient(circle at 94% 4%, rgba(94, 234, 212, 0.12), transparent 24%),
    linear-gradient(135deg, #06111d 0%, #0a1b2b 50%, #071421 100%) !important;
  color: var(--amt-text) !important;
}

html[data-amt-theme="dark"] body::before {
  background-image:
    linear-gradient(120deg, rgba(56, 189, 248, 0.07) 0 1px, transparent 1px),
    linear-gradient(30deg, rgba(94, 234, 212, 0.055) 0 1px, transparent 1px) !important;
  opacity: 0.46 !important;
}

html[data-amt-theme="dark"] body::after {
  background: radial-gradient(circle, rgba(56, 189, 248, 0.16), transparent 66%) !important;
}

#amt-ocean-live-bg,
#amt-marine-bg,
#amt-final-blue-bg,
#amt-ship-bg-layer,
#amtGlobalSplash,
.amt-global-splash,
.amt-page-loading,
.page-loader,
.loading-screen,
.fullscreen-loader,
.animated-bg,
.ship-bg,
.ocean-bg,
.theme-bg {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

/* Hide old duplicate sidebars */
.sidebar:not(#amtMainSidebar),
.side-nav:not(.amt-unique-nav),
.amt-sidebar:not(#amtMainSidebar),
#sidebar:not(#amtMainSidebar),
#amtSidebar:not(#amtMainSidebar) {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Final sidebar */
#amtMainSidebar {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: var(--amt-sidebar-w) !important;
  min-width: var(--amt-sidebar-w) !important;
  max-width: var(--amt-sidebar-w) !important;
  height: 100vh !important;
  z-index: 9999 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 16px 12px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 18% 4%, rgba(61, 215, 197, 0.24), transparent 28%),
    linear-gradient(180deg, #10466f 0%, #0b3154 44%, #071d34 100%) !important;
  box-shadow: 12px 0 36px rgba(7, 29, 52, 0.22) !important;
}

#amtMainSidebar::-webkit-scrollbar {
  width: 8px !important;
}

#amtMainSidebar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.28) !important;
  border-radius: 99px !important;
}

.amt-unique-brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 8px 18px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.amt-theme-toggle {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 14px 0 !important;
  padding: 9px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  text-align: left !important;
  box-shadow: none !important;
}

.amt-theme-toggle:hover {
  background: rgba(255, 255, 255, 0.20) !important;
  transform: translateY(-1px) !important;
}

.amt-theme-toggle-icon {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  color: #075985 !important;
  background: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.amt-theme-toggle strong,
.amt-theme-toggle small {
  display: block !important;
  line-height: 1.15 !important;
}

.amt-theme-toggle strong {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.amt-theme-toggle small {
  margin-top: 3px !important;
  color: #caedff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.amt-unique-logo {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  color: #075985 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  background: linear-gradient(135deg, #ffffff, #dff5ff) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.85) !important;
}

.amt-unique-brand-title {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
}

.amt-unique-brand-subtitle {
  margin-top: 3px !important;
  color: #cceeff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

.amt-unique-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  padding-bottom: 12px !important;
}

.amt-unique-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  color: #eff9ff !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.amt-unique-nav-link:hover,
.amt-unique-nav-link.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.11)) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 3px 0 0 #5eead4 !important;
}

.amt-unique-icon {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

.amt-unique-login {
  margin-top: 14px !important;
  padding: 13px !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.amt-unique-login span {
  display: block !important;
  color: #caedff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.amt-unique-login strong {
  display: block !important;
  margin-top: 5px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.amt-unique-login small {
  display: block !important;
  margin-top: 3px !important;
  color: #caedff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

/* Main content */
.layout,
.app-layout,
.dashboard-layout,
.shell,
.app-shell,
.page-shell,
.onpage-layout,
.blog-page,
.field-page {
  display: block !important;
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.amt-unique-main,
body.amt-unique-blue-ready main,
body.amt-unique-blue-ready .main,
body.amt-unique-blue-ready .main-content,
body.amt-unique-blue-ready .page-content,
body.amt-unique-blue-ready .content,
body.amt-unique-blue-ready .content-area,
body.amt-unique-blue-ready .amt-main-content,
body.amt-unique-blue-ready .onpage-main,
body.amt-unique-blue-ready .game-main {
  display: block !important;
  width: calc(100% - var(--amt-sidebar-w)) !important;
  max-width: calc(100% - var(--amt-sidebar-w)) !important;
  min-height: 100vh !important;
  margin-left: var(--amt-sidebar-w) !important;
  margin-top: 0 !important;
  padding: 26px 30px !important;
  color: var(--amt-text) !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1 !important;
  transform: none !important;
}

body.amt-login-page main,
body.amt-login-page .main,
body.amt-login-page .amt-unique-main,
body.login-page main,
body.login-page .main,
body.login-page .amt-unique-main {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

/* Header / hero */
.hero,
.hero-section,
.dashboard-hero,
.page-hero,
.topbar,
.header,
.page-header,
.dashboard-header,
.blog-hero,
.field-hero,
.listing-hero,
.onpage-header,
.settings-hero,
.activity-hero,
.report-hero,
.recent-games-hero,
.multi-exporter-hero,
.brand-panel,
.page-head,
.main-header,
.status-header {
  background:
    linear-gradient(135deg, rgba(224, 239, 248, 0.98), rgba(207, 230, 243, 0.96)) padding-box,
    linear-gradient(135deg, rgba(46, 183, 240, 0.55), rgba(61, 215, 197, 0.35)) border-box !important;
  color: var(--amt-text) !important;
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  box-shadow: var(--amt-shadow) !important;
  position: relative !important;
  overflow: hidden !important;
}

.hero h1,
.hero h2,
.blog-hero h1,
.field-hero h1,
.listing-hero h1,
.onpage-header h1,
.header h1,
.page-header h1,
.dashboard-header h1,
.multi-exporter-hero h1,
.brand-panel h1 {
  color: #0e4168 !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
}

.hero p,
.blog-hero p,
.field-hero p,
.listing-hero p,
.onpage-header p,
.header p,
.page-header p,
.dashboard-header p,
.multi-exporter-hero p,
.brand-panel p {
  color: var(--amt-muted) !important;
}

/* Cards */
.card,
.panel,
.upload-card,
.workflow,
.report-card,
.table-card,
.store-compare-panel,
.check-options-panel,
.result-card,
.form-card,
.content-card,
.stat-card,
.tool-card,
.glass-card,
.export-card,
.export-panel,
.export-status,
.export-setup,
.summary-card,
.mode-card,
.option-card,
.box,
.store-upload-card,
.compare-card,
.breakdown-panel,
.agent-panel,
.listing-form-card,
.preview-card,
.status-card,
.game-panel,
.game-leaderboard-panel,
.recent-game-card,
.live-sku-box,
.live-sku-count-panel,
.import-export-drawer,
.multi-exporter-drawer,
.ie-section,
.form-section,
.sku-paste-box,
.user-card {
  background: var(--amt-card) !important;
  color: var(--amt-text) !important;
  border: 1px solid var(--amt-line) !important;
  border-radius: 20px !important;
  box-shadow: var(--amt-shadow-soft) !important;
  backdrop-filter: blur(10px) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.card:hover,
.panel:hover,
.tool-card:hover,
.mode-card:hover,
.option-card:hover,
.store-upload-card:hover,
.compare-card:hover {
  border-color: rgba(46, 183, 240, 0.48) !important;
  box-shadow: 0 22px 48px rgba(8, 127, 189, 0.13) !important;
}

/* Buttons */
button,
.btn,
.action-btn,
.primary-btn,
.secondary-btn,
.hero-btn,
.small-btn,
.mini-btn,
.btn-primary,
.btn-success,
.btn-green,
.btn-dark,
.btn-red,
.danger-btn,
.compare-btn,
.compare-secondary-btn,
.live-clear-btn,
.ie-primary-btn,
.game-dark-btn,
a.btn,
input[type="button"],
input[type="submit"] {
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
  border-radius: 13px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(8, 127, 189, 0.18) !important;
  background: linear-gradient(135deg, #0a8ed0, #075985) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(8, 127, 189, 0.20) !important;
}

.secondary-btn,
.btn-light,
.btn-secondary,
.btn.secondary,
button.secondary,
a.secondary-btn,
.compare-secondary-btn {
  background: #ecf8ff !important;
  color: #075985 !important;
  border-color: #bfe6fa !important;
  box-shadow: none !important;
}

/* Force old red/maroon inline styles to blue */
[style*="#8b0d18"],
[style*="#8B0D18"],
[style*="#951316"],
[style*="#991b1b"],
[style*="#7b1113"],
[style*="#4d0b0d"],
[style*="#8b1116"],
[style*="rgb(139, 13, 24)"],
[style*="rgb(153, 27, 27)"] {
  background: linear-gradient(135deg, #0a8ed0, #075985) !important;
  color: #ffffff !important;
  border-color: rgba(8, 127, 189, 0.22) !important;
  outline-color: #0a8ed0 !important;
}

input,
select,
textarea {
  background: #ffffff !important;
  color: var(--amt-text) !important;
  border: 1px solid #cfe3f2 !important;
  border-radius: 13px !important;
  outline: none !important;
  pointer-events: auto !important;
  visibility: visible !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #2eb7f0 !important;
  box-shadow: 0 0 0 4px rgba(46, 183, 240, 0.16) !important;
}

label {
  color: var(--amt-text) !important;
}

.badge,
.status-pill,
.pill,
.hero-badge,
.live-sku-status,
.onpage-status {
  background: #e7f7ff !important;
  color: #075985 !important;
  border: 1px solid #bee7fb !important;
  border-radius: 999px !important;
}

pre,
.log-box,
.console,
#logBox,
#exportLog,
.multi-exporter-log {
  background: #0d263e !important;
  color: #e7f8ff !important;
  border: 1px solid #174764 !important;
  border-radius: 18px !important;
}

table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

thead,
thead tr,
th {
  background: linear-gradient(135deg, #075985, #0e4168) !important;
  color: #ffffff !important;
}

td {
  color: var(--amt-text) !important;
  border-color: #e4eef7 !important;
}

a {
  color: #075985 !important;
}

#amtMainSidebar a {
  color: #eff9ff !important;
}

@media (max-width: 980px) {
  #amtMainSidebar {
    position: relative !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
  }

  .amt-unique-main,
  body.amt-unique-blue-ready main,
  body.amt-unique-blue-ready .main,
  body.amt-unique-blue-ready .main-content,
  body.amt-unique-blue-ready .page-content,
  body.amt-unique-blue-ready .content,
  body.amt-unique-blue-ready .content-area,
  body.amt-unique-blue-ready .amt-main-content,
  body.amt-unique-blue-ready .onpage-main,
  body.amt-unique-blue-ready .game-main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 18px !important;
  }
}



/* =========================================================
   FULL COLOR PAGE HEADING OVERRIDE
   Apply colorful heading/hero on every page
========================================================= */

:root {
  --amt-heading-grad-1: #075985;
  --amt-heading-grad-2: #0ea5e9;
  --amt-heading-grad-3: #22c7b8;
  --amt-heading-grad-4: #2563eb;
}

/* All main page heading boxes / hero sections */
.hero,
.hero-section,
.dashboard-hero,
.page-hero,
.topbar,
.header,
.page-header,
.dashboard-header,
.blog-hero,
.field-hero,
.listing-hero,
.onpage-header,
.settings-hero,
.activity-hero,
.report-hero,
.recent-games-hero,
.multi-exporter-hero,
.brand-panel,
.page-head,
.main-header,
.status-header,
.export-hero,
.import-hero,
.sku-hero,
.broken-link-hero,
.direct-hero,
.compare-hero,
.mismatch-hero,
.browser-hero,
.section-hero {
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.28), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(94,234,212,0.24), transparent 30%),
    linear-gradient(135deg, var(--amt-heading-grad-1) 0%, var(--amt-heading-grad-2) 45%, var(--amt-heading-grad-4) 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.25) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Shine layer on heading box */
.hero::before,
.hero-section::before,
.dashboard-hero::before,
.page-hero::before,
.topbar::before,
.header::before,
.page-header::before,
.dashboard-header::before,
.blog-hero::before,
.field-hero::before,
.listing-hero::before,
.onpage-header::before,
.settings-hero::before,
.activity-hero::before,
.report-hero::before,
.recent-games-hero::before,
.multi-exporter-hero::before,
.brand-panel::before,
.page-head::before,
.main-header::before,
.status-header::before,
.export-hero::before,
.import-hero::before,
.sku-hero::before,
.broken-link-hero::before,
.direct-hero::before,
.compare-hero::before,
.mismatch-hero::before,
.browser-hero::before,
.section-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,0.22), transparent 34%, rgba(255,255,255,0.10)) !important;
  opacity: 0.9 !important;
}

/* Heading text inside heading boxes */
.hero h1,
.hero h2,
.hero h3,
.hero-section h1,
.hero-section h2,
.dashboard-hero h1,
.dashboard-hero h2,
.page-hero h1,
.page-hero h2,
.topbar h1,
.topbar h2,
.header h1,
.header h2,
.page-header h1,
.page-header h2,
.dashboard-header h1,
.dashboard-header h2,
.blog-hero h1,
.blog-hero h2,
.field-hero h1,
.field-hero h2,
.listing-hero h1,
.listing-hero h2,
.onpage-header h1,
.onpage-header h2,
.settings-hero h1,
.settings-hero h2,
.activity-hero h1,
.activity-hero h2,
.report-hero h1,
.report-hero h2,
.recent-games-hero h1,
.recent-games-hero h2,
.multi-exporter-hero h1,
.multi-exporter-hero h2,
.brand-panel h1,
.brand-panel h2,
.page-head h1,
.page-head h2,
.main-header h1,
.main-header h2,
.status-header h1,
.status-header h2 {
  color: #ffffff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.18) !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Paragraph/subtitle inside heading boxes */
.hero p,
.hero-section p,
.dashboard-hero p,
.page-hero p,
.topbar p,
.header p,
.page-header p,
.dashboard-header p,
.blog-hero p,
.field-hero p,
.listing-hero p,
.onpage-header p,
.settings-hero p,
.activity-hero p,
.report-hero p,
.recent-games-hero p,
.multi-exporter-hero p,
.brand-panel p,
.page-head p,
.main-header p,
.status-header p {
  color: rgba(255,255,255,0.88) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Badges inside heading */
.hero .badge,
.hero-badge,
.topbar .badge,
.header .badge,
.page-header .badge,
.dashboard-header .badge,
.blog-hero .badge,
.field-hero .badge,
.listing-hero .badge,
.onpage-header .badge,
.multi-exporter-hero .badge,
.status-pill {
  background: rgba(255,255,255,0.20) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  backdrop-filter: blur(10px) !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Buttons inside heading should look premium */
.hero button,
.hero a.btn,
.hero .btn,
.topbar button,
.topbar a.btn,
.topbar .btn,
.header button,
.header a.btn,
.header .btn,
.page-header button,
.page-header a.btn,
.page-header .btn,
.dashboard-header button,
.dashboard-header a.btn,
.dashboard-header .btn,
.blog-hero button,
.blog-hero a.btn,
.blog-hero .btn,
.field-hero button,
.field-hero a.btn,
.field-hero .btn,
.listing-hero button,
.listing-hero a.btn,
.listing-hero .btn,
.onpage-header button,
.onpage-header a.btn,
.onpage-header .btn,
.multi-exporter-hero button,
.multi-exporter-hero a.btn,
.multi-exporter-hero .btn,
.brand-panel button,
.brand-panel a.btn,
.brand-panel .btn {
  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;
  position: relative !important;
  z-index: 2 !important;
}

/* Standalone page titles if any page has direct H1 without hero box */
.amt-unique-main > h1:first-child,
.amt-unique-main > h2:first-child,
main > h1:first-child,
main > h2:first-child,
.main > h1:first-child,
.main > h2:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.content > h1:first-child,
.content > h2:first-child {
  display: block !important;
  width: 100% !important;
  padding: 24px 28px !important;
  margin: 0 0 22px 0 !important;
  border-radius: 24px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.25), transparent 28%),
    linear-gradient(135deg, #075985 0%, #0ea5e9 48%, #2563eb 100%) !important;
  box-shadow: 0 22px 52px rgba(7, 89, 133, 0.22) !important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.16) !important;
}

/* Section headings inside cards: blue accent, not full dark */
.card h2,
.card h3,
.panel h2,
.panel h3,
.content-card h2,
.content-card h3,
.form-card h2,
.form-card h3,
.export-card h2,
.export-panel h2,
.upload-card h2,
.upload-card h3,
.report-card h2,
.report-card h3,
.table-card h2,
.table-card h3 {
  color: #075985 !important;
  font-weight: 950 !important;
}

.card h2::before,
.panel h2::before,
.content-card h2::before,
.form-card h2::before,
.export-card h2::before,
.upload-card h2::before,
.report-card h2::before,
.table-card h2::before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 20px !important;
  margin-right: 10px !important;
  border-radius: 99px !important;
  background: linear-gradient(180deg, #0ea5e9, #22c7b8) !important;
  vertical-align: -3px !important;
}




/* =========================================================
   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;
}

/* =========================================================
   LIGHT / DARK MODE FINISH
========================================================= */

html[data-amt-theme="dark"] #amtMainSidebar {
  background:
    radial-gradient(circle at 18% 4%, rgba(94, 234, 212, 0.18), transparent 28%),
    linear-gradient(180deg, #0b304d 0%, #082236 44%, #06111d 100%) !important;
  box-shadow: 12px 0 36px rgba(0, 0, 0, 0.36) !important;
}

html[data-amt-theme="dark"] .amt-unique-main,
html[data-amt-theme="dark"] body.amt-unique-blue-ready main,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .main,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .main-content,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .page-content,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .content,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .content-area,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .amt-main-content,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .onpage-main,
html[data-amt-theme="dark"] body.amt-unique-blue-ready .game-main {
  color: var(--amt-text) !important;
}

html[data-amt-theme="dark"] .card,
html[data-amt-theme="dark"] .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,
html[data-amt-theme="dark"] .stat-card,
html[data-amt-theme="dark"] .tool-card,
html[data-amt-theme="dark"] .glass-card,
html[data-amt-theme="dark"] .export-card,
html[data-amt-theme="dark"] .export-panel,
html[data-amt-theme="dark"] .export-status,
html[data-amt-theme="dark"] .export-setup,
html[data-amt-theme="dark"] .summary-card,
html[data-amt-theme="dark"] .mode-card,
html[data-amt-theme="dark"] .option-card,
html[data-amt-theme="dark"] .workflow,
html[data-amt-theme="dark"] .box,
html[data-amt-theme="dark"] .brand-result,
html[data-amt-theme="dark"] .bulk-result {
  background: var(--amt-card) !important;
  color: var(--amt-text) !important;
  border-color: var(--amt-line) !important;
  box-shadow: var(--amt-shadow-soft) !important;
}

html[data-amt-theme="dark"] .check-option,
html[data-amt-theme="dark"] .store-check,
html[data-amt-theme="dark"] .summary-box,
html[data-amt-theme="dark"] .bulk-table-wrap,
html[data-amt-theme="dark"] .bulk-table,
html[data-amt-theme="dark"] .game-status,
html[data-amt-theme="dark"] .game-score-grid div,
html[data-amt-theme="dark"] .game-board {
  background: #0b1d2d !important;
  color: var(--amt-text) !important;
  border-color: var(--amt-line) !important;
}

html[data-amt-theme="dark"] .check-option span,
html[data-amt-theme="dark"] .store-check span,
html[data-amt-theme="dark"] .store-check strong,
html[data-amt-theme="dark"] .summary-value,
html[data-amt-theme="dark"] .bulk-table td,
html[data-amt-theme="dark"] .game-score-grid strong,
html[data-amt-theme="dark"] .game-start-message {
  color: var(--amt-text) !important;
}

html[data-amt-theme="dark"] .check-option.main-check,
html[data-amt-theme="dark"] .store-check.main-store-check {
  background: linear-gradient(135deg, #0a7caf, #075985) !important;
  color: #ffffff !important;
  border-color: rgba(94, 234, 212, 0.42) !important;
}

html[data-amt-theme="dark"] .check-option.main-check span,
html[data-amt-theme="dark"] .store-check.main-store-check span {
  color: #ffffff !important;
}

html[data-amt-theme="dark"] .bulk-table th,
html[data-amt-theme="dark"] .game-table th {
  background: #082236 !important;
  color: #e8f6ff !important;
  border-color: #21425c !important;
}

html[data-amt-theme="light"] .bulk-table th,
html[data-amt-theme="light"] .game-table th,
body:not(.amt-dark-mode) .bulk-table th {
  background: #075985 !important;
  color: #ffffff !important;
  border-color: #0e7490 !important;
}

html[data-amt-theme="light"] .bulk-table td,
body:not(.amt-dark-mode) .bulk-table td {
  color: #0e2438 !important;
}

html[data-amt-theme="dark"] h1,
html[data-amt-theme="dark"] h2,
html[data-amt-theme="dark"] h3,
html[data-amt-theme="dark"] h4,
html[data-amt-theme="dark"] h5,
html[data-amt-theme="dark"] h6,
html[data-amt-theme="dark"] label,
html[data-amt-theme="dark"] strong {
  color: var(--amt-text) !important;
}

html[data-amt-theme="dark"] p,
html[data-amt-theme="dark"] small,
html[data-amt-theme="dark"] .muted,
html[data-amt-theme="dark"] .subtitle,
html[data-amt-theme="dark"] .description,
html[data-amt-theme="dark"] .help-text,
html[data-amt-theme="dark"] .hint,
html[data-amt-theme="dark"] .workflow-item p {
  color: var(--amt-muted) !important;
}

html[data-amt-theme="dark"] input,
html[data-amt-theme="dark"] select,
html[data-amt-theme="dark"] textarea {
  background: var(--amt-field-bg) !important;
  color: var(--amt-text) !important;
  border-color: var(--amt-line) !important;
  box-shadow: none !important;
}

html[data-amt-theme="dark"] input::placeholder,
html[data-amt-theme="dark"] textarea::placeholder {
  color: #7f9db4 !important;
}

html[data-amt-theme="dark"] table,
html[data-amt-theme="dark"] thead,
html[data-amt-theme="dark"] tbody,
html[data-amt-theme="dark"] tr,
html[data-amt-theme="dark"] td,
html[data-amt-theme="dark"] th {
  color: var(--amt-text) !important;
  border-color: var(--amt-line) !important;
}

html[data-amt-theme="dark"] th,
html[data-amt-theme="dark"] .table-head,
html[data-amt-theme="dark"] .workflow-item span,
html[data-amt-theme="dark"] .badge:not(.dark) {
  background: var(--amt-soft-panel) !important;
  color: var(--amt-text) !important;
}

html[data-amt-theme="dark"] tbody tr:hover,
html[data-amt-theme="dark"] .option-card:hover,
html[data-amt-theme="dark"] .upload-card:hover {
  background: rgba(56, 189, 248, 0.08) !important;
}

/* Light mode uses a calm blue-gray surface instead of stark white. */
html[data-amt-theme="light"] .onpage-actions,
html[data-amt-theme="light"] .sku-paste-box,
html[data-amt-theme="light"] .sheet-wrap,
html[data-amt-theme="light"] .onpage-status,
html[data-amt-theme="light"] .preview-html-box,
body:not(.amt-dark-mode) .onpage-actions,
body:not(.amt-dark-mode) .sku-paste-box,
body:not(.amt-dark-mode) .sheet-wrap,
body:not(.amt-dark-mode) .onpage-status,
body:not(.amt-dark-mode) .preview-html-box {
  background: #e4eef5 !important;
  color: #0e2438 !important;
  border-color: #b8cfdf !important;
}

html[data-amt-theme="light"] .onpage-main textarea,
html[data-amt-theme="light"] .onpage-main select,
body:not(.amt-dark-mode) .onpage-main textarea,
body:not(.amt-dark-mode) .onpage-main select {
  background: #dce9f2 !important;
  color: #0e2438 !important;
  border-color: #aac4d6 !important;
}

html[data-amt-theme="light"] .sheet-table td,
body:not(.amt-dark-mode) .sheet-table td {
  background: #edf4f8 !important;
  color: #0e2438 !important;
}

html[data-amt-theme="dark"] a:not(.amt-unique-nav-link),
html[data-amt-theme="dark"] .link {
  color: #67d7ff !important;
}

html[data-amt-theme="dark"] button:not(.amt-theme-toggle):not(.amt-unique-nav-link),
html[data-amt-theme="dark"] .btn,
html[data-amt-theme="dark"] .button {
  border-color: rgba(56, 189, 248, 0.26) !important;
}

html[data-amt-theme="dark"] .btn-light,
html[data-amt-theme="dark"] .secondary,
html[data-amt-theme="dark"] .ghost,
html[data-amt-theme="dark"] .pill,
html[data-amt-theme="dark"] .badge {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--amt-text) !important;
  border-color: var(--amt-line) !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;
}

html[data-amt-theme="dark"] .amt-unique-main > .hero:first-child,
html[data-amt-theme="dark"] .amt-unique-main > .page-header:first-child,
html[data-amt-theme="dark"] .amt-unique-main > .brand-panel:first-child,
html[data-amt-theme="dark"] .amt-unique-main > .multi-exporter-hero:first-child,
html[data-amt-theme="dark"] .amt-unique-main > .topbar:first-child {
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.34) !important;
}

html[data-amt-theme="dark"] .amt-unique-main > .hero:first-child h1,
html[data-amt-theme="dark"] .amt-unique-main > .hero:first-child p,
html[data-amt-theme="dark"] .amt-unique-main > .page-header:first-child h1,
html[data-amt-theme="dark"] .amt-unique-main > .page-header:first-child p,
html[data-amt-theme="dark"] .amt-unique-main > .brand-panel:first-child h1,
html[data-amt-theme="dark"] .amt-unique-main > .brand-panel:first-child p,
html[data-amt-theme="dark"] .amt-unique-main > .topbar:first-child h1,
html[data-amt-theme="dark"] .amt-unique-main > .topbar:first-child p {
  color: #ffffff !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"] .report-card h2,
html[data-amt-theme="dark"] .table-card h2,
html[data-amt-theme="dark"] .form-card h2,
html[data-amt-theme="dark"] .content-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"] .status-header {
  color: #7dd3fc !important;
}

/* =========================================================
   READABILITY RESCUE + OCEAN MOTION
========================================================= */

#amtOceanMotionBg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.26;
}

#amtMainSidebar,
.amt-unique-main {
  z-index: 2 !important;
}

.amt-ocean-sky {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 74% 12%, rgba(125, 211, 252, 0.28), transparent 24%),
    linear-gradient(180deg, rgba(14, 165, 233, 0.18), rgba(3, 105, 161, 0.07) 44%, rgba(8, 47, 73, 0.32));
}

.amt-ocean-wave {
  position: absolute;
  left: -12%;
  right: -12%;
  bottom: -18%;
  height: 44%;
  background:
    radial-gradient(closest-side at 18% 36%, rgba(255, 255, 255, 0.24), transparent 64%),
    radial-gradient(closest-side at 52% 34%, rgba(255, 255, 255, 0.16), transparent 62%),
    linear-gradient(180deg, rgba(14, 165, 233, 0.22), rgba(2, 132, 199, 0.44), rgba(8, 47, 73, 0.72));
  border-radius: 46% 54% 0 0;
  transform-origin: center bottom;
}

.amt-ocean-wave-a {
  animation: amtWaveDrift 24s ease-in-out infinite alternate;
}

.amt-ocean-wave-b {
  bottom: -23%;
  opacity: 0.8;
  animation: amtWaveDrift 31s ease-in-out infinite alternate-reverse;
}

.amt-ocean-wave-c {
  bottom: -29%;
  opacity: 0.55;
  animation: amtWaveDrift 38s ease-in-out infinite alternate;
}

.amt-ship-track {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 13%;
  height: 130px;
  animation: amtShipSail 42s linear infinite;
}

.amt-ship {
  position: absolute;
  width: 270px;
  height: 100px;
  left: -330px;
  bottom: 0;
  filter: drop-shadow(0 18px 18px rgba(0, 0, 0, 0.28));
  animation: amtShipBob 5.4s ease-in-out infinite;
}

.amt-ship-hull {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 38px;
  background: linear-gradient(180deg, #f8fafc 0%, #dbeafe 42%, #1d4ed8 43%, #0f2f57 100%);
  clip-path: polygon(0 0, 100% 0, 86% 100%, 14% 100%);
  border-radius: 0 0 18px 18px;
}

.amt-ship-bridge {
  position: absolute;
  right: 58px;
  bottom: 48px;
  width: 64px;
  height: 34px;
  background: linear-gradient(180deg, #f8fafc, #bae6fd);
  border-radius: 8px 8px 2px 2px;
  box-shadow: inset 0 -10px 0 rgba(14, 116, 144, 0.18);
}

.amt-ship-stack {
  position: absolute;
  right: 126px;
  bottom: 54px;
  width: 24px;
  height: 36px;
  background: linear-gradient(180deg, #ef4444 0 42%, #fbbf24 43% 100%);
  border-radius: 4px 4px 0 0;
}

.amt-ship-container {
  position: absolute;
  bottom: 48px;
  height: 24px;
  border-radius: 4px;
  box-shadow: inset 0 -8px 0 rgba(0, 0, 0, 0.1);
}

.amt-ship-container.one {
  left: 34px;
  width: 48px;
  background: #22c55e;
}

.amt-ship-container.two {
  left: 88px;
  width: 44px;
  background: #f97316;
}

.amt-ship-container.three {
  left: 138px;
  width: 42px;
  background: #38bdf8;
}

.amt-ship-wake {
  position: absolute;
  left: -54px;
  bottom: 11px;
  width: 104px;
  height: 12px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  border-radius: 999px;
}

@keyframes amtWaveDrift {
  from { transform: translateX(-2%) translateY(0) scaleY(1); }
  to { transform: translateX(3%) translateY(-2%) scaleY(1.05); }
}

@keyframes amtShipSail {
  from { transform: translateX(0); }
  to { transform: translateX(calc(100vw + 660px)); }
}

@keyframes amtShipBob {
  0%, 100% { transform: translateY(0) rotate(-0.4deg); }
  50% { transform: translateY(-8px) rotate(0.45deg); }
}

#amtSidebarNote {
  position: fixed;
  left: calc(var(--amt-sidebar-w, 324px) + 14px);
  width: min(360px, calc(100vw - var(--amt-sidebar-w, 324px) - 32px));
  padding: 13px 15px;
  border: 1px solid rgba(125, 211, 252, 0.42);
  border-radius: 10px;
  background: rgba(4, 19, 32, 0.96);
  color: #e8f6ff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
  opacity: 0;
  transform: translateX(-8px);
  pointer-events: none;
  transition: opacity 0.14s ease, transform 0.14s ease;
  z-index: 99999;
}

#amtSidebarNote.show {
  opacity: 1;
  transform: translateX(0);
}

html[data-amt-theme="light"] #amtOceanMotionBg {
  opacity: 0.18;
}

html[data-amt-theme="light"] #amtSidebarNote {
  background: rgba(255, 255, 255, 0.98);
  color: #0e2438;
  border-color: rgba(14, 116, 144, 0.24);
}

html[data-amt-theme="dark"] .permission-item,
html[data-amt-theme="dark"] .permission-row,
html[data-amt-theme="dark"] .permission-list,
html[data-amt-theme="dark"] .target-sites,
html[data-amt-theme="dark"] .site-select,
html[data-amt-theme="dark"] .site-list,
html[data-amt-theme="dark"] .summary-box,
html[data-amt-theme="dark"] .stat-card,
html[data-amt-theme="dark"] .result-card,
html[data-amt-theme="dark"] .preview-card,
html[data-amt-theme="dark"] .preview-store-card,
html[data-amt-theme="dark"] .listing-preview,
html[data-amt-theme="dark"] .live-listing,
html[data-amt-theme="dark"] .meta-card,
html[data-amt-theme="dark"] .html-preview,
html[data-amt-theme="dark"] .output-box,
html[data-amt-theme="dark"] .file-zone,
html[data-amt-theme="dark"] .drop-zone,
html[data-amt-theme="dark"] .status-box,
html[data-amt-theme="dark"] .note-box,
html[data-amt-theme="dark"] .warning-box,
html[data-amt-theme="dark"] .result-table-wrap,
html[data-amt-theme="dark"] .table-wrap,
html[data-amt-theme="dark"] .users-table,
html[data-amt-theme="dark"] .bulk-site-label,
html[data-amt-theme="dark"] .help-list,
html[data-amt-theme="dark"] .required-columns {
  background: #0b1d2d !important;
  color: #e8f6ff !important;
  border-color: #21425c !important;
}

html[data-amt-theme="dark"] .permission-item *,
html[data-amt-theme="dark"] .permission-row *,
html[data-amt-theme="dark"] .permission-list *,
html[data-amt-theme="dark"] .target-sites *,
html[data-amt-theme="dark"] .site-select *,
html[data-amt-theme="dark"] .site-list *,
html[data-amt-theme="dark"] .summary-box *,
html[data-amt-theme="dark"] .stat-card *,
html[data-amt-theme="dark"] .result-card *,
html[data-amt-theme="dark"] .preview-card *,
html[data-amt-theme="dark"] .preview-store-card *,
html[data-amt-theme="dark"] .listing-preview *,
html[data-amt-theme="dark"] .live-listing *,
html[data-amt-theme="dark"] .meta-card *,
html[data-amt-theme="dark"] .html-preview *,
html[data-amt-theme="dark"] .output-box *,
html[data-amt-theme="dark"] .file-zone *,
html[data-amt-theme="dark"] .drop-zone *,
html[data-amt-theme="dark"] .status-box *,
html[data-amt-theme="dark"] .note-box *,
html[data-amt-theme="dark"] .warning-box *,
html[data-amt-theme="dark"] .result-table-wrap *,
html[data-amt-theme="dark"] .table-wrap *,
html[data-amt-theme="dark"] .users-table *,
html[data-amt-theme="dark"] .bulk-site-label *,
html[data-amt-theme="dark"] .help-list *,
html[data-amt-theme="dark"] .required-columns * {
  color: #e8f6ff !important;
}

html[data-amt-theme="dark"] .card-head,
html[data-amt-theme="dark"] .preview-head,
html[data-amt-theme="dark"] .preview-body,
html[data-amt-theme="dark"] .preview-product,
html[data-amt-theme="dark"] .form-section,
html[data-amt-theme="dark"] .listing-form-card .card-head,
html[data-amt-theme="dark"] .listing-form-card .form-section {
  background: #0b1d2d !important;
  color: #e8f6ff !important;
  border-color: #21425c !important;
}

html[data-amt-theme="dark"] .card-head *,
html[data-amt-theme="dark"] .preview-head *,
html[data-amt-theme="dark"] .preview-body *,
html[data-amt-theme="dark"] .preview-product *,
html[data-amt-theme="dark"] .form-section *,
html[data-amt-theme="dark"] .preview-title,
html[data-amt-theme="dark"] .preview-meta div,
html[data-amt-theme="dark"] .preview-meta strong,
html[data-amt-theme="dark"] .preview-desc,
html[data-amt-theme="dark"] .preview-small-note,
html[data-amt-theme="dark"] .section-title {
  color: #e8f6ff !important;
}

html[data-amt-theme="dark"] .preview-tag {
  background: rgba(232, 246, 255, 0.12) !important;
  color: #dff5ff !important;
  border: 1px solid rgba(125, 211, 252, 0.24) !important;
}

html[data-amt-theme="dark"] .preview-desc {
  border-top-color: rgba(232, 246, 255, 0.35) !important;
}

html[data-amt-theme="dark"] .site-check,
html[data-amt-theme="dark"] .image-upload-summary,
html[data-amt-theme="dark"] .status,
html[data-amt-theme="dark"] .file-meta,
html[data-amt-theme="dark"] .selected-file,
html[data-amt-theme="dark"] .upload-status,
html[data-amt-theme="dark"] .result-status,
html[data-amt-theme="dark"] .check-option:not(.main-check),
html[data-amt-theme="dark"] .store-check:not(.main-store-check) {
  background: linear-gradient(135deg, rgba(9, 42, 66, 0.98), rgba(12, 32, 49, 0.98)) !important;
  color: #e8f6ff !important;
  border-color: rgba(94, 234, 212, 0.26) !important;
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.06) !important;
}

html[data-amt-theme="dark"] .site-check *,
html[data-amt-theme="dark"] .image-upload-summary *,
html[data-amt-theme="dark"] .status *,
html[data-amt-theme="dark"] .file-meta *,
html[data-amt-theme="dark"] .selected-file *,
html[data-amt-theme="dark"] .upload-status *,
html[data-amt-theme="dark"] .result-status *,
html[data-amt-theme="dark"] .check-option:not(.main-check) *,
html[data-amt-theme="dark"] .store-check:not(.main-store-check) * {
  color: #e8f6ff !important;
}

html[data-amt-theme="dark"] .status.success {
  background: linear-gradient(135deg, rgba(6, 95, 70, 0.92), rgba(11, 45, 61, 0.98)) !important;
  border-color: rgba(52, 211, 153, 0.34) !important;
}

html[data-amt-theme="dark"] .status.error,
html[data-amt-theme="dark"] .image-upload-summary.error {
  background: linear-gradient(135deg, rgba(97, 23, 45, 0.88), rgba(11, 45, 61, 0.98)) !important;
  border-color: rgba(244, 63, 94, 0.36) !important;
  color: #ffe8ee !important;
}

html[data-amt-theme="dark"] .file-zone,
html[data-amt-theme="dark"] input[type="file"],
html[data-amt-theme="dark"] input[type="file"]::file-selector-button {
  color: #e8f6ff !important;
}

html[data-amt-theme="dark"] input[type="file"]::file-selector-button {
  background: linear-gradient(135deg, #0f8ec8, #075985 62%, #7f1d2d) !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  margin-right: 8px !important;
  font-weight: 900 !important;
}

html[data-amt-theme="dark"] button:not(.amt-theme-toggle),
html[data-amt-theme="dark"] .btn,
html[data-amt-theme="dark"] .btn-dark,
html[data-amt-theme="dark"] .btn-green,
html[data-amt-theme="dark"] .btn-blue {
  background: linear-gradient(135deg, #0f8ec8, #075985 62%, #7f1d2d) !important;
  color: #ffffff !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
}

html[data-amt-theme="light"] .site-check,
html[data-amt-theme="light"] .image-upload-summary,
html[data-amt-theme="light"] .status,
body:not(.amt-dark-mode) .site-check,
body:not(.amt-dark-mode) .image-upload-summary,
body:not(.amt-dark-mode) .status {
  background: #e9f7ff !important;
  color: #0e4168 !important;
  border-color: #bfe7fb !important;
}

html[data-amt-theme="dark"] table,
html[data-amt-theme="dark"] tbody,
html[data-amt-theme="dark"] tbody tr,
html[data-amt-theme="dark"] tbody td,
html[data-amt-theme="dark"] td {
  background: #0b1d2d !important;
  color: #e8f6ff !important;
  border-color: #21425c !important;
}

html[data-amt-theme="dark"] thead,
html[data-amt-theme="dark"] thead tr,
html[data-amt-theme="dark"] th {
  background: #082236 !important;
  color: #ffffff !important;
  border-color: #21425c !important;
}

html[data-amt-theme="light"] .permission-item,
html[data-amt-theme="light"] .permission-row,
html[data-amt-theme="light"] .target-sites,
html[data-amt-theme="light"] .site-select,
html[data-amt-theme="light"] .site-list,
html[data-amt-theme="light"] .summary-box,
html[data-amt-theme="light"] .stat-card,
html[data-amt-theme="light"] .result-card,
html[data-amt-theme="light"] .preview-card,
html[data-amt-theme="light"] .preview-store-card,
html[data-amt-theme="light"] .listing-preview,
html[data-amt-theme="light"] .live-listing,
html[data-amt-theme="light"] .meta-card,
html[data-amt-theme="light"] .html-preview,
html[data-amt-theme="light"] .output-box,
html[data-amt-theme="light"] .file-zone,
html[data-amt-theme="light"] .drop-zone,
html[data-amt-theme="light"] .status-box,
html[data-amt-theme="light"] .note-box,
html[data-amt-theme="light"] .result-table-wrap,
html[data-amt-theme="light"] .table-wrap,
html[data-amt-theme="light"] .users-table,
html[data-amt-theme="light"] .bulk-site-label,
body:not(.amt-dark-mode) .permission-item,
body:not(.amt-dark-mode) .target-sites,
body:not(.amt-dark-mode) .summary-box,
body:not(.amt-dark-mode) .stat-card,
body:not(.amt-dark-mode) .result-table-wrap,
body:not(.amt-dark-mode) .table-wrap {
  color: #0e2438 !important;
}

html[data-amt-theme="light"] .permission-item *,
html[data-amt-theme="light"] .permission-row *,
html[data-amt-theme="light"] .target-sites *,
html[data-amt-theme="light"] .site-select *,
html[data-amt-theme="light"] .site-list *,
html[data-amt-theme="light"] .summary-box *,
html[data-amt-theme="light"] .stat-card *,
html[data-amt-theme="light"] .result-card *,
html[data-amt-theme="light"] .preview-card *,
html[data-amt-theme="light"] .preview-store-card *,
html[data-amt-theme="light"] .listing-preview *,
html[data-amt-theme="light"] .live-listing *,
html[data-amt-theme="light"] .meta-card *,
html[data-amt-theme="light"] .html-preview *,
html[data-amt-theme="light"] .output-box *,
html[data-amt-theme="light"] .file-zone *,
html[data-amt-theme="light"] .drop-zone *,
html[data-amt-theme="light"] .status-box *,
html[data-amt-theme="light"] .note-box *,
html[data-amt-theme="light"] .result-table-wrap *,
html[data-amt-theme="light"] .table-wrap *,
html[data-amt-theme="light"] .users-table *,
html[data-amt-theme="light"] .bulk-site-label *,
body:not(.amt-dark-mode) table td,
body:not(.amt-dark-mode) tbody td {
  color: #0e2438 !important;
}

html[data-amt-theme="light"] table,
html[data-amt-theme="light"] tbody,
html[data-amt-theme="light"] tbody tr,
html[data-amt-theme="light"] tbody td,
html[data-amt-theme="light"] td {
  color: #0e2438 !important;
}

@media (max-width: 760px) {
  #amtSidebarNote {
    display: none;
  }

  #amtOceanMotionBg {
    opacity: 0.12;
  }
}

/* =========================================================
   GLOBAL API AGENT WARNING BOX
========================================================= */
.amt-api-agent-alert {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 99999 !important;
  max-width: 420px !important;
  padding: 13px 16px !important;
  border-radius: 16px !important;
  color: #7a2e00 !important;
  background: #fff7ed !important;
  border: 1px solid #fdba74 !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  display: none !important;
}

.amt-api-agent-alert.show {
  display: block !important;
}

/* =========================================================
   USER SETTINGS - STABLE TABLE / HELPER READABILITY
========================================================= */
.users-table {
  table-layout: fixed !important;
  min-width: 720px !important;
}

.users-table td,
.users-table th {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  font-family: Arial, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.users-table .user-email {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.users-table .user-login {
  display: block !important;
  margin-top: 3px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #9cb8ca !important;
}

.users-table .perm-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-width: 100% !important;
}

.users-table .perm-chip {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}

html[data-amt-theme="light"] .users-table td,
html[data-amt-theme="light"] .users-table td *,
body:not(.amt-dark-mode) .users-table td,
body:not(.amt-dark-mode) .users-table td *,
html[data-amt-theme="light"] .agent-status,
html[data-amt-theme="light"] .agent-help,
body:not(.amt-dark-mode) .agent-status,
body:not(.amt-dark-mode) .agent-help {
  color: #10263a !important;
}

html[data-amt-theme="light"] .users-table .perm-chip,
body:not(.amt-dark-mode) .users-table .perm-chip {
  background: #eef8ff !important;
  color: #173447 !important;
  border: 1px solid #c8e6f5 !important;
}

html[data-amt-theme="light"] .users-table .user-email,
body:not(.amt-dark-mode) .users-table .user-email {
  color: #10263a !important;
}

html[data-amt-theme="light"] .users-table .user-login,
body:not(.amt-dark-mode) .users-table .user-login {
  color: #5d7487 !important;
}

html[data-amt-theme="dark"] .users-table td,
html[data-amt-theme="dark"] .users-table td *,
html[data-amt-theme="dark"] .agent-status,
html[data-amt-theme="dark"] .agent-help {
  color: #e8f7ff !important;
}

html[data-amt-theme="dark"] .users-table .perm-chip {
  background: rgba(232, 247, 255, 0.08) !important;
  color: #e8f7ff !important;
  border: 1px solid rgba(22, 127, 176, 0.34) !important;
}

/* =========================================================
   FINAL GLOBAL BRAND PALETTE
   Applies the upload-button blue/deep-blue/maroon combination site-wide.
========================================================= */

button:not(.amt-theme-toggle),
.btn,
.button,
.btn-primary,
.btn-success,
.btn-green,
.btn-blue,
.btn-dark,
.btn-red,
.compare-btn,
.compare-secondary-btn,
.panel-actions button,
.top-actions button,
.live-sku-actions button,
.game-actions button,
.activity-filter-bar button,
.drawer-mini-actions button,
.sku-paste-actions button,
.exporter-actions button,
.multi-exporter-titlebar button,
.ie-button-grid button,
.upload-form button,
input[type="button"],
input[type="submit"],
a.btn {
  background: var(--amt-brand-grad) !important;
  color: #ffffff !important;
  border: 1px solid rgba(125, 211, 252, 0.26) !important;
  box-shadow: 0 12px 24px rgba(6, 38, 61, 0.16) !important;
}

button:not(.amt-theme-toggle):hover,
.btn:hover,
.button:hover,
.compare-btn:hover,
.compare-secondary-btn:hover,
.panel-actions button:hover,
.top-actions button:hover,
.live-sku-actions button:hover,
.game-actions button:hover,
.activity-filter-bar button:hover,
.drawer-mini-actions button:hover,
.sku-paste-actions button:hover,
.exporter-actions button:hover,
.multi-exporter-titlebar button:hover,
.ie-button-grid button:hover,
.upload-form button:hover,
a.btn:hover {
  filter: brightness(1.06) saturate(1.08) !important;
  transform: translateY(-1px) !important;
}

.hero,
.hero-section,
.dashboard-hero,
.page-hero,
.topbar,
.header,
.page-header,
.dashboard-header,
.blog-hero,
.field-hero,
.listing-hero,
.onpage-header,
.settings-hero,
.activity-hero,
.report-hero,
.recent-games-hero,
.multi-exporter-hero,
.brand-panel,
.page-head,
.main-header,
.section-hero,
.export-hero,
.import-hero,
.sku-hero,
.broken-link-hero,
.direct-hero,
.compare-hero,
.mismatch-hero,
.browser-hero {
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.22), transparent 26%),
    var(--amt-brand-grad) !important;
  color: #ffffff !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
}

.hero *,
.hero-section *,
.dashboard-hero *,
.page-hero *,
.topbar *,
.header *,
.page-header *,
.dashboard-header *,
.blog-hero *,
.field-hero *,
.listing-hero *,
.onpage-header *,
.settings-hero *,
.activity-hero *,
.report-hero *,
.recent-games-hero *,
.multi-exporter-hero *,
.brand-panel *,
.page-head *,
.main-header *,
.section-hero *,
.export-hero *,
.import-hero *,
.sku-hero *,
.broken-link-hero *,
.direct-hero *,
.compare-hero *,
.mismatch-hero *,
.browser-hero * {
  color: #ffffff !important;
}

.hero-badge,
.badge.blue,
.badge.green,
.badge.red,
.badge.gray,
.pill,
.tag,
.chip,
.step-chip,
.status-pill,
.live-sku-status,
.onpage-status {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.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,
.section-title::before {
  background: var(--amt-brand-grad) !important;
}

.amt-unique-nav-link:hover,
.amt-unique-nav-link.active,
.amt-theme-toggle:hover,
.amt-unique-login {
  background: var(--amt-brand-grad-soft) !important;
  border-color: rgba(125, 211, 252, 0.26) !important;
}

.amt-unique-nav-link:hover,
.amt-unique-nav-link.active {
  box-shadow: inset 4px 0 0 var(--amt-brand-maroon), 0 10px 22px rgba(0, 0, 0, 0.12) !important;
}

.amt-unique-icon,
.amt-theme-toggle-icon {
  background: var(--amt-brand-grad) !important;
  color: #ffffff !important;
}

.main-check,
.main-store-check,
.check-option.main-check,
.store-check.main-store-check,
.check-options-grid .check-option.main-check {
  background: var(--amt-brand-grad) !important;
  color: #ffffff !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
}

.main-check *,
.main-store-check *,
.check-option.main-check *,
.store-check.main-store-check *,
.check-options-grid .check-option.main-check * {
  color: #ffffff !important;
}

.file-drop,
.file-zone,
.drop-zone,
.upload-form,
.image-upload-summary,
.status,
.status-box,
.file-info,
.file-meta,
.selected-file,
.upload-status,
.result-status {
  border-color: rgba(15, 142, 200, 0.24) !important;
}

html[data-amt-theme="light"] .file-drop,
html[data-amt-theme="light"] .file-zone,
html[data-amt-theme="light"] .drop-zone,
html[data-amt-theme="light"] .image-upload-summary,
html[data-amt-theme="light"] .status,
html[data-amt-theme="light"] .status-box,
html[data-amt-theme="light"] .file-info,
body:not(.amt-dark-mode) .file-drop,
body:not(.amt-dark-mode) .file-zone,
body:not(.amt-dark-mode) .drop-zone,
body:not(.amt-dark-mode) .image-upload-summary,
body:not(.amt-dark-mode) .status,
body:not(.amt-dark-mode) .status-box,
body:not(.amt-dark-mode) .file-info {
  background: linear-gradient(135deg, rgba(15, 142, 200, 0.09), rgba(7, 89, 133, 0.07) 58%, rgba(127, 29, 45, 0.08)) !important;
  color: #0e4168 !important;
}

html[data-amt-theme="dark"] .file-drop,
html[data-amt-theme="dark"] .file-zone,
html[data-amt-theme="dark"] .drop-zone,
html[data-amt-theme="dark"] .image-upload-summary,
html[data-amt-theme="dark"] .status,
html[data-amt-theme="dark"] .status-box,
html[data-amt-theme="dark"] .file-info {
  background: linear-gradient(135deg, rgba(15, 142, 200, 0.16), rgba(7, 89, 133, 0.14) 58%, rgba(127, 29, 45, 0.16)) !important;
  color: #e8f6ff !important;
}

input[type="file"]::file-selector-button {
  background: var(--amt-brand-grad) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  margin-right: 8px !important;
  font-weight: 900 !important;
}

/* FINAL STABILITY PERFORMANCE MODE */
html.amt-performance-mode #amtOceanMotionBg,
html.amt-performance-mode #amt-ocean-live-bg,
html.amt-performance-mode #amt-marine-bg,
html.amt-performance-mode #amt-final-blue-bg,
html.amt-performance-mode #amt-ship-bg-layer,
html.amt-performance-mode .animated-bg,
html.amt-performance-mode .ship-bg,
html.amt-performance-mode .ocean-bg,
html.amt-performance-mode .theme-bg,
html.amt-performance-mode .loading-screen,
html.amt-performance-mode .fullscreen-loader,
html.amt-performance-mode .amt-global-splash,
html.amt-performance-mode .page-loader {
  display: none !important;
}

html.amt-performance-mode *,
html.amt-performance-mode *::before,
html.amt-performance-mode *::after {
  animation: none !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

html.amt-performance-mode .amt-unique-sidebar,
html.amt-performance-mode .amt-unique-main,
html.amt-performance-mode .card,
html.amt-performance-mode .panel,
html.amt-performance-mode .upload-card,
html.amt-performance-mode .export-card,
html.amt-performance-mode .offpage-card,
html.amt-performance-mode .sku-card,
html.amt-performance-mode .status-box,
html.amt-performance-mode .modal,
html.amt-performance-mode .drawer,
html.amt-performance-mode .topbar {
  backdrop-filter: none !important;
}

/* On-page editor: explicit contrast in both theme modes. */
html[data-amt-theme="light"] .onpage-header,
html[data-amt-theme="light"] .onpage-actions,
html[data-amt-theme="light"] .onpage-status,
html[data-amt-theme="light"] .sheet-wrap,
html[data-amt-theme="light"] .preview-html-box {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-amt-theme="light"] .onpage-main label,
html[data-amt-theme="light"] .onpage-main p,
html[data-amt-theme="light"] .onpage-main h1,
html[data-amt-theme="light"] .onpage-main h2,
html[data-amt-theme="light"] .onpage-main h3,
html[data-amt-theme="light"] .sheet-table td {
  color: #0f172a !important;
}

html[data-amt-theme="light"] .sheet-table,
html[data-amt-theme="light"] .sheet-table td,
html[data-amt-theme="light"] .sheet-table .cell-white {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

html[data-amt-theme="light"] .sheet-table th {
  background: #1e3a5f !important;
  color: #ffffff !important;
  border-color: #64748b !important;
}

html[data-amt-theme="dark"] .onpage-header,
html[data-amt-theme="dark"] .onpage-actions,
html[data-amt-theme="dark"] .onpage-status,
html[data-amt-theme="dark"] .sheet-wrap,
html[data-amt-theme="dark"] .preview-html-box {
  background: #111c2e !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

html[data-amt-theme="dark"] .onpage-main label,
html[data-amt-theme="dark"] .onpage-main p,
html[data-amt-theme="dark"] .onpage-main h1,
html[data-amt-theme="dark"] .onpage-main h2,
html[data-amt-theme="dark"] .onpage-main h3,
html[data-amt-theme="dark"] .manual-help-cell,
html[data-amt-theme="dark"] .empty-row td {
  color: #e5edf8 !important;
}

html[data-amt-theme="dark"] .sheet-table,
html[data-amt-theme="dark"] .sheet-table td:not(.cell-green):not(.cell-orange):not(.cell-red):not(.cell-blue):not(.manual-input-cell),
html[data-amt-theme="dark"] .sheet-table .cell-white {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: #475569 !important;
}

html[data-amt-theme="dark"] .sheet-table th {
  background: #1e3a5f !important;
  color: #ffffff !important;
  border-color: #64748b !important;
}

html[data-amt-theme="dark"] .cell-green,
html[data-amt-theme="dark"] .cell-orange,
html[data-amt-theme="dark"] .cell-red,
html[data-amt-theme="dark"] .cell-blue,
html[data-amt-theme="dark"] .manual-input-cell {
  color: #111827 !important;
}

html[data-amt-theme="dark"] .sheet-table td.cell-green,
html[data-amt-theme="light"] .sheet-table td.cell-green {
  background: #d9ead3 !important;
  color: #14532d !important;
}

html[data-amt-theme="dark"] .sheet-table td.cell-orange,
html[data-amt-theme="light"] .sheet-table td.cell-orange {
  background: #fce5cd !important;
  color: #7c2d12 !important;
}

html[data-amt-theme="dark"] .sheet-table td.cell-red,
html[data-amt-theme="light"] .sheet-table td.cell-red {
  background: #f4cccc !important;
  color: #7f1d1d !important;
}

html[data-amt-theme="dark"] .sheet-table td.cell-blue,
html[data-amt-theme="light"] .sheet-table td.cell-blue {
  background: #cfe2f3 !important;
  color: #0c4a6e !important;
}

html[data-amt-theme="dark"] .sheet-table td.cell-white {
  background: #0f172a !important;
  color: #f8fafc !important;
}
/* Final light-theme surface override: intentionally blue-gray, never pure white. */
html[data-amt-theme="light"] body.amt-unique-blue-ready .onpage-actions,
html[data-amt-theme="light"] body.amt-unique-blue-ready .sku-paste-box,
html[data-amt-theme="light"] body.amt-unique-blue-ready .sheet-wrap,
html[data-amt-theme="light"] body.amt-unique-blue-ready .onpage-status,
html[data-amt-theme="light"] body.amt-unique-blue-ready .preview-html-box {
  background: #e4eef5 !important;
  color: #0e2438 !important;
  border-color: #b8cfdf !important;
}

html[data-amt-theme="light"] body.amt-unique-blue-ready .sheet-table td {
  background: #edf4f8 !important;
  color: #0e2438 !important;
  border-color: #bfd2df !important;
}

/* Settings/access page: keep user table, SMTP card and permission chips readable in both themes. */
html[data-amt-theme="light"] .card,
html[data-amt-theme="light"] .topbar,
html[data-amt-theme="light"] .permission-item,
html[data-amt-theme="light"] .agent-help,
body:not(.amt-dark-mode) .card,
body:not(.amt-dark-mode) .topbar,
body:not(.amt-dark-mode) .permission-item,
body:not(.amt-dark-mode) .agent-help {
  background: #f8fbff !important;
  color: #10263a !important;
  border-color: #d5e4ee !important;
}

html[data-amt-theme="dark"] .card,
html[data-amt-theme="dark"] .topbar,
html[data-amt-theme="dark"] .permission-item,
html[data-amt-theme="dark"] .agent-help {
  background: #0f2436 !important;
  color: #e8f7ff !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
}

html[data-amt-theme="light"] .card *,
html[data-amt-theme="light"] .topbar *,
html[data-amt-theme="light"] .permission-item *,
body:not(.amt-dark-mode) .card *,
body:not(.amt-dark-mode) .topbar *,
body:not(.amt-dark-mode) .permission-item * {
  color: #10263a !important;
}

html[data-amt-theme="dark"] .card *,
html[data-amt-theme="dark"] .topbar *,
html[data-amt-theme="dark"] .permission-item * {
  color: #e8f7ff !important;
}

html[data-amt-theme="light"] input,
html[data-amt-theme="light"] select,
body:not(.amt-dark-mode) input,
body:not(.amt-dark-mode) select {
  background: #ffffff !important;
  color: #10263a !important;
  border-color: #bfd2df !important;
}

html[data-amt-theme="dark"] input,
html[data-amt-theme="dark"] select {
  background: #071827 !important;
  color: #f8fafc !important;
  border-color: #34566f !important;
}

html[data-amt-theme="dark"] input::placeholder {
  color: #9db7c9 !important;
}

html[data-amt-theme="light"] .btn-primary,
html[data-amt-theme="light"] .btn-secondary,
html[data-amt-theme="light"] .btn-danger,
html[data-amt-theme="light"] .btn-edit,
body:not(.amt-dark-mode) .btn-primary,
body:not(.amt-dark-mode) .btn-secondary,
body:not(.amt-dark-mode) .btn-danger,
body:not(.amt-dark-mode) .btn-edit,
html[data-amt-theme="dark"] .btn-primary,
html[data-amt-theme="dark"] .btn-secondary,
html[data-amt-theme="dark"] .btn-danger,
html[data-amt-theme="dark"] .btn-edit {
  color: #ffffff !important;
}

html[data-amt-theme="light"] .btn-light,
body:not(.amt-dark-mode) .btn-light {
  color: #10263a !important;
}

/* Multi-store exporter: explicit readable surfaces in light and dark modes. */
html[data-amt-theme="dark"] .mode-item {
  background: #071827 !important;
  color: #e8f7ff !important;
  border-color: #2f5975 !important;
}

html[data-amt-theme="dark"] .mode-item:hover {
  background: #0b2236 !important;
  border-color: #22c7e8 !important;
}

html[data-amt-theme="dark"] .mode-title,
html[data-amt-theme="dark"] .mode-desc,
html[data-amt-theme="dark"] .summary-label,
html[data-amt-theme="dark"] .summary-value,
html[data-amt-theme="dark"] .progress-info,
html[data-amt-theme="dark"] .note,
html[data-amt-theme="dark"] .note * {
  color: #e8f7ff !important;
}

html[data-amt-theme="dark"] .summary-box,
html[data-amt-theme="dark"] .progress-bar {
  background: #071827 !important;
  border-color: #2f5975 !important;
}

html[data-amt-theme="dark"] .log-box {
  background: #020b14 !important;
  color: #f8fafc !important;
  border: 1px solid #2f5975 !important;
}

html[data-amt-theme="dark"] .note {
  background: #10263a !important;
  border-color: #2f5975 !important;
}

html[data-amt-theme="light"] .mode-item,
body:not(.amt-dark-mode) .mode-item {
  background: #ffffff !important;
  color: #10263a !important;
  border-color: #cfe0ec !important;
}

html[data-amt-theme="light"] .mode-title,
html[data-amt-theme="light"] .mode-desc,
body:not(.amt-dark-mode) .mode-title,
body:not(.amt-dark-mode) .mode-desc {
  color: #10263a !important;
}

/* File Compare / Mismatch Report: final contrast lock for both themes. */
html[data-amt-theme="light"] #mismatchReport .table-wrap,
html[data-amt-theme="light"] #mismatchReport table,
body:not(.amt-dark-mode) #mismatchReport .table-wrap,
body:not(.amt-dark-mode) #mismatchReport table {
  background: #ffffff !important;
  border-color: rgba(15, 77, 112, 0.18) !important;
}

html[data-amt-theme="light"] #mismatchReport thead,
html[data-amt-theme="light"] #mismatchReport thead tr,
html[data-amt-theme="light"] #mismatchReport th,
body:not(.amt-dark-mode) #mismatchReport thead,
body:not(.amt-dark-mode) #mismatchReport thead tr,
body:not(.amt-dark-mode) #mismatchReport th {
  background: #e7f3fb !important;
  color: #0d2a3f !important;
  border-color: rgba(15, 77, 112, 0.16) !important;
  text-shadow: none !important;
}

html[data-amt-theme="light"] #mismatchReport tbody tr,
html[data-amt-theme="light"] #mismatchReport tbody td,
body:not(.amt-dark-mode) #mismatchReport tbody tr,
body:not(.amt-dark-mode) #mismatchReport tbody td {
  background: #ffffff !important;
  color: #123047 !important;
  border-color: rgba(15, 77, 112, 0.12) !important;
  text-shadow: none !important;
}

html[data-amt-theme="light"] #mismatchReport tbody tr:nth-child(odd) td,
body:not(.amt-dark-mode) #mismatchReport tbody tr:nth-child(odd) td {
  background: #f4f9fd !important;
}

html[data-amt-theme="light"] #mismatchReport .compact-data,
html[data-amt-theme="light"] #mismatchReport .compact-data *,
html[data-amt-theme="light"] #mismatchReport .details-cell,
html[data-amt-theme="light"] #mismatchReport .action-cell,
html[data-amt-theme="light"] #mismatchReport .store-name,
html[data-amt-theme="light"] #mismatchReport .sku,
body:not(.amt-dark-mode) #mismatchReport .compact-data,
body:not(.amt-dark-mode) #mismatchReport .compact-data *,
body:not(.amt-dark-mode) #mismatchReport .details-cell,
body:not(.amt-dark-mode) #mismatchReport .action-cell,
body:not(.amt-dark-mode) #mismatchReport .store-name,
body:not(.amt-dark-mode) #mismatchReport .sku {
  color: #123047 !important;
  text-shadow: none !important;
}

html[data-amt-theme="light"] #mismatchReport .compact-data strong,
body:not(.amt-dark-mode) #mismatchReport .compact-data strong {
  color: #446579 !important;
}

html[data-amt-theme="dark"] #mismatchReport .table-wrap,
html[data-amt-theme="dark"] #mismatchReport table {
  background: #061725 !important;
  border-color: rgba(98, 207, 255, 0.26) !important;
}

html[data-amt-theme="dark"] #mismatchReport thead,
html[data-amt-theme="dark"] #mismatchReport thead tr,
html[data-amt-theme="dark"] #mismatchReport th {
  background: #102c42 !important;
  color: #f2fbff !important;
  border-color: rgba(98, 207, 255, 0.24) !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] #mismatchReport tbody tr,
html[data-amt-theme="dark"] #mismatchReport tbody td {
  background: #071d2d !important;
  color: #eaf8ff !important;
  border-color: rgba(98, 207, 255, 0.14) !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] #mismatchReport tbody tr:nth-child(even) td {
  background: #092236 !important;
}

html[data-amt-theme="dark"] #mismatchReport .compact-data,
html[data-amt-theme="dark"] #mismatchReport .compact-data *,
html[data-amt-theme="dark"] #mismatchReport .details-cell,
html[data-amt-theme="dark"] #mismatchReport .action-cell,
html[data-amt-theme="dark"] #mismatchReport .store-name,
html[data-amt-theme="dark"] #mismatchReport .sku {
  color: #eaf8ff !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] #mismatchReport .compact-data strong {
  color: #a9d7ed !important;
}

html[data-amt-theme="light"] #mismatchReport .issue-pill,
body:not(.amt-dark-mode) #mismatchReport .issue-pill,
html[data-amt-theme="dark"] #mismatchReport .issue-pill {
  color: #07304a !important;
  background: #dff2ff !important;
  border: 1px solid rgba(5, 78, 116, 0.22) !important;
  text-shadow: none !important;
}

html[data-amt-theme="light"] #mismatchReport .note-box,
body:not(.amt-dark-mode) #mismatchReport .note-box {
  background: #f7fbff !important;
  color: #123047 !important;
  border-color: rgba(15, 77, 112, 0.12) !important;
}

html[data-amt-theme="light"] #mismatchReport .auto-push-bar,
body:not(.amt-dark-mode) #mismatchReport .auto-push-bar {
  background: #eef7fd !important;
  color: #123047 !important;
  border-color: rgba(15, 77, 112, 0.16) !important;
}

html[data-amt-theme="light"] #mismatchReport .auto-push-bar label,
html[data-amt-theme="light"] #mismatchReport .auto-push-status,
body:not(.amt-dark-mode) #mismatchReport .auto-push-bar label,
body:not(.amt-dark-mode) #mismatchReport .auto-push-status {
  color: #123047 !important;
}

html[data-amt-theme="light"] #mismatchReport .auto-push-bar select,
body:not(.amt-dark-mode) #mismatchReport .auto-push-bar select {
  background: #ffffff !important;
  color: #123047 !important;
  border-color: rgba(15, 77, 112, 0.26) !important;
}

html[data-amt-theme="dark"] #mismatchReport .note-box {
  background: rgba(7, 29, 45, 0.88) !important;
  color: #d8f2ff !important;
  border-color: rgba(98, 207, 255, 0.22) !important;
}

html[data-amt-theme="dark"] #mismatchReport .auto-push-bar {
  background: rgba(7, 29, 45, 0.88) !important;
  color: #f0f9ff !important;
  border-color: rgba(98, 207, 255, 0.35) !important;
}

html[data-amt-theme="dark"] #mismatchReport .auto-push-bar label,
html[data-amt-theme="dark"] #mismatchReport .auto-push-status {
  color: #c8ecff !important;
}

html[data-amt-theme="dark"] #mismatchReport .auto-push-bar select {
  background: #071d2d !important;
  color: #f0f9ff !important;
  border-color: rgba(98, 207, 255, 0.35) !important;
}

/* App-wide final contrast layer: keeps standalone pages readable in both themes. */
html[data-amt-theme="light"] body,
html[data-amt-theme="light"] .main,
html[data-amt-theme="light"] .amt-unique-main,
html[data-amt-theme="light"] main {
  color: #0e2438 !important;
}

html[data-amt-theme="light"] .card,
html[data-amt-theme="light"] .panel,
html[data-amt-theme="light"] .form-card,
html[data-amt-theme="light"] .content-card,
html[data-amt-theme="light"] .result-card,
html[data-amt-theme="light"] .summary-box,
html[data-amt-theme="light"] .brand-result,
html[data-amt-theme="light"] .bulk-summary,
html[data-amt-theme="light"] .bulk-table-wrap,
html[data-amt-theme="light"] .preview-box,
html[data-amt-theme="light"] .output-box,
html[data-amt-theme="light"] .note,
html[data-amt-theme="light"] .note-box,
html[data-amt-theme="light"] .error,
html[data-amt-theme="light"] .status-box,
html[data-amt-theme="light"] .table-wrap,
html[data-amt-theme="light"] .result-table-wrap {
  background: #f8fbff !important;
  color: #10263a !important;
  border-color: #d5e4ee !important;
}

html[data-amt-theme="light"] .card *,
html[data-amt-theme="light"] .panel *,
html[data-amt-theme="light"] .form-card *,
html[data-amt-theme="light"] .content-card *,
html[data-amt-theme="light"] .result-card *,
html[data-amt-theme="light"] .summary-box *,
html[data-amt-theme="light"] .brand-result *,
html[data-amt-theme="light"] .bulk-summary,
html[data-amt-theme="light"] .note *,
html[data-amt-theme="light"] .note-box *,
html[data-amt-theme="light"] .error *,
html[data-amt-theme="light"] .status-box * {
  color: #10263a !important;
  text-shadow: none !important;
}

html[data-amt-theme="light"] table,
html[data-amt-theme="light"] tbody,
html[data-amt-theme="light"] tbody tr,
html[data-amt-theme="light"] tbody td,
html[data-amt-theme="light"] .bulk-table,
html[data-amt-theme="light"] .bulk-table td,
html[data-amt-theme="light"] .users-table,
html[data-amt-theme="light"] .users-table td {
  background: #ffffff !important;
  color: #10263a !important;
  border-color: #d7e5ee !important;
}

html[data-amt-theme="light"] thead,
html[data-amt-theme="light"] thead tr,
html[data-amt-theme="light"] th,
html[data-amt-theme="light"] .bulk-table th,
html[data-amt-theme="light"] .users-table th {
  background: #153552 !important;
  color: #ffffff !important;
  border-color: #315a75 !important;
}

html[data-amt-theme="light"] input,
html[data-amt-theme="light"] select,
html[data-amt-theme="light"] textarea {
  background: #ffffff !important;
  color: #10263a !important;
  border-color: #bfd2df !important;
}

html[data-amt-theme="light"] .hero,
html[data-amt-theme="light"] .blog-hero,
html[data-amt-theme="light"] .brand-panel,
html[data-amt-theme="light"] .onpage-header,
html[data-amt-theme="light"] .multi-exporter-hero,
html[data-amt-theme="light"] .field-hero,
html[data-amt-theme="light"] .listing-hero {
  color: #ffffff !important;
}

html[data-amt-theme="light"] .hero *,
html[data-amt-theme="light"] .blog-hero *,
html[data-amt-theme="light"] .brand-panel *,
html[data-amt-theme="light"] .onpage-header *,
html[data-amt-theme="light"] .multi-exporter-hero *,
html[data-amt-theme="light"] .field-hero *,
html[data-amt-theme="light"] .listing-hero * {
  color: #ffffff !important;
}

html[data-amt-theme="dark"] body,
html[data-amt-theme="dark"] .main,
html[data-amt-theme="dark"] .amt-unique-main,
html[data-amt-theme="dark"] main {
  color: #e8f7ff !important;
}

html[data-amt-theme="dark"] .card,
html[data-amt-theme="dark"] .panel,
html[data-amt-theme="dark"] .form-card,
html[data-amt-theme="dark"] .content-card,
html[data-amt-theme="dark"] .result-card,
html[data-amt-theme="dark"] .summary-box,
html[data-amt-theme="dark"] .brand-result,
html[data-amt-theme="dark"] .bulk-summary,
html[data-amt-theme="dark"] .bulk-table-wrap,
html[data-amt-theme="dark"] .preview-box,
html[data-amt-theme="dark"] .output-box,
html[data-amt-theme="dark"] .note,
html[data-amt-theme="dark"] .note-box,
html[data-amt-theme="dark"] .error,
html[data-amt-theme="dark"] .status-box,
html[data-amt-theme="dark"] .table-wrap,
html[data-amt-theme="dark"] .result-table-wrap {
  background: #0f2436 !important;
  color: #e8f7ff !important;
  border-color: rgba(96, 165, 250, 0.32) !important;
}

html[data-amt-theme="dark"] .card *,
html[data-amt-theme="dark"] .panel *,
html[data-amt-theme="dark"] .form-card *,
html[data-amt-theme="dark"] .content-card *,
html[data-amt-theme="dark"] .result-card *,
html[data-amt-theme="dark"] .summary-box *,
html[data-amt-theme="dark"] .brand-result *,
html[data-amt-theme="dark"] .bulk-summary,
html[data-amt-theme="dark"] .note *,
html[data-amt-theme="dark"] .note-box *,
html[data-amt-theme="dark"] .error *,
html[data-amt-theme="dark"] .status-box * {
  color: #e8f7ff !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] table,
html[data-amt-theme="dark"] tbody,
html[data-amt-theme="dark"] tbody tr,
html[data-amt-theme="dark"] tbody td,
html[data-amt-theme="dark"] .bulk-table,
html[data-amt-theme="dark"] .bulk-table td,
html[data-amt-theme="dark"] .users-table,
html[data-amt-theme="dark"] .users-table td {
  background: #071827 !important;
  color: #e8f7ff !important;
  border-color: #2f5975 !important;
}

html[data-amt-theme="dark"] thead,
html[data-amt-theme="dark"] thead tr,
html[data-amt-theme="dark"] th,
html[data-amt-theme="dark"] .bulk-table th,
html[data-amt-theme="dark"] .users-table th {
  background: #102c42 !important;
  color: #ffffff !important;
  border-color: #34566f !important;
}

html[data-amt-theme="dark"] input,
html[data-amt-theme="dark"] select,
html[data-amt-theme="dark"] textarea {
  background: #071827 !important;
  color: #f8fafc !important;
  border-color: #34566f !important;
}

html[data-amt-theme="dark"] input::placeholder,
html[data-amt-theme="dark"] textarea::placeholder {
  color: #9db7c9 !important;
}

html[data-amt-theme="dark"] .result-box,
html[data-amt-theme="dark"] pre,
html[data-amt-theme="dark"] .log-box,
html[data-amt-theme="dark"] .console {
  background: #020b14 !important;
  color: #f8fafc !important;
  border-color: #2f5975 !important;
}

html[data-amt-theme="light"] .result-box,
html[data-amt-theme="light"] pre,
html[data-amt-theme="light"] .log-box,
html[data-amt-theme="light"] .console {
  background: #071827 !important;
  color: #f8fafc !important;
  border-color: #2f5975 !important;
}

html[data-amt-theme="light"] button:not(.amt-theme-toggle):not(.hero-btn):not(.btn-light),
html[data-amt-theme="dark"] button:not(.amt-theme-toggle):not(.hero-btn):not(.btn-light),
html[data-amt-theme="light"] .btn-primary,
html[data-amt-theme="dark"] .btn-primary,
html[data-amt-theme="light"] .btn-red,
html[data-amt-theme="dark"] .btn-red,
html[data-amt-theme="light"] .btn-green,
html[data-amt-theme="dark"] .btn-green,
html[data-amt-theme="light"] .btn-dark,
html[data-amt-theme="dark"] .btn-dark {
  color: #ffffff !important;
}

/* File Compare dark-mode final override.
   This must stay at the end because old body:not(.amt-dark-mode) fallback rules
   can otherwise re-apply light surfaces while html[data-amt-theme="dark"] is active. */
html[data-amt-theme="dark"],
html[data-amt-theme="dark"] body,
html[data-amt-theme="dark"] .layout,
html[data-amt-theme="dark"] .main,
html[data-amt-theme="dark"] main,
html[data-amt-theme="dark"] .amt-unique-main,
html[data-amt-theme="dark"] .amt-main-content {
  background:
    radial-gradient(circle at 16% 8%, rgba(14, 165, 233, 0.12), transparent 28%),
    linear-gradient(135deg, #04111e 0%, #061827 48%, #03101c 100%) !important;
  color: #e8f7ff !important;
}

html[data-amt-theme="dark"] .dashboard-tools,
html[data-amt-theme="dark"] .workflow,
html[data-amt-theme="dark"] .check-options-panel,
html[data-amt-theme="dark"] .store-compare-panel,
html[data-amt-theme="dark"] #fileCompare.responsive-upload-row,
html[data-amt-theme="dark"] #fileCompare.upload-five-row {
  background: transparent !important;
  color: #e8f7ff !important;
}

html[data-amt-theme="dark"] .check-options-panel,
html[data-amt-theme="dark"] .store-compare-panel {
  background: #10263a !important;
  color: #e8f7ff !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.22) !important;
}

html[data-amt-theme="dark"] .check-options-panel *,
html[data-amt-theme="dark"] .store-compare-panel * {
  color: #e8f7ff !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] .check-options-panel p,
html[data-amt-theme="dark"] .store-compare-panel p,
html[data-amt-theme="dark"] #fileCompare .card-head p,
html[data-amt-theme="dark"] #fileCompare .file-drop small,
html[data-amt-theme="dark"] #fileCompare .mini-note {
  color: #b9d4e6 !important;
}

html[data-amt-theme="dark"] .check-option:not(.main-check),
html[data-amt-theme="dark"] .store-check:not(.main-store-check),
html[data-amt-theme="dark"] #fileCompare .upload-card,
html[data-amt-theme="dark"] #fileCompare .store-upload-card,
html[data-amt-theme="dark"] #fileCompare .compare-card {
  background: #071d2d !important;
  color: #e8f7ff !important;
  border: 1px solid rgba(34, 199, 232, 0.28) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22) !important;
}

html[data-amt-theme="dark"] #fileCompare .compare-card {
  background: #071d2d !important;
}

html[data-amt-theme="dark"] #fileCompare .card-head {
  background: rgba(2, 11, 20, 0.38) !important;
  border-radius: 12px !important;
  padding: 2px !important;
}

html[data-amt-theme="dark"] #fileCompare .card-head h2,
html[data-amt-theme="dark"] #fileCompare .file-drop strong,
html[data-amt-theme="dark"] #fileCompare .file-info,
html[data-amt-theme="dark"] #fileCompare .status-box,
html[data-amt-theme="dark"] #fileCompare .status-box *,
html[data-amt-theme="dark"] #fileCompare .mini-note,
html[data-amt-theme="dark"] #fileCompare .upload-card * {
  color: #e8f7ff !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] #fileCompare .file-drop,
html[data-amt-theme="dark"] #fileCompare .file-info,
html[data-amt-theme="dark"] #fileCompare .status-box {
  background: #10263a !important;
  color: #e8f7ff !important;
  border-color: rgba(34, 199, 232, 0.24) !important;
}

html[data-amt-theme="dark"] #fileCompare .step-chip,
html[data-amt-theme="dark"] .live-compare-status,
html[data-amt-theme="dark"] #latestLiveCompareStatus,
html[data-amt-theme="dark"] .compare-card .status-box {
  background: #10263a !important;
  color: #e8f7ff !important;
  border-color: rgba(148, 210, 242, 0.28) !important;
}

html[data-amt-theme="dark"] .check-option.main-check,
html[data-amt-theme="dark"] .store-check.main-store-check {
  background: linear-gradient(135deg, #0f8ec8 0%, #075985 58%, #7f1d2d 100%) !important;
  color: #ffffff !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
}

html[data-amt-theme="dark"] .check-option.main-check *,
html[data-amt-theme="dark"] .store-check.main-store-check * {
  color: #ffffff !important;
}

html[data-amt-theme="dark"] #fileCompare button,
html[data-amt-theme="dark"] #fileCompare .compare-btn,
html[data-amt-theme="dark"] #fileCompare .compare-secondary-btn,
html[data-amt-theme="dark"] #fileCompare .btn-primary {
  color: #ffffff !important;
}

html[data-amt-theme="dark"] #fileCompare .compare-card .compare-action-group {
  background: rgba(3, 17, 29, 0.5) !important;
  border-color: rgba(34, 199, 232, 0.2) !important;
}

html[data-amt-theme="dark"] #fileCompare .compare-card .compare-action-label {
  color: #9fc8de !important;
}

html[data-amt-theme="dark"] #fileCompare .compare-card .compare-live-target {
  background: #10263a !important;
  color: #e8f7ff !important;
  border: 1px solid rgba(125, 211, 252, 0.34) !important;
}

html[data-amt-theme="dark"] #fileCompare .compare-card .compare-live-target option {
  background: #071d2d !important;
  color: #e8f7ff !important;
}

html[data-amt-theme="light"] #fileCompare .compare-card .compare-action-group,
html:not([data-amt-theme="dark"]) body:not(.amt-dark-mode) #fileCompare .compare-card .compare-action-group {
  background: #f6fbff !important;
  border-color: #cfe5f2 !important;
}

html[data-amt-theme="light"] #fileCompare .compare-card .compare-action-label,
html:not([data-amt-theme="dark"]) body:not(.amt-dark-mode) #fileCompare .compare-card .compare-action-label {
  color: #34566d !important;
}

html[data-amt-theme="light"] #fileCompare .compare-card .compare-live-target,
html:not([data-amt-theme="dark"]) body:not(.amt-dark-mode) #fileCompare .compare-card .compare-live-target {
  background: #ffffff !important;
  color: #10263a !important;
  border: 1px solid #b9d5e5 !important;
}

/* Cross-device responsive safety layer */
html,body{width:100%!important;max-width:100%!important;min-height:100%!important;overflow-x:hidden!important}body{min-height:100dvh!important}img,video,canvas,svg{max-width:100%!important;height:auto}input,select,textarea,button{max-width:100%;font:inherit}button,a,input,select,textarea{touch-action:manipulation}.amt-unique-main,main,.main,.main-content,.page-content,.content,.content-area{min-width:0!important}.amt-unique-main h1,.amt-unique-main h2,.amt-unique-main h3,p,td,th,label{overflow-wrap:anywhere}.table-wrap,.result-table-wrap,.users-table-wrap,.report-table-wrap,.data-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.amt-login-theme-toggle{position:fixed!important;right:16px!important;top:16px!important;width:auto!important;min-width:132px!important;z-index:10000!important}
@media(max-width:980px){#amtMainSidebar{position:sticky!important;top:0!important;bottom:auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:10px!important;overflow:visible!important}.amt-unique-brand{padding:2px 4px 9px!important;margin:0 0 8px!important}.amt-theme-toggle:not(.amt-login-theme-toggle){position:absolute!important;right:10px!important;top:10px!important;width:auto!important;min-width:132px!important;min-height:42px!important;margin:0!important;z-index:2!important}.amt-unique-nav{display:flex!important;flex-direction:row!important;gap:7px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 5px!important;scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important}.amt-unique-nav-link{flex:0 0 auto!important;min-width:132px!important;min-height:46px!important;margin:0!important;padding:9px 12px!important;scroll-snap-align:start!important}.amt-unique-login{display:none!important}.amt-unique-main,body.amt-unique-blue-ready main,body.amt-unique-blue-ready .main,body.amt-unique-blue-ready .main-content,body.amt-unique-blue-ready .page-content,body.amt-unique-blue-ready .content,body.amt-unique-blue-ready .content-area,body.amt-unique-blue-ready .amt-main-content,body.amt-unique-blue-ready .onpage-main{width:100%!important;max-width:100%!important;margin-left:0!important;padding:16px!important}.dashboard-tools,.workflow,.check-options-panel,.store-compare-panel,.stats-grid,.cards-grid,.form-grid,.check-grid,.store-grid,.responsive-upload-row,.upload-five-row{grid-template-columns:1fr!important}.amt-api-agent-alert{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important}}
@media(max-width:640px){#amtMainSidebar{padding:8px!important}.amt-unique-brand{max-width:calc(100% - 126px)!important}.amt-unique-logo{width:38px!important;height:38px!important;min-width:38px!important}.amt-unique-brand-title{font-size:13px!important}.amt-unique-brand-subtitle{display:none!important}.amt-theme-toggle:not(.amt-login-theme-toggle){right:8px!important;top:8px!important;min-width:116px!important;padding:7px 8px!important}.amt-theme-toggle small{display:none!important}.amt-login-theme-toggle{right:8px!important;top:8px!important;min-width:112px!important}.amt-unique-nav-link{min-width:112px!important;min-height:44px!important;font-size:11px!important}.amt-unique-main,body.amt-unique-blue-ready main,body.amt-unique-blue-ready .main,body.amt-unique-blue-ready .main-content,body.amt-unique-blue-ready .page-content,body.amt-unique-blue-ready .content,body.amt-unique-blue-ready .content-area,body.amt-unique-blue-ready .amt-main-content,body.amt-unique-blue-ready .onpage-main{padding:10px!important}.amt-unique-main>h1:first-child,.amt-unique-main>h2:first-child{font-size:clamp(24px,8vw,34px)!important}button,.btn,.btn-primary,.compare-btn{min-height:44px!important}input,select,textarea{min-height:44px!important}table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important}.hero,.page-header,.dashboard-hero,.topbar,.header,.brand-panel,.settings-hero,.activity-hero,.multi-exporter-hero{padding:16px!important;border-radius:14px!important}.modal,.modal-content,.dialog,.popup{width:calc(100% - 20px)!important;max-width:100%!important;margin:10px!important}}
@media(max-width:380px){.amt-theme-toggle{min-width:98px!important}.amt-theme-toggle-icon{display:none!important}.amt-unique-nav-link{min-width:102px!important}.amt-unique-main,body.amt-unique-blue-ready main{padding:8px!important}}

/* Global dark-mode contrast guard for tool-specific summary widgets.
   Several older pages use .stat/.stat-box or grid children instead of the
   shared .summary-box class. Keep their surface and nested text in sync. */
html[data-amt-theme="dark"] .stat,
html[data-amt-theme="dark"] .stat-box,
html[data-amt-theme="dark"] .stats > *,
html[data-amt-theme="dark"] .summary-grid > *,
html[data-amt-theme="dark"] .metric-grid > *,
html[data-amt-theme="dark"] .sku-metric-grid > *,
html[data-amt-theme="dark"] .ie-summary-grid > *,
html[data-amt-theme="dark"] .count-grid > * {
  background: #0a1c2b !important;
  color: #f8fafc !important;
  border-color: #2f5975 !important;
  box-shadow: none !important;
}

html[data-amt-theme="dark"] .stat *,
html[data-amt-theme="dark"] .stat-box *,
html[data-amt-theme="dark"] .stats > * *,
html[data-amt-theme="dark"] .summary-grid > * *,
html[data-amt-theme="dark"] .metric-grid > * *,
html[data-amt-theme="dark"] .sku-metric-grid > * *,
html[data-amt-theme="dark"] .ie-summary-grid > * *,
html[data-amt-theme="dark"] .count-grid > * * {
  color: #f8fafc !important;
  text-shadow: none !important;
}

html[data-amt-theme="dark"] .stat small,
html[data-amt-theme="dark"] .stat-box small,
html[data-amt-theme="dark"] .summary-label,
html[data-amt-theme="dark"] .metric-label,
html[data-amt-theme="dark"] .muted {
  color: #a9c7d9 !important;
}

html[data-amt-theme="dark"] .badge.ok,
html[data-amt-theme="dark"] .status-ok,
html[data-amt-theme="dark"] .pill-success {
  background: #0b3b32 !important;
  color: #b8f7df !important;
  border-color: #16856b !important;
}

html[data-amt-theme="dark"] .badge.warn,
html[data-amt-theme="dark"] .status-warn,
html[data-amt-theme="dark"] .pill-warning {
  background: #493614 !important;
  color: #fde7a2 !important;
  border-color: #9a7221 !important;
}

html[data-amt-theme="dark"] .badge.bad,
html[data-amt-theme="dark"] .status-bad,
html[data-amt-theme="dark"] .pill-danger {
  background: #40202a !important;
  color: #ffc9d2 !important;
  border-color: #a54257 !important;
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Normal text inside cards must not inherit the oversized KPI number style. */
.card p strong,
.card li strong,
.card td strong,
.card label strong,
.card .mapping-info strong,
.card .warning-box strong,
.card .status-box strong,
.card .file-zone strong,
.card .help-text strong,
.card .info-box strong,
.card .details strong,
.panel p strong,
.panel li strong,
.panel td strong,
.panel label strong,
.modal p strong,
.modal li strong,
.dialog p strong,
.drawer p strong,
.tooltip strong {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: none !important;
}

/* Compact, readable sidebar help tooltip on every tool page. */
#amtSidebarNote,
#amtSidebarNote.show {
  width: min(280px, calc(100vw - 380px)) !important;
  max-width: 280px !important;
  padding: 10px 12px !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

/* Broken-link summary is sentence text, not KPI typography. */
body:has(#googleConnectBox) .status strong,
body:has(#googleConnectBox) #statusBox strong,
body:has(#googleConnectBox) td strong {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
}

p strong,
li strong,
td strong,
label strong,
.mapping-info strong,
.warning-box strong,
.status-box strong,
.help-text strong,
.info-box strong,
.file-zone strong {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

.mapping-info,
.warning-box,
.status-box,
.help-text,
.info-box,
.details,
.file-meta,
td,
li,
label {
  font-style: normal !important;
}