/*
  Edit Bay support tool treatment.
  Light additive layer for secondary tools and utilities.
*/

body.eb-support-page {
  --eb-display: Cinzel, Georgia, serif;
  --eb-gold: #d7a945;
  --eb-copper: #ff6b35;
  --eb-cyan: #39f5d4;
  background:
    radial-gradient(ellipse 46% 26% at 82% 12%, rgba(57,245,212,.08), transparent 68%),
    radial-gradient(ellipse 42% 28% at 18% 10%, rgba(215,169,69,.11), transparent 68%),
    linear-gradient(180deg, #010204, #06080c 48%, #010204) !important;
}

body.eb-support-page::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 58px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 58px);
  opacity: .48;
}

body.eb-support-page header,
body.eb-support-page nav,
body.eb-support-page .topbar {
  background: linear-gradient(180deg, rgba(1,2,4,.92), rgba(1,2,4,.68)) !important;
  border-bottom: 1px solid rgba(215,169,69,.16) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.32);
}

body.eb-support-page main,
body.eb-support-page .main,
body.eb-support-page .hero,
body.eb-support-page footer,
body.eb-support-page .app-shell,
body.eb-support-page .container {
  position: relative;
  z-index: 2;
}

body.eb-support-page h1,
body.eb-support-page .page-title,
body.eb-support-page .tool-title {
  font-family: var(--eb-display) !important;
  font-weight: 600 !important;
  letter-spacing: .035em !important;
  text-transform: none !important;
  color: #fff4e3 !important;
  text-shadow: 0 22px 70px rgba(0,0,0,.55);
}

body.eb-support-page h1 span,
body.eb-support-page .accent,
body.eb-support-page .page-title span {
  color: var(--eb-copper) !important;
}

body.eb-support-page .card,
body.eb-support-page .luxury-card,
body.eb-support-page .panel,
body.eb-support-page .tool-card,
body.eb-support-page .builder-card,
body.eb-support-page .matrix-card,
body.eb-support-page .control-card,
body.eb-support-page .result-card,
body.eb-support-page .site-card,
body.eb-support-page .upload-zone,
body.eb-support-page .workspace,
body.eb-support-page .settings,
body.eb-support-page .preview {
  border-color: rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.024) 44%, rgba(255,255,255,.052)),
    radial-gradient(circle at 12% 0%, rgba(215,169,69,.10), transparent 38%),
    rgba(10, 12, 14, .78) !important;
  box-shadow: 0 22px 64px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.07) !important;
}

body.eb-support-page input,
body.eb-support-page textarea,
body.eb-support-page select {
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(1,2,4,.52) !important;
  border-radius: 10px !important;
}

body.eb-support-page button,
body.eb-support-page .btn,
body.eb-support-page .btn-primary,
body.eb-support-page .action-btn {
  border-radius: 999px !important;
}

body.eb-support-page footer {
  border-top: 1px solid rgba(215,169,69,.16) !important;
  background:
    linear-gradient(180deg, rgba(1,2,4,.38), rgba(1,2,4,.88)),
    radial-gradient(ellipse 42% 80% at 18% 0%, rgba(215,169,69,.08), transparent 72%) !important;
}

body.eb-support-page footer span[style*="background:#0d1929"],
body.eb-support-page footer span[style*="background: #0d1929"] {
  border: 1px solid rgba(215,169,69,.28) !important;
  border-right: 0 !important;
  border-radius: 999px 0 0 999px !important;
  background: rgba(0,0,0,.38) !important;
  color: #b9aa91 !important;
  padding: 6px 11px !important;
  font-family: "DM Mono", monospace !important;
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.eb-support-page #dvp-view-count {
  border: 1px solid rgba(215,169,69,.28) !important;
  border-left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: rgba(0,0,0,.38) !important;
  color: #fff4e3 !important;
  padding: 6px 11px !important;
  font-family: var(--eb-display) !important;
}

body.eb-support-page .toolbar,
body.eb-support-page .actions,
body.eb-support-page .button-row,
body.eb-support-page .quick-picks,
body.eb-support-page .quick-starts,
body.eb-support-page .filters {
  flex-wrap: wrap;
}

body.eb-support-page table,
body.eb-support-page .table-wrap,
body.eb-support-page .matrix-table {
  max-width: 100%;
}

@media (max-width: 760px) {
  body.eb-support-page {
    overflow-x: hidden;
  }

  body.eb-support-page h1,
  body.eb-support-page .page-title,
  body.eb-support-page .tool-title {
    font-size: clamp(2.35rem, 12vw, 4rem) !important;
    line-height: 1.02 !important;
    overflow-wrap: anywhere;
  }

  body.eb-support-page main,
  body.eb-support-page .main,
  body.eb-support-page .container,
  body.eb-support-page .app-shell {
    max-width: 100% !important;
  }

  body.eb-support-page .card,
  body.eb-support-page .luxury-card,
  body.eb-support-page .panel,
  body.eb-support-page .tool-card,
  body.eb-support-page .builder-card,
  body.eb-support-page .matrix-card,
  body.eb-support-page .control-card,
  body.eb-support-page .result-card,
  body.eb-support-page .site-card,
  body.eb-support-page .upload-zone,
  body.eb-support-page .workspace,
  body.eb-support-page .settings,
  body.eb-support-page .preview {
    border-radius: 14px !important;
  }

  body.eb-support-page button,
  body.eb-support-page .btn,
  body.eb-support-page .btn-primary,
  body.eb-support-page .action-btn {
    max-width: 100%;
    white-space: normal;
  }
}