/* From Uiverse.io by Praashoo7 — HOLD THE ASTRONAUT
   Tema espacial del sitio: fondo a página completa, textos claros. */

html.page-space,
html.page-space body {
  background: #171717 !important;
  color: #ffffff;
  color-scheme: dark;
}

html.page-space body {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

html.page-space main {
  flex: 1 1 auto;
}

html.page-space .foot {
  margin-top: auto;
}

html.page-space body > :not(.space-sky):not(.nav) {
  position: relative;
  z-index: 1;
}

html.page-space .nav,
html.page-space .space-hero,
html.page-space .tile,
html.page-space .foot,
html.page-space main,
html.page-space .store-page,
html.page-space .maint-page,
html.page-space .legal-page,
html.page-space .login-wrap,
html.page-space .shell {
  position: relative;
  z-index: 1;
}

html.page-space .nav {
  z-index: 50;
  background: rgba(23, 23, 23, 0.88);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html.page-space .brand,
html.page-space .nav-links a,
html.page-space .nav-toggle {
  color: #ffffff !important;
  opacity: 1;
}

html.page-space .nav-links a {
  opacity: 1;
}

html.page-space .nav-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
}

html.page-space.nav-open .nav-toggle-bars::before,
html.page-space.nav-open .nav-toggle-bars::after {
  background: #ffffff;
}

html.page-space .nav-links a[aria-current="page"] {
  color: #ffffff;
}

html.page-space .nav-links a[aria-current="page"]::after {
  background: #c62828;
}

html.page-space .nav-email {
  color: rgba(255, 255, 255, 0.7);
}

html.page-space .nav .btn-login,
html.page-space .nav a.btn-login,
html.page-space .nav button.btn-login {
  color: #ffffff !important;
}

html.page-space .nav .btn-login .fold::after {
  background-color: #171717;
}

html.page-space .nav-links a.nav-pedidos {
  color: #ffffff !important;
}

html.page-space .showcase,
html.page-space .hero,
html.page-space .tile,
html.page-space .tile-alt,
html.page-space .tile-dark,
html.page-space .foot {
  background: transparent;
}

html.page-space .hero h1,
html.page-space .tile h2,
html.page-space .step h3 {
  color: #ffffff;
}

html.page-space .hero-kicker,
html.page-space .hero .subhead,
html.page-space .tile .subhead,
html.page-space .step p,
html.page-space .foot,
html.page-space .foot a {
  color: rgba(255, 255, 255, 0.82);
}

html.page-space .btn-ghost {
  color: #ffffff;
}

html.page-space .foot {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

html.page-space .step {
  background: rgba(23, 23, 23, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  backdrop-filter: blur(10px);
}

html.page-space .step-icon {
  background: rgba(198, 40, 40, 0.18);
  color: #ffcdd2;
}

html.page-space .step-num {
  color: #ef9a9a;
}

html.page-space .step-icon circle[fill="#fff"] {
  fill: #171717;
}

@media (min-width: 800px) {
  html.page-space .steps::before {
    border-top-color: rgba(255, 255, 255, 0.18);
  }
}

@media (max-width: 820px) {
  html.page-space .nav-inner:has(.nav-toggle) .nav-links {
    border-top-color: rgba(255, 255, 255, 0.1);
  }

  html.page-space .nav-links a {
    color: #ffffff !important;
  }

  html.page-space .nav-links a:hover,
  html.page-space .nav-links a:focus-visible {
    background: rgba(255, 255, 255, 0.06);
  }

  html.page-space .nav-links a[aria-current="page"] {
    color: #ffffff !important;
  }
}

/* —— Cielo espacial de toda la página —— */
.space-sky {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  background: #171717;
}

.space-moon {
  position: absolute;
  top: -4.5%;
  right: -4.5%;
  left: auto;
  width: 7.5em;
  height: 7.5em;
  border-radius: 50%;
  background: #f9f9fb;
  box-shadow:
    0 0 100px rgba(193, 119, 241, 0.8),
    0 0 100px rgba(135, 42, 211, 0.8),
    inset #9b40fc 0 0 40px -12px;
  transition: 0.4s ease-in-out;
}

html.page-space:has(.space-hero:hover) .space-moon {
  box-shadow:
    0 0 200px rgba(193, 119, 241, 1),
    0 0 200px rgba(135, 42, 211, 1),
    inset #9b40fc 0 0 40px -12px;
}

.space-sky-stars {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  animation: glowing-stars 1s linear alternate infinite;
}

.space-sky-stars.a {
  box-shadow:
    8vw 12vh #fff, 22vw 28vh #fff, 4vw 48vh #fff, 18vw 72vh #fff,
    35vw 18vh #fff, 48vw 42vh #fff, 62vw 8vh #fff, 78vw 33vh #fff,
    88vw 61vh #fff, 12vw 88vh #fff, 55vw 81vh #fff, 91vw 14vh #fff,
    41vw 61vh #fff, 70vw 90vh #fff, 28vw 6vh #fff;
  animation-delay: 0s;
}

.space-sky-stars.b {
  box-shadow:
    14vw 22vh #fff, 31vw 55vh #fff, 6vw 67vh #fff, 44vw 9vh #fff,
    58vw 37vh #fff, 73vw 58vh #fff, 84vw 44vh #fff, 96vw 76vh #fff,
    3vw 31vh #fff, 39vw 91vh #fff, 67vw 21vh #fff, 51vw 70vh #fff;
  animation-delay: 0.4s;
}

.space-sky-stars.c {
  box-shadow:
    19vw 14vh #fff, 27vw 39vh #fff, 46vw 51vh #fff, 53vw 26vh #fff,
    64vw 74vh #fff, 81vw 11vh #fff, 92vw 49vh #fff, 11vw 58vh #fff,
    33vw 81vh #fff, 76vw 67vh #fff, 2vw 92vh #fff, 87vw 85vh #fff;
  animation-delay: 0.8s;
}

html.page-space:has(.space-hero:hover) .space-sky-stars {
  filter: blur(3px);
}

.space-shoot {
  position: absolute;
  top: 8%;
  left: 110%;
  width: 5em;
  height: 1px;
  rotate: -45deg;
  background: linear-gradient(90deg, #ffffff, transparent);
  animation: 4s shootingStar ease-in-out infinite;
}

.space-shoot.s1 { top: 12%; animation-delay: 1s; }
.space-shoot.s2 { top: 38%; animation-delay: 3s; }
.space-shoot.s3 { top: 64%; animation-delay: 5s; }

html.page-space:has(.space-hero:hover) .space-shoot {
  filter: blur(3px);
}

/* —— Escenario del módulo (Uiverse, sin caja) —— */
.space-hero {
  text-align: center;
  padding: 1.1rem 0 1.6rem;
}

.space-stage {
  position: relative;
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  color: white;
  font-family: Montserrat, var(--font);
  font-weight: bold;
  padding: 1.85em 1em 0.15em;
  overflow: hidden;
  z-index: 1;
  row-gap: 1.55em;
}

.space-stage .image {
  width: min(18.5em, 88vw);
  max-width: 28rem;
  height: auto;
  margin-right: 0;
  animation: move 10s ease-in-out infinite;
  z-index: 5;
  user-select: none;
  -webkit-user-drag: none;
}

.space-stage .image:hover {
  cursor: -webkit-grab;
  cursor: grab;
}

.space-stage .icons svg {
  width: 20px;
  height: 20px;
}

.space-stage .heading {
  z-index: 2;
  position: relative;
  margin: 0;
  font-size: clamp(1.05rem, 3.2vw, 1.35rem);
  letter-spacing: 0.01em;
  transition: 0.4s ease-in-out;
}

.space-stage:hover .heading {
  letter-spacing: 0.025em;
}

.space-stage .heading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 1;
  box-shadow:
    220px 118px #fff, 280px 176px #fff, 40px 50px #fff,
    60px 180px #fff, 120px 130px #fff, 180px 176px #fff, 220px 290px #fff,
    520px 250px #fff, 400px 220px #fff, 50px 350px #fff, 10px 230px #fff;
  z-index: -1;
  transition: 1s ease;
  animation: 1s glowing-stars linear alternate infinite;
  animation-delay: 0s;
}

.space-stage .icons::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 1;
  box-shadow:
    140px 20px #fff, 425px 20px #fff, 70px 120px #fff, 20px 130px #fff,
    110px 80px #fff, 280px 80px #fff, 250px 350px #fff, 280px 230px #fff,
    220px 190px #fff, 450px 100px #fff, 380px 80px #fff, 520px 50px #fff;
  z-index: -1;
  transition: 1.5s ease;
  animation: 1s glowing-stars linear alternate infinite;
  animation-delay: 0.4s;
}

.space-stage .icons::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 1;
  box-shadow:
    490px 330px #fff, 420px 300px #fff, 320px 280px #fff,
    380px 350px #fff, 546px 170px #fff, 420px 180px #fff, 370px 150px #fff,
    200px 250px #fff, 80px 20px #fff, 190px 50px #fff, 270px 20px #fff,
    120px 230px #fff, 350px -1px #fff, 150px 369px #fff;
  z-index: -1;
  transition: 2s ease;
  animation: 1s glowing-stars linear alternate infinite;
  animation-delay: 0.8s;
}

.space-stage:hover .heading::before,
.space-stage:hover .icons::before,
.space-stage:hover .icons::after {
  filter: blur(3px);
}

.space-stage .image:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.space-stage .image:active + .heading::before {
  box-shadow:
    240px 20px #9b40fc, 240px 25px #9b40fc, 240px 30px #9b40fc,
    240px 35px #9b40fc, 240px 40px #9b40fc, 242px 45px #9b40fc,
    246px 48px #9b40fc, 251px 49px #9b40fc, 256px 48px #9b40fc,
    260px 45px #9b40fc, 262px 40px #9b40fc;
  animation: none;
  filter: blur(0);
  border-radius: 2px;
  width: 0.45em;
  height: 0.45em;
  scale: 0.65;
  transform: translateX(9em) translateY(1em);
}

.space-stage .image:active ~ .icons::before {
  box-shadow:
    262px 35px #9b40fc, 262px 30px #9b40fc, 262px 25px #9b40fc,
    262px 20px #9b40fc, 275px 20px #9b40fc, 275px 24px #9b40fc,
    275px 28px #9b40fc, 275px 32px #9b40fc, 275px 36px #9b40fc,
    275px 40px #9b40fc, 275px 44px #9b40fc, 275px 48px #9b40fc;
  animation: none;
  filter: blur(0);
  border-radius: 2px;
  width: 0.45em;
  height: 0.45em;
  scale: 0.65;
  transform: translateX(9em) translateY(1em);
}

.space-stage .image:active ~ .icons::after {
  box-shadow:
    238px 60px #9b40fc, 242px 60px #9b40fc, 246px 60px #9b40fc,
    250px 60px #9b40fc, 254px 60px #9b40fc, 258px 60px #9b40fc,
    262px 60px #9b40fc, 266px 60px #9b40fc, 270px 60px #9b40fc,
    274px 60px #9b40fc, 278px 60px #9b40fc, 282px 60px #9b40fc,
    234px 60px #9b40fc, 234px 60px #9b40fc;
  animation: none;
  filter: blur(0);
  border-radius: 2px;
  width: 0.45em;
  height: 0.45em;
  scale: 0.65;
  transform: translateX(9em) translateY(1.25em);
}

.space-stage .icons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  column-gap: 1em;
  z-index: 1;
  height: 0;
  min-height: 0;
  overflow: visible;
}

.space-stage .instagram,
.space-stage .x,
.space-stage .discord {
  position: relative;
  width: 1px;
  height: 1px;
}

.space-stage .instagram::after,
.space-stage .x::after,
.space-stage .discord::after {
  display: none;
}

.space-stage .instagram::before {
  content: "";
  position: absolute;
  top: -700%;
  left: 1050%;
  rotate: -45deg;
  width: 5em;
  height: 1px;
  background: linear-gradient(90deg, #ffffff, transparent);
  animation: 4s shootingStar ease-in-out infinite;
  transition: 1s ease;
  animation-delay: 1s;
}

.space-stage .x::before {
  content: "";
  position: absolute;
  top: -1300%;
  left: 850%;
  rotate: -45deg;
  width: 5em;
  height: 1px;
  background: linear-gradient(90deg, #ffffff, transparent);
  animation: 4s shootingStar ease-in-out infinite;
  animation-delay: 3s;
}

.space-stage .discord::before {
  content: "";
  position: absolute;
  top: -2100%;
  left: 850%;
  rotate: -45deg;
  width: 5em;
  height: 1px;
  background: linear-gradient(90deg, #ffffff, transparent);
  animation: 4s shootingStar ease-in-out infinite;
  animation-delay: 5s;
}

.space-stage:hover .instagram::before,
.space-stage:hover .x::before,
.space-stage:hover .discord::before {
  filter: blur(3px);
}

.space-stage .image:active ~ .icons .instagram::before,
.space-stage .image:active ~ .icons .x::before,
.space-stage .image:active ~ .icons .discord::before {
  animation: none;
  opacity: 0;
}

.space-copy {
  position: relative;
  z-index: 2;
  padding: 0.85rem 1.25rem 0.5rem;
  margin-top: 0;
}

.space-copy h1 {
  margin: 0.15rem 0 0.45rem;
  font-size: clamp(40px, 8vw, 56px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.07;
  color: #ffffff;
}

.space-copy .subhead {
  margin: 0 auto 1.25rem;
  max-width: 28rem;
  font-size: clamp(19px, 3vw, 24px);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.25;
  letter-spacing: 0.01em;
}

@keyframes shootingStar {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  50% {
    transform: translateX(-55em) translateY(0);
    opacity: 1;
  }
  70% {
    transform: translateX(-70em) translateY(0);
    opacity: 0;
  }
  100% {
    transform: translateX(0) translateY(0);
    opacity: 0;
  }
}

@keyframes move {
  0% {
    transform: translateX(0em) translateY(0em);
  }
  25% {
    transform: translateY(-1em) translateX(-1em);
    rotate: -10deg;
  }
  50% {
    transform: translateY(1em) translateX(-1em);
  }
  75% {
    transform: translateY(-1.25em) translateX(1em);
    rotate: 10deg;
  }
  100% {
    transform: translateX(0em) translateY(0em);
  }
}

@keyframes glowing-stars {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* —— Resto de pestañas: paneles, textos, formularios —— */
html.page-space {
  --text: #ffffff;
  --muted: rgba(255, 255, 255, 0.72);
  --bg: #171717;
  --bg-alt: #171717;
  --line: rgba(255, 255, 255, 0.14);
  --admin-bg: transparent;
  --card: rgba(23, 23, 23, 0.72);
  --accent-soft: rgba(198, 40, 40, 0.22);
}

html.page-space a:not(.btn):not(.btn-login):not(.btn-google):not(.brand) {
  color: #ef9a9a;
}

html.page-space .nav-links a,
html.page-space .brand {
  color: #ffffff !important;
}

html.page-space .store-body,
html.page-space .maint-page,
html.page-space .store-body .foot {
  background: transparent !important;
}

html.page-space .store-panel,
html.page-space .buy-box,
html.page-space .buy-card,
html.page-space .install-card,
html.page-space .store-tabs,
html.page-space .side-panel,
html.page-space .renew-card,
html.page-space .module-card,
html.page-space .svc-item,
html.page-space #moduleEmpty,
html.page-space .card,
html.page-space .modal {
  background: rgba(23, 23, 23, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
}

html.page-space .store-info h1,
html.page-space .store-about h2,
html.page-space .buy-card h2,
html.page-space .buy-price,
html.page-space .store-views strong,
html.page-space .install-card h3,
html.page-space .legal-page h1,
html.page-space .legal-page h2,
html.page-space .maint-hero h1,
html.page-space .maint-section-head h2,
html.page-space .lookup-box h3,
html.page-space .renew-card h3,
html.page-space .renew-serial,
html.page-space .module-name,
html.page-space .metric .v,
html.page-space .svc-item h3,
html.page-space .plan-tier-name,
html.page-space .login-card h1,
html.page-space .panel-title {
  color: #ffffff;
}

html.page-space .store-sku,
html.page-space .store-brand,
html.page-space .store-sold,
html.page-space .store-views,
html.page-space .store-about ul,
html.page-space .buy-lead,
html.page-space .payer-note,
html.page-space .buy-form-hint,
html.page-space .buy-alt,
html.page-space .install-card p,
html.page-space .install-ext-tag,
html.page-space .install-how-title,
html.page-space .install-steps,
html.page-space .legal-page p,
html.page-space .legal-page li,
html.page-space .legal-page .meta,
html.page-space .store-crumb,
html.page-space .store-crumb a,
html.page-space .maint-hero .lead,
html.page-space .maint-section-head p,
html.page-space .svc-item p,
html.page-space .renew-features,
html.page-space .plan-tier-meta,
html.page-space .module-serial,
html.page-space #moduleEmpty,
html.page-space .ship-form label,
html.page-space .store-tab,
html.page-space .store-tab-panel,
html.page-space .metric .l,
html.page-space .field label,
html.page-space .login-card p.lead {
  color: rgba(255, 255, 255, 0.78);
}

html.page-space .store-crumb a:hover,
html.page-space .foot a:hover {
  color: #ffffff;
}

html.page-space .store-main-img,
html.page-space .store-thumb {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(255, 255, 255, 0.18);
}

html.page-space .store-thumb.is-active {
  border-color: #c62828;
}

html.page-space .store-tab.is-active {
  color: #ffffff;
  border-bottom-color: #c62828;
}

html.page-space .store-tab-bar {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html.page-space .ship-form input,
html.page-space .ship-form select,
html.page-space .field input,
html.page-space .field select,
html.page-space .field textarea,
html.page-space .lookup-box .field > input,
html.page-space .renew-card input,
html.page-space .renew-card select,
html.page-space .stepper-value {
  background: #171717;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.28);
}

html.page-space .stepper-btn {
  background: #171717;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.32);
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1;
}

html.page-space .stepper-btn:hover {
  background: rgba(198, 40, 40, 0.28);
  border-color: #c62828;
  color: #ffffff;
}

html.page-space .ship-form select:disabled {
  opacity: 0.55;
}

html.page-space #districtOther {
  margin-top: 0.4rem;
}

html.page-space .ship-form input::placeholder,
html.page-space .field input::placeholder,
html.page-space .renew-card input::placeholder,
html.page-space .yape-op-group .input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

html.page-space .yape-op-group .input {
  background: #171717;
  color: #ffffff;
  border-color: #c62828;
}

html.page-space .yape-op-group .input:focus,
html.page-space .yape-op-group .input:focus-visible {
  border-color: #ef9a9a;
}

html.page-space .metric,
html.page-space .plan-tier {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

html.page-space .plan-tier.is-active {
  background: rgba(198, 40, 40, 0.18);
  border-color: #c62828;
  box-shadow: inset 0 -2px 0 #c62828;
}

html.page-space .price-card {
  background: #141414;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #ffffff;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.28);
  backdrop-filter: none;
}

html.page-space .price-card:hover {
  border-color: rgba(198, 40, 40, 0.5);
}

html.page-space .price-card.is-active {
  background: #141414;
  border-color: #c62828;
  box-shadow:
    0 0 0 1px #c62828,
    0 16px 44px rgba(198, 40, 40, 0.16);
}

html.page-space .price-card-name {
  color: #c62828;
}

html.page-space .price-card-num {
  color: #ffffff;
}

html.page-space .price-card-per,
html.page-space .price-card-feats li {
  color: rgba(255, 255, 255, 0.55);
}

html.page-space .price-card-was {
  color: rgba(255, 255, 255, 0.32);
}

html.page-space .price-card-save {
  color: #ef9a9a;
}

html.page-space .price-card-badge {
  background: #c62828;
  color: #ffffff;
}

html.page-space .price-card-lead {
  color: rgba(255, 255, 255, 0.5);
}

html.page-space .price-card-cta {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.18);
}

html.page-space .price-card-cta:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
}

html.page-space .price-card.is-active .price-card-cta,
html.page-space .price-card-cta.is-pay {
  background: #c62828;
  border-color: #c62828;
  color: #ffffff;
}

html.page-space .price-card.is-active .price-card-cta:hover,
html.page-space .price-card-cta.is-pay:hover {
  background: #b71c1c;
  border-color: #b71c1c;
  color: #ffffff;
}

html.page-space .metric .v.ok { color: #86efac; }
html.page-space .metric .v.warn { color: #fdba74; }
html.page-space .metric .v.bad { color: #fca5a5; }

html.page-space .install-how-title {
  color: #ffffff !important;
}

html.page-space .modal-bg {
  background: rgba(0, 0, 0, 0.72);
}

html.page-space .btn-google {
  background: #fff;
  color: #3c4043;
}

html.page-space .btn-google:hover {
  background: #f8f9fa;
  color: #3c4043;
}

html.page-space .lookup-result.ok { background: #14532d; color: #dcfce7; }
html.page-space .lookup-result.warn { background: #7c2d12; color: #ffedd5; }
html.page-space .lookup-result.bad { background: #7f1d1d; color: #fecaca; }
html.page-space .lookup-result.tickets {
  background: transparent;
  color: inherit;
}

html.page-space .shell .btn-ghost,
html.page-space .login-wrap .btn-ghost,
html.page-space .drawer .btn-ghost {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
}

html.page-space .shell .btn-ghost:hover,
html.page-space .login-wrap .btn-ghost:hover,
html.page-space .drawer .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.35);
  text-decoration: none;
}

/* Pedidos (admin): tarjetas, tabla y textos sobre el fondo espacial */
html.page-space .login-wrap,
html.page-space .shell {
  color: #ffffff;
}

html.page-space .login-card h1,
html.page-space .panel-title,
html.page-space .section-title,
html.page-space .stat .n,
html.page-space .earn-num,
html.page-space .earn-col-n,
html.page-space .drawer-head h2,
html.page-space .kv dd {
  color: #ffffff;
}

html.page-space .admin-tab {
  background: rgba(23, 23, 23, 0.7);
  border-color: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}
html.page-space .admin-tab.is-on,
html.page-space .shell .btn-ghost.is-on {
  border-color: #c62828;
  background: rgba(198, 40, 40, 0.22);
  color: #ffcdd2;
}
html.page-space .admin-search input,
html.page-space .admin-q,
html.page-space .search-hits {
  background: #171717;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.18);
}
html.page-space .search-hit:hover {
  background: rgba(198, 40, 40, 0.18);
}
html.page-space .ad-hero,
html.page-space .ad-pill {
  background: rgba(23, 23, 23, 0.55);
  border-color: rgba(255, 255, 255, 0.12);
}
html.page-space .ad-pill strong,
html.page-space .kind-tag.kind-hw {
  color: #ffffff;
}
html.page-space .kind-tag.kind-mem {
  background: rgba(198, 40, 40, 0.28);
  color: #ffcdd2;
}
html.page-space #geoDept,
html.page-space #geoCity {
  background: #171717;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  padding: 0.45rem 0.6rem;
}

html.page-space .btn-send-toggle.is-blocked {
  border-color: #ef9a9a;
  color: #ffcdd2;
}

html.page-space table.orders tbody tr.is-selected {
  background: rgba(198, 40, 40, 0.22);
}

html.page-space .field textarea,
html.page-space .field input,
html.page-space .broadcast-grid input,
html.page-space .broadcast-hold input,
html.page-space .broadcast-hold select,
html.page-space .mod-lcd-hold,
html.page-space .mod-lcd-unit {
  background: #171717;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.18);
  color-scheme: dark;
}

html.page-space .broadcast-hold input[type="date"]::-webkit-calendar-picker-indicator,
html.page-space .broadcast-hold input[type="time"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.85;
}

html.page-space .broadcast-hold input:focus,
html.page-space .broadcast-hold select:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.42);
}

html.page-space .mod-expand {
  background: rgba(255, 255, 255, 0.04);
}

html.page-space .mod-facts strong {
  color: #ffffff;
}

html.page-space .mod-months,
html.page-space .mod-lcd1,
html.page-space .mod-lcd2,
html.page-space .mod-lcd-hold,
html.page-space .mod-lcd-unit,
html.page-space .ord-hw input,
html.page-space .ord-hw select,
html.page-space .ord-hw textarea {
  background: #171717;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.18);
  color-scheme: dark;
}

html.page-space .voucher-preview {
  background: #0f0f0f;
  border-color: rgba(255, 255, 255, 0.14);
}

html.page-space .chart-card,
html.page-space .broadcast-card {
  background: rgba(23, 23, 23, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

html.page-space .stat {
  background: rgba(23, 23, 23, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #ffffff;
  backdrop-filter: blur(12px);
}

html.page-space .stat .l,
html.page-space .login-card p.lead,
html.page-space .empty,
html.page-space .kv dt,
html.page-space .note-box,
html.page-space #listMeta {
  color: rgba(255, 255, 255, 0.7);
}

html.page-space .chip {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.85);
}

html.page-space .chip.is-active {
  background: rgba(198, 40, 40, 0.22);
  border-color: #c62828;
  color: #ffcdd2;
}

html.page-space table.orders {
  color: #ffffff;
}

html.page-space table.orders th {
  color: rgba(255, 255, 255, 0.55);
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html.page-space table.orders td {
  color: rgba(255, 255, 255, 0.9);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

html.page-space table.orders tbody tr:hover {
  background: rgba(255, 255, 255, 0.07);
}

html.page-space .drawer-bg {
  background: rgba(0, 0, 0, 0.65);
  z-index: 55;
}

html.page-space .drawer {
  background: #1c1c1c;
  color: #ffffff;
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.5);
  z-index: 60;
}
html.page-space .drawer:not(.open) {
  visibility: hidden;
  pointer-events: none;
}

html.page-space .drawer-head {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

html.page-space .earn-hero {
  background: linear-gradient(165deg, rgba(198, 40, 40, 0.32), rgba(12, 12, 12, 0.55));
  border-color: rgba(255, 255, 255, 0.12);
}

html.page-space .earn-col {
  background: rgba(0, 0, 0, 0.28);
  border-color: rgba(255, 255, 255, 0.12);
}

html.page-space .earn-kicker,
html.page-space .earn-col-l {
  color: rgba(255, 255, 255, 0.62);
}

html.page-space .peru-map-stage {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

html.page-space .pe-dot.is-on circle:not(.pe-hit) {
  stroke: #ffffff;
}

html.page-space .pe-lbl {
  fill: rgba(255, 255, 255, 0.88);
}

html.page-space .pe-count {
  fill: #1a1a1a;
}

html.page-space .geo-city {
  border-color: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

html.page-space .geo-city small,
html.page-space .geo-city-n {
  color: rgba(255, 255, 255, 0.55);
}

html.page-space .geo-city.is-on,
html.page-space .geo-city:hover {
  border-color: #c62828;
  background: rgba(198, 40, 40, 0.14);
}

html.page-space .zone-lcd {
  border-top-color: rgba(255, 255, 255, 0.12);
}

html.page-space .err {
  color: #ff8a80;
}

@media (prefers-reduced-motion: reduce) {
  .space-stage .image,
  .space-sky-stars,
  .space-shoot,
  .space-stage .heading::before,
  .space-stage .icons::before,
  .space-stage .icons::after,
  .space-stage .instagram::before,
  .space-stage .x::before,
  .space-stage .discord::before {
    animation: none;
  }
}