/*
  3 Star Gold — Global brand theme (navy + gold)
  Load LAST on Site1.Master, Admin.Master, and static .html pages.

  IMPORTANT: Color and chrome only — do NOT override layout (padding,
  min-height, max-width, flex/grid) or light report shells (.rpt-light).
*/

:root {
  --tsg-navy-950: #00030a;
  --tsg-navy-900: #000515;
  --tsg-navy-800: #00081c;
  --tsg-navy-700: #001a4d;
  --tsg-navy-600: #061033;
  --tsg-navy-500: #0c1a4a;
  --tsg-gold: #d4af37;
  --tsg-gold-bright: #ffd700;
  --tsg-gold-light: #f9e076;
  --tsg-gold-deep: #a67c22;
  --tsg-ink: #f4f7fb;
  --tsg-ink-soft: rgba(244, 247, 251, 0.78);
  --tsg-ink-muted: #a8b3c7;
  --tsg-line: rgba(212, 175, 55, 0.22);
  --tsg-line-strong: rgba(212, 175, 55, 0.42);
  --tsg-panel: rgba(6, 16, 51, 0.92);
  --tsg-panel-2: rgba(12, 26, 74, 0.88);
  --tsg-grad-bg:
    radial-gradient(ellipse 80% 55% at 72% 8%, rgba(12, 26, 74, 0.85), transparent 58%),
    radial-gradient(ellipse 45% 40% at 12% 88%, rgba(212, 175, 55, 0.1), transparent 52%),
    linear-gradient(180deg, var(--tsg-navy-900) 0%, var(--tsg-navy-950) 100%);
  --tsg-grad-gold: linear-gradient(90deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
  --tsg-radius: 16px;
  --tsg-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
  --tsg-glow: 0 0 24px rgba(212, 175, 55, 0.18);
  --font-display: "Bodoni Moda", "Times New Roman", serif;
  --font-ui: "Sora", system-ui, sans-serif;
}

::selection {
  background: rgba(212, 175, 55, 0.35);
  color: #fff;
}

/* ---- App shell (sidebar pages without light report wrapper) ---- */
body:not(:has(.page-wrapper.rpt-light)):not(:has(.page-wrapper.mk-light)),
.page-wrapper:not(.rpt-light):not(.mk-light),
.page-wrapper:not(.rpt-light):not(.mk-light) > form {
  background: var(--tsg-grad-bg);
  color: var(--tsg-ink-soft);
}

/* ---- Sidebar / topbar / footer ---- */
.sidebar-wrapper,
aside.sidebar-wrapper {
  background:
    radial-gradient(ellipse 80% 40% at 0% 0%, rgba(212, 175, 55, 0.08), transparent 50%),
    linear-gradient(180deg, var(--tsg-navy-950) 0%, var(--tsg-navy-900) 100%) !important;
  border-right: 1px solid var(--tsg-line) !important;
}

.topbar,
.top-header,
.navbar,
header.top-header {
  background: rgba(0, 3, 10, 0.94) !important;
  border-bottom: 1px solid var(--tsg-line) !important;
}

.metismenu a,
.sidebar-wrapper .metismenu a {
  color: var(--tsg-ink-muted) !important;
}

.metismenu a:hover,
.metismenu .mm-active > a,
.sidebar-wrapper .metismenu .mm-active > a {
  background: rgba(212, 175, 55, 0.1) !important;
  color: var(--tsg-gold-light) !important;
  border-left-color: var(--tsg-gold) !important;
}

.metismenu .parent-icon ion-icon,
.metismenu .parent-icon i {
  color: var(--tsg-gold) !important;
}

.footer,
.page-footer {
  background: var(--tsg-navy-950) !important;
  border-top: 1px solid var(--tsg-line) !important;
  color: var(--tsg-ink-muted) !important;
}

/* ---- Dashboard / member portal (dark shell, not rpt-light) ---- */
.page-wrapper:not(.rpt-light):not(.mk-light) .mk,
.page-wrapper:not(.rpt-light):not(.mk-light) .mp-page:not(.rpt) {
  color: var(--tsg-ink-soft);
}

.page-wrapper:not(.rpt-light):not(.mk-light) .card,
.page-wrapper:not(.rpt-light):not(.mk-light) .radius-10,
.page-wrapper:not(.rpt-light):not(.mk-light) .db-metric,
.page-wrapper:not(.rpt-light):not(.mk-light) .mk-earn-item,
.page-wrapper:not(.rpt-light):not(.mk-light) .mk-wallet,
.page-wrapper:not(.rpt-light):not(.mk-light) .mk-tile,
.page-wrapper:not(.rpt-light):not(.mk-light) .mp-card,
.page-wrapper:not(.rpt-light):not(.mk-light) .db-section {
  background: var(--tsg-panel) !important;
  border: 1px solid var(--tsg-line) !important;
  box-shadow: var(--tsg-shadow) !important;
}

.page-wrapper:not(.rpt-light):not(.mk-light) .mk-earn-item .lab,
.page-wrapper:not(.rpt-light):not(.mk-light) .db-metric-label,
.page-wrapper:not(.rpt-light):not(.mk-light) .mp-stat-label,
.page-wrapper:not(.rpt-light):not(.mk-light) .mk-tile-label {
  color: var(--tsg-gold) !important;
}

.page-wrapper:not(.rpt-light):not(.mk-light) .mk-earn-item .val,
.page-wrapper:not(.rpt-light):not(.mk-light) .db-metric-value,
.page-wrapper:not(.rpt-light):not(.mk-light) .db-kpi-num,
.page-wrapper:not(.rpt-light):not(.mk-light) .mk-tile-value {
  color: var(--tsg-gold-light) !important;
}

/* ---- Light report pages: subtle brand tint only (layout untouched) ---- */
.page-wrapper.rpt-light,
.page-content.rpt-light {
  background: linear-gradient(180deg, #f4f1ea 0%, #f7f5f0 40%, #eef1f6 100%) !important;
}

/* Admin light theme handled by admin-light-theme.css — no dark overrides here */

/* ---- Status pills ---- */
.rr-status.ok {
  background: rgba(212, 175, 55, 0.16) !important;
  color: var(--tsg-gold-light) !important;
}

.rr-status.no {
  background: rgba(120, 80, 60, 0.2) !important;
  color: #d4a574 !important;
}

/* ---- Static marketing pages ---- */
.site-nav.is-scrolled,
.site-nav.is-open {
  background: rgba(0, 5, 21, 0.94) !important;
  border-bottom-color: var(--tsg-line) !important;
}

.section-title,
.hero-line,
.gold-text {
  color: var(--tsg-gold-light);
}

.btn-gold {
  background: var(--tsg-grad-gold) !important;
  color: var(--tsg-navy-950) !important;
  border: 1px solid rgba(212, 175, 55, 0.45) !important;
}

.btn-ghost {
  border: 1px solid var(--tsg-line-strong) !important;
  color: var(--tsg-gold-light) !important;
}

.trust-strip,
.section,
.site-footer {
  border-color: var(--tsg-line) !important;
}

@media print {
  .page-wrapper,
  .admin-ops .adm-card {
    background: #fff !important;
    color: #111 !important;
    border-color: #ccc !important;
  }
}