/* ============================================================
 *  wallet-extras.css — patch สำหรับ:
 *    - การแจ้งเตือน (toast/SweetAlert) อยู่หน้าสุดเสมอ
 *    - ตารางประวัติ ฝาก/ถอน + status badges (ภาษาไทย)
 *    - ปุ่มกันกดรัว (disabled state)
 *    - หน้า "คืนยอดเสีย" (cashback page)
 * ============================================================
 *  ไฟล์นี้ถูกใส่ "หลัง" CSS อื่นทั้งหมด เพื่อทับสไตล์เดิม
 * ============================================================ */


/* =================================================
 *  1) แจ้งเตือนอยู่หน้าสุด (TOAST / SWEETALERT2)
 * ================================================= */
.swal2-container,
.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-shown {
  z-index: 2147483600 !important;
}
.swal2-popup,
.swal2-toast,
.swal2-modal {
  z-index: 2147483601 !important;
}
.swal2-backdrop-show {
  z-index: 2147483599 !important;
}

/* Custom toast container ถ้ามีการใช้แบบ custom */
.toast,
.toast-container,
.app-toast,
.notif-stack,
#toastContainer,
#notifications,
[data-toast-root] {
  z-index: 2147483600 !important;
  position: fixed !important;
}

/* Modal stack ปกติ ตั้งให้ต่ำกว่า toast */
.modal,
.modal.show,
.modal-card {
  z-index: 99999;
}

.feature-modal {
  z-index: 120000;
  padding: 18px;
}
.feature-modal .modal-card {
  width: min(1060px, 96vw);
  max-height: min(92vh, 900px);
  background: linear-gradient(180deg, #0d2952, #031020);
  border-radius: 18px;
  overflow: auto;
}
.feature-modal .modal-head {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(13,41,82,.98), rgba(7,24,52,.96));
  border-bottom: 1px solid rgba(88,145,219,.32);
}
.feature-modal .modal-body {
  padding: 18px;
}
.feature-modal .panel {
  background: transparent;
  border: 0;
  padding: 0;
}


/* =================================================
 *  2) ปุ่มที่ถูกล็อก (กันกดรัว)
 * ================================================= */
.deposit-action[disabled],
.btn-main[disabled],
.cashback-claim-btn[disabled] {
  opacity: .55 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  filter: grayscale(20%);
}
.deposit-action .fa-spinner,
.btn-main .fa-spinner,
.cashback-claim-btn .fa-spinner {
  margin-right: 6px;
}


/* =================================================
 *  3) ประวัติ — toolbar + แท็บ + ตาราง
 * ================================================= */
.history-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.history-counts {
  font-size: 13px;
  color: #9fb3d6;
}
.history-counts b { color: #e9eef5; }
.history-refresh {
  background: linear-gradient(180deg, #243753, #1a2942);
  border: 1px solid #2c3f5d;
  color: #e9eef5;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all .15s;
}
.history-refresh:hover {
  background: linear-gradient(180deg, #2c4163, #22324f);
  border-color: #3b5277;
}
.history-refresh:active { transform: scale(.97); }

.history-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 4px 0 14px;
}
.history-tab {
  flex: 1 1 auto;
  min-width: 90px;
  padding: 10px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(20,38,76,.7), rgba(13,24,50,.85));
  color: #cfd9ee;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: all .15s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.history-tab:hover  { border-color: rgba(245,213,122,.45); color: #fff; }
.history-tab.active {
  background: linear-gradient(180deg, #f5d57a, #c79b3b);
  color: #1c1303;
  border-color: #f5d57a;
  box-shadow: 0 4px 14px rgba(245,213,122,.25);
}

.history-table-wrap { overflow-x: auto; }

.referral-hist-summary {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.referral-hist-summary > div {
  flex: 1 1 140px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 10px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}
.referral-hist-summary span {
  font-size: 12px;
  color: #9fb3d6;
}
.referral-hist-summary b {
  font-size: 20px;
  color: #f4d787;
  line-height: 1.2;
}

.history-table {
  width: 100%;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(8,16,34,.55);
}
.history-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  color: #e6ecf7;
}
.history-table thead {
  background: linear-gradient(180deg, #0f1f3e, #0a1830);
  color: #c1cce0;
}
.history-table th,
.history-table td {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  text-align: left;
  white-space: nowrap;
}
.history-table tbody tr:last-child td { border-bottom: 0; }
.history-table tbody tr:hover { background: rgba(255,255,255,.03); }
.history-table b { font-weight: 700; }


/* =================================================
 *  4) Status badge (ป้ายสถานะภาษาไทย)
 * ================================================= */
.status-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.status-badge.badge-pending {
  background: rgba(255,186,38,.12);
  color: #ffba26;
  border-color: rgba(255,186,38,.4);
}
.status-badge.badge-success {
  background: rgba(36,209,126,.14);
  color: #24d17e;
  border-color: rgba(36,209,126,.45);
}
.status-badge.badge-approve {
  background: rgba(58,159,255,.14);
  color: #6cb6ff;
  border-color: rgba(108,182,255,.45);
}
.status-badge.badge-reject {
  background: rgba(255,82,82,.14);
  color: #ff7a7a;
  border-color: rgba(255,122,122,.45);
}
.status-badge.badge-info {
  background: rgba(159,179,214,.14);
  color: #cfd9ee;
  border-color: rgba(159,179,214,.4);
}


/* =================================================
 *  กงล้อนำโชค
 * ================================================= */
.wheel-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wheel-card,
.wheel-stage,
.wheel-prizes {
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(13,31,68,.86), rgba(6,15,34,.96));
  border-radius: 14px;
  box-shadow: 0 12px 36px rgba(0,0,0,.24);
}
.wheel-card {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px;
}
.wheel-hero-text h2 {
  margin: 0 0 4px;
  font-size: 22px;
}
.wheel-hero-text p {
  margin: 0;
  color: #9fb3d6;
}
.wheel-balance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 10px;
}
.wheel-balance-grid div {
  min-width: 120px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}
.wheel-balance-grid span {
  display: block;
  color: #9fb3d6;
  font-size: 12px;
}
.wheel-balance-grid b {
  display: block;
  color: #f5d57a;
  font-size: 24px;
  line-height: 1.2;
}
.wheel-layout {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(260px, 360px);
  gap: 16px;
}
.wheel-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 26px 18px 18px;
  overflow: hidden;
}
.wheel-pointer-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
  margin-bottom: -4px;
}
.wheel-pin-top {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #ffe87a, #c9a227);
  box-shadow: 0 2px 8px rgba(0,0,0,.5);
  border: 2px solid #7a5800;
}
.wheel-pointer {
  color: #c9a227;
  font-size: 36px;
  line-height: 0.6;
  filter: drop-shadow(0 0 6px rgba(201,162,39,.8));
}
.wheel-canvas {
  display: block;
  border-radius: 50%;
  box-shadow: 0 8px 32px rgba(0,0,0,.55), 0 0 0 4px rgba(201,162,39,.25);
  margin-top: 0;
}
.wheel-spin-btn {
  margin-top: 18px;
  min-width: 180px;
  padding: 12px 18px;
  border-radius: 12px;
  font-weight: 800;
  color: #081328;
  background: linear-gradient(180deg, #f5d57a, #c79b3b);
  box-shadow: 0 8px 18px rgba(245,213,122,.24);
}
.wheel-spin-btn:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.wheel-msg {
  min-height: 24px;
  margin-top: 12px;
  color: #e9eef5;
  text-align: center;
}
.wheel-result-img {
  display: block;
  max-width: 90px;
  max-height: 90px;
  object-fit: contain;
  margin: 0 auto 8px;
}
.wheel-prizes {
  padding: 16px;
}
.wheel-prizes h3 {
  margin: 0 0 12px;
  font-size: 16px;
}
.wheel-segment {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  margin-bottom: 8px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color: #dce7f7;
}
.wheel-segment.active {
  border-color: rgba(245,213,122,.65);
  background: rgba(245,213,122,.14);
}
.wheel-segment span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.wheel-segment img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.wheel-segment b {
  color: #f5d57a;
  white-space: nowrap;
}
@media (max-width: 820px) {
  .wheel-card,
  .wheel-layout {
    grid-template-columns: 1fr;
  }
  .wheel-card {
    flex-direction: column;
  }
  .feature-modal {
    padding: 10px;
    align-items: flex-start;
    padding-top: calc(env(safe-area-inset-top, 0px) + 10px);
  }
  .feature-modal .modal-card {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    border-radius: 18px;
  }
  .feature-modal .modal-body {
    padding: 12px;
  }
  .wheel-prizes {
    padding: 12px;
  }
}


/* =================================================
 *  5) หน้า "คืนยอดเสีย" (Cashback)
 * ================================================= */
.cashback-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.cashback-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-radius: 14px;
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(245,213,122,.18), transparent 55%),
    linear-gradient(180deg, #1a2c54, #0d1830);
  border: 1px solid rgba(245,213,122,.18);
  gap: 12px;
}
.cashback-hero-l { display: flex; flex-direction: column; gap: 4px; }
.cb-period {
  font-size: 18px; font-weight: 800; color: #fff;
  display: inline-flex; align-items: center; gap: 8px;
}
.cb-range { color: #9fb3d6; font-size: 13px; }
.cashback-hero-r { text-align: right; }
.cb-pct {
  font-size: 38px; font-weight: 900; color: #f5d57a;
  line-height: 1;
  text-shadow: 0 4px 18px rgba(245,213,122,.35);
}
.cb-pct-sub { color: #cfd9ee; font-size: 12px; margin-top: 4px; }

.cashback-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.cb-stat {
  background: rgba(10,20,42,.65);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cb-stat span { color: #9fb3d6; font-size: 12px; }
.cb-stat b    { color: #fff;    font-size: 18px; }

.cashback-rules {
  margin: 0; padding: 12px 18px;
  list-style: disc;
  background: rgba(8,16,34,.55);
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 12px;
  color: #cfd9ee;
  font-size: 13px;
  line-height: 1.7;
}
.cashback-rules li { margin: 0; }
.cashback-rules b  { color: #f5d57a; }

.cashback-claimed-note {
  background: rgba(36,209,126,.10);
  border: 1px solid rgba(36,209,126,.45);
  color: #5fe3a4;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 600;
}

.cashback-claim-btn {
  height: 52px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 12px;
  background: linear-gradient(180deg, #f5d57a, #c79b3b);
  color: #1c1303;
  border: 0;
  cursor: pointer;
  letter-spacing: .3px;
  box-shadow: 0 6px 18px rgba(245,213,122,.25);
  transition: transform .1s ease, filter .15s ease;
}
.cashback-claim-btn:not([disabled]):hover  { filter: brightness(1.08); }
.cashback-claim-btn:not([disabled]):active { transform: translateY(1px); }


/* sidebar teaser (desktop) */
.cashback-teaser {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(245,213,122,.18), rgba(199,155,59,.06));
  border: 1px solid rgba(245,213,122,.3);
  border-radius: 12px;
  cursor: pointer;
  margin-top: 12px;
  transition: transform .12s ease, filter .15s ease;
}
.cashback-teaser:hover { filter: brightness(1.08); transform: translateY(-1px); }
.cb-teaser-icon {
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #f5d57a, #c79b3b);
  color: #1c1303;
  font-size: 16px;
}
.cb-teaser-text { flex: 1; display: flex; flex-direction: column; }
.cb-teaser-text b     { color: #fff; font-size: 14px; }
.cb-teaser-text small { color: #cfd9ee; font-size: 12px; }
.cb-teaser-arrow      { color: #f5d57a; }


/* =================================================
 *  6) Mobile tweaks
 * ================================================= */
@media (max-width: 640px) {
  .cashback-hero        { flex-direction: column; align-items: flex-start; gap: 10px; }
  .cashback-hero-r      { text-align: left; }
  .cashback-stats       { grid-template-columns: 1fr; }
  .history-table th,
  .history-table td     { padding: 10px 8px; font-size: 13px; }
  .history-tab          { font-size: 13px; padding: 9px 10px; min-width: 0; }
}


/* =================================================
 *  7) Runtime theme from admin settings
 * ================================================= */
html.runtime-themed,
html.runtime-themed body {
  background: var(--runtime-bg) !important;
  color: #eef6ff;
}

html.runtime-themed body:before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 14% 6%, rgba(var(--runtime-primary-rgb), .18), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(var(--runtime-accent-rgb), .15), transparent 28%),
    linear-gradient(180deg, rgba(var(--runtime-bg-rgb), .92), var(--runtime-bg) 62%) !important;
}

html.runtime-themed.runtime-bg-image body:before {
  background:
    linear-gradient(180deg, rgba(var(--runtime-bg-rgb), .72), rgba(var(--runtime-bg-rgb), .9)),
    var(--runtime-bg-image) center center / cover fixed no-repeat !important;
}

html.runtime-themed body:after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(var(--runtime-primary-rgb), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--runtime-primary-rgb), .035) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.65), transparent 74%) !important;
}

html.runtime-themed .app-install,
html.runtime-themed .topbar,
html.runtime-themed .cat-tabs,
html.runtime-themed .drawer,
html.runtime-themed .footer {
  background:
    linear-gradient(180deg, rgba(var(--runtime-bg-rgb), .96), rgba(var(--runtime-bg-rgb), .84)) !important;
  border-color: rgba(var(--runtime-primary-rgb), .22) !important;
}

html.runtime-themed .panel,
html.runtime-themed .notice,
html.runtime-themed .bar-title,
html.runtime-themed .side-card,
html.runtime-themed .rail-account,
html.runtime-themed .rail-link,
html.runtime-themed .jackpot-card,
html.runtime-themed .lb-card,
html.runtime-themed .shortcut-card,
html.runtime-themed .minigame-card,
html.runtime-themed .modal-card,
html.runtime-themed .feature-modal .modal-card,
html.runtime-themed .wallet-modal-section .section-head,
html.runtime-themed .deposit-account,
html.runtime-themed .deposit-method,
html.runtime-themed .history-card,
html.runtime-themed .wheel-card,
html.runtime-themed .wheel-prizes,
html.runtime-themed .cashback-hero,
html.runtime-themed .cb-stat,
html.runtime-themed .cashback-rules {
  background:
    radial-gradient(circle at 88% 0%, rgba(var(--runtime-primary-rgb), .12), transparent 36%),
    linear-gradient(180deg, rgba(var(--runtime-bg-rgb), .92), rgba(var(--runtime-bg-rgb), .74)) !important;
  border-color: rgba(var(--runtime-primary-rgb), .26) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.32), 0 0 0 1px rgba(var(--runtime-primary-rgb), .05) !important;
}

html.runtime-themed .brand-logo {
  color: var(--runtime-accent) !important;
  border-color: rgba(var(--runtime-accent-rgb), .72) !important;
  background:
    linear-gradient(180deg, rgba(var(--runtime-accent-rgb), .22), rgba(var(--runtime-bg-rgb), .94) 56%, rgba(var(--runtime-primary-rgb), .16)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 0 24px rgba(var(--runtime-accent-rgb), .22) !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.5) !important;
}

html.runtime-themed .brand-logo:before,
html.runtime-themed .brand-logo:after {
  border-color: rgba(var(--runtime-accent-rgb), .72) !important;
  background: var(--runtime-bg) !important;
}

html.runtime-themed .brand-logo.brand-logo-image {
  min-width: 0 !important;
  width: auto !important;
  padding: 4px 12px !important;
  background: rgba(var(--runtime-bg-rgb), .56) !important;
}

html.runtime-themed .brand-logo.brand-logo-image:before,
html.runtime-themed .brand-logo.brand-logo-image:after {
  display: none !important;
}

html.runtime-themed .brand-logo.brand-logo-image img {
  display: block !important;
  height: 100% !important;
  max-width: 180px !important;
  object-fit: contain !important;
}

html.runtime-themed .btn-main,
html.runtime-themed .top-action.deposit,
html.runtime-themed .install-btn,
html.runtime-themed .rail-quick button:first-child,
html.runtime-themed .rail-account.guest button,
html.runtime-themed .drawer-quick button:first-child,
html.runtime-themed .desktop-auth .btn-login,
html.runtime-themed .cashback-claim-btn,
html.runtime-themed .wheel-spin-btn {
  background: linear-gradient(180deg, var(--runtime-primary), color-mix(in srgb, var(--runtime-primary), #001028 42%)) !important;
  color: #fff !important;
  border-color: rgba(var(--runtime-primary-rgb), .44) !important;
  box-shadow: 0 12px 26px rgba(var(--runtime-primary-rgb), .22), inset 0 1px 0 rgba(255,255,255,.22) !important;
}

html.runtime-themed .top-action.withdraw,
html.runtime-themed .rail-quick button:nth-child(2),
html.runtime-themed .drawer-quick button:last-child,
html.runtime-themed .desktop-auth .btn-register,
html.runtime-themed .wheel-segment.active,
html.runtime-themed .cashback-teaser {
  background: linear-gradient(180deg, var(--runtime-accent), color-mix(in srgb, var(--runtime-accent), #140900 40%)) !important;
  color: #211400 !important;
  border-color: rgba(var(--runtime-accent-rgb), .5) !important;
  box-shadow: 0 12px 26px rgba(var(--runtime-accent-rgb), .18) !important;
}

html.runtime-themed .cat-tab i,
html.runtime-themed .rail-link .ricon,
html.runtime-themed .drawer-balance-row span i,
html.runtime-themed .cb-pct,
html.runtime-themed .cashback-rules b,
html.runtime-themed .wheel-segment b,
html.runtime-themed .top-balance-card b,
html.runtime-themed .rail-balance b,
html.runtime-themed .drawer-balance-row b {
  color: var(--runtime-accent) !important;
}

html.runtime-themed .cat-tab.active,
html.runtime-themed .nav-item.active .nav-icon,
html.runtime-themed .bottom-nav .nav-item.active .nav-icon,
html.runtime-themed .rail-link.active {
  background:
    linear-gradient(180deg, rgba(var(--runtime-primary-rgb), .22), rgba(var(--runtime-primary-rgb), .08)) !important;
  color: #fff !important;
  border-color: rgba(var(--runtime-primary-rgb), .52) !important;
  box-shadow: 0 10px 28px rgba(var(--runtime-primary-rgb), .14) !important;
}

html.runtime-themed .cat-tab.active i,
html.runtime-themed .footer-grid ul a:hover,
html.runtime-themed .rail-link.active .ricon,
html.runtime-themed .input:focus,
html.runtime-themed .form-input:focus {
  color: var(--runtime-primary) !important;
  border-color: rgba(var(--runtime-primary-rgb), .62) !important;
}

html.runtime-themed .input,
html.runtime-themed .form-input,
html.runtime-themed input,
html.runtime-themed select,
html.runtime-themed textarea {
  background: rgba(var(--runtime-bg-rgb), .72) !important;
  border-color: rgba(var(--runtime-primary-rgb), .22) !important;
}

@supports not (background: color-mix(in srgb, #fff, #000)) {
  html.runtime-themed .btn-main,
  html.runtime-themed .top-action.deposit,
  html.runtime-themed .install-btn,
  html.runtime-themed .rail-quick button:first-child,
  html.runtime-themed .rail-account.guest button,
  html.runtime-themed .drawer-quick button:first-child,
  html.runtime-themed .desktop-auth .btn-login,
  html.runtime-themed .cashback-claim-btn,
  html.runtime-themed .wheel-spin-btn {
    background: linear-gradient(180deg, var(--runtime-primary), #006da8) !important;
  }

  html.runtime-themed .top-action.withdraw,
  html.runtime-themed .rail-quick button:nth-child(2),
  html.runtime-themed .drawer-quick button:last-child,
  html.runtime-themed .desktop-auth .btn-register,
  html.runtime-themed .wheel-segment.active,
  html.runtime-themed .cashback-teaser {
    background: linear-gradient(180deg, var(--runtime-accent), #a36f18) !important;
  }
}

@media (max-width: 767px) {
  html.runtime-themed .brand-logo.brand-logo-image img {
    max-width: 136px !important;
  }

  html.runtime-themed.runtime-bg-image body:before {
    background:
      linear-gradient(180deg, rgba(var(--runtime-bg-rgb), .78), rgba(var(--runtime-bg-rgb), .93)),
      var(--runtime-bg-image) center top / cover fixed no-repeat !important;
  }
}