/**
 * Swiftqash · Brand indigo platform theme
 * Matches register "Create account" panel across the app.
 */
:root {
  --sq-primary: #4543B8;
  --sq-primary-dark: #3533A0;
  --sq-primary-soft: #5B8CFF;
  --sq-orange: #FFB400;
  --sq-orange-deep: #E09A00;
  --sq-pink: #FF3B74;
  --sq-pink-deep: #E01E5A;
  --sq-blue: #1A86FF;
  --sq-blue-deep: #0F6AD9;
  --sq-teal: #00D6CC;
  --sq-teal-deep: #00A8A0;
  --sq-sidebar: #3a38a8;
  --sq-page: #2c2a7a;
  --sq-ink: #F4F6FF;
  --sq-muted: #C5CAE8;
  --sq-card: rgba(255, 255, 255, 0.08);
  --sq-card-solid: rgba(255, 255, 255, 0.08);
  --sq-radius: 0;
  --sq-shadow: 0 8px 24px rgba(16, 14, 64, 0.28);
  --sq-shadow-lg: 0 10px 28px rgba(16, 14, 64, 0.35);
  --sq-brand:
    linear-gradient(160deg, rgba(255, 180, 0, 0.16) 0%, transparent 42%),
    linear-gradient(145deg, #3a38a8 0%, #4543b8 48%, #2c2a7a 100%);

  --purple: var(--sq-primary);
  --lilac: var(--sq-primary-soft);
  --deep: #1A1A32;
  --deep-2: var(--sq-primary-dark);
  --paper: var(--sq-page);
  --ink: var(--sq-ink);
  --muted: var(--sq-muted);
  --line: rgba(255, 255, 255, 0.16);
  --grad: linear-gradient(135deg, var(--sq-primary-soft) 0%, var(--sq-primary) 55%, var(--sq-primary-dark) 100%);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Page + chrome — register brand canvas */
body,
body.dashboard-page {
  background: var(--sq-brand) !important;
  background-attachment: fixed !important;
  color: var(--sq-muted);
}
.content-wrapper {
  background: transparent !important;
}
.page-body-wrapper,
.main-panel {
  background: transparent !important;
}
.card {
  background: var(--sq-card-solid) !important;
  border: 1px solid var(--line) !important;
  color: var(--sq-ink) !important;
  box-shadow: var(--sq-shadow) !important;
}
.card .card-title,
.card .card-body,
.page-title,
h1, h2, h3, h4, h5, h6 {
  color: var(--sq-ink) !important;
}
.card,
.dash-card-top,
.dash-stat,
.dash-wallets,
.dash-box,
.dash-invite {
  border-radius: 0 !important;
}
.navbar,
.navbar .navbar-menu-wrapper {
  background: rgba(42, 40, 140, 0.92) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link,
.navbar .navbar-toggler {
  color: #fff !important;
}
/* Brand strip — hidden on user pages (Features + search replace it) */
.navbar .navbar-brand-wrapper {
  background: transparent !important;
  border-bottom: 1px solid transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.navbar .navbar-brand-wrapper .navbar-brand {
  color: #fff !important;
}
.navbar .navbar-brand-wrapper .navbar-brand img.brand-lockup,
.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img.brand-lockup {
  height: 28px !important;
  max-width: 210px !important;
  width: auto !important;
}
body.sq-user-header .navbar .navbar-brand-wrapper,
body:has(.sidebar-user) .navbar .navbar-brand-wrapper {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
body.sq-user-header .navbar .navbar-menu-wrapper,
body:has(.sidebar-user) .navbar .navbar-menu-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
.navbar .navbar-toggler.navbar-toggler-features {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  width: auto !important;
  padding: 0.35rem 0.25rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  line-height: 1 !important;
}
.navbar .navbar-toggler.navbar-toggler-features:hover .navbar-features-label,
.navbar .navbar-toggler.navbar-toggler-features:hover .mdi-menu {
  color: var(--sq-orange) !important;
}
body.sq-user-header .navbar .navbar-toggler-right,
body:has(.sidebar-user) .navbar .navbar-toggler-right {
  display: none !important;
}
.navbar .navbar-toggler.navbar-toggler-features .mdi-menu {
  font-size: 1.25rem !important;
}
.navbar .navbar-features-label {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #fff !important;
  text-transform: none !important;
}
.navbar .sq-header-search {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 14rem !important;
  margin: 0 !important;
  z-index: 2 !important;
}
.navbar .sq-header-search .input-group {
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.navbar .sq-header-search .input-group-text,
.navbar .sq-header-search .form-control {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.navbar .sq-header-search .input-group-text {
  padding: 0 0.3rem 0 0.5rem !important;
}
.navbar .sq-header-search .form-control {
  font-size: 0.8rem !important;
  padding: 0.3rem 0.5rem 0.3rem 0 !important;
  height: 2rem !important;
}
.navbar .sq-header-search .form-control::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}
.navbar .sq-search-results {
  position: absolute;
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  width: 17rem;
  max-width: 90vw;
  max-height: 60vh;
  overflow-y: auto;
  z-index: 4100;
  background: rgba(36, 34, 112, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--sq-shadow-lg);
  padding: 0.25rem 0;
}
.navbar .sq-search-results[hidden] {
  display: none !important;
}
.navbar .sq-search-item {
  display: block;
  padding: 0.5rem 0.85rem;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.82rem;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar .sq-search-item:hover,
.navbar .sq-search-item:focus {
  background: rgba(255, 255, 255, 0.1);
  color: var(--sq-orange) !important;
  outline: none;
}
.navbar .sq-search-empty {
  padding: 0.5rem 0.85rem;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.82rem;
}
.navbar .sq-header-search .mdi-magnify {
  font-size: 1.15rem !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
@media (max-width: 767.98px) {
  .navbar .sq-header-search {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    align-self: center !important;
    flex: 0 1 9rem !important;
    width: auto !important;
    margin: 0 auto !important;
    min-width: 0 !important;
  }
  body.sq-user-header .navbar .navbar-nav-right,
  body:has(.sidebar-user) .navbar .navbar-nav-right {
    margin-left: 0 !important;
  }
  .navbar .navbar-toggler.navbar-toggler-features {
    position: static !important;
    flex-shrink: 0 !important;
  }
  .navbar .sq-search-results {
    left: auto;
    right: 0;
    transform: none;
  }
  .navbar .navbar-features-label {
    font-size: 0.75rem !important;
  }
  .navbar .navbar-toggler-right.navbar-toggler-features .navbar-features-label {
    display: none !important;
  }
}

/* Language switcher lives on dashboard welcome only */
.sidebar {
  background: var(--sq-brand) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.sidebar .nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.86) !important;
  font-weight: 600;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
  color: rgba(255, 255, 255, 0.72) !important;
}
.sidebar .nav .nav-item.nav-category {
  padding: 1rem 1.1rem 0.35rem !important;
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  pointer-events: none;
  background: transparent !important;
}
.sidebar .nav .nav-item.nav-category:first-child {
  padding-top: 0.55rem !important;
}
.sidebar-user {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.sidebar-user::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
.sidebar-user::-webkit-scrollbar-thumb,
.sidebar-user::-webkit-scrollbar-track {
  background: transparent !important;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow {
  color: rgba(255, 255, 255, 0.55) !important;
}
.sidebar .nav .nav-item .nav-link i.menu-arrow:before {
  content: "\F0415" !important; /* mdi-plus */
  font-size: 1rem !important;
}
.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
  content: "\F0415" !important;
}
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
  content: "\F0374" !important; /* mdi-minus when open */
}
@media (min-width: 992px) {
  .sidebar-mini .sidebar .nav .nav-item .nav-link i.menu-arrow:before {
    content: "\F0415" !important;
  }
  .sidebar-mini .sidebar .nav .nav-item .nav-link[aria-expanded="true"] .menu-arrow:before {
    content: "\F0374" !important;
  }
}
/* No selected / highlight block when opening menus */
.sidebar .nav .nav-item:hover,
.sidebar .nav .nav-item.active,
.sidebar .nav .nav-item:focus-within {
  background: transparent !important;
}
.sidebar .nav:not(.sub-menu) > .nav-item:hover:not(.nav-category):not(.nav-profile) > .nav-link,
.sidebar .nav .nav-item.active > .nav-link .menu-title,
.sidebar .nav .nav-item.active > .nav-link i {
  color: #fff !important;
  font-weight: 700;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.7) !important;
}
.sidebar .nav.sub-menu .nav-item .nav-link:before {
  content: "\F0766" !important; /* mdi-circle-outline */
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 0.7rem !important;
}
.rtl .sidebar .nav.sub-menu .nav-item .nav-link:before {
  content: "\F0766" !important;
}
.sidebar .nav.sub-menu .nav-item .nav-link.active,
.sidebar .nav.sub-menu .nav-item .nav-link:hover {
  color: var(--sq-orange) !important;
  background: transparent !important;
}
.sidebar .nav .nav-item .nav-link:focus,
.sidebar .nav .nav-item .nav-link:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Primary actions */
.btn-primary,
.btn-gradient-primary,
.auth-card .btn-primary,
.auth form .auth-form-btn,
button.btn-primary {
  background: var(--sq-primary) !important;
  border-color: var(--sq-primary) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(75, 73, 172, 0.28);
}
.btn-primary:hover,
.btn-gradient-primary:hover,
.auth-card .btn-primary:hover {
  background: var(--sq-primary-dark) !important;
  border-color: var(--sq-primary-dark) !important;
}
a,
.text-primary {
  color: var(--sq-primary);
}

/* Auth panel */
.auth-panel {
  background: linear-gradient(160deg, #7DA0FA 0%, #4B49AC 52%, #3F3E8F 100%) !important;
}
.auth-card .brand-link span,
.auth-card .auth-link,
.auth-card a {
  color: var(--sq-primary) !important;
}
.auth-card .field input:focus,
.auth-card .field select:focus {
  border-color: var(--sq-primary) !important;
  box-shadow: 0 0 0 3px rgba(75, 73, 172, 0.15) !important;
}

/* Dashboard cards */
.dash-stat,
.dash-wallets,
.dash-box,
.dash-invite {
  border-radius: 0 !important;
  box-shadow: var(--sq-shadow) !important;
}
.dash-card-top.dash-welcome {
  background: var(--grad) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: var(--sq-shadow-lg) !important;
}
.dash-welcome-overview {
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
}
.dash-welcome-pair-label i.is-amber { background: var(--sq-orange) !important; }
.dash-welcome-pair-label i.is-teal { background: var(--sq-teal) !important; }

/* Metric cards — flat, vivid, reference-style */
.dash-cards-section {
  gap: 1rem !important;
}
.dash-stat.is-amber,
.dash-stat.is-coral,
.dash-stat.is-purple,
.dash-stat.is-blue {
  min-height: 128px;
  border: 0 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(31, 36, 72, 0.16) !important;
}
.dash-stat.is-amber { background: var(--sq-orange) !important; }
.dash-stat.is-coral { background: var(--sq-pink) !important; }
.dash-stat.is-purple { background: var(--sq-blue) !important; }
.dash-stat.is-blue { background: var(--sq-teal) !important; }

/* Keep mountain/hill lines on colored cards */
.dash-stat .dash-wave,
.dash-stat .dash-peak {
  display: none !important;
}
.dash-stat .dash-hills {
  display: block !important;
}
.dash-stat.is-amber > p,
.dash-stat.is-coral > p,
.dash-stat.is-purple > p,
.dash-stat.is-blue > p {
  padding-bottom: 2.35rem !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Icon circles — darker badge like reference */
.dash-stat.is-amber .dash-icon,
.dash-stat.is-coral .dash-icon,
.dash-stat.is-purple .dash-icon,
.dash-stat.is-blue .dash-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 1.05rem !important;
}
.dash-stat.is-amber .dash-icon { background: var(--sq-orange-deep) !important; }
.dash-stat.is-coral .dash-icon { background: var(--sq-pink-deep) !important; }
.dash-stat.is-purple .dash-icon { background: var(--sq-blue-deep) !important; }
.dash-stat.is-blue .dash-icon { background: var(--sq-teal-deep) !important; }

.dash-stat-head {
  justify-content: space-between;
  flex-direction: row-reverse;
  padding: 1rem 1.05rem 0 !important;
}
.dash-stat .label {
  color: #fff !important;
  letter-spacing: 0.02em;
  text-transform: none !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
}
.dash-stat .value {
  color: #fff !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  padding: 0.35rem 1.05rem 0 !important;
}

/* Brand panels (not white) */
.dash-wallets,
.dash-box,
.dash-profile {
  background: var(--sq-card-solid) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--sq-shadow) !important;
  color: var(--sq-ink) !important;
}
.dash-profile-toggle {
  color: var(--sq-orange) !important;
}
.dash-profile-toggle:hover {
  border-color: var(--sq-orange) !important;
}
.dash-invite {
  background: var(--sq-card-solid) !important;
  border: 1px solid var(--line) !important;
  border-left: 0 !important;
  box-shadow: var(--sq-shadow) !important;
  padding: 0.9rem 1rem !important;
  color: var(--sq-ink) !important;
}
.dash-invite-tabs button.is-active {
  color: #1f2448 !important;
  background: var(--sq-orange) !important;
  border-color: var(--sq-orange) !important;
  box-shadow: none !important;
}
.dash-invite-field button {
  background: var(--sq-primary-soft) !important;
}
.dash-invite-field button:hover {
  background: var(--sq-primary) !important;
}
.dash-invite-head,
.dash-invite-top,
.dash-invite-bar,
.dash-invite-badge {
  display: none !important;
}
.dash-wallet .icon-box {
  display: none !important;
}
.dash-wallet:nth-child(n) .icon-box {
  display: none !important;
  background: transparent !important;
}
.dash-wallets-head {
  background: transparent !important;
  color: var(--sq-ink) !important;
}
.dash-wallets-head h4 {
  color: var(--sq-ink) !important;
}
.dash-wallet-toggle > b {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.14) !important;
}

.dash-wallet-open,
.dash-copy,
.page-title,
.card .card-title {
  color: #fff !important;
}

/* Landing */
.site-nav-brand,
.site-nav-links a:hover,
.btn-hero,
.footer-copy a {
  color: var(--sq-primary);
}
.btn-hero,
.site-nav-cta {
  background: var(--sq-primary) !important;
  border-color: var(--sq-primary) !important;
  color: #fff !important;
}
.features-section {
  background: var(--sq-primary-dark) !important;
}
/* App footer */
.main-panel > .footer,
.content-wrapper + .footer,
.main-panel .footer {
  background: transparent !important;
  color: var(--sq-muted) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.main-panel .footer .text-muted,
.main-panel .footer span {
  color: var(--sq-muted) !important;
}
.main-panel .footer a.footer-dev {
  color: var(--sq-orange) !important;
  font-weight: 700;
  text-decoration: none;
}
.main-panel .footer a.footer-dev:hover {
  text-decoration: underline;
  color: #ffc933 !important;
}
.footer-copy a.footer-dev {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}
.footer-copy a.footer-dev:hover {
  color: #ffd6e0;
}
.cta-section {
  background:
    radial-gradient(circle at 12% 20%, rgba(125, 160, 250, 0.25), transparent 36%),
    linear-gradient(135deg, #3F3E8F 0%, #4B49AC 100%) !important;
}

/* Forms / focus — readable on indigo */
.form-control,
.form-select,
.select2-container--default .select2-selection--single {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
.form-control::placeholder {
  color: rgba(255, 255, 255, 0.45) !important;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--sq-orange) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 180, 0, 0.2) !important;
  color: #fff !important;
}
.table,
.table th,
.table td {
  color: var(--sq-ink) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.table thead th {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Admin polish */
.admin-page .content-wrapper,
body.admin-page {
  background: var(--sq-brand);
  background-attachment: fixed;
}

/* Kill leftover white panels from page CSS */
.dash-box,
.dash-wallets,
.dash-profile,
.dash-invite,
.dash-earn-table-wrap,
.dash-wallet-panel,
.dash-profile-panel,
.card,
.card.card-rounded,
.settings-card,
.table-responsive {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: var(--sq-ink) !important;
  box-shadow: none !important;
}
.dash-box,
.dash-box h4,
.dash-box p,
.dash-box span,
.dash-wallets,
.dash-wallets h4,
.dash-wallets-head h4,
.dash-profile,
.dash-invite,
.dash-earn-table-wrap,
.card-body,
.card-title {
  color: #fff !important;
}

/* Earning wallets — glass tiles, no white cards */
.dash-wallets {
  padding-bottom: 0.85rem !important;
}
.dash-wallets-head {
  padding: 0.95rem 1rem 0.55rem !important;
}
.dash-wallets-head span {
  color: rgba(255, 255, 255, 0.55) !important;
}
.dash-wallet {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}
.dash-wallet:hover,
.dash-wallet.is-open {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 180, 0, 0.35) !important;
  box-shadow: 0 6px 18px rgba(16, 14, 64, 0.25) !important;
}
.dash-wallet-toggle,
.dash-wallet-toggle:hover {
  color: #fff !important;
}
.dash-wallet-copy em {
  color: rgba(255, 255, 255, 0.55) !important;
}
.dash-wallet-copy strong {
  color: #fff !important;
}
.dash-wallet-trend,
.dash-wallet-open,
.dash-wallet-open:hover {
  color: var(--sq-orange) !important;
}
.dash-wallet.is-open .dash-wallet-trend {
  color: var(--sq-orange) !important;
}
.dash-wallet-empty {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}
.dash-earn-table-wrap {
  background: transparent !important;
  border: 0 !important;
}
.dash-earn-table th,
.dash-earn-table td {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
.dash-earn-table th {
  color: rgba(255, 255, 255, 0.55) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}
.dash-earn-table td.name {
  color: #fff !important;
}
.dash-earn-table td.amt {
  color: var(--sq-orange) !important;
}
.dash-earn-pager {
  background: rgba(255, 255, 255, 0.06) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dash-earn-pager span {
  color: rgba(255, 255, 255, 0.6) !important;
}
.dash-earn-pager button {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}
.dash-earn-pager button:hover:not(:disabled) {
  background: rgba(255, 180, 0, 0.2) !important;
  border-color: rgba(255, 180, 0, 0.4) !important;
}

.dash-invite-field input,
.dash-copy-field input {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
/* Team pages — filter toolbar + total on indigo */
.team-search-box input {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  color: #fff !important;
}
.team-search-box input::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}
.team-search-box input:focus {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: var(--sq-orange) !important;
  box-shadow: none !important;
}
.team-search-box i {
  color: rgba(255, 255, 255, 0.7) !important;
}
.btn-advanced-filter {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.btn-advanced-filter:hover,
.btn-advanced-filter.is-open,
.btn-advanced-filter.has-filters {
  background: rgba(255, 180, 0, 0.16) !important;
  border-color: var(--sq-orange) !important;
  color: var(--sq-orange) !important;
}
.btn-advanced-filter .filter-count {
  background: var(--sq-orange) !important;
  color: #1f2448 !important;
}
.team-advanced {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.team-advanced-head h6 {
  color: #fff !important;
}
.team-advanced-grid label {
  color: rgba(255, 255, 255, 0.78) !important;
}
.team-advanced-grid .form-control,
.team-advanced-grid .form-select {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 0.875rem !important;
  color-scheme: dark;
}
.team-advanced-grid .form-control::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}
.team-advanced-grid .form-select option {
  color: #1f2448;
  background: #fff;
}
.team-advanced-grid .form-control:focus,
.team-advanced-grid .form-select:focus {
  border-color: var(--sq-orange) !important;
  box-shadow: none !important;
}
.team-advanced-head .btn-light {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 0 !important;
  color: #fff !important;
}
.team-advanced-head .btn-light:hover {
  border-color: var(--sq-orange) !important;
  color: var(--sq-orange) !important;
}
.team-advanced-actions .btn {
  border-radius: 0 !important;
}
.team-total {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.55rem 0.9rem;
  background: rgba(255, 180, 0, 0.14);
  border-left: 3px solid var(--sq-orange);
  color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 600;
}
.team-total strong {
  color: var(--sq-orange) !important;
  font-size: 1.2rem;
  font-weight: 800;
}
.team-pager-info {
  color: rgba(255, 255, 255, 0.7) !important;
}
/* Surveys + video task cards on indigo */
.trivia-cat,
.yt-video,
.trivia-q {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.trivia-cat-icon {
  border-radius: 0 !important;
}
.trivia-cat strong,
.yt-video strong,
.trivia-q h5 {
  color: #fff !important;
}
.trivia-cat p,
.yt-video em {
  color: rgba(255, 255, 255, 0.72) !important;
}
.trivia-cat .btn,
.yt-video .btn,
.trivia-quiz-actions .btn,
.trivia-result-card .btn {
  border-radius: 0 !important;
}
.trivia-q-num {
  color: var(--sq-orange) !important;
}
.trivia-quiz-bar {
  background: rgba(20, 18, 70, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0 !important;
}
.trivia-quiz-bar span {
  color: var(--sq-orange) !important;
}
.trivia-close {
  border-radius: 0 !important;
}
.trivia-progress {
  background: rgba(255, 255, 255, 0.12) !important;
}
.trivia-progress i {
  background: var(--sq-orange) !important;
}
.trivia-opt {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.trivia-opt em {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}
.trivia-opt:hover {
  border-color: rgba(255, 180, 0, 0.6) !important;
}
.trivia-opt.is-selected {
  background: rgba(255, 180, 0, 0.16) !important;
  border-color: var(--sq-orange) !important;
}
.trivia-opt.is-selected em {
  background: var(--sq-orange) !important;
  color: #1f2448 !important;
}
.trivia-result-card h5 {
  color: #fff !important;
}
.trivia-result-card p {
  color: rgba(255, 255, 255, 0.78) !important;
}
.trivia-result-card .is-ok,
.trivia-item strong,
.yt-item strong {
  color: #4ade80 !important;
}
.trivia-result-card .is-error {
  color: #ff9b9b !important;
}
.trivia-recent h5,
.yt-recent h5 {
  color: #fff !important;
}
.trivia-empty,
.yt-empty {
  color: rgba(255, 255, 255, 0.65) !important;
}
.trivia-item,
.yt-item {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.82) !important;
}
.trivia-note,
.yt-note,
.yt-modal-note {
  border-radius: 0 !important;
}
.dash-lang select {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.dash-lang select:hover {
  color: var(--sq-orange) !important;
}
.breadcrumb,
.breadcrumb-item,
.breadcrumb-item a,
.text-muted {
  color: var(--sq-muted) !important;
}

/* Navbar profile strip — no white slab */
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
  background: transparent !important;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile .nav-link,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .nav-link {
  background: transparent !important;
  color: #fff !important;
}
.navbar .navbar-menu-wrapper .nav-profile-text p,
.navbar .navbar-menu-wrapper .nav-profile-text span {
  color: #fff !important;
}

/* Footer — seamless with brand canvas */
.footer,
.main-panel > .footer,
.content-wrapper + .footer,
.main-panel .footer {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.62) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 1.1rem 1rem !important;
  margin-top: 0.5rem !important;
}
.footer .text-muted,
.main-panel .footer .text-muted,
.main-panel .footer span,
.footer span {
  color: rgba(255, 255, 255, 0.62) !important;
}
.footer a.footer-dev,
.main-panel .footer a.footer-dev {
  color: var(--sq-orange) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
.footer a.footer-dev:hover,
.main-panel .footer a.footer-dev:hover {
  color: #ffc933 !important;
  text-decoration: underline !important;
}

/* Chart axis labels on indigo */
.dash-box .apexcharts-xaxis text,
.dash-box .apexcharts-yaxis text,
.dash-box .apexcharts-legend-text,
.apexcharts-xaxis text,
.apexcharts-yaxis text {
  fill: rgba(255, 255, 255, 0.72) !important;
  color: rgba(255, 255, 255, 0.72) !important;
}
.dash-box .apexcharts-gridline,
.apexcharts-gridline {
  stroke: rgba(255, 255, 255, 0.12) !important;
}
.dash-box .apexcharts-xaxis-tick,
.apexcharts-xaxis-tick {
  stroke: rgba(255, 255, 255, 0.2) !important;
}

/* Profile + invite polish */
.dash-profile-bar h4,
.dash-invite > h4,
.dash-box h4,
.dash-box .hint,
.dash-box p {
  color: #fff !important;
}
.dash-box .hint,
.dash-invite .hint {
  color: rgba(255, 255, 255, 0.62) !important;
}
.dash-profile-toggle {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--sq-orange) !important;
}
.dash-profile-toggle:hover {
  background: rgba(255, 180, 0, 0.16) !important;
  border-color: rgba(255, 180, 0, 0.45) !important;
  color: #ffc933 !important;
}
.dash-profile-details {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.dash-profile-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.65) !important;
}
.dash-profile-row strong {
  color: #fff !important;
}
.dash-invite-tabs button {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #fff !important;
}
.dash-invite-tabs button.is-active {
  background: var(--sq-orange) !important;
  border-color: var(--sq-orange) !important;
  color: #1f2448 !important;
}
.dash-invite-field {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
.dash-invite-field input,
.dash-link input,
input.form-control,
.form-control {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
.dash-invite-field input::placeholder,
.form-control::placeholder {
  color: rgba(255, 255, 255, 0.42) !important;
}

/* Timetable + all Bootstrap tables (platform-wide) */
.table,
.table > :not(caption) > * > *,
.table tbody,
.table thead,
.table tr,
.table th,
.table td,
.table-bordered,
.table-striped > tbody > tr,
.table-hover > tbody > tr:hover {
  --bs-table-bg: transparent !important;
  --bs-table-accent-bg: transparent !important;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.04) !important;
  --bs-table-hover-bg: rgba(255, 255, 255, 0.08) !important;
  --bs-table-border-color: rgba(255, 255, 255, 0.14) !important;
  --bs-table-color: #fff !important;
  --bs-table-striped-color: #fff !important;
  --bs-table-hover-color: #fff !important;
  background-color: transparent !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
.table thead th,
.table > thead > tr > th,
.dash-box .table thead th {
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
.table tbody td,
.table > tbody > tr > td,
.dash-box .table tbody td {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.table-bordered > :not(caption) > * > *,
.table-bordered th,
.table-bordered td {
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}
.table-responsive {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.card .table,
.card-body .table {
  --bs-table-bg: transparent !important;
}
.card-body,
.card .card-title,
.card h4,
.card h5,
.card p,
.card label {
  color: #fff !important;
}
.card .text-muted {
  color: rgba(255, 255, 255, 0.62) !important;
}

/* Profile page — kill light purple/white panels */
.profile-page-card,
.card.profile-page-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}
.profile-hero {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.profile-hero-name,
.profile-hero-email,
.profile-upline,
.profile-section h5,
.profile-section-note,
.profile-section label,
.profile-section .form-label {
  color: #fff !important;
}
.profile-hero-email,
.profile-section-note {
  color: rgba(255, 255, 255, 0.65) !important;
}
.profile-upline {
  background: rgba(255, 180, 0, 0.16) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.profile-upline strong {
  color: var(--sq-orange) !important;
}
.profile-section {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}
.profile-section .form-control,
.profile-section input,
.profile-page-card .form-control {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
.profile-section .form-control:focus,
.profile-page-card .form-control:focus {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: var(--sq-orange) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 180, 0, 0.2) !important;
}
.profile-section .form-control::placeholder,
.profile-page-card .form-control::placeholder {
  color: rgba(255, 255, 255, 0.42) !important;
}
.profile-section .form-control:disabled,
.profile-section .form-control[readonly] {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 255, 255, 0.7) !important;
  opacity: 1 !important;
}
.profile-photo-fallback {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.profile-hero-photo,
.profile-photo-fallback {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.profile-photo-camera {
  background: var(--sq-orange) !important;
  color: #1f2448 !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
.profile-actions .btn-primary,
.profile-page-card .btn-primary {
  background: var(--sq-orange) !important;
  border-color: var(--sq-orange) !important;
  color: #1f2448 !important;
}
.profile-actions .btn-light,
.profile-actions a.btn,
.profile-page-card .btn-light {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}
.profile-alert.is-success {
  background: rgba(5, 150, 105, 0.2) !important;
  color: #6ee7b7 !important;
}
.profile-alert.is-error {
  background: rgba(225, 29, 72, 0.2) !important;
  color: #fda4af !important;
}
.password-field .toggle-password {
  color: rgba(255, 255, 255, 0.55) !important;
}
.password-field .toggle-password:hover {
  color: var(--sq-orange) !important;
}

/* Share invite — icon buttons with tags */
.dash-share-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
  margin-top: 0.85rem;
}
.dash-share-tag {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(255, 180, 0, 0.35);
  background: rgba(255, 180, 0, 0.14);
  color: var(--sq-orange) !important;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.dash-share {
  display: flex !important;
  gap: 0.55rem !important;
  margin-top: 0 !important;
}
.dash-share a {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.25rem !important;
  min-width: 3.6rem !important;
  height: auto !important;
  padding: 0.55rem 0.4rem 0.45rem !important;
  border-radius: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.dash-share a i {
  font-size: 1.35rem !important;
  line-height: 1 !important;
}
.dash-share a span {
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: rgba(255, 255, 255, 0.72) !important;
  line-height: 1.1 !important;
}
.dash-share a.is-wa:hover {
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #fff !important;
}
.dash-share a.is-wa:hover span,
.dash-share a.is-tw:hover span,
.dash-share a.is-fb:hover span {
  color: #fff !important;
}
.dash-share a.is-tw:hover {
  background: #1da1f2 !important;
  border-color: #1da1f2 !important;
  color: #fff !important;
}
.dash-share a.is-fb:hover {
  background: #1877f2 !important;
  border-color: #1877f2 !important;
  color: #fff !important;
}
.dash-share a.is-copied {
  background: var(--sq-orange) !important;
  border-color: var(--sq-orange) !important;
  color: #1f2448 !important;
}
.dash-share a.is-copied span {
  color: #1f2448 !important;
}

/* Sharp main cards — no radii */
.card,
.card.card-rounded,
.card.profile-page-card,
.profile-page-card,
.profile-section,
.dash-card-top,
.dash-welcome,
.dash-welcome-overview,
.dash-stat,
.dash-wallets,
.dash-wallet,
.dash-box,
.dash-profile,
.dash-invite,
.dash-earn-table-wrap,
.dash-wallet-empty,
.table-responsive,
.content-wrapper .card,
.main-panel .card {
  border-radius: 0 !important;
}

/* Products + ebooks library on indigo */
.products-library,
.ebooks-library {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  box-shadow: none !important;
}
.ebooks-toolbar {
  background: rgba(20, 18, 70, 0.35) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
}
.products-switch button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: 0 !important;
}
.products-switch button:hover {
  border-color: var(--sq-orange) !important;
  color: var(--sq-orange) !important;
}
.products-switch button.is-active {
  background: var(--sq-orange) !important;
  border-color: var(--sq-orange) !important;
  color: #1c1a5e !important;
}
.ebooks-search input {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  color: #fff !important;
}
.ebooks-search input::placeholder { color: rgba(255, 255, 255, 0.6) !important; }
.ebooks-search input:focus {
  border-color: var(--sq-orange) !important;
  box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.18) !important;
}
.ebooks-search i { color: rgba(255, 255, 255, 0.75) !important; }
.ebooks-empty,
.ebooks-empty i { color: rgba(255, 255, 255, 0.78) !important; }
.ebooks-empty i { opacity: 0.8; }
.product-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.product-card:hover { border-color: var(--sq-orange) !important; }
.product-card-media,
.product-view-media { background: rgba(20, 18, 70, 0.45) !important; }
.product-card-media.is-empty,
.product-view-media.is-empty { color: rgba(255, 255, 255, 0.7) !important; }
.product-card-body h5,
.product-view-body h4 { color: #fff !important; }
.product-desc,
#productViewDesc { color: rgba(255, 255, 255, 0.72) !important; }
.product-price { color: var(--sq-orange) !important; }
.product-owned {
  background: rgba(74, 222, 128, 0.16) !important;
  color: #4ade80 !important;
  border-radius: 0 !important;
}
.product-view { background: rgba(10, 8, 40, 0.65) !important; }
.product-view-card {
  background: linear-gradient(160deg, #3b37a8 0%, #262178 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
}
.product-pay-phone,
.product-pay-network {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
}
.product-pay-phone:focus-within,
.product-pay-network:focus-within { border-color: var(--sq-orange) !important; }
.product-pay-code { color: var(--sq-orange) !important; }
.product-pay-phone input,
.product-pay-network select { color: #fff !important; color-scheme: dark; }
.product-pay-phone input::placeholder { color: rgba(255, 255, 255, 0.5) !important; }
.product-pay-network select option { background: #262178; color: #fff; }
@media (max-width: 575px) {
  .product-card-media { aspect-ratio: 16 / 10 !important; }
}

/* Header dropdowns (profile, messages, notifications) on indigo */
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown.profile-mini-menu,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown.header-mini-menu,
.dropdown-menu.navbar-dropdown.profile-mini-menu,
.dropdown-menu.navbar-dropdown.header-mini-menu {
  background: linear-gradient(160deg, #3b37a8 0%, #262178 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  box-shadow: 0 14px 32px rgba(10, 8, 40, 0.45) !important;
  padding: 0.35rem 0 !important;
}
.dropdown-menu.profile-mini-menu::before,
.dropdown-menu.header-mini-menu::before,
.navbar .navbar-menu-wrapper .profile-mini-menu::before,
.navbar .navbar-menu-wrapper .header-mini-menu::before {
  border-bottom-color: rgba(255, 255, 255, 0.18) !important;
}
.dropdown-menu.profile-mini-menu::after,
.dropdown-menu.header-mini-menu::after,
.navbar .navbar-menu-wrapper .profile-mini-menu::after,
.navbar .navbar-menu-wrapper .header-mini-menu::after {
  border-bottom-color: #3b37a8 !important;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown.profile-mini-menu .dropdown-item,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown.header-mini-menu .dropdown-item,
.dropdown-menu.profile-mini-menu .dropdown-item,
.dropdown-menu.header-mini-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  border-left: 3px solid transparent;
  padding: 0.55rem 0.95rem !important;
  font-weight: 600;
}
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown.profile-mini-menu .dropdown-item:hover,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown.header-mini-menu .dropdown-item:hover,
.dropdown-menu.profile-mini-menu .dropdown-item:hover,
.dropdown-menu.profile-mini-menu .dropdown-item:focus,
.dropdown-menu.header-mini-menu .dropdown-item:hover,
.dropdown-menu.header-mini-menu .dropdown-item:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-left-color: var(--sq-orange);
  color: #fff !important;
}
.dropdown-menu.profile-mini-menu .dropdown-item i { color: var(--sq-orange) !important; }
.dropdown-menu.profile-mini-menu .dropdown-item i.text-danger { color: #ff7b85 !important; }
.dropdown-menu.header-mini-menu h6,
.dropdown-menu.header-mini-menu .dropdown-header,
.dropdown-menu.header-mini-menu .preview-subject { color: #fff !important; }
.dropdown-menu.header-mini-menu p,
.dropdown-menu.header-mini-menu .text-muted,
.dropdown-menu.header-mini-menu small { color: rgba(255, 255, 255, 0.65) !important; }
.dropdown-menu.header-mini-menu .preview-icon,
.dropdown-menu.header-mini-menu .preview-thumbnail .preview-icon { border-radius: 0 !important; }
.dropdown-menu.profile-mini-menu .dropdown-divider,
.dropdown-menu.header-mini-menu .dropdown-divider {
  border-top-color: rgba(255, 255, 255, 0.14) !important;
  opacity: 1;
}

/* Deposit page on indigo */
.deposit-page .card,
.deposit-page .deposit-head-balance,
.deposit-page .form-select,
.deposit-page .btn { border-radius: 0 !important; }
.deposit-head-balance {
  background: rgba(20, 18, 70, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.deposit-head-balance strong,
.deposit-head-balance b { color: var(--sq-orange) !important; }
.deposit-input {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.deposit-input:focus-within {
  border-color: var(--sq-orange) !important;
  box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.18) !important;
}
.deposit-input span,
.deposit-input i { color: var(--sq-orange) !important; }
.deposit-input input {
  background: transparent !important;
  color: #fff !important;
  color-scheme: dark;
}
.deposit-input input::placeholder { color: rgba(255, 255, 255, 0.55) !important; }
.deposit-page .form-select:focus { border-color: var(--sq-orange) !important; }
.deposit-page .form-select option { background: #262178; color: #fff; }
.deposit-hint { color: rgba(255, 255, 255, 0.7) !important; }
.deposit-note {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-left: 3px solid var(--sq-orange) !important;
  border-radius: 0 !important;
  color: #fff !important;
}
.deposit-page .form-select {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #fff !important;
}
.deposit-page .form-select { outline: none !important; }
.deposit-page .form-select:focus { box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.18) !important; }

/* Free spin on indigo */
.spin-page:not(.is-bet) .spin-card,
.spin-page:not(.is-bet) .spin-card.card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.spin-page:not(.is-bet) .spin-card-head {
  background: none !important;
  padding: 0 0 1rem !important;
  margin-bottom: 1.1rem;
  border-bottom: 2px solid var(--sq-orange);
  text-align: center;
}
.spin-page:not(.is-bet) .spin-card-head h4 {
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff !important;
}
.spin-page:not(.is-bet) .spin-card-head p { color: rgba(255, 255, 255, 0.75) !important; }
.spin-page:not(.is-bet) .spin-balance {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 0.5rem;
  width: fit-content;
  margin: 0 auto 0.5rem;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
.spin-page:not(.is-bet) .spin-balance span {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 0.72rem;
}
.spin-page:not(.is-bet) .spin-balance strong {
  color: var(--sq-orange) !important;
  font-size: 1rem;
}
.spin-page:not(.is-bet) .spin-card .card-body { padding-top: 0.75rem !important; }
.spin-page:not(.is-bet) .spin-wheel-wrap::before {
  border-top-color: var(--sq-orange) !important;
  filter: drop-shadow(0 3px 4px rgba(10, 8, 40, 0.45)) !important;
}
.spin-page:not(.is-bet) .spin-wheel {
  box-shadow: 0 0 0 7px #2a2682, 0 0 0 9px var(--sq-orange), 0 14px 32px rgba(10, 8, 40, 0.45) !important;
}
.spin-page:not(.is-bet) .spin-wheel-center {
  background: var(--sq-orange) !important;
  color: #1c1a5e !important;
  box-shadow: 0 0 0 5px #2a2682 !important;
}
.spin-page:not(.is-bet) .spin-btn,
.spin-page:not(.is-bet) .spin-btn.btn-gradient-primary {
  background: var(--sq-orange) !important;
  color: #1c1a5e !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(255, 180, 0, 0.25) !important;
}
.spin-page:not(.is-bet) .spin-btn:hover:not(:disabled) { background: #ffc633 !important; }
.spin-page:not(.is-bet) .spin-btn:disabled {
  opacity: 1;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: none !important;
}
.spin-page:not(.is-bet) .spin-result { color: #fff; }
.spin-page:not(.is-bet) .spin-result.is-win { color: #4ade80 !important; }
.spin-page:not(.is-bet) .spin-result.is-lose { color: #ff7b85 !important; }