/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
 */

body {
  background-color: #060709;
  background-image: linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size: 64px 64px;
}

body .marrxuss-catalog,
body .marrxuss-section,
body .marrxuss-buy,
body .marrxuss-signature,
body .mxpaths,
body .mxfaq,
body .mxstats {
  background-image: linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size: 64px 64px;
}

/* Product cards: DMAExport layout in Marrxuss colors. */
.dma-product-card,
.dma-product-card * { box-sizing: border-box; }

.dma-product-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 8px;
  background: #15161a;
  color: #fff;
  font-family: Inter, Arial, sans-serif;
  text-decoration: none;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .16);
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.dma-product-card:hover {
  border-color: rgba(255, 0, 0, .5);
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .26), 0 0 0 1px rgba(255, 0, 0, .08);
}
.dma-product-card:focus-visible { outline: 2px solid #ff3030; outline-offset: 3px; }

.dma-product-card__media {
  position: relative;
  flex: none;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #111217;
}
.dma-product-card__media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}
.dma-product-card:hover .dma-product-card__media > img {
  transform: scale(1.025);
  filter: brightness(1.04);
}
.dma-product-card__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: rgba(255, 255, 255, .22);
  background: radial-gradient(circle at 50% 45%, rgba(255, 0, 0, .13), transparent 58%), #111217;
}
.dma-product-card__placeholder svg { width: 36px; }

.dma-product-card__badges {
  position: absolute;
  top: 11px;
  left: 0;
  display: grid;
  gap: 5px;
}
.dma-product-card__badges span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: max-content;
  padding: 5px 9px;
  border-left: 1px solid var(--dma-badge-color, #1edb32);
  border-radius: 0 4px 4px 0;
  background: rgba(21, 22, 26, .92);
  background: color-mix(in srgb, var(--dma-badge-color, #1edb32) 25%, rgba(21, 22, 26, .92));
  color: var(--dma-badge-color, #1edb32);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
  box-shadow: 0 4px 13px rgba(0, 0, 0, .24);
}

.dma-product-card__status {
  position: absolute;
  z-index: 4;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100% - 24px);
  overflow: hidden;
  padding: 6px 25px 6px 8px;
  border-left: 1px solid var(--dma-badge-color, #1edb32);
  border-radius: 5px;
  background: rgba(30, 219, 50, .25);
  background: color-mix(in srgb, var(--dma-badge-color, #1edb32) 25%, rgba(21, 22, 26, .92));
  color: var(--dma-badge-color, #1edb32);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .35);
}
.dma-product-card__status--text-only { padding-right: 8px; }
.dma-product-card__status-icon {
  position: relative;
  z-index: 2;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
}
.dma-product-card__status span {
  position: relative;
  z-index: 2;
  overflow: hidden;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .025em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.dma-product-card__status-mark {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -8px;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 1;
  text-align: center;
  opacity: .2;
  transform: translateY(-50%) rotate(-20deg);
}

.dma-product-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 15px 16px 16px;
}
.dma-product-card__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
}
.dma-product-card__name { min-width: 0; flex: 1; }
.dma-product-card__name h3 {
  overflow: hidden;
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dma-product-card__category {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  color: rgba(245, 245, 246, .59);
  font-size: 12px;
  font-weight: 450;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dma-product-card__price {
  display: inline-flex;
  flex: none;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}
.dma-product-card__price small {
  color: rgba(255, 255, 255, .4);
  font-size: 9px;
  font-weight: 450;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
}
.dma-product-card__price strong {
  color: #ff6262;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.15;
}
.dma-product-card__divider {
  height: 1px;
  margin: 14px 0 12px;
  background: rgba(255, 255, 255, .065);
}
.dma-product-card__footer { display: block; margin-top: auto; }
.dma-product-card__buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  min-height: 46px;
  padding: 0 20px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 6px;
  background: #27292f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .01em;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
}
.dma-product-card__buy svg { width: 16px; height: 16px; }
.dma-product-card:hover .dma-product-card__buy {
  border-color: transparent;
  background: linear-gradient(135deg, #c90000, #ff0000);
  transform: translateY(-1px);
}

@media (max-width: 575.98px) {
  .dma-product-card__name h3 { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .dma-product-card, .dma-product-card__media > img, .dma-product-card__buy { transition: none; }
}


/* Glow-inspired Marrxuss customer area. */
.mxaccount-dashboard, .mxaccount-page {
  position: relative; max-width: 1270px; color: #f6f6f7;
  font-family: var(--bs-body-font-family,Inter,sans-serif);
}
.mxaccount-dashboard::before, .mxaccount-page::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: -210px; left: 17%; width: 65%; height: 520px;
  background: radial-gradient(ellipse,rgba(255,0,0,.095),transparent 67%);
  filter: blur(80px);
}
.mxaccount-dashboard__section, .mxaccount-page > .py-5-nav { padding-top: 45px; padding-bottom: 85px; }
.mxaccount-dashboard__layout, .mxaccount-page > .py-5-nav > .row { --bs-gutter-x: 30px; }
.mxaccount-dashboard__aside, .mxaccount-aside { margin-bottom: 24px; }
.mxaccount-dashboard__main, .mxaccount-content { min-width: 0; }

/* Glow-style navigation with a solid Marrxuss surface. */
.mxglow-sidebar {
  overflow: hidden; border: 2px solid rgba(255,255,255,.055); border-radius: 12px;
  background: #15161b; color: #f6f6f7;
}
.mxglow-sidebar__head { padding: 27px 24px; border-bottom: 2px solid rgba(255,255,255,.055); }
.mxglow-sidebar__head h2 { margin: 0; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.25; }
.mxglow-sidebar__head p { margin: 9px 0 0; color: #a9a9b0; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; }
.mxglow-sidebar__head p span { color: #c7c7cc; }
.mxglow-sidebar__nav { display: grid; gap: 15px; padding: 23px 24px 27px; background: #131419; }
.mxglow-sidebar__link {
  display: flex; align-items: center; gap: 11px; width: 100%; padding: 0;
  border: 0; background: transparent; color: #bcbcc3;
  font: inherit; font-size: 13px; font-weight: 510; line-height: 1.4;
  text-align: left; text-decoration: none; cursor: pointer;
}
.mxglow-sidebar__link:hover, .mxglow-sidebar__link.is-active { color: #ff6969; text-decoration: none; }
.mxglow-sidebar__icon {
  display: grid; flex: 0 0 auto; place-items: center; width: 37px; height: 37px;
  border: 1px solid rgba(255,255,255,.065); border-radius: 7px;
  background: rgba(255,255,255,.025); color: #aeafb7; font-size: 15px;
}
.mxglow-sidebar__link.is-active .mxglow-sidebar__icon, .mxglow-sidebar__link:hover .mxglow-sidebar__icon { color: #ff7676; border-color: rgba(255,80,80,.17); }
.mxglow-sidebar__link small { margin-left: auto; color: #b7b7be; font-size: 11px; white-space: nowrap; }

/* Spacious glass panels used throughout the account pages. */
.mxaccount-card, .mxaccount-page .card, .mxglow-order-card, .mxglow-ticket-card, .mxglow-empty, .mxglow-info {
  position: relative; isolation: isolate; overflow: hidden;
  border: 2px solid rgba(255,255,255,.055); border-radius: 12px;
  background-color: rgba(255,255,255,.045);
  background-image: radial-gradient(155px 135px at 100% 0%,rgba(255,0,0,.075),transparent 83%),
                    radial-gradient(155px 135px at 0% 100%,rgba(255,0,0,.052),transparent 84%);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  color: #f6f6f7; box-shadow: none;
}
.mxaccount-page .card { min-width: 0; }
.mxaccount-card { padding: 26px; }
.mxaccount-page .card.p-4 { padding: 26px !important; }
.mxaccount-page a.card:hover, .mxglow-ticket-card:hover { border-color: rgba(255,80,80,.2); color: #fff; }
.mxaccount-dashboard__metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.mxaccount-metric { min-height: 135px; }
.mxaccount-metric h2, .mxaccount-card h3, .mxaccount-page .card h3, .mxaccount-page .card h4, .mxaccount-page .card h5 {
  margin: 0; color: #c8c8cf; font-size: 16px; font-weight: 540; line-height: 1.4;
}
.mxaccount-metric__value { margin-top: 15px; color: #fff; font-size: 26px; font-weight: 650; line-height: 1.3; overflow-wrap: anywhere; }
.mxaccount-metric__value--date { font-size: clamp(18px,1.8vw,23px); }
.mxaccount-dashboard__overview { display: grid; grid-template-columns: minmax(0,2fr) minmax(210px,1fr); gap: 16px; margin-top: 16px; }
.mxaccount-dashboard__overview:has(> .mxaccount-order:only-child) { grid-template-columns: 1fr; }
.mxaccount-order, .mxaccount-balance { min-height: 165px; }
.mxaccount-order__content { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: 16px; }
.mxaccount-order__body { min-width: 0; }
.mxaccount-order__body h4 { margin: 0 0 8px; color: #fff; font-size: 21px; font-weight: 630; line-height: 1.3; overflow-wrap: anywhere; }
.mxaccount-order__body span, .mxaccount-order__empty { color: #a7a7ae; font-size: 12px; }
.mxaccount-order__empty { margin: 15px 0 0; }
.mxaccount-balance__value { margin: 15px 0 8px; color: #fff; font-size: 25px; font-weight: 650; overflow-wrap: anywhere; }
.mxaccount-link { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; color: #ff6767; font: inherit; font-size: 12px; font-weight: 590; line-height: 1.45; text-align: left; text-decoration: none; cursor: pointer; }
.mxaccount-link:hover { color: #ff9a9a; text-decoration: none; }
.mxaccount-link i { font-size: 10px; }
.mxaccount-dashboard__security { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
.mxaccount-security { display: flex; flex-direction: column; min-height: 160px; }
.mxaccount-security p { margin: 10px 0 17px; color: #aaaab2; font-size: 12px; line-height: 1.55; }
.mxaccount-security .mxaccount-link { align-self: flex-start; margin-top: auto; }
.mxaccount-dashboard__danger { display: flex; justify-content: flex-end; margin-top: 18px; }
.mxaccount-dashboard__danger span { display: none; }
.mxaccount-dashboard__danger button { padding: 9px 15px; border: 1px solid rgba(255,75,75,.55); border-radius: 999px; background: transparent; color: #ff7777; font: inherit; font-size: 12px; cursor: pointer; }
.mxaccount-dashboard__danger button:hover { background: rgba(255,0,0,.08); }

/* Existing account forms and tables inherit the same glass language. */
.mxaccount-page .card h4, .mxaccount-page .card h5 { color: #dbdbe0; }
.mxaccount-page .card p { color: #aaaab2; line-height: 1.55; }
.mxaccount-page .text-muted { color: #a1a1aa !important; }
.mxaccount-page .card .text-primary, .mxaccount-page .text-accent-500 { color: #ff7070 !important; }
.mxaccount-page .card .btn { border-radius: 7px; font-size: 12px; }
.mxaccount-page .card .btn-primary { background: #ee2424; border-color: #ee2424; color: #fff; box-shadow: none; }
.mxaccount-page .card .btn-primary:hover { background: #ff3030; border-color: #ff3030; }
.mxaccount-page .card .btn-outline-primary, .mxaccount-page .card .btn-outline-secondary { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.045); color: #e6e6e8; }
.mxaccount-page .card .btn-outline-primary:hover, .mxaccount-page .card .btn-outline-secondary:hover { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.09); }
.mxaccount-page .form-control, .mxaccount-page .form-select { min-height: 38px; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: rgba(255,255,255,.045); color: #fff; }
.mxaccount-page .form-control:focus, .mxaccount-page .form-select:focus { border-color: rgba(255,70,70,.6); box-shadow: 0 0 0 3px rgba(255,0,0,.08); }
.mxaccount-page .form-control::placeholder { color: #91919a; }
.mxaccount-page .table { --bs-table-bg: transparent; --bs-table-color: #efeff0; --bs-table-border-color: rgba(255,255,255,.08); margin-bottom: 0; color: #efeff0; font-size: 12px; vertical-align: middle; }
.mxaccount-page .table thead th { padding: 12px 10px; color: #acacb4; font-size: 11px; font-weight: 610; white-space: nowrap; }
.mxaccount-page .table tbody td { padding: 13px 10px; }
.mxaccount-page .table tbody tr:last-child td { border-bottom: 0; }
.mxaccount-page .alert { border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: rgba(255,255,255,.055); color: #e7e7e9; }
.mxaccount-page .pagination .page-link { border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.045); color: #dddde0; }
.mxaccount-page .pagination .page-item.active .page-link { border-color: rgba(255,70,70,.34); background: rgba(255,0,0,.15); color: #fff; }

/* Glow-style order and ticket cards. */
.mxglow-list { display: grid; gap: 16px; }
.mxglow-order-card__body { padding: 25px 26px 22px; }
.mxglow-order-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mxglow-order-card__product { min-width: 0; color: #f7f7f8; font-size: 20px; font-weight: 640; line-height: 1.3; text-decoration: none; overflow-wrap: anywhere; }
.mxglow-order-card__product:hover { color: #fff; text-decoration: underline; }
.mxglow-order-card__body p { margin: 13px 0 0; color: #a5a5ad; font-size: 13px; }
.mxglow-order-card__body p span { margin: 0 5px; color: #777780; }
.mxglow-status { display: inline-flex; align-items: center; flex: 0 0 auto; padding: 5px 9px; border: 1px solid rgba(255,255,255,.11); border-radius: 6px; background: rgba(255,255,255,.07); color: #d0d0d5; font-size: 11px; font-weight: 580; text-transform: capitalize; }
.mxglow-status--completed, .mxglow-status--closed, .mxglow-status--active { border-color: rgba(35,192,111,.18); background: rgba(35,192,111,.1); color: #62d99a; }
.mxglow-status--pending, .mxglow-status--partially_completed, .mxglow-status--past_due { border-color: rgba(241,177,54,.2); background: rgba(241,177,54,.1); color: #f4c66f; }
.mxglow-status--open, .mxglow-status--confirming, .mxglow-status--trialing { border-color: rgba(81,157,243,.2); background: rgba(81,157,243,.1); color: #8fc3ff; }
.mxglow-status--out_of_stock, .mxglow-status--expired, .mxglow-status--refunded, .mxglow-status--cancelled { border-color: rgba(255,105,105,.2); background: rgba(255,105,105,.1); color: #ff9999; }
.mxglow-order-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 26px; border-top: 1px solid rgba(255,255,255,.075); }
.mxglow-order-card__invoice { color: #a9a9b0; font-size: 12px; }
.mxglow-order-card__invoice a { color: #ff7777; text-decoration: none; }
.mxglow-order-card__invoice small { display: block; margin-top: 3px; color: #898993; font-size: 10px; }
.mxglow-order-card__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.mxglow-action { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; background: rgba(255,255,255,.06); color: #dddde2; font: inherit; font-size: 11px; text-decoration: none; cursor: pointer; }
.mxglow-action:hover { background: rgba(255,255,255,.1); color: #fff; }
.mxglow-action--accent { border-color: rgba(255,62,62,.18); background: rgba(255,0,0,.1); color: #ff8989; }
.mxglow-action--accent:hover { background: rgba(255,0,0,.16); color: #fff; }
.mxglow-ticket-card { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 23px 26px; text-decoration: none; }
.mxglow-ticket-card strong { display: block; color: #f7f7f8; font-size: 17px; font-weight: 620; overflow-wrap: anywhere; }
.mxglow-ticket-card small { display: block; margin-top: 7px; color: #a4a4ac; font-size: 12px; }
.mxglow-empty { padding: 26px; color: #e2e2e5; font-size: 18px; font-weight: 590; }
.mxglow-info { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 15px 19px; }
.mxglow-info i { color: #ff7373; }
.mxglow-info p, .mxglow-filter-note { margin: 0; color: #b3b3bb; font-size: 12px; }
.mxglow-info a, .mxglow-filter-note a { color: #ff7777; }
.mxglow-filter-note { margin-bottom: 15px; }

/* Reseller receives the same panels while retaining its catalog and actions. */
.mxaccount-reseller-layout > .col-12:not(.mxaccount-reseller-section-label) { margin-bottom: 16px !important; }
.mxaccount-reseller-section-label { display: none; }
.mxaccount-reseller-tier .mxaccount-reseller-stats { flex-wrap: wrap; gap: 14px 22px !important; margin-top: 19px !important; }
.mxaccount-reseller-tier .mxaccount-reseller-stats h5 { color: #fff; font-size: 21px; font-weight: 640; }
.mxaccount-reseller-balance { display: flex; flex-direction: column; justify-content: space-between; }
.mxaccount-reseller-balance h5 { color: #fff !important; font-size: 23px !important; }
.mxaccount-reseller-connection { border-color: rgba(255,255,255,.055) !important; }
.mxaccount-reseller-catalog .table-responsive { border: 1px solid rgba(255,255,255,.065); border-radius: 7px; }
.mxaccount-reseller-catalog .table { min-width: 680px; }
.mxaccount-reseller-catalog .table tbody tr[hidden] { display: none !important; }
.mxaccount-reseller-catalog .table a { color: #f3f3f5 !important; }
.mxaccount-reseller-catalog .table a:hover { color: #ff8585 !important; }
.mxaccount-catalog-tools { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 12px; margin: 18px 0; }
.mxaccount-catalog-search { display: grid; gap: 7px; width: min(100%,340px); }
.mxaccount-catalog-search label, .mxaccount-catalog-tools__count { color: #adadb5; font-size: 12px; }
.mxaccount-catalog-search__field { position: relative; }
.mxaccount-catalog-search__field > i { position: absolute; top: 50%; left: 12px; color: #9e9ea6; font-size: 12px; transform: translateY(-50%); pointer-events: none; }
.mxaccount-page .mxaccount-catalog-search__field input { width: 100%; padding-left: 36px; padding-right: 34px; }
.mxaccount-catalog-search__clear { position: absolute; top: 50%; right: 7px; display: grid; place-items: center; width: 25px; height: 25px; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #aaaab2; transform: translateY(-50%); cursor: pointer; }
.mxaccount-catalog-search__clear:hover { color: #fff; }
.mxaccount-catalog-empty, .mxaccount-catalog-status { margin: 12px 0 0; color: #aaaab2; font-size: 12px; }
.mxaccount-catalog-results { display: grid; gap: 7px; margin-top: 14px; }
.mxaccount-catalog-results a { display: flex; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(255,255,255,.045); color: #e7e7e9; font-size: 12px; text-decoration: none; }
.mxaccount-catalog-results a:hover { border-color: rgba(255,75,75,.25); color: #fff; }
.mxaccount-catalog-results small { color: #ff8c8c; white-space: nowrap; }
.mxaccount-catalog-results[hidden], .mxaccount-catalog-empty[hidden], .mxaccount-catalog-status[hidden], [data-mx-reseller-pagination][hidden], .mxaccount-catalog-search__clear[hidden] { display: none !important; }

@media (max-width: 991.98px) {
  .mxaccount-dashboard__section, .mxaccount-page > .py-5-nav { padding-top: 27px; }
}
@media (max-width: 767.98px) {
  .mxaccount-dashboard__section, .mxaccount-page > .py-5-nav { padding-top: 18px; padding-bottom: 55px; }
  .mxaccount-dashboard__metrics, .mxaccount-dashboard__overview, .mxaccount-dashboard__security { grid-template-columns: 1fr; }
  .mxaccount-dashboard__metrics { gap: 14px; }
  .mxaccount-card, .mxaccount-page .card.p-4 { padding: 20px !important; }
  .mxaccount-order__content, .mxglow-order-card__top, .mxglow-order-card__footer, .mxglow-ticket-card { align-items: flex-start; flex-direction: column; }
  .mxglow-order-card__body { padding: 20px; }
  .mxglow-order-card__footer { padding: 15px 20px; }
  .mxglow-order-card__actions { justify-content: flex-start; }
  .mxglow-ticket-card { padding: 20px; }
  .mxglow-sidebar__head { padding: 22px; }
  .mxglow-sidebar__nav { padding: 20px 22px; }
}
.mxaccount-page .text-danger { color: #ff7777 !important; }
.mxaccount-page .text-success { color: #5fd69b !important; }
.mxaccount-page--balance .mxaccount-content > .row:first-child .card h5 { color: #fff; font-size: 25px; font-weight: 650; }
.mxaccount-page--subscriptions .mxaccount-content > .small { padding: 24px; border: 2px solid rgba(255,255,255,.055); border-radius: 12px; background: rgba(255,255,255,.045); }
.mxaccount-page--ticket .ticket-messages-container { overflow: hidden; }
.mxaccount-page--invoices .mxglow-list + .mt-4, .mxaccount-page--tickets .mxglow-list + .mt-4 { margin-top: 18px !important; }

/* Customer sidebar refresh. Presentation only; shared by both theme sidebar copies. */
.mxsidebar-clean {
  --mx-sidebar-surface: #121317;
  --mx-sidebar-text: oklch(0.975 0.002 286);
  --mx-sidebar-muted: oklch(0.738 0.010 286);
  --mx-sidebar-label: oklch(0.61 0.010 286);
  --mx-sidebar-border: rgba(255,255,255,.075);
  --mx-sidebar-accent: var(--cl-accent, oklch(0.628 0.258 29.234));
  --mx-sidebar-accent-text: oklch(0.731 0.185 24);
  --mx-sidebar-active: color-mix(in oklch, var(--mx-sidebar-accent) 9%, transparent);
  --mx-sidebar-hover: oklch(1 0 0 / .035);
  position: sticky; top: 104px; padding: 0; overflow: hidden;
  border: 1px solid var(--mx-sidebar-border); border-radius: 12px;
  background: radial-gradient(155px 135px at 100% 0%,rgba(255,0,0,.075),transparent 83%), radial-gradient(155px 135px at 0% 100%,rgba(255,0,0,.052),transparent 84%), var(--mx-sidebar-surface); color: var(--mx-sidebar-text);
  font-family: var(--bs-font-sans-serif, Inter, sans-serif); letter-spacing: 0;
}
.mxsidebar-clean__head { display: flex; gap: 12px; align-items: center; padding: 24px 18px; border-bottom: 1px solid var(--mx-sidebar-border); }
.mxsidebar-clean__avatar { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--mx-sidebar-border); background: var(--mx-sidebar-hover); color: var(--mx-sidebar-text); }
.mxsidebar-clean__avatar svg { width: 23px; height: 23px; }
.mxsidebar-clean__identity { min-width: 0; }
.mxsidebar-clean__identity h2 { margin: 0 0 5px; color: var(--mx-sidebar-text); font-size: 16px; line-height: 1.4; font-weight: 650; }
.mxsidebar-clean__email { display: block; color: var(--mx-sidebar-muted); font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.mxsidebar-clean__nav { display: grid; gap: 20px; padding: 20px 12px 12px; }
.mxsidebar-clean__group { display: grid; gap: 4px; min-width: 0; }
.mxsidebar-clean__nav .mxsidebar-clean__label { margin: 0 0 5px; padding: 0 12px; color: var(--mx-sidebar-label); font-size: 10px; line-height: 1.5; font-weight: 600; }
.mxsidebar-clean .mxglow-sidebar__link, .mxsidebar-clean .nav-link {
  display: flex; gap: 12px; align-items: center; min-height: 44px; width: 100%; padding: 10px 12px;
  border: 1px solid transparent; border-radius: 6px; background: transparent;
  color: var(--mx-sidebar-muted); font: inherit; font-size: 13px; line-height: 1.5;
  font-weight: 500; text-decoration: none; text-align: start; cursor: pointer;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}
.mxsidebar-clean .mxglow-sidebar__icon { display: grid; place-items: center; flex: 0 0 18px; width: 18px; height: 20px; border: 0; border-radius: 0; background: transparent; color: inherit; }
.mxsidebar-clean .mxglow-sidebar__icon svg { width: 18px; height: 18px; }
.mxsidebar-clean .mxglow-sidebar__link:hover, .mxsidebar-clean .nav-link:hover { background: var(--mx-sidebar-hover); color: var(--mx-sidebar-text); }
.mxsidebar-clean .mxglow-sidebar__link.is-active, .mxsidebar-clean .nav-link.active { background: var(--mx-sidebar-active); color: var(--mx-sidebar-accent-text); border-color: color-mix(in oklch, var(--mx-sidebar-accent) 16%, transparent); box-shadow: none; }
.mxsidebar-clean .mxglow-sidebar__link.is-active .mxglow-sidebar__icon, .mxsidebar-clean .mxglow-sidebar__link:hover .mxglow-sidebar__icon { color: inherit; border: 0; }
.mxsidebar-clean .mxglow-sidebar__link small { margin-inline-start: auto; padding: 3px 7px; border-radius: 4px; background: var(--mx-sidebar-hover); color: var(--mx-sidebar-text); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.mxsidebar-clean__footer { margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--mx-sidebar-border); }
.mxsidebar-clean a:focus-visible, .mxsidebar-clean button:focus-visible { outline: 2px solid var(--mx-sidebar-accent-text); outline-offset: -2px; }
@media (max-width: 991.98px) { .mxsidebar-clean { position: static; } }
@media (prefers-reduced-motion: reduce) { .mxsidebar-clean .mxglow-sidebar__link, .mxsidebar-clean .nav-link { transition: none; } }

/* Dashboard actions and account dialogs. */
.mxaccount-dashboard__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.mxaccount-dashboard__eyebrow { display: block; margin-bottom: 5px; color: #ff7676; font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.mxaccount-dashboard__toolbar h1 { margin: 0; color: #fff; font-size: clamp(24px, 2.2vw, 31px); font-weight: 650; letter-spacing: -.035em; line-height: 1.15; }
.mxaccount-actions { position: relative; z-index: 8; flex: 0 0 auto; }
.mxaccount-actions__trigger { display: grid; place-items: center; width: 39px; height: 39px; padding: 0; border: 1px solid rgba(255,255,255,.11); border-radius: 9px; background: #17181c; color: #dddde2; cursor: pointer; }
.mxaccount-actions__trigger:hover, .mxaccount-actions__trigger[aria-expanded="true"] { border-color: rgba(255,75,75,.35); background: #231719; color: #fff; }
.mxaccount-actions__trigger:focus-visible, .mxaccount-actions__menu button:focus-visible { outline: 2px solid #ff6969; outline-offset: 2px; }
.mxaccount-actions__menu { position: absolute; top: calc(100% + 9px); right: 0; width: min(260px, calc(100vw - 32px)); padding: 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: #18191e; box-shadow: 0 18px 44px rgba(0,0,0,.42); }
.mxaccount-actions__label { display: block; padding: 8px 10px 9px; color: #868790; font-size: 10px; font-weight: 680; letter-spacing: .1em; }
.mxaccount-actions__menu button { display: flex; align-items: center; gap: 11px; width: 100%; min-height: 39px; padding: 9px 10px; border: 0; border-radius: 7px; background: transparent; color: #dedee3; font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
.mxaccount-actions__menu button:hover { background: rgba(255,255,255,.06); color: #fff; }
.mxaccount-actions__menu svg { width: 17px; height: 17px; flex: 0 0 17px; color: #a8a8b1; }
.mxaccount-actions__divider { display: block; height: 1px; margin: 6px 2px; background: rgba(255,255,255,.08); }
.mxaccount-actions__menu .mxaccount-actions__logout, .mxaccount-actions__menu .mxaccount-actions__logout svg { color: #ff8585; }
.mxaccount-actions__menu .mxaccount-actions__logout:hover { background: rgba(255,0,0,.09); }

body:has(.mxaccount-dashboard, .mxaccount-page) .modal-backdrop.show { background: #050609; opacity: .68; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal-dialog { padding: 12px; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal-content { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: radial-gradient(240px 180px at 100% 0%,rgba(255,0,0,.065),transparent 80%), #15161b; color: #f3f3f5; box-shadow: 0 24px 70px rgba(0,0,0,.46); }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal-header { padding: 20px 22px 15px; border-bottom: 1px solid rgba(255,255,255,.075); }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal-title { color: #fff; font-size: 18px; font-weight: 650; letter-spacing: -.02em; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal-body { padding: 21px 22px 23px; color: #b8b8c1; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal-footer { padding: 15px 22px; border-top: 1px solid rgba(255,255,255,.075); }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal .btn-close { width: 26px; height: 26px; padding: 5px; border-radius: 7px; background-color: rgba(255,255,255,.1); filter: invert(1) grayscale(1); opacity: .75; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal .btn-close:hover { opacity: 1; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal .form-control, body:has(.mxaccount-dashboard, .mxaccount-page) .modal .form-select { min-height: 41px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background-color: #202127; color: #fff; box-shadow: none; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal .form-control:focus, body:has(.mxaccount-dashboard, .mxaccount-page) .modal .form-select:focus { border-color: rgba(255,69,69,.55); }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal .form-control::placeholder { color: #888993; }
body:has(.mxaccount-dashboard, .mxaccount-page) .modal .btn { border-radius: 8px; font-size: 12px; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .mxaccount-actions__menu { transition: none !important; } }