/* =========================================================
   SENPAY – LIGHT THEME (SAFE OVERRIDE LAYER)
   ✔ Does NOT touch existing Dark CSS
   ✔ Applies ONLY when body.theme-light exists
   ✔ Fixes contrast, overlaps & mixed dark/light areas
   ========================================================= */

/* =========================================================
   BASE
   ========================================================= */
body.theme-light {
  background: #f4f6fb !important;
  color: #0f172a !important;
}

body.theme-light * {
  box-sizing: border-box;
}

/* =========================================================
   GLOBAL WRAPPERS
   ========================================================= */
body.theme-light .senpay-dash-shell,
body.theme-light .shpw-shell {
  background: transparent !important;
}

body.theme-light .senpay-dash-page,
body.theme-light .shpw-page {
  background: transparent !important;
  color: #0f172a !important;
}

/* =========================================================
   HERO / HEADER
   ========================================================= */
body.theme-light .senpay-dash-hero,
body.theme-light .shpw-hero {
  background: linear-gradient(
    135deg,
    #ffffff 0%,
    #f1f4ff 60%,
    #eef2ff 100%
  ) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

body.theme-light .senpay-dash-hero-title,
body.theme-light .shpw-hero h1 {
  color: #0b1220 !important;
}

body.theme-light .senpay-dash-hero-sub,
body.theme-light .shpw-hero p {
  color: rgba(15, 23, 42, 0.72) !important;
}

body.theme-light .senpay-dash-hero-email {
  background: rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
}

/* Logo */
body.theme-light .senpay-dash-logo {
  color: #0b1220 !important;
}

body.theme-light .senpay-dash-logo .dot {
  background: #d4af37 !important;
  box-shadow: 0 0 0 6px rgba(212, 175, 55, 0.18) !important;
}

/* =========================================================
   CARDS (ALL)
   ========================================================= */
body.theme-light .senpay-dash-card,
body.theme-light .shpw-card,
body.theme-light .senpay-auth-card {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
}

body.theme-light .senpay-dash-card h1,
body.theme-light .senpay-dash-card h2,
body.theme-light .senpay-dash-card h3,
body.theme-light .shpw-card h1,
body.theme-light .shpw-card h2,
body.theme-light .shpw-card h3 {
  color: #0b1220 !important;
}

/* =========================================================
   TEXT / MUTED
   ========================================================= */
body.theme-light .senpay-dash-text,
body.theme-light .senpay-dash-card-note,
body.theme-light .senpay-dash-support-meta,
body.theme-light .shpw-login-note,
body.theme-light .shpw-topic-desc,
body.theme-light .senpay-dash-section-tag {
  color: rgba(15, 23, 42, 0.72) !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */
body.theme-light .senpay-dash-btn {
  border-color: rgba(15, 23, 42, 0.15) !important;
}

body.theme-light .senpay-dash-btn-primary {
  background: linear-gradient(180deg, #f6d76b, #d4af37) !important;
  color: #111827 !important;
  border: 1px solid rgba(212, 175, 55, 0.55) !important;
  box-shadow: 0 10px 22px rgba(212, 175, 55, 0.25) !important;
}

body.theme-light .senpay-dash-btn-ghost {
  background: rgba(15, 23, 42, 0.05) !important;
  color: #0f172a !important;
}

body.theme-light .senpay-dash-btn-link {
  color: #0f172a !important;
}

body.theme-light .senpay-dash-btn-link.is-muted {
  color: rgba(15, 23, 42, 0.45) !important;
}

/* =========================================================
   TABLES
   ========================================================= */
body.theme-light .senpay-dash-table-wrapper {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
}

body.theme-light .senpay-dash-table {
  background: transparent !important;
}

body.theme-light .senpay-dash-table thead th {
  background: rgba(15, 23, 42, 0.04) !important;
  color: rgba(15, 23, 42, 0.75) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
}

body.theme-light .senpay-dash-table td {
  color: rgba(15, 23, 42, 0.85) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

/* =========================================================
   STATUS / PILLS
   ========================================================= */
body.theme-light .senpay-dash-status {
  background: rgba(15, 23, 42, 0.05) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: rgba(15, 23, 42, 0.85) !important;
}

body.theme-light .senpay-dash-status-processing {
  background: rgba(59, 130, 246, 0.12) !important;
  border-color: rgba(59, 130, 246, 0.30) !important;
  color: #1d4ed8 !important;
}

body.theme-light .senpay-dash-status-completed {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: rgba(34, 197, 94, 0.35) !important;
  color: #166534 !important;
}

body.theme-light .senpay-dash-status-refunded {
  background: rgba(239, 68, 68, 0.14) !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
  color: #991b1b !important;
}

body.theme-light .senpay-pill,
body.theme-light .shpw-pill {
  background: rgba(15, 23, 42, 0.05) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: rgba(15, 23, 42, 0.75) !important;
}

/* =========================================================
   HELP WIZARD / TOPICS
   ========================================================= */
body.theme-light .shpw-topic-card {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
}

body.theme-light .shpw-topic-title {
  color: #0b1220 !important;
}

body.theme-light .shpw-device-pill,
body.theme-light .shpw-app-pill,
body.theme-light .shpw-tv-pill {
  background: rgba(15, 23, 42, 0.05) !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
  color: #0f172a !important;
}

body.theme-light .shpw-device-pill.is-active,
body.theme-light .shpw-app-pill.is-active,
body.theme-light .shpw-tv-pill.is-active {
  background: rgba(212, 175, 55, 0.22) !important;
  border-color: rgba(212, 175, 55, 0.65) !important;
  color: #0b1220 !important;
}

/* =========================================================
   ALERTS
   ========================================================= */
body.theme-light .senpay-isp-alert {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.15) !important;
  color: rgba(15, 23, 42, 0.85) !important;
}

body.theme-light .senpay-isp-alert-info {
  border-color: rgba(59, 130, 246, 0.35) !important;
}

body.theme-light .senpay-isp-alert-error {
  border-color: rgba(239, 68, 68, 0.35) !important;
}