/* /Pages/Admin/AdminAbusePage.razor.rz.scp.css */
.admin-page[b-szir9u1k23] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-szir9u1k23] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-szir9u1k23] {
  flex: 1 1 auto;
  min-width: 0;
}

.abuse-console[b-szir9u1k23] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.abuse-hero[b-szir9u1k23],
.abuse-card[b-szir9u1k23],
.abuse-summary-card[b-szir9u1k23],
.abuse-cluster[b-szir9u1k23],
.abuse-signal[b-szir9u1k23] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 34%),
    var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
}

.abuse-hero[b-szir9u1k23] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem;
}

.abuse-kicker[b-szir9u1k23],
.abuse-card__label[b-szir9u1k23] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.abuse-hero h1[b-szir9u1k23] {
  margin: 0.2rem 0 0.35rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 950;
  line-height: 1;
}

.abuse-hero p[b-szir9u1k23],
.abuse-section-head p[b-szir9u1k23],
.abuse-cluster p[b-szir9u1k23],
.abuse-signal p[b-szir9u1k23] {
  margin: 0;
  color: var(--app-front-color-sec);
}

.abuse-hero p[b-szir9u1k23] {
  max-width: 58rem;
}

.abuse-hero__right[b-szir9u1k23] {
  display: flex;
  flex: 0 0 18rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}

.abuse-health[b-szir9u1k23] {
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.abuse-health.is-high[b-szir9u1k23] {
  border-color: rgba(255, 89, 89, 0.45);
  background: linear-gradient(135deg, rgba(255, 89, 89, 0.18), rgba(0, 0, 0, 0.18));
}

.abuse-health span[b-szir9u1k23],
.abuse-health small[b-szir9u1k23] {
  display: block;
  color: var(--app-front-color-sec);
}

.abuse-health strong[b-szir9u1k23] {
  display: block;
  color: var(--app-front-color-main);
  font-size: 1.5rem;
  font-weight: 950;
}

.abuse-status[b-szir9u1k23],
.abuse-empty[b-szir9u1k23] {
  padding: 0.75rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.abuse-empty[b-szir9u1k23] {
  color: var(--app-front-color-sec);
}

.abuse-summary[b-szir9u1k23] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.abuse-summary-card[b-szir9u1k23] {
  padding: 0.9rem;
}

.abuse-summary-card.is-warm[b-szir9u1k23] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
}

.abuse-summary-card.is-hot[b-szir9u1k23] {
  border-color: rgba(255, 89, 89, 0.55);
  background:
    radial-gradient(circle at 0 0, rgba(255, 89, 89, 0.18), transparent 35%),
    var(--app-background-color-contrast);
}

.abuse-summary-card span[b-szir9u1k23] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.abuse-summary-card strong[b-szir9u1k23] {
  display: block;
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  font-size: 1.65rem;
  font-weight: 950;
  line-height: 1;
}

.abuse-card[b-szir9u1k23] {
  min-width: 0;
  padding: 1rem;
}

.abuse-section-head[b-szir9u1k23] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.abuse-section-head h2[b-szir9u1k23] {
  margin: 0.1rem 0 0.15rem;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 900;
}

.abuse-link[b-szir9u1k23] {
  color: var(--app-brand-color);
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.abuse-link:hover[b-szir9u1k23] {
  color: var(--app-brand-color-accent);
}

.abuse-cluster-grid[b-szir9u1k23] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.abuse-cluster[b-szir9u1k23],
.abuse-signal[b-szir9u1k23] {
  padding: 0.85rem;
}

.abuse-cluster.is-high[b-szir9u1k23],
.abuse-signal.is-high[b-szir9u1k23] {
  border-color: rgba(255, 89, 89, 0.45);
}

.abuse-cluster.is-medium[b-szir9u1k23],
.abuse-signal.is-medium[b-szir9u1k23] {
  border-color: rgba(var(--app-brand-color-rgb), 0.45);
}

.abuse-cluster__top[b-szir9u1k23] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.abuse-cluster__top strong[b-szir9u1k23],
.abuse-signal__main a[b-szir9u1k23] {
  color: var(--app-front-color-main);
  font-weight: 900;
}

.abuse-cluster__top span[b-szir9u1k23],
.abuse-cluster small[b-szir9u1k23],
.abuse-signal__main span[b-szir9u1k23],
.abuse-signal__metrics small[b-szir9u1k23] {
  display: block;
  color: var(--app-front-color-sec);
}

.abuse-cluster__top em[b-szir9u1k23],
.abuse-signal__main em[b-szir9u1k23],
.abuse-hold[b-szir9u1k23] {
  border: 1px solid rgba(255, 89, 89, 0.35);
  border-radius: 999px;
  padding: 0.16rem 0.45rem;
  color: #ffb3b3;
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
  white-space: nowrap;
}

.abuse-user-chips[b-szir9u1k23] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.65rem;
}

.abuse-user-chip[b-szir9u1k23] {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 999px;
  padding: 0.24rem 0.55rem;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.18);
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}

.abuse-user-chip:hover[b-szir9u1k23] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  color: var(--app-brand-color-accent);
}

.abuse-user-chip.is-held[b-szir9u1k23] {
  border-color: rgba(255, 89, 89, 0.45);
}

.abuse-signal-list[b-szir9u1k23] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.abuse-signal__main[b-szir9u1k23] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.abuse-signal__main span[b-szir9u1k23] {
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.abuse-signal__metrics[b-szir9u1k23] {
  display: flex;
  align-items: baseline;
  gap: 0.55rem;
  margin: 0.45rem 0 0.25rem;
}

.abuse-signal__metrics strong[b-szir9u1k23] {
  color: var(--app-front-color-main);
}

.abuse-signal__actions[b-szir9u1k23],
.abuse-row-actions[b-szir9u1k23] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.65rem;
}

.abuse-signal__actions a[b-szir9u1k23],
.abuse-row-actions a[b-szir9u1k23] {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 999px;
  padding: 0.2rem 0.58rem;
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.abuse-signal__actions a:hover[b-szir9u1k23],
.abuse-row-actions a:hover[b-szir9u1k23] {
  border-color: rgba(var(--app-brand-color-rgb), 0.6);
  color: var(--app-brand-color-accent);
}

.abuse-table-wrap[b-szir9u1k23] {
  width: 100%;
  overflow-x: auto;
}

.abuse-table[b-szir9u1k23] {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}

.abuse-table th[b-szir9u1k23],
.abuse-table td[b-szir9u1k23] {
  padding: 0.65rem 0.55rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--app-front-color-sec);
  vertical-align: top;
}

.abuse-table th[b-szir9u1k23] {
  color: var(--app-front-color-main);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.abuse-table td a[b-szir9u1k23] {
  color: var(--app-front-color-main);
  font-weight: 850;
  text-decoration: none;
}

.abuse-table td a:hover[b-szir9u1k23] {
  color: var(--app-brand-color-accent);
}

.abuse-table td strong[b-szir9u1k23],
.abuse-table td small[b-szir9u1k23] {
  display: block;
}

.abuse-table td strong[b-szir9u1k23] {
  color: var(--app-front-color-main);
}

.abuse-severity[b-szir9u1k23] {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.25rem;
  border-radius: 999px;
  padding: 0.12rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.abuse-severity.is-high[b-szir9u1k23] {
  color: #ffb3b3;
  background: rgba(255, 89, 89, 0.14);
  border: 1px solid rgba(255, 89, 89, 0.38);
}

.abuse-severity.is-medium[b-szir9u1k23] {
  color: var(--app-brand-color-accent);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
}

.abuse-severity.is-low[b-szir9u1k23] {
  color: var(--app-front-color-sec);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

@media (max-width: 980px) {
  .admin-body[b-szir9u1k23] {
    flex-direction: column;
  }

  .abuse-hero[b-szir9u1k23],
  .abuse-section-head[b-szir9u1k23] {
    flex-direction: column;
  }

  .abuse-hero__right[b-szir9u1k23] {
    flex: 1 1 auto;
    width: 100%;
  }

  .abuse-summary[b-szir9u1k23] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .abuse-cluster-grid[b-szir9u1k23],
  .abuse-signal-list[b-szir9u1k23] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .admin-body[b-szir9u1k23] {
    padding: 0.75rem;
  }

  .abuse-summary[b-szir9u1k23] {
    grid-template-columns: 1fr;
  }

  .abuse-table-wrap[b-szir9u1k23] {
    overflow-x: visible;
  }

  .abuse-table[b-szir9u1k23] {
    min-width: 0;
  }

  .abuse-table[b-szir9u1k23],
  .abuse-table thead[b-szir9u1k23],
  .abuse-table tbody[b-szir9u1k23],
  .abuse-table tr[b-szir9u1k23],
  .abuse-table th[b-szir9u1k23],
  .abuse-table td[b-szir9u1k23] {
    display: block;
    width: 100%;
  }

  .abuse-table thead[b-szir9u1k23] {
    display: none;
  }

  .abuse-table tr[b-szir9u1k23] {
    margin-bottom: 0.75rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background: rgba(0, 0, 0, 0.14);
    overflow: hidden;
  }

  .abuse-table td[b-szir9u1k23] {
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }

  .abuse-table td:last-child[b-szir9u1k23] {
    border-bottom: 0;
  }
}
/* /Pages/Admin/AdminAlertsPage.razor.rz.scp.css */
.admin-page[b-ingg2kt3kf] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-ingg2kt3kf] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-ingg2kt3kf] {
  flex: 1 1 auto;
  min-width: 0;
}

.alert-console[b-ingg2kt3kf] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.alert-hero[b-ingg2kt3kf],
.alert-card[b-ingg2kt3kf],
.alert-summary-card[b-ingg2kt3kf] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 34%),
    var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
}

.alert-hero[b-ingg2kt3kf] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem;
}

.alert-kicker[b-ingg2kt3kf],
.alert-card__label[b-ingg2kt3kf] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.alert-hero h1[b-ingg2kt3kf] {
  margin: 0.2rem 0 0.35rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 950;
  line-height: 1;
}

.alert-hero p[b-ingg2kt3kf] {
  margin: 0;
  max-width: 58rem;
  color: var(--app-front-color-sec);
}

.alert-hero__right[b-ingg2kt3kf] {
  display: flex;
  flex: 0 0 18rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}

.alert-health[b-ingg2kt3kf] {
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.alert-health span[b-ingg2kt3kf],
.alert-health small[b-ingg2kt3kf] {
  display: block;
  color: var(--app-front-color-sec);
}

.alert-health strong[b-ingg2kt3kf] {
  display: block;
  color: var(--app-front-color-main);
  font-size: 1.5rem;
  font-weight: 950;
}

.alert-refresh[b-ingg2kt3kf] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) - 0.35rem);
  background: rgba(0, 0, 0, 0.16);
}

.alert-refresh .form-check[b-ingg2kt3kf] {
  margin: 0;
}

.alert-refresh .form-check-label[b-ingg2kt3kf],
.alert-refresh__seconds span[b-ingg2kt3kf] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 800;
}

.alert-refresh__seconds[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.alert-refresh__seconds .form-control[b-ingg2kt3kf] {
  width: 5rem;
  flex: 0 0 5rem;
}

.alert-status[b-ingg2kt3kf] {
  padding: 0.75rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.alert-summary[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}

.alert-summary-card[b-ingg2kt3kf] {
  padding: 0.9rem;
}

.alert-summary-card span[b-ingg2kt3kf] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.alert-summary-card strong[b-ingg2kt3kf] {
  display: block;
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  font-size: 1.65rem;
  font-weight: 950;
  line-height: 1;
}

.telegram-channel[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1rem;
}

.telegram-channel__copy strong[b-ingg2kt3kf],
.telegram-channel__copy p[b-ingg2kt3kf],
.telegram-channel__copy small[b-ingg2kt3kf] {
  display: block;
}

.telegram-channel__copy strong[b-ingg2kt3kf] {
  margin-top: 0.2rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 950;
}

.telegram-channel__copy p[b-ingg2kt3kf] {
  margin: 0.25rem 0 0;
  color: var(--app-front-color-sec);
}

.telegram-channel__copy small[b-ingg2kt3kf] {
  margin-top: 0.35rem;
  color: var(--bs-warning-text-emphasis, #ffca7a);
}

.telegram-channel__stats[b-ingg2kt3kf] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}

.telegram-channel__stats span[b-ingg2kt3kf] {
  padding: 0.42rem 0.58rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: 999px;
  color: var(--app-front-color-sec);
  background: rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}

.telegram-channel__stats span.is-hot[b-ingg2kt3kf] {
  color: #ffd3c4;
  border-color: rgba(255, 92, 52, 0.48);
  background: rgba(255, 92, 52, 0.12);
}

.telegram-channel__stats b[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
}

.telegram-channel__actions[b-ingg2kt3kf] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

@media (max-width: 960px) {
  .telegram-channel[b-ingg2kt3kf] {
    grid-template-columns: 1fr;
  }

  .telegram-channel__stats[b-ingg2kt3kf],
  .telegram-channel__actions[b-ingg2kt3kf] {
    justify-content: flex-start;
  }
}

.alert-chart-select[b-ingg2kt3kf] {
  display: grid;
  gap: 0.28rem;
  min-width: min(18rem, 100%);
}

.alert-chart-select span[b-ingg2kt3kf] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.alert-chart-select select[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  background-color: rgba(0, 0, 0, 0.24);
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
}

.alert-chart-bucket[b-ingg2kt3kf] {
  margin-top: 0.75rem;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 32%),
    rgba(0, 0, 0, 0.16);
}

.alert-chart-bucket__head[b-ingg2kt3kf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.7rem;
}

.alert-chart-bucket__head strong[b-ingg2kt3kf],
.alert-chart-bucket__head span[b-ingg2kt3kf] {
  display: block;
}

.alert-chart-bucket__head strong[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.alert-chart-bucket__head span[b-ingg2kt3kf] {
  margin-top: 0.15rem;
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.alert-chart-bucket__items[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.55rem;
}

.alert-chart-bucket__item[b-ingg2kt3kf] {
  min-width: 0;
  padding: 0.65rem;
  border-radius: calc(var(--app-radius) - 0.4rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

.alert-chart-bucket__item span[b-ingg2kt3kf],
.alert-chart-bucket__item small[b-ingg2kt3kf],
.alert-chart-bucket__item strong[b-ingg2kt3kf] {
  display: block;
}

.alert-chart-bucket__item span[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.alert-chart-bucket__item strong[b-ingg2kt3kf] {
  margin-top: 0.18rem;
  color: var(--app-brand-color);
  font-size: 1.05rem;
  font-weight: 950;
}

.alert-chart-bucket__item small[b-ingg2kt3kf] {
  color: var(--app-front-color-sec);
}

.alert-card[b-ingg2kt3kf] {
  min-width: 0;
  padding: 1rem;
}

.alert-command-grid[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.95fr) minmax(16rem, 0.55fr);
  gap: 1rem;
  align-items: stretch;
}

.alert-first-action[b-ingg2kt3kf],
.alert-focus-panel[b-ingg2kt3kf],
.alert-shortcuts[b-ingg2kt3kf] {
  min-height: 100%;
}

.alert-section-head[b-ingg2kt3kf] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.alert-section-head h2[b-ingg2kt3kf] {
  margin: 0.1rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 900;
}

.alert-section-head p[b-ingg2kt3kf] {
  margin: 0.35rem 0 0;
  max-width: 48rem;
  color: var(--app-front-color-sec);
}

.alert-section-actions[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex-wrap: wrap;
}

.alert-section-note[b-ingg2kt3kf] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 800;
  text-align: right;
}

.alert-clear-focus[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0.42rem 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.035);
  font-weight: 900;
}

.alert-clear-focus:hover[b-ingg2kt3kf] {
  border-color: rgba(var(--app-brand-color-rgb), 0.4);
  background: rgba(var(--app-brand-color-rgb), 0.12);
}

.alert-link[b-ingg2kt3kf] {
  color: var(--app-brand-color);
  font-weight: 850;
  text-decoration: none;
}

.alert-link:hover[b-ingg2kt3kf] {
  color: var(--app-brand-color-accent);
}

.alert-resource-grid[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.alert-resource[b-ingg2kt3kf] {
  min-width: 0;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.3rem);
  background: rgba(0, 0, 0, 0.16);
}

.alert-resource span[b-ingg2kt3kf],
.alert-resource small[b-ingg2kt3kf] {
  display: block;
  color: var(--app-front-color-sec);
}

.alert-resource strong[b-ingg2kt3kf] {
  display: block;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
}

.alert-workbench[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
  gap: 1rem;
  align-items: stretch;
}

.alert-priority[b-ingg2kt3kf],
.alert-operator-map[b-ingg2kt3kf] {
  min-height: 100%;
}

.alert-priority-list[b-ingg2kt3kf],
.alert-domain-list[b-ingg2kt3kf] {
  display: grid;
  gap: 0.7rem;
}

.alert-priority-list[b-ingg2kt3kf] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.alert-next[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: flex-start;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 36%),
    rgba(0, 0, 0, 0.2);
}

.alert-next__badge[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.6rem;
  padding: 0.34rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.24);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.alert-next h3[b-ingg2kt3kf] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: 1.1rem;
  font-weight: 950;
}

.alert-next p[b-ingg2kt3kf],
.alert-next small[b-ingg2kt3kf] {
  display: block;
  margin: 0.35rem 0 0;
  color: var(--app-front-color-sec);
}

.alert-next small[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  opacity: 0.88;
}

.alert-next__actions[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}

.alert-filter-list[b-ingg2kt3kf],
.alert-shortcut-list[b-ingg2kt3kf] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.alert-filter[b-ingg2kt3kf],
.alert-shortcut[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: var(--app-front-color-main);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
    rgba(0, 0, 0, 0.16);
  text-decoration: none;
  font-weight: 900;
}

.alert-filter[b-ingg2kt3kf] {
  padding: 0.48rem 0.7rem;
}

.alert-filter strong[b-ingg2kt3kf],
.alert-shortcut span[b-ingg2kt3kf] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.alert-filter span[b-ingg2kt3kf],
.alert-shortcut strong[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.9rem;
  min-height: 1.45rem;
  padding: 0.08rem 0.45rem;
  border-radius: 999px;
  color: #111;
  background: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 1000;
}

.alert-filter:hover:not(:disabled)[b-ingg2kt3kf],
.alert-filter.is-active[b-ingg2kt3kf],
.alert-shortcut:hover[b-ingg2kt3kf],
.alert-shortcut.has-alerts[b-ingg2kt3kf] {
  border-color: rgba(var(--app-brand-color-rgb), 0.48);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 36%),
    rgba(var(--app-brand-color-rgb), 0.09);
}

.alert-filter:disabled[b-ingg2kt3kf] {
  cursor: not-allowed;
  opacity: 0.45;
}

.alert-shortcut-list[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: 1fr;
}

.alert-shortcut[b-ingg2kt3kf] {
  padding: 0.58rem 0.72rem;
}

.alert-priority-item[b-ingg2kt3kf],
.alert-domain[b-ingg2kt3kf] {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 36%),
    rgba(0, 0, 0, 0.18);
}

.alert-priority-item[b-ingg2kt3kf] {
  padding: 0.85rem;
}

.alert-priority-item__head[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-width: 0;
}

.alert-priority-item__head span[b-ingg2kt3kf],
.alert-group-severity[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.22);
  color: var(--app-front-color-main);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.alert-priority-item__head strong[b-ingg2kt3kf] {
  min-width: 0;
  color: var(--app-front-color-main);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.alert-priority-item p[b-ingg2kt3kf] {
  margin: 0.5rem 0 0;
  color: var(--app-front-color-sec);
}

.alert-priority-item small[b-ingg2kt3kf] {
  display: block;
  margin-top: 0.4rem;
  color: var(--app-front-color-main);
  opacity: 0.82;
}

.alert-priority-item__actions[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.75rem;
  flex-wrap: wrap;
}

.alert-domain[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.3rem 0.8rem;
  padding: 0.85rem;
  color: inherit;
  width: 100%;
  text-align: left;
  text-decoration: none;
}

.alert-domain span[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.alert-domain strong[b-ingg2kt3kf] {
  color: var(--app-brand-color);
  font-size: 1.35rem;
  font-weight: 950;
  line-height: 1;
}

.alert-domain small[b-ingg2kt3kf] {
  grid-column: 1 / -1;
  color: var(--app-front-color-sec);
}

.alert-domain:hover[b-ingg2kt3kf] {
  border-color: rgba(var(--app-brand-color-rgb), 0.48);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 38%),
    rgba(var(--app-brand-color-rgb), 0.07);
}

.alert-domain.is-active[b-ingg2kt3kf] {
  border-color: rgba(var(--app-brand-color-rgb), 0.72) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.28), transparent 38%),
    rgba(var(--app-brand-color-rgb), 0.12);
}

.alert-muted[b-ingg2kt3kf] {
  margin: 0;
  color: var(--app-front-color-sec);
}

.alert-list[b-ingg2kt3kf] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.alert-item[b-ingg2kt3kf] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  padding: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.08)),
    rgba(255, 255, 255, 0.02);
}

.alert-item__badge[b-ingg2kt3kf],
.alert-action[b-ingg2kt3kf],
.alert-runbook[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 900;
}

.alert-item__badge[b-ingg2kt3kf] {
  flex-direction: column;
  align-items: flex-start;
  min-width: 5.8rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.24);
}

.alert-item__badge small[b-ingg2kt3kf] {
  color: var(--app-front-color-sec);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.alert-actions[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.alert-item__body h3[b-ingg2kt3kf] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 900;
}

.alert-item__body p[b-ingg2kt3kf] {
  margin: 0.2rem 0 0;
  color: var(--app-front-color-sec);
}

.alert-item__body small[b-ingg2kt3kf] {
  display: block;
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  opacity: 0.82;
}

.alert-item__guide[b-ingg2kt3kf] {
  margin-top: 0.6rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) - 0.45rem);
  background: rgba(var(--app-brand-color-rgb), 0.055);
}

.alert-item__guide span[b-ingg2kt3kf] {
  display: block;
  color: var(--app-brand-color);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.alert-item__guide p[b-ingg2kt3kf] {
  margin: 0.25rem 0 0;
  color: var(--app-front-color-main);
  opacity: 0.9;
}

.alert-action[b-ingg2kt3kf],
.alert-runbook[b-ingg2kt3kf] {
  padding: 0.45rem 0.75rem;
  text-decoration: none;
  white-space: nowrap;
}

.alert-action[b-ingg2kt3kf] {
  color: #111;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.75);
  background: var(--app-brand-color);
}

.alert-runbook[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
}

.alert-snooze[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.65rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  color: var(--app-front-color-sec);
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.alert-action:hover[b-ingg2kt3kf] {
  color: #111;
  background: var(--app-brand-color-accent);
}

.alert-runbook:hover[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.45);
  background: rgba(var(--app-brand-color-rgb), 0.12);
}

.alert-snooze:hover:not(:disabled)[b-ingg2kt3kf] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.12);
}

.alert-snooze:disabled[b-ingg2kt3kf] {
  opacity: 0.55;
}

.alert-empty[b-ingg2kt3kf] {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.alert-empty.is-compact[b-ingg2kt3kf] {
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.14);
}

.alert-empty__mark[b-ingg2kt3kf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: #06210f;
  background: #64e3a3;
  font-weight: 950;
}

.alert-empty h2[b-ingg2kt3kf] {
  margin: 0;
  color: var(--app-front-color-main);
}

.alert-empty p[b-ingg2kt3kf] {
  margin: 0.25rem 0 0;
  color: var(--app-front-color-sec);
}

.is-info[b-ingg2kt3kf] {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

.is-warning[b-ingg2kt3kf] {
  border-color: rgba(255, 185, 77, 0.48) !important;
}

.is-warning .alert-item__badge[b-ingg2kt3kf],
.is-warning strong[b-ingg2kt3kf] {
  color: #ffbe64;
}

.is-critical[b-ingg2kt3kf] {
  border-color: rgba(255, 96, 96, 0.58) !important;
}

.is-critical .alert-item__badge[b-ingg2kt3kf],
.is-critical strong[b-ingg2kt3kf] {
  color: #ff7a7a;
}

@media (max-width: 1280px) {
  .alert-summary[b-ingg2kt3kf],
  .alert-resource-grid[b-ingg2kt3kf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .alert-command-grid[b-ingg2kt3kf],
  .alert-workbench[b-ingg2kt3kf] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .alert-hero[b-ingg2kt3kf] {
    flex-direction: column;
  }

  .alert-hero__right[b-ingg2kt3kf] {
    flex: 1 1 auto;
  }

  .alert-item[b-ingg2kt3kf] {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .alert-action[b-ingg2kt3kf] {
    justify-self: flex-start;
  }

  .alert-actions[b-ingg2kt3kf] {
    justify-content: flex-start;
  }

  .alert-priority-list[b-ingg2kt3kf] {
    grid-template-columns: 1fr;
  }

  .alert-next[b-ingg2kt3kf] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-body[b-ingg2kt3kf] {
    flex-direction: column;
    padding: 0.75rem;
  }

  .alert-summary[b-ingg2kt3kf],
  .alert-resource-grid[b-ingg2kt3kf] {
    grid-template-columns: 1fr;
  }

  .alert-filter[b-ingg2kt3kf],
  .alert-shortcut[b-ingg2kt3kf],
  .alert-clear-focus[b-ingg2kt3kf],
  .alert-action[b-ingg2kt3kf],
  .alert-runbook[b-ingg2kt3kf],
  .alert-snooze[b-ingg2kt3kf] {
    width: 100%;
  }

  .alert-section-head[b-ingg2kt3kf] {
    flex-direction: column;
  }

  .alert-section-note[b-ingg2kt3kf] {
    text-align: left;
  }
}
/* /Pages/Admin/AdminAvailabilityPage.razor.rz.scp.css */
.admin-page[b-pykraigyek] {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-pykraigyek] {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
}

.admin-content[b-pykraigyek] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-availability-hero[b-pykraigyek],
.admin-availability-group[b-pykraigyek],
.admin-availability-status[b-pykraigyek],
.admin-availability-empty[b-pykraigyek],
.admin-control-card[b-pykraigyek] {
  border: 1px solid rgba(255, 128, 18, 0.28);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 128, 18, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(255, 128, 18, 0.08), rgba(255, 255, 255, 0.025)),
    var(--app-background-color-contrast);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.admin-availability-hero[b-pykraigyek] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.25rem;
  margin-bottom: 1rem;
}

.admin-availability-kicker[b-pykraigyek] {
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.admin-availability-hero h1[b-pykraigyek] {
  margin: 0.15rem 0 0.35rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 3rem);
  font-weight: 1000;
}

.admin-availability-hero p[b-pykraigyek] {
  max-width: 760px;
  margin: 0;
  color: var(--app-front-color-sec);
}

.admin-availability-status[b-pykraigyek],
.admin-availability-empty[b-pykraigyek] {
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
  color: var(--app-front-color-main);
}

.admin-control-grid[b-pykraigyek] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-control-card[b-pykraigyek] {
  padding: 1rem;
}

.admin-control-card--operator[b-pykraigyek] {
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 128, 18, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-contrast);
}

.admin-control-card.is-paused[b-pykraigyek] {
  border-color: rgba(255, 128, 18, 0.62);
  background:
    radial-gradient(circle at 90% 0%, rgba(255, 128, 18, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(255, 128, 18, 0.16), rgba(8, 12, 15, 0.76));
}

.admin-control-card__head[b-pykraigyek] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 0.65rem;
}

.admin-control-summary[b-pykraigyek] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  cursor: pointer;
  list-style: none;
}

.admin-control-summary[b-pykraigyek]::-webkit-details-marker {
  display: none;
}

.admin-control-summary[b-pykraigyek]::after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: auto;
  border-radius: 50%;
  border: 1px solid rgba(255, 128, 18, 0.32);
  color: var(--app-brand-color);
  background: rgba(0, 0, 0, 0.18);
  font-weight: 950;
  line-height: 1;
  transition: transform 0.16s ease, background 0.16s ease;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--app-brand-color) 50%),
    linear-gradient(135deg, var(--app-brand-color) 50%, transparent 50%);
  background-position:
    calc(50% - 0.18rem) calc(50% + 0.02rem),
    calc(50% + 0.18rem) calc(50% + 0.02rem);
  background-size: 0.36rem 0.36rem;
  background-repeat: no-repeat;
}

.admin-control-card--operator[open] .admin-control-summary[b-pykraigyek]::after {
  transform: rotate(180deg);
  background: rgba(255, 128, 18, 0.14);
}

.admin-control-card--operator[open] .admin-control-summary[b-pykraigyek] {
  margin-bottom: 0.75rem;
}

.admin-control-card__body[b-pykraigyek] {
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-control-card__label[b-pykraigyek] {
  color: var(--app-brand-color);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.admin-control-card h2[b-pykraigyek] {
  margin: 0.1rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.35rem;
  font-weight: 1000;
}

.admin-control-card__head strong[b-pykraigyek],
.admin-control-summary strong[b-pykraigyek] {
  padding: 0.26rem 0.65rem;
  border-radius: 999px;
  color: #0b0d10;
  background: var(--app-brand-color);
  font-size: 0.68rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.admin-control-card p[b-pykraigyek] {
  margin: 0 0 0.8rem;
  color: var(--app-front-color-sec);
}

.admin-control-meta[b-pykraigyek] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.75rem;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
}

.admin-control-meta span[b-pykraigyek] {
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.admin-control-field[b-pykraigyek] {
  display: grid;
  gap: 0.35rem;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-control-field textarea[b-pykraigyek] {
  width: 100%;
  resize: vertical;
  min-height: 5.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 0.65rem 0.75rem;
  background: rgba(0, 0, 0, 0.32);
  color: var(--app-front-color-main);
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
}

.admin-control-field textarea:focus[b-pykraigyek] {
  outline: none;
  border-color: rgba(255, 128, 18, 0.85);
  box-shadow: 0 0 0 3px rgba(255, 128, 18, 0.15);
}

.admin-control-actions[b-pykraigyek] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.admin-control-status[b-pykraigyek] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.09);
}

.admin-availability-group[b-pykraigyek] {
  margin-bottom: 1rem;
  overflow: hidden;
}

.admin-availability-group__head[b-pykraigyek] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-availability-group__head h2[b-pykraigyek] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: 1.1rem;
  font-weight: 900;
}

.admin-availability-group__head span[b-pykraigyek] {
  color: var(--app-front-color-sec);
  font-size: 0.85rem;
}

.admin-availability-list[b-pykraigyek] {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  min-width: 0;
}

.admin-availability-row[b-pykraigyek] {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 0.9fr);
  gap: 1rem;
  padding: 1rem;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  background: rgba(8, 12, 15, 0.52);
}

.admin-availability-row.is-paused[b-pykraigyek] {
  border-color: rgba(255, 128, 18, 0.55);
  background:
    linear-gradient(135deg, rgba(255, 128, 18, 0.14), rgba(8, 12, 15, 0.72));
}

.admin-availability-row__title[b-pykraigyek] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

.admin-availability-row__title span[b-pykraigyek] {
  color: var(--app-front-color-main);
  font-weight: 900;
  font-size: 1.05rem;
}

.admin-availability-row__title strong[b-pykraigyek] {
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  color: #0b0d10;
  background: var(--app-brand-color);
  font-size: 0.68rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.admin-availability-row:not(.is-paused) .admin-availability-row__title strong[b-pykraigyek] {
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.12);
}

.admin-availability-row__main p[b-pykraigyek] {
  margin: 0 0 0.65rem;
  color: var(--app-front-color-sec);
  overflow-wrap: anywhere;
}

.admin-availability-row__meta[b-pykraigyek] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
}

.admin-availability-row__meta span[b-pykraigyek] {
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.admin-availability-row__editor[b-pykraigyek] {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
}

.admin-availability-row__editor label[b-pykraigyek] {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.admin-availability-row__editor input[b-pykraigyek],
.admin-availability-row__editor textarea[b-pykraigyek] {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 0.55rem 0.7rem;
  background: rgba(0, 0, 0, 0.32);
  color: var(--app-front-color-main);
  text-transform: none;
  letter-spacing: normal;
  font-weight: 600;
}

.admin-availability-row__editor textarea[b-pykraigyek] {
  min-height: 4.25rem;
  resize: vertical;
  overflow-wrap: anywhere;
}

.admin-availability-row__editor input:focus[b-pykraigyek],
.admin-availability-row__editor textarea:focus[b-pykraigyek] {
  outline: none;
  border-color: rgba(255, 128, 18, 0.85);
  box-shadow: 0 0 0 3px rgba(255, 128, 18, 0.15);
}

.admin-availability-row__actions[b-pykraigyek] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

@media (max-width: 980px) {
  .admin-body[b-pykraigyek],
  .admin-availability-hero[b-pykraigyek] {
    flex-direction: column;
  }

  .admin-control-grid[b-pykraigyek] {
    grid-template-columns: 1fr;
  }

  .admin-availability-row[b-pykraigyek] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .admin-body[b-pykraigyek] {
    padding: 0.75rem;
  }

  .admin-availability-hero[b-pykraigyek],
  .admin-availability-group[b-pykraigyek],
  .admin-control-card[b-pykraigyek] {
    border-radius: 18px;
  }

  .admin-availability-list[b-pykraigyek] {
    padding: 0.75rem;
  }

  .admin-availability-row[b-pykraigyek] {
    padding: 0.8rem;
    overflow: hidden;
  }

  .admin-availability-row__main[b-pykraigyek],
  .admin-availability-row__editor[b-pykraigyek],
  .admin-availability-row__editor label[b-pykraigyek],
  .admin-availability-row__editor input[b-pykraigyek],
  .admin-availability-row__editor textarea[b-pykraigyek] {
    max-width: 100%;
    min-width: 0;
  }

  .admin-availability-row__actions[b-pykraigyek] {
    justify-content: flex-start;
  }
}
/* /Pages/Admin/AdminBannersPage.razor.rz.scp.css */
.admin-page[b-rdf46qss2p] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-rdf46qss2p] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-rdf46qss2p] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}


.admin-banners-head[b-rdf46qss2p] {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.admin-banners-filter[b-rdf46qss2p] {
  flex: 1 1 520px;
  min-width: 240px;
}


.admin-banners-card[b-rdf46qss2p] {
  width: 100%;
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
  margin-bottom: 1rem;
  min-width: 0;
}

.admin-banners-title[b-rdf46qss2p] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
  margin-bottom: 0.75rem;
}

.admin-banners-actions[b-rdf46qss2p] {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.admin-banners-status[b-rdf46qss2p] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.08);
}


.admin-banners-preview[b-rdf46qss2p] {
  margin-top: 0.5rem;
  width: 100%;
}

.admin-banners-preview img[b-rdf46qss2p] {
  width: 100%;
  max-width: 360px;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
}


.table-responsive[b-rdf46qss2p] {
  width: 100%;
}

.admin-banners-table[b-rdf46qss2p] {
  width: 100%;
  table-layout: fixed;
}

.admin-banners-table th[b-rdf46qss2p] {
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.admin-banners-table td[b-rdf46qss2p] {
  vertical-align: middle;
  color: var(--app-front-color-main);
}

.admin-banners-table .title .t[b-rdf46qss2p] {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-banners-table .title .s[b-rdf46qss2p] {
  margin-top: 0.15rem;
  font-size: 0.86rem;
  color: var(--app-front-color-sec);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-banners-table .cta[b-rdf46qss2p] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.is-inactive[b-rdf46qss2p] {
  opacity: 0.75;
}


.admin-banners-table th:nth-child(1)[b-rdf46qss2p],
.admin-banners-table td:nth-child(1)[b-rdf46qss2p] {
  width: 6%;
}


.admin-banners-table th:nth-child(2)[b-rdf46qss2p],
.admin-banners-table td:nth-child(2)[b-rdf46qss2p] {
  width: 27%;
}


.admin-banners-table th:nth-child(3)[b-rdf46qss2p],
.admin-banners-table td:nth-child(3)[b-rdf46qss2p] {
  width: 7%;
}


.admin-banners-table th:nth-child(4)[b-rdf46qss2p],
.admin-banners-table td:nth-child(4)[b-rdf46qss2p] {
  width: 6%;
}


.admin-banners-table th:nth-child(5)[b-rdf46qss2p],
.admin-banners-table td:nth-child(5)[b-rdf46qss2p] {
  width: 10%;
}


.admin-banners-table th:nth-child(6)[b-rdf46qss2p],
.admin-banners-table td:nth-child(6)[b-rdf46qss2p] {
  width: 10%;
}


.admin-banners-table th:nth-child(7)[b-rdf46qss2p],
.admin-banners-table td:nth-child(7)[b-rdf46qss2p] {
  width: 8%;
}


.admin-banners-table th:nth-child(8)[b-rdf46qss2p],
.admin-banners-table td:nth-child(8)[b-rdf46qss2p] {
  width: 9%;
}


.admin-banners-table th:nth-child(9)[b-rdf46qss2p],
.admin-banners-table td:nth-child(9)[b-rdf46qss2p] {
  width: 17%;
}

.admin-banners-actions-cell[b-rdf46qss2p] {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.admin-banners-actions-cell .btn[b-rdf46qss2p] {
  white-space: nowrap;
}

@media (max-width: 900px) {
  .table-responsive[b-rdf46qss2p] {
    overflow: visible;
  }

  .admin-banners-table[b-rdf46qss2p],
  .admin-banners-table tbody[b-rdf46qss2p],
  .admin-banners-table tr[b-rdf46qss2p],
  .admin-banners-table td[b-rdf46qss2p] {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    width: 100% !important;
  }

  .admin-banners-table thead[b-rdf46qss2p] {
    display: none;
  }

  .admin-banners-table tr[b-rdf46qss2p] {
    margin-bottom: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.14), transparent 36%),
      rgba(255, 255, 255, 0.035);
  }

  .admin-banners-table td[b-rdf46qss2p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.42rem 0;
    border: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: right !important;
  }

  .admin-banners-table td[b-rdf46qss2p]::before {
    content: attr(data-label);
    flex: 0 0 7.5rem;
    text-align: left;
    color: var(--app-brand-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .admin-banners-table .title .t[b-rdf46qss2p],
  .admin-banners-table .title .s[b-rdf46qss2p],
  .admin-banners-table .cta[b-rdf46qss2p] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .admin-banners-table td[data-label="Next action"][b-rdf46qss2p] {
    display: block;
    text-align: left !important;
  }

  .admin-banners-table td[data-label="Next action"][b-rdf46qss2p]::before {
    display: block;
    margin-bottom: 0.5rem;
  }

  .admin-banners-actions-cell[b-rdf46qss2p] {
    justify-content: flex-start;
  }
}
/* /Pages/Admin/AdminCertificatesPage.razor.rz.scp.css */
.admin-page[b-gwtlecvyg1] {

  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-gwtlecvyg1] {

  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;

  flex-wrap: nowrap;
}


.admin-content[b-gwtlecvyg1] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}


.admin-vouchers-head[b-gwtlecvyg1] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  width: 100%;
}

.admin-vouchers-filter[b-gwtlecvyg1] {
  flex: 1 1 auto;
  min-width: 240px;
  max-width: 520px;
}


.admin-vouchers-card[b-gwtlecvyg1] {
  width: 100%;
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
  margin-bottom: 1rem;
}

.admin-vouchers-title[b-gwtlecvyg1] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
  margin-bottom: 0.75rem;
}

.admin-vouchers-status[b-gwtlecvyg1] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.08);
}


.table-responsive[b-gwtlecvyg1] {
  width: 100%;
}



.admin-vouchers-table[b-gwtlecvyg1] {
  width: 100%;
  table-layout: fixed;
}

.admin-vouchers-table th[b-gwtlecvyg1] {
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.admin-vouchers-table td[b-gwtlecvyg1] {
  vertical-align: middle;
  color: var(--app-front-color-main);
}


.admin-vouchers-table .code[b-gwtlecvyg1] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    monospace;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--app-front-color-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.admin-vouchers-table tr.is-inactive td[b-gwtlecvyg1] {
  opacity: 0.75;
}


.admin-vouchers-table td:last-child[b-gwtlecvyg1] {
  white-space: nowrap;
}


.admin-vouchers-table th:nth-child(1)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(1)[b-gwtlecvyg1] {
  width: 7%;
}


.admin-vouchers-table th:nth-child(2)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(2)[b-gwtlecvyg1] {
  width: 18%;
}


.admin-vouchers-table th:nth-child(3)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(3)[b-gwtlecvyg1] {
  width: 18%;
}


.admin-vouchers-table th:nth-child(4)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(4)[b-gwtlecvyg1] {
  width: 14%;
}


.admin-vouchers-table th:nth-child(5)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(5)[b-gwtlecvyg1] {
  width: 14%;
}


.admin-vouchers-table th:nth-child(6)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(6)[b-gwtlecvyg1] {
  width: 17%;
}


.admin-vouchers-table th:nth-child(7)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(7)[b-gwtlecvyg1] {
  width: 12%;
}




.admin-vouchers-table td:nth-child(3)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(4)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(5)[b-gwtlecvyg1],
.admin-vouchers-table td:nth-child(6)[b-gwtlecvyg1] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


@media (max-width: 768px) {
  .admin-vouchers-head[b-gwtlecvyg1] {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-vouchers-filter[b-gwtlecvyg1] {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 900px) {
  .table-responsive[b-gwtlecvyg1] {
    overflow: visible;
  }

  .admin-vouchers-table[b-gwtlecvyg1],
  .admin-vouchers-table tbody[b-gwtlecvyg1],
  .admin-vouchers-table tr[b-gwtlecvyg1],
  .admin-vouchers-table td[b-gwtlecvyg1] {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    width: 100% !important;
  }

  .admin-vouchers-table thead[b-gwtlecvyg1] {
    display: none;
  }

  .admin-vouchers-table tr[b-gwtlecvyg1] {
    margin-bottom: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.14), transparent 36%),
      rgba(255, 255, 255, 0.035);
  }

  .admin-vouchers-table td[b-gwtlecvyg1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.42rem 0;
    border: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: right !important;
  }

  .admin-vouchers-table td[b-gwtlecvyg1]::before {
    content: attr(data-label);
    flex: 0 0 7.5rem;
    text-align: left;
    color: var(--app-brand-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .admin-vouchers-table .code[b-gwtlecvyg1] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .admin-vouchers-table td.code[b-gwtlecvyg1] {
    display: block;
    text-align: left !important;
  }

  .admin-vouchers-table td.code[b-gwtlecvyg1]::before {
    display: block;
    margin-bottom: 0.45rem;
  }

  .admin-vouchers-table td.code[b-gwtlecvyg1]  .sk-copy-value {
    max-width: 100%;
    width: 100%;
  }

  .admin-vouchers-table td[data-label="Next action"][b-gwtlecvyg1] {
    display: block;
    text-align: left !important;
  }

  .admin-vouchers-table td[data-label="Next action"][b-gwtlecvyg1]::before {
    display: block;
    margin-bottom: 0.5rem;
  }

  .admin-vouchers-actions-cell[b-gwtlecvyg1] {
    justify-content: flex-start;
  }
}

.admin-vouchers-actions-cell[b-gwtlecvyg1] {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.admin-vouchers-actions-cell .btn[b-gwtlecvyg1] {
  white-space: nowrap;
}
/* /Pages/Admin/AdminEasterEggsPage.razor.rz.scp.css */
.admin-page[b-re79x68gni] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-re79x68gni] {
  flex: 1 1 auto;
  display: flex;
  gap: 1rem;
  padding: 1rem;
}

.admin-content[b-re79x68gni] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-eggs-head[b-re79x68gni] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.admin-eggs-toolbar[b-re79x68gni] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-eggs-actions[b-re79x68gni] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1 30rem;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.admin-eggs-filter[b-re79x68gni] {
  flex: 1 1 28rem;
  min-width: 18rem;
}

.admin-eggs-card[b-re79x68gni] {
  width: 100%;
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.admin-eggs-title[b-re79x68gni] {
  margin-bottom: 0.85rem;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
}

.admin-eggs-table[b-re79x68gni] {
  width: 100%;
}

.admin-eggs-table th[b-re79x68gni] {
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.62);
}

.admin-eggs-table td[b-re79x68gni] {
  vertical-align: middle;
  color: var(--app-front-color-main);
}

.admin-eggs-network[b-re79x68gni] {
  min-width: 10rem;
}

.mono[b-re79x68gni] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    monospace;
}

.admin-eggs-status[b-re79x68gni] {
  margin-top: 0.75rem;
  padding: 0.7rem 0.8rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
}

@media (max-width: 768px) {
  .admin-eggs-toolbar[b-re79x68gni],
  .admin-eggs-actions[b-re79x68gni] {
    align-items: stretch;
  }

  .admin-eggs-filter[b-re79x68gni] {
    flex-basis: 100%;
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .table-responsive[b-re79x68gni] {
    overflow: visible;
  }

  .admin-eggs-table[b-re79x68gni],
  .admin-eggs-table tbody[b-re79x68gni],
  .admin-eggs-table tr[b-re79x68gni],
  .admin-eggs-table td[b-re79x68gni] {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    width: 100% !important;
  }

  .admin-eggs-table thead[b-re79x68gni] {
    display: none;
  }

  .admin-eggs-table tr[b-re79x68gni] {
    margin-bottom: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.14), transparent 36%),
      rgba(255, 255, 255, 0.035);
  }

  .admin-eggs-table td[b-re79x68gni] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.42rem 0;
    border: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: right !important;
  }

  .admin-eggs-table td[b-re79x68gni]::before {
    content: attr(data-label);
    flex: 0 0 7.5rem;
    text-align: left;
    color: var(--app-brand-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
}
/* /Pages/Admin/AdminEmailQueueTab.razor.rz.scp.css */
.admin-email-deliverability[b-3qnvzk6ost] {
  display: grid;
  gap: 0.85rem;
}

.admin-email-deliverability__main[b-3qnvzk6ost] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}

.admin-email-check[b-3qnvzk6ost] {
  min-height: 5.2rem;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.16);
}

.admin-email-check strong[b-3qnvzk6ost] {
  display: block;
  color: var(--app-front-color-main);
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.admin-email-check span[b-3qnvzk6ost] {
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.admin-email-check.is-ok[b-3qnvzk6ost] {
  border-color: rgba(34, 197, 94, 0.32);
  background:
    radial-gradient(circle at 0 0, rgba(34, 197, 94, 0.14), transparent 50%),
    rgba(0, 0, 0, 0.16);
}

.admin-email-check.is-missing[b-3qnvzk6ost] {
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 50%),
    rgba(0, 0, 0, 0.16);
}

.admin-email-deliverability__meta[b-3qnvzk6ost] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

.admin-email-deliverability__meta div[b-3qnvzk6ost],
.admin-email-records div[b-3qnvzk6ost] {
  min-width: 0;
  padding: 0.65rem 0.7rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.12);
}

.admin-email-deliverability__meta span[b-3qnvzk6ost],
.admin-email-records span[b-3qnvzk6ost] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.75rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

.admin-email-deliverability__meta strong[b-3qnvzk6ost],
.admin-email-records code[b-3qnvzk6ost] {
  display: block;
  color: var(--app-front-color-main);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-email-records[b-3qnvzk6ost] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.admin-email-records code[b-3qnvzk6ost] {
  color: #ffd7b0;
  background: transparent;
  padding: 0;
}

.admin-table-wrap[b-3qnvzk6ost] {
  width: 100%;
  overflow: visible;
}

.admin-card-list[b-3qnvzk6ost] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

.admin-card-list--dense[b-3qnvzk6ost] {
  gap: 0.45rem;
}

.admin-row-card[b-3qnvzk6ost] {
  display: grid;
  grid-template-columns: minmax(12rem, 1.5fr) repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.55rem;
  align-items: center;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: calc(var(--app-radius) - 0.45rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 12rem),
    rgba(0, 0, 0, 0.15);
  color: var(--app-front-color-main);
}

.admin-row-card .mono[b-3qnvzk6ost] {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.admin-row-card span[b-3qnvzk6ost] {
  min-width: 0;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
}

.admin-row-card b[b-3qnvzk6ost] {
  color: var(--app-front-color-main);
  font-weight: 850;
}

.admin-row-card .muted[b-3qnvzk6ost] {
  display: block;
  margin-top: 0.12rem;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
}

@media (max-width: 1180px) {
  .admin-email-deliverability__main[b-3qnvzk6ost],
  .admin-email-deliverability__meta[b-3qnvzk6ost],
  .admin-email-records[b-3qnvzk6ost] {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 760px) {
  .admin-email-deliverability__main[b-3qnvzk6ost],
  .admin-email-deliverability__meta[b-3qnvzk6ost],
  .admin-email-records[b-3qnvzk6ost] {
    grid-template-columns: 1fr;
  }

  .admin-row-card[b-3qnvzk6ost] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Admin/AdminGrantNav.razor.rz.scp.css */
.admin-grant-nav[b-n0l7s9vkyf] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) + 0.18rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 18rem),
    radial-gradient(circle at 0 100%, rgba(255, 255, 255, 0.035), transparent 16rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

.admin-grant-nav__kicker[b-n0l7s9vkyf] {
  margin-bottom: 0.25rem;
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-grant-nav h1[b-n0l7s9vkyf] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.65rem, 2.6vw, 2.45rem);
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 0.98;
}

.admin-grant-nav p[b-n0l7s9vkyf] {
  max-width: 54rem;
  margin: 0.5rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.admin-grant-nav__links[b-n0l7s9vkyf] {
  display: flex;
  gap: 0.5rem;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-grant-nav__links a[b-n0l7s9vkyf] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.48rem 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: var(--app-front-color-main);
  font-weight: 850;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.18);
}

.admin-grant-nav__links a:hover[b-n0l7s9vkyf],
.admin-grant-nav__links a:focus-visible[b-n0l7s9vkyf] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background: rgba(var(--app-brand-color-rgb), 0.1);
}

.admin-grant-nav__links a.active[b-n0l7s9vkyf] {
  color: var(--app-brand-color);
  border-color: rgba(var(--app-brand-color-rgb), 0.58);
  background: rgba(var(--app-brand-color-rgb), 0.12);
}

@media (max-width: 860px) {
  .admin-grant-nav[b-n0l7s9vkyf] {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-grant-nav__links[b-n0l7s9vkyf] {
    justify-content: flex-start;
  }
}
/* /Pages/Admin/AdminInterventionPage.razor.rz.scp.css */
.admin-page[b-glg0umoost] {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.admin-body[b-glg0umoost] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem;
    flex-wrap: nowrap;
}

.admin-content[b-glg0umoost] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

.admin-users-head[b-glg0umoost] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.admin-users-title[b-glg0umoost] {
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--app-front-color-main);
}

.admin-users-status[b-glg0umoost] {
    margin-top: 0.75rem;
    padding: 0.6rem 0.75rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
    border-radius: calc(var(--app-radius) - 0.25rem);
    background: rgba(var(--app-brand-color-rgb), 0.1);
    color: var(--app-front-color-main);
}

.admin-users-card[b-glg0umoost] {
    width: 100%;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--app-radius);
    background: var(--app-background-color-contrast);
    box-shadow: var(--app-shadow);
}

.admin-users-card__title[b-glg0umoost] {
    margin-bottom: 0.75rem;
    font-weight: 900;
    color: var(--app-front-color-main);
}

.admin-users-meta[b-glg0umoost] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
}

.admin-users-meta .k[b-glg0umoost] {
    margin-right: 0.35rem;
    color: var(--app-front-color-sec);
}

.admin-users-meta .v[b-glg0umoost] {
    color: var(--app-front-color-main);
}

.admin-eggs-table[b-glg0umoost] {
    width: 100%;
}

.admin-eggs-table th[b-glg0umoost] {
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.62);
}

.admin-eggs-table td[b-glg0umoost] {
    vertical-align: middle;
    color: var(--app-front-color-main);
}

.mono[b-glg0umoost] {
    font-family:
        ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
        monospace;
}

.admin-policy-actions[b-glg0umoost] {
    min-width: 260px;
    max-width: 360px;
}

.intervention-section[b-glg0umoost] {
    margin-top: 2rem;
}

.intervention-section__head[b-glg0umoost] {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.intervention-section__head h2[b-glg0umoost] {
    margin: 0 0 0.25rem;
    font-size: 1.15rem;
}

.admin-policy-prompt[b-glg0umoost] {
    max-width: min(520px, 70vw);
    max-height: 180px;
    margin: 0;
    padding: 0.75rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    border: 1px solid rgba(255, 122, 0, 0.24);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.22);
    color: #f2f6fa;
    font-size: 0.82rem;
}

@media (max-width: 700px) {
    .admin-users-meta[b-glg0umoost] {
        grid-template-columns: 1fr;
    }

    .admin-policy-actions[b-glg0umoost] {
        width: 100%;
        max-width: none;
    }
}
/* /Pages/Admin/AdminMaintenancePage.razor.rz.scp.css */
/* Maintenance moved into /admin/availability. This file stays empty for the compatibility route. */
/* /Pages/Admin/AdminMarketingPage.razor.rz.scp.css */
.admin-page[b-p9ffp42hrg] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-p9ffp42hrg] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-p9ffp42hrg] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-marketing-hero[b-p9ffp42hrg] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 34%),
    var(--app-background-color-contrast);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  box-shadow: var(--app-shadow);
}

.admin-marketing-kicker[b-p9ffp42hrg] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-marketing-hero h1[b-p9ffp42hrg] {
  margin: 0.2rem 0 0.35rem;
  font-size: clamp(1.7rem, 2.6vw, 2.4rem);
  font-weight: 900;
  color: var(--app-front-color-main);
}

.admin-marketing-hero p[b-p9ffp42hrg] {
  margin: 0;
  max-width: 52rem;
  color: var(--app-front-color-sec);
}

.admin-marketing-status[b-p9ffp42hrg] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.admin-marketing-grid[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  margin-top: 1rem;
}

.admin-marketing-card[b-p9ffp42hrg] {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--app-radius);
  background: var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-marketing-grid .admin-marketing-card[b-p9ffp42hrg] {
  margin-top: 0;
}

.admin-marketing-card--form[b-p9ffp42hrg] {
  border-color: rgba(var(--app-brand-color-rgb), 0.14);
}

.admin-ad-center[b-p9ffp42hrg] {
  border-color: rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 8% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 34%),
    radial-gradient(circle at 100% 8%, rgba(255, 122, 0, 0.11), transparent 28%),
    var(--app-background-color-contrast);
}

.admin-ad-campaigns[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr));
  gap: 0.85rem;
  margin-top: 1rem;
}

.admin-marketing-cardhead[b-p9ffp42hrg] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.admin-marketing-cardhead .brand[b-p9ffp42hrg] {
  color: var(--app-brand-color);
  font-weight: 850;
}

.admin-marketing-cardhead .muted[b-p9ffp42hrg] {
  color: var(--app-front-color-sec);
  margin-left: 0.35rem;
}

.admin-marketing-actions[b-p9ffp42hrg] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-marketing-actions .sk-copy-value[b-p9ffp42hrg] {
  flex: 1 1 24rem;
  min-width: 0;
}

.admin-marketing-kpis[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.admin-marketing-kpis div[b-p9ffp42hrg] {
  padding: 0.8rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-marketing-kpis span[b-p9ffp42hrg] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
}

.admin-marketing-kpis strong[b-p9ffp42hrg] {
  display: block;
  margin-top: 0.15rem;
  color: var(--app-front-color-main);
  font-size: 1.35rem;
  font-weight: 900;
}

.admin-marketing-name[b-p9ffp42hrg] {
  font-weight: 800;
  color: var(--app-front-color-main);
}

.admin-marketing-token[b-p9ffp42hrg] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.admin-marketing-spend-editor[b-p9ffp42hrg] {
  display: flex;
  justify-content: flex-end;
  gap: 0.35rem;
}

.admin-marketing-spend-editor .form-control[b-p9ffp42hrg] {
  max-width: 5.4rem;
  text-align: right;
}

.admin-marketing-positive[b-p9ffp42hrg] {
  color: #49d38a !important;
}

.admin-marketing-negative[b-p9ffp42hrg] {
  color: #ff7a7a !important;
}

.admin-marketing-link-list[b-p9ffp42hrg],
.admin-marketing-unlinked-list[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  gap: 0.85rem;
}

.admin-marketing-link-card[b-p9ffp42hrg],
.admin-marketing-unlinked-card[b-p9ffp42hrg] {
  min-width: 0;
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.14);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 34%),
    rgba(0, 0, 0, 0.16);
}

.admin-marketing-link-card__head[b-p9ffp42hrg],
.admin-marketing-unlinked-card__head[b-p9ffp42hrg] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
  margin-bottom: 0.7rem;
}

.admin-marketing-link-card__state[b-p9ffp42hrg] {
  flex: 0 0 auto;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-marketing-link-card__state.is-active[b-p9ffp42hrg] {
  border-color: rgba(73, 211, 138, 0.35);
  background: rgba(73, 211, 138, 0.12);
  color: #8ff0ba;
}

.admin-marketing-link-card__state.is-paused[b-p9ffp42hrg] {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
}

.admin-marketing-link-card__meta[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-bottom: 0.7rem;
}

.admin-marketing-link-card__meta span[b-p9ffp42hrg] {
  min-width: 0;
  padding: 0.55rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  background: rgba(0, 0, 0, 0.12);
  color: var(--app-front-color-sec);
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-marketing-link-card__meta strong[b-p9ffp42hrg] {
  display: block;
  margin-bottom: 0.15rem;
  color: var(--app-brand-color);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-metric-strip[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.7rem;
}

.admin-marketing-unlinked-card .admin-marketing-metric-strip[b-p9ffp42hrg] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.admin-marketing-metric-strip > div[b-p9ffp42hrg] {
  min-width: 0;
  padding: 0.6rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.15);
}

.admin-marketing-metric-strip span[b-p9ffp42hrg],
.admin-marketing-metric-strip small[b-p9ffp42hrg] {
  display: block;
  color: var(--app-front-color-sec);
}

.admin-marketing-metric-strip span[b-p9ffp42hrg] {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-metric-strip strong[b-p9ffp42hrg] {
  display: block;
  margin-top: 0.12rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.05;
}

.admin-marketing-metric-strip small[b-p9ffp42hrg] {
  margin-top: 0.12rem;
  font-size: 0.74rem;
}

.admin-marketing-link-card__finance[b-p9ffp42hrg] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.8rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-marketing-link-card__finance .admin-marketing-spend-editor[b-p9ffp42hrg] {
  justify-content: flex-start;
}

.admin-marketing-link-card__finance label[b-p9ffp42hrg] {
  color: var(--app-front-color-sec);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-finance-kpis[b-p9ffp42hrg] {
  display: flex;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.admin-marketing-finance-kpis span[b-p9ffp42hrg] {
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.16);
  color: var(--app-front-color-main);
  font-weight: 850;
}

.admin-marketing-unlinked-card__head strong[b-p9ffp42hrg] {
  color: var(--app-brand-color-accent);
  white-space: nowrap;
}

.admin-marketing-bucket[b-p9ffp42hrg] {
  margin-top: 0.85rem;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 36%),
    rgba(0, 0, 0, 0.16);
}

.admin-marketing-bucket__head[b-p9ffp42hrg] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.admin-marketing-bucket__head .brand[b-p9ffp42hrg] {
  display: block;
  color: var(--app-front-color-main);
  font-weight: 900;
}

.admin-marketing-bucket__head .muted[b-p9ffp42hrg] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.85rem;
}

.admin-marketing-bucket-list[b-p9ffp42hrg] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.65rem;
}

.admin-marketing-bucket-list > div[b-p9ffp42hrg] {
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

.admin-marketing-bucket-list span[b-p9ffp42hrg],
.admin-marketing-bucket-list small[b-p9ffp42hrg] {
  display: block;
  color: var(--app-front-color-sec);
}

.admin-marketing-bucket-list strong[b-p9ffp42hrg] {
  display: block;
  margin: 0.2rem 0;
  color: var(--app-front-color-main);
  font-size: 1.15rem;
}

@media (max-width: 1100px) {
  .admin-marketing-grid[b-p9ffp42hrg] {
    grid-template-columns: 1fr;
  }

  .admin-marketing-metric-strip[b-p9ffp42hrg],
  .admin-marketing-unlinked-card .admin-marketing-metric-strip[b-p9ffp42hrg] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .admin-body[b-p9ffp42hrg] {
    flex-direction: column;
    padding: 0.75rem;
  }

  .admin-marketing-hero[b-p9ffp42hrg] {
    flex-direction: column;
  }

  .admin-marketing-kpis[b-p9ffp42hrg] {
    grid-template-columns: 1fr;
  }

  .admin-marketing-link-list[b-p9ffp42hrg],
  .admin-marketing-unlinked-list[b-p9ffp42hrg],
  .admin-ad-campaigns[b-p9ffp42hrg] {
    grid-template-columns: 1fr;
  }

  .admin-marketing-link-card__meta[b-p9ffp42hrg],
  .admin-marketing-metric-strip[b-p9ffp42hrg],
  .admin-marketing-unlinked-card .admin-marketing-metric-strip[b-p9ffp42hrg] {
    grid-template-columns: 1fr 1fr;
  }

  .admin-marketing-link-card__finance[b-p9ffp42hrg] {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-marketing-finance-kpis[b-p9ffp42hrg] {
    justify-content: flex-start;
  }
}

@media (max-width: 460px) {
  .admin-marketing-link-card__meta[b-p9ffp42hrg],
  .admin-marketing-metric-strip[b-p9ffp42hrg],
  .admin-marketing-unlinked-card .admin-marketing-metric-strip[b-p9ffp42hrg] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Admin/AdminOperationalDashboardPage.razor.rz.scp.css */
.admin-page[b-qu4pvv4eqy] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-qu4pvv4eqy] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-qu4pvv4eqy] {
  flex: 1 1 auto;
  min-width: 0;
}

.ops-dashboard[b-qu4pvv4eqy] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ops-hero[b-qu4pvv4eqy],
.ops-card[b-qu4pvv4eqy],
.ops-signal[b-qu4pvv4eqy],
.ops-drilldowns[b-qu4pvv4eqy] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 34%),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}

.ops-hero[b-qu4pvv4eqy] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem;
}

.ops-kicker[b-qu4pvv4eqy],
.ops-card__label[b-qu4pvv4eqy] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.ops-hero h1[b-qu4pvv4eqy] {
  margin: 0.2rem 0 0.35rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 950;
  line-height: 1;
}

.ops-hero p[b-qu4pvv4eqy] {
  margin: 0;
  max-width: 56rem;
  color: var(--app-front-color-sec);
}

.ops-scope-legend[b-qu4pvv4eqy] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.8rem;
}

.ops-scope-legend span[b-qu4pvv4eqy],
.ops-scope[b-qu4pvv4eqy] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ops-scope-legend span[b-qu4pvv4eqy] {
  padding: 0.28rem 0.55rem;
}

.ops-hero__right[b-qu4pvv4eqy] {
  display: flex;
  flex: 0 0 18rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}

.ops-health[b-qu4pvv4eqy] {
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 9rem),
    rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
}

.ops-health span[b-qu4pvv4eqy],
.ops-health small[b-qu4pvv4eqy] {
  display: block;
  color: var(--app-front-color-sec);
}

.ops-health strong[b-qu4pvv4eqy] {
  display: block;
  color: var(--app-front-color-main);
  font-size: 1.5rem;
  font-weight: 950;
}

.ops-refresh[b-qu4pvv4eqy] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) - 0.35rem);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.16);
}

.ops-refresh .form-check[b-qu4pvv4eqy] {
  margin: 0;
}

.ops-refresh .form-check-label[b-qu4pvv4eqy],
.ops-refresh__seconds span[b-qu4pvv4eqy] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 800;
}

.ops-refresh__seconds[b-qu4pvv4eqy] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.ops-refresh__seconds .form-control[b-qu4pvv4eqy] {
  width: 5rem;
  flex: 0 0 5rem;
}

.ops-status[b-qu4pvv4eqy] {
  padding: 0.75rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.ops-signals[b-qu4pvv4eqy] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.ops-signal[b-qu4pvv4eqy] {
  padding: 0.85rem;
}

.ops-signal span[b-qu4pvv4eqy] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ops-signal strong[b-qu4pvv4eqy] {
  display: block;
  margin-top: 0.2rem;
  color: var(--app-front-color-main);
}

.ops-grid[b-qu4pvv4eqy] {
  display: grid;
  gap: 1rem;
}

.ops-grid--main[b-qu4pvv4eqy] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ops-grid--wide[b-qu4pvv4eqy] {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
}

.ops-grid--detail[b-qu4pvv4eqy] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ops-card[b-qu4pvv4eqy] {
  min-width: 0;
  padding: 1rem;
}

.ops-card--accent[b-qu4pvv4eqy] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background:
    radial-gradient(circle at 16% 0, rgba(var(--app-brand-color-rgb), 0.28), transparent 42%),
    var(--app-background-color-contrast);
}

.ops-card__label-row[b-qu4pvv4eqy] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.ops-scope[b-qu4pvv4eqy] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0.18rem 0.48rem;
}

.ops-card__value[b-qu4pvv4eqy] {
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 2.4vw, 2.4rem);
  font-weight: 950;
  line-height: 1;
}

.ops-card__meta[b-qu4pvv4eqy] {
  margin-top: 0.35rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.ops-metrics[b-qu4pvv4eqy] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.8rem;
}

.ops-metrics span[b-qu4pvv4eqy],
.ops-badge[b-qu4pvv4eqy],
.ops-breakdown span[b-qu4pvv4eqy] {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-sec);
}

.ops-metrics span[b-qu4pvv4eqy] {
  padding: 0.32rem 0.55rem;
  font-size: 0.78rem;
}

.ops-metrics strong[b-qu4pvv4eqy],
.ops-breakdown strong[b-qu4pvv4eqy] {
  color: var(--app-front-color-main);
}

.ops-section-head[b-qu4pvv4eqy] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.ops-section-head h2[b-qu4pvv4eqy] {
  margin: 0.1rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 900;
}

.ops-link[b-qu4pvv4eqy],
.ops-drilldowns a[b-qu4pvv4eqy] {
  color: var(--app-brand-color);
  font-weight: 850;
  text-decoration: none;
}

.ops-link:hover[b-qu4pvv4eqy],
.ops-drilldowns a:hover[b-qu4pvv4eqy] {
  color: var(--app-brand-color-accent);
}

.ops-table[b-qu4pvv4eqy] {
  margin-bottom: 0;
}

.ops-table thead th[b-qu4pvv4eqy] {
  color: var(--app-front-color-sec);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  font-weight: 800;
}

.ops-table tbody td[b-qu4pvv4eqy] {
  color: var(--app-front-color-main);
  border-top-color: rgba(255, 255, 255, 0.06);
  vertical-align: middle;
}

.ops-table .num[b-qu4pvv4eqy] {
  text-align: right;
  white-space: nowrap;
}

.ops-table .mono[b-qu4pvv4eqy] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.ops-badge[b-qu4pvv4eqy] {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.74rem;
  font-weight: 850;
}

.ops-breakdown[b-qu4pvv4eqy] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.75rem;
}

.ops-breakdown span[b-qu4pvv4eqy] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.45rem 0.65rem;
}

.ops-empty[b-qu4pvv4eqy] {
  color: var(--app-front-color-sec);
}

.ops-drilldowns[b-qu4pvv4eqy] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  padding: 0.85rem;
}

.ops-drilldowns a[b-qu4pvv4eqy] {
  display: inline-flex;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.1);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
}

.is-healthy[b-qu4pvv4eqy] {
  border-color: rgba(73, 211, 138, 0.4) !important;
}

.is-healthy strong[b-qu4pvv4eqy],
.is-healthy.ops-badge[b-qu4pvv4eqy] {
  color: #64e3a3;
}

.is-warning[b-qu4pvv4eqy] {
  border-color: rgba(255, 185, 77, 0.45) !important;
}

.is-warning strong[b-qu4pvv4eqy],
.is-warning.ops-badge[b-qu4pvv4eqy] {
  color: #ffbe64;
}

.is-critical[b-qu4pvv4eqy] {
  border-color: rgba(255, 96, 96, 0.55) !important;
}

.is-critical strong[b-qu4pvv4eqy],
.is-critical.ops-badge[b-qu4pvv4eqy] {
  color: #ff7a7a;
}

@media (max-width: 1280px) {
  .ops-grid--main[b-qu4pvv4eqy],
  .ops-grid--detail[b-qu4pvv4eqy] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ops-signals[b-qu4pvv4eqy] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .ops-hero[b-qu4pvv4eqy],
  .ops-grid--wide[b-qu4pvv4eqy] {
    grid-template-columns: 1fr;
  }

  .ops-hero[b-qu4pvv4eqy] {
    flex-direction: column;
  }

  .ops-hero__right[b-qu4pvv4eqy] {
    flex: 1 1 auto;
  }
}

@media (max-width: 760px) {
  .admin-body[b-qu4pvv4eqy] {
    flex-direction: column;
    padding: 0.75rem;
  }

  .ops-grid--main[b-qu4pvv4eqy],
  .ops-grid--detail[b-qu4pvv4eqy],
  .ops-signals[b-qu4pvv4eqy] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Admin/AdminPaymentsPage.razor.rz.scp.css */
.admin-page[b-9jic0xp7iw] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-9jic0xp7iw] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-9jic0xp7iw] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

.admin-payments-head[b-9jic0xp7iw],
.admin-payments-list-head[b-9jic0xp7iw] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-payments-title[b-9jic0xp7iw] {
  color: var(--app-front-color-main);
  font-size: 1.15rem;
  font-weight: 950;
}

.admin-payments-subtitle[b-9jic0xp7iw],
.admin-payments-card__copy[b-9jic0xp7iw] {
  color: var(--app-front-color-sec);
  font-size: 0.92rem;
}

.admin-payments-status[b-9jic0xp7iw] {
  margin-top: 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.admin-payments-chart-select[b-9jic0xp7iw] {
  display: grid;
  gap: 0.28rem;
  min-width: min(18rem, 100%);
}

.admin-payments-chart-select span[b-9jic0xp7iw] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-payments-chart-select select[b-9jic0xp7iw] {
  color: var(--app-front-color-main);
  background-color: rgba(0, 0, 0, 0.24);
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
}

.admin-payments-chart-bucket[b-9jic0xp7iw] {
  margin-top: 0.75rem;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 32%),
    rgba(0, 0, 0, 0.16);
}

.admin-payments-chart-bucket__head[b-9jic0xp7iw] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.7rem;
}

.admin-payments-chart-bucket__head strong[b-9jic0xp7iw],
.admin-payments-chart-bucket__head span[b-9jic0xp7iw] {
  display: block;
}

.admin-payments-chart-bucket__head strong[b-9jic0xp7iw] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.admin-payments-chart-bucket__head span[b-9jic0xp7iw] {
  margin-top: 0.15rem;
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.admin-payments-chart-bucket__items[b-9jic0xp7iw] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.55rem;
}

.admin-payments-chart-bucket__item[b-9jic0xp7iw] {
  min-width: 0;
  padding: 0.65rem;
  border-radius: calc(var(--app-radius) - 0.4rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

.admin-payments-chart-bucket__item span[b-9jic0xp7iw],
.admin-payments-chart-bucket__item small[b-9jic0xp7iw],
.admin-payments-chart-bucket__item strong[b-9jic0xp7iw] {
  display: block;
}

.admin-payments-chart-bucket__item span[b-9jic0xp7iw] {
  color: var(--app-front-color-main);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.admin-payments-chart-bucket__item strong[b-9jic0xp7iw] {
  margin-top: 0.18rem;
  color: var(--app-brand-color);
  font-size: 1.05rem;
  font-weight: 950;
}

.admin-payments-chart-bucket__item small[b-9jic0xp7iw] {
  color: var(--app-front-color-sec);
}

.admin-payments-grid[b-9jic0xp7iw] {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: minmax(360px, 1.1fr) minmax(320px, 0.9fr);
  gap: 1rem;
}

.admin-payments-card[b-9jic0xp7iw] {
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--app-radius);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.05), transparent 34%),
    var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: var(--app-shadow);
}

.admin-payments-grid .admin-payments-card[b-9jic0xp7iw] {
  margin-top: 0;
}

.admin-payments-reconciliation[b-9jic0xp7iw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 30%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.05), transparent 42%),
    var(--app-background-color-contrast);
}

.admin-payments-window-buttons[b-9jic0xp7iw] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.admin-payments-window-buttons button[b-9jic0xp7iw] {
  padding: 0.42rem 0.72rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background: rgba(255, 255, 255, 0.035);
  color: var(--app-front-color-main);
  font-weight: 850;
}

.admin-payments-window-buttons button.active[b-9jic0xp7iw] {
  color: #111;
  background: var(--app-brand-color);
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
}

.admin-payments-window-buttons button:disabled[b-9jic0xp7iw] {
  opacity: 0.55;
}

.admin-payments-recon-grid[b-9jic0xp7iw] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 1rem;
}

.admin-payments-recon-card[b-9jic0xp7iw] {
  min-width: 0;
  padding: 0.78rem;
  border-radius: calc(var(--app-radius) - 0.3rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.16);
}

.admin-payments-recon-card span[b-9jic0xp7iw],
.admin-payments-recon-card small[b-9jic0xp7iw] {
  display: block;
  color: var(--app-front-color-sec);
}

.admin-payments-recon-card span[b-9jic0xp7iw] {
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-payments-recon-card strong[b-9jic0xp7iw] {
  display: block;
  margin-top: 0.28rem;
  color: var(--app-front-color-main);
  font-size: 1.6rem;
  font-weight: 950;
  line-height: 1;
}

.admin-payments-recon-card.is-good[b-9jic0xp7iw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.24);
}

.admin-payments-recon-card.is-good strong[b-9jic0xp7iw] {
  color: var(--app-brand-color);
}

.admin-payments-recon-card.is-warn[b-9jic0xp7iw] {
  border-color: rgba(255, 193, 7, 0.3);
}

.admin-payments-recon-card.is-warn strong[b-9jic0xp7iw] {
  color: #ffd36a;
}

.admin-payments-recon-card.is-bad[b-9jic0xp7iw] {
  border-color: rgba(220, 53, 69, 0.34);
}

.admin-payments-recon-card.is-bad strong[b-9jic0xp7iw] {
  color: #ff8b9a;
}

.admin-payments-recon-empty[b-9jic0xp7iw] {
  margin-top: 0.9rem;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.3rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.14);
  background: rgba(var(--app-brand-color-rgb), 0.06);
  color: var(--app-front-color-sec);
}

.admin-payments-card__title[b-9jic0xp7iw] {
  color: var(--app-front-color-main);
  font-weight: 950;
  margin-bottom: 0.35rem;
}

.admin-payments-form[b-9jic0xp7iw] {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.admin-payments-field--wide[b-9jic0xp7iw] {
  grid-column: 1 / -1;
}

.admin-payments-field[b-9jic0xp7iw] {
  min-width: 0;
}

.admin-payment-user-search[b-9jic0xp7iw],
.admin-payments-search[b-9jic0xp7iw] {
  display: flex;
  gap: 0.5rem;
}

.admin-payments-search[b-9jic0xp7iw] {
  min-width: min(520px, 100%);
}

.admin-payment-user-results[b-9jic0xp7iw] {
  margin-top: 0.5rem;
  display: grid;
  gap: 0.35rem;
}

.admin-payment-user-item[b-9jic0xp7iw],
.admin-payment-selected-user[b-9jic0xp7iw] {
  width: 100%;
  padding: 0.6rem 0.7rem;
  border-radius: calc(var(--app-radius) - 0.3rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.16);
  color: var(--app-front-color-main);
}

.admin-payment-user-item[b-9jic0xp7iw] {
  text-align: left;
}

.admin-payment-user-item:hover[b-9jic0xp7iw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
}

.admin-payment-selected-user[b-9jic0xp7iw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.admin-payment-user-item .e[b-9jic0xp7iw],
.admin-payment-selected-user .e[b-9jic0xp7iw] {
  display: block;
  font-weight: 850;
}

.admin-payment-user-item .n[b-9jic0xp7iw],
.admin-payment-selected-user .n[b-9jic0xp7iw] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
}

.admin-payments-actions[b-9jic0xp7iw] {
  margin-top: 1rem;
}

.admin-payment-details[b-9jic0xp7iw] {
  display: grid;
  gap: 0.45rem;
}

.admin-payment-detail-row[b-9jic0xp7iw] {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  padding: 0.45rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-payment-detail-row .k[b-9jic0xp7iw] {
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.admin-payment-detail-row .v[b-9jic0xp7iw] {
  min-width: 0;
  color: var(--app-front-color-main);
  overflow-wrap: anywhere;
}

.admin-payments-table-wrap[b-9jic0xp7iw] {
  width: 100%;
  overflow-x: auto;
}

.admin-payments-table[b-9jic0xp7iw] {
  min-width: 980px;
  margin-bottom: 0;
}

.admin-payments-table thead th[b-9jic0xp7iw] {
  color: var(--app-front-color-sec);
  font-weight: 800;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}

.admin-payments-table tbody td[b-9jic0xp7iw] {
  vertical-align: middle;
  color: var(--app-front-color-main);
  border-top-color: rgba(255, 255, 255, 0.06);
}

.admin-payments-table tr.is-paid[b-9jic0xp7iw] {
  background: rgba(var(--app-brand-color-rgb), 0.06);
}

.admin-payments-table tr.is-underpaid[b-9jic0xp7iw] {
  background: rgba(220, 53, 69, 0.055);
}

.admin-payments-table tr.is-recon-bad[b-9jic0xp7iw] {
  background: rgba(220, 53, 69, 0.075);
}

.admin-payments-table tr.is-recon-warning[b-9jic0xp7iw] {
  background: rgba(255, 193, 7, 0.06);
}

.admin-payments-table--underpaid[b-9jic0xp7iw] {
  min-width: 1160px;
}

.admin-payments-table--recon[b-9jic0xp7iw] {
  min-width: 1200px;
  margin-top: 0.9rem;
}

.admin-payments-user-cell[b-9jic0xp7iw],
.admin-payments-provider-cell[b-9jic0xp7iw] {
  display: grid;
  gap: 0.12rem;
}

.admin-payments-user-cell a[b-9jic0xp7iw] {
  color: var(--app-front-color-main);
  font-weight: 850;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.admin-payments-user-cell a:hover[b-9jic0xp7iw] {
  color: var(--app-brand-color-accent);
}

.admin-payments-user-cell small[b-9jic0xp7iw],
.admin-payments-provider-cell small[b-9jic0xp7iw],
.admin-payments-table td small[b-9jic0xp7iw] {
  color: var(--app-front-color-sec);
}

.admin-payments-inline-actions[b-9jic0xp7iw],
.admin-payment-detail-actions[b-9jic0xp7iw] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-top: 0.45rem;
}

.admin-payments-inline-actions a[b-9jic0xp7iw] {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: 999px;
  padding: 0.18rem 0.52rem;
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.admin-payments-inline-actions a:hover[b-9jic0xp7iw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.56);
  color: var(--app-brand-color-accent);
}

.admin-payment-status[b-9jic0xp7iw] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 850;
  background: rgba(255, 255, 255, 0.08);
  color: var(--app-front-color-main);
}

.admin-payment-status--paid[b-9jic0xp7iw] {
  background: rgba(var(--app-brand-color-rgb), 0.18);
  color: var(--app-brand-color);
}

.admin-payment-status--pending[b-9jic0xp7iw] {
  background: rgba(255, 193, 7, 0.15);
  color: #ffd36a;
}

.admin-payment-status--bad[b-9jic0xp7iw] {
  background: rgba(220, 53, 69, 0.16);
  color: #ff8b9a;
}

.admin-payment-status--closed[b-9jic0xp7iw] {
  background: rgba(255, 255, 255, 0.08);
  color: var(--app-front-color-sec);
}

.admin-payments-row-actions[b-9jic0xp7iw] {
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .admin-payments-grid[b-9jic0xp7iw] {
    grid-template-columns: 1fr;
  }

  .admin-payments-recon-grid[b-9jic0xp7iw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .admin-body[b-9jic0xp7iw] {
    flex-direction: column;
  }

  .admin-payments-form[b-9jic0xp7iw] {
    grid-template-columns: 1fr;
  }

  .admin-payment-user-search[b-9jic0xp7iw],
  .admin-payments-search[b-9jic0xp7iw] {
    flex-direction: column;
  }

  .admin-payment-detail-row[b-9jic0xp7iw] {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }

  .admin-payments-recon-grid[b-9jic0xp7iw] {
    grid-template-columns: 1fr;
  }

  .admin-payments-window-buttons[b-9jic0xp7iw] {
    justify-content: flex-start;
  }
}
/* /Pages/Admin/AdminProductReportsPage.razor.rz.scp.css */
.admin-page[b-uhkpckcdu5] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-uhkpckcdu5] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-uhkpckcdu5] {
  flex: 1 1 auto;
  min-width: 0;
}

.product-report-console[b-uhkpckcdu5] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-report-hero[b-uhkpckcdu5],
.product-report-card[b-uhkpckcdu5],
.product-report-summary-card[b-uhkpckcdu5] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 34%),
    var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
}

.product-report-hero[b-uhkpckcdu5] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem;
}

.product-report-kicker[b-uhkpckcdu5],
.product-report-card__label[b-uhkpckcdu5] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.product-report-hero h1[b-uhkpckcdu5] {
  margin: 0.2rem 0 0.35rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 950;
  line-height: 1;
}

.product-report-hero p[b-uhkpckcdu5],
.product-report-section-head p[b-uhkpckcdu5] {
  margin: 0;
  max-width: 64rem;
  color: var(--app-front-color-sec);
}

.product-report-hero__right[b-uhkpckcdu5] {
  display: flex;
  flex: 0 0 18rem;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.75rem;
}

.product-report-hero__right label[b-uhkpckcdu5] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-report-hero__right select[b-uhkpckcdu5] {
  margin-top: 0.35rem;
  color: var(--app-front-color-main);
  background-color: rgba(0, 0, 0, 0.24);
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
}

.product-report-status[b-uhkpckcdu5],
.product-report-empty[b-uhkpckcdu5] {
  padding: 0.75rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.product-report-empty[b-uhkpckcdu5] {
  color: var(--app-front-color-sec);
}

.product-report-summary[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.product-report-summary-card[b-uhkpckcdu5] {
  padding: 0.9rem;
}

.product-report-summary-card span[b-uhkpckcdu5] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-report-summary-card strong[b-uhkpckcdu5] {
  display: block;
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  font-size: 1.55rem;
  font-weight: 950;
  line-height: 1;
}

.product-report-summary-card small[b-uhkpckcdu5] {
  display: block;
  margin-top: 0.35rem;
  color: var(--app-front-color-sec);
}

.product-report-card[b-uhkpckcdu5] {
  min-width: 0;
  padding: 1rem;
}

.product-report-section-head[b-uhkpckcdu5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.product-report-section-head h2[b-uhkpckcdu5] {
  margin: 0.1rem 0 0.15rem;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 900;
}

.product-report-link[b-uhkpckcdu5] {
  color: var(--app-brand-color);
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.product-report-link:hover[b-uhkpckcdu5] {
  color: var(--app-brand-color-accent);
}

.product-funnel[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.65rem;
}

.product-funnel article[b-uhkpckcdu5] {
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.3rem);
  background: rgba(0, 0, 0, 0.18);
}

.product-funnel span[b-uhkpckcdu5],
.product-funnel small[b-uhkpckcdu5],
.product-funnel em[b-uhkpckcdu5] {
  display: block;
}

.product-funnel span[b-uhkpckcdu5] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-funnel strong[b-uhkpckcdu5] {
  display: block;
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  font-size: 1.4rem;
  font-weight: 950;
}

.product-funnel small[b-uhkpckcdu5] {
  color: var(--app-brand-color-accent);
  font-weight: 800;
}

.product-funnel em[b-uhkpckcdu5] {
  margin-top: 0.35rem;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-style: normal;
}

.product-report-card-grid[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  gap: 0.8rem;
}

.product-report-card-grid--models[b-uhkpckcdu5] {
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
}

.product-report-row-card[b-uhkpckcdu5] {
  min-width: 0;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 34%),
    rgba(0, 0, 0, 0.16);
}

.product-report-row-card__head[b-uhkpckcdu5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.45rem;
}

.product-report-row-card__head strong[b-uhkpckcdu5] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.product-report-row-card__head span[b-uhkpckcdu5] {
  flex: 0 0 auto;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-brand-color-accent);
  font-size: 0.74rem;
  font-weight: 900;
}

.product-report-row-card__sub[b-uhkpckcdu5] {
  margin: -0.2rem 0 0.55rem;
  color: var(--app-front-color-sec);
  font-size: 0.85rem;
}

.product-report-metric-strip[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}

.product-report-metric-strip--compact[b-uhkpckcdu5] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product-report-metric-strip--economics[b-uhkpckcdu5] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.product-report-metric-strip > div[b-uhkpckcdu5] {
  min-width: 0;
  padding: 0.58rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.16);
}

.product-report-metric-strip span[b-uhkpckcdu5],
.product-report-metric-strip small[b-uhkpckcdu5] {
  display: block;
  color: var(--app-front-color-sec);
}

.product-report-metric-strip span[b-uhkpckcdu5] {
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-report-metric-strip strong[b-uhkpckcdu5] {
  display: block;
  margin-top: 0.12rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.05;
}

.product-report-metric-strip small[b-uhkpckcdu5] {
  margin-top: 0.12rem;
  font-size: 0.74rem;
}

.product-report-bucket[b-uhkpckcdu5] {
  margin-top: 0.85rem;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 36%),
    rgba(0, 0, 0, 0.16);
}

.product-report-bucket__head[b-uhkpckcdu5] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.product-report-bucket__head .brand[b-uhkpckcdu5] {
  display: block;
  color: var(--app-front-color-main);
  font-weight: 900;
}

.product-report-bucket__head .muted[b-uhkpckcdu5] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.85rem;
}

.product-bucket-list[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.65rem;
}

.product-bucket-list > div[b-uhkpckcdu5] {
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

.product-bucket-list span[b-uhkpckcdu5],
.product-bucket-list small[b-uhkpckcdu5] {
  display: block;
  color: var(--app-front-color-sec);
}

.product-bucket-list strong[b-uhkpckcdu5] {
  display: block;
  margin: 0.2rem 0;
  color: var(--app-front-color-main);
  font-size: 1.15rem;
}

.product-report-split[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.product-mini-list[b-uhkpckcdu5] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.product-mini-list > div[b-uhkpckcdu5] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.35rem 1rem;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.3rem);
  background: rgba(0, 0, 0, 0.16);
}

.product-mini-list span[b-uhkpckcdu5] {
  min-width: 0;
  color: var(--app-front-color-main);
  font-weight: 900;
}

.product-mini-list span a[b-uhkpckcdu5] {
  color: inherit;
  text-decoration: none;
}

.product-mini-list span a:hover[b-uhkpckcdu5] {
  color: var(--app-brand-color-accent);
}

.product-mini-list strong[b-uhkpckcdu5] {
  color: var(--app-brand-color-accent);
  font-weight: 950;
}

.product-mini-list small[b-uhkpckcdu5] {
  grid-column: 1 / -1;
  color: var(--app-front-color-sec);
}

@media (max-width: 1180px) {
  .product-report-summary[b-uhkpckcdu5],
  .product-funnel[b-uhkpckcdu5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-report-metric-strip[b-uhkpckcdu5],
  .product-report-metric-strip--compact[b-uhkpckcdu5],
  .product-report-metric-strip--economics[b-uhkpckcdu5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .admin-body[b-uhkpckcdu5],
  .product-report-hero[b-uhkpckcdu5],
  .product-report-section-head[b-uhkpckcdu5] {
    flex-direction: column;
  }

  .product-report-hero__right[b-uhkpckcdu5] {
    flex: 1 1 auto;
    width: 100%;
  }

  .product-report-split[b-uhkpckcdu5] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .admin-body[b-uhkpckcdu5] {
    padding: 0.75rem;
  }

  .product-report-summary[b-uhkpckcdu5],
  .product-funnel[b-uhkpckcdu5] {
    grid-template-columns: 1fr;
  }

  .product-report-card-grid[b-uhkpckcdu5],
  .product-report-card-grid--models[b-uhkpckcdu5] {
    grid-template-columns: 1fr;
  }

  .product-report-row-card__head[b-uhkpckcdu5] {
    flex-direction: column;
  }

  .product-report-metric-strip[b-uhkpckcdu5],
  .product-report-metric-strip--compact[b-uhkpckcdu5],
  .product-report-metric-strip--economics[b-uhkpckcdu5] {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 420px) {
  .product-report-metric-strip[b-uhkpckcdu5],
  .product-report-metric-strip--compact[b-uhkpckcdu5],
  .product-report-metric-strip--economics[b-uhkpckcdu5],
  .product-bucket-list[b-uhkpckcdu5] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Admin/AdminRunbooksPage.razor.rz.scp.css */
.admin-page[b-spu0cbxpb2] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-spu0cbxpb2] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-spu0cbxpb2] {
  flex: 1 1 auto;
  min-width: 0;
}

.runbooks-console[b-spu0cbxpb2] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.runbooks-hero[b-spu0cbxpb2],
.runbooks-index[b-spu0cbxpb2],
.runbook-card[b-spu0cbxpb2] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.15), transparent 34%),
    var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
}

.runbooks-hero[b-spu0cbxpb2] {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem;
}

.runbooks-kicker[b-spu0cbxpb2],
.runbook-card__label[b-spu0cbxpb2] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.runbooks-hero h1[b-spu0cbxpb2] {
  margin: 0.2rem 0 0.35rem;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 950;
  line-height: 1;
}

.runbooks-hero p[b-spu0cbxpb2] {
  margin: 0;
  max-width: 62rem;
  color: var(--app-front-color-sec);
}

.runbooks-hero__actions[b-spu0cbxpb2] {
  display: flex;
  flex: 0 0 14rem;
  flex-direction: column;
  justify-content: center;
  gap: 0.55rem;
}

.runbooks-action[b-spu0cbxpb2],
.runbook-links a[b-spu0cbxpb2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.runbooks-action[b-spu0cbxpb2] {
  padding: 0.65rem 0.9rem;
  color: #111;
  background: var(--app-brand-color);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.72);
}

.runbooks-action.is-soft[b-spu0cbxpb2] {
  color: var(--app-front-color-main);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border-color: rgba(var(--app-brand-color-rgb), 0.36);
}

.runbooks-index[b-spu0cbxpb2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  padding: 0.8rem;
}

.runbooks-index a[b-spu0cbxpb2] {
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  color: var(--app-front-color-main);
  text-decoration: none;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background: rgba(255, 255, 255, 0.035);
  font-weight: 800;
}

.runbooks-index a:hover[b-spu0cbxpb2],
.runbook-links a:hover[b-spu0cbxpb2],
.runbooks-action.is-soft:hover[b-spu0cbxpb2] {
  color: #111;
  background: var(--app-brand-color);
}

.runbooks-grid[b-spu0cbxpb2] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.runbook-card[b-spu0cbxpb2] {
  min-width: 0;
  padding: 1rem;
  scroll-margin-top: 1rem;
}

.runbook-card__head[b-spu0cbxpb2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.runbook-card__head h2[b-spu0cbxpb2] {
  margin: 0.15rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.4rem;
  font-weight: 950;
}

.runbook-card__head span[b-spu0cbxpb2] {
  flex: 0 0 auto;
  padding: 0.34rem 0.62rem;
  border-radius: 999px;
  color: var(--app-brand-color);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  font-size: 0.76rem;
  font-weight: 900;
}

.runbook-card__summary[b-spu0cbxpb2] {
  margin: 0.65rem 0 0;
  color: var(--app-front-color-sec);
}

.runbook-columns[b-spu0cbxpb2] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 0.8rem;
  margin-top: 0.9rem;
}

.runbook-columns > div[b-spu0cbxpb2] {
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.28rem);
  background: rgba(0, 0, 0, 0.16);
}

.runbook-columns h3[b-spu0cbxpb2] {
  margin: 0 0 0.45rem;
  color: var(--app-front-color-main);
  font-size: 0.85rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.runbook-columns ol[b-spu0cbxpb2],
.runbook-columns ul[b-spu0cbxpb2] {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--app-front-color-sec);
}

.runbook-columns li + li[b-spu0cbxpb2] {
  margin-top: 0.38rem;
}

.runbook-links[b-spu0cbxpb2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.9rem;
}

.runbook-links a[b-spu0cbxpb2] {
  padding: 0.45rem 0.7rem;
  color: var(--app-front-color-main);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  background: rgba(var(--app-brand-color-rgb), 0.1);
}

@media (max-width: 1280px) {
  .runbooks-grid[b-spu0cbxpb2] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .runbooks-hero[b-spu0cbxpb2] {
    flex-direction: column;
  }

  .runbooks-hero__actions[b-spu0cbxpb2] {
    flex: 1 1 auto;
  }

  .runbook-columns[b-spu0cbxpb2] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-body[b-spu0cbxpb2] {
    flex-direction: column;
    padding: 0.75rem;
  }

  .runbook-card__head[b-spu0cbxpb2] {
    flex-direction: column;
  }
}
/* /Pages/Admin/AdminSamplesPage.razor.rz.scp.css */
.admin-page[b-a2cnuy9jkq] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-a2cnuy9jkq] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-a2cnuy9jkq] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-samples-card[b-a2cnuy9jkq] {
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.admin-samples-tabs[b-a2cnuy9jkq] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.admin-samples-tab[b-a2cnuy9jkq] {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: var(--app-front-color-main);
  padding: 0.45rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  text-decoration: none;
  display: inline-block;
}

.admin-samples-tab:hover[b-a2cnuy9jkq] {
  background: rgba(255, 255, 255, 0.04);
}

.admin-samples-tab.is-disabled[b-a2cnuy9jkq] {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

.admin-samples-head[b-a2cnuy9jkq] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-samples-title[b-a2cnuy9jkq] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
}

.admin-samples-subtitle[b-a2cnuy9jkq] {
  color: var(--app-front-color-sec);
  margin-top: 0.15rem;
}

.admin-samples-hub[b-a2cnuy9jkq] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 0.25rem;
}

@media (max-width: 900px) {
  .admin-samples-hub[b-a2cnuy9jkq] {
    grid-template-columns: 1fr;
  }
}

.admin-samples-tile[b-a2cnuy9jkq] {
  display: block;
  text-decoration: none;
  padding: 1rem;
  border-radius: var(--app-radius);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 0.5rem 1.6rem rgba(0, 0, 0, 0.22);
  transition:
    border-color 0.15s ease,
    transform 0.15s ease,
    background 0.15s ease;
  min-width: 0;
}

.admin-samples-tile:hover[b-a2cnuy9jkq] {
  transform: translateY(-1px);
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.admin-samples-tile__title[b-a2cnuy9jkq] {
  font-weight: 900;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
}

.admin-samples-tile__text[b-a2cnuy9jkq] {
  margin-top: 0.35rem;
  color: var(--app-front-color-sec);
  line-height: 1.35;
}

.admin-samples-tile__cta[b-a2cnuy9jkq] {
  margin-top: 0.8rem;
  display: inline-block;
  padding: 0.45rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  color: var(--app-brand-color);
  font-weight: 800;
}
/* /Pages/Admin/AdminSettingsPage.razor.rz.scp.css */
/* Settings moved into /admin/availability. This file stays empty for the compatibility route. */
/* /Pages/Admin/AdminStatisticPage.razor.rz.scp.css */
.admin-page[b-jtzs4vz0qw] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-jtzs4vz0qw] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-jtzs4vz0qw] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-stat-hero[b-jtzs4vz0qw] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015));
  box-shadow: var(--app-shadow);
}

.admin-stat-kicker[b-jtzs4vz0qw] {
  margin-bottom: 0.25rem;
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-stat-hero h1[b-jtzs4vz0qw] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 950;
  line-height: 0.95;
}

.admin-stat-hero p[b-jtzs4vz0qw] {
  max-width: 58rem;
  margin: 0.55rem 0 0;
  color: var(--app-front-color-sec);
  font-size: 0.98rem;
  line-height: 1.45;
}

.admin-stat-hero__actions[b-jtzs4vz0qw] {
  display: flex;
  gap: 0.5rem;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.admin-stat-hero__actions a[b-jtzs4vz0qw] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0.45rem 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  border-radius: 999px;
  color: var(--app-front-color-main);
  text-decoration: none;
  background: rgba(0, 0, 0, 0.16);
}

.admin-stat-hero__actions a:hover[b-jtzs4vz0qw] {
  color: var(--app-brand-color);
  border-color: rgba(var(--app-brand-color-rgb), 0.65);
}

.admin-stat-card[b-jtzs4vz0qw] {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--app-radius);
  background: var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.diagnostics-basement[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.diagnostics-basement article[b-jtzs4vz0qw] {
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: calc(var(--app-radius) - 0.2rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 34%),
    rgba(0, 0, 0, 0.14);
}

.diagnostics-basement span[b-jtzs4vz0qw] {
  display: block;
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.diagnostics-basement strong[b-jtzs4vz0qw] {
  display: block;
  margin-top: 0.25rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 950;
}

.diagnostics-basement p[b-jtzs4vz0qw] {
  margin: 0.35rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.diagnostics-fix-path[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.85rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) - 0.1rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 38%),
    rgba(0, 0, 0, 0.16);
}

.diagnostics-fix-path__intro[b-jtzs4vz0qw] {
  min-width: 0;
}

.diagnostics-fix-path__intro > span[b-jtzs4vz0qw] {
  display: block;
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.diagnostics-fix-path__intro strong[b-jtzs4vz0qw] {
  display: block;
  margin-top: 0.22rem;
  color: var(--app-front-color-main);
  font-size: 1.16rem;
  font-weight: 950;
}

.diagnostics-fix-path__intro p[b-jtzs4vz0qw] {
  margin: 0.35rem 0 0;
  color: var(--app-front-color-sec);
}

.diagnostics-fix-path__links[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.diagnostics-fix-path__links a[b-jtzs4vz0qw] {
  min-width: 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.4rem);
  color: var(--app-front-color-main);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.14);
  text-decoration: none;
}

.diagnostics-fix-path__links a:hover[b-jtzs4vz0qw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.46);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 34%),
    rgba(var(--app-brand-color-rgb), 0.08);
}

.diagnostics-fix-path__links a strong[b-jtzs4vz0qw],
.diagnostics-fix-path__links a span[b-jtzs4vz0qw] {
  display: block;
}

.diagnostics-fix-path__links a strong[b-jtzs4vz0qw] {
  margin-bottom: 0.2rem;
  color: var(--app-brand-color);
  font-weight: 950;
}

.diagnostics-fix-path__links a span[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  line-height: 1.35;
}

.admin-stat-title[b-jtzs4vz0qw] {
  font-weight: 800;
  color: var(--app-front-color-main);
}

.admin-stat-toolbar[b-jtzs4vz0qw] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-stat-datepick[b-jtzs4vz0qw] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

.admin-stat-datepick input.form-control[b-jtzs4vz0qw] {
  width: 180px;
  flex: 0 0 180px;
}


.admin-stat-datepick .text-muted[b-jtzs4vz0qw] {
  white-space: nowrap;
  flex: 0 0 auto;
}


.admin-stat-datepick .btn[b-jtzs4vz0qw],
.admin-stat-datepick .form-check[b-jtzs4vz0qw] {
  flex: 0 0 auto;
}

.admin-refresh-seconds[b-jtzs4vz0qw] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  flex: 0 0 auto;
}

.admin-refresh-seconds .form-label[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
  white-space: nowrap;
}

.admin-refresh-seconds .form-control[b-jtzs4vz0qw] {
  width: 5rem;
  flex: 0 0 5rem;
}

.admin-stat-status[b-jtzs4vz0qw] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.admin-stat-cardhead[b-jtzs4vz0qw] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.admin-stat-cardhead .brand[b-jtzs4vz0qw] {
  color: var(--app-brand-color);
  font-weight: 800;
}

.admin-stat-cardhead .muted[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  margin-left: 0.35rem;
}

.admin-stat-cardhead .kpis[b-jtzs4vz0qw] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-stat-cardhead .kpi[b-jtzs4vz0qw] {
  color: var(--app-front-color-main);
}

.admin-stat-cardhead .kpi .brand[b-jtzs4vz0qw] {
  color: var(--app-brand-color);
  font-weight: 800;
}

.admin-stat-grid[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@media (max-width: 1200px) {
  .admin-stat-grid[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .diagnostics-basement[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .diagnostics-fix-path[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }
}

.block[b-jtzs4vz0qw] {
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.block-title[b-jtzs4vz0qw] {
  font-weight: 800;
  margin-bottom: 0.5rem;
  color: var(--app-front-color-main);
}

.admin-stat-table[b-jtzs4vz0qw] {
  margin-bottom: 0;
}

.admin-stat-table thead th[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-weight: 700;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.admin-stat-table tbody td[b-jtzs4vz0qw] {
  color: var(--app-front-color-main);
  border-top-color: rgba(255, 255, 255, 0.06);
}

.admin-stat-table .num[b-jtzs4vz0qw] {
  text-align: right;
  white-space: nowrap;
  width: 1%;
}

.admin-stat-table .mono[b-jtzs4vz0qw] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
}

.admin-table-wrap[b-jtzs4vz0qw] {
  width: 100%;
  overflow: visible;
}

.admin-card-list[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

.admin-card-list--dense[b-jtzs4vz0qw] {
  gap: 0.45rem;
}

.admin-row-card[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(5.5rem, auto));
  gap: 0.55rem;
  align-items: center;
  padding: 0.65rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: calc(var(--app-radius) - 0.45rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 12rem),
    rgba(0, 0, 0, 0.15);
  color: var(--app-front-color-main);
}

.admin-row-card--wide[b-jtzs4vz0qw] {
  grid-template-columns: minmax(12rem, 1.5fr) repeat(auto-fit, minmax(8rem, 1fr));
}

.admin-row-card .mono[b-jtzs4vz0qw] {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.admin-row-card span[b-jtzs4vz0qw] {
  min-width: 0;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
}

.admin-row-card b[b-jtzs4vz0qw] {
  color: var(--app-front-color-main);
  font-weight: 850;
}

.admin-row-card .muted[b-jtzs4vz0qw] {
  display: block;
  margin-top: 0.12rem;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
}

.admin-ext-toolbar[b-jtzs4vz0qw] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-ext-switch[b-jtzs4vz0qw] {
  margin-bottom: 0;
}

.admin-ext-credit[b-jtzs4vz0qw] {
  display: flex;
  flex-direction: row;
  gap: 0.65rem;
  margin: 0.85rem 0 1rem;
  padding: 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 30%),
    rgba(0, 0, 0, 0.14);
}

.admin-ext-credit__intro[b-jtzs4vz0qw] {
  min-width: min(18rem, 100%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  flex: 0 0 18rem;
}

.admin-ext-credit__row[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
  gap: 0.55rem;
  align-items: center;
}

.admin-ext-credit__row--purchase[b-jtzs4vz0qw] {
  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
}

.admin-ext-credit__row--spend[b-jtzs4vz0qw] {
  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
}

.admin-ext-credit__row .btn[b-jtzs4vz0qw] {
  justify-self: start;
  white-space: nowrap;
}

.admin-ext-credit__panel[b-jtzs4vz0qw] {
  min-width: 0;
  flex: 1 1 0;
  padding: 0.65rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.16);
}

.admin-ext-credit__label[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-ext-credit__hint[b-jtzs4vz0qw] {
  margin: 0.2rem 0 0.55rem;
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
  line-height: 1.35;
}

.admin-ext-credit__quick[b-jtzs4vz0qw] {
  display: flex;
  gap: 0.32rem;
  flex-wrap: wrap;
}

.admin-ext-credit__quick button[b-jtzs4vz0qw] {
  min-height: 30px;
  padding: 0.25rem 0.48rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 850;
}

.admin-ext-credit__quick button:hover:not(:disabled)[b-jtzs4vz0qw] {
  background: var(--app-brand-color);
  color: #15100a;
}

.admin-ext-credit .brand[b-jtzs4vz0qw] {
  color: var(--app-brand-color);
  font-weight: 850;
}

.admin-ext-credit .muted[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.admin-ext-table .badge[b-jtzs4vz0qw] {
  font-weight: 800;
}

.admin-provider-account-grid[b-jtzs4vz0qw],
.admin-provider-reconciliation-list[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(31rem, 100%), 1fr));
  gap: 0.85rem;
}

.admin-provider-account-card[b-jtzs4vz0qw],
.admin-provider-reconciliation-card[b-jtzs4vz0qw] {
  min-width: 0;
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(255, 255, 255, 0.075);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 14rem),
    rgba(0, 0, 0, 0.17);
}

.admin-provider-account-card.is-disabled[b-jtzs4vz0qw] {
  opacity: 0.72;
}

.admin-provider-account-card.is-warm[b-jtzs4vz0qw] {
  border-color: rgba(255, 197, 92, 0.32);
}

.admin-provider-account-card.is-hot[b-jtzs4vz0qw],
.admin-provider-account-card.has-errors[b-jtzs4vz0qw],
.admin-provider-account-card.has-low-balance[b-jtzs4vz0qw],
.admin-provider-account-card.has-untracked-balance[b-jtzs4vz0qw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.38);
}

.admin-provider-account-card__head[b-jtzs4vz0qw],
.admin-provider-reconciliation-card__head[b-jtzs4vz0qw] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.55rem;
}

.admin-provider-account-card__identity[b-jtzs4vz0qw] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.admin-provider-account-card__identity strong[b-jtzs4vz0qw],
.admin-provider-reconciliation-card__head strong[b-jtzs4vz0qw] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.admin-provider-account-card__identity span[b-jtzs4vz0qw],
.admin-provider-reconciliation-card__head span[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
}

.admin-provider-account-card__actions[b-jtzs4vz0qw] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: wrap;
}

.admin-provider-account-card__hint[b-jtzs4vz0qw] {
  min-height: 2.2rem;
  margin: 0.28rem 0 0.72rem;
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
  line-height: 1.35;
}

.admin-provider-projects[b-jtzs4vz0qw] {
  margin: 0.6rem 0 0.7rem;
  padding: 0.65rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) - 0.35rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 11rem),
    rgba(0, 0, 0, 0.14);
}

.admin-provider-projects__head[b-jtzs4vz0qw] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.45rem;
}

.admin-provider-projects__head span[b-jtzs4vz0qw],
.admin-provider-projects__head small[b-jtzs4vz0qw] {
  display: block;
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  line-height: 1.25;
}

.admin-provider-projects__head span[b-jtzs4vz0qw] {
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-provider-projects__head strong[b-jtzs4vz0qw] {
  display: block;
  margin-top: 0.08rem;
  color: var(--app-brand-color);
  font-size: 1rem;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.admin-provider-projects__note[b-jtzs4vz0qw] {
  margin-bottom: 0.45rem;
  padding: 0.45rem 0.55rem;
  border: 1px solid rgba(255, 197, 92, 0.24);
  border-radius: 0.8rem;
  color: #ffd08a;
  background: rgba(255, 197, 92, 0.08);
  font-size: 0.78rem;
  line-height: 1.35;
}

.admin-provider-projects__note span[b-jtzs4vz0qw] {
  display: inline-flex;
  margin-right: 0.35rem;
  padding: 0.08rem 0.35rem;
  border-radius: 999px;
  background: rgba(255, 197, 92, 0.16);
  font-weight: 900;
}

.admin-provider-projects__list[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
  gap: 0.45rem;
}

.admin-provider-project[b-jtzs4vz0qw] {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  padding: 0.52rem 0.58rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: calc(var(--app-radius) - 0.5rem);
  background: rgba(0, 0, 0, 0.16);
}

.admin-provider-project.is-active[b-jtzs4vz0qw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.55);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.2), transparent 9rem),
    rgba(var(--app-brand-color-rgb), 0.08);
}

.admin-provider-project.is-disabled[b-jtzs4vz0qw] {
  opacity: 0.62;
}

.admin-provider-project strong[b-jtzs4vz0qw],
.admin-provider-project small[b-jtzs4vz0qw] {
  display: block;
  min-width: 0;
}

.admin-provider-project strong[b-jtzs4vz0qw] {
  color: var(--app-front-color-main);
  font-weight: 950;
  overflow-wrap: anywhere;
}

.admin-provider-project small[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  overflow-wrap: anywhere;
}

.admin-provider-project__badges[b-jtzs4vz0qw] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.28rem;
  flex-wrap: wrap;
}

.admin-provider-project__badges span[b-jtzs4vz0qw],
.admin-provider-project__badges button[b-jtzs4vz0qw] {
  min-height: 1.55rem;
  padding: 0.16rem 0.46rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  font-size: 0.72rem;
  font-weight: 900;
}

.admin-provider-project__badges span[b-jtzs4vz0qw] {
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.1);
}

.admin-provider-project__badges button[b-jtzs4vz0qw] {
  color: #15100a;
  background: var(--app-brand-color);
}

.admin-provider-project__badges button:disabled[b-jtzs4vz0qw] {
  opacity: 0.58;
}

.admin-provider-account-card__metrics[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}

.admin-provider-account-card__metrics--reconciliation[b-jtzs4vz0qw] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-provider-account-card__metrics > div[b-jtzs4vz0qw],
.admin-provider-account-card__balance > div[b-jtzs4vz0qw] {
  min-width: 0;
  padding: 0.58rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.17);
}

.admin-provider-account-card__metrics span[b-jtzs4vz0qw],
.admin-provider-account-card__metrics small[b-jtzs4vz0qw],
.admin-provider-account-card__balance span[b-jtzs4vz0qw],
.admin-provider-account-card__balance small[b-jtzs4vz0qw] {
  display: block;
  min-width: 0;
  color: var(--app-front-color-sec);
}

.admin-provider-account-card__metrics span[b-jtzs4vz0qw],
.admin-provider-account-card__balance span[b-jtzs4vz0qw] {
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-provider-account-card__metrics strong[b-jtzs4vz0qw],
.admin-provider-account-card__balance strong[b-jtzs4vz0qw] {
  display: block;
  margin-top: 0.12rem;
  color: var(--app-front-color-main);
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.admin-provider-account-card__metrics small[b-jtzs4vz0qw],
.admin-provider-account-card__balance small[b-jtzs4vz0qw] {
  margin-top: 0.12rem;
  font-size: 0.73rem;
}

.admin-provider-account-card__metric-danger[b-jtzs4vz0qw] {
  border-color: rgba(255, 97, 97, 0.32) !important;
  background: rgba(255, 97, 97, 0.09) !important;
}

.admin-provider-account-card__balance[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.65rem;
  padding: 0.65rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 35%),
    rgba(0, 0, 0, 0.12);
}

.admin-provider-account-card__balance.is-funded[b-jtzs4vz0qw] {
  border-color: rgba(52, 199, 89, 0.22);
}

.admin-provider-account-card__balance.is-low[b-jtzs4vz0qw],
.admin-provider-account-card__balance.is-untracked[b-jtzs4vz0qw] {
  border-color: rgba(255, 197, 92, 0.36);
}

.admin-provider-account-card__balance.is-empty[b-jtzs4vz0qw] {
  border-color: rgba(255, 97, 97, 0.38);
}

.admin-provider-bucket[b-jtzs4vz0qw] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 16rem),
    rgba(0, 0, 0, 0.18);
}

.admin-provider-bucket__head[b-jtzs4vz0qw] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.55rem;
}

.admin-provider-bucket__head .brand[b-jtzs4vz0qw] {
  display: block;
  color: var(--app-front-color-main);
  font-weight: 900;
}

.admin-provider-bucket__head .muted[b-jtzs4vz0qw] {
  margin-left: 0;
}

.admin-provider-bucket__warning[b-jtzs4vz0qw] {
  margin: 0.45rem 0;
  padding: 0.48rem 0.6rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 197, 92, 0.24);
  background: rgba(255, 197, 92, 0.09);
  color: #ffd08a;
  font-size: 0.82rem;
  font-weight: 800;
}

.admin-provider-bucket__item[b-jtzs4vz0qw] {
  grid-template-columns: minmax(9rem, 1.2fr) repeat(4, minmax(7rem, 1fr));
}

.admin-provider-bucket__item > div[b-jtzs4vz0qw] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.admin-provider-bucket__item strong[b-jtzs4vz0qw] {
  overflow-wrap: anywhere;
}

.admin-provider-cell[b-jtzs4vz0qw] {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}

.admin-provider-cell .mono[b-jtzs4vz0qw] {
  max-width: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

.admin-provider-cell .muted[b-jtzs4vz0qw],
.admin-provider-badges + .muted[b-jtzs4vz0qw] {
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  line-height: 1.25;
}

.admin-provider-badges[b-jtzs4vz0qw] {
  display: flex;
  gap: 0.28rem;
  flex-wrap: wrap;
  margin-bottom: 0.18rem;
}

.admin-window-cards[b-jtzs4vz0qw] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.admin-window-card[b-jtzs4vz0qw] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(0, 0, 0, 0.16);
}

.admin-window-card strong[b-jtzs4vz0qw] {
  color: var(--app-brand-color);
}

.admin-window-card span[b-jtzs4vz0qw] {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
}

.admin-window-card b[b-jtzs4vz0qw] {
  color: var(--app-front-color-main);
}

@media (max-width: 1180px) {
  .admin-ext-credit[b-jtzs4vz0qw] {
    flex-direction: column;
  }

  .admin-ext-credit__intro[b-jtzs4vz0qw] {
    flex-basis: auto;
  }

  .admin-ext-credit__row[b-jtzs4vz0qw] {
    grid-template-columns: 1fr 1fr;
  }

  .admin-ext-credit__label[b-jtzs4vz0qw] {
    grid-column: 1 / -1;
  }

  .admin-ext-credit__row--purchase[b-jtzs4vz0qw],
  .admin-ext-credit__row--spend[b-jtzs4vz0qw] {
    grid-template-columns: 1fr 1fr;
  }

  .admin-window-cards[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .admin-body[b-jtzs4vz0qw] {
    flex-direction: column;
    padding: 0.75rem;
  }

  .admin-stat-hero[b-jtzs4vz0qw] {
    align-items: stretch;
    flex-direction: column;
  }

  .diagnostics-fix-path__links[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .admin-ext-credit__row[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .admin-ext-credit__row--purchase[b-jtzs4vz0qw],
  .admin-ext-credit__row--spend[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .admin-row-card[b-jtzs4vz0qw],
  .admin-row-card--wide[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .admin-provider-bucket__head[b-jtzs4vz0qw] {
    align-items: stretch;
  }

  .admin-provider-bucket__head .btn[b-jtzs4vz0qw] {
    width: 100%;
  }

  .admin-provider-bucket__item[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }

  .admin-provider-account-card__head[b-jtzs4vz0qw],
  .admin-provider-reconciliation-card__head[b-jtzs4vz0qw] {
    flex-direction: column;
  }

  .admin-provider-account-card__actions[b-jtzs4vz0qw] {
    width: 100%;
    justify-content: stretch;
  }

  .admin-provider-account-card__actions .btn[b-jtzs4vz0qw] {
    flex: 1 1 0;
  }

  .admin-provider-account-card__metrics[b-jtzs4vz0qw],
  .admin-provider-account-card__metrics--reconciliation[b-jtzs4vz0qw],
  .admin-provider-account-card__balance[b-jtzs4vz0qw] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Admin/AdminUsersPage.razor.rz.scp.css */
.admin-page[b-lgz3mx4czy] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-lgz3mx4czy] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-lgz3mx4czy] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}


.admin-users-head[b-lgz3mx4czy] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.admin-users-title[b-lgz3mx4czy] {
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.admin-user-search[b-lgz3mx4czy] {
  display: flex;
  gap: 0.5rem;
  flex: 1 1 520px;
  min-width: min(620px, 100%);
}

.admin-page-header .admin-user-search[b-lgz3mx4czy] {
  flex: 1 1 560px;
  width: min(640px, 100%);
}


.admin-user-results[b-lgz3mx4czy] {
  margin-top: 0.5rem;
  display: grid;
  gap: 0.35rem;
  width: 100%;
}

.admin-user-item[b-lgz3mx4czy] {
  width: 100%;
  text-align: left;
  padding: 0.5rem 0.6rem;
  background: var(--app-background-color-main);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: calc(var(--app-radius) - 0.25rem);
  color: var(--app-front-color-main);
}

.admin-user-item:hover[b-lgz3mx4czy] {
  background: var(--app-background-color-hover);
}

.admin-user-item .e[b-lgz3mx4czy] {
  font-weight: 800;
}

.admin-user-item .n[b-lgz3mx4czy] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}


.admin-users-card[b-lgz3mx4czy] {
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: var(--app-radius);
  background: var(--app-background-color-contrast);
  box-shadow: var(--app-shadow);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-users-card__title[b-lgz3mx4czy] {
  font-weight: 900;
  color: var(--app-front-color-main);
  margin-bottom: 0.75rem;
}

.admin-users-status[b-lgz3mx4czy] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}


.admin-users-meta[b-lgz3mx4czy] {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 1rem;
}

@media (max-width: 900px) {
  .admin-users-meta[b-lgz3mx4czy] {
    grid-template-columns: 1fr;
  }
}

.admin-users-meta .k[b-lgz3mx4czy] {
  color: var(--app-front-color-sec);
  margin-right: 0.35rem;
}

.admin-users-meta .v[b-lgz3mx4czy] {
  color: var(--app-front-color-main);
}

.admin-users-meta .brand[b-lgz3mx4czy] {
  color: var(--app-brand-color);
  font-weight: 900;
}

.mono[b-lgz3mx4czy] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}


.admin-users-grid[b-lgz3mx4czy] {
  width: 100%;
  margin-top: 1rem;
  display: grid;
  gap: 1rem;

  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

@media (max-width: 420px) {
  .admin-users-grid[b-lgz3mx4czy] {
    grid-template-columns: 1fr;
  }
}


.admin-users-history[b-lgz3mx4czy] {
  display: grid;
  gap: 1rem;
}

.history-block[b-lgz3mx4czy] {
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.history-title[b-lgz3mx4czy] {
  font-weight: 900;
  margin-bottom: 0.5rem;
  color: var(--app-front-color-main);
}


.admin-users-table[b-lgz3mx4czy] {
  width: 100%;
  margin-bottom: 0;
  table-layout: fixed;
}

.admin-users-table thead th[b-lgz3mx4czy] {
  color: var(--app-front-color-sec);
  font-weight: 700;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}

.admin-users-table tbody td[b-lgz3mx4czy] {
  color: var(--app-front-color-main);
  border-top-color: rgba(255, 255, 255, 0.06);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.num[b-lgz3mx4czy] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.admin-schedule-head[b-lgz3mx4czy],
.admin-schedule-period__top[b-lgz3mx4czy] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.admin-schedule-head[b-lgz3mx4czy] {
  margin-bottom: 0.9rem;
}

.admin-schedule-head > div[b-lgz3mx4czy] {
  display: grid;
  gap: 0.2rem;
}

.admin-schedule-head span[b-lgz3mx4czy],
.admin-schedule-period small[b-lgz3mx4czy] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
}

.admin-schedule-list[b-lgz3mx4czy] {
  display: grid;
  gap: 0.75rem;
}

.admin-schedule-period[b-lgz3mx4czy] {
  display: grid;
  gap: 0.7rem;
  padding: 0.85rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: var(--app-radius);
  background: rgba(0, 0, 0, 0.2);
}

.admin-schedule-period__top > span[b-lgz3mx4czy] {
  color: rgb(var(--app-brand-color-rgb));
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.admin-schedule-period__grid[b-lgz3mx4czy] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

.admin-schedule-period__grid label[b-lgz3mx4czy] {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}

.admin-schedule-period__grid label > span[b-lgz3mx4czy] {
  color: var(--app-front-color-sec);
  font-size: 0.74rem;
  font-weight: 800;
}

.admin-schedule-period__grid .form-control[b-lgz3mx4czy],
.admin-schedule-period__grid .form-select[b-lgz3mx4czy] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.admin-schedule-datetime[b-lgz3mx4czy] {
  padding-inline-end: 0.65rem;
}

.admin-schedule-datetime[b-lgz3mx4czy]::-webkit-calendar-picker-indicator {
  flex: 0 0 auto;
  margin: 0;
}

@media (max-width: 767.98px) {
  .admin-schedule-head[b-lgz3mx4czy] { align-items: stretch; flex-direction: column; }
  .admin-schedule-period__grid[b-lgz3mx4czy] { grid-template-columns: 1fr; }
}
/* /Pages/Admin/AdminVouchersPage.razor.rz.scp.css */
.admin-page[b-u22jt50dty] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-u22jt50dty] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-u22jt50dty] {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}


.admin-vouchers-head[b-u22jt50dty] {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.admin-vouchers-filter[b-u22jt50dty] {
  flex: 1 1 520px;
  min-width: 240px;
}

.admin-vouchers-page-size[b-u22jt50dty] {
  flex: 0 0 150px;
}


.admin-vouchers-card[b-u22jt50dty] {
  width: 100%;
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
  margin-bottom: 1rem;
  min-width: 0;
}

.admin-vouchers-title[b-u22jt50dty] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
  margin-bottom: 0.75rem;
}

.admin-vouchers-tabs[b-u22jt50dty] {
  display: inline-flex;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.admin-vouchers-tab[b-u22jt50dty] {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
  border-radius: 999px;
  padding: 0.5rem 0.95rem;
  min-height: 40px;
}

.admin-vouchers-tab.active[b-u22jt50dty] {
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  color: var(--app-brand-color);
}

.admin-vouchers-actions[b-u22jt50dty] {
  margin-top: 1rem;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.admin-vouchers-status[b-u22jt50dty] {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-voucher-tracking[b-u22jt50dty] {
  padding: 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.12), transparent 38%),
    rgba(255, 255, 255, 0.035);
}

.admin-voucher-tracking-grid[b-u22jt50dty] {
  margin-top: 0.85rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.admin-voucher-campaign-note[b-u22jt50dty] {
  margin-top: 0.85rem;
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: calc(var(--app-radius) - 0.35rem);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-front-color-main);
  font-weight: 800;
}

@media (max-width: 900px) {
  .admin-voucher-tracking-grid[b-u22jt50dty] {
    grid-template-columns: 1fr;
  }
}


.admin-user-search[b-u22jt50dty] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.admin-user-results[b-u22jt50dty] {
  margin-top: 0.5rem;
  display: grid;
  gap: 0.35rem;
  width: 100%;
}

.admin-user-item[b-u22jt50dty] {
  width: 100%;
  text-align: left;
  padding: 0.5rem 0.6rem;
  background: var(--app-background-color-main);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: calc(var(--app-radius) - 0.25rem);
  color: var(--app-front-color-main);
}

.admin-user-item:hover[b-u22jt50dty] {
  background: var(--app-background-color-hover);
}

.admin-user-item .e[b-u22jt50dty] {
  font-weight: 700;
}

.admin-user-item .n[b-u22jt50dty] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.admin-user-selected[b-u22jt50dty] {
  margin-top: 0.5rem;
  color: var(--app-front-color-sec);
}


.table-responsive[b-u22jt50dty] {
  width: 100%;
}



.admin-vouchers-table[b-u22jt50dty] {
  width: 100%;
  table-layout: fixed;
}

.admin-vouchers-table th[b-u22jt50dty] {
  white-space: nowrap;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.62);
}

.admin-vouchers-table td[b-u22jt50dty] {
  vertical-align: middle;
  color: var(--app-front-color-main);
}

.admin-vouchers-table .code[b-u22jt50dty] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    monospace;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--app-front-color-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.is-inactive[b-u22jt50dty] {
  opacity: 0.75;
}


.admin-vouchers-table th:nth-child(1)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(1)[b-u22jt50dty] {
  width: 6%;
}


.admin-vouchers-table th:nth-child(2)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(2)[b-u22jt50dty] {
  width: 13%;
}


.admin-vouchers-table th:nth-child(3)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(3)[b-u22jt50dty] {
  width: 10%;
}


.admin-vouchers-table th:nth-child(4)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(4)[b-u22jt50dty] {
  width: 7%;
}


.admin-vouchers-table th:nth-child(5)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(5)[b-u22jt50dty] {
  width: 7%;
}


.admin-vouchers-table th:nth-child(6)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(6)[b-u22jt50dty] {
  width: 7%;
}


.admin-vouchers-table th:nth-child(7)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(7)[b-u22jt50dty] {
  width: 14%;
}


.admin-vouchers-table th:nth-child(8)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(8)[b-u22jt50dty] {
  width: 9%;
}


.admin-vouchers-table th:nth-child(9)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(9)[b-u22jt50dty] {
  width: 9%;
}

.admin-vouchers-table th:nth-child(10)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(10)[b-u22jt50dty] {
  width: 8%;
}

.admin-vouchers-table th:nth-child(11)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(11)[b-u22jt50dty] {
  width: 10%;
}



.admin-vouchers-table td:nth-child(2)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(3)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(6)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(7)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(8)[b-u22jt50dty] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.admin-vouchers-table td:nth-child(9)[b-u22jt50dty],
.admin-vouchers-table td:nth-child(10)[b-u22jt50dty] {
  white-space: nowrap;
}

.admin-vouchers-table td:nth-child(11) .btn[b-u22jt50dty] {
  padding: 0.25rem 0.5rem;
}


@media (max-width: 768px) {
  .admin-vouchers-filter[b-u22jt50dty] {
    flex-basis: 100%;
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .table-responsive[b-u22jt50dty] {
    overflow: visible;
  }

  .admin-vouchers-table[b-u22jt50dty],
  .admin-vouchers-table tbody[b-u22jt50dty],
  .admin-vouchers-table tr[b-u22jt50dty],
  .admin-vouchers-table td[b-u22jt50dty] {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    width: 100% !important;
  }

  .admin-vouchers-table thead[b-u22jt50dty] {
    display: none;
  }

  .admin-vouchers-table tr[b-u22jt50dty] {
    margin-bottom: 0.85rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.14), transparent 36%),
      rgba(255, 255, 255, 0.035);
  }

  .admin-vouchers-table td[b-u22jt50dty] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.42rem 0;
    border: 0;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: right !important;
  }

  .admin-vouchers-table td[b-u22jt50dty]::before {
    content: attr(data-label);
    flex: 0 0 7.5rem;
    text-align: left;
    color: var(--app-brand-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .admin-vouchers-table .code[b-u22jt50dty] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .admin-vouchers-table td.code[b-u22jt50dty] {
    display: block;
    text-align: left !important;
  }

  .admin-vouchers-table td.code[b-u22jt50dty]::before {
    display: block;
    margin-bottom: 0.45rem;
  }

  .admin-vouchers-table td.code[b-u22jt50dty]  .sk-copy-value {
    max-width: 100%;
    width: 100%;
  }

  .admin-vouchers-table td[data-label="Next action"][b-u22jt50dty] {
    display: block;
    text-align: left !important;
  }

  .admin-vouchers-table td[data-label="Next action"][b-u22jt50dty]::before {
    display: block;
    margin-bottom: 0.5rem;
  }

  .admin-vouchers-actions-cell[b-u22jt50dty] {
    justify-content: flex-start;
  }
}

.admin-vouchers-actions-cell[b-u22jt50dty] {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.admin-vouchers-actions-cell .btn[b-u22jt50dty] {
  white-space: nowrap;
}

.admin-vouchers-footer[b-u22jt50dty] {
  margin-top: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-vouchers-meta[b-u22jt50dty] {
  color: var(--app-front-color-sec);
  font-size: 0.95rem;
}

.admin-vouchers-pager[b-u22jt50dty] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.admin-vouchers-page-label[b-u22jt50dty] {
  color: var(--app-front-color-main);
  font-weight: 700;
}
/* /Pages/Admin/Samples/AdminImageSamplesPage.razor.rz.scp.css */
.admin-page[b-v9y4iload6] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-v9y4iload6] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-v9y4iload6] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-samples-card[b-v9y4iload6] {
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.admin-samples-tabs[b-v9y4iload6] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.admin-samples-tab[b-v9y4iload6] {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: var(--app-front-color-main);
  padding: 0.45rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  text-decoration: none;
  display: inline-block;
}

.admin-samples-tab.active[b-v9y4iload6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.15);
  color: var(--app-brand-color);
  font-weight: 700;
}

.admin-samples-tab.is-disabled[b-v9y4iload6] {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

.admin-samples-head[b-v9y4iload6] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-samples-title[b-v9y4iload6] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
}

.admin-samples-subtitle[b-v9y4iload6] {
  color: var(--app-front-color-sec);
  margin-top: 0.15rem;
}

.admin-samples-status[b-v9y4iload6] {
  margin-bottom: 1rem;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-samples-editor[b-v9y4iload6] {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) - 0.15rem);
  background: rgba(255, 255, 255, 0.02);
}

.admin-samples-editor__title[b-v9y4iload6] {
  font-size: 1rem;
  font-weight: 700;
  color: var(--app-front-color-main);
  margin-bottom: 0.85rem;
}

.admin-samples-editor__grid[b-v9y4iload6] {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.85rem;
}

.admin-samples-editor__col[b-v9y4iload6] {
  grid-column: span 3;
  min-width: 0;
}

.admin-samples-editor__col--wide[b-v9y4iload6] {
  grid-column: span 12;
}

@media (max-width: 1100px) {
  .admin-samples-editor__col[b-v9y4iload6] {
    grid-column: span 6;
  }
}

@media (max-width: 720px) {
  .admin-samples-editor__col[b-v9y4iload6],
  .admin-samples-editor__col--wide[b-v9y4iload6] {
    grid-column: span 12;
  }
}

.admin-samples-editor__actions[b-v9y4iload6] {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
}

.admin-samples-upload-note[b-v9y4iload6] {
  margin-top: 0.4rem;
  color: var(--app-front-color-sec);
  font-size: 0.92rem;
}

.admin-samples-linkbtn[b-v9y4iload6] {
  appearance: none;
  border: 0;
  padding: 0;
  background: none;
  color: var(--app-brand-color);
  text-decoration: underline;
  cursor: pointer;
}

.mono[b-v9y4iload6] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.admin-samples-empty[b-v9y4iload6] {
  padding: 1rem;
  color: var(--app-front-color-sec);
}

.admin-samples-tablewrap[b-v9y4iload6] {
  overflow-x: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-samples-table[b-v9y4iload6] {
  width: 100%;
  border-collapse: collapse;
  min-width: 1040px;
}

.admin-samples-table th[b-v9y4iload6],
.admin-samples-table td[b-v9y4iload6] {
  padding: 0.7rem 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  vertical-align: top;
}

.admin-samples-table th[b-v9y4iload6] {
  color: var(--app-front-color-sec);
  font-weight: 600;
  font-size: 0.92rem;
  white-space: nowrap;
}

.admin-samples-imagecol[b-v9y4iload6] {
  width: 92px;
}

.admin-samples-modelcol[b-v9y4iload6] {
  white-space: nowrap;
  font-weight: 600;
  color: var(--app-front-color-main);
}

.admin-samples-thumbbtn[b-v9y4iload6] {
  appearance: none;
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}

.admin-samples-thumb[b-v9y4iload6] {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: block;
}

.admin-samples-text[b-v9y4iload6] {
  max-width: 360px;
  color: var(--app-front-color-main);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
}

.admin-samples-settings[b-v9y4iload6] {
  display: grid;
  gap: 0.15rem;
  color: var(--app-front-color-main);
  white-space: nowrap;
}

.admin-samples-actions[b-v9y4iload6] {
  white-space: nowrap;
  display: flex;
  gap: 0.45rem;
}

.admin-samples-preview[b-v9y4iload6] {
  position: fixed;
  inset: 0;
  z-index: 4000;
  background: rgba(0, 0, 0, 0.72);
  display: grid;
  place-items: center;
  padding: 1rem;
}

.admin-samples-preview__dialog[b-v9y4iload6] {
  max-width: min(90vw, 1200px);
  max-height: 90vh;
}

.admin-samples-preview__dialog img[b-v9y4iload6] {
  display: block;
  max-width: 100%;
  max-height: 90vh;
  border-radius: 0.8rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.45);
}

@media (max-width: 900px) {
  .admin-samples-card[b-v9y4iload6] {
    padding: 0.85rem;
  }

  .admin-samples-head[b-v9y4iload6] {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-samples-tablewrap[b-v9y4iload6] {
    overflow: visible;
  }

  .admin-samples-table[b-v9y4iload6],
  .admin-samples-table tbody[b-v9y4iload6],
  .admin-samples-table tr[b-v9y4iload6],
  .admin-samples-table td[b-v9y4iload6] {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    min-width: 0;
    width: 100% !important;
  }

  .admin-samples-table[b-v9y4iload6] {
    min-width: 0;
  }

  .admin-samples-table thead[b-v9y4iload6] {
    display: none;
  }

  .admin-samples-table tr[b-v9y4iload6] {
    margin: 0.75rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.13), transparent 36%),
      rgba(255, 255, 255, 0.035);
  }

  .admin-samples-table td[b-v9y4iload6] {
    display: grid;
    grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.45rem 0;
    border: 0;
    color: var(--app-front-color-main);
    vertical-align: top;
  }

  .admin-samples-table td[b-v9y4iload6]::before {
    content: attr(data-label);
    color: var(--app-brand-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .admin-samples-imagecol[b-v9y4iload6],
  .admin-samples-actions[b-v9y4iload6] {
    display: block !important;
  }

  .admin-samples-imagecol[b-v9y4iload6]::before,
  .admin-samples-actions[b-v9y4iload6]::before {
    display: block;
    margin-bottom: 0.5rem;
  }

  .admin-samples-thumbbtn[b-v9y4iload6] {
    width: min(100%, 14rem);
  }

  .admin-samples-thumb[b-v9y4iload6] {
    width: 100%;
    height: auto;
    max-height: 12rem;
  }

  .admin-samples-text[b-v9y4iload6] {
    max-width: none;
    -webkit-line-clamp: 5;
  }

  .admin-samples-settings[b-v9y4iload6] {
    white-space: normal;
  }

  .admin-samples-actions[b-v9y4iload6] {
    text-align: left;
    white-space: normal;
  }
}
/* /Pages/Admin/Samples/AdminVideoSamplesPage.razor.rz.scp.css */
.admin-page[b-q7ye5vdsh3] {
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.admin-body[b-q7ye5vdsh3] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  padding: 1rem;
  flex-wrap: nowrap;
}

.admin-content[b-q7ye5vdsh3] {
  flex: 1 1 auto;
  min-width: 0;
}

.admin-samples-card[b-q7ye5vdsh3] {
  padding: 1rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.admin-samples-tabs[b-q7ye5vdsh3] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.admin-samples-tab[b-q7ye5vdsh3] {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: var(--app-front-color-main);
  padding: 0.45rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  text-decoration: none;
  display: inline-block;
}

.admin-samples-tab.active[b-q7ye5vdsh3] {
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.15);
  color: var(--app-brand-color);
  font-weight: 700;
}

.admin-samples-tab:disabled[b-q7ye5vdsh3] {
  opacity: 0.55;
  cursor: default;
}

.admin-samples-head[b-q7ye5vdsh3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.admin-samples-title[b-q7ye5vdsh3] {
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--app-front-color-main);
}

.admin-samples-subtitle[b-q7ye5vdsh3] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.admin-samples-status[b-q7ye5vdsh3] {
  margin: 0.75rem 0;
  padding: 0.6rem 0.75rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: var(--app-background-color-hover);
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-samples-editor[b-q7ye5vdsh3] {
  margin: 1rem 0;
  padding: 1rem;
  border-radius: var(--app-radius);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.1);
}

.admin-samples-editor__title[b-q7ye5vdsh3] {
  font-weight: 800;
  margin-bottom: 0.75rem;
  color: var(--app-front-color-main);
}

.admin-samples-editor__grid[b-q7ye5vdsh3] {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-samples-editor__col[b-q7ye5vdsh3] {
  min-width: 0;
}

@media (max-width: 720px) {
  .admin-samples-editor__grid[b-q7ye5vdsh3] {
    grid-template-columns: 1fr;
  }
}

.admin-samples-editor__col--wide[b-q7ye5vdsh3] {
  grid-column: 1 / -1;
}

.admin-samples-editor__actions[b-q7ye5vdsh3] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.admin-samples-upload-note[b-q7ye5vdsh3] {
  margin-top: 0.35rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.mono[b-q7ye5vdsh3] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.admin-samples-section[b-q7ye5vdsh3] {
  margin-top: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--app-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.06);
}

.admin-samples-section__summary[b-q7ye5vdsh3] {
  padding: 0.6rem 0.75rem;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-samples-section__count[b-q7ye5vdsh3] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.admin-samples-empty[b-q7ye5vdsh3] {
  padding: 0.75rem;
  color: var(--app-front-color-sec);
}

.admin-samples-table[b-q7ye5vdsh3] {
  width: 100%;
  table-layout: fixed;
}

.admin-samples-imagecol[b-q7ye5vdsh3] {
  width: 160px;
}

.admin-samples-modelcol[b-q7ye5vdsh3] {
  width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-samples-thumbbtn[b-q7ye5vdsh3] {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  width: 140px;
  height: 100px;
  border-radius: calc(var(--app-radius) - 0.25rem);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #000;
}

.admin-samples-thumb[b-q7ye5vdsh3] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #000;
}

.admin-samples-text[b-q7ye5vdsh3] {
  max-height: 4.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.admin-samples-settings[b-q7ye5vdsh3] {
  display: grid;
  gap: 0.25rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.admin-samples-actions[b-q7ye5vdsh3] {
  width: 160px;
  white-space: nowrap;
  text-align: right;
}

.admin-samples-preview[b-q7ye5vdsh3] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.admin-samples-preview__dialog[b-q7ye5vdsh3] {
  max-width: min(1100px, 96vw);
  max-height: 90vh;
  border-radius: var(--app-radius);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
}

.admin-samples-preview__dialog video[b-q7ye5vdsh3] {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #000;
}

@media (max-width: 768px) {
  .admin-samples-editor__grid[b-q7ye5vdsh3] {
    grid-template-columns: 1fr;
  }

  .admin-samples-imagecol[b-q7ye5vdsh3] {
    width: 140px;
  }

  .admin-samples-actions[b-q7ye5vdsh3] {
    width: 130px;
  }
}

@media (max-width: 900px) {
  .table-responsive[b-q7ye5vdsh3] {
    overflow: visible;
  }

  .admin-samples-table[b-q7ye5vdsh3],
  .admin-samples-table tbody[b-q7ye5vdsh3],
  .admin-samples-table tr[b-q7ye5vdsh3],
  .admin-samples-table td[b-q7ye5vdsh3] {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    min-width: 0;
    width: 100% !important;
  }

  .admin-samples-table thead[b-q7ye5vdsh3] {
    display: none;
  }

  .admin-samples-table tr[b-q7ye5vdsh3] {
    margin: 0.75rem 0;
    padding: 0.8rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
    border-radius: calc(var(--app-radius) - 0.35rem);
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.13), transparent 36%),
      rgba(255, 255, 255, 0.035);
  }

  .admin-samples-table td[b-q7ye5vdsh3] {
    display: grid;
    grid-template-columns: minmax(0, 7.5rem) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.45rem 0;
    border: 0;
    color: var(--app-front-color-main);
    vertical-align: top;
  }

  .admin-samples-table td[b-q7ye5vdsh3]::before {
    content: attr(data-label);
    color: var(--app-brand-color);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .admin-samples-imagecol[b-q7ye5vdsh3],
  .admin-samples-actions[b-q7ye5vdsh3] {
    display: block !important;
  }

  .admin-samples-imagecol[b-q7ye5vdsh3]::before,
  .admin-samples-actions[b-q7ye5vdsh3]::before {
    display: block;
    margin-bottom: 0.5rem;
  }

  .admin-samples-thumbbtn[b-q7ye5vdsh3] {
    width: min(100%, 14rem);
    height: auto;
    aspect-ratio: 16 / 10;
  }

  .admin-samples-text[b-q7ye5vdsh3] {
    max-height: none;
    -webkit-line-clamp: 5;
  }

  .admin-samples-settings[b-q7ye5vdsh3],
  .admin-samples-modelcol[b-q7ye5vdsh3] {
    white-space: normal;
  }

  .admin-samples-actions[b-q7ye5vdsh3] {
    text-align: left;
    white-space: normal;
  }
}
/* /Pages/Billing/PaymentCardPage.razor.rz.scp.css */
.payment-card-page[b-vpapogy9i5] {
  background: var(--app-background-color-main);
}

.payment-card-page .container.py-4[b-vpapogy9i5] {
  color: var(--app-front-color-main);
  display: grid;
  gap: 1rem;
}

.payment-card-page .sk-card-guide-layout[b-vpapogy9i5] {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.payment-card-page .sk-payment-step[b-vpapogy9i5] {
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: var(--sk-premium-radius, calc(var(--app-radius) + 0.45rem));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.payment-card-page .sk-payment-step .card-body[b-vpapogy9i5] {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
}

.payment-card-page .sk-payment-step--summary[b-vpapogy9i5] {
  position: sticky;
  top: 1rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.46);
  background:
    radial-gradient(circle at 80% 0%, rgba(var(--app-brand-color-rgb), 0.32), transparent 11rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.12)),
    rgba(22, 20, 17, 0.95);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1),
    0 24px 66px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(var(--app-brand-color-rgb), 0.14);
}

.payment-card-page .sk-payment-step__eyebrow[b-vpapogy9i5] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payment-card-page .sk-payment-step__title[b-vpapogy9i5] {
  margin: 0;
}

.payment-card-page .sk-payment-step__amount[b-vpapogy9i5] {
  color: var(--app-front-color-main);
  font-size: clamp(2.65rem, 5vw, 3.9rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 1;
  text-shadow: 0 0 34px rgba(var(--app-brand-color-rgb), 0.22);
}

.payment-card-page .sk-payment-step__kind[b-vpapogy9i5] {
  margin-top: 0.35rem;
  font-size: 1.15rem;
  font-weight: 800;
}

.payment-card-page .sk-payment-step__meta[b-vpapogy9i5],
.payment-card-page .sk-payment-step__copy[b-vpapogy9i5] {
  color: var(--app-front-color-sec);
  line-height: 1.6;
}

.payment-card-page .sk-payment-step__note[b-vpapogy9i5] {
  padding: 1rem 1.05rem;
  border-radius: calc(var(--app-radius) + 0.05rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  line-height: 1.6;
}

.payment-card-page .sk-payment-step__note--muted[b-vpapogy9i5] {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: var(--app-front-color-sec);
}

.payment-card-page .sk-payment-status-refresh[b-vpapogy9i5] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.payment-card-page .sk-payment-status-refresh__dot[b-vpapogy9i5] {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--app-brand-color);
  box-shadow: 0 0 0 0 rgba(var(--app-brand-color-rgb), 0.35);
  animation: sk-payment-card-status-pulse-b-vpapogy9i5 1.8s ease-in-out infinite;
}

.payment-card-page .sk-payment-guide-checklist[b-vpapogy9i5] {
  display: grid;
  gap: 0.55rem;
}

.payment-card-page .sk-payment-guide-checklist div[b-vpapogy9i5] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.55rem;
  color: var(--app-front-color-main);
}

.payment-card-page .sk-payment-guide-checklist span[b-vpapogy9i5] {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  color: var(--app-brand-color);
  font-weight: 900;
}

.payment-card-page .sk-payment-step__actions[b-vpapogy9i5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.payment-card-page .sk-payment-step__actions .btn[b-vpapogy9i5] {
  min-height: 44px;
}

.payment-card-page .sk-payment-step__loading[b-vpapogy9i5] {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 48px;
  color: var(--app-front-color-sec);
}

.payment-card-page .sk-payment-guide-shell .card-body[b-vpapogy9i5] {
  gap: 1.25rem;
}

.payment-card-page .sk-payment-guide-shell__intro[b-vpapogy9i5] {
  display: grid;
  gap: 0.65rem;
  max-width: 820px;
}

.payment-card-page .sk-payment-card-values[b-vpapogy9i5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.payment-card-page .sk-payment-card-value[b-vpapogy9i5] {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) + 0.02rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-main);
}

.payment-card-page .sk-payment-card-value--wide[b-vpapogy9i5] {
  grid-column: 1 / -1;
}

.payment-card-page .sk-payment-card-value > span[b-vpapogy9i5] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.payment-card-page .sk-payment-card-value > strong[b-vpapogy9i5] {
  color: var(--app-front-color-main);
  overflow-wrap: anywhere;
}

.payment-card-page .sk-payment-skeleton[b-vpapogy9i5] {
  min-height: 42px;
  border-radius: calc(var(--app-radius) - 0.22rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(90deg, transparent 42%, rgba(255, 255, 255, 0.08) 50%, transparent 58%),
    rgba(255, 255, 255, 0.05);
  background-size: 220% 100%;
  animation: sk-payment-card-skeleton-pulse-b-vpapogy9i5 1.2s ease-in-out infinite;
}

.payment-card-page .sk-payment-skeleton--address[b-vpapogy9i5] {
  width: 100%;
}

.payment-card-page .sk-payment-skeleton--amount[b-vpapogy9i5] {
  width: min(100%, 260px);
}

@keyframes sk-payment-card-skeleton-pulse-b-vpapogy9i5 {
  from {
    background-position: 120% 0;
  }

  to {
    background-position: -120% 0;
  }
}

@keyframes sk-payment-card-status-pulse-b-vpapogy9i5 {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(var(--app-brand-color-rgb), 0.35);
    opacity: 0.75;
  }

  50% {
    box-shadow: 0 0 0 0.38rem rgba(var(--app-brand-color-rgb), 0);
    opacity: 1;
  }
}

.payment-card-page .sk-payment-exchange-steps[b-vpapogy9i5] {
  display: grid;
  gap: 0.95rem;
  margin: 0;
  padding-left: 1.25rem;
}

.payment-card-page .sk-payment-exchange-steps li[b-vpapogy9i5] {
  padding-left: 0.15rem;
}

.payment-card-page .sk-payment-exchange-steps strong[b-vpapogy9i5] {
  color: var(--app-front-color-main);
}

.payment-card-page .sk-payment-exchange-steps p[b-vpapogy9i5] {
  margin: 0.28rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.6;
}

@media (max-width: 1199.98px) {
  .payment-card-page .sk-card-guide-layout[b-vpapogy9i5] {
    grid-template-columns: 1fr;
  }

  .payment-card-page .sk-payment-step--summary[b-vpapogy9i5] {
    position: static;
  }

}

@media (max-width: 767.98px) {
  .payment-card-page .container.py-4[b-vpapogy9i5] {
    padding-top: 0.75rem !important;
  }

  .payment-card-page .sk-payment-guide-shell__intro[b-vpapogy9i5] {
    gap: 0.5rem;
  }

  .payment-card-page .sk-payment-guide-shell__intro .sk-payment-step__note[b-vpapogy9i5] {
    display: none;
  }

  .payment-card-page .sk-payment-step__actions[b-vpapogy9i5] {
    flex-direction: column;
  }

  .payment-card-page .sk-payment-step__actions .btn[b-vpapogy9i5] {
    width: 100%;
  }

  .payment-card-page .sk-payment-card-values[b-vpapogy9i5] {
    grid-template-columns: 1fr;
  }

}

/* Premium payment flow pass: exchange-stage overrides. */
.payment-card-page .sk-card-guide-layout[b-vpapogy9i5] {
  position: relative;
  isolation: isolate;
  width: min(100%, 1320px);
  margin-inline: auto;
  padding: clamp(0.9rem, 1.8vw, 1.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--sk-premium-radius, var(--app-radius)) + 0.4rem);
  background:
    radial-gradient(circle at 6% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 18rem),
    radial-gradient(circle at 86% 14%, rgba(var(--app-brand-color-rgb), 0.16), transparent 22rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012) 54%, rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(16, 18, 19, 0.94);
  box-shadow:
    0 32px 92px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
}

.payment-card-page .sk-card-guide-layout[b-vpapogy9i5]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), transparent 34%, transparent 66%, rgba(var(--app-brand-color-rgb), 0.12)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 112px);
  opacity: 0.26;
}

.payment-card-page .sk-payment-card-stage-intro[b-vpapogy9i5] {
  display: grid;
  gap: 0.2rem;
  grid-column: 1 / -1;
  padding: 0.15rem 0.15rem 0.25rem;
}

.payment-card-page .sk-payment-card-stage-intro h2[b-vpapogy9i5] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
  font-weight: 950;
  letter-spacing: -0.05em;
}

.payment-card-page .sk-payment-card-stage-intro p[b-vpapogy9i5] {
  max-width: 62rem;
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.45;
}

.payment-card-page .sk-payment-step[b-vpapogy9i5] {
  border-radius: calc(var(--app-radius) + 0.35rem);
}

.payment-card-page .sk-payment-step:not(.sk-payment-step--summary)[b-vpapogy9i5] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 90% 4%, rgba(var(--app-brand-color-rgb), 0.16), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.016)),
    rgba(21, 24, 26, 0.94);
}

.payment-card-page .sk-payment-step .card-body[b-vpapogy9i5] {
  gap: 1.15rem;
  padding: clamp(1.1rem, 2vw, 1.45rem);
}

.payment-card-page .sk-payment-step__title[b-vpapogy9i5] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.45rem, 2.3vw, 2.15rem);
  font-weight: 950;
  letter-spacing: -0.04em;
}

.payment-card-page .sk-payment-card-value[b-vpapogy9i5],
.payment-card-page .sk-payment-guide-checklist[b-vpapogy9i5] {
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--app-brand-color-rgb), 0.14), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
    rgba(11, 14, 16, 0.82);
}

.payment-card-page .sk-payment-guide-checklist[b-vpapogy9i5] {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.payment-card-page .sk-payment-exchange-steps[b-vpapogy9i5] {
  counter-reset: exchange-step;
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.payment-card-page .sk-payment-exchange-steps li[b-vpapogy9i5] {
  position: relative;
  min-height: 4rem;
  padding: 0.9rem 1rem 0.9rem 3.4rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.18);
}

.payment-card-page .sk-payment-exchange-steps li[b-vpapogy9i5]::before {
  counter-increment: exchange-step;
  content: counter(exchange-step);
  position: absolute;
  left: 0.95rem;
  top: 0.95rem;
  display: inline-grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background: var(--app-brand-color);
  color: #151515;
  font-size: 0.78rem;
  font-weight: 950;
}

.payment-card-page .sk-payment-step__actions .btn[b-vpapogy9i5] {
  min-height: 48px;
  border-radius: 999px;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .payment-card-page .sk-card-guide-layout[b-vpapogy9i5] {
    padding: 0.9rem;
  }
}
/* /Pages/Billing/PaymentConfirmPage.razor.rz.scp.css */
.payment-confirm-page[b-3mrsx56zcf] {
  min-height: 100dvh;
}

.payment-confirm-page .container.py-4[b-3mrsx56zcf] {
  padding-top: 2rem !important;
  padding-bottom: 2.5rem !important;
}

.payment-confirm-page .sk-payment-confirm-shell[b-3mrsx56zcf] {
  max-width: 760px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--sk-premium-radius, 22px);
  border: 1px solid rgba(var(--app-brand-color-rgb), .28);
  background:
    radial-gradient(circle at 82% 0%, rgba(var(--app-brand-color-rgb), .2), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(26, 30, 37, .94);
  box-shadow:
    0 24px 68px rgba(0, 0, 0, .38),
    0 1px 0 rgba(255, 255, 255, .06) inset;
}

.payment-confirm-page .sk-payment-confirm-shell .card-body[b-3mrsx56zcf] {
  padding: clamp(1.15rem, 3vw, 1.75rem);
}

.payment-confirm-page .sk-payment-confirm-state[b-3mrsx56zcf] {
  display: grid;
  gap: 1rem;
}

.payment-confirm-page .sk-payment-confirm-state__eyebrow[b-3mrsx56zcf] {
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: .72rem;
  font-weight: 800;
  color: var(--app-brand-color);
}

.payment-confirm-page .sk-payment-confirm-state__title[b-3mrsx56zcf] {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: .95;
  font-weight: 950;
  letter-spacing: -.055em;
}

.payment-confirm-page .sk-payment-confirm-state__copy[b-3mrsx56zcf] {
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: 1rem;
  line-height: 1.65;
}

.payment-confirm-page .sk-payment-confirm-meta[b-3mrsx56zcf] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

.payment-confirm-page .sk-payment-confirm-meta__item[b-3mrsx56zcf] {
  display: grid;
  gap: .35rem;
  padding: .85rem 1rem;
  border-radius: calc(var(--app-radius) + .02rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), .16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    rgba(0, 0, 0, .16);
}

.payment-confirm-page .sk-payment-confirm-meta__label[b-3mrsx56zcf] {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(255, 255, 255, .5);
}

.payment-confirm-page .sk-payment-confirm-meta__item strong[b-3mrsx56zcf],
.payment-confirm-page .sk-payment-confirm-meta__item code[b-3mrsx56zcf] {
  font-size: .98rem;
  color: #fff;
}

.payment-confirm-page .sk-payment-confirm-meta__item code[b-3mrsx56zcf] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  padding: 0;
}

.payment-confirm-page .sk-payment-confirm-progress[b-3mrsx56zcf] {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding: .9rem 1rem;
  border-radius: calc(var(--app-radius) + .02rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), .24);
  background: rgba(var(--app-brand-color-rgb), .08);
}

.payment-confirm-page .sk-payment-confirm-actions[b-3mrsx56zcf] {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
}

.payment-confirm-page .sk-payment-confirm-actions .btn[b-3mrsx56zcf] {
  min-width: 180px;
  min-height: 46px;
  border-radius: 999px;
  font-weight: 900;
}

@media (max-width: 767.98px) {
  .payment-confirm-page .sk-payment-confirm-shell .card-body[b-3mrsx56zcf] {
    padding: 1.15rem;
  }

  .payment-confirm-page .sk-payment-confirm-meta[b-3mrsx56zcf] {
    grid-template-columns: 1fr;
  }

  .payment-confirm-page .sk-payment-confirm-actions[b-3mrsx56zcf] {
    grid-template-columns: 1fr;
    display: grid;
  }

  .payment-confirm-page .sk-payment-confirm-actions .btn[b-3mrsx56zcf] {
    width: 100%;
    min-width: 0;
  }
}
/* /Pages/Billing/PaymentCryptoPage.razor.rz.scp.css */
.payment-crypto-page[b-fx4roia2ko] {
  background: var(--app-background-color-main);
}

.payment-crypto-page .container.py-4[b-fx4roia2ko] {
  color: var(--app-front-color-main);
  display: grid;
  gap: 1rem;
}

.payment-crypto-page .sk-payment-crypto-layout[b-fx4roia2ko] {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.payment-crypto-page .sk-payment-crypto-layout--coin-select[b-fx4roia2ko] {
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
}

.payment-crypto-page .sk-payment-crypto-step[b-fx4roia2ko] {
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: var(--sk-premium-radius, calc(var(--app-radius) + 0.45rem));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.payment-crypto-page .sk-payment-crypto-step .card-body[b-fx4roia2ko] {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
}

.payment-crypto-page .sk-payment-crypto-step--summary[b-fx4roia2ko] {
  position: sticky;
  top: 1rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.46);
  background:
    radial-gradient(circle at 80% 0%, rgba(var(--app-brand-color-rgb), 0.32), transparent 11rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.12)),
    rgba(22, 20, 17, 0.95);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1),
    0 24px 66px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(var(--app-brand-color-rgb), 0.14);
}

.payment-crypto-page .sk-payment-crypto-step__eyebrow[b-fx4roia2ko] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payment-crypto-page .sk-payment-crypto-step__amount[b-fx4roia2ko] {
  color: var(--app-front-color-main);
  font-size: clamp(2.65rem, 5vw, 3.8rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 1;
  text-shadow: 0 0 34px rgba(var(--app-brand-color-rgb), 0.22);
}

.payment-crypto-page .sk-payment-crypto-step__kind[b-fx4roia2ko] {
  margin-top: 0.35rem;
  font-size: 1.15rem;
  font-weight: 800;
}

.payment-crypto-page .sk-payment-crypto-step__meta[b-fx4roia2ko],
.payment-crypto-page .sk-payment-crypto-step__copy[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  line-height: 1.6;
}

.payment-crypto-page .sk-payment-crypto-step__title[b-fx4roia2ko] {
  margin: 0;
}

.payment-crypto-page .sk-payment-crypto-step__coin[b-fx4roia2ko] {
  margin-top: 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.6rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background: var(--app-background-color-main);
}

.payment-crypto-page .sk-payment-crypto-step__coin-ticker[b-fx4roia2ko] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 28px;
  padding: 0 0.55rem;
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.12);
  color: var(--app-brand-color-contrast);
  font-size: 0.8rem;
  font-weight: 900;
}

.payment-crypto-page .sk-payment-crypto-step__coin-name[b-fx4roia2ko] {
  font-weight: 700;
}

.payment-crypto-page .sk-payment-crypto-step__note[b-fx4roia2ko] {
  margin-top: 1rem;
  padding: 0.95rem 1rem;
  border-radius: calc(var(--app-radius) + 0.05rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  line-height: 1.55;
}

.payment-crypto-page .sk-payment-status-refresh[b-fx4roia2ko] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.8rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.payment-crypto-page .sk-payment-status-refresh__dot[b-fx4roia2ko] {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--app-brand-color);
  box-shadow: 0 0 0 0 rgba(var(--app-brand-color-rgb), 0.35);
  animation: sk-payment-status-pulse-b-fx4roia2ko 1.8s ease-in-out infinite;
}

.payment-crypto-page .sk-payment-crypto-step__actions[b-fx4roia2ko] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.payment-crypto-page .sk-payment-crypto-step__actions .btn[b-fx4roia2ko] {
  min-height: 44px;
}

.payment-crypto-page .sk-payment-crypto-step__loading[b-fx4roia2ko] {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--app-front-color-sec);
  font-weight: 700;
}

.payment-crypto-page .sk-payment-transfer-grid[b-fx4roia2ko] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1rem;
}

.payment-crypto-page .sk-payment-transfer-field[b-fx4roia2ko] {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) + 0.02rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-main);
}

.payment-crypto-page .sk-payment-transfer-field--amount[b-fx4roia2ko] {
  grid-column: 1 / -1;
}

.payment-crypto-page .sk-payment-transfer-field > span[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
}

.payment-crypto-page .sk-payment-transfer-field > strong[b-fx4roia2ko] {
  color: var(--app-front-color-main);
  overflow-wrap: anywhere;
}

.payment-crypto-page .sk-payment-address-panel[b-fx4roia2ko] {
  display: grid;
  grid-template-columns: minmax(160px, 190px) minmax(0, 1fr);
  gap: 1rem;
  align-items: stretch;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: calc(var(--app-radius) + 0.08rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 88% 0%, rgba(var(--app-brand-color-rgb), 0.2), transparent 12rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.09), rgba(255, 255, 255, 0.025)),
    var(--app-background-color-main);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.payment-crypto-page .sk-payment-qr-block[b-fx4roia2ko] {
  display: grid;
  gap: 0.65rem;
  place-items: center;
  min-width: 0;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.02rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

.payment-crypto-page .sk-payment-qr-block img[b-fx4roia2ko] {
  width: 168px;
  height: 168px;
  border-radius: 0.35rem;
  background: #1f252a;
}

.payment-crypto-page .sk-payment-qr-block span[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payment-crypto-page .sk-payment-address-panel--loading[b-fx4roia2ko] {
  grid-template-columns: minmax(160px, 190px) minmax(0, 1fr);
}

.payment-crypto-page .sk-payment-qr-placeholder[b-fx4roia2ko] {
  justify-self: center;
  width: 168px;
  height: 168px;
  border-radius: 0.35rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background:
    linear-gradient(90deg, transparent 42%, rgba(255, 255, 255, 0.08) 50%, transparent 58%),
    rgba(255, 255, 255, 0.05);
  background-size: 220% 100%;
  animation: sk-payment-skeleton-pulse-b-fx4roia2ko 1.2s ease-in-out infinite;
}

.payment-crypto-page .sk-payment-address-panel__address[b-fx4roia2ko] {
  display: grid;
  align-content: center;
  gap: 0.55rem;
  width: 100%;
  min-width: 0;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.02rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.14);
}

.payment-crypto-page .sk-payment-address-panel__address > span[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.payment-crypto-page .sk-payment-address-panel__address small[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.payment-crypto-page .sk-payment-address-panel__address[b-fx4roia2ko]  .sk-payment-address-copy {
  width: 100%;
}

.payment-crypto-page .sk-payment-address-panel__address[b-fx4roia2ko]  .sk-payment-address-copy .sk-copy-value__text {
  flex: 1 1 auto;
  min-height: 44px;
  justify-content: flex-start;
  padding: 0.62rem 0.75rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.payment-crypto-page .sk-payment-address-panel__address[b-fx4roia2ko]  .sk-payment-address-copy .sk-copy-value__button {
  width: 2.35rem;
  height: 2.35rem;
}

.payment-crypto-page .sk-payment-skeleton[b-fx4roia2ko] {
  min-height: 42px;
  border-radius: calc(var(--app-radius) - 0.22rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(90deg, transparent 42%, rgba(255, 255, 255, 0.08) 50%, transparent 58%),
    rgba(255, 255, 255, 0.05);
  background-size: 220% 100%;
  animation: sk-payment-skeleton-pulse-b-fx4roia2ko 1.2s ease-in-out infinite;
}

.payment-crypto-page .sk-payment-skeleton--address[b-fx4roia2ko] {
  width: 100%;
}

.payment-crypto-page .sk-payment-skeleton--amount[b-fx4roia2ko] {
  width: min(100%, 260px);
}

@keyframes sk-payment-skeleton-pulse-b-fx4roia2ko {
  from {
    background-position: 120% 0;
  }

  to {
    background-position: -120% 0;
  }
}

@keyframes sk-payment-status-pulse-b-fx4roia2ko {
  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(var(--app-brand-color-rgb), 0.35);
    opacity: 0.75;
  }

  50% {
    box-shadow: 0 0 0 0.38rem rgba(var(--app-brand-color-rgb), 0);
    opacity: 1;
  }
}

.payment-crypto-page .sk-payment-coin-grid[b-fx4roia2ko] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 0.25rem;
}

.payment-crypto-page .sk-payment-coin-option[b-fx4roia2ko] {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-height: 74px;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) + 0.02rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-main);
  color: var(--app-front-color-main);
  text-align: left;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.payment-crypto-page .sk-payment-coin-option:hover[b-fx4roia2ko] {
  border-color: rgba(var(--app-brand-color-rgb), 0.45);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
}

.payment-crypto-page .sk-payment-coin-option:focus-visible[b-fx4roia2ko] {
  outline: none;
  border-color: rgba(var(--app-brand-color-rgb), 0.58);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.18);
}

.payment-crypto-page .sk-payment-coin-option__logo[b-fx4roia2ko] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.payment-crypto-page .sk-payment-coin-option__logo img[b-fx4roia2ko] {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.payment-crypto-page .sk-payment-coin-option__copy[b-fx4roia2ko] {
  display: grid;
  gap: 0.12rem;
  min-width: 0;
}

.payment-crypto-page .sk-payment-coin-option__name[b-fx4roia2ko] {
  font-weight: 850;
  overflow-wrap: anywhere;
}

.payment-crypto-page .sk-payment-coin-option__network[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.payment-crypto-page .sk-payment-coin-option__ticker[b-fx4roia2ko] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 900;
  align-self: end;
}

.payment-crypto-page .sk-payment-coin-option--best .sk-payment-coin-option__ticker[b-fx4roia2ko] {
  margin-top: 1.3rem;
}

.payment-crypto-page .sk-payment-reco-badge[b-fx4roia2ko] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  color: var(--app-brand-color);
  font-weight: 900;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.payment-crypto-page .sk-payment-coin-option__best[b-fx4roia2ko] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  min-height: 22px;
  padding: 0.16rem 0.5rem;
  font-size: 0.68rem;
  line-height: 1;
}

@media (max-width: 991.98px) {
  .payment-crypto-page .sk-payment-crypto-layout[b-fx4roia2ko] {
    grid-template-columns: 1fr;
  }

  .payment-crypto-page .sk-payment-coin-grid[b-fx4roia2ko] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .payment-crypto-page .sk-payment-crypto-step--summary[b-fx4roia2ko] {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .payment-crypto-page .sk-payment-crypto-step__actions[b-fx4roia2ko] {
    flex-direction: column;
  }

  .payment-crypto-page .sk-payment-crypto-step__actions .btn[b-fx4roia2ko],
  .payment-crypto-page .sk-payment-crypto-step__coin[b-fx4roia2ko] {
    width: 100%;
  }

  .payment-crypto-page .sk-payment-transfer-grid[b-fx4roia2ko],
  .payment-crypto-page .sk-payment-address-panel[b-fx4roia2ko],
  .payment-crypto-page .sk-payment-coin-grid[b-fx4roia2ko] {
    grid-template-columns: 1fr;
  }

  .payment-crypto-page .sk-payment-address-panel img[b-fx4roia2ko] {
    width: 150px;
    height: 150px;
  }

  .payment-crypto-page .sk-payment-qr-placeholder[b-fx4roia2ko] {
    width: 150px;
    height: 150px;
  }

  .payment-crypto-page .sk-payment-coin-option[b-fx4roia2ko] {
    min-height: 82px;
  }
}

/* Premium payment flow pass: transfer-stage overrides. */
.payment-crypto-page .sk-payment-crypto-layout[b-fx4roia2ko] {
  position: relative;
  isolation: isolate;
  width: min(100%, 1320px);
  margin-inline: auto;
  padding: clamp(0.9rem, 1.8vw, 1.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--sk-premium-radius, var(--app-radius)) + 0.4rem);
  background:
    radial-gradient(circle at 6% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 18rem),
    radial-gradient(circle at 86% 14%, rgba(var(--app-brand-color-rgb), 0.16), transparent 22rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012) 54%, rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(16, 18, 19, 0.94);
  box-shadow:
    0 32px 92px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
}

.payment-crypto-page .sk-payment-crypto-layout[b-fx4roia2ko]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), transparent 34%, transparent 66%, rgba(var(--app-brand-color-rgb), 0.12)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 112px);
  opacity: 0.26;
}

.payment-crypto-page .sk-payment-crypto-stage-intro[b-fx4roia2ko] {
  display: grid;
  gap: 0.2rem;
  grid-column: 1 / -1;
  padding: 0.15rem 0.15rem 0.25rem;
}

.payment-crypto-page .sk-payment-crypto-stage-intro h2[b-fx4roia2ko] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
  font-weight: 950;
  letter-spacing: -0.05em;
}

.payment-crypto-page .sk-payment-crypto-stage-intro p[b-fx4roia2ko] {
  max-width: 62rem;
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.45;
}

.payment-crypto-page .sk-payment-crypto-step[b-fx4roia2ko] {
  border-radius: calc(var(--app-radius) + 0.35rem);
}

.payment-crypto-page .sk-payment-crypto-step:not(.sk-payment-crypto-step--summary)[b-fx4roia2ko] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 90% 4%, rgba(var(--app-brand-color-rgb), 0.16), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.016)),
    rgba(21, 24, 26, 0.94);
}

.payment-crypto-page .sk-payment-crypto-step .card-body[b-fx4roia2ko] {
  gap: 1.15rem;
  padding: clamp(1.1rem, 2vw, 1.45rem);
}

.payment-crypto-page .sk-payment-crypto-step__title[b-fx4roia2ko] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.45rem, 2.3vw, 2.15rem);
  font-weight: 950;
  letter-spacing: -0.04em;
}

.payment-crypto-page .sk-payment-transfer-field[b-fx4roia2ko],
.payment-crypto-page .sk-payment-address-panel[b-fx4roia2ko],
.payment-crypto-page .sk-payment-coin-option[b-fx4roia2ko] {
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--app-brand-color-rgb), 0.14), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.014)),
    rgba(11, 14, 16, 0.82);
}

.payment-crypto-page .sk-payment-address-panel[b-fx4roia2ko] {
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.28),
    0 1px 0 rgba(255, 255, 255, 0.05) inset;
}

.payment-crypto-page .sk-payment-crypto-step__actions .btn[b-fx4roia2ko] {
  min-height: 48px;
  border-radius: 999px;
  font-weight: 900;
}

@media (max-width: 991.98px) {
  .payment-crypto-page .sk-payment-crypto-layout[b-fx4roia2ko] {
    padding: 0.9rem;
  }
}
/* /Pages/Billing/PaymentPage.razor.rz.scp.css */
.payment-page[b-7h8e82nmzh] {
  background: var(--app-background-color-main);
}

.payment-page .container.py-4[b-7h8e82nmzh] {
  color: var(--app-front-color-main);
  display: grid;
  gap: 1rem;
}

.payment-page .sk-payment-layout[b-7h8e82nmzh] {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.payment-page .sk-payment-shell[b-7h8e82nmzh],
.payment-page .sk-payment-method[b-7h8e82nmzh] {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: var(--sk-premium-radius, calc(var(--app-radius) + 0.45rem));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
  min-width: 0;
}

.payment-page .sk-payment-summary-card[b-7h8e82nmzh] {
  position: sticky;
  top: 1rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.46);
  background:
    radial-gradient(circle at 80% 0%, rgba(var(--app-brand-color-rgb), 0.32), transparent 11rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.12)),
    rgba(22, 20, 17, 0.95);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1),
    0 24px 66px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(var(--app-brand-color-rgb), 0.14);
}

.payment-page .sk-payment-summary-card .card-body[b-7h8e82nmzh] {
  display: grid;
  gap: 0.9rem;
  align-content: start;
  padding: 1.2rem;
}

.payment-page .sk-payment-state[b-7h8e82nmzh] {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.payment-page .sk-payment-state__eyebrow[b-7h8e82nmzh],
.payment-page .sk-payment-method__eyebrow[b-7h8e82nmzh] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.payment-page .sk-payment-state__title[b-7h8e82nmzh],
.payment-page .sk-payment-method__title[b-7h8e82nmzh] {
  margin: 0;
  color: var(--app-front-color-main);
}

.payment-page .sk-payment-state__copy[b-7h8e82nmzh],
.payment-page .sk-payment-method__copy[b-7h8e82nmzh] {
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.6;
}

.payment-page .sk-payment-summary__amount[b-7h8e82nmzh] {
  color: var(--app-front-color-main);
  font-size: clamp(2.7rem, 5vw, 4rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 1;
  text-shadow: 0 0 34px rgba(var(--app-brand-color-rgb), 0.22);
}

.payment-page .sk-payment-summary__kind[b-7h8e82nmzh] {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--app-front-color-main);
}

.payment-page .sk-payment-summary__meta[b-7h8e82nmzh] {
  color: var(--app-front-color-sec);
}

.payment-page .sk-payment-summary__note[b-7h8e82nmzh],
.payment-page .sk-payment-method__hint[b-7h8e82nmzh] {
  padding: 0.95rem 1rem;
  border-radius: calc(var(--app-radius) + 0.05rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-front-color-main);
  line-height: 1.55;
}

.payment-page .sk-payment-summary__note small[b-7h8e82nmzh] {
  display: block;
  margin-top: 0.45rem;
  color: var(--app-front-color-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.payment-page .payment-state-actions[b-7h8e82nmzh] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.payment-page .sk-payment-summary-card .payment-state-actions[b-7h8e82nmzh] {
  padding-top: 0.1rem;
}

.payment-page .sk-payment-summary__dev[b-7h8e82nmzh] {
  margin-top: -0.2rem;
}

.payment-page .sk-payment-summary__dev-btn[b-7h8e82nmzh] {
  padding: 0;
  border: 0;
  color: var(--app-front-color-sec);
  font-size: 0.92rem;
  font-weight: 600;
  text-decoration: none;
}

.payment-page .sk-payment-summary__dev-btn:hover[b-7h8e82nmzh],
.payment-page .sk-payment-summary__dev-btn:focus-visible[b-7h8e82nmzh] {
  color: var(--app-front-color-main);
  text-decoration: underline;
}

.payment-page .sk-payment-summary__dev-btn:disabled[b-7h8e82nmzh] {
  color: var(--app-front-color-sec);
  opacity: 0.7;
  text-decoration: none;
}

.payment-page .payment-state-actions .btn[b-7h8e82nmzh] {
  min-height: 44px;
}

.payment-page .sk-payment-methods[b-7h8e82nmzh] {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-page .sk-payment-methods__alert[b-7h8e82nmzh] {
  grid-column: 1 / -1;
  margin: 0;
}

.payment-page .sk-payment-method__loading[b-7h8e82nmzh] {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  color: var(--app-front-color-sec);
  font-weight: 700;
}

.payment-page .sk-payment-method .card-body[b-7h8e82nmzh] {
  display: grid;
  gap: 1.05rem;
  height: 100%;
  align-content: start;
  padding: 1.2rem;
}

.payment-page .sk-payment-method--route[b-7h8e82nmzh] {
  min-height: 350px;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.payment-page .sk-payment-method--route[b-7h8e82nmzh]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 86% 4%, rgba(var(--app-brand-color-rgb), 0.16), transparent 10rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 50%);
}

.payment-page .sk-payment-method--route > *[b-7h8e82nmzh] {
  position: relative;
}

.payment-page .sk-payment-method--route:hover[b-7h8e82nmzh] {
  transform: translateY(-2px);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.38),
    0 0 34px rgba(var(--app-brand-color-rgb), 0.1);
}

.payment-page .sk-payment-method__head[b-7h8e82nmzh] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: flex-start;
  min-width: 0;
}

.payment-page .sk-payment-reco-badge[b-7h8e82nmzh] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.payment-page .sk-payment-method__head > .sk-payment-reco-badge[b-7h8e82nmzh] {
  flex: 0 0 auto;
}

.payment-page .sk-brand-stack[b-7h8e82nmzh] {
  display: grid;
  gap: 0.7rem;
}

.payment-page .sk-brand-strip[b-7h8e82nmzh] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.payment-page .sk-brand-logo[b-7h8e82nmzh] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 255, 255, 0.1), transparent 55%),
    var(--app-background-color-main);
  overflow: hidden;
}

.payment-page .sk-brand-logo img[b-7h8e82nmzh] {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.payment-page .sk-brand-logo--provider[b-7h8e82nmzh] {
  width: 58px;
  height: 46px;
  border-radius: calc(var(--app-radius) - 0.2rem);
}

.payment-page .sk-brand-logo--provider img[b-7h8e82nmzh] {
  width: 34px;
  height: 34px;
}

.payment-page .sk-brand-logo--etc[b-7h8e82nmzh] {
  width: auto;
  min-width: 54px;
  padding-inline: 0.7rem;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.payment-page .sk-card-provider-grid[b-7h8e82nmzh] {
  display: grid;
  gap: 0.9rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-page .sk-card-provider-grid--single[b-7h8e82nmzh] {
  grid-template-columns: 1fr;
  max-width: none;
}

.payment-page .sk-card-choice[b-7h8e82nmzh] {
  position: relative;
  display: grid;
  gap: 0.9rem;
  width: 100%;
  min-height: 0;
  padding: 0.85rem 0.9rem;
  border-radius: calc(var(--app-radius) + 0.02rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-main);
  color: var(--app-front-color-main);
  text-align: left;
  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.payment-page .sk-card-choice__recommended[b-7h8e82nmzh] {
  justify-self: end;
  min-height: 28px;
  padding: 0.28rem 0.65rem;
  font-size: 0.72rem;
}

.payment-page .sk-card-choice:hover[b-7h8e82nmzh] {
  border-color: rgba(var(--app-brand-color-rgb), 0.4);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
}

.payment-page .sk-card-choice:focus-visible[b-7h8e82nmzh] {
  outline: none;
  border-color: rgba(var(--app-brand-color-rgb), 0.5);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.18);
}

.payment-page .sk-card-choice__copy[b-7h8e82nmzh] {
  display: grid;
  gap: 0.18rem;
}

.payment-page .sk-card-choice__topline[b-7h8e82nmzh] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.payment-page .sk-card-choice__title[b-7h8e82nmzh] {
  font-weight: 800;
  color: var(--app-front-color-main);
}

.payment-page .sk-card-choice__badge[b-7h8e82nmzh] {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.045);
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  font-weight: 800;
  white-space: nowrap;
}

.payment-page .sk-card-choice__hint[b-7h8e82nmzh] {
  font-size: 0.9rem;
  color: var(--app-front-color-sec);
}

.payment-page .sk-card-choice__footer[b-7h8e82nmzh] {
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
  font-weight: 700;
}

.payment-page .sk-payment-method__cta[b-7h8e82nmzh] {
  min-height: 48px;
  width: 100%;
  align-self: start;
  margin-top: auto;
  padding-block: 0.75rem;
  border-radius: 999px;
  font-weight: 950;
}

@media (max-width: 1199.98px) {
  .payment-page .sk-payment-methods[b-7h8e82nmzh] {
    grid-template-columns: 1fr;
  }

  .payment-page .sk-card-provider-grid[b-7h8e82nmzh],
  .payment-page .sk-card-provider-grid--single[b-7h8e82nmzh] {
    grid-template-columns: 1fr;
    max-width: none;
  }
}

@media (max-width: 991.98px) {
  .payment-page .sk-payment-layout[b-7h8e82nmzh] {
    grid-template-columns: 1fr;
  }

  .payment-page .sk-payment-summary-card[b-7h8e82nmzh] {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .payment-page .sk-payment-methods[b-7h8e82nmzh] {
    grid-template-columns: 1fr;
  }

  .payment-page .sk-payment-shell .card-body[b-7h8e82nmzh],
  .payment-page .sk-payment-method .card-body[b-7h8e82nmzh] {
    padding: 1rem;
  }

  .payment-page .sk-payment-method--route[b-7h8e82nmzh] {
    min-height: 0;
  }

  .payment-page .payment-state-actions[b-7h8e82nmzh] {
    flex-direction: column;
    align-items: stretch;
  }

  .payment-page .payment-state-actions .btn[b-7h8e82nmzh] {
    width: 100%;
  }

  .payment-page .sk-payment-method__head[b-7h8e82nmzh] {
    align-items: flex-start;
  }

  .payment-page .sk-brand-strip[b-7h8e82nmzh] {
    align-items: stretch;
  }

  .payment-page .sk-card-choice__topline[b-7h8e82nmzh] {
    align-items: flex-start;
    flex-direction: column;
  }

  .payment-page .sk-card-provider-grid[b-7h8e82nmzh] {
    grid-template-columns: 1fr;
  }

  .payment-page .sk-card-choice[b-7h8e82nmzh] {
    width: 100%;
  }

  .payment-page .sk-brand-logo[b-7h8e82nmzh] {
    flex: 1 1 46px;
  }
}

/* Premium payment flow pass: checkout-stage overrides. */
.payment-page .sk-payment-layout[b-7h8e82nmzh] {
  position: relative;
  isolation: isolate;
  width: min(100%, 1320px);
  margin-inline: auto;
  padding: clamp(0.9rem, 1.8vw, 1.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--sk-premium-radius, var(--app-radius)) + 0.4rem);
  background:
    radial-gradient(circle at 5% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 19rem),
    radial-gradient(circle at 85% 12%, rgba(var(--app-brand-color-rgb), 0.16), transparent 21rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012) 52%, rgba(var(--app-brand-color-rgb), 0.06)),
    rgba(16, 18, 19, 0.94);
  box-shadow:
    0 32px 92px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
}

.payment-page .sk-payment-layout[b-7h8e82nmzh]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), transparent 34%, transparent 66%, rgba(var(--app-brand-color-rgb), 0.12)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 112px);
  opacity: 0.28;
}

.payment-page .sk-payment-summary-card[b-7h8e82nmzh] {
  border-radius: calc(var(--app-radius) + 0.35rem);
}

.payment-page .sk-payment-methods[b-7h8e82nmzh] {
  align-content: start;
  gap: 1rem;
}

.payment-page .sk-payment-methods__intro[b-7h8e82nmzh] {
  display: grid;
  gap: 0.2rem;
  grid-column: 1 / -1;
  padding: 0.15rem 0.15rem 0.25rem;
}

.payment-page .sk-payment-methods__intro h2[b-7h8e82nmzh] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
  font-weight: 950;
  letter-spacing: -0.05em;
}

.payment-page .sk-payment-methods__intro p[b-7h8e82nmzh] {
  max-width: 62rem;
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.45;
}

.payment-page .sk-payment-method--route[b-7h8e82nmzh] {
  min-height: 430px;
  border-color: rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--app-radius) + 0.35rem);
  background:
    radial-gradient(circle at 86% 12%, rgba(var(--app-brand-color-rgb), 0.18), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.016)),
    rgba(22, 25, 27, 0.92);
}

.payment-page .sk-payment-method--route + .sk-payment-method--route[b-7h8e82nmzh] {
  background:
    radial-gradient(circle at 84% 0%, rgba(var(--app-brand-color-rgb), 0.24), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.014)),
    rgba(26, 23, 20, 0.92);
}

.payment-page .sk-payment-method .card-body[b-7h8e82nmzh] {
  gap: 1.15rem;
  padding: clamp(1.1rem, 2vw, 1.45rem);
}

.payment-page .sk-payment-method__title[b-7h8e82nmzh] {
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 950;
  letter-spacing: -0.035em;
}

.payment-page .sk-payment-method__copy[b-7h8e82nmzh] {
  min-height: 7.6rem;
  font-size: 1rem;
}

.payment-page .sk-brand-strip[b-7h8e82nmzh] {
  padding: 0.65rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background: rgba(0, 0, 0, 0.18);
}

.payment-page .sk-card-choice[b-7h8e82nmzh] {
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--app-brand-color-rgb), 0.16), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(12, 15, 17, 0.82);
}

.payment-page .sk-payment-method__cta[b-7h8e82nmzh] {
  min-height: 56px;
  box-shadow: 0 18px 38px rgba(var(--app-brand-color-rgb), 0.22);
}

.payment-page .sk-payment-promo[b-7h8e82nmzh] {
  display: grid;
  gap: 0.7rem;
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--app-radius) + 0.1rem);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 9rem),
    rgba(5, 7, 8, 0.28);
}

.payment-page .sk-payment-promo__head[b-7h8e82nmzh],
.payment-page .sk-payment-promo__row[b-7h8e82nmzh] {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.payment-page .sk-payment-promo__head[b-7h8e82nmzh] {
  justify-content: space-between;
  color: var(--app-front-color-main);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.payment-page .sk-payment-promo__head strong[b-7h8e82nmzh] {
  color: rgb(var(--app-brand-color-rgb));
  letter-spacing: 0;
  text-transform: none;
}

.payment-page .sk-payment-promo__row .form-control[b-7h8e82nmzh] {
  min-width: 0;
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(0, 0, 0, 0.32);
}

.payment-page .sk-payment-promo__row .btn[b-7h8e82nmzh] {
  flex: 0 0 auto;
  min-width: 82px;
}

.payment-page .sk-payment-promo__message[b-7h8e82nmzh] {
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
  font-weight: 800;
}

.payment-page .sk-payment-promo__message.is-good[b-7h8e82nmzh] {
  color: #ffd9b0;
}

.payment-page .sk-payment-promo__message.is-warn[b-7h8e82nmzh] {
  color: #ffc6a5;
}

@media (max-width: 991.98px) {
  .payment-page .sk-payment-layout[b-7h8e82nmzh] {
    padding: 0.9rem;
  }

  .payment-page .sk-payment-method__copy[b-7h8e82nmzh] {
    min-height: 0;
  }

  .payment-page .sk-payment-promo__row[b-7h8e82nmzh] {
    align-items: stretch;
    flex-direction: column;
  }
}
/* /Pages/Billing/RedeemVoucherPage.razor.rz.scp.css */
.redeem-voucher-page[b-k189d3hega] {
  background: var(--app-background-color-main);
}

.sk-redeem[b-k189d3hega] {
  display: grid;
  gap: 1.2rem;
  color: var(--app-front-color-main);
}

.sk-redeem-hero[b-k189d3hega] {
  align-items: stretch;
}

.sk-redeem-hero__copy[b-k189d3hega] {
  min-height: 245px;
}

.sk-redeem-pass[b-k189d3hega] {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.8rem;
  padding: clamp(1rem, 2vw, 1.45rem);
}

.sk-redeem-pass strong[b-k189d3hega] {
  position: relative;
  z-index: 1;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.sk-redeem-pass p[b-k189d3hega] {
  position: relative;
  z-index: 1;
  max-width: 18rem;
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.sk-redeem-steps[b-k189d3hega] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

.sk-redeem-steps span[b-k189d3hega] {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.35rem 0.75rem;
  border: 1px solid rgba(var(--sk-premium-amber-rgb), 0.22);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.2);
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sk-redeem-hero__topup-link[b-k189d3hega] {
  position: relative;
  z-index: 1;
  width: fit-content;
}

.sk-voucher[b-k189d3hega] {
  overflow: clip;
}

.sk-voucher__summary[b-k189d3hega] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 70px;
  padding: 1rem 1.15rem 0;
}

.sk-voucher__title[b-k189d3hega],
.sk-voucher__hint[b-k189d3hega] {
  display: block;
}

.sk-voucher__title[b-k189d3hega] {
  color: var(--app-brand-color);
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sk-voucher__hint[b-k189d3hega] {
  max-width: 42rem;
  color: var(--app-front-color-sec);
  font-size: 0.92rem;
}

.sk-voucher .card-body[b-k189d3hega] {
  padding: 1rem 1.15rem 1.15rem;
}

.sk-voucher .form-label[b-k189d3hega] {
  color: var(--app-front-color-sec) !important;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sk-voucher-input[b-k189d3hega] {
  min-height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-main);
  color: var(--app-front-color-main);
  font-weight: 850;
}

.sk-voucher-input:focus[b-k189d3hega] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.15);
}

.sk-voucher-info[b-k189d3hega] {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 1rem;
}

.sk-voucher-info .sk-voucher-kv[b-k189d3hega] {
  min-height: 76px;
  padding: 0.75rem 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: calc(var(--app-radius) + 0.08rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.18);
}

.sk-voucher-info .sk-k[b-k189d3hega] {
  margin-bottom: 0.2rem;
  color: var(--app-front-color-sec);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-voucher-info .sk-v[b-k189d3hega] {
  color: var(--app-front-color-main);
  font-weight: 900;
}

.sk-redeem-help[b-k189d3hega] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.sk-redeem-note[b-k189d3hega] {
  padding: 1rem;
}

.sk-redeem-note span[b-k189d3hega] {
  display: block;
  color: var(--app-front-color-main);
  font-weight: 950;
  letter-spacing: -0.025em;
}

.sk-redeem-note p[b-k189d3hega] {
  margin: 0.4rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.sk-redeem-note a[b-k189d3hega] {
  display: inline-flex;
  margin-top: 0.65rem;
  color: var(--app-brand-color);
  font-weight: 950;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .sk-redeem-help[b-k189d3hega] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  .sk-redeem[b-k189d3hega] {
    padding-top: 0.75rem !important;
  }

  .sk-redeem-hero[b-k189d3hega] {
    grid-template-columns: 1fr;
  }

  .sk-redeem-hero__copy[b-k189d3hega] {
    min-height: auto;
  }

  .sk-redeem-pass[b-k189d3hega] {
    min-height: auto;
  }

  .sk-redeem-hero__topup-link[b-k189d3hega] {
    width: 100%;
  }

  .redeem-voucher-page .row.g-2.align-items-end > .col-auto.d-flex[b-k189d3hega] {
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
  }

  .redeem-voucher-page .row.g-2.align-items-end > .col-auto.d-flex > *[b-k189d3hega] {
    flex: 1 1 100%;
  }
}
/* /Pages/Billing/TopUpPage.razor.rz.scp.css */
.topup-page[b-xmd449atzx] {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--app-brand-color-rgb), 0.16), transparent 24rem),
    radial-gradient(circle at 92% 6%, rgba(255, 196, 79, 0.13), transparent 22rem),
    var(--app-background-color-main);
}

.sk-topup[b-xmd449atzx] {
  color: var(--app-front-color-main);
  display: grid;
  gap: 1.15rem;
}

.sk-topup-hero[b-xmd449atzx] {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 0 0.45rem;
}

.sk-topup-hero__eyebrow[b-xmd449atzx] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sk-topup-hero h1[b-xmd449atzx] {
  margin: 0.12rem 0 0;
  font-size: clamp(2.15rem, 5vw, 4.25rem);
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 0.9;
}

.sk-topup-hero p[b-xmd449atzx] {
  max-width: 720px;
  margin: 0.72rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.sk-topup-hero__voucher-link[b-xmd449atzx] {
  flex: 0 0 auto;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.68rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(var(--app-brand-color-rgb), 0.09);
  color: var(--app-brand-color);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 0 28px rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-topup-machine[b-xmd449atzx] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.42fr);
  gap: 1rem;
  align-items: stretch;
}

.sk-topup-selector[b-xmd449atzx],
.sk-topup-receipt[b-xmd449atzx],
.sk-topup-locked[b-xmd449atzx] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) + 0.55rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.sk-topup-selector[b-xmd449atzx] {
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 2.5vw, 1.55rem);
}

.sk-topup-selector[b-xmd449atzx]::before {
  content: "";
  position: absolute;
  inset: -35% -12% auto auto;
  width: 24rem;
  height: 24rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--app-brand-color-rgb), 0.24), transparent 68%);
  pointer-events: none;
}

.sk-topup-selected[b-xmd449atzx] {
  position: relative;
  display: grid;
  gap: 0.2rem;
  margin-bottom: 1.5rem;
}

.sk-topup-selected span[b-xmd449atzx],
.sk-topup-receipt__badge span[b-xmd449atzx],
.sk-topup-receipt-table span[b-xmd449atzx],
.sk-topup-savings span[b-xmd449atzx] {
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sk-topup-selected strong[b-xmd449atzx] {
  color: var(--app-front-color-main);
  font-size: clamp(2.55rem, 7vw, 5.4rem);
  font-weight: 950;
  letter-spacing: -0.075em;
  line-height: 0.9;
  text-shadow: 0 0 34px rgba(var(--app-brand-color-rgb), 0.2);
}

.sk-topup-selected em[b-xmd449atzx] {
  color: var(--app-brand-color);
  font-style: normal;
  font-weight: 850;
}

.sk-topup-slider-wrap[b-xmd449atzx] {
  position: relative;
  padding: 1.25rem 0 0.9rem;
}

.sk-topup-slider[b-xmd449atzx] {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 3.2rem;
  margin: 0;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

.sk-topup-slider:focus-visible[b-xmd449atzx] {
  outline: 2px solid var(--app-brand-color);
  outline-offset: 0.25rem;
  border-radius: 999px;
}

.sk-topup-slider[b-xmd449atzx]::-webkit-slider-runnable-track {
  height: 1.05rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #3a4650, #ff7a18 16%, #ffb000 42%, #ff4fd8 74%, #7c5cff 100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 16px 42px rgba(0, 0, 0, 0.34);
}

.sk-topup-slider[b-xmd449atzx]::-moz-range-track {
  height: 1.05rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #3a4650, #ff7a18 16%, #ffb000 42%, #ff4fd8 74%, #7c5cff 100%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset, 0 16px 42px rgba(0, 0, 0, 0.34);
}

.sk-topup-slider[b-xmd449atzx]::-webkit-slider-thumb {
  appearance: none;
  width: 2.55rem;
  height: 2.55rem;
  margin-top: -0.74rem;
  border: 3px solid rgba(20, 20, 22, 0.96);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, #fff3d4, var(--app-brand-color) 45%, #ff6a00 100%);
  box-shadow:
    0 0 0 0.46rem rgba(var(--app-brand-color-rgb), 0.18),
    0 0 34px rgba(var(--app-brand-color-rgb), 0.7),
    0 18px 34px rgba(0, 0, 0, 0.4);
}

.sk-topup-slider[b-xmd449atzx]::-moz-range-thumb {
  width: 2.55rem;
  height: 2.55rem;
  border: 3px solid rgba(20, 20, 22, 0.96);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, #fff3d4, var(--app-brand-color) 45%, #ff6a00 100%);
  box-shadow:
    0 0 0 0.46rem rgba(var(--app-brand-color-rgb), 0.18),
    0 0 34px rgba(var(--app-brand-color-rgb), 0.7),
    0 18px 34px rgba(0, 0, 0, 0.4);
}

.sk-topup-slider__glow[b-xmd449atzx] {
  position: absolute;
  left: 0;
  right: 0;
  top: 2.1rem;
  height: 1rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #4e5a63, #ff7a18, #ffb000, #ff4fd8, #7c5cff);
  filter: blur(18px);
  opacity: 0.42;
  pointer-events: none;
}

.sk-topup-scale[b-xmd449atzx] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 0.35rem;
  margin-top: 0.65rem;
}

.sk-topup-scale__tier[b-xmd449atzx] {
  min-width: 0;
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 0.12rem;
  padding: 0.65rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.9rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(0, 0, 0, 0.15);
  color: var(--app-front-color-main);
  text-align: left;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease,
    filter 0.16s ease;
}

.sk-topup-scale__tier:hover[b-xmd449atzx],
.sk-topup-scale__tier--active[b-xmd449atzx] {
  transform: translateY(-2px);
  border-color: rgba(var(--app-brand-color-rgb), 0.5);
  background:
    radial-gradient(circle at 85% 0%, rgba(var(--app-brand-color-rgb), 0.28), transparent 5rem),
    rgba(var(--app-brand-color-rgb), 0.09);
  filter: brightness(1.07);
}

.sk-topup-scale__name[b-xmd449atzx] {
  color: var(--app-front-color-sec);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sk-topup-scale__tier strong[b-xmd449atzx] {
  color: var(--app-brand-color);
  font-size: clamp(0.95rem, 1.3vw, 1.28rem);
  font-weight: 950;
}

.sk-topup-scale__tier small[b-xmd449atzx] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  white-space: nowrap;
}

.sk-topup-fast-picks[b-xmd449atzx] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

.sk-topup-fast-pick[b-xmd449atzx] {
  min-height: 40px;
  padding: 0.48rem 0.78rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--app-front-color-main);
  font-weight: 900;
}

.sk-topup-fast-pick:hover[b-xmd449atzx],
.sk-topup-fast-pick--active[b-xmd449atzx] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background: rgba(var(--app-brand-color-rgb), 0.16);
  color: var(--app-brand-color);
}

.sk-topup-receipt[b-xmd449atzx] {
  position: relative;
  overflow: hidden;
  padding: 1.2rem;
}

.sk-topup-receipt[b-xmd449atzx]::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 80% 4%, rgba(var(--app-brand-color-rgb), 0.24), transparent 10rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 44%);
  pointer-events: none;
}

.sk-topup-receipt > *[b-xmd449atzx] {
  position: relative;
}

.sk-topup-receipt__badge[b-xmd449atzx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.sk-topup-receipt__badge strong[b-xmd449atzx] {
  color: var(--app-brand-color);
  font-weight: 950;
}

.sk-topup-receipt__price[b-xmd449atzx] {
  display: grid;
  gap: 0.1rem;
  padding: 1.2rem 0;
}

.sk-topup-receipt__price strong[b-xmd449atzx] {
  font-size: clamp(3rem, 6vw, 4.7rem);
  font-weight: 950;
  letter-spacing: -0.08em;
  line-height: 0.85;
}

.sk-topup-receipt__price small[b-xmd449atzx] {
  color: var(--app-front-color-sec);
  font-weight: 850;
}

.sk-topup-receipt__old[b-xmd449atzx],
.sk-muted-price[b-xmd449atzx] {
  color: rgba(255, 255, 255, 0.52);
  text-decoration: line-through;
}

.sk-topup-receipt-table[b-xmd449atzx] {
  display: grid;
  gap: 0.55rem;
  padding: 0.75rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.sk-topup-receipt-table > div[b-xmd449atzx] {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  align-items: baseline;
}

.sk-topup-receipt-table strong[b-xmd449atzx] {
  font-weight: 950;
}

.sk-topup-receipt-table__total[b-xmd449atzx] {
  margin-top: 0.25rem;
  padding-top: 0.65rem;
  border-top: 1px dashed rgba(var(--app-brand-color-rgb), 0.35);
}

.sk-topup-savings[b-xmd449atzx] {
  display: grid;
  gap: 0.08rem;
  margin-top: 0.9rem;
  padding: 0.9rem;
  border-radius: 1rem;
  background:
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.22), rgba(255, 187, 0, 0.1)),
    rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
}

.sk-topup-savings strong[b-xmd449atzx] {
  color: var(--app-brand-color);
  font-size: 2rem;
  line-height: 1;
  font-weight: 950;
}

.sk-topup-savings small[b-xmd449atzx] {
  color: var(--app-front-color-sec);
}

.sk-topup-receipt[b-xmd449atzx]  .sk-topup-buy {
  width: 100%;
  min-height: 54px;
  margin-top: 1rem;
  border-radius: 1rem;
  font-weight: 950;
  box-shadow: 0 18px 42px rgba(var(--app-brand-color-rgb), 0.24);
}

.sk-topup-locked[b-xmd449atzx] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem;
}

.sk-topup-locked h2[b-xmd449atzx] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: 1.2rem;
  font-weight: 900;
}

.sk-topup-locked p[b-xmd449atzx] {
  margin: 0.35rem 0 0;
  color: var(--app-front-color-sec);
}

@media (max-width: 991.98px) {
  .sk-topup-machine[b-xmd449atzx] {
    grid-template-columns: 1fr;
  }

  .sk-topup-scale[b-xmd449atzx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-topup-scale__tier[b-xmd449atzx] {
    min-height: 72px;
  }
}

@media (max-width: 767.98px) {
  .sk-topup[b-xmd449atzx] {
    padding-top: 0.75rem !important;
  }

  .sk-topup-hero[b-xmd449atzx] {
    align-items: stretch;
    flex-direction: column;
  }

  .sk-topup-hero h1[b-xmd449atzx] {
    font-size: clamp(2.35rem, 13vw, 3.4rem);
  }

  .sk-topup-hero__voucher-link[b-xmd449atzx] {
    width: 100%;
  }

  .sk-topup-selector[b-xmd449atzx],
  .sk-topup-receipt[b-xmd449atzx] {
    border-radius: calc(var(--app-radius) + 0.25rem);
    padding: 1rem;
  }

  .sk-topup-scale[b-xmd449atzx] {
    grid-template-columns: 1fr;
  }

  .sk-topup-fast-picks[b-xmd449atzx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-topup-fast-pick[b-xmd449atzx] {
    width: 100%;
  }

  .sk-topup-receipt-table > div[b-xmd449atzx] {
    align-items: start;
    flex-direction: column;
    gap: 0.15rem;
  }

  .sk-topup-locked[b-xmd449atzx] {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Top-up v1.1: premium cashier bridge. */
.topup-page[b-xmd449atzx] {
  background:
    radial-gradient(circle at 10% 6%, rgba(var(--app-brand-color-rgb), 0.18), transparent 24rem),
    radial-gradient(circle at 88% 2%, rgba(255, 210, 123, 0.14), transparent 26rem),
    radial-gradient(circle at 52% 100%, rgba(255, 122, 24, 0.1), transparent 30rem),
    var(--app-background-color-main);
}

.sk-topup[b-xmd449atzx] {
  width: min(100%, 1320px);
}

.sk-topup-hero[b-xmd449atzx] {
  position: relative;
  isolation: isolate;
  align-items: center;
  min-height: 220px;
  padding: clamp(1.15rem, 2.4vw, 1.8rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--sk-premium-radius, var(--app-radius)) + 0.35rem);
  background:
    radial-gradient(circle at 86% 8%, rgba(var(--app-brand-color-rgb), 0.25), transparent 18rem),
    radial-gradient(circle at 15% 110%, rgba(255, 196, 79, 0.13), transparent 20rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.014) 52%, rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(16, 18, 19, 0.94);
  box-shadow:
    0 30px 84px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
  overflow: hidden;
}

.sk-topup-hero[b-xmd449atzx]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), transparent 34%, transparent 66%, rgba(var(--app-brand-color-rgb), 0.12)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 112px);
  opacity: 0.28;
}

.sk-topup-hero[b-xmd449atzx]::after {
  content: "";
  display: none;
}

.sk-topup-hero h1[b-xmd449atzx] {
  max-width: 780px;
}

.sk-topup-hero p[b-xmd449atzx] {
  max-width: 620px;
  font-weight: 700;
}

.sk-topup-hero__facts[b-xmd449atzx] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

.sk-topup-hero__facts span[b-xmd449atzx] {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.38rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.23);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-main);
  font-size: 0.82rem;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.sk-topup-hero__voucher-link[b-xmd449atzx] {
  min-height: 48px;
  padding-inline: 1.1rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(0, 0, 0, 0.2);
}

.sk-topup-machine[b-xmd449atzx] {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.42fr);
  padding: clamp(0.9rem, 1.8vw, 1.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--sk-premium-radius, var(--app-radius)) + 0.4rem);
  background:
    radial-gradient(circle at 6% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 18rem),
    radial-gradient(circle at 86% 14%, rgba(var(--app-brand-color-rgb), 0.16), transparent 22rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012) 54%, rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(16, 18, 19, 0.94);
  box-shadow:
    0 32px 92px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
}

.sk-topup-machine[b-xmd449atzx]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), transparent 34%, transparent 66%, rgba(var(--app-brand-color-rgb), 0.12)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 112px);
  opacity: 0.26;
}

.sk-topup-stage-intro[b-xmd449atzx] {
  display: grid;
  gap: 0.2rem;
  grid-column: 1 / -1;
  padding: 0.15rem 0.15rem 0.25rem;
}

.sk-topup-stage-intro h2[b-xmd449atzx] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 2.6vw, 2.25rem);
  font-weight: 950;
  letter-spacing: -0.05em;
}

.sk-topup-stage-intro p[b-xmd449atzx] {
  max-width: 62rem;
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.45;
}

.sk-topup-selector[b-xmd449atzx],
.sk-topup-receipt[b-xmd449atzx] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  border-radius: calc(var(--app-radius) + 0.35rem);
}

.sk-topup-selector[b-xmd449atzx] {
  background:
    radial-gradient(circle at 92% 2%, rgba(var(--app-brand-color-rgb), 0.17), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.058), rgba(255, 255, 255, 0.016)),
    rgba(21, 24, 26, 0.94);
}

.sk-topup-receipt[b-xmd449atzx] {
  position: sticky;
  top: 1rem;
  align-self: start;
  z-index: 0;
  border-color: rgba(var(--app-brand-color-rgb), 0.48);
  background:
    radial-gradient(circle at 80% 0%, rgba(var(--app-brand-color-rgb), 0.34), transparent 11rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.085), rgba(0, 0, 0, 0.14)),
    rgba(22, 20, 17, 0.96);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1),
    0 24px 66px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(var(--app-brand-color-rgb), 0.14);
}

.sk-topup-receipt[b-xmd449atzx]::before {
  inset: -24%;
  z-index: 0;
  background:
    radial-gradient(ellipse at 78% 8%, rgba(var(--app-brand-color-rgb), 0.26), transparent 58%),
    radial-gradient(circle at 8% 102%, rgba(255, 196, 79, 0.12), transparent 48%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 45%);
  filter: blur(18px);
  opacity: 0.78;
}

.sk-topup-receipt > *[b-xmd449atzx] {
  z-index: 1;
}

.sk-topup-selected[b-xmd449atzx] {
  margin-bottom: 1.2rem;
}

.sk-topup-selected strong[b-xmd449atzx] {
  font-size: clamp(2.45rem, 6.4vw, 5rem);
}

.sk-topup-selected em[b-xmd449atzx] {
  color: var(--app-front-color-main);
}

.sk-topup-slider[b-xmd449atzx]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #3a4650, #ff7a18 18%, #ffd27b 43%, #ff9f1a 66%, #ff4f8f 83%, #7c5cff 100%);
}

.sk-topup-slider[b-xmd449atzx]::-moz-range-track {
  background: linear-gradient(90deg, #3a4650, #ff7a18 18%, #ffd27b 43%, #ff9f1a 66%, #ff4f8f 83%, #7c5cff 100%);
}

.sk-topup-slider__glow[b-xmd449atzx] {
  background: linear-gradient(90deg, #4e5a63, #ff7a18, #ffd27b, #ff9f1a, #ff4f8f, #7c5cff);
}

.sk-topup-scale[b-xmd449atzx] {
  gap: 0.45rem;
}

.sk-topup-scale__tier[b-xmd449atzx] {
  min-height: 94px;
  border-color: rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) + 0.02rem);
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--app-brand-color-rgb), 0.1), transparent 7rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.046), rgba(255, 255, 255, 0.012)),
    rgba(11, 14, 16, 0.76);
}

.sk-topup-scale__tier--active[b-xmd449atzx] {
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12) inset;
}

.sk-topup-fast-pick[b-xmd449atzx] {
  min-height: 42px;
  padding-inline: 0.9rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.24);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.16);
}

.sk-topup-receipt__badge[b-xmd449atzx] {
  align-items: start;
}

.sk-topup-receipt__badge strong[b-xmd449atzx] {
  text-align: right;
}

.sk-topup-receipt__price[b-xmd449atzx] {
  padding: 1.05rem 0 1.15rem;
}

.sk-topup-receipt__price strong[b-xmd449atzx] {
  color: var(--app-front-color-main);
  text-shadow: 0 0 34px rgba(var(--app-brand-color-rgb), 0.22);
}

.sk-topup-receipt-table[b-xmd449atzx],
.sk-topup-savings[b-xmd449atzx] {
  border-color: rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--app-brand-color-rgb), 0.12), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.18);
}

.sk-topup-savings[b-xmd449atzx] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
}

.sk-topup-receipt[b-xmd449atzx]  .sk-topup-buy {
  min-height: 58px;
  border-radius: 999px;
}

@media (max-width: 991.98px) {
  .sk-topup-machine[b-xmd449atzx] {
    grid-template-columns: 1fr;
    padding: 0.9rem;
  }

  .sk-topup-receipt[b-xmd449atzx] {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .sk-topup-machine[b-xmd449atzx] {
    gap: 0.8rem;
    padding: 0.75rem;
  }

  .sk-topup-hero[b-xmd449atzx] {
    min-height: 0;
    padding: 1rem;
  }

  .sk-topup-hero[b-xmd449atzx]::after {
    display: none;
  }

  .sk-topup-hero__facts[b-xmd449atzx] {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sk-topup-stage-intro h2[b-xmd449atzx] {
    font-size: clamp(1.55rem, 9vw, 2rem);
  }

  .sk-topup-stage-intro p[b-xmd449atzx] {
    font-size: 0.88rem;
  }

  .sk-topup-selector[b-xmd449atzx],
  .sk-topup-receipt[b-xmd449atzx] {
    padding: 0.85rem;
  }

  .sk-topup-selected[b-xmd449atzx] {
    margin-bottom: 0.85rem;
  }

  .sk-topup-selected strong[b-xmd449atzx] {
    font-size: clamp(2.7rem, 17vw, 4rem);
  }

  .sk-topup-slider-wrap[b-xmd449atzx] {
    padding-top: 0.85rem;
  }

  .sk-topup-scale[b-xmd449atzx] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
  }

  .sk-topup-scale__tier[b-xmd449atzx] {
    min-height: 70px;
  }

  .sk-topup-fast-picks[b-xmd449atzx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-topup-receipt-table > div[b-xmd449atzx] {
    align-items: baseline;
    flex-direction: row;
  }

  .sk-topup-receipt[b-xmd449atzx]  .sk-topup-buy {
    min-height: 54px;
  }
}
/* /Pages/Billing/UpgradePage.razor.rz.scp.css */
.upgrade-page[b-bdzh5ov9l2] {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 8%, rgba(var(--app-brand-color-rgb), 0.2), transparent 28rem),
    radial-gradient(circle at 12% 34%, rgba(255, 255, 255, 0.055), transparent 23rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 24rem),
    var(--app-background-color-main);
}

.upgrade-page[b-bdzh5ov9l2]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.34;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, black, transparent 72%);
}

.sk-plans2[b-bdzh5ov9l2] {
  position: relative;
  z-index: 1;
  color: var(--app-front-color-main);
}

.sk-casino-hero[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.68fr);
  gap: 1.25rem;
  align-items: stretch;
  margin-bottom: 1rem;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) + 0.3rem);
  background:
    radial-gradient(circle at 86% 18%, rgba(var(--app-brand-color-rgb), 0.22), transparent 22rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.11), rgba(255, 255, 255, 0.025) 45%, transparent),
    rgba(25, 29, 33, 0.92);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.sk-hero-copy[b-bdzh5ov9l2] {
  display: flex;
  min-height: 300px;
  flex-direction: column;
  justify-content: center;
}

.sk-plans-eyebrow[b-bdzh5ov9l2] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sk-plans-title[b-bdzh5ov9l2] {
  max-width: 760px;
  margin: 0.35rem 0 0;
  font-size: clamp(3rem, 7vw, 6.7rem);
  line-height: 0.88;
  font-weight: 950;
  letter-spacing: -0.08em;
}

.sk-plans-copy[b-bdzh5ov9l2] {
  max-width: 620px;
  margin: 1rem 0 0;
  color: var(--app-front-color-sec);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
}

.sk-hero-actions[b-bdzh5ov9l2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.35rem;
}

.sk-hero-primary[b-bdzh5ov9l2],
.sk-hero-secondary[b-bdzh5ov9l2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding-inline: 1.05rem;
  border-radius: 999px;
  font-weight: 950;
}

.sk-hero-primary[b-bdzh5ov9l2] {
  color: #111;
  border-color: var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  box-shadow: 0 14px 34px rgba(var(--app-brand-color-rgb), 0.24);
}

.sk-hero-primary:hover[b-bdzh5ov9l2] {
  color: #111;
  filter: brightness(1.04);
}

.sk-hero-secondary[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.055);
}

.sk-hero-secondary:hover[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.36);
}

.sk-jackpot-panel[b-bdzh5ov9l2] {
  position: relative;
  overflow: hidden;
  display: flex;
  min-height: 300px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.2rem;
  border-radius: calc(var(--app-radius) + 0.15rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.55);
  background:
    radial-gradient(circle at 50% 6%, rgba(var(--app-brand-color-rgb), 0.4), transparent 9rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.18)),
    rgba(22, 20, 17, 0.94);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12),
    0 26px 64px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(var(--app-brand-color-rgb), 0.18);
}

.sk-jackpot-panel[b-bdzh5ov9l2]::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -40%;
  width: 38%;
  height: 320%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
  transform: rotate(18deg);
  animation: sk-plan-hero-shine-b-bdzh5ov9l2 4.4s ease-in-out infinite;
}

.sk-jackpot-ribbon[b-bdzh5ov9l2] {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.3rem 0.65rem;
  border-radius: 999px;
  color: #111;
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  font-size: 0.74rem;
  font-weight: 950;
}

.sk-jackpot-name[b-bdzh5ov9l2] {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 0.9;
  font-weight: 950;
  letter-spacing: -0.08em;
  color: var(--app-brand-color);
}

.sk-jackpot-credits[b-bdzh5ov9l2] {
  margin-top: 0.45rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 950;
}

.sk-jackpot-price[b-bdzh5ov9l2] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin-top: 0.85rem;
}

.sk-jackpot-price span[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec);
  text-decoration: line-through;
}

.sk-jackpot-price strong[b-bdzh5ov9l2] {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.06em;
}

.sk-jackpot-price small[b-bdzh5ov9l2],
.sk-jackpot-price em[b-bdzh5ov9l2],
.sk-jackpot-copy[b-bdzh5ov9l2] {
    color: var(--app-front-color-sec);
}

.sk-jackpot-price em[b-bdzh5ov9l2] {
    font-style: normal;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.sk-jackpot-weekly[b-bdzh5ov9l2] {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.48rem;
  margin-top: 0.72rem;
  margin-bottom: 0.05rem;
  padding: 0.5rem 0.78rem 0.5rem 0.58rem;
  border-radius: 999px;
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 8% 50%, rgba(255, 210, 122, 0.5), transparent 2rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.38), rgba(255, 255, 255, 0.08)),
    rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.62);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12),
    0 16px 40px rgba(var(--app-brand-color-rgb), 0.22);
}

.sk-jackpot-weekly[b-bdzh5ov9l2]::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), transparent 46%);
}

.sk-jackpot-weekly span[b-bdzh5ov9l2] {
  position: relative;
  z-index: 1;
  width: 0.78rem;
  height: 0.78rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffe1a1, var(--app-brand-color));
  box-shadow:
    0 0 0 5px rgba(var(--app-brand-color-rgb), 0.16),
    0 0 22px rgba(var(--app-brand-color-rgb), 0.55);
}

.sk-jackpot-weekly strong[b-bdzh5ov9l2] {
  position: relative;
  z-index: 1;
}

.sk-jackpot-weekly strong[b-bdzh5ov9l2] {
  font-size: 0.95rem;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.sk-jackpot-copy[b-bdzh5ov9l2] {
  max-width: 25rem;
  margin-top: 0.5rem;
  font-size: 0.95rem;
}

.sk-value-meter[b-bdzh5ov9l2] {
  --meter-dot-size: 18px;
  --meter-dot-half: 9px;
  --meter-track-half: 2px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-radius: calc(var(--app-radius) + 0.05rem);
  background: rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.sk-meter-track[b-bdzh5ov9l2] {
  position: absolute;
  top: calc(1rem + var(--meter-dot-half) - var(--meter-track-half));
  left: calc(12.5% + 0.75rem);
  right: calc(12.5% + 0.75rem);
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), rgba(var(--app-brand-color-rgb), 0.82));
  box-shadow: 0 0 24px rgba(var(--app-brand-color-rgb), 0.2);
}

.sk-meter-node[b-bdzh5ov9l2] {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 0.25rem;
  text-align: center;
}

.sk-meter-dot[b-bdzh5ov9l2] {
  width: var(--meter-dot-size);
  height: var(--meter-dot-size);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  border: 2px solid rgba(var(--app-brand-color-rgb), 0.72);
  box-shadow: 0 0 0 5px rgba(var(--app-brand-color-rgb), 0.1);
}

.sk-meter-node.is-featured .sk-meter-dot[b-bdzh5ov9l2] {
  background: var(--app-brand-color);
  box-shadow:
    0 0 0 7px rgba(var(--app-brand-color-rgb), 0.16),
    0 0 26px rgba(var(--app-brand-color-rgb), 0.42);
}

.sk-meter-node strong[b-bdzh5ov9l2] {
  margin-top: 0.45rem;
  font-weight: 950;
}

.sk-meter-node small[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec);
  font-size: 0.8rem;
}

.sk-term-deals[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: minmax(240px, 0.85fr) minmax(0, 1.4fr);
  gap: 1rem;
  align-items: stretch;
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-radius: calc(var(--app-radius) + 0.15rem);
  background:
    radial-gradient(circle at 92% 0%, rgba(var(--app-brand-color-rgb), 0.2), transparent 14rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.1), rgba(255, 255, 255, 0.035)),
    rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  box-shadow: var(--app-shadow);
}

.sk-term-deals__copy[b-bdzh5ov9l2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.sk-term-deals__copy h2[b-bdzh5ov9l2] {
  margin: 0;
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
  font-weight: 950;
}

.sk-term-deals__copy p[b-bdzh5ov9l2] {
  max-width: 36rem;
  margin: 0.65rem 0 0;
  color: var(--app-front-color-sec);
}

.sk-term-deals__choice[b-bdzh5ov9l2] {
  display: grid;
  gap: 0.7rem;
  min-width: 0;
}

.sk-term-deals__grid[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.sk-term-chip[b-bdzh5ov9l2] {
  position: relative;
  min-height: 118px;
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.05rem);
  text-align: left;
  color: var(--app-front-color-main);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(0, 0, 0, 0.08)),
    rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.sk-term-chip:hover[b-bdzh5ov9l2],
.sk-term-chip:focus-visible[b-bdzh5ov9l2] {
  transform: translateY(-2px);
  border-color: rgba(var(--app-brand-color-rgb), 0.56);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 16px 40px rgba(0, 0, 0, 0.28);
}

.sk-term-chip.is-selected[b-bdzh5ov9l2] {
  background:
    radial-gradient(circle at 86% 12%, rgba(255, 196, 102, 0.34), transparent 5rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.62), rgba(var(--app-brand-color-rgb), 0.18)),
    rgba(0, 0, 0, 0.18);
  border-color: rgba(var(--app-brand-color-rgb), 0.9);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.18),
    0 20px 50px rgba(var(--app-brand-color-rgb), 0.18);
}

.sk-term-chip__flag[b-bdzh5ov9l2] {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.55rem;
  padding: 0.28rem 0.5rem;
  border-radius: 999px;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sk-term-chip strong[b-bdzh5ov9l2],
.sk-term-chip small[b-bdzh5ov9l2] {
  display: block;
}

.sk-term-chip strong[b-bdzh5ov9l2] {
  font-size: 1.18rem;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.sk-term-chip small[b-bdzh5ov9l2] {
  margin-top: 0.25rem;
  color: var(--app-front-color-sec);
  font-weight: 800;
}

.sk-monthly-fallback[b-bdzh5ov9l2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  min-width: 0;
  padding: 0.68rem 0.8rem;
  border-radius: calc(var(--app-radius) - 0.1rem);
  color: var(--app-front-color-sec);
  text-align: left;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.08)),
    rgba(0, 0, 0, 0.12);
  border: 1px dashed rgba(255, 255, 255, 0.12);
  transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.sk-monthly-fallback:hover[b-bdzh5ov9l2],
.sk-monthly-fallback:focus-visible[b-bdzh5ov9l2] {
  transform: translateY(-1px);
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.38);
  background:
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(255, 255, 255, 0.04)),
    rgba(0, 0, 0, 0.14);
}

.sk-monthly-fallback.is-selected[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  border-style: solid;
  border-color: rgba(var(--app-brand-color-rgb), 0.64);
  background:
    radial-gradient(circle at 94% 50%, rgba(var(--app-brand-color-rgb), 0.22), transparent 7rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.16), rgba(255, 255, 255, 0.045)),
    rgba(0, 0, 0, 0.16);
}

.sk-monthly-fallback span[b-bdzh5ov9l2],
.sk-monthly-fallback small[b-bdzh5ov9l2] {
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sk-monthly-fallback strong[b-bdzh5ov9l2] {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--app-front-color-main);
  font-size: 0.95rem;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.sk-plan-promo[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: minmax(240px, 0.88fr) minmax(0, 1.3fr);
  gap: 1rem;
  align-items: stretch;
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-radius: calc(var(--app-radius) + 0.15rem);
  background:
    radial-gradient(circle at 88% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 13rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  box-shadow: var(--app-shadow);
}

.sk-plan-promo__copy[b-bdzh5ov9l2] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.sk-plan-promo__copy h2[b-bdzh5ov9l2] {
  margin: 0.15rem 0 0;
  font-size: clamp(1.45rem, 2.7vw, 2.25rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
  font-weight: 950;
}

.sk-plan-promo__copy p[b-bdzh5ov9l2] {
  margin: 0.62rem 0 0;
  color: var(--app-front-color-sec);
}

.sk-plan-promo__form[b-bdzh5ov9l2],
.sk-plan-promo__locked[b-bdzh5ov9l2] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.75rem;
  border-radius: calc(var(--app-radius) - 0.05rem);
  background:
    linear-gradient(135deg, rgba(0, 0, 0, 0.18), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.075);
}

.sk-plan-promo__locked strong[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.sk-plan-promo__locked span[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec);
}

.sk-plan-promo__locked .btn[b-bdzh5ov9l2] {
  align-self: flex-start;
}

.sk-plan-promo__row[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.55rem;
  align-items: stretch;
}

.sk-plan-promo .form-control[b-bdzh5ov9l2] {
  min-height: 48px;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: calc(var(--app-radius) - 0.18rem);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.sk-plan-promo .form-control[b-bdzh5ov9l2]::placeholder {
  color: var(--app-front-color-sec);
}

.sk-plan-promo .form-control:focus[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.28);
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.14);
}

.sk-plan-promo__apply[b-bdzh5ov9l2],
.sk-plan-promo__clear[b-bdzh5ov9l2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 48px;
  border-radius: calc(var(--app-radius) - 0.18rem);
  font-weight: 950;
}

.sk-plan-promo__apply[b-bdzh5ov9l2] {
  color: #111;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.72);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
}

.sk-plan-promo__clear[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
}

.sk-plan-promo__apply:disabled[b-bdzh5ov9l2],
.sk-plan-promo__clear:disabled[b-bdzh5ov9l2] {
  opacity: 0.56;
  pointer-events: none;
}

.sk-plan-promo__message[b-bdzh5ov9l2] {
  padding: 0.58rem 0.7rem;
  border-radius: calc(var(--app-radius) - 0.2rem);
  font-size: 0.88rem;
  font-weight: 800;
}

.sk-plan-promo__message.is-good[b-bdzh5ov9l2] {
  color: #b8f5c8;
  background: rgba(25, 135, 84, 0.12);
  border: 1px solid rgba(25, 135, 84, 0.32);
}

.sk-plan-promo__message.is-warn[b-bdzh5ov9l2] {
  color: #ffd0a3;
  background: rgba(var(--app-brand-color-rgb), 0.1);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
}

.plans-grid[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: minmax(0, 1.27fr) minmax(350px, 0.92fr);
  gap: 1.25rem;
  align-items: stretch;
}

.plans-left-grid[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  height: 100%;
}

.plans-left-cell[b-bdzh5ov9l2],
.right[b-bdzh5ov9l2] {
  min-width: 0;
}

.sk-comparison[b-bdzh5ov9l2] {
  margin-top: 1.25rem;
  padding: 1.1rem;
  border-radius: calc(var(--app-radius) + 0.15rem);
  background:
    radial-gradient(circle at 78% 4%, rgba(var(--app-brand-color-rgb), 0.16), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)),
    var(--app-background-color-contrast);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  box-shadow: var(--app-shadow);
}

.sk-comparison-table[b-bdzh5ov9l2] {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: calc(var(--app-radius) - 0.05rem);
  background: rgba(0, 0, 0, 0.18);
}

.sk-comparison-row[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: minmax(170px, 0.9fr) repeat(4, minmax(128px, 1fr));
}

.sk-comparison-row + .sk-comparison-row[b-bdzh5ov9l2] {
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

.sk-comparison-row--head[b-bdzh5ov9l2] {
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.12), rgba(255, 255, 255, 0.025)),
    rgba(255, 255, 255, 0.035);
}

.sk-comparison-feature[b-bdzh5ov9l2],
.sk-comparison-cell[b-bdzh5ov9l2],
.sk-comparison-plan[b-bdzh5ov9l2] {
  min-width: 0;
  padding: 0.78rem 0.85rem;
}

.sk-comparison-feature[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  font-weight: 900;
}

.sk-comparison-cell[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec);
}

.sk-comparison-plan[b-bdzh5ov9l2] {
  display: grid;
  gap: 0.15rem;
}

.sk-comparison-plan strong[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  font-size: 1rem;
  font-weight: 950;
}

.sk-comparison-plan.is-featured[b-bdzh5ov9l2] {
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-comparison-plan.is-featured strong[b-bdzh5ov9l2],
.sk-comparison-cell.is-featured[b-bdzh5ov9l2] {
  color: var(--app-brand-color);
}

.sk-comparison-cell[b-bdzh5ov9l2] {
  font-size: 0.92rem;
  line-height: 1.35;
}

.sk-unlocks[b-bdzh5ov9l2] {
  margin-top: 1.25rem;
  padding: 1.1rem;
  border-radius: calc(var(--app-radius) + 0.15rem);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), transparent 52%),
    rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.sk-section-head[b-bdzh5ov9l2] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.sk-section-head h2[b-bdzh5ov9l2] {
  margin: 0.15rem 0 0;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.sk-section-head p[b-bdzh5ov9l2] {
  max-width: 34rem;
  margin: 0;
  color: var(--app-front-color-sec);
}

.sk-unlock-grid[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.sk-unlock-tile[b-bdzh5ov9l2] {
  min-height: 142px;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) - 0.05rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 85% 6%, rgba(var(--app-brand-color-rgb), 0.1), transparent 9rem),
    rgba(255, 255, 255, 0.04);
}

.sk-unlock-tile span[b-bdzh5ov9l2] {
  display: inline-flex;
  width: fit-content;
  padding: 0.22rem 0.5rem;
  border-radius: 999px;
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  font-size: 0.72rem;
  font-weight: 950;
}

.sk-unlock-tile strong[b-bdzh5ov9l2] {
  display: block;
  margin-top: 0.65rem;
  font-size: 1.1rem;
  font-weight: 950;
}

.sk-unlock-tile small[b-bdzh5ov9l2] {
  display: block;
  margin-top: 0.35rem;
  color: var(--app-front-color-sec);
}

.sk-unlock-tile.tier-pro[b-bdzh5ov9l2] {
  border-color: rgba(var(--app-brand-color-rgb), 0.36);
  background:
    radial-gradient(circle at 80% 5%, rgba(var(--app-brand-color-rgb), 0.24), transparent 9rem),
    rgba(var(--app-brand-color-rgb), 0.06);
}

.sk-unlock-tile.tier-ultra[b-bdzh5ov9l2] {
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background:
    radial-gradient(circle at 80% 5%, rgba(var(--app-brand-color-rgb), 0.34), transparent 9rem),
    radial-gradient(circle at 10% 100%, rgba(255, 210, 122, 0.14), transparent 10rem),
    rgba(var(--app-brand-color-rgb), 0.09);
  box-shadow: 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1) inset;
}

.sk-unlock-tile.tier-api[b-bdzh5ov9l2] {
  opacity: 0.7;
  filter: grayscale(0.32);
  border-style: dashed;
}

@keyframes sk-plan-hero-shine-b-bdzh5ov9l2 {
  0% {
    transform: translateX(-180%) rotate(18deg);
    opacity: 0;
  }

  14% {
    opacity: 0.7;
  }

  35% {
    transform: translateX(380%) rotate(18deg);
    opacity: 0;
  }

  100% {
    transform: translateX(380%) rotate(18deg);
    opacity: 0;
  }
}

#plan-comparison[b-bdzh5ov9l2],
#plan-unlocks[b-bdzh5ov9l2],
#certificates[b-bdzh5ov9l2] {
  scroll-margin-top: 84px;
}

.sk-voucher[b-bdzh5ov9l2] {
  background: var(--app-background-color-contrast);
  border: 1px solid var(--app-border-color);
  border-radius: 0.9rem;
  box-shadow: var(--app-shadow);
}

.sk-voucher .card-body[b-bdzh5ov9l2] {
  padding: 1rem 1rem 1.1rem;
}

.sk-voucher h5[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
}

.sk-voucher .text-secondary[b-bdzh5ov9l2],
.sk-voucher .small.text-secondary[b-bdzh5ov9l2],
.sk-voucher .form-label.small.text-secondary[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec) !important;
}

.sk-voucher .sk-btn-brand-outline[b-bdzh5ov9l2] {
  min-height: 44px;
  color: var(--app-brand-color);
  font-weight: 700;
  background: transparent;
  border: 1px solid var(--app-brand-color);
  border-radius: 0.75rem;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.sk-voucher .sk-btn-brand-outline:hover:not(:disabled)[b-bdzh5ov9l2],
.sk-voucher .sk-btn-brand-outline:focus-visible:not(:disabled)[b-bdzh5ov9l2] {
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb, 255, 153, 0), 0.1);
  border-color: var(--app-brand-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb, 255, 153, 0), 0.14);
}

.sk-voucher .sk-btn-brand[b-bdzh5ov9l2] {
  min-height: 44px;
  color: #111;
  font-weight: 700;
  background: var(--app-brand-color);
  border: 1px solid var(--app-brand-color);
  border-radius: 0.75rem;
  transition:
    filter 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
}

.sk-voucher .sk-btn-brand:hover:not(:disabled)[b-bdzh5ov9l2],
.sk-voucher .sk-btn-brand:focus-visible:not(:disabled)[b-bdzh5ov9l2] {
  color: #111;
  filter: brightness(1.03);
  border-color: var(--app-brand-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb, 255, 153, 0), 0.16);
}

.sk-voucher .sk-btn-brand:disabled[b-bdzh5ov9l2],
.sk-voucher .sk-btn-brand-outline:disabled[b-bdzh5ov9l2] {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}

.sk-voucher .sk-btn-brand-outline:disabled[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec);
  background: transparent;
  border-color: var(--app-border-color);
}

.sk-voucher .sk-btn-brand:disabled[b-bdzh5ov9l2] {
  color: rgba(0, 0, 0, 0.55);
  background: rgba(var(--app-brand-color-rgb, 255, 153, 0), 0.35);
  border-color: rgba(var(--app-brand-color-rgb, 255, 153, 0), 0.35);
}

.sk-voucher-input[b-bdzh5ov9l2] {
  min-width: 260px;
  color: var(--app-front-color-main);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    monospace;
  letter-spacing: 0.2px;
  background: var(--app-background-color-main);
  border: 1px solid var(--app-border-color);
  border-radius: 0.65rem;
}

.sk-voucher-input[b-bdzh5ov9l2]::placeholder {
  color: var(--app-front-color-sec);
  opacity: 0.9;
}

.sk-voucher-input:focus[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  background: var(--app-background-color-main);
  border-color: var(--app-brand-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb, 255, 153, 0), 0.18);
}

.sk-voucher-info[b-bdzh5ov9l2] {
  padding: 0.9rem;
  background: var(--app-background-color-main);
  border: 1px solid var(--app-border-color);
  border-radius: 0.75rem;
}

.sk-voucher-info .row > [class*="col-"][b-bdzh5ov9l2] {
  display: flex;
}

.sk-voucher-kv[b-bdzh5ov9l2] {
  display: flex;
  width: 100%;
  min-height: 78px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0.65rem 0.75rem;
  background: var(--app-background-color-contrast);
  border: 1px solid var(--app-border-color);
  border-radius: 0.65rem;
}

.sk-k[b-bdzh5ov9l2] {
  margin-bottom: 0.35rem;
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  line-height: 1.1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sk-v[b-bdzh5ov9l2] {
  color: var(--app-front-color-main);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.25;
  word-break: break-word;
}

.sk-voucher .alert[b-bdzh5ov9l2] {
  margin-bottom: 0;
  border-width: 1px;
  border-radius: 0.65rem;
}

.sk-voucher .alert-danger[b-bdzh5ov9l2] {
  color: #ffb3bd;
  background: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.28);
}

.sk-voucher .alert-success[b-bdzh5ov9l2] {
  color: #9fe0b8;
  background: rgba(25, 135, 84, 0.1);
  border-color: rgba(25, 135, 84, 0.28);
}

.sk-voucher .spinner-border-sm[b-bdzh5ov9l2] {
  vertical-align: -0.125em;
}

@media (prefers-reduced-motion: reduce) {
  .sk-jackpot-panel[b-bdzh5ov9l2]::before {
    animation: none !important;
  }
}

@media (max-width: 1199.98px) {
  .plans-grid[b-bdzh5ov9l2],
  .sk-casino-hero[b-bdzh5ov9l2],
  .sk-term-deals[b-bdzh5ov9l2],
  .sk-plan-promo[b-bdzh5ov9l2] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px) {
  .right[b-bdzh5ov9l2] {
    order: -1;
  }

  .sk-value-meter[b-bdzh5ov9l2],
  .sk-unlock-grid[b-bdzh5ov9l2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sk-meter-track[b-bdzh5ov9l2] {
    display: none;
  }

  .sk-comparison-table[b-bdzh5ov9l2] {
    overflow-x: auto;
  }

  .sk-comparison-row[b-bdzh5ov9l2] {
    min-width: 820px;
  }

  .sk-voucher .row.g-2.align-items-end > .col-auto.d-flex[b-bdzh5ov9l2] {
    width: 100%;
    flex-wrap: wrap;
  }

  .sk-voucher .row.g-2.align-items-end > .col-auto.d-flex .btn[b-bdzh5ov9l2] {
    flex: 1 1 220px;
  }
}

@media (max-width: 767.98px) {
  .sk-casino-hero[b-bdzh5ov9l2],
  .sk-comparison[b-bdzh5ov9l2],
  .sk-unlocks[b-bdzh5ov9l2],
  .sk-value-meter[b-bdzh5ov9l2],
  .sk-term-deals[b-bdzh5ov9l2],
  .sk-plan-promo[b-bdzh5ov9l2] {
    padding: 0.9rem;
  }

  .sk-hero-copy[b-bdzh5ov9l2],
  .sk-jackpot-panel[b-bdzh5ov9l2] {
    min-height: 0;
  }

  .sk-plans-title[b-bdzh5ov9l2] {
    font-size: clamp(2.7rem, 18vw, 4.6rem);
  }

  .plans-left-grid[b-bdzh5ov9l2],
  .sk-value-meter[b-bdzh5ov9l2],
  .sk-unlock-grid[b-bdzh5ov9l2] {
    grid-template-columns: 1fr;
  }

  .sk-term-deals__grid[b-bdzh5ov9l2] {
    grid-template-columns: 1fr;
  }

  .sk-monthly-fallback[b-bdzh5ov9l2] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25rem;
  }

  .sk-monthly-fallback span[b-bdzh5ov9l2],
  .sk-monthly-fallback small[b-bdzh5ov9l2] {
    white-space: normal;
  }

  .sk-plan-promo__row[b-bdzh5ov9l2] {
    grid-template-columns: 1fr;
  }

  .sk-plan-promo__apply[b-bdzh5ov9l2],
  .sk-plan-promo__clear[b-bdzh5ov9l2] {
    width: 100%;
  }

  .sk-section-head[b-bdzh5ov9l2] {
    align-items: flex-start;
    flex-direction: column;
  }

  .sk-voucher .card-body[b-bdzh5ov9l2] {
    padding: 0.9rem;
  }

  .sk-voucher .col-auto.d-flex[b-bdzh5ov9l2] {
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .sk-voucher .col-auto.d-flex .btn[b-bdzh5ov9l2] {
    flex: 1 1 100%;
  }

  .sk-voucher-input[b-bdzh5ov9l2] {
    min-width: 0;
  }
}

.sk-subscription-timeline[b-bdzh5ov9l2] {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: calc(var(--app-radius) + 0.2rem);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.16), transparent 18rem),
    rgba(13, 16, 18, 0.86);
}

.sk-subscription-timeline__head[b-bdzh5ov9l2],
.sk-schedule-confirm__actions[b-bdzh5ov9l2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.sk-subscription-timeline__head h2[b-bdzh5ov9l2] {
  margin: 0.2rem 0 0;
  font-size: clamp(1.25rem, 2vw, 1.7rem);
  font-weight: 950;
}

.sk-subscription-timeline__head > span[b-bdzh5ov9l2] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 850;
}

.sk-subscription-timeline__track[b-bdzh5ov9l2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
}

.sk-subscription-timeline__period[b-bdzh5ov9l2] {
  display: grid;
  gap: 0.35rem;
  padding: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  background: rgba(0, 0, 0, 0.22);
}

.sk-subscription-timeline__period.is-active[b-bdzh5ov9l2] {
  border-color: rgba(var(--app-brand-color-rgb), 0.7);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.13);
}

.sk-subscription-timeline__status[b-bdzh5ov9l2] {
  color: rgb(var(--app-brand-color-rgb));
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sk-subscription-timeline__period strong[b-bdzh5ov9l2] { font-size: 1.1rem; }
.sk-subscription-timeline__period span[b-bdzh5ov9l2],
.sk-subscription-timeline__period small[b-bdzh5ov9l2] { color: var(--app-front-color-sec); }

.sk-schedule-confirm[b-bdzh5ov9l2] {
  position: fixed;
  z-index: 1080;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(10px);
}

.sk-schedule-confirm__dialog[b-bdzh5ov9l2] {
  width: min(100%, 590px);
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.65);
  border-radius: calc(var(--app-radius) + 0.35rem);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--app-brand-color-rgb), 0.25), transparent 18rem),
    #1d2124;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58);
}

.sk-schedule-confirm__dialog h2[b-bdzh5ov9l2] { margin: 0.35rem 0 0.75rem; font-weight: 950; }
.sk-schedule-confirm__dialog p[b-bdzh5ov9l2] { color: var(--app-front-color-sec); }

.sk-schedule-confirm__window[b-bdzh5ov9l2] {
  display: grid;
  gap: 0.25rem;
  margin: 1rem 0 1.25rem;
  padding: 0.9rem;
  border-radius: var(--app-radius);
  background: rgba(0, 0, 0, 0.26);
}

.sk-schedule-confirm__window span[b-bdzh5ov9l2] { color: var(--app-front-color-sec); font-size: 0.78rem; }

@media (max-width: 575.98px) {
  .sk-subscription-timeline__head[b-bdzh5ov9l2],
  .sk-schedule-confirm__actions[b-bdzh5ov9l2] { align-items: stretch; flex-direction: column; }
  .sk-schedule-confirm__actions .btn[b-bdzh5ov9l2] { width: 100%; }
}
/* /Pages/Error.razor.rz.scp.css */
.error-page[b-5474u34w9v] {
  background: var(--app-background-color-main);
}

.error-shell[b-5474u34w9v] {
  color: var(--app-front-color-main);
}

.error-hero[b-5474u34w9v] {
  align-items: stretch;
}

.error-hero__copy[b-5474u34w9v] {
  min-height: 300px;
}

.error-receipt[b-5474u34w9v] {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.8rem;
  padding: clamp(1rem, 2vw, 1.45rem);
}

.error-receipt strong[b-5474u34w9v] {
  position: relative;
  z-index: 1;
  color: var(--app-front-color-main);
  font-size: clamp(3rem, 8vw, 6rem);
  font-weight: 950;
  letter-spacing: -0.08em;
  line-height: 0.85;
}

.error-receipt p[b-5474u34w9v] {
  position: relative;
  z-index: 1;
  max-width: 20rem;
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .error-hero[b-5474u34w9v] {
    grid-template-columns: 1fr;
  }

  .error-hero__copy[b-5474u34w9v] {
    min-height: auto;
  }
}
/* /Pages/Features/ExifPage.razor.rz.scp.css */
.genexif-page.sk-exif-machine[b-vmizthkjc7] {
  background:
    radial-gradient(circle at 18% 8%, rgba(var(--app-brand-color-rgb), 0.08), transparent 24rem),
    var(--app-background-color-main);
}

.genexif-page .sk-exif-layout[b-vmizthkjc7] {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  gap: 1rem;
  align-items: stretch;
}

.genexif-page .sk-exif-settings-module[b-vmizthkjc7] {
  overflow: visible;
}

.genexif-page .sk-settings-head[b-vmizthkjc7] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.genexif-page .sk-settings-head__title[b-vmizthkjc7],
.genexif-page .sk-accent-text[b-vmizthkjc7] {
  color: var(--app-brand-color);
}

.genexif-page .sk-settings-grid[b-vmizthkjc7] {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.genexif-page .sk-setting-group[b-vmizthkjc7] {
  display: grid;
  gap: 0.5rem;
  min-width: 0;
}

.genexif-page .form-label[b-vmizthkjc7] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.genexif-page .sk-input[b-vmizthkjc7] {
  min-height: 48px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) - 0.05rem);
  background:
    radial-gradient(circle at 98% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(7, 10, 13, 0.66);
  color: var(--app-front-color-main);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.genexif-page .sk-input:focus[b-vmizthkjc7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.7);
  box-shadow:
    0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.genexif-page .sk-small-machine-picker__trigger:disabled[b-vmizthkjc7] {
  cursor: default;
  opacity: 0.62;
}

.genexif-page .sk-small-machine-picker__menu[b-vmizthkjc7] {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--app-brand-color-rgb), 0.72) rgba(0, 0, 0, 0.18);
}

.genexif-page .sk-small-machine-picker__option[b-vmizthkjc7] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.genexif-page .sk-input:disabled[b-vmizthkjc7] {
  color: var(--app-front-color-sec);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.008)),
    rgba(7, 10, 13, 0.48);
  opacity: 0.72;
}

.genexif-page .sk-mode-switch[b-vmizthkjc7] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
}

.genexif-page .sk-mode-switch button[b-vmizthkjc7] {
  min-height: 66px;
  display: grid;
  gap: 0.12rem;
  align-content: center;
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    rgba(9, 12, 15, 0.6);
  color: var(--app-front-color-main);
  text-align: left;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

.genexif-page .sk-mode-switch button span[b-vmizthkjc7] {
  font-weight: 950;
}

.genexif-page .sk-mode-switch button small[b-vmizthkjc7] {
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  line-height: 1.25;
}

.genexif-page .sk-mode-switch button.active[b-vmizthkjc7],
.genexif-page .sk-mode-switch button:hover[b-vmizthkjc7],
.genexif-page .sk-mode-switch button:focus-visible[b-vmizthkjc7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.68);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.2), transparent 9rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.16), rgba(255, 255, 255, 0.018)),
    rgba(9, 12, 15, 0.72);
  box-shadow:
    0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
  outline: 0;
}

.genexif-page .sk-toggle[b-vmizthkjc7] {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 44px;
  padding: 0.45rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.065);
  color: var(--app-front-color-main);
  font-weight: 750;
}

.genexif-page .sk-toggle input[b-vmizthkjc7] {
  width: 18px;
  height: 18px;
  accent-color: var(--app-brand-color);
}

.genexif-page .sk-note[b-vmizthkjc7],
.genexif-page .sk-validation-note[b-vmizthkjc7] {
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) - 0.1rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 10rem),
    rgba(var(--app-brand-color-rgb), 0.065);
  color: var(--app-front-color-main);
  font-size: 0.92rem;
  line-height: 1.45;
}

.genexif-page .sk-custom-tools[b-vmizthkjc7] {
  display: grid;
  gap: 0.85rem;
}

.genexif-page .sk-custom-tools__row[b-vmizthkjc7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: end;
}

.genexif-page .sk-custom-tools__action[b-vmizthkjc7] {
  display: flex;
  justify-content: flex-end;
}

.genexif-page .sk-saved-presets[b-vmizthkjc7],
.genexif-page .sk-tags[b-vmizthkjc7] {
  display: grid;
  gap: 0.85rem;
  padding: 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 12rem),
    rgba(5, 8, 11, 0.35);
}

.genexif-page .sk-saved-presets__head[b-vmizthkjc7],
.genexif-page .sk-tags__head[b-vmizthkjc7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.genexif-page .sk-saved-presets__row[b-vmizthkjc7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: end;
}

.genexif-page .sk-saved-presets__apply[b-vmizthkjc7] {
  display: flex;
  justify-content: flex-end;
}

.genexif-page .sk-saved-presets__editor[b-vmizthkjc7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: end;
}

.genexif-page .sk-saved-presets__actions[b-vmizthkjc7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.65rem;
}

.genexif-page .sk-saved-presets__actions .hold-button.sk-iconbtn[b-vmizthkjc7],
.genexif-page .sk-tag-row__remove-slot .hold-button.sk-iconbtn[b-vmizthkjc7] {
  --sk-iconbtn-size: 36px;
}

.genexif-page .sk-secondary-btn[b-vmizthkjc7] {
  min-height: 42px;
  padding: 0.6rem 0.95rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.42);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.16), rgba(var(--app-brand-color-rgb), 0.08));
  color: var(--app-brand-color);
  font-weight: 850;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
  transition:
    border-color 0.15s ease,
    background 0.15s ease,
    box-shadow 0.15s ease;
}

.genexif-page .sk-secondary-btn:hover:not(:disabled)[b-vmizthkjc7],
.genexif-page .sk-secondary-btn:focus-visible:not(:disabled)[b-vmizthkjc7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.7);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.22), rgba(var(--app-brand-color-rgb), 0.1));
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.12);
  outline: 0;
}

.genexif-page .sk-secondary-btn:disabled[b-vmizthkjc7] {
  opacity: 0.55;
  cursor: default;
}

.genexif-page .sk-tags__empty[b-vmizthkjc7] {
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) - 0.1rem);
  color: var(--app-front-color-sec);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 10rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.16);
  font-weight: 800;
}

.genexif-page .sk-tags__list[b-vmizthkjc7] {
  display: grid;
  gap: 0.75rem;
}

.genexif-page .sk-tag-row[b-vmizthkjc7] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  padding: 0.75rem 3.95rem 0.75rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) - 0.05rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(8, 11, 14, 0.62);
}

.genexif-page .sk-tag-row__field[b-vmizthkjc7] {
  min-width: 0;
}

.genexif-page .sk-tag-row__field--key[b-vmizthkjc7] {
  display: grid;
  align-content: start;
}

.genexif-page .sk-tag-row__field--value[b-vmizthkjc7] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
}

.genexif-page .sk-tag-row__field--value-manual[b-vmizthkjc7] {
  grid-template-columns: minmax(0, 1fr);
}

.genexif-page .sk-tag-row__auto[b-vmizthkjc7] {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0 0.2rem;
  color: var(--app-front-color-main);
  font-weight: 750;
  white-space: nowrap;
}

.genexif-page .sk-tag-row__auto input[b-vmizthkjc7] {
  accent-color: var(--app-brand-color);
}

.genexif-page .sk-tag-row__remove-slot[b-vmizthkjc7] {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}

.genexif-page .sk-inline-error[b-vmizthkjc7] {
  color: #ffb4a6;
}

@media (max-width: 1199.98px) {
  .genexif-page .sk-exif-layout[b-vmizthkjc7] {
    grid-template-columns: 1fr;
  }

  .genexif-page .sk-small-machine__module[b-vmizthkjc7] {
    min-height: 0;
  }
}

@media (max-width: 991.98px) {
  .genexif-page .sk-custom-tools__row[b-vmizthkjc7] {
    grid-template-columns: 1fr;
  }

  .genexif-page .sk-custom-tools__action[b-vmizthkjc7] {
    justify-content: flex-start;
  }

  .genexif-page .sk-saved-presets__row[b-vmizthkjc7],
  .genexif-page .sk-saved-presets__editor[b-vmizthkjc7] {
    grid-template-columns: 1fr;
  }

  .genexif-page .sk-saved-presets__apply[b-vmizthkjc7],
  .genexif-page .sk-saved-presets__actions[b-vmizthkjc7] {
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .genexif-page.sk-exif-machine[b-vmizthkjc7] {
    padding-bottom: 2rem;
  }

  .genexif-page .sk-generate-receipt[b-vmizthkjc7] {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1;
    margin-top: 0.85rem;
  }

  .genexif-page .sk-settings-head[b-vmizthkjc7] {
    align-items: stretch;
    flex-direction: column;
  }

  .genexif-page .sk-mode-switch[b-vmizthkjc7] {
    grid-template-columns: 1fr;
  }

  .genexif-page .sk-saved-presets[b-vmizthkjc7],
  .genexif-page .sk-tags[b-vmizthkjc7] {
    padding: 0.8rem;
  }

  .genexif-page .sk-saved-presets__head[b-vmizthkjc7],
  .genexif-page .sk-tags__head[b-vmizthkjc7] {
    align-items: stretch;
    flex-direction: column;
  }

  .genexif-page .sk-tags__head .sk-secondary-btn[b-vmizthkjc7] {
    width: fit-content;
    max-width: 100%;
  }

  .genexif-page .sk-tag-row[b-vmizthkjc7] {
    grid-template-columns: 1fr;
    gap: 0.65rem;
    padding: 0.85rem 3.75rem 0.85rem 0.85rem;
  }

  .genexif-page .sk-tag-row__field--value[b-vmizthkjc7] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
  }

  .genexif-page .sk-tag-row__auto[b-vmizthkjc7] {
    min-height: 34px;
  }

  .genexif-page .sk-tag-row__remove-slot[b-vmizthkjc7] {
    top: 0.85rem;
    right: 0.85rem;
    transform: none;
  }

  .genexif-page .sk-saved-presets__actions > *[b-vmizthkjc7] {
    min-width: 0;
  }
}
/* /Pages/Features/FitPage.razor.rz.scp.css */
.genfit-page .sk-fit-layout[b-sipmvej3tf] {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  gap: 1rem;
}

.genfit-page .sk-settings-head__title[b-sipmvej3tf],
.genfit-page .sk-fit-label[b-sipmvej3tf] {
  color: var(--app-brand-color);
}

.genfit-page[b-sipmvej3tf]  .idu-drop,
.genfit-page[b-sipmvej3tf]  .idu-mobile-picker {
  --idu-drop-min-h: 210px;
}

.genfit-page[b-sipmvej3tf]  .idu-preview {
  --idu-preview-h: 240px;
}

.genfit-page .sk-settings-grid[b-sipmvej3tf] {
  display: grid;
  gap: 1rem;
}

.genfit-page .sk-setting-group[b-sipmvej3tf] {
  display: grid;
  gap: 0.5rem;
}

.genfit-page .sk-validation-note[b-sipmvej3tf] {
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) - 0.2rem);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-front-color-main);
  font-size: 0.92rem;
}

.genfit-page .sk-inline-error[b-sipmvej3tf] {
  color: #ffb4a6;
}

@media (max-width: 991.98px) {
  .genfit-page .sk-fit-layout[b-sipmvej3tf] {
    grid-template-columns: 1fr;
  }
}

.genfit-page.sk-fit-machine--picker-open .sk-generate-receipt[b-sipmvej3tf] {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
}

@media (max-width: 767.98px) {
  .genfit-page.sk-fit-machine[b-sipmvej3tf] {
    padding-bottom: 2rem;
  }

  .genfit-page .sk-generate-receipt[b-sipmvej3tf] {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
    margin-top: 0.85rem;
  }

  .genfit-page.sk-fit-machine--picker-open .sk-generate-receipt[b-sipmvej3tf] {
    margin-top: 14rem;
  }
}
/* /Pages/Features/ImagePage.razor.rz.scp.css */
.genimg-page[b-2wxuww1fmb] {
  background:
    radial-gradient(circle at 18% 8%, rgba(var(--app-brand-color-rgb), 0.08), transparent 24rem),
    var(--app-background-color-main);
}

.genimg-page .sk-studio-container[b-2wxuww1fmb] {
  display: grid;
  gap: 1rem;
}

.genimg-page .sk-feature-hero[b-2wxuww1fmb] {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 0 0.35rem;
}

.genimg-page .sk-feature-hero__copy[b-2wxuww1fmb] {
  max-width: 720px;
}

.genimg-page .sk-feature-hero__eyebrow[b-2wxuww1fmb] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.genimg-page .sk-feature-hero h1[b-2wxuww1fmb] {
  margin: 0.15rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2rem, 4vw, 3.15rem);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.95;
}

.genimg-page .sk-feature-hero p[b-2wxuww1fmb] {
  margin: 0.65rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.genimg-page .sk-feature-hero__meter[b-2wxuww1fmb] {
  flex: 0 0 auto;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-areas:
    "coin value"
    "label label";
  align-items: center;
  gap: 0.1rem 0.55rem;
  min-width: 176px;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) + 0.15rem);
  background: linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.12), rgba(255, 255, 255, 0.035));
  box-shadow: var(--app-shadow);
}

.genimg-page .sk-feature-hero__meter .sk-coin[b-2wxuww1fmb] {
  grid-area: coin;
}

.genimg-page .sk-feature-hero__meter-value[b-2wxuww1fmb] {
  grid-area: value;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.genimg-page .sk-feature-hero__meter-label[b-2wxuww1fmb] {
  grid-area: label;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}


.genimg-page .sk-card[b-2wxuww1fmb] {
  background: var(--app-background-color-contrast);
  border: 1px solid var(--app-border-color);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.genimg-page .sk-compose-card[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.055), transparent 34%),
    var(--app-background-color-contrast);
}

.genimg-page .sk-advanced-panel[b-2wxuww1fmb] {
  overflow: visible;
}

.genimg-page .sk-advanced-panel__summary[b-2wxuww1fmb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 60px;
  padding: 0.95rem 1rem;
  cursor: pointer;
  list-style: none;
}

.genimg-page .sk-advanced-panel__summary[b-2wxuww1fmb]::-webkit-details-marker {
  display: none;
}

.genimg-page .sk-advanced-panel__title[b-2wxuww1fmb],
.genimg-page .sk-advanced-panel__hint[b-2wxuww1fmb] {
  display: block;
}

.genimg-page .sk-advanced-panel__title[b-2wxuww1fmb] {
  color: var(--app-brand-color);
  font-weight: 850;
}

.genimg-page .sk-advanced-panel__hint[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.genimg-page .sk-advanced-panel__chevron[b-2wxuww1fmb] {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.12), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.08);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

.genimg-page .sk-advanced-panel[open] .sk-advanced-panel__chevron[b-2wxuww1fmb] {
  transform: rotate(180deg);
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.16), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.14);
}

.genimg-page .sk-advanced-panel__body[b-2wxuww1fmb] {
  padding: 0 1rem 1rem;
}

.genimg-page .sk-inline-advanced[b-2wxuww1fmb] {
  margin-top: 0.2rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(255, 255, 255, 0.025);
  overflow: visible;
}

.genimg-page .sk-inline-advanced__summary[b-2wxuww1fmb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 52px;
  padding: 0.75rem 0.85rem;
  cursor: pointer;
  list-style: none;
}

.genimg-page .sk-inline-advanced__summary[b-2wxuww1fmb]::-webkit-details-marker {
  display: none;
}

.genimg-page .sk-inline-advanced__title[b-2wxuww1fmb],
.genimg-page .sk-inline-advanced__hint[b-2wxuww1fmb] {
  display: block;
}

.genimg-page .sk-inline-advanced__title[b-2wxuww1fmb] {
  color: var(--app-front-color-main);
  font-weight: 800;
}

.genimg-page .sk-inline-advanced__hint[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
}

.genimg-page .sk-inline-advanced__chevron[b-2wxuww1fmb] {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.11), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.075);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.06);
  color: var(--app-brand-color);
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

.genimg-page .sk-inline-advanced[open] .sk-inline-advanced__chevron[b-2wxuww1fmb] {
  transform: rotate(180deg);
  border-color: rgba(var(--app-brand-color-rgb), 0.48);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.15), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.13);
}

.genimg-page .sk-inline-advanced__body[b-2wxuww1fmb] {
  padding: 0 0.85rem 0.85rem;
}


.sk-accent-text[b-2wxuww1fmb] {
  color: var(--app-brand-color);
}


.sk-textarea[b-2wxuww1fmb] {
  background: var(--app-background-color-main);
  color: var(--app-front-color-main);
  border: 1px solid var(--app-border-color);
  border-radius: calc(var(--app-radius) - 0.25rem);
}

.sk-textarea:focus[b-2wxuww1fmb] {
  outline: 0;
  border-color: var(--app-brand-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.25);
}

.sk-counter[b-2wxuww1fmb] {
  font-size: 12px;
  color: var(--app-front-color-sec);
}

.genimg-page .sk-prompt-actions[b-2wxuww1fmb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    min-height: 2.5rem;
}

.genimg-page .sk-prompt-tools[b-2wxuww1fmb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    flex: 1 1 auto;
    min-width: 0;
}

.genimg-page .sk-prompt-status[b-2wxuww1fmb] {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 0.84rem;
    line-height: 1.35;
    color: var(--app-front-color-sec);
    text-align: right;
}

.genimg-page .sk-prompt-status:empty[b-2wxuww1fmb] {
  display: none;
}

.genimg-page .sk-prompt-status--ok[b-2wxuww1fmb] {
  color: rgba(var(--app-brand-color-rgb), 0.94);
}

.genimg-page .sk-prompt-status--error[b-2wxuww1fmb] {
  color: #ffb6b6;
}

.genimg-page .sk-prompt-tool-button[b-2wxuww1fmb] {
  flex: 0 0 auto;
  white-space: nowrap;
}

.genimg-page .sk-original-prompt-button[b-2wxuww1fmb] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: 999px;
  padding: 0.42rem 0.8rem;
  background:
    radial-gradient(circle at 25% 10%, rgba(255, 255, 255, 0.12), transparent 45%),
    rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-brand-color);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1;
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    transform 0.16s ease;
}

.genimg-page .sk-original-prompt-button:hover[b-2wxuww1fmb],
.genimg-page .sk-original-prompt-button:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background:
    radial-gradient(circle at 25% 10%, rgba(255, 255, 255, 0.16), transparent 45%),
    rgba(var(--app-brand-color-rgb), 0.16);
  transform: translateY(-1px);
}

.genimg-page .sk-model-label-row[b-2wxuww1fmb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
  gap: 0.75rem;
}

.genimg-page .sk-model-label-row .form-label[b-2wxuww1fmb] {
  margin-bottom: 0.5rem;
}

.genimg-page .sk-model-guide-link[b-2wxuww1fmb] {
  margin: 0 0 0.5rem;
  padding: 0.2rem 0.45rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.055);
  color: var(--app-brand-color);
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease;
}

.genimg-page .sk-model-guide-link:hover[b-2wxuww1fmb],
.genimg-page .sk-model-guide-link:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background: rgba(var(--app-brand-color-rgb), 0.13);
  color: var(--app-brand-color);
  outline: none;
}


.sk-slider-wrap[b-2wxuww1fmb] {
  border: 1px solid var(--app-brand-color);
  border-radius: var(--app-radius);
  padding: 0.5rem 0.75rem;
  background: transparent;
}


.sk-slider .sk-badge[b-2wxuww1fmb] {
  min-width: 32px;
  text-align: center;
  background: var(--app-background-color-main);
  color: var(--app-front-color-main);
  border: 1px solid var(--app-border-color);
  border-radius: 0.5rem;
  padding: 2px 6px;
  font-variant-numeric: tabular-nums;
}

.sk-range[b-2wxuww1fmb] {
  width: 100%;
}

.sk-range[b-2wxuww1fmb]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--app-background-color-main);
  border: 2px solid var(--app-brand-color);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 0 0.15rem rgba(var(--app-brand-color-rgb), 0.15);
}

.sk-range[b-2wxuww1fmb]::-webkit-slider-runnable-track {
  background: var(--app-background-color-main);
  height: 6px;
  border-radius: 999px;
}

.sk-range[b-2wxuww1fmb]::-moz-range-thumb {
  background: var(--app-background-color-main);
  border: 2px solid var(--app-brand-color);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 0 0 0 0.15rem rgba(var(--app-brand-color-rgb), 0.15);
}

.sk-range[b-2wxuww1fmb]::-moz-range-track {
  background: var(--app-background-color-main);
  height: 6px;
  border-radius: 999px;
}


.sk-priority[b-2wxuww1fmb] {
  white-space: nowrap;
}

.genimg-page .sk-priority[b-2wxuww1fmb],
.genimg-page .sk-priority-group[b-2wxuww1fmb] {
  min-height: 54px;
}

.sk-priority .btn[b-2wxuww1fmb] {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--app-front-color-main);
  background: var(--app-background-color-main);
  border-color: var(--app-border-color);
}

.sk-priority .btn:hover[b-2wxuww1fmb] {
  background: var(--app-background-color-hover);
}

.sk-priority .btn-check:disabled + .btn[b-2wxuww1fmb] {
  cursor: not-allowed;
  opacity: 0.38;
  filter: saturate(0.35);
}

.sk-priority .btn-check:disabled + .btn:hover[b-2wxuww1fmb] {
  background: var(--app-background-color-main);
}

.sk-priority .btn-check:checked + .btn[b-2wxuww1fmb],
.sk-priority .btn.active[b-2wxuww1fmb] {
  background: var(--app-brand-color);
  border-color: var(--app-brand-color);
  color: #0b0b0b;
}

.genimg-page .sk-auto-quality-hint[b-2wxuww1fmb] {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-top: 0.45rem;
  padding: 0.28rem 0.58rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  color: rgba(255, 224, 196, 0.88);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  font-size: 0.76rem;
  font-weight: 780;
  line-height: 1.1;
  white-space: nowrap;
}

.genimg-page .sk-estimate__range-note[b-2wxuww1fmb] {
  font-size: 0.82rem;
  line-height: 1.2;
}

.genimg-page .sk-aspect-picker[b-2wxuww1fmb] {
  position: relative;
  width: 100%;
  min-width: 220px;
}

.genimg-page .sk-aspect-picker--open[b-2wxuww1fmb] {
  z-index: 95;
}

.genimg-page .sk-aspect-picker__trigger[b-2wxuww1fmb] {
  position: relative;
  z-index: 92;
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.62rem 0.75rem;
  border: 1px solid var(--app-border-color);
  border-radius: calc(var(--app-radius) - 0.25rem);
  color: var(--app-front-color-main);
  background: var(--app-background-color-main);
  text-align: left;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.genimg-page .sk-aspect-picker__trigger:hover[b-2wxuww1fmb],
.genimg-page .sk-aspect-picker__trigger:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.76);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.16);
  outline: 0;
}

.genimg-page .sk-aspect-picker__selected[b-2wxuww1fmb] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  font-weight: 700;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genimg-page .sk-aspect-picker__side[b-2wxuww1fmb] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.genimg-page .sk-aspect-picker__backdrop[b-2wxuww1fmb] {
  position: fixed;
  inset: 0;
  z-index: 88;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.genimg-page .sk-aspect-picker__menu[b-2wxuww1fmb] {
  position: absolute;
  z-index: 94;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.22rem;
  max-height: min(320px, 56vh);
  overflow: auto;
  padding: 0.38rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: calc(var(--app-radius) - 0.15rem);
  background: color-mix(in srgb, var(--app-background-color-contrast) 94%, black);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.36);
}

.genimg-page .sk-aspect-picker__option[b-2wxuww1fmb] {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.6rem;
  border: 1px solid transparent;
  border-radius: calc(var(--app-radius) - 0.35rem);
  color: var(--app-front-color-main);
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease;
}

.genimg-page .sk-aspect-picker__option:hover[b-2wxuww1fmb],
.genimg-page .sk-aspect-picker__option:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  outline: 0;
}

.genimg-page .sk-aspect-picker__option--selected[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background: rgba(var(--app-brand-color-rgb), 0.12);
}

.genimg-page .sk-style-picker[b-2wxuww1fmb] {
  position: relative;
  width: 100%;
  min-width: 260px;
}

.genimg-page .sk-style-picker--open[b-2wxuww1fmb] {
  z-index: 95;
}

.genimg-page .sk-style-picker__trigger[b-2wxuww1fmb] {
  position: relative;
  z-index: 92;
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.62rem 0.75rem;
  border: 1px solid var(--app-border-color);
  border-radius: calc(var(--app-radius) - 0.25rem);
  color: var(--app-front-color-main);
  background: var(--app-background-color-main);
  text-align: left;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.genimg-page .sk-style-picker__trigger:hover[b-2wxuww1fmb],
.genimg-page .sk-style-picker__trigger:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.76);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.16);
  outline: 0;
}

.genimg-page .sk-style-picker__selected[b-2wxuww1fmb] {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

.genimg-page .sk-style-picker__title[b-2wxuww1fmb] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  font-weight: 800;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genimg-page .sk-style-picker__summary[b-2wxuww1fmb] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genimg-page .sk-style-picker__side[b-2wxuww1fmb] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.genimg-page .sk-style-picker__backdrop[b-2wxuww1fmb] {
  position: fixed;
  inset: 0;
  z-index: 88;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.genimg-page .sk-style-picker__menu[b-2wxuww1fmb] {
  position: absolute;
  z-index: 94;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.2rem;
  max-height: min(360px, 58vh);
  overflow: auto;
  padding: 0.38rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: calc(var(--app-radius) - 0.15rem);
  background: color-mix(in srgb, var(--app-background-color-contrast) 94%, black);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.36);
}

.genimg-page .sk-style-picker__menu-head[b-2wxuww1fmb] {
  position: sticky;
  z-index: 1;
  top: -0.38rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 38px;
  margin: -0.38rem -0.38rem 0.2rem;
  padding: 0.45rem 0.55rem;
  border-bottom: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  color: var(--app-front-color-sec);
  background: color-mix(in srgb, var(--app-background-color-contrast) 96%, black);
  font-size: 0.82rem;
}

.genimg-page .sk-style-picker__clear[b-2wxuww1fmb] {
  min-height: 28px;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.45);
  border-radius: 999px;
  color: var(--app-brand-color);
  background: transparent;
  font-size: 0.78rem;
  font-weight: 800;
}

.genimg-page .sk-style-picker__clear:hover[b-2wxuww1fmb],
.genimg-page .sk-style-picker__clear:focus-visible[b-2wxuww1fmb] {
  background: rgba(var(--app-brand-color-rgb), 0.1);
  outline: 0;
}

.genimg-page .sk-style-picker__search[b-2wxuww1fmb] {
  width: 100%;
  min-height: 42px;
  margin-bottom: 0.22rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--app-border-color);
  border-radius: calc(var(--app-radius) - 0.35rem);
  color: var(--app-front-color-main);
  background: var(--app-background-color-main);
}

.genimg-page .sk-style-picker__search:focus[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.76);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.14);
  outline: 0;
}

.genimg-page .sk-style-picker__empty[b-2wxuww1fmb] {
  margin: 0.25rem 0;
  padding: 0.82rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) - 0.32rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.11), transparent 9rem),
    rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-sec);
  font-size: 0.88rem;
  font-weight: 800;
}

.genimg-page .sk-style-picker__option[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.6rem;
  min-height: 42px;
  padding: 0.48rem 0.55rem;
  border: 1px solid transparent;
  border-radius: calc(var(--app-radius) - 0.35rem);
  color: var(--app-front-color-main);
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease;
}

.genimg-page .sk-style-picker__option:hover[b-2wxuww1fmb],
.genimg-page .sk-style-picker__option:focus-within[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.genimg-page .sk-style-picker__option--selected[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background: rgba(var(--app-brand-color-rgb), 0.12);
}

.genimg-page .sk-style-picker__option--disabled[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  cursor: not-allowed;
  opacity: 0.58;
}

.genimg-page .sk-style-picker__option input[b-2wxuww1fmb] {
  width: 17px;
  height: 17px;
  accent-color: var(--app-brand-color);
}

.genimg-page .sk-toggle-row[b-2wxuww1fmb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 52px;
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--app-border-color);
  border-radius: calc(var(--app-radius) - 0.15rem);
  background: var(--app-background-color-main);
  color: var(--app-front-color-main);
  cursor: pointer;
}

.genimg-page .sk-toggle-row input[b-2wxuww1fmb] {
  width: 18px;
  height: 18px;
  accent-color: var(--app-brand-color);
}

.genimg-page .sk-toggle-row small[b-2wxuww1fmb] {
  display: block;
  color: var(--app-front-color-sec);
  line-height: 1.35;
}


.sk-estimate[b-2wxuww1fmb] {
  font-size: 14px;
  color: var(--app-front-color-sec);
}

.sk-estimate .fw-semibold[b-2wxuww1fmb] {
  color: var(--app-front-color-main);
}

.sk-coin[b-2wxuww1fmb] {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: var(--app-brand-color);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.25);
}


label.form-label[b-2wxuww1fmb] {
  color: var(--app-front-color-main);
}

.text-muted[b-2wxuww1fmb] {
  color: var(--app-front-color-sec) !important;
}

.sk-textarea[b-2wxuww1fmb] {
  resize: vertical;
}

.no-shrink[b-2wxuww1fmb] {
  flex-shrink: 0;
}

.sk-characters[b-2wxuww1fmb] {
  align-self: flex-start !important;
  box-sizing: border-box;
  min-height: 0;
  height: 100%;
}

@media (max-width: 767.98px) {
  .genimg-page[b-2wxuww1fmb] {
    padding-bottom: 6.5rem;
  }

  .genimg-page .sk-studio-container[b-2wxuww1fmb] {
    padding-top: 0.75rem !important;
  }

  .genimg-page .sk-feature-hero[b-2wxuww1fmb] {
    align-items: stretch;
    flex-direction: column;
    gap: 0.85rem;
  }

  .genimg-page .sk-feature-hero h1[b-2wxuww1fmb] {
    font-size: clamp(2.2rem, 12vw, 3rem);
  }

  .genimg-page .sk-feature-hero__meter[b-2wxuww1fmb] {
    min-width: 0;
    width: 100%;
  }

  .genimg-page .sk-card[b-2wxuww1fmb] {
    padding: 0.95rem !important;
  }

  .genimg-page .sk-compose-main[b-2wxuww1fmb],
  .genimg-page .sk-compose-side[b-2wxuww1fmb] {
    min-width: 0;
  }

  .genimg-page .sk-characters[b-2wxuww1fmb] {
    height: auto;
  }

  .genimg-page .sk-settings-grid[b-2wxuww1fmb] {
    row-gap: 0.9rem;
  }

  .genimg-page .sk-prompt-actions[b-2wxuww1fmb] {
    align-items: stretch;
    flex-direction: column;
    gap: 0.7rem;
  }

  .genimg-page .sk-prompt-actions .sk-counter[b-2wxuww1fmb] {
    order: 1;
  }

  .genimg-page .sk-prompt-tools[b-2wxuww1fmb] {
    order: 2;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  .genimg-page .sk-prompt-actions .sk-prompt-tool-button[b-2wxuww1fmb] {
    order: 2;
  }

  .genimg-page .sk-prompt-status[b-2wxuww1fmb] {
    width: 100%;
    font-size: 0.82rem;
    text-align: left;
  }

  .genimg-page .sk-prompt-tool-button[b-2wxuww1fmb] {
    width: 100%;
  }

  .genimg-page .sk-priority[b-2wxuww1fmb] {
    width: 100%;
  }

  .genimg-page .sk-priority-group[b-2wxuww1fmb] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
  }

  .genimg-page .sk-priority-group .btn[b-2wxuww1fmb] {
    width: 100%;
  }

  .genimg-page .sk-aspect-picker[b-2wxuww1fmb] {
    min-width: 0;
  }

  .genimg-page .sk-slider-wrap[b-2wxuww1fmb] {
    padding: 0.75rem 0.85rem;
  }

  .genimg-page .sk-slider[b-2wxuww1fmb] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 0.75rem;
  }

  .genimg-page .sk-slider .sk-badge[b-2wxuww1fmb] {
    align-self: center;
    justify-self: end;
    min-width: 44px;
    padding: 0.3rem 0.65rem;
  }

  .genimg-page .sk-range[b-2wxuww1fmb] {
    min-height: 44px;
  }

  .genimg-page .sk-range[b-2wxuww1fmb]::-webkit-slider-thumb {
    width: 20px;
    height: 20px;
    margin-top: -7px;
  }

  .genimg-page .sk-range[b-2wxuww1fmb]::-moz-range-thumb {
    width: 20px;
    height: 20px;
  }

  .genimg-page .sk-style-picker[b-2wxuww1fmb] {
    min-width: 0;
  }

  .genimg-page .sk-style-picker__menu[b-2wxuww1fmb] {
    max-height: min(360px, 52vh);
  }

  .genimg-page .sk-style-picker__option[b-2wxuww1fmb] {
    min-height: 46px;
    padding: 0.58rem 0.62rem;
  }

  .genimg-page .sk-advanced-panel[b-2wxuww1fmb] {
    padding: 0 !important;
  }

  .genimg-page .sk-advanced-panel__body[b-2wxuww1fmb] {
    padding: 0 0.95rem 0.95rem;
  }

  .genimg-page .sk-feature-actions[b-2wxuww1fmb] {
    align-items: stretch !important;
    flex-direction: column;
    gap: 0.55rem;
  }

  .genimg-page .sk-sticky-actions[b-2wxuww1fmb] {
    position: fixed;
    left: 0.75rem;
    right: 0.75rem;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.75rem);
    z-index: 20;
    padding: 0.65rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
    border-radius: calc(var(--app-radius) + 0.15rem);
    background:
      linear-gradient(180deg, rgba(33, 37, 41, 0.92), rgba(24, 28, 32, 0.96));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(12px);
  }

  .genimg-page .sk-feature-actions > *[b-2wxuww1fmb] {
    min-width: 0;
    width: 100%;
  }

  .genimg-page .sk-feature-actions .sk-estimate[b-2wxuww1fmb] {
    justify-content: flex-start;
    font-size: 0.82rem;
  }

  .genimg-page .sk-feature-actions[b-2wxuww1fmb]  .sk-plan-upgrade-hint {
    display: none;
  }
}

/* Studio cockpit pass: visual shell only, generation logic stays in the code-behind. */
.genimg-page.sk-image-cockpit[b-2wxuww1fmb] {
  background:
    radial-gradient(circle at 78% 5%, rgba(var(--app-brand-color-rgb), 0.22), transparent 30rem),
    radial-gradient(circle at 16% 22%, rgba(255, 255, 255, 0.06), transparent 24rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 32rem),
    var(--app-background-color-main);
}

.genimg-page.sk-image-cockpit[b-2wxuww1fmb]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.24;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: linear-gradient(180deg, black, transparent 58%);
}

.genimg-page.sk-image-cockpit .sk-studio-container[b-2wxuww1fmb] {
  max-width: 1420px;
  gap: 1.15rem;
}

.genimg-page.sk-image-cockpit .sk-image-hero[b-2wxuww1fmb] {
  min-height: 0;
  border-color: rgba(var(--app-brand-color-rgb), 0.3);
  background:
    radial-gradient(circle at 90% 10%, rgba(var(--app-brand-color-rgb), 0.28), transparent 20rem),
    radial-gradient(circle at 54% 120%, rgba(255, 122, 24, 0.16), transparent 24rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.14), rgba(255, 255, 255, 0.025) 48%, rgba(0, 0, 0, 0.18)),
    rgba(25, 29, 33, 0.95);
}

.genimg-page.sk-image-cockpit .sk-feature-hero[b-2wxuww1fmb] {
  align-items: stretch;
  padding: clamp(0.9rem, 1.8vw, 1.35rem);
}

.genimg-page.sk-image-cockpit .sk-feature-hero__copy[b-2wxuww1fmb] {
  min-height: 0;
}

.genimg-page.sk-image-cockpit .sk-feature-hero h1[b-2wxuww1fmb] {
  max-width: 760px;
}

.genimg-page.sk-image-cockpit .sk-image-hero__status[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  max-width: 790px;
  margin-top: 0.9rem;
}

.genimg-page.sk-image-cockpit .sk-image-hero__status span[b-2wxuww1fmb] {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
  padding: 0.58rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.1rem);
  background: rgba(255, 255, 255, 0.045);
}

.genimg-page.sk-image-cockpit .sk-image-hero__status strong[b-2wxuww1fmb] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genimg-page.sk-image-cockpit .sk-image-hero__status em[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genimg-page.sk-image-cockpit .sk-feature-hero__meter[b-2wxuww1fmb] {
  position: relative;
  min-width: 260px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "label label"
    "coin value"
    "hint hint";
  align-content: end;
  align-self: stretch;
  gap: 0.25rem 0.7rem;
  padding: 0.85rem;
}

.genimg-page.sk-image-cockpit .sk-feature-hero__meter .sk-premium-label[b-2wxuww1fmb] {
  grid-area: label;
}

.genimg-page.sk-image-cockpit .sk-feature-hero__meter .sk-coin[b-2wxuww1fmb] {
  grid-area: coin;
  align-self: center;
  width: 1.25rem;
  height: 1.25rem;
  box-shadow:
    inset 0 0 0 4px rgba(0, 0, 0, 0.22),
    0 0 1.2rem rgba(var(--app-brand-color-rgb), 0.5);
}

.genimg-page.sk-image-cockpit .sk-feature-hero__meter-value[b-2wxuww1fmb] {
  grid-area: value;
  align-self: end;
  font-size: clamp(2.45rem, 4.7vw, 4.25rem);
}

.genimg-page.sk-image-cockpit .sk-feature-hero__meter-label[b-2wxuww1fmb] {
  grid-area: hint;
  margin-top: 0.4rem;
}

.genimg-page.sk-image-cockpit .sk-card[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-premium-panel[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.45rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(36, 41, 46, 0.94);
  box-shadow:
    0 26px 72px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.genimg-page.sk-image-cockpit .sk-image-workbench[b-2wxuww1fmb] {
  position: relative;
  overflow: visible;
  padding: clamp(1rem, 1.8vw, 1.25rem) !important;
}

.genimg-page.sk-image-cockpit .sk-compose-grid[b-2wxuww1fmb] {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.genimg-page.sk-image-cockpit .sk-work-module[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-control-module[b-2wxuww1fmb] {
  position: relative;
  overflow: visible;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: calc(var(--app-radius) + 0.1rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 12rem),
    rgba(20, 24, 28, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    transform 0.18s ease;
}

.genimg-page.sk-image-cockpit .sk-work-module:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-control-module:hover[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 12rem),
    rgba(20, 24, 28, 0.62);
}

.genimg-page.sk-image-cockpit .sk-work-module--prompt[b-2wxuww1fmb] {
  min-height: 335px;
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--app-brand-color-rgb), 0.15), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)),
    rgba(19, 23, 27, 0.72);
}

.genimg-page.sk-image-cockpit .sk-work-module--characters[b-2wxuww1fmb] {
  min-height: 335px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.014)),
    rgba(19, 23, 27, 0.7);
}

.genimg-page.sk-image-cockpit .sk-module-head[b-2wxuww1fmb] {
  min-height: 2.35rem;
}

.genimg-page.sk-image-cockpit .sk-module-head .sk-prompt-tools--top[b-2wxuww1fmb] {
  flex: 1 1 360px;
  justify-content: flex-end;
}

.genimg-page.sk-image-cockpit .sk-module-label[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-control-module .form-label .sk-accent-text[b-2wxuww1fmb] {
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genimg-page.sk-image-cockpit .sk-prompt-input[b-2wxuww1fmb] {
  min-height: 205px;
  padding: 1rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.05)),
    rgba(13, 16, 19, 0.75);
  font-size: 1rem;
  line-height: 1.55;
}

.genimg-page.sk-image-cockpit .sk-prompt-input:focus[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.86);
  box-shadow:
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.13),
    0 0 34px rgba(var(--app-brand-color-rgb), 0.11);
}

.genimg-page.sk-image-cockpit .sk-module-footer[b-2wxuww1fmb] {
  padding-top: 0.25rem;
  justify-content: flex-start;
}

.genimg-page.sk-image-cockpit .sk-image-input[b-2wxuww1fmb] {
  gap: 0.8rem;
}

.genimg-page.sk-image-cockpit .sk-image-input__tabs[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  padding: 0.32rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  background: rgba(8, 11, 14, 0.54);
}

.genimg-page.sk-image-cockpit .sk-image-input__tab[b-2wxuww1fmb] {
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: -0.01em;
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease;
}

.genimg-page.sk-image-cockpit .sk-image-input__tab:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-image-input__tab:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.38);
  color: var(--app-front-color-main);
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-image-input__tab--active[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.7);
  background:
    radial-gradient(circle at 16% 10%, rgba(255, 255, 255, 0.24), transparent 38%),
    linear-gradient(135deg, var(--app-brand-color), #ff9b2d);
  color: #111;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.2);
}

.genimg-page.sk-image-cockpit .sk-reference-input[b-2wxuww1fmb] {
  display: grid;
  gap: 0.7rem;
}

.genimg-page.sk-image-cockpit .sk-reference-input[b-2wxuww1fmb]  .idu-box {
  padding: 0.55rem;
}

.genimg-page.sk-image-cockpit .sk-reference-input[b-2wxuww1fmb]  .idu-drop,
.genimg-page.sk-image-cockpit .sk-reference-input[b-2wxuww1fmb]  .idu-mobile-picker {
  min-height: 225px;
}

.genimg-page.sk-image-cockpit .sk-reference-input[b-2wxuww1fmb]  .idu-preview {
  height: 245px;
}

.genimg-page.sk-image-cockpit .sk-reference-input__actions[b-2wxuww1fmb] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.genimg-page.sk-image-cockpit .sk-mask-launch[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-clear[b-2wxuww1fmb] {
  min-height: 42px;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  font-weight: 950;
  line-height: 1.1;
}

.genimg-page.sk-image-cockpit .sk-mask-launch[b-2wxuww1fmb] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.78);
  background:
    radial-gradient(circle at 15% 12%, rgba(255, 255, 255, 0.28), transparent 34%),
    linear-gradient(135deg, var(--app-brand-color), #ff8f1f);
  color: #111;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.22);
}

.genimg-page.sk-image-cockpit .sk-mask-clear[b-2wxuww1fmb] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
  background: rgba(255, 255, 255, 0.035);
  color: var(--app-brand-color);
}

.genimg-page.sk-image-cockpit .sk-reference-input__meta[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-reference-input__status[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-reference-input__warning[b-2wxuww1fmb] {
  padding: 0.55rem 0.7rem;
  border-radius: 0.9rem;
  font-size: 0.84rem;
  line-height: 1.35;
}

.genimg-page.sk-image-cockpit .sk-reference-input__meta[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-reference-input__status[b-2wxuww1fmb] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(var(--app-brand-color-rgb), 0.07);
  color: rgba(255, 237, 218, 0.94);
}

.genimg-page.sk-image-cockpit .sk-reference-input__status--error[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-reference-input__warning[b-2wxuww1fmb] {
  border: 1px solid rgba(255, 193, 7, 0.32);
  background: rgba(255, 193, 7, 0.08);
  color: #ffe4a3;
}

.genimg-page.sk-image-cockpit .sk-prompt-tool-button[b-2wxuww1fmb] {
  border-radius: 999px;
  font-weight: 850;
}

.genimg-page.sk-image-cockpit .sk-control-deck[b-2wxuww1fmb] {
  overflow: visible;
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 95% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 22rem),
    radial-gradient(circle at 8% 100%, rgba(255, 255, 255, 0.05), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.016)),
    rgba(28, 33, 38, 0.94);
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__summary[b-2wxuww1fmb] {
  min-height: 74px;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: calc(var(--app-radius) + 0.32rem) calc(var(--app-radius) + 0.32rem) 0 0;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.075), transparent 48%),
    rgba(255, 255, 255, 0.012);
}

.genimg-page.sk-image-cockpit .sk-advanced-panel:not([open]) .sk-advanced-panel__summary[b-2wxuww1fmb] {
  border-bottom-color: transparent;
  border-radius: calc(var(--app-radius) + 0.32rem);
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__summary:hover[b-2wxuww1fmb] {
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.11), transparent 52%),
    rgba(255, 255, 255, 0.02);
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__summary:focus-visible[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-inline-advanced__summary:focus-visible[b-2wxuww1fmb] {
  outline: 0;
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.64),
    0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.12);
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__summary:focus:not(:focus-visible)[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-inline-advanced__summary:focus:not(:focus-visible)[b-2wxuww1fmb] {
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__title[b-2wxuww1fmb] {
  color: var(--app-front-color-main);
  font-size: 1.15rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__hint[b-2wxuww1fmb] {
  margin-top: 0.12rem;
}

.genimg-page.sk-image-cockpit .sk-advanced-panel__body[b-2wxuww1fmb] {
  padding: 0 1.1rem 1.1rem;
}

.genimg-page.sk-image-cockpit .sk-settings-grid[b-2wxuww1fmb] {
  --bs-gutter-x: 0.85rem;
  --bs-gutter-y: 0.85rem;
}

.genimg-page.sk-image-cockpit .sk-control-module--quality[b-2wxuww1fmb] {
  min-width: min(100%, 300px);
}

.genimg-page.sk-image-cockpit .sk-control-module--wide[b-2wxuww1fmb] {
  padding: 1rem;
}

.genimg-page.sk-image-cockpit .sk-control-module--negative[b-2wxuww1fmb] {
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.055), transparent 13rem),
    rgba(20, 24, 28, 0.44);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__trigger,
.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker--empty,
.genimg-page.sk-image-cockpit .sk-aspect-picker__trigger[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__trigger[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__trigger[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-toggle-row[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-slider-wrap[b-2wxuww1fmb] {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(9, 12, 15, 0.48);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__trigger,
.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker--empty,
.genimg-page.sk-image-cockpit .sk-aspect-picker__trigger[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__trigger[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__trigger[b-2wxuww1fmb] {
  min-height: 58px;
  border-radius: calc(var(--app-radius) + 0.05rem);
  border-color: rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 98% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
    rgba(9, 12, 15, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 28px rgba(0, 0, 0, 0.16);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__trigger:hover,
.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__trigger:focus-visible,
.genimg-page.sk-image-cockpit .sk-aspect-picker__trigger:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-aspect-picker__trigger:focus-visible[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__trigger:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__trigger:focus-visible[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__trigger:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__trigger:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.68);
  background:
    radial-gradient(circle at 98% 0, rgba(var(--app-brand-color-rgb), 0.19), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(9, 12, 15, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.12),
    0 18px 36px rgba(0, 0, 0, 0.2);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__menu,
.genimg-page.sk-image-cockpit .sk-aspect-picker__menu[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__menu[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__menu[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  border-radius: calc(var(--app-radius) + 0.12rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 14rem),
    linear-gradient(180deg, rgba(49, 55, 62, 0.98), rgba(28, 33, 38, 0.98));
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__option,
.genimg-page.sk-image-cockpit .sk-aspect-picker__option[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__option[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__option[b-2wxuww1fmb] {
  border-radius: calc(var(--app-radius) - 0.18rem);
  background: rgba(255, 255, 255, 0.018);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__option:hover,
.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__option:focus-visible,
.genimg-page.sk-image-cockpit .sk-aspect-picker__option:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-aspect-picker__option:focus-visible[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__option:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__option:focus-within[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__option:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__option:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.46);
  background: rgba(var(--app-brand-color-rgb), 0.09);
}

.genimg-page.sk-image-cockpit .sk-control-module--model[b-2wxuww1fmb]  .sk-model-picker__option--selected,
.genimg-page.sk-image-cockpit .sk-aspect-picker__option--selected[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-style-picker__option--selected[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-choice-picker__option--selected[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.2), rgba(var(--app-brand-color-rgb), 0.075)),
    rgba(255, 255, 255, 0.035);
}

.genimg-page.sk-image-cockpit .sk-style-picker__menu-head[b-2wxuww1fmb] {
  border-bottom-color: rgba(var(--app-brand-color-rgb), 0.28);
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.12), transparent),
    color-mix(in srgb, var(--app-background-color-contrast) 96%, black);
}

.genimg-page.sk-image-cockpit .sk-style-picker__search[b-2wxuww1fmb] {
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: calc(var(--app-radius) - 0.12rem);
  background: rgba(9, 12, 15, 0.58);
}

.genimg-page.sk-image-cockpit .sk-inline-control[b-2wxuww1fmb] {
  min-width: 0;
}

.genimg-page.sk-image-cockpit .sk-choice-picker[b-2wxuww1fmb] {
  position: relative;
  width: 100%;
  min-width: 0;
}

.genimg-page.sk-image-cockpit .sk-choice-picker--open[b-2wxuww1fmb] {
  z-index: 95;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__trigger[b-2wxuww1fmb] {
  width: 100%;
  position: relative;
  z-index: 92;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.65rem 0.82rem;
  color: var(--app-front-color-main);
  text-align: left;
  font-weight: 850;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__trigger:focus-visible[b-2wxuww1fmb] {
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__selected[b-2wxuww1fmb] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__side[b-2wxuww1fmb] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--app-brand-color);
}

.genimg-page.sk-image-cockpit .sk-choice-picker__backdrop[b-2wxuww1fmb] {
  position: fixed;
  inset: 0;
  z-index: 88;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__menu[b-2wxuww1fmb] {
  position: absolute;
  z-index: 94;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.22rem;
  max-height: min(340px, 54vh);
  overflow: auto;
  padding: 0.38rem;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__option[b-2wxuww1fmb] {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.65rem;
  border: 1px solid transparent;
  color: var(--app-front-color-main);
  cursor: pointer;
  font-weight: 750;
  transition: border-color 0.16s ease, background 0.16s ease;
}

.genimg-page.sk-image-cockpit .sk-choice-picker__option:focus-visible[b-2wxuww1fmb] {
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-slider-wrap[b-2wxuww1fmb] {
  border-radius: calc(var(--app-radius) + 0.05rem);
}

.genimg-page.sk-image-cockpit .sk-priority .btn[b-2wxuww1fmb] {
  min-height: 52px;
  padding-inline: 1rem;
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(9, 12, 15, 0.5);
  font-weight: 850;
}

.genimg-page.sk-image-cockpit .sk-control-module--quality-with-hint .sk-priority .btn[b-2wxuww1fmb] {
  padding-inline: 0.72rem;
}

.genimg-page.sk-image-cockpit .sk-control-module--quality-with-hint .sk-auto-quality-hint[b-2wxuww1fmb] {
  max-width: 100%;
}

.genimg-page.sk-image-cockpit .sk-priority .btn-check:checked + .btn[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-priority .btn.active[b-2wxuww1fmb] {
  background: linear-gradient(135deg, var(--app-brand-color), #ff9c2b);
  border-color: var(--app-brand-color);
  color: #111;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.24);
}

.genimg-page.sk-image-cockpit .sk-inline-advanced[b-2wxuww1fmb] {
  margin-top: 0;
  border-color: rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(9, 12, 15, 0.28);
}

.genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb] {
  position: sticky;
  bottom: 0.75rem;
  z-index: 15;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto auto minmax(220px, auto);
  gap: 0.9rem;
  align-items: center !important;
  margin-top: 0.2rem;
  padding: 0.72rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.38);
  background:
    radial-gradient(circle at 90% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(34, 39, 44, 0.94), rgba(20, 24, 28, 0.96));
  backdrop-filter: blur(14px);
}

.genimg-page.sk-image-cockpit .sk-generate-receipt__copy[b-2wxuww1fmb] {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

.genimg-page.sk-image-cockpit .sk-generate-receipt__copy strong[b-2wxuww1fmb] {
  color: var(--app-front-color-main);
  font-size: 1.08rem;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.genimg-page.sk-image-cockpit .sk-generate-receipt__copy small[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  line-height: 1.35;
}

.genimg-page.sk-image-cockpit .sk-estimate[b-2wxuww1fmb] {
  min-height: 46px;
  padding: 0.45rem 0.78rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.genimg-page.sk-image-cockpit .sk-estimate .fw-semibold[b-2wxuww1fmb] {
  font-size: 1.05rem;
  font-weight: 950;
}

.genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb]  .sk-generate-button {
  min-width: 13.5rem;
  min-height: 54px;
  border-radius: 999px;
  font-weight: 950;
  box-shadow:
    0 14px 34px rgba(var(--app-brand-color-rgb), 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb]  .sk-gate-button--blocked {
  min-width: 17rem;
}

.genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb]  .sk-plan-upgrade-hint {
  margin: 0;
  max-width: 30rem;
}

.genimg-page.sk-image-cockpit .sk-mask-editor[b-2wxuww1fmb] {
  position: fixed;
  inset: 0;
  z-index: 2100;
  display: grid;
  place-items: center;
  padding: clamp(0.85rem, 2vw, 1.5rem);
}

.genimg-page.sk-image-cockpit .sk-mask-editor[hidden][b-2wxuww1fmb] {
  display: none !important;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__backdrop[b-2wxuww1fmb] {
  position: absolute;
  inset: 0;
  border: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(var(--app-brand-color-rgb), 0.16), transparent 26rem),
    rgba(2, 4, 7, 0.78);
  backdrop-filter: blur(12px);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__dialog[b-2wxuww1fmb] {
  position: relative;
  z-index: 1;
  width: min(1180px, 100%);
  max-height: min(92dvh, 920px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
  border-radius: calc(var(--app-radius) + 0.55rem);
  background:
    radial-gradient(circle at 92% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 22rem),
    radial-gradient(circle at 10% 100%, rgba(255, 255, 255, 0.055), transparent 20rem),
    linear-gradient(180deg, rgba(43, 49, 55, 0.98), rgba(16, 20, 24, 0.98));
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__head[b-2wxuww1fmb] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__head h2[b-2wxuww1fmb] {
  margin: 0.15rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.8rem, 4vw, 3rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__head p[b-2wxuww1fmb] {
  max-width: 52rem;
  margin: 0.55rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.5;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__close[b-2wxuww1fmb] {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.28);
  color: var(--app-front-color-main);
  font-size: 1.45rem;
  line-height: 1;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__close:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__close:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.68);
  color: var(--app-brand-color);
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__layout[b-2wxuww1fmb] {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  overflow: auto;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__stage-wrap[b-2wxuww1fmb] {
  min-width: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0.7rem;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__stage[b-2wxuww1fmb] {
  position: relative;
  min-height: min(62vh, 620px);
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: calc(var(--app-radius) + 0.22rem);
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    rgba(5, 8, 11, 0.78);
  background-size: 40px 40px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__image-canvas[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__paint-canvas[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__cursor-canvas[b-2wxuww1fmb] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__paint-canvas[b-2wxuww1fmb] {
  z-index: 2;
  cursor: none;
  opacity: 0.44;
  touch-action: none;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__cursor-canvas[b-2wxuww1fmb] {
  z-index: 3;
  pointer-events: none;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__draw-toggle[b-2wxuww1fmb] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  padding: 0.72rem 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
  border-radius: 999px;
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, rgba(255, 122, 24, 0.95), rgba(255, 165, 55, 0.9));
  color: #120c07;
  font-size: 0.86rem;
  font-weight: 950;
  text-align: center;
  box-shadow:
    0 14px 34px rgba(var(--app-brand-color-rgb), 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__draw-toggle--armed[b-2wxuww1fmb] {
  border-color: rgba(255, 232, 205, 0.62);
  background:
    radial-gradient(circle at 26% 22%, rgba(255, 255, 255, 0.42), transparent 28%),
    linear-gradient(135deg, #ffe0a4, var(--app-brand-color));
}

.genimg-page.sk-image-cockpit .sk-mask-editor__loading[b-2wxuww1fmb] {
  position: relative;
  z-index: 4;
  padding: 0.7rem 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.44);
  color: var(--app-front-color-main);
  font-weight: 850;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__stage-note[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
  line-height: 1.4;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__tools[b-2wxuww1fmb] {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 0.95rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: calc(var(--app-radius) + 0.15rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 12rem),
    rgba(10, 13, 16, 0.52);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__tool[b-2wxuww1fmb] {
  display: grid;
  gap: 0.45rem;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__tool label[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__label[b-2wxuww1fmb] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__tool small[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__advanced small[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__choice small[b-2wxuww1fmb] {
  color: var(--app-front-color-sec);
  line-height: 1.35;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__range[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.68rem 0.78rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 0 50%, rgba(var(--app-brand-color-rgb), 0.16), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__range input[b-2wxuww1fmb] {
  width: 100%;
  height: 0.45rem;
  appearance: none;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.95), rgba(255, 156, 43, 0.88)),
    rgba(255, 255, 255, 0.08);
  outline: none;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__range input[b-2wxuww1fmb]::-webkit-slider-thumb {
  width: 22px;
  height: 22px;
  appearance: none;
  border: 2px solid rgba(20, 14, 8, 0.85);
  border-radius: 999px;
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.85), transparent 28%),
    linear-gradient(135deg, #ffb347, var(--app-brand-color));
  box-shadow:
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.16),
    0 8px 20px rgba(var(--app-brand-color-rgb), 0.32);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__range input[b-2wxuww1fmb]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(20, 14, 8, 0.85);
  border-radius: 999px;
  background:
    radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.85), transparent 28%),
    linear-gradient(135deg, #ffb347, var(--app-brand-color));
  box-shadow:
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.16),
    0 8px 20px rgba(var(--app-brand-color-rgb), 0.32);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__range-value[b-2wxuww1fmb] {
  min-width: 4.6rem;
  padding: 0.34rem 0.58rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.095);
  color: var(--app-front-color-main);
  font-size: 0.84rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__button-grid[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__button-grid button:nth-child(3)[b-2wxuww1fmb] {
  grid-column: 1 / -1;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__button-grid button[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__seg[b-2wxuww1fmb] {
  min-height: 40px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--app-front-color-main);
  font-size: 0.86rem;
  font-weight: 850;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__button-grid button:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__button-grid button:focus-visible[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__seg:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__seg:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.64);
  color: var(--app-brand-color);
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__segments[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.35rem;
  padding: 0.3rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__seg--active[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.78);
  background: linear-gradient(135deg, var(--app-brand-color), #ff9b2d);
  color: #111;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced[b-2wxuww1fmb] {
  position: relative;
  z-index: 4;
  overflow: visible;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: 1.1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.11), transparent 12rem),
    rgba(255, 255, 255, 0.026);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced--open[b-2wxuww1fmb] {
  z-index: 30;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced-toggle[b-2wxuww1fmb] {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  padding: 0.72rem 0.85rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: var(--app-front-color-main);
  font-weight: 900;
  text-align: left;
  list-style: none;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced-toggle[b-2wxuww1fmb]::after {
  content: "";
  width: 0.62rem;
  height: 0.62rem;
  flex: 0 0 auto;
  border-right: 2px solid var(--app-brand-color);
  border-bottom: 2px solid var(--app-brand-color);
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.18s ease;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced-toggle:focus-visible[b-2wxuww1fmb] {
  outline: 2px solid rgba(var(--app-brand-color-rgb), 0.78);
  outline-offset: 3px;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced--open .sk-mask-editor__advanced-toggle[b-2wxuww1fmb] {
  border-bottom: 0;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced--open .sk-mask-editor__advanced-toggle[b-2wxuww1fmb]::after {
  transform: rotate(225deg) translateY(-1px);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced-dismiss[b-2wxuww1fmb] {
  position: fixed;
  inset: 0;
  z-index: 30;
  border: 0;
  background: transparent;
  cursor: default;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__advanced-body[b-2wxuww1fmb] {
  position: absolute;
  top: auto;
  bottom: calc(100% + 0.55rem);
  left: auto;
  right: 0;
  z-index: 32;
  width: min(460px, calc(100vw - 2rem));
  display: grid;
  gap: 0.55rem;
  padding: 0.85rem;
  overflow: visible;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 14rem),
    linear-gradient(145deg, rgba(47, 32, 23, 0.96), rgba(10, 14, 17, 0.98) 58%),
    rgba(9, 12, 15, 0.98);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__choice-list[b-2wxuww1fmb] {
  display: grid;
  gap: 0.48rem;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__choice[b-2wxuww1fmb] {
  display: grid;
  gap: 0.16rem;
  width: 100%;
  padding: 0.62rem 0.72rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 0.92rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    rgba(5, 8, 11, 0.58);
  color: var(--app-front-color-main);
  text-align: left;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__choice strong[b-2wxuww1fmb] {
  color: var(--app-front-color-main);
  font-size: 0.9rem;
  font-weight: 900;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__choice small[b-2wxuww1fmb] {
  max-width: 34rem;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__choice:hover[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__choice:focus-visible[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  outline: 0;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__choice--active[b-2wxuww1fmb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 10rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.11), rgba(var(--app-brand-color-rgb), 0.035)),
    rgba(5, 8, 11, 0.72);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.14);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__status[b-2wxuww1fmb],
.genimg-page.sk-image-cockpit .sk-mask-editor__warning[b-2wxuww1fmb] {
  padding: 0.62rem 0.72rem;
  border-radius: 0.9rem;
  font-size: 0.86rem;
  line-height: 1.38;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__status[b-2wxuww1fmb] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: rgba(255, 238, 219, 0.95);
}

.genimg-page.sk-image-cockpit .sk-mask-editor__status--error[b-2wxuww1fmb] {
  border-color: rgba(255, 98, 98, 0.38);
  background: rgba(255, 98, 98, 0.08);
  color: #ffc1c1;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__warning[b-2wxuww1fmb] {
  border: 1px solid rgba(255, 193, 7, 0.32);
  background: rgba(255, 193, 7, 0.08);
  color: #ffe4a3;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__actions[b-2wxuww1fmb] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
  margin-top: auto;
}

.genimg-page.sk-image-cockpit .sk-mask-editor__actions button[b-2wxuww1fmb] {
  min-height: 46px;
  border-radius: 999px;
  font-weight: 950;
}

@media (max-width: 991.98px) {
  .genimg-page.sk-image-cockpit .sk-feature-hero[b-2wxuww1fmb] {
    grid-template-columns: 1fr;
  }

  .genimg-page.sk-image-cockpit .sk-image-hero[b-2wxuww1fmb] {
    min-height: 0;
  }

  .genimg-page.sk-image-cockpit .sk-feature-hero__meter[b-2wxuww1fmb] {
    min-width: 0;
  }

  .genimg-page.sk-image-cockpit .sk-image-hero__status[b-2wxuww1fmb] {
    grid-template-columns: 1fr;
  }

  .genimg-page.sk-image-cockpit .sk-work-module--prompt[b-2wxuww1fmb],
  .genimg-page.sk-image-cockpit .sk-work-module--characters[b-2wxuww1fmb] {
    min-height: 0;
  }

  .genimg-page.sk-image-cockpit .sk-prompt-input[b-2wxuww1fmb] {
    min-height: 260px;
  }

  .genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb] {
    grid-template-columns: 1fr;
    align-items: stretch !important;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__layout[b-2wxuww1fmb] {
    grid-template-columns: 1fr;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__stage[b-2wxuww1fmb] {
    min-height: min(54vh, 520px);
  }

  .genimg-page.sk-image-cockpit .sk-generate-receipt .sk-estimate[b-2wxuww1fmb] {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .genimg-page.sk-image-cockpit[b-2wxuww1fmb] {
    padding-bottom: calc(11.75rem + env(safe-area-inset-bottom, 0px));
  }

  .genimg-page.sk-image-cockpit .sk-studio-container[b-2wxuww1fmb] {
    gap: 0.95rem;
  }

  .genimg-page.sk-image-cockpit .sk-feature-hero[b-2wxuww1fmb] {
    padding: 1rem;
  }

  .genimg-page.sk-image-cockpit .sk-feature-hero__meter[b-2wxuww1fmb] {
    display: none;
  }

  .genimg-page.sk-image-cockpit .sk-feature-hero h1[b-2wxuww1fmb] {
    font-size: clamp(2.65rem, 16vw, 4rem);
  }

  .genimg-page.sk-image-cockpit .sk-image-hero__status[b-2wxuww1fmb] {
    gap: 0.5rem;
    margin-top: 1rem;
  }

  .genimg-page.sk-image-cockpit .sk-feature-hero__meter-value[b-2wxuww1fmb] {
    font-size: clamp(2.6rem, 15vw, 4.2rem);
  }

  .genimg-page.sk-image-cockpit .sk-image-workbench[b-2wxuww1fmb],
  .genimg-page.sk-image-cockpit .sk-card[b-2wxuww1fmb] {
    padding: 0.85rem !important;
  }

  .genimg-page.sk-image-cockpit .sk-work-module[b-2wxuww1fmb],
  .genimg-page.sk-image-cockpit .sk-control-module[b-2wxuww1fmb] {
    padding: 0.85rem;
  }

  .genimg-page.sk-image-cockpit .sk-module-head[b-2wxuww1fmb] {
    align-items: stretch !important;
    flex-direction: column;
  }

  .genimg-page.sk-image-cockpit .sk-module-head .sk-prompt-tools--top[b-2wxuww1fmb] {
    flex: 1 1 auto;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .genimg-page.sk-image-cockpit .sk-prompt-input[b-2wxuww1fmb] {
    min-height: 230px;
  }

  .genimg-page.sk-image-cockpit .sk-advanced-panel[b-2wxuww1fmb] {
    padding: 0 !important;
  }

  .genimg-page.sk-image-cockpit .sk-advanced-panel__summary[b-2wxuww1fmb] {
    min-height: 66px;
    padding: 0.9rem;
  }

  .genimg-page.sk-image-cockpit .sk-advanced-panel__body[b-2wxuww1fmb] {
    padding: 0 0.85rem 0.85rem;
  }

  .genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb] {
    left: 0.65rem;
    right: 0.65rem;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.65rem);
    box-sizing: border-box;
    max-height: none;
    overflow: visible;
    padding: 0.72rem;
    border-radius: calc(var(--app-radius) + 0.2rem);
  }

  .genimg-page.sk-image-cockpit .sk-generate-receipt__copy[b-2wxuww1fmb] {
    display: none;
  }

  .genimg-page.sk-image-cockpit .sk-estimate[b-2wxuww1fmb] {
    min-height: 38px;
    padding: 0.35rem 0.6rem;
  }

  .genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb]  .sk-generate-button,
  .genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb]  .sk-gate-button--blocked {
    min-width: 0;
    width: 100%;
  }

  .genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb]  .sk-plan-upgrade-hint {
    display: block;
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding: 0.48rem 0.62rem;
    font-size: 0.78rem;
    line-height: 1.28;
    text-align: center;
  }

  .genimg-page.sk-image-cockpit .sk-image-input__tabs[b-2wxuww1fmb] {
    grid-template-columns: 1fr;
    border-radius: calc(var(--app-radius) + 0.1rem);
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor[b-2wxuww1fmb] {
    align-items: stretch;
    padding: 0;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__dialog[b-2wxuww1fmb] {
    width: 100%;
    max-height: 100dvh;
    border-radius: 0;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__head[b-2wxuww1fmb] {
    padding: 1rem;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__layout[b-2wxuww1fmb] {
    padding: 0.85rem;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__stage[b-2wxuww1fmb] {
    min-height: min(48dvh, 520px);
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__paint-canvas[b-2wxuww1fmb] {
    touch-action: pan-y;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__paint-canvas--armed[b-2wxuww1fmb] {
    touch-action: none;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__draw-toggle[b-2wxuww1fmb] {
    display: inline-flex;
  }

  .genimg-page.sk-image-cockpit .sk-mask-editor__actions[b-2wxuww1fmb] {
    grid-template-columns: 1fr;
  }
}

.genimg-page.sk-image-cockpit .sk-control-deck[open] + .sk-generate-receipt[b-2wxuww1fmb] {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
}

@media (max-width: 767.98px) and (max-height: 600px) {
  .genimg-page.sk-image-cockpit .sk-generate-receipt[b-2wxuww1fmb] {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
}
/* /Pages/Features/SwapPage.razor.rz.scp.css */
.sk-face-header[b-0v7mc77j2u] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.7rem;
  padding: 0;
}

.btn.sk-toggle[b-0v7mc77j2u] {
  border-color: rgba(var(--app-brand-color-rgb), 0.5);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  font-weight: 850;
  box-shadow: none;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.btn.sk-toggle:hover[b-0v7mc77j2u],
.btn.sk-toggle:focus-visible[b-0v7mc77j2u] {
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.12);
  outline: none;
}

.btn.sk-toggle.btn-xs[b-0v7mc77j2u] {
  min-height: 36px;
  padding: 0.35rem 0.72rem;
  font-size: 0.8rem;
  line-height: 1.2;
}

@media (max-width: 767.98px) {
  .sk-face-header[b-0v7mc77j2u] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: stretch !important;
    justify-content: flex-start;
    min-height: 0;
    margin-bottom: 0.9rem;
  }

  .sk-face-toggle[b-0v7mc77j2u] {
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    padding: 0.32rem 0.72rem;
    font-size: 0.76rem;
    line-height: 1.2;
    justify-self: start;
    white-space: normal;
  }

  .sk-small-machine__module--character[b-0v7mc77j2u]  .cp-root {
    margin-top: 2.15rem;
  }
}
/* /Pages/Features/UndressPage.razor.rz.scp.css */
.genundress-page[b-p4im1fogak]  .idu-drop,
.genundress-page[b-p4im1fogak]  .idu-mobile-picker {
  --idu-drop-min-h: 292px;
}

.genundress-page[b-p4im1fogak]  .idu-preview {
  --idu-preview-h: 316px;
}
/* /Pages/Features/UpscalePage.razor.rz.scp.css */
.genupscale-page .sk-small-machine__module--single[b-8ucr0bspod] {
  min-height: 390px;
}

.genupscale-page[b-8ucr0bspod]  .idu-drop,
.genupscale-page[b-8ucr0bspod]  .idu-mobile-picker {
  --idu-drop-min-h: 292px;
}

.genupscale-page[b-8ucr0bspod]  .idu-preview {
  --idu-preview-h: 316px;
}

.genupscale-page .sk-inline-error[b-8ucr0bspod] {
  color: #ffb4a6;
}

@media (max-width: 767.98px) {
  .genupscale-page .sk-small-machine__module--single[b-8ucr0bspod] {
    min-height: 0;
  }
}
/* /Pages/Features/VideoPage.razor.rz.scp.css */
.genvid-page[b-5b05c7jnap] {
  background:
    radial-gradient(circle at 18% 8%, rgba(var(--app-brand-color-rgb), 0.08), transparent 24rem),
    var(--app-background-color-main);
}

.genvid-page .sk-studio-container[b-5b05c7jnap] {
  display: grid;
  gap: 1rem;
}

.genvid-page .sk-feature-hero[b-5b05c7jnap] {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 0 0.35rem;
}

.genvid-page .sk-feature-hero__copy[b-5b05c7jnap] {
  max-width: 720px;
}

.genvid-page .sk-feature-hero__eyebrow[b-5b05c7jnap] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.genvid-page .sk-feature-hero h1[b-5b05c7jnap] {
  margin: 0.15rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2rem, 4vw, 3.15rem);
  font-weight: 900;
  letter-spacing: -0.045em;
  line-height: 0.95;
}

.genvid-page .sk-feature-hero p[b-5b05c7jnap] {
  margin: 0.65rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.genvid-page .sk-feature-hero__meter[b-5b05c7jnap] {
  flex: 0 0 auto;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-areas:
    "coin value"
    "label label";
  align-items: center;
  gap: 0.1rem 0.55rem;
  min-width: 176px;
  padding: 0.85rem 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) + 0.15rem);
  background: linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.12), rgba(255, 255, 255, 0.035));
  box-shadow: var(--app-shadow);
}

.genvid-page .sk-feature-hero__meter .sk-coin[b-5b05c7jnap] {
  grid-area: coin;
}

.genvid-page .sk-feature-hero__meter-value[b-5b05c7jnap] {
  grid-area: value;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.genvid-page .sk-feature-hero__meter-label[b-5b05c7jnap] {
  grid-area: label;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}


.genvid-page .sk-card[b-5b05c7jnap] {
  background: var(--app-background-color-contrast);
  border: 1px solid var(--app-border-color);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.genvid-page .sk-compose-card[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.055), transparent 34%),
    var(--app-background-color-contrast);
}

.genvid-page .sk-advanced-panel[b-5b05c7jnap] {
  overflow: clip;
}

.genvid-page .sk-advanced-panel__summary[b-5b05c7jnap] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 60px;
  padding: 0.95rem 1rem;
  cursor: pointer;
  list-style: none;
}

.genvid-page .sk-advanced-panel__summary[b-5b05c7jnap]::-webkit-details-marker {
  display: none;
}

.genvid-page .sk-advanced-panel__title[b-5b05c7jnap],
.genvid-page .sk-advanced-panel__hint[b-5b05c7jnap] {
  display: block;
}

.genvid-page .sk-advanced-panel__title[b-5b05c7jnap] {
  color: var(--app-brand-color);
  font-weight: 850;
}

.genvid-page .sk-advanced-panel__hint[b-5b05c7jnap] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.genvid-page .sk-advanced-panel__chevron[b-5b05c7jnap] {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  color: var(--app-brand-color);
  transition: transform 0.18s ease, background 0.18s ease;
}

.genvid-page .sk-advanced-panel[open] .sk-advanced-panel__chevron[b-5b05c7jnap] {
  transform: rotate(180deg);
  background: rgba(var(--app-brand-color-rgb), 0.1);
}

.genvid-page .sk-advanced-panel__body[b-5b05c7jnap] {
  padding: 0 1rem 1rem;
}


.sk-accent-text[b-5b05c7jnap] {
  color: var(--app-brand-color);
}


.sk-textarea[b-5b05c7jnap] {
  background: var(--app-background-color-main);
  color: var(--app-front-color-main);
  border: 1px solid var(--app-border-color);
  border-radius: calc(var(--app-radius) - 0.25rem);
  resize: vertical;
}

.sk-textarea:focus[b-5b05c7jnap] {
  outline: 0;
  border-color: var(--app-brand-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.25);
}

.sk-counter[b-5b05c7jnap] {
  font-size: 12px;
  color: var(--app-front-color-sec);
}

.genvid-page .sk-prompt-actions[b-5b05c7jnap] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    min-height: 2.5rem;
}

.genvid-page .sk-prompt-tools[b-5b05c7jnap] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.85rem;
    flex: 1 1 auto;
    min-width: 0;
}

.genvid-page .sk-prompt-status[b-5b05c7jnap] {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 0.84rem;
    line-height: 1.35;
    color: var(--app-front-color-sec);
    text-align: right;
}

.genvid-page .sk-prompt-status:empty[b-5b05c7jnap] {
  display: none;
}

.genvid-page .sk-prompt-status--ok[b-5b05c7jnap] {
  color: rgba(var(--app-brand-color-rgb), 0.94);
}

.genvid-page .sk-prompt-status--error[b-5b05c7jnap] {
  color: #ffb6b6;
}

.no-shrink[b-5b05c7jnap] {
  flex-shrink: 0;
}


.sk-priority .btn[b-5b05c7jnap] {
  color: var(--app-front-color-main);
  background: var(--app-background-color-main);
  border-color: var(--app-border-color);
}

.sk-priority .btn:hover[b-5b05c7jnap] {
  background: var(--app-background-color-hover);
}

.sk-priority .btn-check:checked + .btn[b-5b05c7jnap],
.sk-priority .btn.active[b-5b05c7jnap] {
  background: var(--app-brand-color);
  border-color: var(--app-brand-color);
  color: #0b0b0b;
}

.sk-estimate[b-5b05c7jnap] {
  font-size: 14px;
  color: var(--app-front-color-sec);
}

.genvid-page .sk-wait-estimate[b-5b05c7jnap] {
  min-width: 168px;
  display: grid;
  gap: 0.1rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) - 0.2rem);
  background: rgba(255, 255, 255, 0.035);
  line-height: 1.15;
}

.genvid-page .sk-wait-estimate__label[b-5b05c7jnap] {
  color: var(--app-front-color-sec);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genvid-page .sk-wait-estimate__value[b-5b05c7jnap] {
  color: var(--app-front-color-main);
  font-size: 0.98rem;
  font-weight: 900;
}

.genvid-page .sk-wait-estimate__detail[b-5b05c7jnap] {
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  white-space: nowrap;
}

.sk-estimate .fw-semibold[b-5b05c7jnap] {
  color: var(--app-front-color-main);
}

.sk-coin[b-5b05c7jnap] {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: var(--app-brand-color);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.25);
}

@media (max-width: 767.98px) {
  .genvid-page[b-5b05c7jnap] {
    padding-bottom: 6.5rem;
  }

  .genvid-page .sk-studio-container[b-5b05c7jnap] {
    padding-top: 0.75rem !important;
  }

  .genvid-page .sk-feature-hero[b-5b05c7jnap] {
    align-items: stretch;
    flex-direction: column;
    gap: 0.85rem;
  }

  .genvid-page .sk-feature-hero h1[b-5b05c7jnap] {
    font-size: clamp(2.2rem, 12vw, 3rem);
  }

  .genvid-page .sk-feature-hero__meter[b-5b05c7jnap] {
    min-width: 0;
    width: 100%;
  }

  .genvid-page .sk-card[b-5b05c7jnap] {
    padding: 0.95rem !important;
  }

  .genvid-page .sk-compose-main[b-5b05c7jnap],
  .genvid-page .sk-compose-side[b-5b05c7jnap] {
    min-width: 0;
  }

  .genvid-page .sk-settings-grid[b-5b05c7jnap] {
    row-gap: 0.9rem;
  }

  .genvid-page .sk-prompt-actions[b-5b05c7jnap] {
    align-items: stretch;
    flex-direction: column;
    gap: 0.7rem;
  }

  .genvid-page .sk-prompt-actions .sk-counter[b-5b05c7jnap] {
    order: 1;
  }

  .genvid-page .sk-prompt-tools[b-5b05c7jnap] {
    order: 2;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  .genvid-page .sk-prompt-status[b-5b05c7jnap] {
    width: 100%;
    font-size: 0.82rem;
    text-align: left;
  }

  .genvid-page .sk-priority[b-5b05c7jnap] {
    width: 100%;
  }

  .genvid-page .sk-priority-group[b-5b05c7jnap] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
  }

  .genvid-page .sk-priority-group .btn[b-5b05c7jnap] {
    width: 100%;
  }

  .genvid-page .sk-advanced-panel[b-5b05c7jnap] {
    padding: 0 !important;
  }

  .genvid-page .sk-advanced-panel__body[b-5b05c7jnap] {
    padding: 0 0.95rem 0.95rem;
  }

  .genvid-page .sk-feature-actions[b-5b05c7jnap] {
    align-items: stretch !important;
    flex-direction: column;
    gap: 0.55rem;
  }

  .genvid-page .sk-sticky-actions[b-5b05c7jnap] {
    position: fixed;
    left: 0.75rem;
    right: 0.75rem;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.75rem);
    z-index: 20;
    padding: 0.65rem;
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
    border-radius: calc(var(--app-radius) + 0.15rem);
    background:
      linear-gradient(180deg, rgba(33, 37, 41, 0.92), rgba(24, 28, 32, 0.96));
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
    backdrop-filter: blur(12px);
  }

  .genvid-page .sk-feature-actions > *[b-5b05c7jnap] {
    min-width: 0;
    width: 100%;
  }

  .genvid-page .sk-feature-actions .sk-estimate[b-5b05c7jnap] {
    justify-content: flex-start;
    font-size: 0.82rem;
  }

  .genvid-page .sk-wait-estimate[b-5b05c7jnap] {
    width: 100%;
    min-width: 0;
  }

  .genvid-page .sk-wait-estimate__detail[b-5b05c7jnap] {
    white-space: normal;
  }

  .genvid-page .sk-feature-actions[b-5b05c7jnap]  .sk-plan-upgrade-hint {
    display: none;
  }
}

/* Premium video generator layer */
.genvid-page.sk-video-suite[b-5b05c7jnap] {
  min-height: 100%;
  padding-bottom: 2rem;
  background:
    radial-gradient(circle at 78% 4%, rgba(var(--app-brand-color-rgb), 0.19), transparent 30rem),
    radial-gradient(circle at 8% 40%, rgba(255, 255, 255, 0.05), transparent 24rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 30rem),
    var(--app-background-color-main);
}

.genvid-page.sk-video-suite[b-5b05c7jnap]::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 84px 84px;
  mask-image: linear-gradient(180deg, black, transparent 78%);
}

.genvid-page.sk-video-suite .sk-studio-container[b-5b05c7jnap] {
  display: grid;
  max-width: 1420px;
  gap: 1.15rem;
}

.genvid-page.sk-video-suite .sk-video-hero[b-5b05c7jnap] {
  min-height: 0;
  border-color: rgba(var(--app-brand-color-rgb), 0.3);
  background:
    radial-gradient(circle at 90% 10%, rgba(var(--app-brand-color-rgb), 0.28), transparent 20rem),
    radial-gradient(circle at 54% 120%, rgba(255, 122, 24, 0.16), transparent 24rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.14), rgba(255, 255, 255, 0.025) 48%, rgba(0, 0, 0, 0.18)),
    rgba(25, 29, 33, 0.95);
}

.genvid-page.sk-video-suite .sk-feature-hero__copy[b-5b05c7jnap] {
  position: relative;
  z-index: 1;
  min-height: 0;
}

.genvid-page.sk-video-suite .sk-feature-hero[b-5b05c7jnap] {
  align-items: stretch;
  padding: clamp(0.9rem, 1.8vw, 1.35rem);
}

.genvid-page.sk-video-suite .sk-feature-hero h1[b-5b05c7jnap] {
  max-width: 760px;
}

.genvid-page.sk-video-suite .sk-video-hero__status[b-5b05c7jnap] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  max-width: 790px;
  margin-top: 0.9rem;
}

.genvid-page.sk-video-suite .sk-video-hero__status span[b-5b05c7jnap] {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
  padding: 0.58rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.1rem);
  background: rgba(255, 255, 255, 0.045);
}

.genvid-page.sk-video-suite .sk-video-hero__status strong[b-5b05c7jnap] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genvid-page.sk-video-suite .sk-video-hero__status em[b-5b05c7jnap] {
  color: var(--app-front-color-sec);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genvid-page.sk-video-suite .sk-feature-hero__meter[b-5b05c7jnap] {
  position: relative;
  z-index: 1;
  min-width: 260px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "label label"
    "coin value"
    "hint hint";
  align-content: end;
  align-self: stretch;
  gap: 0.25rem 0.7rem;
  padding: 0.85rem;
}

.genvid-page.sk-video-suite .sk-feature-hero__meter .sk-premium-label[b-5b05c7jnap] {
  grid-area: label;
}

.genvid-page.sk-video-suite .sk-feature-hero__meter .sk-coin[b-5b05c7jnap] {
  grid-area: coin;
  align-self: center;
  width: 1.25rem;
  height: 1.25rem;
  box-shadow:
    inset 0 0 0 4px rgba(0, 0, 0, 0.22),
    0 0 1.2rem rgba(var(--app-brand-color-rgb), 0.5);
}

.genvid-page.sk-video-suite .sk-feature-hero__meter-value[b-5b05c7jnap] {
  grid-area: value;
  align-self: end;
  font-size: clamp(2.45rem, 4.7vw, 4.25rem);
}

.genvid-page.sk-video-suite .sk-feature-hero__meter-label[b-5b05c7jnap] {
  grid-area: hint;
  margin-top: 0.4rem;
}

.genvid-page.sk-video-suite .sk-card[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-premium-panel[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.45rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(36, 41, 46, 0.94);
  box-shadow:
    0 26px 72px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.genvid-page.sk-video-suite .sk-video-workbench[b-5b05c7jnap] {
  position: relative;
  overflow: visible;
  padding: clamp(1rem, 1.8vw, 1.25rem) !important;
}

.genvid-page.sk-video-suite .sk-compose-grid[b-5b05c7jnap] {
  --bs-gutter-x: 1rem;
  --bs-gutter-y: 1rem;
}

.genvid-page.sk-video-suite .sk-work-module[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-control-module[b-5b05c7jnap] {
  position: relative;
  overflow: visible;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: calc(var(--app-radius) + 0.1rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 12rem),
    rgba(20, 24, 28, 0.52);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    transform 0.18s ease;
}

.genvid-page.sk-video-suite .sk-work-module:hover[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-control-module:hover[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 12rem),
    rgba(20, 24, 28, 0.62);
}

.genvid-page.sk-video-suite .sk-work-module--prompt[b-5b05c7jnap] {
  min-height: 335px;
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--app-brand-color-rgb), 0.15), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)),
    rgba(19, 23, 27, 0.72);
}

.genvid-page.sk-video-suite .sk-work-module--reference[b-5b05c7jnap] {
  min-height: 335px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.014)),
    rgba(19, 23, 27, 0.7);
}

.genvid-page.sk-video-suite .sk-module-head[b-5b05c7jnap] {
  min-height: 2.35rem;
}

.genvid-page.sk-video-suite .sk-module-head .sk-prompt-tools--top[b-5b05c7jnap] {
  flex: 1 1 330px;
  justify-content: flex-end;
}

.genvid-page.sk-video-suite .sk-module-label[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-control-module .form-label .sk-accent-text[b-5b05c7jnap] {
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genvid-page.sk-video-suite .sk-module-pill[b-5b05c7jnap] {
  padding: 0.18rem 0.5rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  color: var(--app-front-color-sec);
  background: rgba(var(--app-brand-color-rgb), 0.055);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.genvid-page.sk-video-suite .sk-prompt-input[b-5b05c7jnap] {
  min-height: 205px;
  padding: 1rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.05)),
    rgba(13, 16, 19, 0.75);
  font-size: 1rem;
  line-height: 1.55;
}

.genvid-page.sk-video-suite .sk-prompt-input:focus[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.86);
  box-shadow:
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.13),
    0 0 34px rgba(var(--app-brand-color-rgb), 0.11);
}

.genvid-page.sk-video-suite .sk-module-footer[b-5b05c7jnap] {
  padding-top: 0.25rem;
  justify-content: flex-start;
}

.genvid-page.sk-video-suite .sk-prompt-tool-button[b-5b05c7jnap] {
  flex: 0 0 auto;
  border-radius: 999px;
  font-weight: 850;
  white-space: nowrap;
}

.genvid-page.sk-video-suite .sk-prompt-status[b-5b05c7jnap] {
  text-align: right;
}

.genvid-page.sk-video-suite .sk-compose-side[b-5b05c7jnap]  .idu-box {
  height: 100%;
  padding: 0.65rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(10, 13, 16, 0.5);
}

.genvid-page.sk-video-suite .sk-compose-side[b-5b05c7jnap]  .idu-drop,
.genvid-page.sk-video-suite .sk-compose-side[b-5b05c7jnap]  .idu-mobile-picker {
  --idu-drop-min-h: 238px;
  border-color: rgba(var(--app-brand-color-rgb), 0.4);
  background:
    radial-gradient(circle at 50% 12%, rgba(var(--app-brand-color-rgb), 0.12), transparent 12rem),
    rgba(8, 11, 14, 0.42);
}

.genvid-page.sk-video-suite .sk-compose-side[b-5b05c7jnap]  .idu-preview {
  --idu-preview-h: 268px;
  border-color: rgba(var(--app-brand-color-rgb), 0.22);
  background: rgba(8, 11, 14, 0.58);
}

.genvid-page.sk-video-suite .sk-control-deck[b-5b05c7jnap] {
  overflow: visible;
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 95% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 22rem),
    radial-gradient(circle at 8% 100%, rgba(255, 255, 255, 0.05), transparent 18rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.016)),
    rgba(28, 33, 38, 0.94);
}

.genvid-page.sk-video-suite .sk-advanced-panel__summary[b-5b05c7jnap] {
  min-height: 74px;
  padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: calc(var(--app-radius) + 0.32rem) calc(var(--app-radius) + 0.32rem) 0 0;
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.075), transparent 48%),
    rgba(255, 255, 255, 0.012);
}

.genvid-page.sk-video-suite .sk-advanced-panel:not([open]) .sk-advanced-panel__summary[b-5b05c7jnap] {
  border-bottom-color: transparent;
  border-radius: calc(var(--app-radius) + 0.32rem);
}

.genvid-page.sk-video-suite .sk-advanced-panel__summary:hover[b-5b05c7jnap] {
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.11), transparent 52%),
    rgba(255, 255, 255, 0.02);
}

.genvid-page.sk-video-suite .sk-advanced-panel__summary:focus-visible[b-5b05c7jnap] {
  outline: 0;
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.64),
    0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.12);
}

.genvid-page.sk-video-suite .sk-advanced-panel__summary:focus:not(:focus-visible)[b-5b05c7jnap] {
  outline: 0;
}

.genvid-page.sk-video-suite .sk-advanced-panel__chevron[b-5b05c7jnap] {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
  transition: none;
}

.genvid-page.sk-video-suite .sk-advanced-panel[open] .sk-advanced-panel__chevron[b-5b05c7jnap] {
  transform: none;
  background: transparent;
}

.genvid-page.sk-video-suite .sk-advanced-panel[open] .sk-advanced-panel__chevron[b-5b05c7jnap]  .sk-chevron svg {
  transform: rotate(180deg);
}

.genvid-page.sk-video-suite .sk-advanced-panel__title[b-5b05c7jnap] {
  color: var(--app-front-color-main);
  font-size: 1.15rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.genvid-page.sk-video-suite .sk-advanced-panel__hint[b-5b05c7jnap] {
  margin-top: 0.12rem;
}

.genvid-page.sk-video-suite .sk-advanced-panel__body[b-5b05c7jnap] {
  padding: 0 1.1rem 1.1rem;
}

.genvid-page.sk-video-suite .sk-settings-grid[b-5b05c7jnap] {
  --bs-gutter-x: 0.85rem;
  --bs-gutter-y: 0.85rem;
}

.genvid-page.sk-video-suite .sk-control-module--quality[b-5b05c7jnap] {
  min-width: min(100%, 300px);
}

.genvid-page.sk-video-suite .sk-control-module--wide[b-5b05c7jnap] {
  padding: 1rem;
}

.genvid-page.sk-video-suite .sk-control-module--negative[b-5b05c7jnap] {
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.055), transparent 13rem),
    rgba(20, 24, 28, 0.44);
}

.genvid-page.sk-video-suite .sk-video-picker[b-5b05c7jnap] {
  position: relative;
  width: 100%;
  min-width: 0;
}

.genvid-page.sk-video-suite .sk-video-picker--open[b-5b05c7jnap] {
  z-index: 95;
}

.genvid-page.sk-video-suite .sk-video-picker__trigger[b-5b05c7jnap] {
  min-height: 58px;
  width: 100%;
  position: relative;
  z-index: 92;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.65rem 0.82rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) + 0.05rem);
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 98% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
    rgba(9, 12, 15, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 28px rgba(0, 0, 0, 0.16);
  text-align: left;
  font-weight: 850;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.genvid-page.sk-video-suite .sk-video-picker__trigger:hover[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-video-picker__trigger:focus-visible[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.68);
  background:
    radial-gradient(circle at 98% 0, rgba(var(--app-brand-color-rgb), 0.19), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(9, 12, 15, 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.12),
    0 18px 36px rgba(0, 0, 0, 0.2);
  outline: 0;
}

.genvid-page.sk-video-suite .sk-video-picker__selected[b-5b05c7jnap] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.genvid-page.sk-video-suite .sk-video-picker__side[b-5b05c7jnap] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--app-brand-color);
}

.genvid-page.sk-video-suite .sk-video-picker__backdrop[b-5b05c7jnap] {
  position: fixed;
  inset: 0;
  z-index: 88;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.genvid-page.sk-video-suite .sk-video-picker__menu[b-5b05c7jnap] {
  position: absolute;
  z-index: 94;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.22rem;
  max-height: min(340px, 54vh);
  overflow: auto;
  padding: 0.38rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.42);
  border-radius: calc(var(--app-radius) + 0.12rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 14rem),
    linear-gradient(180deg, rgba(49, 55, 62, 0.98), rgba(28, 33, 38, 0.98));
  box-shadow:
    0 24px 64px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.genvid-page.sk-video-suite .sk-video-picker__option[b-5b05c7jnap] {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.65rem;
  border: 1px solid transparent;
  border-radius: calc(var(--app-radius) - 0.18rem);
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.018);
  cursor: pointer;
  font-weight: 750;
  transition: border-color 0.16s ease, background 0.16s ease;
}

.genvid-page.sk-video-suite .sk-video-picker__option:hover[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-video-picker__option:focus-visible[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.46);
  background: rgba(var(--app-brand-color-rgb), 0.09);
  outline: 0;
}

.genvid-page.sk-video-suite .sk-video-picker__option--selected[b-5b05c7jnap] {
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.2), rgba(var(--app-brand-color-rgb), 0.075)),
    rgba(255, 255, 255, 0.035);
}

.genvid-page.sk-video-suite .sk-priority[b-5b05c7jnap] {
  min-height: 54px;
}

.genvid-page.sk-video-suite .sk-priority .btn[b-5b05c7jnap] {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 1rem;
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(9, 12, 15, 0.5);
  font-weight: 850;
}

.genvid-page.sk-video-suite .sk-priority .btn-check:checked + .btn[b-5b05c7jnap],
.genvid-page.sk-video-suite .sk-priority .btn.active[b-5b05c7jnap] {
  background: linear-gradient(135deg, var(--app-brand-color), #ff9c2b);
  border-color: var(--app-brand-color);
  color: #111;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.24);
}

.genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap] {
  position: sticky;
  bottom: 0.75rem;
  z-index: 15;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto auto auto minmax(220px, auto);
  gap: 0.9rem;
  align-items: center !important;
  margin-top: 0.2rem;
  padding: 0.72rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.38);
  background:
    radial-gradient(circle at 90% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(34, 39, 44, 0.94), rgba(20, 24, 28, 0.96));
  backdrop-filter: blur(14px);
}

.genvid-page.sk-video-suite .sk-generate-receipt__copy[b-5b05c7jnap] {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

.genvid-page.sk-video-suite .sk-generate-receipt__copy strong[b-5b05c7jnap] {
  color: var(--app-front-color-main);
  font-size: 1.08rem;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.genvid-page.sk-video-suite .sk-generate-receipt__copy small[b-5b05c7jnap] {
  color: var(--app-front-color-sec);
  line-height: 1.35;
}

.genvid-page.sk-video-suite .sk-wait-estimate[b-5b05c7jnap] {
  min-width: 168px;
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.genvid-page.sk-video-suite .sk-estimate[b-5b05c7jnap] {
  min-height: 46px;
  padding: 0.45rem 0.78rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.genvid-page.sk-video-suite .sk-estimate .fw-semibold[b-5b05c7jnap] {
  font-size: 1.05rem;
  font-weight: 950;
}

.genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap]  .sk-generate-button {
  min-width: 13.5rem;
  min-height: 54px;
  border-radius: 999px;
  font-weight: 950;
  box-shadow:
    0 14px 34px rgba(var(--app-brand-color-rgb), 0.24),
    0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

.genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap]  .sk-gate-button--blocked {
  min-width: 17rem;
}

.genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap]  .sk-plan-upgrade-hint {
  margin: 0;
  max-width: 30rem;
}

.genvid-page.sk-video-suite .sk-control-deck[open] + .sk-generate-receipt[b-5b05c7jnap] {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .genvid-page.sk-video-suite .sk-feature-hero[b-5b05c7jnap] {
    grid-template-columns: 1fr;
  }

  .genvid-page.sk-video-suite .sk-video-hero[b-5b05c7jnap] {
    min-height: 0;
  }

  .genvid-page.sk-video-suite .sk-video-hero__status[b-5b05c7jnap] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .genvid-page.sk-video-suite .sk-feature-hero__meter[b-5b05c7jnap] {
    min-width: 0;
  }

  .genvid-page.sk-video-suite .sk-work-module--prompt[b-5b05c7jnap],
  .genvid-page.sk-video-suite .sk-work-module--reference[b-5b05c7jnap] {
    min-height: 0;
  }

  .genvid-page.sk-video-suite .sk-prompt-input[b-5b05c7jnap] {
    min-height: 260px;
  }

  .genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap] {
    grid-template-columns: 1fr;
    align-items: stretch !important;
  }

  .genvid-page.sk-video-suite .sk-generate-receipt .sk-estimate[b-5b05c7jnap],
  .genvid-page.sk-video-suite .sk-generate-receipt .sk-wait-estimate[b-5b05c7jnap] {
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .genvid-page.sk-video-suite[b-5b05c7jnap] {
    padding-bottom: calc(13rem + env(safe-area-inset-bottom, 0px));
  }

  .genvid-page.sk-video-suite .sk-studio-container[b-5b05c7jnap] {
    gap: 0.95rem;
    padding-top: 0.75rem !important;
  }

  .genvid-page.sk-video-suite .sk-feature-hero[b-5b05c7jnap] {
    padding: 0.85rem 1.15rem;
  }

  .genvid-page.sk-video-suite .sk-feature-hero__meter[b-5b05c7jnap] {
    display: none;
  }

  .genvid-page.sk-video-suite .sk-feature-hero h1[b-5b05c7jnap] {
    font-size: clamp(2.55rem, 15vw, 3.8rem);
  }

  .genvid-page.sk-video-suite .sk-video-hero__status[b-5b05c7jnap] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 1rem;
  }

  .genvid-page.sk-video-suite .sk-video-hero__status span[b-5b05c7jnap] {
    padding: 0.62rem 0.55rem;
  }

  .genvid-page.sk-video-suite .sk-video-hero__status strong[b-5b05c7jnap] {
    font-size: 0.88rem;
  }

  .genvid-page.sk-video-suite .sk-video-hero__status em[b-5b05c7jnap] {
    font-size: 0.66rem;
  }

  .genvid-page.sk-video-suite .sk-video-workbench[b-5b05c7jnap],
  .genvid-page.sk-video-suite .sk-card[b-5b05c7jnap] {
    padding: 0.85rem !important;
  }

  .genvid-page.sk-video-suite .sk-work-module[b-5b05c7jnap],
  .genvid-page.sk-video-suite .sk-control-module[b-5b05c7jnap] {
    padding: 0.85rem;
  }

  .genvid-page.sk-video-suite .sk-module-head[b-5b05c7jnap] {
    align-items: stretch !important;
    flex-direction: column;
  }

  .genvid-page.sk-video-suite .sk-module-head .sk-prompt-tools--top[b-5b05c7jnap] {
    flex: 1 1 auto;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .genvid-page.sk-video-suite .sk-prompt-input[b-5b05c7jnap] {
    min-height: 230px;
  }

  .genvid-page.sk-video-suite .sk-advanced-panel[b-5b05c7jnap] {
    padding: 0 !important;
  }

  .genvid-page.sk-video-suite .sk-advanced-panel__summary[b-5b05c7jnap] {
    min-height: 66px;
    padding: 0.9rem;
  }

  .genvid-page.sk-video-suite .sk-advanced-panel__body[b-5b05c7jnap] {
    padding: 0 0.85rem 0.85rem;
  }

  .genvid-page.sk-video-suite .sk-priority[b-5b05c7jnap] {
    width: 100%;
  }

  .genvid-page.sk-video-suite .sk-priority-group[b-5b05c7jnap] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
  }

  .genvid-page.sk-video-suite .sk-priority-group .btn[b-5b05c7jnap] {
    width: 100%;
  }

  .genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap] {
    left: 0.65rem;
    right: 0.65rem;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.65rem);
    box-sizing: border-box;
    max-height: none;
    overflow: visible;
    padding: 0.72rem;
    border-radius: calc(var(--app-radius) + 0.2rem);
  }

  .genvid-page.sk-video-suite .sk-generate-receipt__copy[b-5b05c7jnap] {
    display: none;
  }

  .genvid-page.sk-video-suite .sk-wait-estimate[b-5b05c7jnap],
  .genvid-page.sk-video-suite .sk-estimate[b-5b05c7jnap] {
    min-height: 38px;
    min-width: 0;
    padding: 0.35rem 0.6rem;
  }

  .genvid-page.sk-video-suite .sk-wait-estimate__detail[b-5b05c7jnap] {
    white-space: normal;
  }

  .genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap]  .sk-generate-button,
  .genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap]  .sk-gate-button--blocked {
    min-width: 0;
    width: 100%;
  }

  .genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap]  .sk-plan-upgrade-hint {
    display: block;
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding: 0.48rem 0.62rem;
    font-size: 0.78rem;
    line-height: 1.28;
    text-align: center;
  }
}

@media (max-width: 767.98px) and (max-height: 600px) {
  .genvid-page.sk-video-suite .sk-generate-receipt[b-5b05c7jnap] {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 1;
  }
}
/* /Pages/Footer/2257Page.razor.rz.scp.css */
.policy-page[b-2eno1elirb] {
  min-height: 100%;
}

.policy-card[b-2eno1elirb] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-2eno1elirb] {
  font-size: 1.45rem;
  font-weight: 900;
  margin: 0 0 0.85rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-meta[b-2eno1elirb] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-2eno1elirb] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-2eno1elirb] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-2eno1elirb] {
  color: var(--app-front-color-main);
  font-weight: 700;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body h2[b-2eno1elirb] {
  margin: 1.15rem 0 0.45rem 0;
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.policy-body p[b-2eno1elirb] {
  margin: 0 0 0.8rem 0;
  color: var(--app-front-color-main);
  line-height: 1.55;
  opacity: 0.95;
}

.policy-link[b-2eno1elirb] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-2eno1elirb] {
  text-decoration: underline;
}

@media (max-width: 520px) {
  .policy-card[b-2eno1elirb] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-2eno1elirb] {
    font-size: 1.25rem;
  }

  .policy-meta__row[b-2eno1elirb] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-2eno1elirb] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/Footer/AdultContentDisclaimerPage.razor.rz.scp.css */
.policy-page[b-4npa1fa30m] {
  min-height: 100%;
}

.policy-card[b-4npa1fa30m] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-4npa1fa30m] {
  font-size: 1.55rem;
  font-weight: 900;
  margin: 0 0 0.85rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-meta[b-4npa1fa30m] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-4npa1fa30m] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-4npa1fa30m] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-4npa1fa30m] {
  color: var(--app-front-color-main);
  font-weight: 800;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body h2[b-4npa1fa30m] {
  margin: 1.15rem 0 0.55rem 0;
  font-size: 1.05rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.policy-body p[b-4npa1fa30m] {
  margin: 0 0 0.9rem 0;
  color: var(--app-front-color-main);
  line-height: 1.6;
  opacity: 0.95;
}

.policy-link[b-4npa1fa30m] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-4npa1fa30m] {
  text-decoration: underline;
}

.policy-list[b-4npa1fa30m] {
  margin: 0 0 1rem 0;
  padding-left: 1.25rem;
}

.policy-list li[b-4npa1fa30m] {
  margin: 0 0 0.45rem 0;
  color: var(--app-front-color-main);
  line-height: 1.55;
  opacity: 0.95;
}

.policy-callout[b-4npa1fa30m] {
  margin: 1rem 0 0 0;
  padding: 0.9rem 0.95rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-callout__title[b-4npa1fa30m] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.policy-callout__body[b-4npa1fa30m] {
  opacity: 0.95;
  line-height: 1.55;
}

.policy-links[b-4npa1fa30m] {
  margin: 0;
  padding-left: 1.25rem;
}

.policy-links li[b-4npa1fa30m] {
  margin: 0 0 0.45rem 0;
}

@media (max-width: 520px) {
  .policy-card[b-4npa1fa30m] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-4npa1fa30m] {
    font-size: 1.3rem;
  }

  .policy-meta__row[b-4npa1fa30m] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-4npa1fa30m] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/Footer/ContactUsPage.razor.rz.scp.css */
.policy-page[b-h8dlcuyhjs] {
  min-height: 100%;
}

.policy-card[b-h8dlcuyhjs] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-h8dlcuyhjs] {
  font-size: 1.55rem;
  font-weight: 900;
  margin: 0 0 0.85rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-meta[b-h8dlcuyhjs] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-h8dlcuyhjs] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-h8dlcuyhjs] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-h8dlcuyhjs] {
  color: var(--app-front-color-main);
  font-weight: 800;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body p[b-h8dlcuyhjs] {
  margin: 0 0 0.9rem 0;
  color: var(--app-front-color-main);
  line-height: 1.6;
  opacity: 0.95;
}

.policy-link[b-h8dlcuyhjs] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-h8dlcuyhjs] {
  text-decoration: underline;
}

.contact-grid[b-h8dlcuyhjs] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0.75rem 0 0 0;
}

.contact-card[b-h8dlcuyhjs] {
  padding: 0.9rem 0.95rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-title[b-h8dlcuyhjs] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.contact-value[b-h8dlcuyhjs] {
  opacity: 0.95;
}

.policy-callout[b-h8dlcuyhjs] {
  margin: 1rem 0 0 0;
  padding: 0.9rem 0.95rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 100% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-callout__title[b-h8dlcuyhjs] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.policy-callout__body[b-h8dlcuyhjs] {
  opacity: 0.95;
  line-height: 1.55;
}

@media (max-width: 720px) {
  .contact-grid[b-h8dlcuyhjs] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .policy-card[b-h8dlcuyhjs] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-h8dlcuyhjs] {
    font-size: 1.3rem;
  }

  .policy-meta__row[b-h8dlcuyhjs] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-h8dlcuyhjs] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/Footer/ContentPolicy.razor.rz.scp.css */
.policy-page[b-svr0ov4gwa] {
  min-height: 100%;
}

.policy-card[b-svr0ov4gwa] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-svr0ov4gwa] {
  font-size: 1.55rem;
  font-weight: 900;
  margin: 0 0 0.35rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-subtitle[b-svr0ov4gwa] {
  color: var(--app-front-color-sec);
  margin-bottom: 0.85rem;
}

.policy-meta[b-svr0ov4gwa] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-svr0ov4gwa] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-svr0ov4gwa] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-svr0ov4gwa] {
  color: var(--app-front-color-main);
  font-weight: 800;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body h2[b-svr0ov4gwa] {
  margin: 1.15rem 0 0.55rem 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.policy-body h3[b-svr0ov4gwa] {
  margin: 0.95rem 0 0.45rem 0;
  font-size: 1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
  opacity: 0.98;
}

.policy-body p[b-svr0ov4gwa] {
  margin: 0 0 0.9rem 0;
  color: var(--app-front-color-main);
  line-height: 1.62;
  opacity: 0.95;
}

.policy-list[b-svr0ov4gwa] {
  margin: 0 0 1rem 0;
  padding-left: 1.25rem;
}

.policy-list li[b-svr0ov4gwa] {
  margin: 0 0 0.45rem 0;
  color: var(--app-front-color-main);
  line-height: 1.55;
  opacity: 0.95;
}

.policy-link[b-svr0ov4gwa] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-svr0ov4gwa] {
  text-decoration: underline;
}

.policy-callout[b-svr0ov4gwa] {
  margin: 1rem 0 0 0;
  padding: 0.95rem 1rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-callout--danger[b-svr0ov4gwa] {
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(255, 77, 77, 0.18) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 77, 77, 0.22);
}

.policy-callout__title[b-svr0ov4gwa] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.policy-callout__body[b-svr0ov4gwa] {
  opacity: 0.95;
  line-height: 1.55;
}

@media (max-width: 520px) {
  .policy-card[b-svr0ov4gwa] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-svr0ov4gwa] {
    font-size: 1.3rem;
  }

  .policy-meta__row[b-svr0ov4gwa] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-svr0ov4gwa] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/Footer/GdprPage.razor.rz.scp.css */
.policy-page[b-snjpmn15xw] {
  min-height: 100%;
}

.policy-card[b-snjpmn15xw] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-snjpmn15xw] {
  font-size: 1.55rem;
  font-weight: 900;
  margin: 0 0 0.35rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-subtitle[b-snjpmn15xw] {
  color: var(--app-front-color-sec);
  margin-bottom: 0.85rem;
}

.policy-meta[b-snjpmn15xw] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-snjpmn15xw] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-snjpmn15xw] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-snjpmn15xw] {
  color: var(--app-front-color-main);
  font-weight: 800;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body h2[b-snjpmn15xw] {
  margin: 1.15rem 0 0.55rem 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.policy-body h3[b-snjpmn15xw] {
  margin: 0.95rem 0 0.45rem 0;
  font-size: 1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
  opacity: 0.98;
}

.policy-body p[b-snjpmn15xw] {
  margin: 0 0 0.9rem 0;
  color: var(--app-front-color-main);
  line-height: 1.62;
  opacity: 0.95;
}

.policy-list[b-snjpmn15xw] {
  margin: 0 0 1rem 0;
  padding-left: 1.25rem;
}

.policy-list li[b-snjpmn15xw] {
  margin: 0 0 0.45rem 0;
  color: var(--app-front-color-main);
  line-height: 1.55;
  opacity: 0.95;
}

.policy-link[b-snjpmn15xw] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-snjpmn15xw] {
  text-decoration: underline;
}

.policy-callout[b-snjpmn15xw] {
  margin: 1rem 0 0 0;
  padding: 0.95rem 1rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-callout__title[b-snjpmn15xw] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.policy-callout__body[b-snjpmn15xw] {
  opacity: 0.95;
  line-height: 1.55;
}

@media (max-width: 520px) {
  .policy-card[b-snjpmn15xw] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-snjpmn15xw] {
    font-size: 1.3rem;
  }

  .policy-meta__row[b-snjpmn15xw] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-snjpmn15xw] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/Footer/PrivacyPolicyPage.razor.rz.scp.css */
.policy-page[b-ay6y1rd3d5] {
  min-height: 100%;
}

.policy-card[b-ay6y1rd3d5] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-ay6y1rd3d5] {
  font-size: 1.55rem;
  font-weight: 900;
  margin: 0 0 0.35rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-subtitle[b-ay6y1rd3d5] {
  color: var(--app-front-color-sec);
  margin-bottom: 0.85rem;
}

.policy-meta[b-ay6y1rd3d5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-ay6y1rd3d5] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-ay6y1rd3d5] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-ay6y1rd3d5] {
  color: var(--app-front-color-main);
  font-weight: 800;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body h2[b-ay6y1rd3d5] {
  margin: 1.15rem 0 0.55rem 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.policy-body h3[b-ay6y1rd3d5] {
  margin: 0.95rem 0 0.45rem 0;
  font-size: 1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
  opacity: 0.98;
}

.policy-body p[b-ay6y1rd3d5] {
  margin: 0 0 0.9rem 0;
  color: var(--app-front-color-main);
  line-height: 1.62;
  opacity: 0.95;
}

.policy-list[b-ay6y1rd3d5] {
  margin: 0 0 1rem 0;
  padding-left: 1.25rem;
}

.policy-list li[b-ay6y1rd3d5] {
  margin: 0 0 0.45rem 0;
  color: var(--app-front-color-main);
  line-height: 1.55;
  opacity: 0.95;
}

.policy-link[b-ay6y1rd3d5] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-ay6y1rd3d5] {
  text-decoration: underline;
}

.policy-callout[b-ay6y1rd3d5] {
  margin: 1rem 0 0 0;
  padding: 0.95rem 1rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-callout__title[b-ay6y1rd3d5] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.policy-callout__body[b-ay6y1rd3d5] {
  opacity: 0.95;
  line-height: 1.55;
}

@media (max-width: 520px) {
  .policy-card[b-ay6y1rd3d5] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-ay6y1rd3d5] {
    font-size: 1.3rem;
  }

  .policy-meta__row[b-ay6y1rd3d5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-ay6y1rd3d5] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/Footer/TermsOfServicePage.razor.rz.scp.css */
.policy-page[b-q866gpu5d5] {
  min-height: 100%;
}

.policy-card[b-q866gpu5d5] {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1.25rem;
  background: var(--app-background-color-contrast);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--app-radius);
  box-shadow: var(--app-shadow);
}

.policy-head h1[b-q866gpu5d5] {
  font-size: 1.55rem;
  font-weight: 900;
  margin: 0 0 0.35rem 0;
  color: var(--app-front-color-main);
  letter-spacing: 0.01em;
}

.policy-subtitle[b-q866gpu5d5] {
  color: var(--app-front-color-sec);
  margin-bottom: 0.85rem;
}

.policy-meta[b-q866gpu5d5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  padding: 0.85rem 0.9rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.15rem);
  margin-bottom: 1.15rem;
}

.policy-meta__row[b-q866gpu5d5] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}

.policy-meta__label[b-q866gpu5d5] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  white-space: nowrap;
}

.policy-meta__value[b-q866gpu5d5] {
  color: var(--app-front-color-main);
  font-weight: 800;
  text-align: right;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.policy-body h2[b-q866gpu5d5] {
  margin: 1.15rem 0 0.55rem 0;
  font-size: 1.1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
}

.policy-body h3[b-q866gpu5d5] {
  margin: 0.95rem 0 0.45rem 0;
  font-size: 1rem;
  font-weight: 900;
  color: var(--app-front-color-main);
  opacity: 0.98;
}

.policy-body p[b-q866gpu5d5] {
  margin: 0 0 0.9rem 0;
  color: var(--app-front-color-main);
  line-height: 1.62;
  opacity: 0.95;
}

.policy-list[b-q866gpu5d5] {
  margin: 0 0 1rem 0;
  padding-left: 1.25rem;
}

.policy-list li[b-q866gpu5d5] {
  margin: 0 0 0.45rem 0;
  color: var(--app-front-color-main);
  line-height: 1.55;
  opacity: 0.95;
}

.policy-link[b-q866gpu5d5] {
  color: var(--app-brand-color);
  font-weight: 800;
  text-decoration: none;
}

.policy-link:hover[b-q866gpu5d5] {
  text-decoration: underline;
}

.policy-callout[b-q866gpu5d5] {
  margin: 1rem 0 1rem 0;
  padding: 0.95rem 1rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(var(--app-brand-color-rgb), 0.1) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.policy-callout--warning[b-q866gpu5d5] {
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(255, 193, 7, 0.16) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 193, 7, 0.22);
}

.policy-callout--danger[b-q866gpu5d5] {
  background:
    radial-gradient(
      120% 140% at 0% 0%,
      rgba(255, 77, 77, 0.18) 0%,
      rgba(0, 0, 0, 0) 60%
    ),
    rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 77, 77, 0.22);
}

.policy-callout__title[b-q866gpu5d5] {
  font-weight: 900;
  margin-bottom: 0.35rem;
}

.policy-callout__body[b-q866gpu5d5] {
  opacity: 0.95;
  line-height: 1.55;
}

@media (max-width: 520px) {
  .policy-card[b-q866gpu5d5] {
    padding: 1rem 1rem;
  }

  .policy-head h1[b-q866gpu5d5] {
    font-size: 1.3rem;
  }

  .policy-meta__row[b-q866gpu5d5] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }

  .policy-meta__value[b-q866gpu5d5] {
    text-align: left;
    width: 100%;
  }
}
/* /Pages/HowItWorksPage.razor.rz.scp.css */
.how-page[b-dayuibfns6] {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 4%, rgba(var(--app-brand-color-rgb), 0.17), transparent 25rem),
    radial-gradient(circle at 92% 24%, rgba(255, 190, 80, 0.09), transparent 29rem),
    var(--app-background-color-main);
}

.how-shell[b-dayuibfns6] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1.5rem, 4vw, 4rem);
}

.how-breadcrumb[b-dayuibfns6] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
  font-weight: 850;
}

.how-breadcrumb a[b-dayuibfns6] {
  color: var(--app-brand-color);
  text-decoration: none;
}

.how-hero[b-dayuibfns6] {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
  gap: clamp(1.2rem, 4vw, 4rem);
  align-items: end;
  padding: clamp(1.25rem, 4vw, 3.5rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--app-radius) + 0.6rem);
  background:
    linear-gradient(112deg, transparent 0 54%, rgba(255, 255, 255, 0.05) 55%, transparent 57%),
    radial-gradient(circle at 82% 12%, rgba(var(--app-brand-color-rgb), 0.31), transparent 19rem),
    linear-gradient(145deg, rgba(var(--app-brand-color-rgb), 0.1), rgba(255, 255, 255, 0.025)),
    rgba(21, 24, 27, 0.95);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.38);
}

.how-hero[b-dayuibfns6]::after {
  content: "SF";
  position: absolute;
  top: -0.22em;
  right: -0.04em;
  color: rgba(var(--app-brand-color-rgb), 0.055);
  font-size: clamp(10rem, 28vw, 27rem);
  font-weight: 950;
  letter-spacing: -0.16em;
  line-height: 1;
  pointer-events: none;
}

.how-hero__copy[b-dayuibfns6],
.how-hero__summary[b-dayuibfns6] {
  position: relative;
  z-index: 1;
}

.how-kicker[b-dayuibfns6] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.how-hero h1[b-dayuibfns6] {
  max-width: 920px;
  margin: 0.55rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(3.25rem, 7.4vw, 7.2rem);
  font-weight: 950;
  letter-spacing: -0.082em;
  line-height: 0.88;
  text-wrap: balance;
}

.how-lead[b-dayuibfns6] {
  max-width: 810px;
  margin: 1.25rem 0 0;
  color: var(--app-front-color-sec);
  font-size: clamp(1rem, 1.55vw, 1.25rem);
  line-height: 1.62;
}

.how-actions[b-dayuibfns6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.35rem;
}

.how-button[b-dayuibfns6] {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0.68rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.2);
  font-weight: 950;
  text-decoration: none;
  transition: transform 0.16s ease, border-color 0.16s ease, filter 0.16s ease;
}

.how-button:hover[b-dayuibfns6],
.how-button:focus-visible[b-dayuibfns6] {
  transform: translateY(-2px);
  outline: none;
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.55);
}

.how-button--primary[b-dayuibfns6] {
  color: #111;
  border-color: var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color) 58%, #ff6a00);
  box-shadow: 0 16px 38px rgba(var(--app-brand-color-rgb), 0.26);
}

.how-button--primary:hover[b-dayuibfns6],
.how-button--primary:focus-visible[b-dayuibfns6] {
  color: #111;
  filter: brightness(1.05);
}

.how-hero__summary[b-dayuibfns6] {
  padding: 1rem 0 0 1.25rem;
  border-left: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
}

.how-hero__summary > span[b-dayuibfns6] {
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.how-hero__summary dl[b-dayuibfns6] {
  display: grid;
  gap: 0;
  margin: 0.55rem 0 0;
}

.how-hero__summary dl > div[b-dayuibfns6] {
  display: grid;
  grid-template-columns: 5rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.72rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.how-hero__summary dt[b-dayuibfns6] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.how-hero__summary dd[b-dayuibfns6] {
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.how-intro[b-dayuibfns6] {
  display: grid;
  grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(1.2rem, 5vw, 5rem);
  align-items: start;
  padding: 0 clamp(0rem, 2vw, 1.4rem);
}

.how-intro h2[b-dayuibfns6],
.how-section-head h2[b-dayuibfns6],
.how-split h2[b-dayuibfns6],
.how-final h2[b-dayuibfns6] {
  margin: 0.35rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2.1rem, 4.6vw, 4.6rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 0.92;
  text-wrap: balance;
}

.how-intro__copy[b-dayuibfns6] {
  padding-top: 1.2rem;
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
}

.how-intro__copy p[b-dayuibfns6],
.how-section-head p[b-dayuibfns6],
.how-split p[b-dayuibfns6] {
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 1.02rem;
  line-height: 1.68;
}

.how-intro__copy p + p[b-dayuibfns6],
.how-split p + p[b-dayuibfns6] {
  margin-top: 0.85rem;
}

.how-flow[b-dayuibfns6],
.how-capabilities[b-dayuibfns6],
.how-chooser[b-dayuibfns6],
.how-faq[b-dayuibfns6] {
  display: grid;
  gap: 1.15rem;
}

.how-section-head[b-dayuibfns6] {
  max-width: 900px;
}

.how-section-head p[b-dayuibfns6] {
  max-width: 720px;
  margin-top: 0.75rem;
}

.how-flow ol[b-dayuibfns6] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.how-flow li[b-dayuibfns6] {
  display: grid;
  gap: 1rem;
  min-height: 265px;
  align-content: space-between;
  padding: 1rem;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.045), transparent 56%);
}

.how-flow li:last-child[b-dayuibfns6] {
  border-right: 0;
}

.how-flow li > span[b-dayuibfns6],
.how-capability-list article > span[b-dayuibfns6] {
  color: var(--app-brand-color);
  font-size: clamp(2rem, 4vw, 4.25rem);
  font-weight: 950;
  letter-spacing: -0.09em;
}

.how-flow h3[b-dayuibfns6],
.how-capability-list h3[b-dayuibfns6] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: 1.28rem;
  font-weight: 950;
}

.how-flow p[b-dayuibfns6],
.how-capability-list p[b-dayuibfns6] {
  margin: 0.45rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.how-capability-list[b-dayuibfns6] {
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
}

.how-capability-list article[b-dayuibfns6] {
  display: grid;
  grid-template-columns: 5.25rem minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1.15rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.how-capability-list article > span[b-dayuibfns6] {
  font-size: 2.5rem;
}

.how-capability-list article > a[b-dayuibfns6],
.how-split a[b-dayuibfns6],
.how-inline-links a[b-dayuibfns6] {
  color: var(--app-brand-color);
  font-weight: 950;
  text-decoration: none;
}

.how-capability-list article > a[b-dayuibfns6] {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 0.5rem 0.8rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.07);
}

.how-capability-list article > a:hover[b-dayuibfns6],
.how-capability-list article > a:focus-visible[b-dayuibfns6],
.how-workflow-table a:hover[b-dayuibfns6],
.how-workflow-table a:focus-visible[b-dayuibfns6],
.how-split a:hover[b-dayuibfns6],
.how-split a:focus-visible[b-dayuibfns6],
.how-inline-links a:hover[b-dayuibfns6],
.how-inline-links a:focus-visible[b-dayuibfns6] {
  outline: none;
  color: var(--app-front-color-main);
}

.how-workflow-table[b-dayuibfns6] {
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.35rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 24rem),
    rgba(20, 23, 26, 0.9);
  box-shadow: 0 24px 62px rgba(0, 0, 0, 0.27);
}

.how-workflow-table table[b-dayuibfns6] {
  width: 100%;
  border-collapse: collapse;
}

.how-workflow-table th[b-dayuibfns6],
.how-workflow-table td[b-dayuibfns6] {
  padding: 1rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.how-workflow-table thead th[b-dayuibfns6] {
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.055);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.how-workflow-table tbody th[b-dayuibfns6] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.how-workflow-table tbody td[b-dayuibfns6] {
  color: var(--app-front-color-sec);
  line-height: 1.5;
}

.how-workflow-table tbody tr:last-child > *[b-dayuibfns6] {
  border-bottom: 0;
}

.how-workflow-table a[b-dayuibfns6] {
  color: var(--app-brand-color);
  font-weight: 950;
  text-decoration: none;
}

.how-mobile-label[b-dayuibfns6] {
  display: none;
}

.how-split[b-dayuibfns6] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: calc(var(--app-radius) + 0.42rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 21rem),
    rgba(20, 23, 26, 0.88);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.3);
}

.how-split article[b-dayuibfns6] {
  padding: clamp(1.1rem, 3vw, 2rem);
}

.how-split article + article[b-dayuibfns6] {
  border-left: 1px solid rgba(255, 255, 255, 0.09);
}

.how-split h2[b-dayuibfns6] {
  margin-bottom: 1rem;
  font-size: clamp(2rem, 3.6vw, 3.65rem);
}

.how-split article > a[b-dayuibfns6] {
  display: inline-flex;
  margin-top: 1rem;
}

.how-inline-links[b-dayuibfns6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.1rem;
  margin-top: 1rem;
}

.how-faq__list[b-dayuibfns6] {
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
}

.how-faq details[b-dayuibfns6] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.how-faq summary[b-dayuibfns6] {
  position: relative;
  padding: 1rem 3rem 1rem 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 950;
  cursor: pointer;
  list-style: none;
}

.how-faq summary[b-dayuibfns6]::-webkit-details-marker {
  display: none;
}

.how-faq summary[b-dayuibfns6]::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--app-brand-color);
  font-size: 1.5rem;
  transform: translateY(-50%);
}

.how-faq details[open] summary[b-dayuibfns6]::after {
  content: "−";
}

.how-faq details p[b-dayuibfns6] {
  max-width: 900px;
  margin: -0.2rem 0 1rem;
  color: var(--app-front-color-sec);
  line-height: 1.62;
}

.how-final[b-dayuibfns6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.2rem, 3vw, 2rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
  border-radius: calc(var(--app-radius) + 0.48rem);
  background:
    radial-gradient(circle at 92% 10%, rgba(var(--app-brand-color-rgb), 0.24), transparent 16rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.1), rgba(255, 255, 255, 0.025)),
    rgba(20, 23, 26, 0.92);
}

.how-final h2[b-dayuibfns6] {
  max-width: 760px;
  font-size: clamp(2rem, 4vw, 4rem);
}

.how-final .how-actions[b-dayuibfns6] {
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-top: 0;
}

@media (max-width: 991.98px) {
  .how-hero[b-dayuibfns6],
  .how-intro[b-dayuibfns6],
  .how-split[b-dayuibfns6] {
    grid-template-columns: 1fr;
  }

  .how-hero__summary[b-dayuibfns6] {
    padding: 1rem 0 0;
    border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
    border-left: 0;
  }

  .how-flow ol[b-dayuibfns6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .how-flow li:nth-child(2)[b-dayuibfns6] {
    border-right: 0;
  }

  .how-split article + article[b-dayuibfns6] {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    border-left: 0;
  }

  .how-final[b-dayuibfns6] {
    align-items: flex-start;
    flex-direction: column;
  }

  .how-final .how-actions[b-dayuibfns6] {
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .how-shell[b-dayuibfns6] {
    gap: 1.5rem;
  }

  .how-hero[b-dayuibfns6] {
    padding: 1rem;
    border-radius: calc(var(--app-radius) + 0.2rem);
  }

  .how-hero h1[b-dayuibfns6] {
    font-size: clamp(2.8rem, 14vw, 4.7rem);
  }

  .how-actions[b-dayuibfns6] {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .how-button[b-dayuibfns6] {
    width: 100%;
  }

  .how-flow ol[b-dayuibfns6] {
    grid-template-columns: 1fr;
  }

  .how-flow li[b-dayuibfns6] {
    min-height: 0;
    border-right: 0;
  }

  .how-capability-list article[b-dayuibfns6] {
    grid-template-columns: 3.8rem minmax(0, 1fr);
  }

  .how-capability-list article > a[b-dayuibfns6] {
    grid-column: 2;
    justify-self: start;
  }

  .how-workflow-table[b-dayuibfns6] {
    border-radius: var(--app-radius);
  }

  .how-workflow-table table[b-dayuibfns6],
  .how-workflow-table tbody[b-dayuibfns6],
  .how-workflow-table tr[b-dayuibfns6],
  .how-workflow-table th[b-dayuibfns6],
  .how-workflow-table td[b-dayuibfns6] {
    display: block;
    width: 100%;
  }

  .how-workflow-table thead[b-dayuibfns6] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .how-workflow-table tr[b-dayuibfns6] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .how-workflow-table tr:last-child[b-dayuibfns6] {
    border-bottom: 0;
  }

  .how-workflow-table th[b-dayuibfns6],
  .how-workflow-table td[b-dayuibfns6] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.42fr) minmax(0, 0.58fr);
    gap: 0.75rem;
    padding: 0.42rem 0;
    border-bottom: 0;
  }

  .how-mobile-label[b-dayuibfns6] {
    display: block;
    color: var(--app-brand-color);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .how-final .how-actions[b-dayuibfns6] {
    display: grid;
  }
}

@media (max-width: 479.98px) {
  .how-hero__summary dl > div[b-dayuibfns6] {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }

  .how-capability-list article[b-dayuibfns6] {
    grid-template-columns: 1fr;
  }

  .how-capability-list article > a[b-dayuibfns6] {
    grid-column: 1;
  }
}
/* /Pages/Index.razor.rz.scp.css */
.landing-page[b-gsguzpgbt7] {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 4%, rgba(var(--app-brand-color-rgb), 0.2), transparent 24rem),
    radial-gradient(circle at 92% 14%, rgba(255, 196, 79, 0.13), transparent 26rem),
    radial-gradient(circle at 50% 120%, rgba(255, 122, 24, 0.11), transparent 34rem),
    var(--app-background-color-main);
}

.landing-page[b-gsguzpgbt7]::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.24;
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(var(--app-brand-color-rgb), 0.08) 45%, transparent 48% 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 86px);
  mask-image: linear-gradient(180deg, black, transparent 82%);
}

.landing-shell[b-gsguzpgbt7] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1rem, 2vw, 1.45rem);
}

.landing-hero[b-gsguzpgbt7] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(330px, 0.78fr);
  gap: clamp(1rem, 2.5vw, 1.5rem);
  align-items: stretch;
  padding: clamp(1.15rem, 3vw, 2.15rem);
}

.landing-hero[b-gsguzpgbt7]::before,
.landing-final[b-gsguzpgbt7]::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -34%;
  width: 30%;
  height: 320%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent);
  transform: rotate(18deg);
  animation: landing-shine-b-gsguzpgbt7 6.5s ease-in-out infinite;
}

.landing-hero__copy[b-gsguzpgbt7] {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: clamp(420px, 58vh, 620px);
  flex-direction: column;
  justify-content: center;
}

.landing-kicker[b-gsguzpgbt7] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.landing-hero h1[b-gsguzpgbt7] {
  max-width: 820px;
  margin: 0.45rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(4rem, 10vw, 9.4rem);
  font-weight: 950;
  letter-spacing: -0.095em;
  line-height: 0.78;
  text-wrap: balance;
}

.landing-hero p[b-gsguzpgbt7] {
  max-width: 720px;
  margin: 1.15rem 0 0;
  color: var(--app-front-color-sec);
  font-size: clamp(1.04rem, 1.65vw, 1.28rem);
  line-height: 1.58;
}

.landing-actions[b-gsguzpgbt7],
.landing-final__actions[b-gsguzpgbt7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.45rem;
}

.landing-btn[b-gsguzpgbt7] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0.72rem 1.15rem;
  border-radius: 999px;
  font-weight: 950;
  text-decoration: none;
  transition:
    transform 0.16s ease,
    filter 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease;
}

.landing-btn:hover[b-gsguzpgbt7],
.landing-btn:focus-visible[b-gsguzpgbt7] {
  transform: translateY(-1px);
  outline: none;
}

.landing-btn--primary[b-gsguzpgbt7] {
  color: #111;
  border: 1px solid var(--app-brand-color);
  background:
    radial-gradient(circle at 28% 15%, #fff4cf, transparent 30%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color) 58%, #ff6a00);
  box-shadow:
    0 18px 42px rgba(var(--app-brand-color-rgb), 0.3),
    0 0 0 0.32rem rgba(var(--app-brand-color-rgb), 0.12);
}

.landing-btn--primary:hover[b-gsguzpgbt7],
.landing-btn--primary:focus-visible[b-gsguzpgbt7] {
  color: #111;
  filter: brightness(1.04);
  box-shadow:
    0 20px 48px rgba(var(--app-brand-color-rgb), 0.38),
    0 0 0 0.42rem rgba(var(--app-brand-color-rgb), 0.16);
}

.landing-btn--secondary[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)),
    rgba(0, 0, 0, 0.14);
}

.landing-btn--secondary:hover[b-gsguzpgbt7],
.landing-btn--secondary:focus-visible[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  box-shadow: 0 0 0 0.22rem rgba(var(--app-brand-color-rgb), 0.1);
}

.landing-proof-row[b-gsguzpgbt7] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  max-width: 780px;
  margin-top: 1.35rem;
}

.landing-proof-row span[b-gsguzpgbt7] {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
  padding: 0.74rem 0.82rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) - 0.05rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.15), transparent 5rem),
    rgba(255, 255, 255, 0.045);
}

.landing-proof-row strong[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.landing-proof-row small[b-gsguzpgbt7] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 800;
}

.landing-stage-card[b-gsguzpgbt7] {
  position: relative;
  overflow: hidden;
  display: grid;
  min-height: clamp(420px, 58vh, 620px);
  align-content: space-between;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.48);
  border-radius: calc(var(--app-radius) + 0.5rem);
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--app-brand-color-rgb), 0.38), transparent 11rem),
    radial-gradient(circle at 78% 72%, rgba(255, 122, 24, 0.2), transparent 12rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.22)),
    rgba(21, 20, 18, 0.94);
  box-shadow:
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12),
    0 30px 76px rgba(0, 0, 0, 0.44),
    0 0 52px rgba(var(--app-brand-color-rgb), 0.16);
}

.landing-stage-card__shine[b-gsguzpgbt7] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 15%, rgba(255, 255, 255, 0.07) 32%, transparent 43%),
    repeating-linear-gradient(100deg, transparent 0 58px, rgba(var(--app-brand-color-rgb), 0.09) 59px 62px, transparent 63px 120px);
  opacity: 0.7;
}

.landing-stage-card__header[b-gsguzpgbt7],
.landing-receipt[b-gsguzpgbt7] {
  position: relative;
  z-index: 1;
}

.landing-stage-card__header[b-gsguzpgbt7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
}

.landing-stage-card__header span[b-gsguzpgbt7],
.landing-receipt span[b-gsguzpgbt7],
.landing-mode-card__top span[b-gsguzpgbt7],
.landing-stack__item span[b-gsguzpgbt7],
.landing-plan-card span[b-gsguzpgbt7] {
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.landing-stage-card__header strong[b-gsguzpgbt7] {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0.25rem 0.66rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
  border-radius: 999px;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.18);
  font-size: 0.82rem;
  font-weight: 950;
}

.landing-stage-wheel[b-gsguzpgbt7] {
  position: relative;
  z-index: 1;
  align-self: center;
  justify-self: center;
  width: min(100%, 420px);
  aspect-ratio: 1;
}

.landing-stage-wheel__ring[b-gsguzpgbt7],
.landing-stage-wheel__chip[b-gsguzpgbt7],
.landing-stage-wheel__core[b-gsguzpgbt7] {
  position: absolute;
  display: grid;
  place-items: center;
}

.landing-stage-wheel__ring[b-gsguzpgbt7] {
  inset: 6%;
  border-radius: 50%;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle, rgba(var(--app-brand-color-rgb), 0.12), transparent 58%),
    conic-gradient(from 24deg, rgba(var(--app-brand-color-rgb), 0.08), transparent, rgba(255, 255, 255, 0.08), transparent, rgba(var(--app-brand-color-rgb), 0.12));
  box-shadow:
    inset 0 0 40px rgba(0, 0, 0, 0.38),
    0 0 42px rgba(var(--app-brand-color-rgb), 0.12);
}

.landing-stage-wheel__ring--inner[b-gsguzpgbt7] {
  inset: 22%;
  opacity: 0.82;
  transform: rotate(-18deg);
}

.landing-stage-wheel__chip[b-gsguzpgbt7] {
  min-width: 92px;
  min-height: 38px;
  padding: 0.35rem 0.72rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.45);
  color: var(--app-front-color-main);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.035)),
    rgba(0, 0, 0, 0.22);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.28);
  font-weight: 950;
}

.landing-stage-wheel__chip--one[b-gsguzpgbt7] {
  top: 9%;
  left: 13%;
}

.landing-stage-wheel__chip--two[b-gsguzpgbt7] {
  top: 42%;
  right: 0;
}

.landing-stage-wheel__chip--three[b-gsguzpgbt7] {
  left: 8%;
  bottom: 12%;
}

.landing-stage-wheel__core[b-gsguzpgbt7] {
  inset: 37%;
  border-radius: 50%;
  color: #111;
  background:
    radial-gradient(circle at 30% 22%, #fff6d8, transparent 32%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  box-shadow:
    0 0 0 0.75rem rgba(var(--app-brand-color-rgb), 0.12),
    0 0 44px rgba(var(--app-brand-color-rgb), 0.52);
  font-size: clamp(1.7rem, 5vw, 3.4rem);
  font-weight: 950;
  letter-spacing: -0.08em;
}

.landing-receipt[b-gsguzpgbt7] {
  display: grid;
  gap: 0.3rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 12rem),
    rgba(0, 0, 0, 0.22);
}

.landing-receipt strong[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  font-weight: 950;
}

.landing-receipt small[b-gsguzpgbt7] {
  color: var(--app-front-color-sec);
}

.landing-jackpot-strip[b-gsguzpgbt7] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.landing-jackpot-strip__item[b-gsguzpgbt7] {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.25rem;
  min-height: 132px;
  padding: 0.92rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) + 0.18rem);
  background:
    radial-gradient(circle at 92% 4%, rgba(var(--app-brand-color-rgb), 0.16), transparent 8rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(23, 27, 31, 0.86);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

.landing-jackpot-strip__item span[b-gsguzpgbt7] {
  color: var(--app-brand-color);
  font-size: 1.5rem;
  font-weight: 950;
  letter-spacing: -0.06em;
}

.landing-jackpot-strip__item strong[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  font-size: 1.06rem;
  font-weight: 950;
}

.landing-jackpot-strip__item small[b-gsguzpgbt7] {
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.landing-section[b-gsguzpgbt7] {
  display: grid;
  gap: 1rem;
  padding-top: 0.35rem;
}

.landing-section__head[b-gsguzpgbt7] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.1rem;
}

.landing-section__head h2[b-gsguzpgbt7],
.landing-split__panel h2[b-gsguzpgbt7],
.landing-final h2[b-gsguzpgbt7] {
  margin: 0.25rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2.15rem, 4.8vw, 4.8rem);
  font-weight: 950;
  letter-spacing: -0.075em;
  line-height: 0.9;
}

.landing-section__head p[b-gsguzpgbt7] {
  max-width: 650px;
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.landing-mode-grid[b-gsguzpgbt7] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.landing-mode-card[b-gsguzpgbt7] {
  position: relative;
  overflow: hidden;
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-height: 280px;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.42rem);
  background:
    radial-gradient(circle at 88% 7%, rgba(var(--app-brand-color-rgb), 0.18), transparent 10rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(30, 35, 39, 0.94);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    filter 0.16s ease;
}

.landing-mode-card[b-gsguzpgbt7]::before {
  content: "";
  position: absolute;
  inset: auto -22% -38% auto;
  width: 15rem;
  height: 15rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--app-brand-color-rgb), 0.23), transparent 68%);
  pointer-events: none;
}

.landing-mode-card[b-gsguzpgbt7]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background: linear-gradient(125deg, transparent 0 40%, rgba(255, 255, 255, 0.16) 44%, transparent 48% 100%);
}

.landing-mode-card:hover[b-gsguzpgbt7],
.landing-mode-card:focus-within[b-gsguzpgbt7] {
  transform: translateY(-3px);
  border-color: rgba(var(--app-brand-color-rgb), 0.48);
  filter: brightness(1.05);
  box-shadow:
    0 28px 66px rgba(0, 0, 0, 0.34),
    0 0 36px rgba(var(--app-brand-color-rgb), 0.12);
}

.landing-mode-card__top[b-gsguzpgbt7],
.landing-mode-card p[b-gsguzpgbt7],
.landing-mode-card a[b-gsguzpgbt7] {
  position: relative;
  z-index: 1;
}

.landing-mode-card__top[b-gsguzpgbt7] {
  display: grid;
  gap: 0.3rem;
}

.landing-mode-card__top strong[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  font-size: clamp(1.35rem, 2.6vw, 2.15rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.landing-mode-card p[b-gsguzpgbt7] {
  max-width: 30rem;
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.52;
}

.landing-mode-card a[b-gsguzpgbt7] {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.55rem 0.82rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
  border-radius: 999px;
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.09);
  font-weight: 950;
  text-decoration: none;
}

.landing-mode-card a:hover[b-gsguzpgbt7],
.landing-mode-card a:focus-visible[b-gsguzpgbt7] {
  outline: none;
  color: #111;
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
}

.landing-mode-card--video[b-gsguzpgbt7],
.landing-mode-card--repair[b-gsguzpgbt7] {
  background:
    radial-gradient(circle at 88% 7%, rgba(255, 179, 71, 0.25), transparent 10rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(255, 255, 255, 0.018)),
    rgba(31, 30, 28, 0.95);
}

.landing-split[b-gsguzpgbt7] {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, 0.88fr);
  gap: 0.9rem;
}

.landing-split__panel[b-gsguzpgbt7] {
  position: relative;
  overflow: hidden;
  min-height: 360px;
  padding: clamp(1rem, 2.5vw, 1.45rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.42rem);
  background:
    radial-gradient(circle at 94% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(25, 29, 33, 0.92);
  box-shadow: 0 24px 58px rgba(0, 0, 0, 0.28);
}

.landing-split__panel--hot[b-gsguzpgbt7] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background:
    radial-gradient(circle at 84% 12%, rgba(var(--app-brand-color-rgb), 0.28), transparent 18rem),
    radial-gradient(circle at 12% 88%, rgba(255, 196, 79, 0.11), transparent 16rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.12), rgba(255, 255, 255, 0.02)),
    rgba(25, 29, 33, 0.94);
}

.landing-split__panel p[b-gsguzpgbt7] {
  max-width: 740px;
  margin: 1rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.58;
}

.landing-chip-row[b-gsguzpgbt7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

.landing-chip-row span[b-gsguzpgbt7] {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0.4rem 0.72rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 999px;
  color: var(--app-front-color-main);
  background: rgba(0, 0, 0, 0.18);
  font-weight: 850;
}

.landing-stack[b-gsguzpgbt7] {
  display: grid;
  gap: 0.7rem;
}

.landing-stack__item[b-gsguzpgbt7] {
  display: grid;
  gap: 0.28rem;
  padding: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: calc(var(--app-radius) + 0.08rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.11), transparent 8rem),
    rgba(0, 0, 0, 0.16);
}

.landing-stack__item strong[b-gsguzpgbt7] {
  color: var(--app-front-color-main);
  font-size: 1.18rem;
  font-weight: 950;
}

.landing-stack__item small[b-gsguzpgbt7] {
  color: var(--app-front-color-sec);
  line-height: 1.48;
}

.landing-section--plans[b-gsguzpgbt7] {
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) + 0.45rem);
  background:
    radial-gradient(circle at 98% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 18rem),
    rgba(0, 0, 0, 0.1);
}

.landing-plan-rail[b-gsguzpgbt7] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.landing-plan-rail[b-gsguzpgbt7]::before {
  content: "";
  position: absolute;
  top: 1.65rem;
  left: 9%;
  right: 9%;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), rgba(var(--app-brand-color-rgb), 0.82));
  box-shadow: 0 0 28px rgba(var(--app-brand-color-rgb), 0.2);
}

.landing-plan-card[b-gsguzpgbt7] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.25rem;
  min-height: 168px;
  align-content: end;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: calc(var(--app-radius) + 0.18rem);
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 50% 1.6rem, rgba(var(--app-brand-color-rgb), 0.17), transparent 4rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(23, 27, 31, 0.92);
  text-decoration: none;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease;
}

.landing-plan-card[b-gsguzpgbt7]::before {
  content: "";
  position: absolute;
  top: 1.13rem;
  left: 50%;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 2px solid rgba(var(--app-brand-color-rgb), 0.72);
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 7px rgba(var(--app-brand-color-rgb), 0.1);
  transform: translateX(-50%);
}

.landing-plan-card.is-featured[b-gsguzpgbt7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.55);
  background:
    radial-gradient(circle at 50% 1.6rem, rgba(var(--app-brand-color-rgb), 0.32), transparent 4.5rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.1), rgba(255, 255, 255, 0.02)),
    rgba(23, 22, 20, 0.96);
  box-shadow: 0 0 42px rgba(var(--app-brand-color-rgb), 0.14);
}

.landing-plan-card.is-featured[b-gsguzpgbt7]::before {
  background: var(--app-brand-color);
  box-shadow:
    0 0 0 8px rgba(var(--app-brand-color-rgb), 0.15),
    0 0 26px rgba(var(--app-brand-color-rgb), 0.48);
}

.landing-plan-card:hover[b-gsguzpgbt7],
.landing-plan-card:focus-visible[b-gsguzpgbt7] {
  transform: translateY(-2px);
  outline: none;
  border-color: rgba(var(--app-brand-color-rgb), 0.48);
  box-shadow:
    0 22px 52px rgba(0, 0, 0, 0.28),
    0 0 32px rgba(var(--app-brand-color-rgb), 0.1);
}

.landing-plan-card strong[b-gsguzpgbt7] {
  margin-top: 1.4rem;
  color: var(--app-front-color-main);
  font-size: 1.35rem;
  font-weight: 950;
}

.landing-plan-card small[b-gsguzpgbt7] {
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

.landing-final[b-gsguzpgbt7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1.1rem, 3vw, 1.8rem);
}

.landing-final h2[b-gsguzpgbt7] {
  max-width: 780px;
}

.landing-final p[b-gsguzpgbt7] {
  max-width: 760px;
  margin: 0.85rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.56;
}

.landing-final__actions[b-gsguzpgbt7] {
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-top: 0;
}

@keyframes landing-shine-b-gsguzpgbt7 {
  0%,
  58% {
    transform: translateX(-35%) rotate(18deg);
    opacity: 0;
  }

  68% {
    opacity: 0.7;
  }

  100% {
    transform: translateX(520%) rotate(18deg);
    opacity: 0;
  }
}

@media (max-width: 1199.98px) {
  .landing-hero[b-gsguzpgbt7],
  .landing-split[b-gsguzpgbt7] {
    grid-template-columns: 1fr;
  }

  .landing-hero__copy[b-gsguzpgbt7],
  .landing-stage-card[b-gsguzpgbt7] {
    min-height: 0;
  }

  .landing-stage-card[b-gsguzpgbt7] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
    gap: 1rem;
    align-items: stretch;
  }

  .landing-stage-card__header[b-gsguzpgbt7] {
    grid-column: 1 / -1;
  }

  .landing-stage-wheel[b-gsguzpgbt7] {
    width: min(100%, 340px);
  }

  .landing-receipt[b-gsguzpgbt7] {
    align-self: end;
  }

  .landing-mode-grid[b-gsguzpgbt7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-final[b-gsguzpgbt7] {
    align-items: flex-start;
    flex-direction: column;
  }

  .landing-final__actions[b-gsguzpgbt7] {
    justify-content: flex-start;
  }
}

@media (max-width: 991.98px) {
  .landing-hero h1[b-gsguzpgbt7] {
    font-size: clamp(3.5rem, 14vw, 6.4rem);
  }

  .landing-jackpot-strip[b-gsguzpgbt7],
  .landing-plan-rail[b-gsguzpgbt7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-plan-rail[b-gsguzpgbt7]::before {
    display: none;
  }

  .landing-section__head[b-gsguzpgbt7] {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 767.98px) {
  .landing-shell[b-gsguzpgbt7] {
    gap: 0.95rem;
  }

  .landing-hero[b-gsguzpgbt7],
  .landing-final[b-gsguzpgbt7],
  .landing-section--plans[b-gsguzpgbt7] {
    border-radius: calc(var(--app-radius) + 0.18rem);
  }

  .landing-hero[b-gsguzpgbt7] {
    padding: 1rem;
  }

  .landing-hero h1[b-gsguzpgbt7] {
    font-size: clamp(3.2rem, 18vw, 5.4rem);
    letter-spacing: -0.085em;
  }

  .landing-hero p[b-gsguzpgbt7] {
    font-size: 1rem;
  }

  .landing-actions[b-gsguzpgbt7],
  .landing-final__actions[b-gsguzpgbt7] {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .landing-btn[b-gsguzpgbt7] {
    width: 100%;
  }

  .landing-proof-row[b-gsguzpgbt7],
  .landing-stage-card[b-gsguzpgbt7],
  .landing-mode-grid[b-gsguzpgbt7] {
    grid-template-columns: 1fr;
  }

  .landing-stage-wheel[b-gsguzpgbt7] {
    width: min(100%, 300px);
    margin: 0 auto;
  }

  .landing-mode-card[b-gsguzpgbt7] {
    min-height: 238px;
  }
}

@media (max-width: 575.98px) {
  .landing-jackpot-strip[b-gsguzpgbt7],
  .landing-plan-rail[b-gsguzpgbt7] {
    grid-template-columns: 1fr;
  }

  .landing-jackpot-strip__item[b-gsguzpgbt7],
  .landing-plan-card[b-gsguzpgbt7] {
    min-height: 128px;
  }

  .landing-plan-card[b-gsguzpgbt7]::before {
    left: auto;
    right: 1rem;
    transform: none;
  }

  .landing-plan-card strong[b-gsguzpgbt7] {
    margin-top: 0;
  }
}
/* /Pages/LoginPage.razor.rz.scp.css */
.login-page[b-un8gmgcv4a] {
  min-height: 100svh;
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 84% 8%, rgba(var(--app-brand-color-rgb), 0.18), transparent 28rem),
    radial-gradient(circle at 12% 34%, rgba(255, 255, 255, 0.05), transparent 23rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 24rem),
    var(--app-background-color-main);
}

.login-page--hacker[b-un8gmgcv4a] {
  min-height: 100svh;
  background:
    radial-gradient(circle at top, rgba(46, 255, 115, 0.12), transparent 35%),
    linear-gradient(180deg, #021107 0%, #030707 100%);
}


.auth-wrap[b-un8gmgcv4a] {
  width: min(100% - 1.5rem, 1180px);
  margin: clamp(1rem, 3vw, 2.2rem) auto clamp(2rem, 4vw, 3rem);
}

.auth-shell[b-un8gmgcv4a] {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);
  gap: clamp(1rem, 2.4vw, 1.5rem);
  align-items: stretch;
  min-height: min(640px, calc(100svh - 8rem));
}

.auth-story[b-un8gmgcv4a],
.auth-card[b-un8gmgcv4a] {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: calc(var(--app-radius) + 0.7rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.auth-story[b-un8gmgcv4a] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 420px;
  padding: clamp(1.25rem, 3.2vw, 2.4rem);
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--app-brand-color-rgb), 0.26), transparent 20rem),
    radial-gradient(circle at 8% 102%, rgba(255, 210, 123, 0.13), transparent 24rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.11), rgba(255, 255, 255, 0.025) 45%, transparent),
    rgba(19, 22, 25, 0.96);
}

.auth-story[b-un8gmgcv4a]::before,
.auth-card[b-un8gmgcv4a]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, black, transparent 76%);
  opacity: 0.3;
}

.auth-story > *[b-un8gmgcv4a],
.auth-card > *[b-un8gmgcv4a] {
  position: relative;
}

.auth-story__eyebrow[b-un8gmgcv4a],
.auth-card__eyebrow[b-un8gmgcv4a] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.auth-story h1[b-un8gmgcv4a] {
  max-width: 680px;
  margin: 0.45rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(3rem, 7vw, 6rem);
  font-weight: 950;
  letter-spacing: -0.08em;
  line-height: 0.88;
}

.auth-story p[b-un8gmgcv4a] {
  max-width: 600px;
  margin: 1.1rem 0 0;
  color: var(--app-front-color-sec);
  font-size: clamp(1rem, 1.6vw, 1.15rem);
  font-weight: 700;
  line-height: 1.55;
}

.auth-story__facts[b-un8gmgcv4a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.25rem;
}

.auth-story__facts span[b-un8gmgcv4a] {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.38rem 0.72rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-main);
  font-size: 0.82rem;
  font-weight: 900;
}

.auth-card[b-un8gmgcv4a] {
  align-self: center;
  padding: clamp(1rem, 2.2vw, 1.4rem);
}

.auth-card[b-un8gmgcv4a]::after {
  content: "";
  position: absolute;
  inset: auto -18% -34% 30%;
  height: 14rem;
  border-radius: 999px;
  background: radial-gradient(ellipse, rgba(var(--app-brand-color-rgb), 0.16), transparent 62%);
  filter: blur(18px);
  pointer-events: none;
}

.auth-card__head[b-un8gmgcv4a] {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.auth-card__head p[b-un8gmgcv4a] {
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.48;
}


.auth-title[b-un8gmgcv4a] {
  color: var(--app-front-color-main);
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.95;
  margin: 0.22rem 0 0;
}


.auth-tabs[b-un8gmgcv4a] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  margin-bottom: 0.95rem;
  padding: 0.25rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
}

.auth-tab[b-un8gmgcv4a] {
  appearance: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0.45rem 0.9rem;
  min-height: 44px;
  border-radius: 999px;
  color: var(--app-front-color-sec);
  background: transparent;
  font-weight: 950;
  letter-spacing: -0.01em;
  transition:
    transform 0.15s ease,
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.auth-tab:hover[b-un8gmgcv4a] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
}

.auth-tab.active[b-un8gmgcv4a] {
  color: var(--app-front-color-main);
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--app-brand-color-rgb), 0.2), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(var(--app-brand-color-rgb), 0.08));
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.035) inset,
    0 10px 24px rgba(0, 0, 0, 0.22),
    0 0 22px rgba(var(--app-brand-color-rgb), 0.12);
}

.auth-tab.active[b-un8gmgcv4a]::after {
  content: "";
  position: absolute;
  left: 22%;
  right: 22%;
  bottom: 0.38rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--app-brand-color), transparent);
  opacity: 0.9;
}


.auth-form .form-control[b-un8gmgcv4a] {
  min-height: 50px;
  border-radius: 0.95rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.18);
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--app-front-color-main);
  font-weight: 750;
  box-shadow: none;
}

.auth-form .form-control:focus[b-un8gmgcv4a],
.auth-preview .form-control:focus[b-un8gmgcv4a] {
  border-color: rgba(var(--app-brand-color-rgb), 0.55);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.13);
}

.auth-form .form-control[b-un8gmgcv4a]::placeholder {
  color: var(--app-front-color-sec);
}


.btn-brand[b-un8gmgcv4a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  color: #111;
  padding: 0.65rem 1.1rem;
  min-height: 50px;
  border-radius: 999px;
  font-weight: 950;
  box-shadow: 0 14px 34px rgba(var(--app-brand-color-rgb), 0.22);
  transition:
    transform 0.16s ease,
    filter 0.16s ease,
    box-shadow 0.16s ease;
}

.btn-brand:hover[b-un8gmgcv4a] {
  color: #111;
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow:
    0 16px 38px rgba(var(--app-brand-color-rgb), 0.28),
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.14);
}


.link-restore[b-un8gmgcv4a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  color: var(--app-front-color-sec);
  text-decoration: none;
  padding: 0;
  min-height: 44px;
  font-weight: 900;
}

.link-restore:hover[b-un8gmgcv4a] {
  color: var(--app-brand-color);
}

.link-restore.disabled[b-un8gmgcv4a] {
  opacity: 0.5;
  pointer-events: none;
}


.auth-help[b-un8gmgcv4a] {
  color: var(--app-front-color-sec);
  margin: 0.75rem 0 0;
}

.auth-help-link[b-un8gmgcv4a] {
  color: var(--app-brand-color);
  text-decoration: none;
  font-weight: 900;
}

.auth-help-link:hover[b-un8gmgcv4a] {
  color: var(--app-brand-color);
}


fieldset[disabled] .form-control[b-un8gmgcv4a] {
  opacity: 0.7;
}

.auth-preview[b-un8gmgcv4a] {
  padding: 0.8rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: 1.1rem;
  background: rgba(0, 0, 0, 0.12);
}

.auth-card .alert[b-un8gmgcv4a],
.auth-form .validation-errors[b-un8gmgcv4a],
.auth-form .validation-summary-errors[b-un8gmgcv4a],
.auth-form[b-un8gmgcv4a]  .validation-summary-errors {
  border-radius: 1rem;
}

.auth-card .alert[b-un8gmgcv4a] {
  border-color: rgba(var(--app-brand-color-rgb), 0.3);
  background: rgba(var(--app-brand-color-rgb), 0.11);
  color: var(--app-front-color-main);
  font-weight: 750;
}

.auth-confirm-modal[b-un8gmgcv4a] {
  position: fixed;
  inset: 0;
  z-index: 5200;
  display: grid;
  place-items: center;
  padding: 1rem;
  background:
    radial-gradient(circle at 70% 20%, rgba(var(--app-brand-color-rgb), 0.18), transparent 22rem),
    rgba(0, 0, 0, 0.66);
  backdrop-filter: blur(16px);
}

.auth-confirm-modal__card[b-un8gmgcv4a] {
  position: relative;
  overflow: hidden;
  width: min(100%, 38rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.42);
  border-radius: calc(var(--app-radius) + 0.9rem);
  padding: clamp(1.1rem, 3vw, 1.65rem);
  background:
    radial-gradient(circle at 90% 0%, rgba(var(--app-brand-color-rgb), 0.24), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.018)),
    rgba(20, 24, 29, 0.98);
  box-shadow:
    0 32px 92px rgba(0, 0, 0, 0.54),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.auth-confirm-modal__card[b-un8gmgcv4a]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: linear-gradient(180deg, black, transparent 80%);
  opacity: 0.28;
}

.auth-confirm-modal__card > *[b-un8gmgcv4a] {
  position: relative;
}

.auth-confirm-modal__eyebrow[b-un8gmgcv4a] {
  color: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.auth-confirm-modal__card h2[b-un8gmgcv4a] {
  margin: 0.35rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2.1rem, 7vw, 3.45rem);
  font-weight: 950;
  letter-spacing: -0.07em;
  line-height: 0.94;
}

.auth-confirm-modal__card p[b-un8gmgcv4a] {
  margin: 0.9rem 0 0;
  color: var(--app-front-color-sec);
  font-weight: 750;
  line-height: 1.55;
}

.auth-confirm-modal__mail[b-un8gmgcv4a],
.auth-confirm-modal__status[b-un8gmgcv4a],
.auth-confirm-modal__pass[b-un8gmgcv4a] {
  margin-top: 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.18);
  padding: 0.75rem 0.85rem;
  color: var(--app-front-color-main);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.auth-confirm-modal__mail[b-un8gmgcv4a] {
  display: grid;
  gap: 0.2rem;
}

.auth-confirm-modal__mail span[b-un8gmgcv4a],
.auth-confirm-modal__pass span[b-un8gmgcv4a] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.auth-confirm-modal__pass[b-un8gmgcv4a] {
  display: grid;
  gap: 0.28rem;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 12rem),
    rgba(0, 0, 0, 0.16);
}

.auth-confirm-modal__pass strong[b-un8gmgcv4a] {
  color: var(--app-front-color-main);
  font-weight: 950;
  line-height: 1.28;
}

.auth-confirm-modal__status[b-un8gmgcv4a] {
  color: var(--app-front-color-sec);
  font-size: 0.94rem;
}

.auth-confirm-modal__actions[b-un8gmgcv4a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.6rem;
  margin-top: 1rem;
}

.auth-confirm-modal__secondary[b-un8gmgcv4a],
.auth-confirm-modal__later[b-un8gmgcv4a] {
  appearance: none;
  min-height: 50px;
  border-radius: 999px;
  font-weight: 950;
}

.auth-confirm-modal__secondary[b-un8gmgcv4a] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.45);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
}

.auth-confirm-modal__later[b-un8gmgcv4a] {
  grid-column: 1 / -1;
  border: 0;
  background: transparent;
  color: var(--app-front-color-sec);
}

.auth-confirm-modal__secondary:hover[b-un8gmgcv4a],
.auth-confirm-modal__later:hover[b-un8gmgcv4a] {
  color: var(--app-brand-color);
}

@media (max-width: 767.98px) {
  .auth-wrap[b-un8gmgcv4a] {
    width: min(100% - 1rem, 1180px);
    margin: 0.75rem auto 1.35rem;
  }

  .auth-shell[b-un8gmgcv4a] {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    min-height: 0;
  }

  .auth-story[b-un8gmgcv4a] {
    min-height: 0;
    padding: 1rem;
  }

  .auth-story h1[b-un8gmgcv4a] {
    font-size: clamp(2.6rem, 14vw, 3.65rem);
  }

  .auth-story__facts[b-un8gmgcv4a] {
    display: grid;
    grid-template-columns: 1fr;
  }

  .auth-card[b-un8gmgcv4a] {
    padding: 1rem 1rem 1.25rem;
  }

  .auth-actions[b-un8gmgcv4a],
  .auth-preview-actions[b-un8gmgcv4a] {
    align-items: stretch !important;
    flex-direction: column;
  }

  .btn-brand[b-un8gmgcv4a],
  .link-restore[b-un8gmgcv4a] {
    text-align: center;
    width: 100%;
  }

  .link-restore[b-un8gmgcv4a] {
    padding: 0.2rem 0;
  }

  .auth-confirm-modal__actions[b-un8gmgcv4a] {
    grid-template-columns: 1fr;
  }
}

.hacker-wrap[b-un8gmgcv4a] {
  min-height: 100svh;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hacker-shell[b-un8gmgcv4a] {
  position: relative;
  width: min(1180px, 100%);
  min-height: min(78svh, 860px);
  border-radius: 1.8rem;
  overflow: hidden;
  border: 1px solid rgba(91, 255, 139, 0.18);
  background:
    linear-gradient(135deg, rgba(5, 20, 10, 0.98), rgba(2, 8, 5, 0.96)),
    #020805;
  box-shadow:
    0 30px 120px rgba(0, 0, 0, 0.45),
    inset 0 0 0 1px rgba(137, 255, 172, 0.04);
}

.hacker-shell[b-un8gmgcv4a]::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(94, 255, 140, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(94, 255, 140, 0.05) 1px, transparent 1px);
  background-size: 100% 3rem, 3rem 100%;
  opacity: 0.18;
  pointer-events: none;
}

.hacker-grid[b-un8gmgcv4a],
.hacker-noise[b-un8gmgcv4a] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hacker-grid[b-un8gmgcv4a] {
  background:
    radial-gradient(circle at 20% 20%, rgba(72, 255, 109, 0.16), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(72, 255, 109, 0.14), transparent 22%),
    radial-gradient(circle at 100% 100%, rgba(72, 255, 109, 0.12), transparent 30%);
  opacity: 0.65;
}

.hacker-noise[b-un8gmgcv4a] {
  background-image: linear-gradient(transparent 0, rgba(135, 255, 170, 0.05) 50%, transparent 100%);
  background-size: 100% 0.28rem;
  mix-blend-mode: screen;
  opacity: 0.2;
  animation: hacker-scan-b-un8gmgcv4a 7s linear infinite;
}

.hacker-rain[b-un8gmgcv4a] {
  position: absolute;
  inset: 0;
  overflow: hidden;
  opacity: 0.26;
  font-family: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;
  color: #85ffae;
  text-shadow: 0 0 12px rgba(94, 255, 140, 0.35);
}

.hacker-rain span[b-un8gmgcv4a] {
  position: absolute;
  top: -25%;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  letter-spacing: 0.2rem;
  animation: hacker-fall-b-un8gmgcv4a 14s linear infinite;
}

.hacker-rain span:nth-child(1)[b-un8gmgcv4a] { left: 8%; animation-duration: 18s; }
.hacker-rain span:nth-child(2)[b-un8gmgcv4a] { left: 27%; animation-duration: 13s; animation-delay: -4s; }
.hacker-rain span:nth-child(3)[b-un8gmgcv4a] { left: 49%; animation-duration: 16s; animation-delay: -8s; }
.hacker-rain span:nth-child(4)[b-un8gmgcv4a] { left: 68%; animation-duration: 12s; animation-delay: -2s; }
.hacker-rain span:nth-child(5)[b-un8gmgcv4a] { left: 87%; animation-duration: 17s; animation-delay: -6s; }

.hacker-stage[b-un8gmgcv4a],
.hacker-console[b-un8gmgcv4a] {
  position: relative;
  z-index: 1;
}

.hacker-stage[b-un8gmgcv4a] {
  min-height: min(78svh, 860px);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
  gap: 2rem;
  align-items: center;
  padding: clamp(1.4rem, 2vw, 2.4rem);
}

.hacker-copy[b-un8gmgcv4a] {
  max-width: 40rem;
}

.hacker-kicker[b-un8gmgcv4a],
.hacker-console__eyebrow[b-un8gmgcv4a],
.hacker-voucher__label[b-un8gmgcv4a],
.hacker-label[b-un8gmgcv4a] {
  font-family: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.18rem;
  color: #88ffb3;
}

.hacker-kicker[b-un8gmgcv4a],
.hacker-console__eyebrow[b-un8gmgcv4a] {
  font-size: 0.78rem;
  margin-bottom: 1rem;
}

.hacker-title[b-un8gmgcv4a] {
  margin: 0;
  font-family: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;
  font-size: clamp(3rem, 7vw, 6.4rem);
  line-height: 0.92;
  letter-spacing: -0.06em;
  color: #d9ffe6;
  text-shadow: 0 0 24px rgba(85, 255, 141, 0.2);
}

.hacker-subtitle[b-un8gmgcv4a],
.hacker-console__head p[b-un8gmgcv4a],
.hacker-help[b-un8gmgcv4a],
.hacker-status[b-un8gmgcv4a] {
  color: rgba(213, 255, 228, 0.78);
}

.hacker-subtitle[b-un8gmgcv4a] {
  max-width: 34rem;
  margin: 1.2rem 0 0;
  font-size: 1.05rem;
  line-height: 1.7;
}

.hacker-actions[b-un8gmgcv4a],
.hacker-form__actions[b-un8gmgcv4a] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 1.6rem;
}

.hacker-cta[b-un8gmgcv4a],
.hacker-submit[b-un8gmgcv4a] {
  appearance: none;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  min-height: 54px;
  padding: 0.95rem 1.45rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #021508;
  background: linear-gradient(135deg, #66ff8d 0%, #a1ff7c 100%);
  box-shadow:
    0 0 0 1px rgba(160, 255, 174, 0.35),
    0 14px 30px rgba(68, 255, 128, 0.18);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}

.hacker-cta[b-un8gmgcv4a] {
  min-width: min(100%, 25rem);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
}

.hacker-cta:hover[b-un8gmgcv4a],
.hacker-submit:hover[b-un8gmgcv4a] {
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow:
    0 0 0 1px rgba(160, 255, 174, 0.45),
    0 18px 34px rgba(68, 255, 128, 0.24);
}

.hacker-back[b-un8gmgcv4a] {
  appearance: none;
  border: 1px solid rgba(128, 255, 170, 0.2);
  background: rgba(6, 16, 10, 0.72);
  color: #c7ffd7;
  border-radius: 999px;
  min-height: 54px;
  padding: 0.9rem 1.25rem;
  font-weight: 500;
}

.hacker-skull[b-un8gmgcv4a] {
  margin: 0;
  justify-self: end;
  align-self: center;
  font-family: "Cascadia Mono", "IBM Plex Mono", Consolas, monospace;
  font-size: clamp(0.74rem, 1vw, 1rem);
  line-height: 1.14;
  color: rgba(136, 255, 179, 0.84);
  text-shadow: 0 0 18px rgba(67, 255, 127, 0.3);
  opacity: 0.92;
}

.hacker-console[b-un8gmgcv4a] {
  min-height: min(78svh, 860px);
  padding: clamp(1.35rem, 2vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 42rem;
}

.hacker-console__head h2[b-un8gmgcv4a] {
  margin: 0;
  color: #e1ffe9;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1;
}

.hacker-console__head p[b-un8gmgcv4a] {
  margin: 1rem 0 0;
  line-height: 1.7;
  max-width: 36rem;
}

.hacker-status[b-un8gmgcv4a] {
  margin: 1.4rem 0 0;
  padding: 0.95rem 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(123, 255, 164, 0.16);
  background: rgba(6, 18, 10, 0.72);
}

.hacker-status.is-ok[b-un8gmgcv4a] {
  color: #d5ffe4;
}

.hacker-status.is-warn[b-un8gmgcv4a] {
  color: #ffe089;
  border-color: rgba(255, 218, 96, 0.22);
}

.hacker-form[b-un8gmgcv4a] {
  margin-top: 1.5rem;
}

.hacker-input[b-un8gmgcv4a] {
  background: rgba(3, 14, 7, 0.94);
  border-color: rgba(120, 255, 166, 0.16);
  color: #e1ffe8;
  box-shadow: none;
}

.hacker-input[b-un8gmgcv4a]::placeholder {
  color: rgba(196, 255, 215, 0.45);
}

.hacker-help[b-un8gmgcv4a] {
  margin-top: 0.55rem;
  font-size: 0.94rem;
  line-height: 1.6;
}

.hacker-voucher[b-un8gmgcv4a] {
  margin-top: 1.4rem;
  padding: 1rem 1rem 1.15rem;
  border-radius: 1.2rem;
  border: 1px solid rgba(123, 255, 164, 0.18);
  background: linear-gradient(180deg, rgba(6, 18, 10, 0.88), rgba(3, 10, 6, 0.94));
}

.hacker-voucher__copy[b-un8gmgcv4a] {
  margin-top: 0.7rem;
}

.hacker-form .validation-errors[b-un8gmgcv4a],
.hacker-form .validation-summary-errors[b-un8gmgcv4a],
.hacker-form[b-un8gmgcv4a]  .validation-summary-errors {
  color: #ffce7b;
}

@keyframes hacker-fall-b-un8gmgcv4a {
  from { transform: translateY(-25%); }
  to { transform: translateY(140%); }
}

@keyframes hacker-scan-b-un8gmgcv4a {
  from { transform: translateY(-12%); }
  to { transform: translateY(12%); }
}

@media (max-width: 991.98px) {
  .hacker-stage[b-un8gmgcv4a] {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .hacker-skull[b-un8gmgcv4a] {
    justify-self: start;
  }
}

@media (max-width: 767.98px) {
  .hacker-wrap[b-un8gmgcv4a] {
    padding: 0.85rem;
    min-height: 100svh;
  }

  .hacker-shell[b-un8gmgcv4a],
  .hacker-stage[b-un8gmgcv4a],
  .hacker-console[b-un8gmgcv4a] {
    min-height: auto;
  }

  .hacker-stage[b-un8gmgcv4a],
  .hacker-console[b-un8gmgcv4a] {
    padding: 1rem;
  }

  .hacker-actions[b-un8gmgcv4a],
  .hacker-form__actions[b-un8gmgcv4a] {
    flex-direction: column;
    align-items: stretch;
  }

  .hacker-cta[b-un8gmgcv4a],
  .hacker-submit[b-un8gmgcv4a],
  .hacker-back[b-un8gmgcv4a] {
    width: 100%;
  }

  .hacker-title[b-un8gmgcv4a] {
    font-size: clamp(2.3rem, 13vw, 3.4rem);
  }
}
/* /Pages/ResetPasswordPage.razor.rz.scp.css */
.login-page[b-0nbq4kjd2b] {
  min-height: 100svh;
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 84% 8%, rgba(var(--app-brand-color-rgb), 0.18), transparent 28rem),
    radial-gradient(circle at 12% 34%, rgba(255, 255, 255, 0.05), transparent 23rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 24rem),
    var(--app-background-color-main);
}

.auth-wrap[b-0nbq4kjd2b] {
  width: min(100% - 1.5rem, 1080px);
  margin: clamp(1rem, 3vw, 2.2rem) auto clamp(2rem, 4vw, 3rem);
}

.auth-shell[b-0nbq4kjd2b] {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.78fr);
  gap: clamp(1rem, 2.4vw, 1.5rem);
  align-items: stretch;
  min-height: min(560px, calc(100svh - 8rem));
}

.auth-story[b-0nbq4kjd2b],
.auth-card[b-0nbq4kjd2b] {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: calc(var(--app-radius) + 0.7rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--app-background-color-contrast);
  box-shadow:
    0 28px 72px rgba(0, 0, 0, 0.42),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.auth-story[b-0nbq4kjd2b] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.25rem, 3vw, 2.1rem);
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--app-brand-color-rgb), 0.26), transparent 20rem),
    radial-gradient(circle at 8% 102%, rgba(255, 210, 123, 0.13), transparent 24rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.11), rgba(255, 255, 255, 0.025) 45%, transparent),
    rgba(19, 22, 25, 0.96);
}

.auth-story[b-0nbq4kjd2b]::before,
.auth-card[b-0nbq4kjd2b]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(180deg, black, transparent 76%);
  opacity: 0.3;
}

.auth-story > *[b-0nbq4kjd2b],
.auth-card > *[b-0nbq4kjd2b] {
  position: relative;
}

.auth-story__eyebrow[b-0nbq4kjd2b],
.auth-card__eyebrow[b-0nbq4kjd2b] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.auth-story h1[b-0nbq4kjd2b] {
  max-width: 560px;
  margin: 0.45rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(3rem, 6vw, 5rem);
  font-weight: 950;
  letter-spacing: -0.08em;
  line-height: 0.88;
}

.auth-story p[b-0nbq4kjd2b] {
  max-width: 520px;
  margin: 1.1rem 0 0;
  color: var(--app-front-color-sec);
  font-size: clamp(1rem, 1.6vw, 1.13rem);
  font-weight: 700;
  line-height: 1.55;
}

.auth-card[b-0nbq4kjd2b] {
  align-self: center;
  padding: clamp(1rem, 2.2vw, 1.4rem);
}

.auth-card[b-0nbq4kjd2b]::after {
  content: "";
  position: absolute;
  inset: auto -18% -34% 30%;
  height: 14rem;
  border-radius: 999px;
  background: radial-gradient(ellipse, rgba(var(--app-brand-color-rgb), 0.16), transparent 62%);
  filter: blur(18px);
  pointer-events: none;
}

.auth-card__head[b-0nbq4kjd2b] {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.auth-card__head p[b-0nbq4kjd2b] {
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.96rem;
  font-weight: 700;
  line-height: 1.48;
}

.auth-title[b-0nbq4kjd2b] {
  color: var(--app-front-color-main);
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.95;
  margin: 0.22rem 0 0;
}

.auth-form .form-control[b-0nbq4kjd2b] {
  min-height: 50px;
  border-radius: 0.95rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.18);
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--app-front-color-main);
  font-weight: 750;
  box-shadow: none;
}

.auth-form .form-control:focus[b-0nbq4kjd2b] {
  border-color: rgba(var(--app-brand-color-rgb), 0.55);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.13);
}

.auth-form .form-control[b-0nbq4kjd2b]::placeholder {
  color: var(--app-front-color-sec);
}

.btn-brand[b-0nbq4kjd2b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  color: #111;
  padding: 0.65rem 1.1rem;
  min-height: 50px;
  border-radius: 999px;
  font-weight: 950;
  box-shadow: 0 14px 34px rgba(var(--app-brand-color-rgb), 0.22);
  transition:
    transform 0.16s ease,
    filter 0.16s ease,
    box-shadow 0.16s ease;
}

.btn-brand:hover[b-0nbq4kjd2b] {
  color: #111;
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow:
    0 16px 38px rgba(var(--app-brand-color-rgb), 0.28),
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.14);
}

.auth-card .alert[b-0nbq4kjd2b] {
  border-radius: 1rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.3);
  background: rgba(var(--app-brand-color-rgb), 0.11);
  color: var(--app-front-color-main);
  font-weight: 750;
}

.auth-card .alert-success[b-0nbq4kjd2b] {
  border-color: rgba(var(--app-brand-color-rgb), 0.4);
}

.auth-card .text-muted[b-0nbq4kjd2b] {
  color: var(--app-front-color-sec) !important;
  font-weight: 800;
}

.auth-status[b-0nbq4kjd2b] {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.3rem;
  margin-bottom: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: 1.05rem;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 12rem),
    rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-main);
}

.auth-status[b-0nbq4kjd2b]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, black, transparent 78%);
  opacity: 0.24;
}

.auth-status > *[b-0nbq4kjd2b] {
  position: relative;
}

.auth-status__label[b-0nbq4kjd2b] {
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.auth-status strong[b-0nbq4kjd2b] {
  color: var(--app-front-color-main);
  font-weight: 900;
  line-height: 1.35;
}

.auth-status__dot[b-0nbq4kjd2b] {
  width: 0.62rem;
  height: 0.62rem;
  display: inline-block;
  margin-right: 0.42rem;
  border-radius: 999px;
  background: var(--app-brand-color);
  box-shadow: 0 0 20px rgba(var(--app-brand-color-rgb), 0.5);
  animation: auth-status-pulse-b-0nbq4kjd2b 1.1s ease-in-out infinite;
}

.auth-status--success[b-0nbq4kjd2b] {
  border-color: rgba(140, 233, 154, 0.36);
  background:
    radial-gradient(circle at 100% 0, rgba(140, 233, 154, 0.13), transparent 12rem),
    rgba(0, 0, 0, 0.18);
}

@keyframes auth-status-pulse-b-0nbq4kjd2b {
  0%, 100% {
    opacity: 0.45;
    transform: scale(0.88);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

@media (max-width: 767.98px) {
  .auth-wrap[b-0nbq4kjd2b] {
    width: min(100% - 1rem, 1080px);
    margin: 0.75rem auto 1.35rem;
  }

  .auth-shell[b-0nbq4kjd2b] {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    min-height: 0;
  }

  .auth-story[b-0nbq4kjd2b] {
    min-height: 0;
    padding: 1rem;
  }

  .auth-story h1[b-0nbq4kjd2b] {
    font-size: clamp(2.6rem, 14vw, 3.65rem);
  }

  .auth-card[b-0nbq4kjd2b] {
    padding: 1rem 1rem 1.25rem;
  }
}
/* /Pages/SettingsPage.razor.rz.scp.css */
.settings-page[b-z8oy49pnv9] {
  min-height: 100svh;
  background:
    radial-gradient(circle at 82% 8%, rgba(var(--app-brand-color-rgb), 0.18), transparent 28rem),
    radial-gradient(circle at 12% 34%, rgba(255, 255, 255, 0.05), transparent 23rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 24rem),
    var(--app-background-color-main);
}

.settings-page .settings-shell[b-z8oy49pnv9] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
  max-width: 1180px;
}

.settings-hero[b-z8oy49pnv9] {
  align-items: stretch;
  padding: clamp(1rem, 2.4vw, 1.45rem);
  border-color: rgba(var(--app-brand-color-rgb), 0.34);
  background:
    radial-gradient(circle at 86% 18%, rgba(var(--app-brand-color-rgb), 0.22), transparent 22rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.11), rgba(255, 255, 255, 0.025) 45%, transparent),
    rgba(25, 29, 33, 0.92);
}

.settings-hero__eyebrow[b-z8oy49pnv9] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.settings-hero h1[b-z8oy49pnv9] {
  margin: 0.15rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2.15rem, 5vw, 4rem);
  font-weight: 950;
  letter-spacing: -0.065em;
  line-height: 0.95;
}

.settings-hero p[b-z8oy49pnv9],
.settings-card__copy[b-z8oy49pnv9] {
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.settings-hero p[b-z8oy49pnv9] {
  max-width: 640px;
  margin: 0.65rem 0 0;
  font-weight: 700;
}

.settings-hero__status[b-z8oy49pnv9] {
  display: grid;
  align-content: center;
  min-width: min(100%, 310px);
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.25rem);
  background:
    radial-gradient(circle at 95% 10%, rgba(var(--app-brand-color-rgb), 0.22), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.014)),
    rgba(0, 0, 0, 0.18);
}

.settings-hero__status span[b-z8oy49pnv9] {
  color: var(--app-front-color-sec);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.settings-hero__status strong[b-z8oy49pnv9] {
  overflow-wrap: anywhere;
  color: var(--app-front-color-main);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 950;
}

.settings-hero__status em[b-z8oy49pnv9] {
  margin-top: 0.35rem;
  color: var(--app-brand-color);
  font-style: normal;
  font-weight: 900;
}

.settings-hero__status em.is-confirmed[b-z8oy49pnv9] {
  color: #8ce99a;
}

.settings-card[b-z8oy49pnv9] {
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.45rem);
  background:
    radial-gradient(circle at 96% 0%, rgba(var(--app-brand-color-rgb), 0.12), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.012)),
    var(--app-background-color-contrast);
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.34),
    0 1px 0 rgba(255, 255, 255, 0.06) inset;
}

.settings-card .card-body[b-z8oy49pnv9] {
  padding: clamp(1rem, 2.2vw, 1.35rem);
}

.settings-card .card-title[b-z8oy49pnv9] {
  color: var(--app-front-color-main);
  font-size: 1.2rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

.settings-card--danger[b-z8oy49pnv9] {
  border-color: rgba(220, 53, 69, 0.42) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(220, 53, 69, 0.16), transparent 14rem),
    linear-gradient(180deg, rgba(220, 53, 69, 0.08), rgba(255, 255, 255, 0.012)),
    rgba(25, 22, 23, 0.94);
}

.settings-card__copy[b-z8oy49pnv9] {
  max-width: 680px;
  margin: -0.15rem 0 1rem;
}

.settings-current-email[b-z8oy49pnv9] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
  word-break: break-word;
}

.settings-badge[b-z8oy49pnv9] {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 0.42rem 0.62rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1;
  white-space: normal;
}

.settings-badge--success[b-z8oy49pnv9] {
  border-color: rgba(140, 233, 154, 0.38);
  background: rgba(140, 233, 154, 0.1);
  color: #a6f4b3;
}

.settings-badge--warning[b-z8oy49pnv9] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background: rgba(var(--app-brand-color-rgb), 0.13);
  color: #ffd7a3;
}

.settings-page .form-label[b-z8oy49pnv9] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.05em;
}

.settings-page .form-control[b-z8oy49pnv9] {
  min-height: 48px;
  border-radius: 0.9rem;
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-main);
  font-weight: 750;
  box-shadow: none;
}

.settings-page .form-control:focus[b-z8oy49pnv9] {
  border-color: rgba(var(--app-brand-color-rgb), 0.55);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.13);
}

.settings-page .btn[b-z8oy49pnv9] {
  min-height: 48px;
  border-radius: 999px;
  font-weight: 950;
}

.settings-page .btn-primary[b-z8oy49pnv9] {
  border-color: var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  color: #111;
  box-shadow: 0 14px 34px rgba(var(--app-brand-color-rgb), 0.2);
}

.settings-page .btn-primary:hover[b-z8oy49pnv9],
.settings-page .btn-primary:focus-visible[b-z8oy49pnv9] {
  border-color: var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  color: #111;
  filter: brightness(1.04);
}

.settings-page .btn-outline-secondary[b-z8oy49pnv9] {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.045);
  color: var(--app-front-color-main);
}

.settings-page .btn-outline-secondary:hover[b-z8oy49pnv9],
.settings-page .btn-outline-secondary:focus-visible[b-z8oy49pnv9] {
  border-color: rgba(var(--app-brand-color-rgb), 0.4);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-main);
}

.settings-danger-note[b-z8oy49pnv9] {
  height: 100%;
  padding: 1rem;
  border: 1px solid rgba(255, 104, 104, 0.34);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 104, 104, 0.1), transparent 12rem),
    linear-gradient(180deg, rgba(220, 53, 69, 0.075), rgba(0, 0, 0, 0.14)),
    rgba(0, 0, 0, 0.12);
  border-radius: 1rem;
}

.settings-danger-note__label[b-z8oy49pnv9] {
  color: #ff9b9b;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
}

.settings-danger-note__copy[b-z8oy49pnv9] {
  color: var(--app-front-color-sec) !important;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
}

.settings-card__title--danger[b-z8oy49pnv9] {
  color: #ff9b9b !important;
}

.settings-danger-button[b-z8oy49pnv9] {
  border-color: rgba(255, 104, 104, 0.56) !important;
  background:
    radial-gradient(circle at 25% 20%, rgba(255, 255, 255, 0.14), transparent 36%),
    linear-gradient(135deg, #ffb199, #ff5b5b) !important;
  color: #1b0606 !important;
  box-shadow: 0 14px 34px rgba(255, 91, 91, 0.18);
}

.settings-danger-button:hover[b-z8oy49pnv9],
.settings-danger-button:focus-visible[b-z8oy49pnv9] {
  filter: brightness(1.04);
}

.settings-message[b-z8oy49pnv9] {
  margin-top: 0.75rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: 0.95rem;
  background: rgba(0, 0, 0, 0.16);
  color: var(--app-front-color-sec);
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.4;
}

.settings-message--info[b-z8oy49pnv9],
.settings-message--success[b-z8oy49pnv9] {
  border-color: rgba(140, 233, 154, 0.28);
  background: rgba(140, 233, 154, 0.08);
  color: #8ce99a !important;
}

.settings-message--danger[b-z8oy49pnv9] {
  border-color: rgba(255, 104, 104, 0.3);
  background: rgba(255, 104, 104, 0.08);
  color: #ffb3b3;
}

@media (max-width: 767.98px) {
  .settings-page .settings-shell[b-z8oy49pnv9] {
    overflow-x: clip;
    padding-top: 0.75rem !important;
  }

  .settings-hero[b-z8oy49pnv9] {
    display: grid;
    gap: 0.9rem;
  }

  .settings-hero__status[b-z8oy49pnv9] {
    min-width: 0;
  }

  .settings-page .settings-email-row > [class*="col-sm"][b-z8oy49pnv9],
  .settings-page .settings-password-row > [class*="col-sm"][b-z8oy49pnv9],
  .settings-page .settings-danger-row > [class*="col-sm"][b-z8oy49pnv9] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .settings-page .settings-email-row .btn[b-z8oy49pnv9],
  .settings-page .settings-password-row .btn[b-z8oy49pnv9],
  .settings-page .settings-danger-row .btn[b-z8oy49pnv9] {
    width: 100%;
  }
}
/* /Pages/SupportPage.razor.rz.scp.css */
.support-page[b-50tgh0aidj] {
  background: var(--app-background-color-main);
}

.support-shell[b-50tgh0aidj] {
  display: grid;
  gap: 1.25rem;
  color: var(--app-front-color-main);
}

.support-hero__copy[b-50tgh0aidj] {
  min-height: 290px;
}

.support-contact[b-50tgh0aidj] {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 0.8rem;
  padding: clamp(1rem, 2vw, 1.45rem);
}

.support-contact strong[b-50tgh0aidj] {
  position: relative;
  z-index: 1;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  font-weight: 950;
  letter-spacing: -0.055em;
  line-height: 0.95;
}

.support-contact p[b-50tgh0aidj] {
  position: relative;
  z-index: 1;
  max-width: 20rem;
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.45;
}

[b-50tgh0aidj] .support-contact__email {
  position: relative;
  z-index: 1;
  width: fit-content;
  max-width: 100%;
}

.support-lane-grid[b-50tgh0aidj] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
}

.support-lane[b-50tgh0aidj] {
  position: relative;
  overflow: hidden;
  min-height: 230px;
  padding: 1.05rem;
}

.support-lane[b-50tgh0aidj]::before {
  content: "";
  position: absolute;
  inset: auto -18% -34% auto;
  width: 10rem;
  height: 10rem;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--app-brand-color-rgb), 0.12), transparent 68%);
  pointer-events: none;
}

.support-lane__index[b-50tgh0aidj] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
}

.support-lane h3[b-50tgh0aidj] {
  margin: 0.9rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.22rem;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.support-lane p[b-50tgh0aidj] {
  margin: 0.5rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.48;
}

.support-lane a[b-50tgh0aidj] {
  display: inline-flex;
  margin-top: 0.8rem;
  color: var(--app-brand-color);
  font-weight: 950;
  text-decoration: none;
}

.support-lane a:hover[b-50tgh0aidj],
.support-lane a:focus-visible[b-50tgh0aidj] {
  color: var(--app-brand-color);
  text-decoration: underline;
}

@media (max-width: 1199.98px) {
  .support-lane-grid[b-50tgh0aidj] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .support-hero[b-50tgh0aidj] {
    grid-template-columns: 1fr;
  }

  .support-hero__copy[b-50tgh0aidj] {
    min-height: auto;
  }

  .support-lane-grid[b-50tgh0aidj] {
    grid-template-columns: 1fr;
  }
}
/* /Shared/Controls/Admin/AdminAdSpendEditor.razor.rz.scp.css */
.admin-ad-spend-mini[b-99xdz9ay9h] {
  display: grid;
  justify-items: end;
  gap: 0.2rem;
}

.admin-ad-spend-mini label[b-99xdz9ay9h] {
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.admin-ad-spend-mini__control[b-99xdz9ay9h] {
  display: flex;
  justify-content: flex-end;
  gap: 0.35rem;
}

.admin-ad-spend-mini .form-control[b-99xdz9ay9h] {
  width: 5.6rem;
  text-align: right;
}
/* /Shared/Controls/Admin/AdminAdvertisingAssetCard.razor.rz.scp.css */
.admin-ad-asset-card[b-9267uc7g5m] {
  min-width: 0;
  display: grid;
  gap: 0.5rem;
  padding: 0.65rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 38%),
    rgba(0, 0, 0, 0.2);
  color: var(--app-front-color-sec);
}

.admin-ad-asset-card.is-active[b-9267uc7g5m] {
  border-color: rgba(var(--app-brand-color-rgb), 0.25);
  color: var(--app-front-color-main);
}

.admin-ad-asset-card.is-paused[b-9267uc7g5m] {
  opacity: 0.65;
}

.admin-ad-asset-card__head[b-9267uc7g5m] {
  display: flex;
  justify-content: space-between;
  gap: 0.65rem;
  min-width: 0;
}

.admin-ad-asset-card__head strong[b-9267uc7g5m],
.admin-ad-asset-card__head small[b-9267uc7g5m] {
  display: block;
  min-width: 0;
}

.admin-ad-asset-card__head strong[b-9267uc7g5m] {
  color: var(--app-front-color-main);
  font-weight: 900;
}

.admin-ad-asset-card__head small[b-9267uc7g5m] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
}

.admin-ad-asset-card__head span[b-9267uc7g5m] {
  flex: 0 0 auto;
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.admin-ad-asset-card__meta[b-9267uc7g5m] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 800;
}

.admin-ad-asset-card__meta code[b-9267uc7g5m],
.admin-ad-asset-card__meta span[b-9267uc7g5m] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 2.35rem;
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.2);
  line-height: 1.15;
  text-align: center;
}

.admin-ad-asset-card__meta span[b-9267uc7g5m] {
  white-space: nowrap;
}

.admin-ad-asset-card__meta code[b-9267uc7g5m] {
  max-width: 100%;
  overflow-wrap: anywhere;
}
/* /Shared/Controls/Admin/AdminAdvertisingBuilder.razor.rz.scp.css */
.admin-ad-builder[b-m4xndi80lx] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  align-items: stretch;
}

.admin-ad-builder__panel[b-m4xndi80lx] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-width: 0;
  padding: 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.14);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.04), transparent),
    rgba(0, 0, 0, 0.16);
}

.admin-ad-builder__panel .btn[b-m4xndi80lx] {
  margin-top: auto;
}

.admin-marketing-kicker[b-m4xndi80lx] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-ad-inline[b-m4xndi80lx] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

@media (max-width: 1100px) {
  .admin-ad-builder[b-m4xndi80lx] {
    grid-template-columns: 1fr;
  }
}
/* /Shared/Controls/Admin/AdminAdvertisingCampaignCard.razor.rz.scp.css */
.admin-ad-campaign[b-yv9zbd80lv] {
  min-width: 0;
  padding: 0.95rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 32%),
    rgba(0, 0, 0, 0.16);
}

.admin-ad-campaign__head[b-yv9zbd80lv] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.admin-marketing-kicker[b-yv9zbd80lv] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-ad-campaign h2[b-yv9zbd80lv] {
  margin: 0.15rem 0 0.2rem;
  color: var(--app-front-color-main);
  font-size: 1.35rem;
  font-weight: 950;
}

.admin-ad-campaign p[b-yv9zbd80lv] {
  margin: 0;
  color: var(--app-front-color-sec);
}

.admin-ad-campaign__money[b-yv9zbd80lv] {
  flex: 0 0 auto;
  text-align: right;
}

.admin-ad-campaign__money strong[b-yv9zbd80lv],
.admin-ad-campaign__money span[b-yv9zbd80lv] {
  display: block;
}

.admin-ad-campaign__money strong[b-yv9zbd80lv] {
  color: var(--app-brand-color-accent);
  font-size: 1.35rem;
  font-weight: 950;
}

.admin-ad-campaign__money span[b-yv9zbd80lv] {
  color: var(--app-front-color-sec);
  font-weight: 850;
}

.admin-marketing-metric-strip[b-yv9zbd80lv] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
  margin-top: 0.7rem;
}

.admin-marketing-metric-strip > div[b-yv9zbd80lv] {
  min-width: 0;
  padding: 0.6rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.15);
}

.admin-marketing-metric-strip span[b-yv9zbd80lv],
.admin-marketing-metric-strip small[b-yv9zbd80lv] {
  display: block;
  color: var(--app-front-color-sec);
}

.admin-marketing-metric-strip span[b-yv9zbd80lv] {
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-marketing-metric-strip strong[b-yv9zbd80lv] {
  display: block;
  margin-top: 0.12rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.05;
}

.admin-marketing-metric-strip small[b-yv9zbd80lv] {
  margin-top: 0.12rem;
  font-size: 0.74rem;
}

.admin-ad-stages[b-yv9zbd80lv] {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.85rem;
}

.admin-marketing-positive[b-yv9zbd80lv] {
  color: #49d38a !important;
}

.admin-marketing-negative[b-yv9zbd80lv] {
  color: #ff7a7a !important;
}

@media (max-width: 1100px) {
  .admin-marketing-metric-strip[b-yv9zbd80lv] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .admin-ad-campaign__head[b-yv9zbd80lv] {
    flex-direction: column;
  }

  .admin-ad-campaign__money[b-yv9zbd80lv] {
    text-align: left;
  }

  .admin-marketing-metric-strip[b-yv9zbd80lv] {
    grid-template-columns: 1fr 1fr;
  }
}
/* /Shared/Controls/Admin/AdminAdvertisingLinkCard.razor.rz.scp.css */
.admin-ad-asset-card[b-2u5ksto9um] {
  min-width: 0;
  display: grid;
  gap: 0.5rem;
  padding: 0.65rem;
  border-radius: calc(var(--app-radius) - 0.45rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 38%),
    rgba(0, 0, 0, 0.2);
  color: var(--app-front-color-sec);
}

.admin-ad-asset-card.is-active[b-2u5ksto9um] {
  border-color: rgba(var(--app-brand-color-rgb), 0.25);
  color: var(--app-front-color-main);
}

.admin-ad-asset-card.is-paused[b-2u5ksto9um] {
  opacity: 0.65;
}

.admin-ad-asset-card__head[b-2u5ksto9um] {
  display: flex;
  justify-content: space-between;
  gap: 0.65rem;
  min-width: 0;
}

.admin-ad-asset-card__head strong[b-2u5ksto9um],
.admin-ad-asset-card__head small[b-2u5ksto9um] {
  display: block;
  min-width: 0;
}

.admin-ad-asset-card__head strong[b-2u5ksto9um] {
  color: var(--app-front-color-main);
  font-weight: 900;
}

.admin-ad-asset-card__head small[b-2u5ksto9um] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
}

.admin-ad-asset-card__head span[b-2u5ksto9um] {
  flex: 0 0 auto;
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
/* /Shared/Controls/Admin/AdminAdvertisingStageCard.razor.rz.scp.css */
.admin-ad-stage[b-r8qu8at9sg] {
  min-width: 0;
  padding: 0.8rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
}

.admin-ad-stage__head[b-r8qu8at9sg] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.admin-ad-stage__head strong[b-r8qu8at9sg],
.admin-ad-stage__head small[b-r8qu8at9sg],
.admin-ad-stage__head span[b-r8qu8at9sg] {
  display: block;
}

.admin-ad-stage__head strong[b-r8qu8at9sg] {
  color: var(--app-front-color-main);
  font-weight: 900;
}

.admin-ad-stage__head small[b-r8qu8at9sg] {
  color: var(--app-front-color-sec);
}

.admin-ad-stage__head span[b-r8qu8at9sg] {
  color: var(--app-brand-color);
  font-weight: 900;
  white-space: nowrap;
}

.admin-ad-stage__money[b-r8qu8at9sg] {
  display: grid;
  justify-items: end;
  gap: 0.35rem;
}

.admin-ad-stage__metrics[b-r8qu8at9sg] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.6rem;
}

.admin-ad-stage__metrics span[b-r8qu8at9sg] {
  min-width: 0;
  padding: 0.35rem 0.55rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 800;
}

.admin-ad-assets[b-r8qu8at9sg] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 0.55rem;
  margin-top: 0.65rem;
}
/* /Shared/Controls/Admin/AdminMetricChartPanel.razor.rz.scp.css */
.admin-metric-chart[b-qtr025lm8o] {
  margin: 0.9rem 0 1rem;
  padding: 0.85rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.15), transparent 18rem),
    radial-gradient(circle at 0 100%, rgba(255, 255, 255, 0.035), transparent 16rem),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.3));
}

.admin-metric-chart__topline[b-qtr025lm8o],
.admin-metric-chart__actions[b-qtr025lm8o],
.admin-metric-chart__controls[b-qtr025lm8o],
.admin-metric-chart__custom-controls[b-qtr025lm8o],
.admin-metric-chart__refresh-controls[b-qtr025lm8o] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.admin-metric-chart__topline[b-qtr025lm8o] {
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.admin-metric-chart__title[b-qtr025lm8o] {
  min-width: min(28rem, 100%);
}

.admin-metric-chart__topline .brand[b-qtr025lm8o] {
  display: inline-block;
  color: var(--app-brand-color);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-metric-chart__topline .muted[b-qtr025lm8o] {
  display: inline-block;
  margin-left: 0.5rem;
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.admin-metric-chart__actions[b-qtr025lm8o] {
  justify-content: flex-end;
}

.admin-metric-chart__state[b-qtr025lm8o],
.admin-metric-chart__updated[b-qtr025lm8o] {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0.28rem 0.58rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  font-weight: 850;
}

.admin-metric-chart__state[b-qtr025lm8o]::before {
  content: "";
  width: 0.46rem;
  height: 0.46rem;
  margin-right: 0.38rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0.85rem currentColor;
}

.admin-metric-chart__state.is-live[b-qtr025lm8o] {
  color: #18c964;
}

.admin-metric-chart__state.is-paused[b-qtr025lm8o] {
  color: #ffd08a;
}

.admin-metric-chart__refresh[b-qtr025lm8o] {
  min-height: 30px;
  border-radius: 999px;
}

.admin-metric-chart__controls[b-qtr025lm8o] {
  margin-bottom: 0.72rem;
  padding: 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: calc(var(--app-radius) - 0.4rem);
  background: rgba(0, 0, 0, 0.14);
}

.admin-metric-chart__custom-controls[b-qtr025lm8o] {
  gap: 0.55rem;
}

.admin-metric-chart__presets[b-qtr025lm8o] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0 0 0.75rem;
}

.admin-metric-chart__presets button[b-qtr025lm8o] {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.08rem;
  min-height: 38px;
  padding: 0.48rem 0.72rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
  font-weight: 850;
  text-align: left;
}

.admin-metric-chart__presets button:hover[b-qtr025lm8o],
.admin-metric-chart__presets button.is-active[b-qtr025lm8o] {
  border-color: rgba(var(--app-brand-color-rgb), 0.58);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.32), transparent 5rem),
    rgba(var(--app-brand-color-rgb), 0.12);
  color: var(--app-front-color-main);
  transform: translateY(-1px);
}

.admin-metric-chart__presets strong[b-qtr025lm8o] {
  color: inherit;
}

.admin-metric-chart__presets span[b-qtr025lm8o] {
  color: rgba(var(--app-brand-color-rgb), 0.92);
  font-size: 0.68rem;
  line-height: 1.2;
}

.admin-metric-chart__controls[b-qtr025lm8o]  label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
}

.admin-metric-chart__controls[b-qtr025lm8o]  .form-select {
  min-width: 11rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background-color: rgba(8, 12, 15, 0.84);
  color: var(--app-front-color-main);
}

.admin-metric-chart__controls[b-qtr025lm8o]  .form-select option {
  background-color: #252a2f;
  color: var(--app-front-color-main);
}

.admin-metric-chart__controls[b-qtr025lm8o]  .form-select option:checked {
  background-color: rgba(var(--app-brand-color-rgb), 0.72);
  color: #15100a;
}

.admin-metric-chart__refresh-controls[b-qtr025lm8o] {
  margin-left: auto;
  gap: 0.55rem;
  padding: 0.28rem 0.36rem 0.28rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.16);
}

.admin-metric-chart__refresh-controls .admin-ext-switch[b-qtr025lm8o] {
  display: inline-flex;
  align-items: center;
  gap: 0.46rem;
  margin: 0;
  min-height: 30px;
}

.admin-metric-chart__refresh-controls .form-check-input[b-qtr025lm8o] {
  margin: 0;
}

.admin-metric-chart__refresh-controls .form-check-label[b-qtr025lm8o] {
  color: var(--app-front-color-main);
  font-size: 0.78rem;
  font-weight: 900;
  white-space: nowrap;
}

.admin-refresh-seconds[b-qtr025lm8o] {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  padding-left: 0.52rem;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.admin-refresh-seconds .form-label[b-qtr025lm8o] {
  color: var(--app-front-color-sec);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-refresh-seconds .form-control[b-qtr025lm8o] {
  width: 4.8rem;
  flex: 0 0 4.8rem;
  border-radius: 0.8rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
  background-color: rgba(8, 12, 15, 0.82);
  color: var(--app-front-color-main);
  font-weight: 850;
}

.admin-metric-chart__steps[b-qtr025lm8o] {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  padding: 0.18rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  max-width: 100%;
}

.admin-metric-chart__steps button[b-qtr025lm8o] {
  min-width: 2.25rem;
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 850;
}

.admin-metric-chart__steps button:hover[b-qtr025lm8o],
.admin-metric-chart__steps button.is-active[b-qtr025lm8o] {
  background: rgba(var(--app-brand-color-rgb), 0.18);
  color: var(--app-front-color-main);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.42);
}

.admin-metric-chart__status[b-qtr025lm8o] {
  margin: 0.2rem 0 0.7rem;
  padding: 0.55rem 0.72rem;
  border-radius: calc(var(--app-radius) - 0.4rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 14rem),
    rgba(0, 0, 0, 0.18);
  color: var(--app-front-color-main);
  font-size: 0.86rem;
}

.admin-metric-history-chart[b-qtr025lm8o] {
  position: relative;
  min-height: 430px;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(255, 255, 255, 0.08);
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    #050607;
  background-size: 72px 72px, 72px 72px, auto;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__host {
  position: absolute;
  inset: 0;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__canvas {
  position: absolute;
  inset: 2.1rem 0 0;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__ticker {
  position: absolute;
  z-index: 3;
  left: 0.75rem;
  right: 0.75rem;
  top: 0.55rem;
  display: flex;
  gap: 0.42rem;
  align-items: center;
  flex-wrap: wrap;
  min-height: 1.25rem;
  color: rgba(255, 255, 255, 0.82);
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 0.77rem;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__ticker .is-up {
  color: #18c964;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__ticker .is-down {
  color: #ff5275;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__tooltip {
  position: absolute;
  z-index: 5;
  left: 0.75rem;
  bottom: 0.65rem;
  max-width: min(42rem, calc(100% - 1.5rem));
  padding: 0.45rem 0.65rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 0.75rem;
  background: rgba(10, 12, 14, 0.88);
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  opacity: 0.72;
  pointer-events: none;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__tooltip.is-visible {
  opacity: 1;
}

.admin-metric-history-chart[b-qtr025lm8o]  .admin-metric-history-chart__empty {
  position: absolute;
  z-index: 4;
  inset: 2.1rem 0 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  font-weight: 850;
  text-align: center;
  pointer-events: none;
}

.admin-metric-history-chart__loading[b-qtr025lm8o] {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(0, 0, 0, 0.28);
  color: var(--app-front-color-sec);
  font-weight: 850;
}

@media (max-width: 720px) {
  .admin-metric-chart[b-qtr025lm8o] {
    padding: 0.7rem;
  }

  .admin-metric-chart__topline[b-qtr025lm8o],
  .admin-metric-chart__actions[b-qtr025lm8o],
  .admin-metric-chart__controls[b-qtr025lm8o],
  .admin-metric-chart__custom-controls[b-qtr025lm8o],
  .admin-metric-chart__refresh-controls[b-qtr025lm8o] {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-metric-chart__topline .muted[b-qtr025lm8o] {
    margin: 0.2rem 0 0;
  }

  .admin-metric-chart__actions[b-qtr025lm8o] {
    width: 100%;
  }

  .admin-metric-chart__state[b-qtr025lm8o],
  .admin-metric-chart__updated[b-qtr025lm8o],
  .admin-metric-chart__refresh[b-qtr025lm8o] {
    justify-content: center;
    width: 100%;
  }

  .admin-metric-chart__controls[b-qtr025lm8o]  label,
  .admin-metric-chart__controls[b-qtr025lm8o]  .form-select {
    width: 100%;
  }

  .admin-metric-chart__refresh-controls[b-qtr025lm8o] {
    margin-left: 0;
    border-radius: calc(var(--app-radius) - 0.35rem);
  }

  .admin-refresh-seconds[b-qtr025lm8o] {
    width: 100%;
    padding-left: 0;
    border-left: 0;
  }

  .admin-refresh-seconds .form-control[b-qtr025lm8o] {
    width: 100%;
    flex: 1 1 auto;
  }

  .admin-metric-chart__steps[b-qtr025lm8o] {
    width: 100%;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .admin-metric-chart__presets button[b-qtr025lm8o] {
    flex: 1 1 100%;
  }

  .admin-metric-history-chart[b-qtr025lm8o] {
    min-height: 360px;
  }
}
/* /Shared/Controls/Admin/AdminPageHeader.razor.rz.scp.css */
.admin-page-header[b-j2eo3ubhbx] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) + 0.18rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 18rem),
    radial-gradient(circle at 0 100%, rgba(255, 255, 255, 0.035), transparent 16rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

.admin-page-header__copy[b-j2eo3ubhbx] {
  min-width: 0;
}

.admin-page-header__kicker[b-j2eo3ubhbx] {
  margin-bottom: 0.35rem;
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-page-header h1[b-j2eo3ubhbx] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.55rem, 2.4vw, 2.45rem);
  font-weight: 950;
  letter-spacing: -0.04em;
  line-height: 0.98;
}

.admin-page-header p[b-j2eo3ubhbx] {
  max-width: 62rem;
  margin: 0.58rem 0 0;
  color: var(--app-front-color-sec);
  font-size: 0.94rem;
  line-height: 1.45;
}

.admin-page-header__actions[b-j2eo3ubhbx] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.55rem;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.admin-page-header__actions[b-j2eo3ubhbx]  .btn {
  min-height: 38px;
  border-radius: 999px;
  font-weight: 850;
}

@media (max-width: 860px) {
  .admin-page-header[b-j2eo3ubhbx] {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-page-header__actions[b-j2eo3ubhbx] {
    justify-content: flex-start;
  }

  .admin-page-header__actions[b-j2eo3ubhbx]  .btn {
    flex: 1 1 auto;
  }
}
/* /Shared/Controls/Admin/AdminSamplePackageImporter.razor.rz.scp.css */
.admin-samples-package[b-nj4ngvp2s1] {
  position: relative;
  display: grid;
  gap: 1rem;
  margin: 1rem 0 1.25rem;
  padding: 1.1rem;
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: var(--app-radius);
  background:
    radial-gradient(circle at 8% 0%, rgba(var(--app-brand-color-rgb), 0.16), transparent 28rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(0, 0, 0, 0.08));
}

.admin-samples-package[b-nj4ngvp2s1]::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--app-brand-color-rgb), 0.85), transparent);
  pointer-events: none;
}

.admin-samples-package__intro[b-nj4ngvp2s1] {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  max-width: 54rem;
}

.admin-samples-package__mark[b-nj4ngvp2s1] {
  flex: 0 0 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.5);
  border-radius: calc(var(--app-radius) - 0.35rem);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  box-shadow: inset 0 0 1.3rem rgba(var(--app-brand-color-rgb), 0.08);
}

.admin-samples-package__eyebrow[b-nj4ngvp2s1] {
  color: var(--app-brand-color);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.admin-samples-package__title[b-nj4ngvp2s1] {
  margin-top: 0.12rem;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 900;
}

.admin-samples-package__copy[b-nj4ngvp2s1] {
  margin-top: 0.2rem;
  color: var(--app-front-color-sec);
  line-height: 1.4;
}

.admin-samples-package__flow[b-nj4ngvp2s1] {
  display: grid;
  grid-template-columns: minmax(13rem, 0.7fr) minmax(20rem, 1.35fr) minmax(12rem, 0.55fr);
  gap: 0.85rem;
  align-items: stretch;
}

.admin-samples-package__mode[b-nj4ngvp2s1],
.admin-samples-package__upload[b-nj4ngvp2s1],
.admin-samples-package__apply[b-nj4ngvp2s1] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.admin-samples-package__step[b-nj4ngvp2s1] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--app-front-color-main);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.025em;
}

.admin-samples-package__step b[b-nj4ngvp2s1] {
  width: 1.45rem;
  height: 1.45rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.45);
  border-radius: 50%;
  background: rgba(var(--app-brand-color-rgb), 0.12);
  color: var(--app-brand-color);
  font-size: 0.7rem;
}

.admin-samples-package__mode .form-select[b-nj4ngvp2s1] {
  min-height: 3.1rem;
  border-color: rgba(255, 255, 255, 0.13);
  background-color: rgba(0, 0, 0, 0.22);
}

.admin-samples-package__hint[b-nj4ngvp2s1] {
  color: var(--app-front-color-sec);
  font-size: 0.77rem;
  line-height: 1.35;
}

.admin-samples-package__dropzone[b-nj4ngvp2s1] {
  position: relative;
  min-height: 5.55rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem;
  overflow: hidden;
  border: 1px dashed rgba(var(--app-brand-color-rgb), 0.48);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.17);
  transition:
    border-color 150ms ease,
    background 150ms ease,
    transform 150ms ease;
}

.admin-samples-package__dropzone:hover[b-nj4ngvp2s1],
.admin-samples-package__dropzone:focus-within[b-nj4ngvp2s1] {
  border-color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.09);
  transform: translateY(-1px);
}

.admin-samples-package__dropzone.has-file[b-nj4ngvp2s1] {
  border-style: solid;
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background: rgba(var(--app-brand-color-rgb), 0.075);
}

.admin-samples-package__dropzone[b-nj4ngvp2s1]  .admin-samples-package__file-input {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.admin-samples-package__drop-icon[b-nj4ngvp2s1] {
  width: 2.9rem;
  height: 2.9rem;
  display: grid;
  place-items: center;
  border-radius: 0.72rem;
  background: linear-gradient(145deg, #ffb24b, var(--app-brand-color));
  color: #20150b;
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  box-shadow: 0 0.6rem 1.4rem rgba(var(--app-brand-color-rgb), 0.15);
}

.admin-samples-package__drop-copy[b-nj4ngvp2s1] {
  min-width: 0;
  display: grid;
  gap: 0.17rem;
}

.admin-samples-package__drop-copy strong[b-nj4ngvp2s1] {
  overflow: hidden;
  color: var(--app-front-color-main);
  font-size: 0.9rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-samples-package__drop-copy small[b-nj4ngvp2s1] {
  color: var(--app-front-color-sec);
  font-size: 0.76rem;
}

.admin-samples-package__browse[b-nj4ngvp2s1] {
  padding: 0.42rem 0.62rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.4);
  border-radius: 999px;
  color: var(--app-brand-color);
  font-size: 0.75rem;
  font-weight: 850;
}

.admin-samples-package__apply .btn[b-nj4ngvp2s1] {
  min-height: 3.1rem;
  width: 100%;
}

.admin-samples-package__preview[b-nj4ngvp2s1] {
  display: grid;
  gap: 0.8rem;
  padding: 0.9rem;
  border: 1px solid rgba(255, 192, 102, 0.26);
  border-radius: calc(var(--app-radius) - 0.25rem);
  background: rgba(0, 0, 0, 0.18);
}

.admin-samples-package__preview.is-ready[b-nj4ngvp2s1] {
  border-color: rgba(99, 214, 151, 0.3);
}

.admin-samples-package__preview-head[b-nj4ngvp2s1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.admin-samples-package__preview-head > div[b-nj4ngvp2s1] {
  min-width: 0;
  display: grid;
  gap: 0.18rem;
}

.admin-samples-package__preview-head > div > span[b-nj4ngvp2s1] {
  color: var(--app-front-color-sec);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.admin-samples-package__preview-head strong[b-nj4ngvp2s1] {
  overflow: hidden;
  color: var(--app-front-color-main);
  font-size: 0.86rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-samples-package__state[b-nj4ngvp2s1] {
  flex: 0 0 auto;
  padding: 0.34rem 0.62rem;
  border: 1px solid rgba(255, 192, 102, 0.32);
  border-radius: 999px;
  color: #ffc066;
  font-size: 0.73rem;
  font-weight: 850;
}

.admin-samples-package__state.is-ready[b-nj4ngvp2s1] {
  border-color: rgba(99, 214, 151, 0.38);
  background: rgba(99, 214, 151, 0.08);
  color: #63d697;
}

.admin-samples-package__reading[b-nj4ngvp2s1] {
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
}

.admin-samples-package__metrics[b-nj4ngvp2s1] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.admin-samples-package__metrics > div[b-nj4ngvp2s1] {
  padding: 0.75rem 0.75rem 0;
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.admin-samples-package__metrics > div:first-child[b-nj4ngvp2s1] {
  padding-left: 0;
  border-left: 0;
}

.admin-samples-package__metrics dt[b-nj4ngvp2s1] {
  color: var(--app-front-color-sec);
  font-size: 0.7rem;
  font-weight: 700;
}

.admin-samples-package__metrics dd[b-nj4ngvp2s1] {
  margin: 0.1rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  font-weight: 900;
}

.admin-samples-package__metrics .has-warning dd[b-nj4ngvp2s1] {
  color: #ffc066;
}

.admin-samples-package__messages[b-nj4ngvp2s1] {
  padding: 0.85rem 0.95rem;
  border-left: 3px solid #ffc066;
  border-radius: 0 calc(var(--app-radius) - 0.35rem) calc(var(--app-radius) - 0.35rem) 0;
  background: rgba(255, 192, 102, 0.07);
  color: #ffc066;
}

.admin-samples-package__messages strong[b-nj4ngvp2s1] {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--app-front-color-main);
  font-size: 0.8rem;
}

.admin-samples-package__messages ul[b-nj4ngvp2s1] {
  margin: 0;
  padding-left: 1.1rem;
}

@media (max-width: 1100px) {
  .admin-samples-package__flow[b-nj4ngvp2s1] {
    grid-template-columns: minmax(13rem, 0.75fr) minmax(20rem, 1.25fr);
  }

  .admin-samples-package__apply[b-nj4ngvp2s1] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(12rem, 18rem) minmax(0, 1fr);
    align-items: center;
  }
}

@media (max-width: 700px) {
  .admin-samples-package[b-nj4ngvp2s1] {
    padding: 0.85rem;
  }

  .admin-samples-package__intro[b-nj4ngvp2s1] {
    align-items: flex-start;
  }

  .admin-samples-package__mark[b-nj4ngvp2s1] {
    flex-basis: 2.9rem;
    width: 2.9rem;
    height: 2.9rem;
  }

  .admin-samples-package__flow[b-nj4ngvp2s1] {
    grid-template-columns: 1fr;
  }

  .admin-samples-package__apply[b-nj4ngvp2s1] {
    grid-column: auto;
    display: flex;
  }

  .admin-samples-package__dropzone[b-nj4ngvp2s1] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .admin-samples-package__browse[b-nj4ngvp2s1] {
    display: none;
  }

  .admin-samples-package__preview-head[b-nj4ngvp2s1] {
    align-items: flex-start;
  }
}
/* /Shared/Controls/Admin/AdminSectionCard.razor.rz.scp.css */
.admin-section-card[b-pcxeh4xktg] {
  width: 100%;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  border-radius: calc(var(--app-radius) + 0.14rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.11), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    var(--app-background-color-contrast);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.22);
}

.admin-section-card__head[b-pcxeh4xktg] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.admin-section-card__copy[b-pcxeh4xktg] {
  min-width: 0;
}

.admin-section-card__kicker[b-pcxeh4xktg] {
  margin-bottom: 0.24rem;
  color: var(--app-brand-color);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-section-card h2[b-pcxeh4xktg] {
  margin: 0;
  color: var(--app-front-color-main);
  font-size: 1.08rem;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.admin-section-card p[b-pcxeh4xktg] {
  max-width: 58rem;
  margin: 0.34rem 0 0;
  color: var(--app-front-color-sec);
  font-size: 0.88rem;
  line-height: 1.45;
}

.admin-section-card__actions[b-pcxeh4xktg] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.admin-section-card__actions[b-pcxeh4xktg]  .btn {
  border-radius: 999px;
  font-weight: 850;
}

.admin-section-card[b-pcxeh4xktg]  .table-responsive {
  width: 100%;
  min-width: 0;
}

.admin-section-card[b-pcxeh4xktg]  table {
  margin-bottom: 0;
}

.admin-section-card[b-pcxeh4xktg]  thead th {
  border-bottom-color: rgba(var(--app-brand-color-rgb), 0.18);
}

.admin-section-card[b-pcxeh4xktg]  tbody td {
  border-top-color: rgba(255, 255, 255, 0.065);
}

@media (max-width: 860px) {
  .admin-section-card__head[b-pcxeh4xktg] {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-section-card__actions[b-pcxeh4xktg] {
    justify-content: flex-start;
  }

  .admin-section-card__actions[b-pcxeh4xktg]  .btn {
    flex: 1 1 auto;
  }
}
/* /Shared/Controls/Common/AdminHelpHint.razor.rz.scp.css */
.sk-admin-help[b-0py51u117p] {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-left: 0.28rem;
}

.sk-admin-help__trigger[b-0py51u117p] {
  width: 1.08rem;
  height: 1.08rem;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.56);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.28), transparent 38%),
    rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  padding: 0;
  cursor: help;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.sk-admin-help__trigger:hover[b-0py51u117p],
.sk-admin-help__trigger:focus-visible[b-0py51u117p] {
  background: var(--app-brand-color);
  color: #15100a;
  outline: none;
}

.sk-admin-help__bubble[b-0py51u117p] {
  position: absolute;
  left: auto;
  right: 0;
  top: calc(100% + 0.45rem);
  z-index: 12000;
  width: max-content;
  max-width: min(24rem, 72vw);
  transform: translateY(-0.2rem);
  opacity: 0;
  pointer-events: none;
  padding: 0.62rem 0.72rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.42);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 12rem),
    rgba(20, 24, 29, 0.98);
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.35;
  text-align: left;
  white-space: normal;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.sk-admin-help:hover .sk-admin-help__bubble[b-0py51u117p],
.sk-admin-help:focus-within .sk-admin-help__bubble[b-0py51u117p] {
  opacity: 1;
  transform: translateY(0);
}

.sk-admin-help--above .sk-admin-help__bubble[b-0py51u117p] {
  top: auto;
  bottom: calc(100% + 0.45rem);
  transform: translateY(0.2rem);
}

.sk-admin-help--above:hover .sk-admin-help__bubble[b-0py51u117p],
.sk-admin-help--above:focus-within .sk-admin-help__bubble[b-0py51u117p] {
  transform: translateY(0);
}

@media (max-width: 760px) {
  .sk-admin-help__bubble[b-0py51u117p] {
    position: fixed;
    left: 0.85rem;
    right: 0.85rem;
    top: auto;
    bottom: 1rem;
    width: auto;
    max-width: none;
    transform: translateY(0.5rem);
    z-index: 10000;
  }

  .sk-admin-help:hover .sk-admin-help__bubble[b-0py51u117p],
  .sk-admin-help:focus-within .sk-admin-help__bubble[b-0py51u117p] {
    transform: translateY(0);
  }

  .sk-admin-help--above .sk-admin-help__bubble[b-0py51u117p] {
    bottom: 1rem;
    transform: translateY(0.5rem);
  }

  .sk-admin-help--above:hover .sk-admin-help__bubble[b-0py51u117p],
  .sk-admin-help--above:focus-within .sk-admin-help__bubble[b-0py51u117p] {
    transform: translateY(0);
  }
}
/* /Shared/Controls/Common/AnimatedChevron.razor.rz.scp.css */
.sk-chevron[b-9o1gbz1dmn] {
  width: var(--sk-chevron-size, 1rem);
  height: var(--sk-chevron-size, 1rem);
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: currentColor;
  opacity: 0.86;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.sk-chevron svg[b-9o1gbz1dmn] {
  width: 1em;
  height: 1em;
  overflow: visible;
  transition: transform 0.18s ease;
}

.sk-chevron path[b-9o1gbz1dmn] {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sk-chevron.is-open svg[b-9o1gbz1dmn] {
  transform: rotate(180deg);
}

.sk-chevron--framed[b-9o1gbz1dmn] {
  --sk-chevron-size: 2rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  border-radius: 999px;
  color: var(--app-brand-color);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.13), transparent 43%),
    rgba(var(--app-brand-color-rgb), 0.08);
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08),
    0 0.55rem 1.35rem rgba(0, 0, 0, 0.18);
}

.sk-chevron--framed.is-open[b-9o1gbz1dmn] {
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.17), transparent 43%),
    rgba(var(--app-brand-color-rgb), 0.15);
  border-color: rgba(var(--app-brand-color-rgb), 0.54);
}
/* /Shared/Controls/Common/CopyValue.razor.rz.scp.css */
.sk-copy-value[b-7fyongjdjf] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  max-width: 100%;
  vertical-align: middle;
}

.sk-copy-value--fill[b-7fyongjdjf] {
  width: 100%;
}

.sk-copy-value--wrap[b-7fyongjdjf] {
  align-items: flex-start;
}

.sk-copy-value__text[b-7fyongjdjf] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  padding: 0.45rem 0.7rem;
  border-radius: 0.72rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.11);
  color: var(--app-brand-color);
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.45;
  text-decoration: none;
}

a.sk-copy-value__text:hover[b-7fyongjdjf],
a.sk-copy-value__text:focus-visible[b-7fyongjdjf] {
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background: rgba(var(--app-brand-color-rgb), 0.16);
  color: var(--app-brand-color);
  outline: none;
}

.sk-copy-value--mono .sk-copy-value__text[b-7fyongjdjf] {
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.sk-copy-value:not(.sk-copy-value--wrap) .sk-copy-value__text[b-7fyongjdjf] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sk-copy-value--wrap .sk-copy-value__text[b-7fyongjdjf] {
  white-space: normal;
  word-break: break-word;
}

.sk-copy-value--compact[b-7fyongjdjf] {
  gap: 0.32rem;
}

.sk-copy-value--compact .sk-copy-value__text[b-7fyongjdjf] {
  padding: 0.18rem 0.42rem;
  border-radius: 0.55rem;
  font-size: 0.9em;
  font-weight: 700;
  line-height: 1.35;
}

.sk-copy-value--compact .sk-copy-value__button[b-7fyongjdjf] {
  width: 1.65rem;
  height: 1.65rem;
}

.sk-copy-value__button[b-7fyongjdjf] {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: transparent;
  color: var(--app-brand-color);
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease;
}

.sk-copy-value__button:hover[b-7fyongjdjf],
.sk-copy-value__button:focus-visible[b-7fyongjdjf] {
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border-color: rgba(var(--app-brand-color-rgb), 0.45);
  color: var(--app-brand-color);
  transform: translateY(-1px);
}

.sk-copy-value.is-copied .sk-copy-value__button[b-7fyongjdjf] {
  background: rgba(var(--app-brand-color-rgb), 0.16);
  border-color: rgba(var(--app-brand-color-rgb), 0.5);
}

.sk-copy-value--hacker .sk-copy-value__text[b-7fyongjdjf] {
  border-color: rgba(123, 255, 164, 0.28);
  background: rgba(89, 255, 140, 0.11);
  color: #9bffb9;
}

.sk-copy-value--hacker .sk-copy-value__button[b-7fyongjdjf] {
  border-color: rgba(123, 255, 164, 0.22);
  color: #9bffb9;
}

.sk-copy-value--hacker .sk-copy-value__button:hover[b-7fyongjdjf],
.sk-copy-value--hacker .sk-copy-value__button:focus-visible[b-7fyongjdjf],
.sk-copy-value--hacker.is-copied .sk-copy-value__button[b-7fyongjdjf] {
  background: rgba(89, 255, 140, 0.12);
  border-color: rgba(123, 255, 164, 0.36);
  color: #d8ffe4;
}

@media (max-width: 767.98px) {
  .sk-copy-value[b-7fyongjdjf] {
    gap: 0.4rem;
  }

  .sk-copy-value__text[b-7fyongjdjf] {
    font-size: 0.9rem;
  }
}
/* /Shared/Controls/Common/MaintenanceStub.razor.rz.scp.css */
.maintenance-stub[b-0ebjooc8df] {
  width: 100%;
  min-height: 62vh;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 3vw, 2rem);
}

.maintenance-card[b-0ebjooc8df] {
  width: min(100%, 860px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 2.2vw, 1.45rem);
}

.maintenance-card__copy[b-0ebjooc8df] {
  min-width: 0;
}

.maintenance-kicker[b-0ebjooc8df] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.maintenance-title[b-0ebjooc8df] {
  margin: 0.35rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.9rem, 5vw, 3.4rem);
  font-weight: 950;
  letter-spacing: -0.06em;
  line-height: 0.95;
}

.maintenance-text[b-0ebjooc8df] {
  max-width: 42rem;
  margin: 0.7rem 0 0;
  color: var(--app-front-color-sec);
  font-size: 1rem;
  line-height: 1.5;
}

.maintenance-action[b-0ebjooc8df] {
  flex: 0 0 auto;
}

@media (max-width: 767.98px) {
  .maintenance-card[b-0ebjooc8df] {
    align-items: stretch;
    flex-direction: column;
  }

  .maintenance-action[b-0ebjooc8df] {
    width: 100%;
  }
}
/* /Shared/Controls/Common/PromoBanner.razor.rz.scp.css */
.promo-banner[b-q4d5wntzku] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: max(0.85rem, env(safe-area-inset-bottom));
  z-index: 1080;
  width: 100%;
  padding: 0 0.8rem;
  pointer-events: none;
}

.promo-banner__inner[b-q4d5wntzku] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(104px, 148px) minmax(0, 1fr) minmax(210px, 0.32fr) auto;
  gap: clamp(0.9rem, 2vw, 1.35rem);
  align-items: center;
  width: min(1120px, 100%);
  min-height: 136px;
  margin: 0 auto;
  padding: clamp(0.82rem, 1.8vw, 1.05rem);
  border-radius: 26px;
  overflow: hidden;
  isolation: isolate;
  pointer-events: auto;
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 14% 36%, rgba(255, 210, 123, 0.24), transparent 12rem),
    radial-gradient(circle at 78% 10%, rgba(var(--app-brand-color-rgb), 0.34), transparent 18rem),
    linear-gradient(135deg, rgba(77, 41, 15, 0.74), rgba(13, 16, 19, 0.96) 42%, rgba(36, 22, 13, 0.96)),
    rgba(16, 18, 21, 0.98);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.48);
  box-shadow:
    0 30px 85px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(255, 213, 134, 0.08) inset,
    0 0 46px rgba(var(--app-brand-color-rgb), 0.18);
  backdrop-filter: blur(12px);
  transform: translateY(14px) scale(0.985);
  opacity: 0;
  animation: sk-promo-vault-enter-b-q4d5wntzku 0.34s cubic-bezier(0.2, 0.88, 0.24, 1) forwards;
}

.promo-banner__inner[b-q4d5wntzku]::before,
.promo-banner__inner[b-q4d5wntzku]::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.promo-banner__inner[b-q4d5wntzku]::before {
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.03) 0,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 74px
    );
  mask-image: linear-gradient(90deg, transparent 0%, black 18%, black 82%, transparent 100%);
}

.promo-banner__inner[b-q4d5wntzku]::after {
  top: -150%;
  left: -30%;
  width: 30%;
  height: 420%;
  transform: rotate(18deg);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.14) 40%,
    rgba(255, 255, 255, 0.42) 50%,
    rgba(255, 255, 255, 0.14) 60%,
    transparent 100%
  );
  opacity: 0;
  animation: sk-promo-vault-shine-b-q4d5wntzku 4.8s ease-in-out 0.35s infinite;
}

.promo-banner__stage[b-q4d5wntzku] {
  position: relative;
  min-height: 112px;
  display: grid;
  place-items: center;
}

.promo-banner__stage-orbit[b-q4d5wntzku] {
  position: absolute;
  width: 132px;
  height: 90px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: 999px;
  transform: rotate(-12deg);
  background:
    radial-gradient(circle at 30% 50%, rgba(var(--app-brand-color-rgb), 0.22), transparent 55%),
    rgba(255, 255, 255, 0.025);
  box-shadow:
    0 0 42px rgba(var(--app-brand-color-rgb), 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.promo-banner__stage-card[b-q4d5wntzku] {
  position: relative;
  width: clamp(86px, 9vw, 112px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(255, 210, 123, 0.3), transparent 58%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(0, 0, 0, 0.24)),
    rgba(20, 23, 27, 0.94);
  border: 1px solid rgba(255, 210, 123, 0.22);
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.48),
    0 0 0 6px rgba(var(--app-brand-color-rgb), 0.08),
    0 0 36px rgba(var(--app-brand-color-rgb), 0.2);
}

.promo-banner__img[b-q4d5wntzku] {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transform: scale(1.03);
}

.promo-banner__coin-mark[b-q4d5wntzku] {
  width: 64%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: #241304;
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 950;
  background:
    radial-gradient(circle at 32% 22%, #fff4c8, transparent 26%),
    linear-gradient(145deg, #ffd27b, var(--app-brand-color));
  box-shadow:
    inset 0 -10px 18px rgba(116, 48, 0, 0.32),
    0 18px 36px rgba(var(--app-brand-color-rgb), 0.26);
}

.promo-banner__coin[b-q4d5wntzku] {
  position: absolute;
  width: 20px;
  aspect-ratio: 1;
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 24%, #fff1bd, transparent 24%),
    linear-gradient(145deg, #ffd27b, var(--app-brand-color));
  box-shadow:
    inset 0 -4px 6px rgba(95, 37, 0, 0.34),
    0 10px 20px rgba(var(--app-brand-color-rgb), 0.22);
}

.promo-banner__coin--one[b-q4d5wntzku] {
  top: 9px;
  right: 14px;
  animation: sk-promo-coin-float-b-q4d5wntzku 3.5s ease-in-out infinite;
}

.promo-banner__coin--two[b-q4d5wntzku] {
  left: 8px;
  bottom: 14px;
  width: 15px;
  opacity: 0.82;
  animation: sk-promo-coin-float-b-q4d5wntzku 3.8s ease-in-out 0.45s infinite reverse;
}

.promo-banner__coin--three[b-q4d5wntzku] {
  right: 28px;
  bottom: 2px;
  width: 12px;
  opacity: 0.7;
  animation: sk-promo-coin-float-b-q4d5wntzku 4.2s ease-in-out 0.9s infinite;
}

.promo-banner__content[b-q4d5wntzku] {
  min-width: 0;
}

.promo-banner__meta[b-q4d5wntzku] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.42rem;
  margin-bottom: 0.45rem;
}

.promo-banner__eyebrow[b-q4d5wntzku],
.promo-banner__hot[b-q4d5wntzku],
.promo-banner__deadline[b-q4d5wntzku] {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  white-space: nowrap;
}

.promo-banner__eyebrow[b-q4d5wntzku] {
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.promo-banner__hot[b-q4d5wntzku] {
  padding: 0.12rem 0.5rem;
  color: #160c03;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: linear-gradient(135deg, #ffe0a0, var(--app-brand-color));
  box-shadow: 0 0 20px rgba(var(--app-brand-color-rgb), 0.22);
}

.promo-banner__deadline[b-q4d5wntzku] {
  gap: 0.25rem;
  padding: 0.1rem 0.55rem;
  color: rgba(255, 231, 202, 0.88);
  font-size: 0.76rem;
  font-weight: 850;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(255, 255, 255, 0.045);
}

.promo-banner__title[b-q4d5wntzku] {
  max-width: 760px;
  color: #fff7ed;
  font-size: clamp(1.45rem, 2.8vw, 2.4rem);
  line-height: 0.96;
  font-weight: 950;
  letter-spacing: -0.055em;
  text-wrap: balance;
}

.promo-banner__body[b-q4d5wntzku] {
  max-width: 700px;
  margin-top: 0.48rem;
  color: rgba(234, 238, 243, 0.82);
  font-size: clamp(0.94rem, 1.45vw, 1.06rem);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.promo-banner__action[b-q4d5wntzku] {
  justify-self: stretch;
  display: grid;
  gap: 0.42rem;
  align-content: center;
  min-width: 0;
  padding: 0.78rem;
  border-radius: 20px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 52% 0%, rgba(var(--app-brand-color-rgb), 0.28), transparent 68%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 34px rgba(0, 0, 0, 0.26);
}

.promo-banner__action-label[b-q4d5wntzku],
.promo-banner__action-note[b-q4d5wntzku] {
  text-align: center;
  color: rgba(234, 238, 243, 0.62);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.promo-banner__action-note[b-q4d5wntzku] {
  color: rgba(234, 238, 243, 0.48);
  font-size: 0.68rem;
}

.promo-banner__cta-btn[b-q4d5wntzku] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 48px;
  padding: 0.68rem 0.78rem;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
  color: #160c03;
  font-weight: 950;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  background:
    radial-gradient(circle at 30% 0%, #fff2c2, transparent 42%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color) 62%, #ff6d12);
  box-shadow:
    0 16px 34px rgba(var(--app-brand-color-rgb), 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -8px 16px rgba(130, 54, 0, 0.22);
  transform: translateY(0);
  transition:
    transform 0.15s ease,
    filter 0.15s ease,
    box-shadow 0.15s ease;
}

.promo-banner__cta-btn[b-q4d5wntzku]::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -48%;
  width: 42%;
  height: 340%;
  transform: rotate(20deg);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.18) 42%,
    rgba(255, 255, 255, 0.58) 50%,
    rgba(255, 255, 255, 0.18) 58%,
    transparent 100%
  );
  opacity: 0;
  animation: sk-promo-cta-shine-b-q4d5wntzku 3.15s ease-in-out 0.6s infinite;
}

.promo-banner__cta-btn:hover[b-q4d5wntzku],
.promo-banner__cta-btn:focus-visible[b-q4d5wntzku] {
  color: #160c03;
  filter: brightness(1.05);
  transform: translateY(-1px);
  box-shadow:
    0 18px 40px rgba(var(--app-brand-color-rgb), 0.34),
    0 0 0 0.22rem rgba(var(--app-brand-color-rgb), 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.48),
    inset 0 -8px 16px rgba(130, 54, 0, 0.22);
  outline: none;
}

.promo-banner__cta-arrow[b-q4d5wntzku] {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(20, 10, 2, 0.14);
}

.promo-banner__cta-arrow svg[b-q4d5wntzku],
.promo-banner__close svg[b-q4d5wntzku] {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.promo-banner__close[b-q4d5wntzku] {
  align-self: start;
  justify-self: end;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 999px;
  color: rgba(255, 240, 224, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition:
    color 0.14s ease,
    border-color 0.14s ease,
    background 0.14s ease,
    transform 0.14s ease;
}

.promo-banner__close span[b-q4d5wntzku] {
  width: 18px;
  height: 18px;
  display: block;
}

.promo-banner__close:hover[b-q4d5wntzku],
.promo-banner__close:focus-visible[b-q4d5wntzku] {
  color: #fff;
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  transform: translateY(-1px);
  outline: none;
}

.promo-banner__inner--no-image .promo-banner__stage-card[b-q4d5wntzku] {
  border-radius: 999px;
}

@keyframes sk-promo-vault-enter-b-q4d5wntzku {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes sk-promo-vault-shine-b-q4d5wntzku {
  0% {
    transform: translateX(-180%) rotate(18deg);
    opacity: 0;
  }

  10% {
    opacity: 0.58;
  }

  30% {
    transform: translateX(420%) rotate(18deg);
    opacity: 0;
  }

  100% {
    transform: translateX(420%) rotate(18deg);
    opacity: 0;
  }
}

@keyframes sk-promo-cta-shine-b-q4d5wntzku {
  0% {
    transform: translateX(-170%) rotate(20deg);
    opacity: 0;
  }

  12% {
    opacity: 0.7;
  }

  32% {
    transform: translateX(370%) rotate(20deg);
    opacity: 0;
  }

  100% {
    transform: translateX(370%) rotate(20deg);
    opacity: 0;
  }
}

@keyframes sk-promo-coin-float-b-q4d5wntzku {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-7px) rotate(10deg);
  }
}

@media (max-width: 860px) {
  .promo-banner__inner[b-q4d5wntzku] {
    grid-template-columns: minmax(70px, 96px) minmax(0, 1fr) auto;
    min-height: 0;
  }

  .promo-banner__action[b-q4d5wntzku] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 0.55rem;
  }

  .promo-banner__action-label[b-q4d5wntzku],
  .promo-banner__action-note[b-q4d5wntzku] {
    display: none;
  }

  .promo-banner__cta-btn[b-q4d5wntzku] {
    grid-column: 1 / -1;
    min-height: 46px;
  }

  .promo-banner__stage[b-q4d5wntzku] {
    min-height: 90px;
  }

  .promo-banner__stage-orbit[b-q4d5wntzku] {
    width: 102px;
    height: 70px;
  }
}

@media (max-width: 560px) {
  .promo-banner[b-q4d5wntzku] {
    bottom: max(0.55rem, env(safe-area-inset-bottom));
    padding-inline: 0.55rem;
  }

  .promo-banner__inner[b-q4d5wntzku] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    padding: 0.82rem;
    border-radius: 22px;
  }

  .promo-banner__stage[b-q4d5wntzku] {
    grid-column: 1 / -1;
    min-height: 76px;
    justify-content: start;
    place-items: center start;
  }

  .promo-banner__stage-card[b-q4d5wntzku] {
    width: 76px;
    border-radius: 18px;
  }

  .promo-banner__stage-orbit[b-q4d5wntzku] {
    left: -6px;
    width: 116px;
    height: 66px;
  }

  .promo-banner__coin--one[b-q4d5wntzku] {
    left: 80px;
    right: auto;
    top: 8px;
  }

  .promo-banner__coin--two[b-q4d5wntzku] {
    left: 96px;
    bottom: 14px;
  }

  .promo-banner__coin--three[b-q4d5wntzku] {
    display: none;
  }

  .promo-banner__content[b-q4d5wntzku] {
    grid-column: 1 / -1;
  }

  .promo-banner__meta[b-q4d5wntzku] {
    gap: 0.34rem;
    margin-bottom: 0.35rem;
  }

  .promo-banner__hot[b-q4d5wntzku] {
    font-size: 0.66rem;
  }

  .promo-banner__deadline[b-q4d5wntzku] {
    width: 100%;
    justify-content: center;
    font-size: 0.72rem;
  }

  .promo-banner__title[b-q4d5wntzku] {
    font-size: clamp(1.32rem, 8vw, 1.82rem);
    line-height: 0.98;
  }

  .promo-banner__body[b-q4d5wntzku] {
    -webkit-line-clamp: 3;
    font-size: 0.92rem;
  }

  .promo-banner__action[b-q4d5wntzku] {
    grid-column: 1 / -1;
  }

  .promo-banner__close[b-q4d5wntzku] {
    position: absolute;
    top: 0.72rem;
    right: 0.72rem;
    width: 36px;
    height: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .promo-banner__inner[b-q4d5wntzku],
  .promo-banner__inner[b-q4d5wntzku]::after,
  .promo-banner__cta-btn[b-q4d5wntzku]::before,
  .promo-banner__coin[b-q4d5wntzku] {
    animation: none !important;
  }

  .promo-banner__inner[b-q4d5wntzku] {
    opacity: 1;
    transform: none;
  }
}
/* /Shared/Controls/Common/SkTime.razor.rz.scp.css */
body[b-n3umldbvoo] {
}
/* /Shared/Controls/Common/TopBannerHost.razor.rz.scp.css */
.sk-top-banner[b-bbqlsgw6mk] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 50px;
}

.sk-top-banner__copy[b-bbqlsgw6mk] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sk-top-banner__icon[b-bbqlsgw6mk] {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-brand-color);
  font-weight: 900;
}

.sk-top-banner__soft[b-bbqlsgw6mk] {
  color: var(--app-front-color-sec);
}

.sk-top-banner__expiry[b-bbqlsgw6mk] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--app-front-color-sec);
}

.sk-top-banner__action[b-bbqlsgw6mk] {
  flex: 0 0 auto;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sk-top-banner__actions[b-bbqlsgw6mk] {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.sk-top-banner__dismiss[b-bbqlsgw6mk] {
  border: 0;
  background: transparent;
  color: var(--app-front-color-sec);
  font-weight: 800;
  padding: 0.35rem 0.2rem;
  white-space: nowrap;
}

.sk-top-banner__dismiss:hover[b-bbqlsgw6mk],
.sk-top-banner__dismiss:focus-visible[b-bbqlsgw6mk] {
  color: var(--app-brand-color);
}

.sk-renew-top[b-bbqlsgw6mk],
.sk-welcome-top[b-bbqlsgw6mk],
.sk-email-confirm-top[b-bbqlsgw6mk] {
  background:
    radial-gradient(circle at 8% 50%, rgba(var(--app-brand-color-rgb), 0.2), transparent 12rem),
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.12), rgba(255, 255, 255, 0.03)),
    rgba(38, 43, 49, 0.96);
  padding: 0.42rem 0;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
  width: 100%;
}

.sk-renew-top[b-bbqlsgw6mk]::after,
.sk-welcome-top[b-bbqlsgw6mk]::after,
.sk-email-confirm-top[b-bbqlsgw6mk]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--app-brand-color-rgb), 0.58), transparent);
}

.sk-renew-top .brand[b-bbqlsgw6mk],
.sk-welcome-top .brand[b-bbqlsgw6mk],
.sk-email-confirm-top .brand[b-bbqlsgw6mk] {
  color: var(--app-brand-color);
  font-weight: 700;
}

.sk-renew-top .sk-date[b-bbqlsgw6mk],
.sk-welcome-top .sk-date[b-bbqlsgw6mk],
.sk-email-confirm-top .sk-date[b-bbqlsgw6mk] {
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  color: var(--app-brand-color);
  padding: 0.05rem 0.45rem;
  border-radius: 0.4rem;
  font-weight: 700;
  display: inline-block;
}

.sk-renew-top .sk-buy[b-bbqlsgw6mk],
.sk-welcome-top .sk-buy[b-bbqlsgw6mk],
.sk-email-confirm-top .sk-buy[b-bbqlsgw6mk] {
  min-height: 38px;
  background: linear-gradient(135deg, var(--app-brand-color), #ff9d2a);
  border-color: var(--app-brand-color);
  color: #111;
  font-weight: 850;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(var(--app-brand-color-rgb), 0.18);
}

.sk-renew-top .sk-buy:hover[b-bbqlsgw6mk],
.sk-welcome-top .sk-buy:hover[b-bbqlsgw6mk],
.sk-email-confirm-top .sk-buy:hover[b-bbqlsgw6mk] {
  filter: brightness(1.03);
}

.sk-email-confirm-top[b-bbqlsgw6mk] {
  background:
    radial-gradient(circle at 8% 50%, rgba(var(--app-brand-color-rgb), 0.18), transparent 12rem),
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.1), rgba(255, 255, 255, 0.025)),
    rgba(30, 35, 42, 0.97);
}

@media (max-width: 767.98px) {
  .sk-top-banner[b-bbqlsgw6mk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 50px;
  }

  .sk-top-banner__copy[b-bbqlsgw6mk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

  .sk-top-banner__action[b-bbqlsgw6mk] {
    width: auto;
    min-height: 44px;
    padding-inline: 0.9rem;
  }

  .sk-top-banner__actions[b-bbqlsgw6mk] {
    grid-column: 1 / -1;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem;
  }

  .sk-top-banner__actions .sk-top-banner__dismiss[b-bbqlsgw6mk] {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 38px;
  }

  .sk-top-banner__soft:not(.sk-top-banner__expiry)[b-bbqlsgw6mk] {
    display: none;
  }

  .sk-email-confirm-top .sk-top-banner__soft:not(.sk-top-banner__expiry)[b-bbqlsgw6mk] {
    display: inline;
  }

  .sk-top-banner__expiry[b-bbqlsgw6mk] {
    grid-column: 1 / -1;
    font-size: 0.82rem;
  }

  .sk-renew-top .sk-date[b-bbqlsgw6mk],
  .sk-welcome-top .sk-date[b-bbqlsgw6mk],
  .sk-email-confirm-top .sk-date[b-bbqlsgw6mk] {
    white-space: normal;
  }
}
/* /Shared/Controls/Common/UiErrorFallback.razor.rz.scp.css */
.sk-ui-error-shell[b-bmvwhuqfk2] {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
}

.sk-ui-error-card[b-bmvwhuqfk2] {
  position: relative;
  z-index: 1;
  width: min(100%, 46rem);
  padding: clamp(1.35rem, 4vw, 2.4rem);
}

.sk-ui-error-card h1[b-bmvwhuqfk2] {
  margin-top: 0.45rem;
}

.sk-ui-error-card p[b-bmvwhuqfk2] {
  margin: 1rem 0 0;
  color: var(--app-front-color-sec);
  font-size: 1.02rem;
  line-height: 1.65;
}

.sk-ui-error-actions[b-bmvwhuqfk2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

@media (max-width: 575.98px) {
  .sk-ui-error-actions > *[b-bmvwhuqfk2] {
    width: 100%;
  }
}
/* /Shared/Controls/Features/AdultContentGate.razor.rz.scp.css */
.adult-gate-backdrop[b-gxmswbora0] {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: grid;
  place-items: center;
  padding: 1rem;
  background:
    radial-gradient(circle at 18% 12%, rgba(var(--app-brand-color-rgb), 0.22), transparent 24rem),
    radial-gradient(circle at 82% 18%, rgba(255, 196, 79, 0.12), transparent 22rem),
    radial-gradient(circle at 50% 120%, rgba(255, 122, 24, 0.12), transparent 28rem),
    rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(18px) saturate(1.05);
  -webkit-backdrop-filter: blur(18px) saturate(1.05);
}

.adult-gate-backdrop--timeline[b-gxmswbora0] {
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(var(--app-brand-color-rgb), 0.035), transparent 17rem),
    #020202;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.adult-gate-backdrop--timeline[b-gxmswbora0]::before,
.adult-gate-backdrop--timeline[b-gxmswbora0]::after {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 0;
  width: 52vw;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.012)),
    linear-gradient(90deg, rgba(0, 0, 0, 0.94), rgba(7, 6, 5, 0.985));
  box-shadow:
    0 0 70px rgba(0, 0, 0, 0.88),
    inset 0 0 48px rgba(0, 0, 0, 0.82);
}

.adult-gate-backdrop--timeline[b-gxmswbora0]::before {
  left: -52vw;
  border-right: 1px solid rgba(var(--app-brand-color-rgb), 0.08);
  animation: adult-gate-door-left-b-gxmswbora0 0.72s cubic-bezier(0.72, 0, 0.18, 1) both;
}

.adult-gate-backdrop--timeline[b-gxmswbora0]::after {
  right: -52vw;
  border-left: 1px solid rgba(var(--app-brand-color-rgb), 0.08);
  animation: adult-gate-door-right-b-gxmswbora0 0.72s cubic-bezier(0.72, 0, 0.18, 1) both;
}

.adult-gate-panel[b-gxmswbora0] {
  position: relative;
  overflow: hidden;
  width: min(920px, 100%);
  border-radius: calc(var(--app-radius) + 0.58rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.5);
  background:
    radial-gradient(circle at 86% 0, rgba(var(--app-brand-color-rgb), 0.32), transparent 20rem),
    radial-gradient(circle at 10% 100%, rgba(255, 196, 79, 0.1), transparent 18rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.12), rgba(255, 255, 255, 0.035) 42%, rgba(0, 0, 0, 0.1)),
    rgba(25, 29, 33, 0.96);
  box-shadow:
    0 32px 88px rgba(0, 0, 0, 0.58),
    0 0 52px rgba(var(--app-brand-color-rgb), 0.16),
    0 1px 0 rgba(255, 255, 255, 0.07) inset;
  color: var(--app-front-color-main);
}

.adult-gate-timeline[b-gxmswbora0] {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: min(920px, 100%);
  min-height: min(520px, calc(100svh - 2rem));
  display: grid;
  align-items: center;
  padding: clamp(1.15rem, 5vw, 3rem);
  color: var(--app-brand-color);
  isolation: isolate;
  animation: adult-gate-timeline-in-b-gxmswbora0 0.42s ease-out both;
}

.adult-gate-timeline[b-gxmswbora0]::before,
.adult-gate-timeline[b-gxmswbora0]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.adult-gate-timeline[b-gxmswbora0]::before {
  opacity: 0.2;
  background:
    repeating-linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.055) 0 1px, transparent 1px 8px),
    linear-gradient(90deg, transparent 0 49.8%, rgba(var(--app-brand-color-rgb), 0.16) 50%, transparent 50.2% 100%);
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 66%);
}

.adult-gate-timeline[b-gxmswbora0]::after {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.09);
  border-radius: calc(var(--app-radius) + 0.45rem);
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.82) inset,
    0 0 90px rgba(0, 0, 0, 0.8) inset,
    0 28px 82px rgba(0, 0, 0, 0.6);
  opacity: 0.95;
}

.adult-gate-timeline__copy[b-gxmswbora0] {
  display: grid;
  gap: clamp(0.85rem, 2vw, 1.25rem);
  max-width: 760px;
  text-shadow:
    0 0 24px rgba(var(--app-brand-color-rgb), 0.5),
    0 0 2px rgba(var(--app-brand-color-rgb), 0.86);
}

.adult-gate-timeline h2[b-gxmswbora0] {
  margin: 0;
  color: var(--app-brand-color);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: clamp(2.5rem, 8vw, 6.7rem);
  font-weight: 950;
  letter-spacing: 0.02em;
  line-height: 0.9;
  text-transform: uppercase;
}

.adult-gate-timeline p[b-gxmswbora0] {
  max-width: 660px;
  margin: 0;
  color: rgba(255, 216, 174, 0.92);
  font-size: clamp(1.05rem, 2.2vw, 1.65rem);
  font-weight: 850;
  line-height: 1.28;
}

.adult-gate-timeline p + p[b-gxmswbora0] {
  margin-top: 0.25rem;
}

.adult-gate-timeline span[b-gxmswbora0] {
  display: block;
  color: var(--app-brand-color);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.82em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.adult-gate-panel[b-gxmswbora0]::before {
  content: "";
  position: absolute;
  top: -130%;
  left: -28%;
  width: 28%;
  height: 340%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
  transform: rotate(18deg);
  animation: adult-gate-shine-b-gxmswbora0 6.8s ease-in-out infinite;
}

.adult-gate-panel[b-gxmswbora0]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.52;
  background:
    repeating-linear-gradient(100deg, transparent 0 72px, rgba(var(--app-brand-color-rgb), 0.07) 73px 76px, transparent 77px 148px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 46%);
}

.adult-gate-content[b-gxmswbora0] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.9rem;
  padding: clamp(1.05rem, 3vw, 1.85rem);
}

.adult-gate-title[b-gxmswbora0] {
  margin: 0;
  max-width: 780px;
  font-size: clamp(2.7rem, 7vw, 5.8rem);
  font-weight: 950;
  letter-spacing: -0.08em;
  line-height: 0.86;
  color: var(--app-front-color-main);
  text-wrap: balance;
}

.adult-gate-title[b-gxmswbora0]::before {
  content: "18+ entry check";
  display: block;
  margin-bottom: 0.58rem;
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  line-height: 1.1;
  text-transform: uppercase;
}

.adult-gate-text[b-gxmswbora0] {
  margin: 0;
  max-width: 780px;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.08rem);
  color: var(--app-front-color-sec);
  line-height: 1.55;
  font-size: clamp(0.98rem, 1.5vw, 1.06rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 12rem),
    rgba(0, 0, 0, 0.18);
}

.adult-gate-text a[b-gxmswbora0] {
  color: var(--app-brand-color);
  font-weight: 850;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.adult-gate-text a:hover[b-gxmswbora0] {
  color: var(--app-brand-color-contrast);
}

.adult-gate-actions[b-gxmswbora0] {
  margin-top: 0.1rem;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

.adult-gate-btn[b-gxmswbora0] {
  appearance: none;
  min-height: 52px;
  border-radius: 999px;
  padding: 0.72rem 1.15rem;
  font-weight: 950;
  line-height: 1.2;
  border: 1px solid transparent;
  transition:
    transform 0.16s ease,
    filter 0.16s ease,
    background 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    color 0.16s ease;
}

.adult-gate-btn:hover[b-gxmswbora0],
.adult-gate-btn:focus-visible[b-gxmswbora0] {
  transform: translateY(-1px);
  outline: none;
}

.adult-gate-btn:active[b-gxmswbora0] {
  transform: translateY(1px);
}

.adult-gate-btn--primary[b-gxmswbora0] {
  background:
    radial-gradient(circle at 28% 15%, #fff4cf, transparent 30%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color) 58%, #ff6a00);
  color: #111;
  border-color: rgba(var(--app-brand-color-rgb), 0.9);
  box-shadow:
    0 18px 42px rgba(var(--app-brand-color-rgb), 0.28),
    0 0 0 0.32rem rgba(var(--app-brand-color-rgb), 0.12);
}

.adult-gate-btn--primary:hover[b-gxmswbora0],
.adult-gate-btn--primary:focus-visible[b-gxmswbora0] {
  filter: brightness(1.04);
  color: #111;
  box-shadow:
    0 20px 48px rgba(var(--app-brand-color-rgb), 0.36),
    0 0 0 0.42rem rgba(var(--app-brand-color-rgb), 0.16);
}

.adult-gate-btn--secondary[b-gxmswbora0] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.02)),
    rgba(0, 0, 0, 0.12);
  color: rgba(255, 216, 174, 0.92);
  border-color: rgba(255, 255, 255, 0.13);
}

.adult-gate-btn--secondary:hover[b-gxmswbora0],
.adult-gate-btn--secondary:focus-visible[b-gxmswbora0] {
  color: var(--app-front-color-main);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  box-shadow: 0 0 0 0.22rem rgba(var(--app-brand-color-rgb), 0.1);
}

@keyframes adult-gate-shine-b-gxmswbora0 {
  0%,
  58% {
    transform: translateX(-35%) rotate(18deg);
    opacity: 0;
  }

  68% {
    opacity: 0.62;
  }

  100% {
    transform: translateX(560%) rotate(18deg);
    opacity: 0;
  }
}

@keyframes adult-gate-timeline-in-b-gxmswbora0 {
  from {
    opacity: 0;
    transform: scale(1.025);
    filter: blur(6px);
  }

  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}

@keyframes adult-gate-door-left-b-gxmswbora0 {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(51.85vw);
  }
}

@keyframes adult-gate-door-right-b-gxmswbora0 {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-51.85vw);
  }
}

@media (max-width: 640px) {
  .adult-gate-content[b-gxmswbora0] {
    padding: 1rem;
  }

  .adult-gate-title[b-gxmswbora0] {
    font-size: clamp(2.35rem, 15vw, 4.2rem);
  }

  .adult-gate-text[b-gxmswbora0] {
    padding: 0.8rem;
  }

  .adult-gate-actions[b-gxmswbora0] {
    flex-direction: column;
  }

  .adult-gate-btn[b-gxmswbora0] {
    width: 100%;
  }

  .adult-gate-timeline[b-gxmswbora0] {
    min-height: min(460px, calc(100svh - 2rem));
    padding: 1.1rem;
  }

  .adult-gate-timeline[b-gxmswbora0]::after {
    border-radius: calc(var(--app-radius) + 0.2rem);
  }

  .adult-gate-timeline h2[b-gxmswbora0] {
    font-size: clamp(2.15rem, 15vw, 4.1rem);
  }
}
/* /Shared/Controls/Features/CharacterCreateDialog.razor.rz.scp.css */
.cp-modal__backdrop[b-aptlraqqaj] {
  position: fixed;
  inset: 0;
  z-index: 5300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
  overflow-y: auto;
  background:
    radial-gradient(circle at 72% 12%, rgba(var(--app-brand-color-rgb), 0.2), transparent 25rem),
    radial-gradient(circle at 18% 86%, rgba(255, 210, 123, 0.08), transparent 24rem),
    rgba(4, 6, 9, 0.78);
  backdrop-filter: blur(16px) saturate(1.05);
}

.cp-modal[b-aptlraqqaj] {
  position: relative;
  width: min(940px, 100%);
  max-height: min(820px, calc(100svh - 2rem));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.42);
  border-radius: calc(var(--app-radius) + 0.55rem);
  background:
    radial-gradient(circle at 88% 0, rgba(var(--app-brand-color-rgb), 0.26), transparent 20rem),
    radial-gradient(circle at 10% 110%, rgba(255, 196, 79, 0.08), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018) 40%),
    rgba(22, 26, 30, 0.98);
  color: var(--app-front-color-main);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, 0.62),
    0 0 54px rgba(var(--app-brand-color-rgb), 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.cp-modal[b-aptlraqqaj]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.036) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(180deg, black, transparent 76%);
  opacity: 0.32;
}

.cp-modal > *[b-aptlraqqaj] {
  position: relative;
}

.cp-modal__header[b-aptlraqqaj] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: clamp(1rem, 2.6vw, 1.45rem);
  border-bottom: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.1), transparent 58%),
    rgba(0, 0, 0, 0.08);
}

.cp-modal__eyebrow[b-aptlraqqaj] {
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.cp-modal__title[b-aptlraqqaj] {
  margin: 0.28rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(2rem, 4.6vw, 3.35rem);
  font-weight: 950;
  letter-spacing: -0.065em;
  line-height: 0.94;
}

.cp-modal__header p[b-aptlraqqaj] {
  max-width: 640px;
  margin: 0.7rem 0 0;
  color: var(--app-front-color-sec);
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.48;
}

.cp-x[b-aptlraqqaj] {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.12), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.075);
  color: var(--app-brand-color);
  font-size: 1.25rem;
  line-height: 1;
  padding: 0;
}

.cp-x:hover[b-aptlraqqaj],
.cp-x:focus-visible[b-aptlraqqaj] {
  color: var(--app-brand-color-contrast);
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  outline: none;
}

.cp-modal__body[b-aptlraqqaj] {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2.2vw, 1.25rem);
  --idu-drop-min-h: clamp(220px, 38svh, 340px);
  --idu-preview-h: clamp(220px, 38svh, 340px);
}

.cp-modal__field[b-aptlraqqaj] {
  display: grid;
  gap: 0.45rem;
}

.cp-modal__body .form-label[b-aptlraqqaj] {
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cp-modal__body .form-control[b-aptlraqqaj] {
  min-height: 52px;
  border-color: rgba(var(--app-brand-color-rgb), 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.014)),
    rgba(0, 0, 0, 0.2);
  color: var(--app-front-color-main);
  border-radius: calc(var(--app-radius) - 0.05rem);
  font-weight: 800;
}

.cp-modal__body .form-control:focus[b-aptlraqqaj] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.14);
}

.cp-modal__body[b-aptlraqqaj]  .idu-box {
  background: rgba(15, 17, 22, 0.48);
}

.cp-modal__upload-grid[b-aptlraqqaj] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.64fr);
  gap: 1rem;
  align-items: stretch;
}

.cp-modal__upload[b-aptlraqqaj] {
  min-width: 0;
  display: grid;
  gap: 0.5rem;
}

.cp-modal__brief[b-aptlraqqaj] {
  display: grid;
  align-content: center;
  gap: 0.55rem;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: calc(var(--app-radius) + 0.15rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.16);
}

.cp-modal__brief span[b-aptlraqqaj] {
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.cp-modal__brief strong[b-aptlraqqaj] {
  color: var(--app-front-color-main);
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 1.18;
}

.cp-modal__brief p[b-aptlraqqaj] {
  margin: 0;
  color: var(--app-front-color-sec);
  font-size: 0.94rem;
  font-weight: 720;
  line-height: 1.5;
}

.cp-modal__footer[b-aptlraqqaj] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  padding: 0.95rem clamp(1rem, 2.2vw, 1.25rem);
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background: rgba(0, 0, 0, 0.12);
}

.cp-modal__button[b-aptlraqqaj] {
  appearance: none;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.62rem 1rem;
  border-radius: 999px;
  font-weight: 950;
  transition:
    transform 0.16s ease,
    filter 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease;
}

.cp-modal__button:hover:not(:disabled)[b-aptlraqqaj],
.cp-modal__button:focus-visible:not(:disabled)[b-aptlraqqaj] {
  transform: translateY(-1px);
  outline: none;
}

.cp-modal__button--primary[b-aptlraqqaj] {
  border-color: var(--app-brand-color);
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  color: #111;
  box-shadow: 0 14px 34px rgba(var(--app-brand-color-rgb), 0.22);
}

.cp-modal__button--primary:hover:not(:disabled)[b-aptlraqqaj],
.cp-modal__button--primary:focus-visible:not(:disabled)[b-aptlraqqaj] {
  filter: brightness(1.03);
}

.cp-modal__button--primary:disabled[b-aptlraqqaj] {
  cursor: not-allowed;
  opacity: 0.48;
  filter: saturate(0.6);
}

.cp-modal__button--secondary[b-aptlraqqaj] {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.88);
}

@media (max-width: 767.98px) {
  .cp-modal__backdrop[b-aptlraqqaj] {
    align-items: flex-end;
    padding: 0.75rem;
  }

  .cp-modal[b-aptlraqqaj] {
    max-height: calc(100svh - 1.5rem);
    border-radius: calc(var(--app-radius) + 0.2rem);
  }

  .cp-modal__header[b-aptlraqqaj] {
    min-height: 54px;
    padding: 0.8rem 0.85rem;
  }

  .cp-modal__body[b-aptlraqqaj] {
    padding: 0.85rem;
    --idu-drop-min-h: clamp(210px, 42svh, 320px);
    --idu-preview-h: clamp(210px, 42svh, 320px);
  }

  .cp-modal__upload-grid[b-aptlraqqaj] {
    grid-template-columns: 1fr;
  }

  .cp-modal__footer[b-aptlraqqaj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.8rem 0.85rem;
  }
}

@media (max-width: 420px) {
  .cp-modal__footer[b-aptlraqqaj] {
    grid-template-columns: 1fr;
  }
}
/* /Shared/Controls/Features/CharactersPicker.razor.rz.scp.css */

.cp-root[b-dyp6r1ctb7] {
  height: 100%;
}

.cp-frame[b-dyp6r1ctb7] {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  gap: 0.65rem;
}

.cp-root[b-dyp6r1ctb7]  .sk-chevron--framed {
  --sk-chevron-size: 2rem;
}

.cp-select[b-dyp6r1ctb7] {
  flex: 0 0 auto;
  position: relative;
  display: inline-block;
  width: 100%;
}

.cp-select__button[b-dyp6r1ctb7] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 56px;
  padding: 0.58rem 0.72rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) + 0.04rem);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.014)),
    rgba(10, 13, 16, 0.54);
  color: var(--app-front-color-main);
  text-align: left;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease;
}

.cp-select__button:hover[b-dyp6r1ctb7],
.cp-select__button:focus-visible[b-dyp6r1ctb7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.58);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 10rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(10, 13, 16, 0.66);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.11);
  outline: 0;
}

.cp-select__current[b-dyp6r1ctb7] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cp-status[b-dyp6r1ctb7] {
  flex: 0 0 auto;
  padding: 0.12rem 0.4rem;
  border: 1px solid rgba(255, 122, 0, 0.45);
  border-radius: 999px;
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
}

.cp-status--failed[b-dyp6r1ctb7] {
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--app-front-color-sec);
  background: rgba(255, 255, 255, 0.04);
}

.cp-status--pending[b-dyp6r1ctb7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.cp-menu[b-dyp6r1ctb7] {
  position: absolute;
  inset-inline-start: 0;
  top: calc(100% + 0.25rem);
  z-index: 94;
  min-width: 100%;
  max-height: 360px;
  overflow: auto;
  padding: 0.38rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  border-radius: calc(var(--app-radius) + 0.04rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 13rem),
    color-mix(in srgb, var(--app-background-color-contrast) 94%, black);
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.42);
}

.cp-item[b-dyp6r1ctb7] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 48px;
  padding: 0.52rem 0.55rem;
  border: 1px solid transparent;
  background: transparent;
  color: var(--app-front-color-main);
  border-radius: calc(var(--app-radius) - 0.35rem);
  text-align: left;
  transition:
    border-color 0.16s ease,
    background 0.16s ease;
}

.cp-item:hover[b-dyp6r1ctb7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.cp-item.is-active[b-dyp6r1ctb7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.58);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  outline: 0;
}

.cp-create-gate-shell[b-dyp6r1ctb7] {
  width: 100%;
  padding: 0.1rem;
}

.cp-create-gate-shell[b-dyp6r1ctb7]  .cp-create-gate-button {
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
  padding: 0.55rem;
  border: 1px solid transparent;
  border-radius: calc(var(--app-radius) - 0.35rem);
  background: transparent;
  color: var(--app-brand-color);
  box-shadow: none;
  text-align: left;
  animation: none;
}

.cp-create-gate-shell[b-dyp6r1ctb7]  .cp-create-gate-button:hover,
.cp-create-gate-shell[b-dyp6r1ctb7]  .cp-create-gate-button:focus-visible {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  outline: none;
}

.cp-create-gate-shell[b-dyp6r1ctb7]  .sk-gate-button__content {
  align-items: flex-start;
  gap: 0.2rem;
}

.cp-create-gate-shell[b-dyp6r1ctb7]  .sk-gate-button__main {
  justify-content: flex-start;
  gap: 0.65rem;
}

.cp-create-gate-shell[b-dyp6r1ctb7]  .sk-gate-button__main::before {
  content: "";
  flex: 0 0 auto;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  border: 1px solid currentColor;
  border-radius: 999px;
  background:
    linear-gradient(currentColor, currentColor) center / 0.62rem 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1px 0.62rem no-repeat;
}

.cp-create-gate-shell[b-dyp6r1ctb7]  .sk-gate-button__benefit {
  padding-left: 1.9rem;
  color: var(--app-front-color-sec);
  text-align: left;
}

.cp-divider[b-dyp6r1ctb7] {
  height: 1px;
  margin: 0.25rem 0;
  background: rgba(var(--app-brand-color-rgb), 0.16);
}

.cp-avatar[b-dyp6r1ctb7] {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 0.55rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
}

.cp-name[b-dyp6r1ctb7] {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.cp-preview[b-dyp6r1ctb7] {
  position: relative;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) + 0.04rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 12rem),
    rgba(9, 12, 15, 0.42);
  display: grid;
  place-items: center;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.cp-preview--pending[b-dyp6r1ctb7] {
  border-color: rgba(var(--app-brand-color-rgb), 0.34);
}

.cp-preview--failed[b-dyp6r1ctb7] {
  border-color: rgba(255, 255, 255, 0.16);
}

.cp-preview__img[b-dyp6r1ctb7] {
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
  border-radius: 0.375rem;
  max-height: min(200px, 100%);
}

.cp-preview__status[b-dyp6r1ctb7] {
  position: absolute;
  inset-inline: 0.5rem;
  bottom: 0.5rem;
  padding: 0.38rem 0.5rem;
  border-radius: calc(var(--app-radius) - 0.28rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background: rgba(12, 14, 18, 0.82);
  color: var(--app-front-color-main);
  font-size: 0.72rem;
  line-height: 1.25;
  text-align: center;
  backdrop-filter: blur(6px);
}

.cp-preview__status--failed[b-dyp6r1ctb7] {
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--app-front-color-sec);
}


.cp-row[b-dyp6r1ctb7] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: calc(var(--app-radius) - 0.35rem);
}

.cp-row:hover[b-dyp6r1ctb7] {
  background: rgba(var(--app-brand-color-rgb), 0.06);
}

.cp-row.is-active[b-dyp6r1ctb7] {
  outline: 1px solid rgba(var(--app-brand-color-rgb), 0.4);
}

.cp-item--select[b-dyp6r1ctb7] {
  flex: 1 1 auto;
  border-radius: 0.5rem;
}


.cp-item--disabled[b-dyp6r1ctb7] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Shared/Controls/Features/FeatureGateButton.razor.rz.scp.css */
.sk-gate-button[b-oqupoyyhwq] {
  position: relative;
  min-width: 11.5rem;
  min-height: 48px;
  overflow: hidden;
  border-radius: 999px;
  font-weight: 950;
  line-height: 1.15;
  isolation: isolate;
  transform: translateY(0);
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    color 0.16s ease,
    filter 0.16s ease,
    transform 0.16s ease;
}

.sk-gate-button[b-oqupoyyhwq]::after {
  content: "";
  position: absolute;
  top: -130%;
  left: -48%;
  z-index: 0;
  width: 42%;
  height: 360%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.36), transparent);
  opacity: 0;
  transform: rotate(18deg);
}

.sk-gate-button:hover:not(:disabled)[b-oqupoyyhwq],
.sk-gate-button:focus-visible:not(:disabled)[b-oqupoyyhwq] {
  transform: translateY(-1px);
  outline: 0;
}

.sk-gate-button--blocked[b-oqupoyyhwq] {
  text-align: center;
}

.sk-gate-button.sk-btn-brand[b-oqupoyyhwq] {
  border-color: rgba(var(--app-brand-color-rgb), 0.92);
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color) 58%, #f07112);
  color: #14100c;
  box-shadow:
    0 14px 34px rgba(var(--app-brand-color-rgb), 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.sk-gate-button.sk-btn-brand:hover:not(:disabled)[b-oqupoyyhwq],
.sk-gate-button.sk-btn-brand:focus-visible:not(:disabled)[b-oqupoyyhwq] {
  color: #14100c;
  filter: brightness(1.04);
  box-shadow:
    0 17px 40px rgba(var(--app-brand-color-rgb), 0.3),
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.sk-gate-button.sk-btn-brand-outline[b-oqupoyyhwq],
.sk-btn-brand-subtle[b-oqupoyyhwq] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.62);
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.15), rgba(var(--app-brand-color-rgb), 0.045)),
    rgba(18, 21, 24, 0.74);
  color: var(--app-brand-color);
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.24),
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-gate-button.sk-btn-brand-outline[b-oqupoyyhwq] {
  animation: sk-gate-button-glow-b-oqupoyyhwq 2.35s ease-in-out infinite;
}

.sk-gate-button.sk-btn-brand-outline[b-oqupoyyhwq]::after,
.sk-gate-button.sk-btn-brand[b-oqupoyyhwq]::after {
  animation: sk-gate-button-shine-b-oqupoyyhwq 4.4s ease-in-out infinite;
}

.sk-gate-button.sk-btn-brand-outline:hover:not(:disabled)[b-oqupoyyhwq],
.sk-gate-button.sk-btn-brand-outline:focus-visible:not(:disabled)[b-oqupoyyhwq],
.sk-btn-brand-subtle:hover:not(:disabled)[b-oqupoyyhwq],
.sk-btn-brand-subtle:focus-visible:not(:disabled)[b-oqupoyyhwq] {
  border-color: rgba(var(--app-brand-color-rgb), 0.88);
  color: var(--app-brand-color);
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.15), transparent 34%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.21), rgba(var(--app-brand-color-rgb), 0.07)),
    rgba(20, 23, 27, 0.86);
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.3),
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.12),
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1);
}

.sk-gate-button--disabled[b-oqupoyyhwq],
.sk-gate-button:disabled[b-oqupoyyhwq],
.sk-btn-brand-subtle:disabled[b-oqupoyyhwq] {
  cursor: not-allowed;
  opacity: 0.62;
  filter: saturate(0.7);
  transform: none;
  box-shadow: none;
}

.sk-gate-button--paused[b-oqupoyyhwq] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42) !important;
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.11), rgba(255, 255, 255, 0.035)),
    rgba(18, 21, 24, 0.74) !important;
  color: rgba(255, 210, 170, 0.84) !important;
  opacity: 0.82 !important;
  filter: saturate(0.75);
}

.sk-gate-button--disabled[b-oqupoyyhwq]::after,
.sk-gate-button:disabled[b-oqupoyyhwq]::after {
  animation: none;
}

.sk-gate-button__content[b-oqupoyyhwq] {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.16rem;
  min-width: 0;
  width: 100%;
}

.sk-gate-button__main[b-oqupoyyhwq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-width: 0;
}

.sk-gate-button__label[b-oqupoyyhwq] {
  min-width: 0;
}

.sk-gate-button__busy-orbit[b-oqupoyyhwq] {
  position: relative;
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 1.05rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 2px rgba(0, 0, 0, 0.12),
    0 0 0 2px rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-gate-button__busy-orbit[b-oqupoyyhwq]::after {
  content: "";
  position: absolute;
  top: -0.14rem;
  left: 50%;
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 50%;
  background: var(--app-brand-color);
  box-shadow: 0 0 0.55rem rgba(var(--app-brand-color-rgb), 0.85);
  transform: translateX(-50%);
  transform-origin: 50% calc(0.66rem + 50%);
  animation: sk-gate-button-orbit-b-oqupoyyhwq 0.78s linear infinite;
}

.sk-gate-button--busy[b-oqupoyyhwq] {
  cursor: wait;
}

.sk-gate-button--busy .sk-gate-button__main[b-oqupoyyhwq] {
  gap: 0.48rem;
}

.sk-gate-button--busy .sk-gate-button__label[b-oqupoyyhwq] {
  color: rgba(255, 238, 218, 0.95);
}

.sk-gate-button__benefit[b-oqupoyyhwq] {
  max-width: min(28rem, 100%);
  color: rgba(255, 235, 212, 0.82);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
}

.sk-gate-button__price[b-oqupoyyhwq] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding-left: 0.6rem;
  border-left: 1px solid rgba(34, 22, 12, 0.22);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sk-btn-brand-outline .sk-gate-button__price[b-oqupoyyhwq],
.sk-btn-brand-subtle .sk-gate-button__price[b-oqupoyyhwq] {
  border-left-color: rgba(var(--app-brand-color-rgb), 0.32);
}

.sk-gate-button__coin[b-oqupoyyhwq] {
  width: 0.92rem;
  height: 0.92rem;
  display: inline-block;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, #fff3d4, var(--app-brand-color) 46%, #ff7a18 100%);
  box-shadow:
    0 0 0 0.16rem rgba(var(--app-brand-color-rgb), 0.16),
    0 0 1rem rgba(var(--app-brand-color-rgb), 0.48);
}

.sk-gate-button__error[b-oqupoyyhwq] {
  color: #ffb6a8 !important;
}

@keyframes sk-gate-button-shine-b-oqupoyyhwq {
  0%,
  52% {
    transform: translateX(-165%) rotate(18deg);
    opacity: 0;
  }

  62% {
    opacity: 0.75;
  }

  82%,
  100% {
    transform: translateX(360%) rotate(18deg);
    opacity: 0;
  }
}

@keyframes sk-gate-button-glow-b-oqupoyyhwq {
  0%,
  100% {
    box-shadow:
      0 14px 32px rgba(0, 0, 0, 0.24),
      0 0 0 0 rgba(var(--app-brand-color-rgb), 0),
      inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
  }

  50% {
    box-shadow:
      0 16px 38px rgba(0, 0, 0, 0.3),
      0 0 0 5px rgba(var(--app-brand-color-rgb), 0.14),
      inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.1);
  }
}

@keyframes sk-gate-button-orbit-b-oqupoyyhwq {
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sk-gate-button[b-oqupoyyhwq],
  .sk-gate-button[b-oqupoyyhwq]::after,
  .sk-gate-button__busy-orbit[b-oqupoyyhwq]::after {
    animation: none !important;
  }

  .sk-gate-button__busy-orbit[b-oqupoyyhwq]::after {
    opacity: 0.72;
  }
}

@media (max-width: 767.98px) {
  .sk-gate-button[b-oqupoyyhwq] {
    min-width: 0;
  }

  .sk-gate-button__content[b-oqupoyyhwq] {
    width: 100%;
    justify-content: center;
  }

  .sk-gate-button__main[b-oqupoyyhwq] {
    width: 100%;
  }

  .sk-gate-button__benefit[b-oqupoyyhwq] {
    font-size: 0.76rem;
  }
}
/* /Shared/Controls/Features/FeatureHint.razor.rz.scp.css */
.sk-field-hint[b-zh2zlf1zr9] {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.sk-field-hint__trigger[b-zh2zlf1zr9] {
  width: 1.35rem;
  height: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.75);
  border-radius: 50%;
  color: var(--app-brand-color);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.12), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.075);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1;
  cursor: help;
  transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.sk-field-hint__trigger:hover[b-zh2zlf1zr9],
.sk-field-hint__trigger:focus-visible[b-zh2zlf1zr9],
.sk-field-hint__trigger[aria-expanded="true"][b-zh2zlf1zr9] {
  border-color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  box-shadow: 0 0 0 0.16rem rgba(var(--app-brand-color-rgb), 0.12);
  outline: 0;
}

.sk-field-hint__backdrop[b-zh2zlf1zr9] {
  position: fixed;
  inset: 0;
  z-index: 1180;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.sk-field-hint__popover[b-zh2zlf1zr9] {
  position: fixed;
  inset: 50% auto auto 50%;
  z-index: 1190;
  margin: 0;
  width: min(360px, calc(100vw - 2rem));
  gap: 0.45rem;
  padding: 0.8rem 0.85rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
  border-radius: calc(var(--app-radius) - 0.15rem);
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    color-mix(in srgb, var(--app-background-color-contrast) 94%, black);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
  text-align: left;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
}

.sk-field-hint__popover:popover-open[b-zh2zlf1zr9] {
  display: grid;
}

@supports (position-area: bottom) {
  .sk-field-hint__popover[b-zh2zlf1zr9] {
    inset: auto;
    position-area: bottom span-right;
    position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
    margin-block-start: 0.45rem;
    transform: none;
  }
}

.sk-field-hint__head[b-zh2zlf1zr9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.sk-field-hint__title[b-zh2zlf1zr9] {
  color: var(--app-brand-color);
  font-size: 0.9rem;
  font-weight: 850;
  line-height: 1.2;
}

.sk-field-hint__close[b-zh2zlf1zr9] {
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: 50%;
  color: var(--app-front-color-sec);
  background: transparent;
  font-size: 0.82rem;
  line-height: 1;
}

.sk-field-hint__close:hover[b-zh2zlf1zr9],
.sk-field-hint__close:focus-visible[b-zh2zlf1zr9] {
  color: var(--app-front-color-main);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  outline: 0;
}

.sk-field-hint__body[b-zh2zlf1zr9] {
  color: var(--app-front-color-sec);
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.45;
}

@media (max-width: 767.98px) {
  .sk-field-hint[b-zh2zlf1zr9] {
    min-width: 28px;
    min-height: 28px;
    justify-content: center;
  }

  .sk-field-hint__trigger[b-zh2zlf1zr9] {
    width: 1.7rem;
    height: 1.7rem;
    font-size: 0.82rem;
  }

  .sk-field-hint__backdrop[b-zh2zlf1zr9] {
    background: rgba(0, 0, 0, 0.28);
  }

  .sk-field-hint__popover[b-zh2zlf1zr9] {
    inset: auto;
    left: 0.75rem;
    right: 0.75rem;
    bottom: calc(env(safe-area-inset-bottom, 0px) + 0.75rem);
    top: auto;
    width: auto;
    max-height: min(52vh, 360px);
    overflow: auto;
    padding: 0.95rem;
    border-radius: calc(var(--app-radius) + 0.1rem);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.45);
    transform: none;
  }

  .sk-field-hint__title[b-zh2zlf1zr9] {
    font-size: 1rem;
  }

  .sk-field-hint__body[b-zh2zlf1zr9] {
    font-size: 0.95rem;
  }
}
/* /Shared/Controls/Features/FeatureModelPicker.razor.rz.scp.css */
.sk-model-picker[b-kkfymfq0xs] {
  position: relative;
  width: 100%;
  min-width: 260px;
}

.sk-model-picker--open[b-kkfymfq0xs] {
  z-index: 360;
}

.sk-model-picker--empty[b-kkfymfq0xs] {
  min-height: 78px;
  display: grid;
  gap: 0.18rem;
  align-content: center;
  padding: 0.78rem 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) - 0.08rem);
  color: var(--app-front-color-sec);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 10rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)),
    rgba(0, 0, 0, 0.2);
}

.sk-model-picker__empty-label[b-kkfymfq0xs] {
  color: var(--app-brand-color);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sk-model-picker--empty strong[b-kkfymfq0xs] {
  color: var(--app-front-color-main);
  font-weight: 950;
}

.sk-model-picker--empty span:last-child[b-kkfymfq0xs] {
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.3;
}

.sk-model-picker__trigger[b-kkfymfq0xs] {
  position: relative;
  z-index: 362;
  width: 100%;
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.62rem 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: calc(var(--app-radius) - 0.25rem);
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.09), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
    rgba(8, 11, 14, 0.62);
  text-align: left;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.035),
    0 10px 24px rgba(0, 0, 0, 0.14);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.sk-model-picker__trigger:hover[b-kkfymfq0xs],
.sk-model-picker__trigger:focus-visible[b-kkfymfq0xs] {
  border-color: rgba(var(--app-brand-color-rgb), 0.76);
  box-shadow:
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.16),
    0 14px 32px rgba(0, 0, 0, 0.2);
  outline: 0;
  transform: translateY(-1px);
}

.sk-model-picker__selected[b-kkfymfq0xs],
.sk-model-picker__option-copy[b-kkfymfq0xs] {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}

.sk-model-picker__name[b-kkfymfq0xs],
.sk-model-picker__option-name[b-kkfymfq0xs] {
  min-width: 0;
  overflow: hidden;
  color: var(--app-front-color-main);
  font-weight: 800;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sk-model-picker__base[b-kkfymfq0xs],
.sk-model-picker__option-base[b-kkfymfq0xs] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.25;
}

.sk-model-picker__option-description[b-kkfymfq0xs] {
  color: color-mix(in srgb, var(--app-front-color-sec) 88%, white);
  font-size: 0.76rem;
  line-height: 1.22;
}

.sk-model-picker__side[b-kkfymfq0xs],
.sk-model-picker__option-side[b-kkfymfq0xs] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
}

.sk-model-picker__badge[b-kkfymfq0xs] {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.48);
  border-radius: 999px;
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  font-size: 0.74rem;
  font-weight: 850;
  white-space: nowrap;
}

.sk-model-picker__badge--trigger[b-kkfymfq0xs] {
  min-height: 28px;
  padding-inline: 0.65rem;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.12), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.1);
}

.sk-model-picker__paused[b-kkfymfq0xs] {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.55rem;
  border: 1px solid rgba(255, 196, 140, 0.38);
  border-radius: 999px;
  color: rgba(255, 218, 188, 0.86);
  background: rgba(255, 128, 18, 0.08);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sk-model-picker__backdrop[b-kkfymfq0xs] {
  position: fixed;
  inset: 0;
  z-index: 350;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}

.sk-model-picker__menu[b-kkfymfq0xs] {
  position: absolute;
  z-index: 364;
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  display: grid;
  gap: 0.22rem;
  max-height: min(430px, 64vh);
  overflow: auto;
  padding: 0.38rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.38);
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    color-mix(in srgb, var(--app-background-color-contrast) 94%, black);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.46),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.sk-model-picker__option[b-kkfymfq0xs] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  min-height: 58px;
  padding: 0.55rem 0.6rem;
  border: 1px solid transparent;
  border-radius: calc(var(--app-radius) - 0.35rem);
  background: rgba(255, 255, 255, 0.018);
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}

.sk-model-picker__option:hover[b-kkfymfq0xs],
.sk-model-picker__option:focus-visible[b-kkfymfq0xs] {
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background: rgba(var(--app-brand-color-rgb), 0.09);
  outline: 0;
  transform: translateY(-1px);
}

.sk-model-picker__option--selected[b-kkfymfq0xs] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.18), rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(255, 255, 255, 0.025);
}

.sk-model-picker__option--paused[b-kkfymfq0xs] {
  cursor: not-allowed;
  opacity: 0.68;
  filter: saturate(0.72);
}

.sk-model-picker__option--paused:hover[b-kkfymfq0xs],
.sk-model-picker__option--paused:focus-visible[b-kkfymfq0xs] {
  transform: none;
  border-color: rgba(255, 196, 140, 0.24);
  background: rgba(255, 128, 18, 0.035);
}

.sk-model-picker__upgrade[b-kkfymfq0xs] {
  min-height: 28px;
  padding: 0.25rem 0.55rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.58);
  border-radius: 999px;
  color: #0b0b0b;
  background: var(--app-brand-color);
  font-size: 0.76rem;
  font-weight: 850;
  white-space: nowrap;
}

.sk-model-picker__upgrade:hover[b-kkfymfq0xs],
.sk-model-picker__upgrade:focus-visible[b-kkfymfq0xs] {
  filter: brightness(1.06);
  outline: 0;
}

@media (max-width: 767.98px) {
  .sk-model-picker[b-kkfymfq0xs] {
    min-width: 0;
  }

  .sk-model-picker__trigger[b-kkfymfq0xs],
  .sk-model-picker__option[b-kkfymfq0xs] {
    align-items: center;
  }

  .sk-model-picker__option[b-kkfymfq0xs] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    min-height: 68px;
    padding: 0.65rem 0.7rem;
    border-color: rgba(var(--app-brand-color-rgb), 0.18);
    background: rgba(255, 255, 255, 0.025);
  }

  .sk-model-picker__side[b-kkfymfq0xs],
  .sk-model-picker__option-side[b-kkfymfq0xs] {
    justify-content: flex-end;
  }

  .sk-model-picker__badge--trigger[b-kkfymfq0xs] {
    max-width: 8.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sk-model-picker__upgrade[b-kkfymfq0xs] {
    min-height: 34px;
    max-width: 10rem;
    white-space: normal;
    line-height: 1.1;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .sk-model-picker__option[b-kkfymfq0xs] {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .sk-model-picker__option-side[b-kkfymfq0xs] {
    justify-content: flex-start;
  }

  .sk-model-picker__upgrade[b-kkfymfq0xs] {
    width: 100%;
    max-width: none;
  }
}
/* /Shared/Controls/Features/HoldButton.razor.rz.scp.css */

.hold-button[b-vcsfgcpsei] {
  position: relative;
  overflow: hidden;
  user-select: none;
  -webkit-touch-callout: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  flex: 0 0 auto;
  line-height: 1;
  cursor: pointer;
  touch-action: none;
}


.hold-button.sk-iconbtn[b-vcsfgcpsei] {
  width: var(--sk-iconbtn-size, 28px);
  height: var(--sk-iconbtn-size, 28px);
  min-width: var(--sk-iconbtn-size, 28px);
  min-height: var(--sk-iconbtn-size, 28px);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.35);
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fff;
  flex: 0 0 var(--sk-iconbtn-size, 28px);
}

.hold-button.sk-iconbtn svg[b-vcsfgcpsei] {
  display: block;
  flex: 0 0 auto;
}

.hold-button.btn[b-vcsfgcpsei],
.hold-button.sk-secondary-btn[b-vcsfgcpsei],
.hold-button.sk-btn-brand[b-vcsfgcpsei],
.hold-button.sk-btn-brand-outline[b-vcsfgcpsei] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}


.hold-button.sk-iconbtn--danger[b-vcsfgcpsei] {
  border-color: rgba(255, 128, 128, 0.6);
}

.hold-button.sk-state-danger-btn[b-vcsfgcpsei] {
  min-height: 38px;
  padding: 0.45rem 0.82rem;
  border: 1px solid rgba(255, 116, 104, 0.42);
  border-radius: 999px;
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(255, 116, 104, 0.13), rgba(255, 116, 104, 0.04)),
    rgba(15, 18, 22, 0.68);
  color: #ffd0ca;
  font-size: 0.86rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.035);
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

.hold-button.sk-state-danger-btn:hover[b-vcsfgcpsei],
.hold-button.sk-state-danger-btn:focus-visible[b-vcsfgcpsei] {
  border-color: rgba(255, 142, 130, 0.68);
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(255, 116, 104, 0.18), rgba(255, 116, 104, 0.07)),
    rgba(18, 21, 25, 0.82);
  color: #ffe2de;
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.28),
    0 0 0 0.18rem rgba(255, 116, 104, 0.1);
  outline: 0;
  transform: translateY(-1px);
}

.hold-button.sk-state-danger-btn .hold-progress[b-vcsfgcpsei]::-webkit-progress-value,
.hold-button.sk-state-danger-btn .hold-progress[b-vcsfgcpsei]::-moz-progress-bar {
  background: rgba(255, 116, 104, 0.78);
}

.hold-button.gv-cornerbtn[b-vcsfgcpsei] {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 999px;
}

.hold-button.gv-cornerbtn svg[b-vcsfgcpsei] {
  width: 18px;
  height: 18px;
}


.hold-progress[b-vcsfgcpsei] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
  opacity: 0.85;
  background: transparent;
  border-radius: inherit;
  z-index: 0;
}

.hold-progress[b-vcsfgcpsei]::-webkit-progress-bar {
  background: transparent;
}

.hold-progress[b-vcsfgcpsei]::-webkit-progress-value,
.hold-progress[b-vcsfgcpsei]::-moz-progress-bar {
  background: rgba(var(--app-brand-color-rgb), 0.85);
  border-radius: inherit;
  transition: width 0.08s linear;
}


.hold-button > *:not(.hold-progress)[b-vcsfgcpsei] {
  position: relative;
  z-index: 1;
}

.hold-button__assistive[b-vcsfgcpsei] {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hold-button.hold-inset[b-vcsfgcpsei] {
  margin-right: 0.35rem;
}

@media (max-width: 767.98px) {
  .hold-button.gv-cornerbtn[b-vcsfgcpsei] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}
/* /Shared/Controls/Features/ImageDropUpload.razor.rz.scp.css */
.idu-box[b-28a1zz5imb] {
  position: relative;
  overflow: hidden;
  padding: 0.75rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: var(--sk-premium-radius-sm, var(--app-radius));
  background:
    radial-gradient(circle at 18% 0, rgba(var(--app-brand-color-rgb), 0.13), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.014)),
    rgba(13, 16, 19, 0.74);
  color: var(--app-front-color-main);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 14px 34px rgba(0, 0, 0, 0.16);
}

.idu-box.is-invalid[b-28a1zz5imb] {
  border-color: rgba(255, 108, 108, 0.7);
  box-shadow:
    0 0 0 0.18rem rgba(220, 53, 69, 0.1),
    0 14px 34px rgba(0, 0, 0, 0.16);
}

.idu-invalid[b-28a1zz5imb] {
  margin-top: 0.5rem;
  color: #ffb6c0;
  font-size: 0.875rem;
}

.idu-drop[b-28a1zz5imb],
.idu-mobile-picker[b-28a1zz5imb] {
  position: relative;
  min-height: var(--idu-drop-min-h, 280px);
  border: 2px dashed rgba(var(--app-brand-color-rgb), 0.52);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    radial-gradient(circle at 50% 8%, rgba(var(--app-brand-color-rgb), 0.08), transparent 16rem),
    rgba(0, 0, 0, 0.24);
  overflow: hidden;
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease;
}

.idu-drop[b-28a1zz5imb] {
  display: grid;
  place-items: center;
}

.idu-mobile-picker[b-28a1zz5imb] {
  display: none;
  padding: 1.1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.idu-drop[b-28a1zz5imb]::before,
.idu-mobile-picker[b-28a1zz5imb]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255, 255, 255, 0.038) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: 0.34;
  mask-image: radial-gradient(circle at 50% 50%, black, transparent 75%);
}

.idu-surface[b-28a1zz5imb] {
  display: block;
}

.idu-box.is-invalid .idu-drop[b-28a1zz5imb],
.idu-box.is-invalid .idu-mobile-picker[b-28a1zz5imb] {
  border-color: rgba(255, 108, 108, 0.7);
  background:
    radial-gradient(circle at 50% 8%, rgba(220, 53, 69, 0.14), transparent 16rem),
    rgba(60, 16, 22, 0.18);
}

.idu-drop.dragover[b-28a1zz5imb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.92);
  background:
    radial-gradient(circle at 50% 8%, rgba(var(--app-brand-color-rgb), 0.18), transparent 16rem),
    rgba(var(--app-brand-color-rgb), 0.08);
  box-shadow: 0 0 0 0.22rem rgba(var(--app-brand-color-rgb), 0.1);
}

.idu-drop__inner[b-28a1zz5imb] {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  gap: 0.3rem;
  text-align: center;
  pointer-events: none;
}

.idu-drop__inner svg[b-28a1zz5imb] {
  color: var(--app-brand-color);
  filter: drop-shadow(0 0 0.9rem rgba(var(--app-brand-color-rgb), 0.34));
}

.idu-title[b-28a1zz5imb] {
  color: var(--app-front-color-main);
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: -0.01em;
}

.idu-drop__inner .text-muted[b-28a1zz5imb] {
  color: var(--app-front-color-sec) !important;
}

.idu-input[b-28a1zz5imb] {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}

.idu-input--mobile[b-28a1zz5imb] {
  width: 1px;
  height: 1px;
  inset: auto;
  opacity: 0;
  pointer-events: none;
}

.idu-drop--disabled[b-28a1zz5imb] {
  border-color: rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 50% 8%, rgba(255, 255, 255, 0.05), transparent 15rem),
    rgba(0, 0, 0, 0.28);
  filter: saturate(0.75);
}

.idu-mobile-picker__actions[b-28a1zz5imb] {
  position: relative;
  z-index: 1;
  width: min(100%, 24rem);
  display: grid;
  gap: 0.75rem;
  margin: 1rem auto 0;
}

.idu-mobile-picker__title[b-28a1zz5imb] {
  position: relative;
  z-index: 1;
  justify-content: center;
}

.idu-mobile-picker__hint[b-28a1zz5imb] {
  position: relative;
  z-index: 1;
  max-width: 18rem;
  margin-inline: auto;
  text-align: center;
}

.idu-mobile-picker__button[b-28a1zz5imb] {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 950;
}

.idu-mobile-picker__button.sk-btn-brand[b-28a1zz5imb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.92);
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color) 58%, #f07112);
  color: #14100c;
  box-shadow: 0 12px 30px rgba(var(--app-brand-color-rgb), 0.22);
}

.idu-mobile-picker__button.sk-btn-brand-outline[b-28a1zz5imb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.58);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.13), rgba(var(--app-brand-color-rgb), 0.04)),
    rgba(15, 18, 22, 0.7);
  color: var(--app-brand-color);
}

.idu-mobile-picker__button--hidden[b-28a1zz5imb] {
  display: none !important;
}

.idu-preview[b-28a1zz5imb] {
  position: relative;
  height: var(--idu-preview-h, 320px);
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    radial-gradient(circle at 50% 8%, rgba(var(--app-brand-color-rgb), 0.08), transparent 14rem),
    var(--app-background-color-main);
}

.idu-preview img[b-28a1zz5imb] {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: var(--app-background-color-main);
}

.idu-preview__overlay[b-28a1zz5imb] {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: transparent !important;
  mix-blend-mode: normal;
}

.idu-status[b-28a1zz5imb] {
  margin-top: 0.6rem;
  padding: 0.62rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.9rem;
  line-height: 1.45;
}

.idu-status--busy[b-28a1zz5imb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  color: rgba(255, 232, 206, 0.94);
}

.idu-status--success[b-28a1zz5imb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.34);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: rgba(255, 244, 229, 0.96);
}

.idu-status--warn[b-28a1zz5imb] {
  border-color: rgba(255, 193, 7, 0.32);
  background: rgba(255, 193, 7, 0.08);
  color: #ffe4a3;
}

.idu-status--error[b-28a1zz5imb] {
  border-color: rgba(220, 53, 69, 0.4);
  background: rgba(220, 53, 69, 0.1);
  color: #ffb6c0;
}

.idu-remove[b-28a1zz5imb] {
  position: absolute;
  top: 0.55rem;
  right: 0.55rem;
  min-width: 38px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  line-height: 1;
  backdrop-filter: blur(8px);
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease;
}

.idu-remove:hover[b-28a1zz5imb],
.idu-remove:focus-visible[b-28a1zz5imb] {
  border-color: rgba(var(--app-brand-color-rgb), 0.54);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
  outline: 0;
  transform: translateY(-1px);
}

@media (max-width: 1199.98px), (hover: none) and (pointer: coarse) {
  .idu-drop--desktop[b-28a1zz5imb] {
    display: none;
  }

  .idu-mobile-picker[b-28a1zz5imb] {
    display: flex;
    flex-direction: column;
  }
}
/* /Shared/Controls/Features/ImageModelDialog.razor.rz.scp.css */
.im-dialog__backdrop[b-igg2apxqf6] {
  position: fixed;
  inset: 0;
  z-index: 5200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
  overflow-y: auto;
  background:
    radial-gradient(circle at 78% 8%, rgba(var(--app-brand-color-rgb), 0.18), transparent 28rem),
    rgba(6, 8, 12, 0.82);
  backdrop-filter: blur(14px);
}

.im-dialog[b-igg2apxqf6] {
  width: min(1120px, 100%);
  max-height: min(840px, calc(100svh - 2rem));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.36);
  border-radius: calc(var(--app-radius) + 0.48rem);
  background:
    radial-gradient(circle at 13% 0%, rgba(var(--app-brand-color-rgb), 0.18), transparent 28rem),
    radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.055), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.018)),
    rgba(27, 32, 37, 0.98);
  color: var(--app-front-color-main);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.im-dialog__header[b-igg2apxqf6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 72px;
  padding: 1.05rem 1.15rem;
  border-bottom: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  background:
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.085), transparent 54%),
    rgba(255, 255, 255, 0.014);
}

.im-dialog__eyebrow[b-igg2apxqf6],
.im-recommendation__label[b-igg2apxqf6] {
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.im-dialog__header h2[b-igg2apxqf6],
.im-recommendation h3[b-igg2apxqf6],
.im-model-card h3[b-igg2apxqf6] {
  margin: 0;
  color: var(--app-front-color-main);
  font-weight: 850;
}

.im-dialog__header h2[b-igg2apxqf6] {
  margin-top: 0.16rem;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  letter-spacing: -0.035em;
}

.im-dialog__close[b-igg2apxqf6] {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.12), transparent 44%),
    rgba(var(--app-brand-color-rgb), 0.075);
  color: var(--app-brand-color);
  font-size: 1.3rem;
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.06);
}

.im-dialog__close:hover[b-igg2apxqf6],
.im-dialog__close:focus-visible[b-igg2apxqf6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  color: var(--app-brand-color);
  outline: none;
}

.im-dialog__intro[b-igg2apxqf6] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  align-items: center;
  gap: 1rem;
  padding: 0.92rem 1.15rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.08);
}

.im-dialog__intro p[b-igg2apxqf6] {
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.5;
}

.im-dialog__search .form-control[b-igg2apxqf6] {
  min-height: 43px;
  border-color: rgba(var(--app-brand-color-rgb), 0.26);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(0, 0, 0, 0.22);
  color: var(--app-front-color-main);
}

.im-dialog__search .form-control:focus[b-igg2apxqf6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.64);
  box-shadow: 0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.12);
}

.im-dialog__body[b-igg2apxqf6] {
  min-height: 0;
  overflow-y: auto;
  padding: 1rem 1.15rem 1.15rem;
}

.im-dialog__grid[b-igg2apxqf6] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.im-model-card[b-igg2apxqf6] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: 0;
  padding: 1rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: calc(var(--app-radius) + 0.08rem);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.095), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.014)),
    rgba(16, 20, 24, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  transition:
    border-color 0.16s ease,
    background 0.16s ease,
    transform 0.16s ease;
}

.im-model-card:hover[b-igg2apxqf6] {
  transform: translateY(-1px);
  border-color: rgba(var(--app-brand-color-rgb), 0.34);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.14), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.017)),
    rgba(16, 20, 24, 0.72);
}

.im-model-card--selected[b-igg2apxqf6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 255, 255, 0.07), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.016)),
    rgba(16, 20, 24, 0.72);
}

.im-model-card--locked[b-igg2apxqf6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 13rem),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.055), rgba(255, 255, 255, 0.012)),
    rgba(16, 20, 24, 0.68);
}

.im-model-card--paused[b-igg2apxqf6] {
  border-color: rgba(255, 196, 140, 0.24);
  filter: saturate(0.76);
}

.im-model-card--paused:hover[b-igg2apxqf6] {
  transform: none;
}

.im-model-card--auto[b-igg2apxqf6] {
  grid-column: 1 / -1;
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--app-brand-color-rgb), 0.2), transparent 18rem),
    radial-gradient(circle at 100% 100%, rgba(255, 172, 84, 0.12), transparent 18rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.105), rgba(255, 255, 255, 0.02)),
    rgba(16, 20, 24, 0.78);
}

.im-model-card--auto[b-igg2apxqf6]::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(var(--app-brand-color-rgb), 0.2), transparent 34%, rgba(255, 255, 255, 0.05));
  opacity: 0.75;
}

.im-model-card__topline[b-igg2apxqf6] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.im-model-card h3[b-igg2apxqf6] {
  font-size: 1.05rem;
}

.im-model-card__badge[b-igg2apxqf6] {
  flex: 0 0 auto;
  padding: 0.22rem 0.5rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  border-radius: 999px;
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.08);
  font-size: 0.7rem;
  font-weight: 750;
}

.im-model-card__badge--selected[b-igg2apxqf6] {
  border-color: rgba(255, 255, 255, 0.14);
  color: var(--app-front-color-sec);
  background: rgba(255, 255, 255, 0.055);
}

.im-model-card__badge--auto[b-igg2apxqf6],
.im-model-card__badge--upgrade[b-igg2apxqf6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.45);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
}

.im-model-card__badge--paused[b-igg2apxqf6] {
  border-color: rgba(255, 196, 140, 0.42);
  color: rgba(255, 218, 188, 0.9);
  background: rgba(255, 128, 18, 0.08);
}

.im-model-card__summary[b-igg2apxqf6],
.im-model-card__section p[b-igg2apxqf6] {
  margin: 0;
  color: var(--app-front-color-sec);
  line-height: 1.5;
}

.im-model-card__section[b-igg2apxqf6] {
  color: var(--app-front-color-main);
  font-size: 0.88rem;
}

.im-model-card__section strong[b-igg2apxqf6],
.im-recommendation__fit strong[b-igg2apxqf6] {
  display: block;
  margin-bottom: 0.3rem;
  color: var(--app-brand-color);
  font-size: 0.75rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.im-model-card__section ul[b-igg2apxqf6],
.im-recommendation__fit ul[b-igg2apxqf6] {
  margin: 0;
  padding-left: 1.1rem;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.im-model-card__section--muted[b-igg2apxqf6] {
  margin-top: auto;
}

.im-model-card__action[b-igg2apxqf6] {
  min-height: 42px;
  margin-top: 0.15rem;
  border-color: rgba(var(--app-brand-color-rgb), 0.66);
  border-radius: 999px;
  background:
    linear-gradient(135deg, var(--app-brand-color), #ff9c2b);
  color: #111;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.2);
}

.im-model-card__action:hover:not(:disabled)[b-igg2apxqf6],
.im-model-card__action:focus-visible:not(:disabled)[b-igg2apxqf6] {
  border-color: var(--app-brand-color);
  background: linear-gradient(135deg, #ff9c2b, var(--app-brand-color));
  color: #111;
  box-shadow: 0 16px 34px rgba(var(--app-brand-color-rgb), 0.3);
  transform: translateY(-1px);
}

.im-model-card__action--auto[b-igg2apxqf6] {
  min-height: 46px;
}

.im-model-card__action--upgrade[b-igg2apxqf6] {
  border-color: rgba(var(--app-brand-color-rgb), 0.82);
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.28), transparent 24%),
    linear-gradient(135deg, #ff7a14, #ffb347);
  color: #17110b;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24);
}

.im-model-card__action--selected[b-igg2apxqf6],
.im-model-card__action--selected:disabled[b-igg2apxqf6] {
  border-color: rgba(255, 255, 255, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018));
  color: var(--app-front-color-sec);
  box-shadow: none;
  cursor: default;
  opacity: 1;
}

.im-model-card__action--paused[b-igg2apxqf6],
.im-model-card__action--paused:disabled[b-igg2apxqf6] {
  border-color: rgba(255, 196, 140, 0.26);
  background:
    linear-gradient(180deg, rgba(255, 128, 18, 0.12), rgba(255, 255, 255, 0.018));
  color: rgba(255, 218, 188, 0.86);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.9;
}

.im-model-card__action:disabled[b-igg2apxqf6] {
  transform: none;
}

.im-dialog__empty[b-igg2apxqf6] {
  padding: 3rem 1rem;
  color: var(--app-front-color-sec);
  text-align: center;
}

.im-dialog__body--recommendation[b-igg2apxqf6] {
  padding: clamp(1.15rem, 4vw, 2rem);
}

.im-recommendation[b-igg2apxqf6] {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.im-recommendation__mark[b-igg2apxqf6] {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.45);
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.15), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.13);
  color: var(--app-brand-color);
  font-size: 1.35rem;
  font-weight: 900;
}

.im-recommendation h3[b-igg2apxqf6] {
  margin-top: 0.12rem;
  font-size: clamp(1.4rem, 4vw, 2rem);
}

.im-recommendation__reason[b-igg2apxqf6] {
  margin: 1.25rem 0 0;
  color: var(--app-front-color-main);
  font-size: 1.05rem;
  line-height: 1.55;
}

.im-recommendation__summary[b-igg2apxqf6] {
  margin: 0.7rem 0 0;
  color: var(--app-front-color-sec);
  line-height: 1.55;
}

.im-recommendation__fit[b-igg2apxqf6] {
  margin-top: 1.2rem;
  padding: 1rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) - 0.15rem);
  background: rgba(var(--app-brand-color-rgb), 0.055);
}

.im-recommendation__confidence[b-igg2apxqf6] {
  margin-top: 1rem;
  color: var(--app-front-color-sec);
  font-size: 0.82rem;
}

.im-dialog__footer[b-igg2apxqf6] {
  display: flex;
  justify-content: flex-end;
  gap: 0.65rem;
  padding: 0.9rem 1.1rem;
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    linear-gradient(90deg, transparent, rgba(var(--app-brand-color-rgb), 0.065)),
    rgba(0, 0, 0, 0.16);
}

.im-dialog__footer .btn[b-igg2apxqf6] {
  min-height: 42px;
  padding-inline: 1rem;
  font-weight: 800;
}

.im-dialog__primary[b-igg2apxqf6] {
  border-color: var(--app-brand-color);
  background: var(--app-brand-color);
  color: #111;
}

.im-dialog__secondary[b-igg2apxqf6] {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
  color: var(--app-front-color-main);
}

@media (max-width: 767.98px) {
  .im-dialog__backdrop[b-igg2apxqf6] {
    align-items: flex-end;
    padding: 0.65rem;
  }

  .im-dialog[b-igg2apxqf6] {
    max-height: calc(100svh - 1.3rem);
  }

  .im-dialog__intro[b-igg2apxqf6] {
    grid-template-columns: 1fr;
  }

  .im-dialog__grid[b-igg2apxqf6] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .im-dialog__footer[b-igg2apxqf6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
/* /Shared/Controls/Features/PlanUpgradeHint.razor.rz.scp.css */
.sk-plan-upgrade-hint[b-ensys7g425] {
  margin-top: 0.35rem;
  max-width: min(100%, 32rem);
  font-size: 0.86rem;
  line-height: 1.35;
  color: rgba(255, 235, 212, 0.9);
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 0.46rem 0.68rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  background:
    radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.13), rgba(var(--app-brand-color-rgb), 0.045)),
    rgba(14, 17, 20, 0.58);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

@media (max-width: 767.98px) {
  .sk-plan-upgrade-hint[b-ensys7g425] {
    border-radius: calc(var(--app-radius) - 0.1rem);
  }
}
/* /Shared/Controls/Features/SubscriptionCheckoutReceipt.razor.rz.scp.css */
.sk-payment-plan-receipt[b-79sl4c8tug] {
  display: grid;
  gap: 0.55rem;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) + 0.05rem);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(255, 255, 255, 0.035)),
    rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.sk-payment-plan-receipt__formula[b-79sl4c8tug],
.sk-payment-plan-receipt__fine[b-79sl4c8tug] {
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
  line-height: 1.45;
}

.sk-payment-plan-receipt__row[b-79sl4c8tug] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.sk-payment-plan-receipt__row strong[b-79sl4c8tug] {
  color: var(--app-front-color-main);
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
}

.sk-payment-plan-receipt__row.is-total[b-79sl4c8tug] {
  margin-top: 0.25rem;
  padding-top: 0.55rem;
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  color: var(--app-front-color-main);
  font-weight: 900;
}

.sk-payment-plan-receipt__row.is-total strong[b-79sl4c8tug] {
  color: var(--app-brand-color);
  font-size: 1.08rem;
}

@media (max-width: 575.98px) {
  .sk-payment-plan-receipt__row[b-79sl4c8tug] {
    align-items: flex-start;
  }

  .sk-payment-plan-receipt__row strong[b-79sl4c8tug] {
    white-space: normal;
  }
}
/* /Shared/Controls/Features/UpgradePlanCard.razor.rz.scp.css */
.sk-plan.card[b-t0n2qtfhbc] {
  position: relative;
  overflow: hidden;
  height: 100%;
  color: var(--app-front-color-main);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: calc(var(--app-radius) + 0.1rem);
  background:
    radial-gradient(circle at 80% 0%, rgba(var(--app-brand-color-rgb), 0.13), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 42%),
    rgba(25, 29, 33, 0.94);
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.055);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease;
}

.sk-plan.card[b-t0n2qtfhbc]::after {
  content: "";
  position: absolute;
  inset: auto -28% -38% -28%;
  height: 56%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(var(--app-brand-color-rgb), 0.12), transparent 64%);
  opacity: 0;
  transition: opacity 0.18s ease;
}

.sk-plan.card:hover[b-t0n2qtfhbc] {
  transform: translateY(-3px);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  box-shadow:
    0 28px 70px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.sk-plan.card:hover[b-t0n2qtfhbc]::after {
  opacity: 1;
}

.sk-plan .card-body[b-t0n2qtfhbc] {
  position: relative;
  z-index: 1;
  padding: 1.05rem;
}

.sk-plan.lg .card-body[b-t0n2qtfhbc] {
  padding: 1.45rem;
}

.sk-plan-topline[b-t0n2qtfhbc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  min-height: 30px;
  color: var(--app-brand-color);
  font-size: 0.75rem;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.sk-best-label[b-t0n2qtfhbc],
.sk-save-label[b-t0n2qtfhbc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0.25rem 0.58rem;
  border-radius: 999px;
  white-space: nowrap;
  letter-spacing: 0.02em;
  text-transform: none;
}

.sk-best-label[b-t0n2qtfhbc] {
  color: #101010;
  background: linear-gradient(135deg, #ffd37a, var(--app-brand-color));
  box-shadow: 0 0 24px rgba(var(--app-brand-color-rgb), 0.3);
}

.sk-save-label[b-t0n2qtfhbc] {
  color: var(--app-brand-color);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.1);
}

.sk-plan-head[b-t0n2qtfhbc] {
  margin-top: 0.65rem;
}

.sk-title[b-t0n2qtfhbc] {
  margin: 0;
  font-size: 1.28rem;
  font-weight: 950;
  letter-spacing: -0.035em;
}

.sk-plan.lg .sk-title[b-t0n2qtfhbc] {
  font-size: clamp(2rem, 3.4vw, 3.3rem);
  line-height: 0.95;
}

.sk-plan-copy[b-t0n2qtfhbc] {
  margin: 0.35rem 0 0;
  min-height: 2.4em;
  color: var(--app-front-color-sec);
  font-size: 0.92rem;
}

.sk-plan.lg .sk-plan-copy[b-t0n2qtfhbc] {
  max-width: 22rem;
  font-size: 1.02rem;
}

.sk-credit-bank[b-t0n2qtfhbc] {
  display: grid;
  margin-top: 1rem;
  padding: 0.7rem 0.78rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  background:
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.16), rgba(255, 255, 255, 0.035)),
    rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
}

.sk-credit-bank span[b-t0n2qtfhbc] {
  font-size: 1.45rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.045em;
}

.sk-plan.lg .sk-credit-bank[b-t0n2qtfhbc] {
  padding: 0.95rem 1rem;
}

.sk-plan.lg .sk-credit-bank span[b-t0n2qtfhbc] {
  font-size: clamp(2.2rem, 4vw, 3.7rem);
}

.sk-credit-bank small[b-t0n2qtfhbc] {
  margin-top: 0.15rem;
  color: var(--app-front-color-sec);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.sk-price[b-t0n2qtfhbc] {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.55rem;
  min-height: 72px;
}

.sk-price-line[b-t0n2qtfhbc] {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.sk-price-val[b-t0n2qtfhbc] {
  font-weight: 950;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.06em;
}

.sk-plan.lg .sk-price-val[b-t0n2qtfhbc] {
  font-size: clamp(2.7rem, 5vw, 4.4rem);
}

.sk-old[b-t0n2qtfhbc] {
  color: var(--app-front-color-sec);
  font-size: 0.98rem;
  line-height: 1;
  text-decoration: line-through;
}

.sk-new[b-t0n2qtfhbc] {
  color: var(--app-front-color-main);
}

.sk-price-per[b-t0n2qtfhbc] {
  color: var(--app-front-color-sec);
  font-size: 0.86rem;
}

.sk-price-term[b-t0n2qtfhbc] {
  flex-basis: 100%;
  color: rgba(var(--app-brand-color-rgb), 0.92);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.sk-weekly-deal[b-t0n2qtfhbc] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  max-width: 100%;
  margin: 0.78rem 0 0.1rem;
  padding: 0.42rem 0.62rem 0.42rem 0.5rem;
  border-radius: 999px;
  color: var(--app-front-color-main);
  background:
    radial-gradient(circle at 8% 50%, rgba(var(--app-brand-color-rgb), 0.34), transparent 1.85rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.22), rgba(255, 255, 255, 0.055)),
    rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 26px rgba(var(--app-brand-color-rgb), 0.12);
}

.sk-weekly-deal[b-t0n2qtfhbc]::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 44%);
  opacity: 0.7;
}

.sk-weekly-deal__spark[b-t0n2qtfhbc] {
  position: relative;
  z-index: 1;
  width: 0.72rem;
  height: 0.72rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  box-shadow:
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.14),
    0 0 18px rgba(var(--app-brand-color-rgb), 0.45);
}

.sk-weekly-deal strong[b-t0n2qtfhbc] {
  position: relative;
  z-index: 1;
}

.sk-weekly-deal strong[b-t0n2qtfhbc] {
  font-size: 0.86rem;
  font-weight: 950;
  letter-spacing: -0.015em;
  white-space: nowrap;
}

.sk-plan.featured .sk-weekly-deal[b-t0n2qtfhbc] {
  border-color: rgba(var(--app-brand-color-rgb), 0.62);
  background:
    radial-gradient(circle at 8% 50%, rgba(255, 210, 122, 0.44), transparent 1.95rem),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.36), rgba(255, 255, 255, 0.075)),
    rgba(0, 0, 0, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12),
    0 14px 36px rgba(var(--app-brand-color-rgb), 0.2);
}

.sk-value-strip[b-t0n2qtfhbc] {
  min-height: 44px;
  padding: 0.55rem 0.65rem;
  border-radius: calc(var(--app-radius) - 0.2rem);
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.065);
  font-size: 0.88rem;
  font-weight: 800;
}

.sk-buy[b-t0n2qtfhbc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.7);
  border-radius: calc(var(--app-radius) - 0.18rem);
  background: linear-gradient(135deg, #ffb340, var(--app-brand-color));
  color: #111;
  font-weight: 950;
  box-shadow: 0 12px 26px rgba(var(--app-brand-color-rgb), 0.22);
}

.sk-buy:hover[b-t0n2qtfhbc] {
  color: #111;
  filter: brightness(1.04);
}

.sk-buy.disabled[b-t0n2qtfhbc],
.sk-buy:disabled[b-t0n2qtfhbc] {
  opacity: 0.54;
  pointer-events: none;
  box-shadow: none;
}

.sk-extra-title[b-t0n2qtfhbc] {
  margin-top: 0.15rem;
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sk-features[b-t0n2qtfhbc] {
  margin-bottom: 0;
}

.sk-features li[b-t0n2qtfhbc] {
  display: flex;
  gap: 0.48rem;
  align-items: baseline;
  padding: 0.22rem 0;
  color: var(--app-front-color-main);
  font-size: 0.9rem;
}

.sk-check[b-t0n2qtfhbc] {
  color: var(--app-brand-color);
  font-size: 0.62rem;
}

.sk-plan.featured[b-t0n2qtfhbc] {
  border-color: rgba(var(--app-brand-color-rgb), 0.9);
  background:
    radial-gradient(circle at 80% 0%, rgba(var(--app-brand-color-rgb), 0.32), transparent 36%),
    radial-gradient(circle at 0% 100%, rgba(255, 210, 122, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.1), transparent 44%),
    rgba(28, 25, 20, 0.98);
}

.sk-plan.lg.featured[b-t0n2qtfhbc] {
  animation: sk-plan-cta-pulse-b-t0n2qtfhbc 3.8s ease-in-out infinite;
}

.sk-plan.lg.featured[b-t0n2qtfhbc]::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -48%;
  z-index: 2;
  width: 42%;
  height: 330%;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.12) 42%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.12) 58%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0;
  transform: rotate(19deg);
  animation: sk-plan-cta-shimmer-b-t0n2qtfhbc 3.8s ease-in-out infinite;
}

.sk-plan.in-development[b-t0n2qtfhbc] {
  opacity: 0.68;
  filter: grayscale(0.42);
  border-style: dashed;
  border-color: rgba(180, 190, 205, 0.34);
  box-shadow: none;
}

.sk-dev-state[b-t0n2qtfhbc] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sk-api-copy[b-t0n2qtfhbc] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

@keyframes sk-plan-cta-shimmer-b-t0n2qtfhbc {
  0% {
    transform: translateX(-180%) rotate(19deg);
    opacity: 0;
  }

  12% {
    opacity: 0.72;
  }

  34% {
    transform: translateX(390%) rotate(19deg);
    opacity: 0;
  }

  100% {
    transform: translateX(390%) rotate(19deg);
    opacity: 0;
  }
}

@keyframes sk-plan-cta-pulse-b-t0n2qtfhbc {
  0%,
  100% {
    box-shadow:
      0 0 0 5px rgba(var(--app-brand-color-rgb), 0.14),
      0 30px 75px rgba(0, 0, 0, 0.46),
      0 0 42px rgba(var(--app-brand-color-rgb), 0.16);
  }

  50% {
    box-shadow:
      0 0 0 10px rgba(var(--app-brand-color-rgb), 0.13),
      0 34px 86px rgba(0, 0, 0, 0.52),
      0 0 56px rgba(var(--app-brand-color-rgb), 0.24);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sk-plan.card[b-t0n2qtfhbc],
  .sk-plan.lg.featured[b-t0n2qtfhbc],
  .sk-plan.lg.featured[b-t0n2qtfhbc]::before {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 767.98px) {
  .sk-plan .card-body[b-t0n2qtfhbc],
  .sk-plan.lg .card-body[b-t0n2qtfhbc] {
    padding: 1rem;
  }

  .sk-plan-copy[b-t0n2qtfhbc] {
    min-height: 0;
  }

  .sk-price[b-t0n2qtfhbc] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .sk-weekly-deal[b-t0n2qtfhbc] {
    width: auto;
    justify-content: flex-start;
    border-radius: calc(var(--app-radius) - 0.2rem);
  }

  .sk-features li[b-t0n2qtfhbc] {
    align-items: flex-start;
  }
}
/* /Shared/Controls/Jobs/GlobalViewer.razor.rz.scp.css */

.gv-overlay[b-6xvsrkrxm8] {
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at 50% 8%, rgba(var(--app-brand-color-rgb), 0.18), transparent 36rem),
    radial-gradient(circle at 12% 86%, rgba(255, 255, 255, 0.055), transparent 24rem),
    rgba(4, 6, 9, 0.78);
  backdrop-filter: blur(12px) saturate(120%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1040;
  padding: 1rem;
}

.gv-overlay:focus[b-6xvsrkrxm8] {
  outline: none;
}

.gv-modal[b-6xvsrkrxm8] {
  width: min(1280px, 100%);
  max-height: calc(100vh - 2rem);
  background:
    radial-gradient(circle at 80% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 18%),
    rgba(27, 31, 35, 0.98);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.55rem);
  box-shadow:
    0 34px 96px rgba(0, 0, 0, 0.62),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.gv-media[b-6xvsrkrxm8] {
  position: relative;
  background:
    radial-gradient(circle at 50% 14%, rgba(var(--app-brand-color-rgb), 0.08), transparent 46%),
    #0d1115;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.24rem);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  min-width: 0;
  overflow: hidden;
}

.gv-media__controls[b-6xvsrkrxm8] {
  position: absolute;
  top: 0.85rem;
  z-index: 3;
  display: flex;
  gap: 0.5rem;
  pointer-events: none;
}

.gv-media__controls--left[b-6xvsrkrxm8] {
  left: 0.85rem;
}

.gv-media__controls--right[b-6xvsrkrxm8] {
  right: 0.85rem;
}

.gv-cornerbtn[b-6xvsrkrxm8] {
  background: rgba(0, 0, 0, 0.52);
  color: var(--app-front-color-main);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  pointer-events: auto;
  text-decoration: none;
  backdrop-filter: blur(8px);
  line-height: 1;
}

.gv-cornerbtn--danger[b-6xvsrkrxm8] {
  border-color: color-mix(in srgb, var(--bs-danger) 45%, var(--app-border-color) 55%);
}

.gv-media__controls[b-6xvsrkrxm8] (.hold-button.gv-cornerbtn) {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  border-radius: 0.7rem;
}

.gv-cornerbtn svg[b-6xvsrkrxm8] {
  width: 18px;
  height: 18px;
}

.gv-close[b-6xvsrkrxm8] {
  font-size: 1.05rem;
  font-weight: 500;
}

.gv-cornerbtn:hover[b-6xvsrkrxm8] {
  background: rgba(var(--app-brand-color-rgb), 0.16);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  color: var(--app-brand-color-contrast);
}

.gv-nav[b-6xvsrkrxm8] {
  position: absolute;
  top: 50%;
  z-index: 4;
  width: 48px;
  height: 72px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 16%, rgba(255, 255, 255, 0.16), transparent 38%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.22), rgba(0, 0, 0, 0.52));
  color: var(--app-front-color-main);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
  backdrop-filter: blur(10px);
  transform: translateY(-50%);
  transition: opacity 0.15s ease, border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}

.gv-nav--prev[b-6xvsrkrxm8] {
  left: 0.85rem;
}

.gv-nav--next[b-6xvsrkrxm8] {
  right: 0.85rem;
}

.gv-nav:not(:disabled):hover[b-6xvsrkrxm8] {
  border-color: rgba(var(--app-brand-color-rgb), 0.56);
  color: var(--app-brand-color-contrast);
  transform: translateY(-50%) scale(1.03);
}

.gv-nav:disabled[b-6xvsrkrxm8] {
  opacity: 0.28;
  cursor: default;
}

.gv-navcount[b-6xvsrkrxm8] {
  position: absolute;
  left: 50%;
  bottom: 0.85rem;
  z-index: 4;
  transform: translateX(-50%);
  min-width: 72px;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.5);
  color: color-mix(in srgb, var(--app-front-color-main) 86%, transparent);
  font-size: 0.78rem;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.02em;
  backdrop-filter: blur(10px);
}


.gv-body[b-6xvsrkrxm8] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 1rem;
  padding: 1rem;
  overflow: auto;
  min-height: 0;
}

.gv-media img[b-6xvsrkrxm8],
.gv-media video[b-6xvsrkrxm8] {
  max-width: 100%;
  max-height: calc(100vh - 8rem);
  display: block;
  object-fit: contain;
}


.gv-side[b-6xvsrkrxm8] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0.35rem;
}

.gv-title .fw-semibold[b-6xvsrkrxm8] {
  color: var(--app-front-color-main);
}

.gv-toolbar[b-6xvsrkrxm8] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.gv-toolbar__center[b-6xvsrkrxm8] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
}

.gv-actionbtn[b-6xvsrkrxm8] {
  min-height: 38px;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 255, 255, 0.1), transparent 36%),
    rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-front-color-main);
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.gv-actionbtn:hover[b-6xvsrkrxm8] {
  background: rgba(var(--app-brand-color-rgb), 0.15);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  color: var(--app-brand-color-contrast);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.08);
}

.gv-actionbtn:active[b-6xvsrkrxm8] {
  transform: translateY(1px);
}

.gv-actionbtn--tools[b-6xvsrkrxm8] {
  min-width: 92px;
}

.gv-tools[b-6xvsrkrxm8] {
  position: relative;
}

.gv-tools__menu[b-6xvsrkrxm8] {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  min-width: 160px;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.45rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.26);
  background:
    radial-gradient(circle at 86% 0, rgba(var(--app-brand-color-rgb), 0.15), transparent 9rem),
    rgba(27, 31, 35, 0.98);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.38);
  z-index: 2;
}

.gv-tools__item[b-6xvsrkrxm8] {
  min-height: 38px;
  padding: 0.55rem 0.9rem;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  background: transparent;
  color: var(--app-front-color-main);
  font-size: 0.88rem;
  font-weight: 600;
  text-align: left;
}

.gv-tools__item:hover[b-6xvsrkrxm8] {
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border-color: rgba(var(--app-brand-color-rgb), 0.28);
}


.gv-block[b-6xvsrkrxm8] {
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 12rem),
    rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  border-radius: calc(var(--app-radius) + 0.18rem);
  padding: 0.85rem;
}

.gv-block--parameters[b-6xvsrkrxm8] {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.gv-kv[b-6xvsrkrxm8] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.35rem;
  font-size: 0.875rem;
}

.gv-kv li[b-6xvsrkrxm8] {
  display: grid;
  grid-template-columns: minmax(86px, 0.44fr) minmax(0, 1fr);
  gap: 0.5rem;
  align-items: baseline;
}

.gv-kv li > span:first-child[b-6xvsrkrxm8] {
  color: var(--app-front-color-sec);
}

.gv-kv__value[b-6xvsrkrxm8] {
  color: var(--app-front-color-main);
  text-align: right;
}

.gv-textparams[b-6xvsrkrxm8] {
  display: grid;
  gap: 0.5rem;
}

.gv-textparam[b-6xvsrkrxm8] {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 0.55rem;
}

.gv-textparam summary[b-6xvsrkrxm8] {
  cursor: pointer;
  list-style: none;
  display: grid;
  gap: 0.25rem;
  color: var(--app-front-color-main);
}

.gv-textparam summary[b-6xvsrkrxm8]::-webkit-details-marker {
  display: none;
}

.gv-textparam summary[b-6xvsrkrxm8]::after {
  content: "Show";
  justify-self: start;
  margin-top: 0.1rem;
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 700;
}

.gv-textparam[open] summary[b-6xvsrkrxm8]::after {
  content: "Hide";
}

.gv-textparam__label[b-6xvsrkrxm8] {
  color: var(--app-front-color-sec);
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}

.gv-textparam__preview[b-6xvsrkrxm8] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
  color: color-mix(in srgb, var(--app-front-color-main) 88%, transparent);
}

.gv-textparam[open] .gv-textparam__preview[b-6xvsrkrxm8] {
  display: none;
}

.gv-textparam__full[b-6xvsrkrxm8] {
  margin-top: 0.45rem;
  max-height: 10rem;
  overflow: auto;
  white-space: pre-wrap;
  line-height: 1.35;
  color: var(--app-front-color-main);
}

@media (max-width: 767.98px) {
  .gv-overlay[b-6xvsrkrxm8] {
    padding: 0.5rem;
    align-items: center;
  }

  .gv-modal[b-6xvsrkrxm8] {
    width: 100%;
    max-height: calc(100dvh - 1rem);
  }

  .gv-body[b-6xvsrkrxm8] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 0.75rem;
  }

  .gv-media[b-6xvsrkrxm8] {
    min-height: 0;
    max-height: 56dvh;
    padding: 0.5rem;
  }

  .gv-media img[b-6xvsrkrxm8],
  .gv-media video[b-6xvsrkrxm8] {
    max-height: calc(56dvh - 1rem);
  }

  .gv-media__controls[b-6xvsrkrxm8] {
    top: 1.35rem;
  }

  .gv-media__controls--left[b-6xvsrkrxm8] {
    left: 1.35rem;
  }

  .gv-media__controls--right[b-6xvsrkrxm8] {
    right: 1.35rem;
  }

  .gv-cornerbtn[b-6xvsrkrxm8] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .gv-nav[b-6xvsrkrxm8] {
    width: 42px;
    height: 58px;
  }

  .gv-nav--prev[b-6xvsrkrxm8] {
    left: 0.7rem;
  }

  .gv-nav--next[b-6xvsrkrxm8] {
    right: 0.7rem;
  }

  .gv-navcount[b-6xvsrkrxm8] {
    bottom: 0.7rem;
    min-width: 64px;
    padding: 0.28rem 0.58rem;
  }

  .gv-media__controls[b-6xvsrkrxm8] (.hold-button.gv-cornerbtn) {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .gv-toolbar[b-6xvsrkrxm8] {
    align-items: stretch;
  }

  .gv-actionbtn[b-6xvsrkrxm8],
  .gv-tools[b-6xvsrkrxm8] {
    flex: 1 1 auto;
  }

  .gv-tools__menu[b-6xvsrkrxm8] {
    left: 0;
    right: auto;
    min-width: min(100%, 220px);
  }

  .gv-kv li[b-6xvsrkrxm8] {
    grid-template-columns: minmax(78px, 0.42fr) minmax(0, 1fr);
    align-items: baseline;
    gap: 0.75rem;
  }

  .gv-kv li > span:last-child[b-6xvsrkrxm8] {
    text-align: right;
    word-break: break-word;
  }

  .gv-textparam__preview[b-6xvsrkrxm8] {
    -webkit-line-clamp: 3;
  }
}
/* /Shared/Controls/Jobs/PipelineRunCard.razor.rz.scp.css */

.sk-card[b-2m78mo82sw] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--card-aspect, 1/1);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 50% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 44%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 26%),
    rgba(24, 28, 32, 0.96);
  border-radius: calc(var(--app-radius) + 0.32rem);
  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  overflow: hidden;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.15s ease;
}

.sk-card:hover[b-2m78mo82sw] {
  border-color: var(--app-brand-color);
  box-shadow:
    0 0 0 0.5px rgba(var(--app-brand-color-rgb), 0.65),
    0 20px 48px rgba(0, 0, 0, 0.34),
    0 0 34px rgba(var(--app-brand-color-rgb), 0.1);
  transform: translateY(-1px);
}


.sk-card__media[b-2m78mo82sw] {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background:
    radial-gradient(circle at 50% 18%, rgba(var(--app-brand-color-rgb), 0.08), transparent 52%),
    var(--app-background-color-main);
  cursor: pointer;
}

.sk-card__preview-action[b-2m78mo82sw] {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.sk-card__preview-action:focus-visible[b-2m78mo82sw] {
  outline: 2px solid rgba(var(--app-brand-color-rgb), 0.88);
  outline-offset: -4px;
}

.sk-card__media img[b-2m78mo82sw],
.sk-card__media video[b-2m78mo82sw] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transform: scale(1);
  filter: brightness(1);
  transition:
    transform 0.28s ease,
    filter 0.28s ease;
}

.sk-card:hover .sk-card__media img[b-2m78mo82sw],
.sk-card:hover .sk-card__media video[b-2m78mo82sw],
.sk-card:focus-within .sk-card__media img[b-2m78mo82sw],
.sk-card:focus-within .sk-card__media video[b-2m78mo82sw] {
  transform: scale(1.015);
  filter: brightness(1.03);
}


.sk-card__overlay[b-2m78mo82sw] {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.4rem;
  opacity: 0;
  transition: opacity 0.12s ease;
  pointer-events: none;
  z-index: 2;
}

.sk-card__overlay--top[b-2m78mo82sw] {
  top: 0;
  justify-content: flex-end;
  gap: 0.35rem;
  padding: 0.55rem 0.55rem 1rem;
  background: linear-gradient(180deg, rgba(7, 10, 13, 0.52), rgba(7, 10, 13, 0));
}

.sk-card__overlay--bottom[b-2m78mo82sw] {
  bottom: 0;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1rem 0.55rem 0.55rem;
  background: linear-gradient(0deg, rgba(7, 10, 13, 0.62), rgba(7, 10, 13, 0));
}

.sk-card:hover .sk-card__overlay[b-2m78mo82sw] {
  opacity: 1;
  pointer-events: auto;
}

.sk-card:focus-within .sk-card__overlay[b-2m78mo82sw] {
  opacity: 1;
  pointer-events: auto;
}


.sk-badge[b-2m78mo82sw] {
  padding: 0.22rem 0.5rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  border-radius: 0.4rem;
  font-size: 0.8rem;
}

.sk-badge--ttl[b-2m78mo82sw] {
  border-color: rgba(var(--app-brand-color-rgb), 0.32);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
}

.sk-card__open-hint[b-2m78mo82sw] {
  padding: 0.28rem 0.62rem;
  border-radius: 999px;
  background: rgba(var(--app-brand-color-rgb), 0.14);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 800;
}

.sk-card--fresh[b-2m78mo82sw] {
  animation: sk-card-fresh-pop-b-2m78mo82sw 1050ms cubic-bezier(0.2, 0.84, 0.22, 1) both;
}

.sk-card--fresh[b-2m78mo82sw]::after {
  content: "";
  position: absolute;
  inset: -40% -18%;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 34%, rgba(255, 255, 255, 0.28) 48%, transparent 62%),
    radial-gradient(circle at 50% 50%, rgba(var(--app-brand-color-rgb), 0.18), transparent 44%);
  transform: translateX(-42%) rotate(8deg);
  animation: sk-card-fresh-sweep-b-2m78mo82sw 900ms ease-out both;
}


.sk-card__state[b-2m78mo82sw] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  text-align: center;
  z-index: 1;
}

.sk-card__state--pending[b-2m78mo82sw] {
  background:
    radial-gradient(70% 58% at 50% 14%, rgba(var(--app-brand-color-rgb), 0.18), transparent 62%),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.06), rgba(255, 255, 255, 0.025)),
    var(--app-background-color-main);
}

.sk-state-spinner[b-2m78mo82sw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.55rem;
  color: var(--app-front-color-main);
  max-width: 78%;
}

.sk-state-slow[b-2m78mo82sw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65rem;
  width: min(88%, 320px);
  color: var(--app-front-color-main);
}

.sk-spinner[b-2m78mo82sw] {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.18);
  border-top-color: rgba(var(--app-brand-color-rgb), 0.9);
  animation: skspin-b-2m78mo82sw 0.8s linear infinite;
}

@keyframes skspin-b-2m78mo82sw {
  to {
    transform: rotate(360deg);
  }
}

.sk-state-timer[b-2m78mo82sw] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.8rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.4);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.13), rgba(255, 255, 255, 0.035));
  padding: 0.85rem;
  border-radius: 0.9rem;
  width: 100%;
  max-width: 88%;
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-state-timer__top[b-2m78mo82sw] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.sk-countdown-label[b-2m78mo82sw] {
  color: var(--app-front-color-sec);
  white-space: nowrap;
}

.sk-state-progress[b-2m78mo82sw] {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.sk-state-progress span[b-2m78mo82sw] {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(var(--app-brand-color-rgb), 0.95), transparent);
  animation: sk-progress-sweep-b-2m78mo82sw 1.35s ease-in-out infinite;
}

@keyframes sk-progress-sweep-b-2m78mo82sw {
  0% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(260%);
  }
}

.sk-upgrade-btn[b-2m78mo82sw] {
  border: 1px solid var(--app-brand-color);
  color: var(--app-brand-color);
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(var(--app-brand-color-rgb), 0.02)),
    transparent;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease;
  animation: sk-upgrade-cta-glow-b-2m78mo82sw 2.4s ease-in-out infinite;
}

.sk-upgrade-nudge[b-2m78mo82sw] {
  display: grid;
  gap: 0.42rem;
}

.sk-upgrade-note[b-2m78mo82sw] {
  color: rgba(255, 235, 212, 0.78);
  font-size: 0.78rem;
  line-height: 1.28;
  text-align: center;
}

.sk-upgrade-btn[b-2m78mo82sw]::before {
  content: "";
  position: absolute;
  top: -120%;
  left: -44%;
  width: 42%;
  height: 320%;
  transform: rotate(20deg);
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.16) 45%,
    rgba(255, 255, 255, 0.34) 50%,
    rgba(255, 255, 255, 0.16) 55%,
    rgba(255, 255, 255, 0) 100%
  );
  opacity: 0;
  animation: sk-upgrade-cta-shimmer-b-2m78mo82sw 3.6s ease-in-out infinite;
}

.sk-upgrade-btn:hover[b-2m78mo82sw],
.sk-upgrade-btn:focus-visible[b-2m78mo82sw] {
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border-color: rgba(var(--app-brand-color-rgb), 0.86);
  color: var(--app-brand-color);
  outline: none;
  transform: translateY(-1px);
}

@keyframes sk-upgrade-cta-shimmer-b-2m78mo82sw {
  0% {
    transform: translateX(-160%) rotate(20deg);
    opacity: 0;
  }

  10% {
    opacity: 0.7;
  }

  30% {
    transform: translateX(370%) rotate(20deg);
    opacity: 0;
  }

  100% {
    transform: translateX(370%) rotate(20deg);
    opacity: 0;
  }
}

@keyframes sk-upgrade-cta-glow-b-2m78mo82sw {
  0%,
  100% {
    box-shadow:
      0 0 0 0 rgba(var(--app-brand-color-rgb), 0),
      inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.04);
  }

  50% {
    box-shadow:
      0 0 0 5px rgba(var(--app-brand-color-rgb), 0.16),
      inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
  }
}

.sk-card__state--failed[b-2m78mo82sw] {
  background:
    linear-gradient(180deg, rgba(255, 60, 60, 0.08), rgba(0, 0, 0, 0.35)),
    var(--app-background-color-contrast);
  border: 1px solid rgba(255, 0, 0, 0.25);
}

.sk-card__state--alert[b-2m78mo82sw] {
  background:
    radial-gradient(80% 80% at 50% 12%, rgba(255, 30, 30, 0.24), transparent 58%),
    linear-gradient(180deg, rgba(156, 0, 0, 0.36), rgba(0, 0, 0, 0.54)),
    var(--app-background-color-contrast);
  border: 1px solid rgba(255, 54, 54, 0.58);
}

.sk-card__state--policy-block[b-2m78mo82sw] {
  background:
    radial-gradient(80% 80% at 50% 12%, rgba(255, 185, 70, 0.15), transparent 58%),
    linear-gradient(180deg, rgba(255, 149, 0, 0.1), rgba(0, 0, 0, 0.38)),
    var(--app-background-color-contrast);
  border: 1px solid rgba(255, 153, 0, 0.28);
}

.sk-card__state--cancelled[b-2m78mo82sw] {
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.35)),
    var(--app-background-color-contrast);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
}

.sk-state-title[b-2m78mo82sw] {
  color: #f88;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.sk-state-title--pending[b-2m78mo82sw] {
  color: var(--app-front-color-main);
  font-weight: 850;
  margin-bottom: 0;
}

.sk-state-title--cancelled[b-2m78mo82sw] {
  color: var(--app-brand-color);
}

.sk-state-msg[b-2m78mo82sw] {
  color: var(--app-front-color-sec);
}

.sk-state-actions[b-2m78mo82sw] {
  margin-top: 0.5rem;
}

.sk-state-danger-btn[b-2m78mo82sw] {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 108, 92, 0.58);
  border-radius: 999px;
  padding: 0.55rem 0.95rem;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(255, 95, 70, 0.24), rgba(var(--app-brand-color-rgb), 0.12)),
    rgba(30, 18, 15, 0.86);
  color: #ffe7df;
  font-weight: 900;
  letter-spacing: 0.01em;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.26),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
  transition:
    transform 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease;
}

.sk-state-danger-btn:hover[b-2m78mo82sw],
.sk-state-danger-btn:focus-visible[b-2m78mo82sw] {
  border-color: rgba(255, 130, 108, 0.86);
  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.34),
    0 0 22px rgba(255, 95, 70, 0.16);
  outline: none;
  transform: translateY(-1px);
}

.sk-card__state--deleted[b-2m78mo82sw] {
  color: var(--app-front-color-sec);
  font-style: italic;
  background: var(--app-background-color-contrast);
}

.sk-card__placeholder[b-2m78mo82sw] {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
  text-transform: lowercase;
}


.sk-card__video[b-2m78mo82sw] {
  width: 100%;
  height: 100%;
  display: block;
}

.sk-countdown-text[b-2m78mo82sw] {
  display: inline-block;
  min-width: 8ch;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  font-weight: 800;
  white-space: nowrap;
}

.sk-upgrade-btn[b-2m78mo82sw] {
  width: 100%;
  min-height: 44px;
  text-align: center;
}

.sk-failed-wrap[b-2m78mo82sw] {
  width: 100%;
}

.sk-alert-wrap[b-2m78mo82sw] {
  width: 100%;
  display: grid;
  gap: 0.45rem;
}

.sk-alert-title[b-2m78mo82sw] {
  color: #ff5454;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.sk-alert-subtitle[b-2m78mo82sw] {
  color: #ffc7c7;
  font-weight: 600;
}

.sk-alert-reason[b-2m78mo82sw] {
  color: var(--app-front-color-main);
}

.sk-alert-charge[b-2m78mo82sw] {
  color: #ff9d9d;
  font-weight: 700;
}

.sk-policy-block-wrap[b-2m78mo82sw] {
  width: 100%;
  display: grid;
  gap: 0.45rem;
}

.sk-policy-block-title[b-2m78mo82sw] {
  color: #ffbd6c;
  font-weight: 800;
}

.sk-policy-block-reason[b-2m78mo82sw] {
  color: var(--app-front-color-main);
}

.sk-policy-block-charge[b-2m78mo82sw] {
  color: #ffd79f;
  font-weight: 700;
}

@media (max-width: 640px), (hover: none), (pointer: coarse) {
  .sk-card__overlay[b-2m78mo82sw] {
    opacity: 1;
    pointer-events: auto;
  }

  .sk-card__overlay--top[b-2m78mo82sw] {
    padding: 0.55rem 0.55rem 0.95rem;
    background: linear-gradient(180deg, rgba(7, 11, 15, 0.72), rgba(7, 11, 15, 0));
  }

  .sk-card__overlay--bottom[b-2m78mo82sw] {
    padding: 0.95rem 0.55rem 0.55rem;
    background: linear-gradient(0deg, rgba(7, 11, 15, 0.72), rgba(7, 11, 15, 0));
  }

  .sk-badge[b-2m78mo82sw] {
    max-width: 100%;
    text-align: right;
    white-space: normal;
  }

  .sk-state-timer[b-2m78mo82sw] {
    align-items: stretch;
    text-align: left;
  }

  .sk-countdown-text[b-2m78mo82sw] {
    text-align: right;
  }

  .sk-upgrade-btn[b-2m78mo82sw] {
    width: 100%;
    min-height: 44px;
  }
}


@keyframes sk-turb-fade-b-2m78mo82sw {
  0% {
    opacity: 0;
    transform: scale(1.035);
    filter: blur(16px) saturate(1.7) brightness(1.18);
  }

  40% {
    opacity: 1;
    transform: scale(1.018);
    filter: blur(5px) saturate(1.28) brightness(1.06);
  }

  100% {
    opacity: 1;
    transform: scale(1);
    filter: none;
  }
}

.sk-reveal-turb[b-2m78mo82sw] {
  will-change: opacity, filter, transform;
  animation: sk-turb-fade-b-2m78mo82sw 1050ms cubic-bezier(0.2, 0.84, 0.22, 1) both;
}

@keyframes sk-card-fresh-pop-b-2m78mo82sw {
  0% {
    border-color: rgba(var(--app-brand-color-rgb), 0.92);
    box-shadow:
      0 0 0 0 rgba(var(--app-brand-color-rgb), 0.4),
      0 0 46px rgba(var(--app-brand-color-rgb), 0.42),
      0 22px 58px rgba(0, 0, 0, 0.34);
    transform: translateY(6px) scale(0.985);
  }

  58% {
    border-color: rgba(var(--app-brand-color-rgb), 0.7);
    box-shadow:
      0 0 0 8px rgba(var(--app-brand-color-rgb), 0.08),
      0 0 34px rgba(var(--app-brand-color-rgb), 0.2),
      0 22px 58px rgba(0, 0, 0, 0.34);
    transform: translateY(0) scale(1);
  }

  100% {
    border-color: rgba(var(--app-brand-color-rgb), 0.22);
    box-shadow:
      0 16px 40px rgba(0, 0, 0, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transform: none;
  }
}

@keyframes sk-card-fresh-sweep-b-2m78mo82sw {
  0% {
    opacity: 0;
    transform: translateX(-48%) rotate(8deg);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(48%) rotate(8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sk-reveal-turb[b-2m78mo82sw] {
    animation: none !important;
  }

  .sk-card--fresh[b-2m78mo82sw],
  .sk-card--fresh[b-2m78mo82sw]::after {
    animation: none !important;
  }

  .sk-state-progress span[b-2m78mo82sw],
  .sk-spinner[b-2m78mo82sw],
  .sk-upgrade-btn[b-2m78mo82sw],
  .sk-upgrade-btn[b-2m78mo82sw]::before {
    animation: none !important;
  }
}
/* /Shared/Controls/Jobs/PipelineRunFeed.razor.rz.scp.css */
.job-feed[b-3esy8rwy49] {
  --card-aspect: 1/1;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin: 1rem 0.5rem 1.25rem;
  padding: clamp(0.85rem, 1.8vw, 1.15rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.2);
  border-radius: calc(var(--app-radius) + 0.5rem);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--app-brand-color-rgb), 0.16), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(22, 26, 30, 0.72);
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.job-feed--aspect-4x5[b-3esy8rwy49] {
  --card-aspect: 4/5;
}

.job-feed--aspect-16x9[b-3esy8rwy49] {
  --card-aspect: 16/9;
}

.job-feed__header[b-3esy8rwy49] {
  grid-column: 1 / -1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.1rem 0.1rem 0.45rem;
}

.job-feed__eyebrow[b-3esy8rwy49] {
  color: var(--app-brand-color);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.job-feed__header h2[b-3esy8rwy49] {
  margin: 0.1rem 0 0;
  color: var(--app-front-color-main);
  font-size: clamp(1.45rem, 2.8vw, 2.2rem);
  font-weight: 950;
  letter-spacing: -0.055em;
}

.job-feed__count[b-3esy8rwy49] {
  flex: 0 0 auto;
  padding: 0.42rem 0.78rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.3);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-front-color-sec);
  font-size: 0.84rem;
  font-weight: 800;
}

.job-feed__empty[b-3esy8rwy49] {
  grid-column: 1/-1;
  text-align: center;
  color: var(--app-front-color-sec);
}

.job-feed__empty.sk-surface-status[b-3esy8rwy49] {
  width: min(100%, 520px);
  justify-self: center;
  margin-block: 0.2rem;
}

.job-feed__more[b-3esy8rwy49] {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  padding: 1.25rem 0 0.45rem;
}

.job-feed__more-button[b-3esy8rwy49] {
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.72);
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.14), transparent 28%),
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.95), rgba(255, 119, 0, 0.68));
  box-shadow:
    0 14px 32px rgba(0, 0, 0, 0.25),
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.08);
  color: #fff;
  font-size: 0.98rem;
  font-weight: 850;
  letter-spacing: 0.01em;
  min-width: min(100%, 260px);
  padding: 0.85rem 1.45rem;
  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

.job-feed__more-button:hover:not(:disabled)[b-3esy8rwy49],
.job-feed__more-button:focus-visible:not(:disabled)[b-3esy8rwy49] {
  border-color: rgba(var(--app-brand-color-rgb), 0.95);
  box-shadow:
    0 18px 38px rgba(0, 0, 0, 0.32),
    0 0 0 5px rgba(var(--app-brand-color-rgb), 0.12);
  transform: translateY(-1px);
}

.job-feed__more-button:disabled[b-3esy8rwy49] {
  cursor: wait;
  opacity: 0.7;
  transform: none;
}

@media (max-width: 640px) {
  .job-feed[b-3esy8rwy49] {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-inline: 0.5rem;
    padding: 0.75rem;
  }

  .job-feed__header[b-3esy8rwy49] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.45rem;
  }
}
.job-feed:focus[b-3esy8rwy49] {
  outline: 2px solid rgba(var(--app-brand-color-rgb), 0.5);
  outline-offset: 4px;
}
/* /Shared/Controls/Samples/ImageSampleCard.razor.rz.scp.css */

.sk-card[b-c17b66w1g6] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--card-aspect, 1/1);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 50% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 44%),
    rgba(24, 28, 32, 0.96);
  border-radius: calc(var(--app-radius) + 0.24rem);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  overflow: hidden;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.sk-card:hover[b-c17b66w1g6],
.sk-card:focus-within[b-c17b66w1g6] {
  border-color: var(--app-brand-color);
  box-shadow:
    0 0 0 0.5px rgba(var(--app-brand-color-rgb), 0.65),
    0 18px 42px rgba(0, 0, 0, 0.32),
    0 0 28px rgba(var(--app-brand-color-rgb), 0.08);
  outline: none;
}


.sk-card__media[b-c17b66w1g6] {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--app-background-color-main);
  cursor: pointer;
}

.sk-card__media:focus-visible[b-c17b66w1g6] {
  outline: none;
}

.sk-card__media img[b-c17b66w1g6] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transform: scale(1);
  filter: brightness(1);
  transition:
    transform 0.22s ease,
    filter 0.22s ease;
}

.sk-card:hover .sk-card__media img[b-c17b66w1g6],
.sk-card:focus-within .sk-card__media img[b-c17b66w1g6] {
  transform: scale(1.015);
  filter: brightness(1.03);
}


.sk-sample-tag[b-c17b66w1g6] {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  z-index: 2;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0.52);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  backdrop-filter: saturate(140%) blur(4px);
  pointer-events: none;
}


.sk-sample-center[b-c17b66w1g6] {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity 0.12s ease;
  pointer-events: none;
}

.sk-card:hover .sk-sample-center[b-c17b66w1g6],
.sk-card:focus-within .sk-sample-center[b-c17b66w1g6] {
  opacity: 1;
}

@media (hover: none) {
  .sk-sample-center[b-c17b66w1g6] {
    opacity: 1;
  }
}

.sk-sample-repeat[b-c17b66w1g6] {
  pointer-events: auto;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.75);
  background:
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.92), rgba(255, 156, 43, 0.82));
  color: #111;
  padding: 0.7rem 1.15rem;
  border-radius: 0.85rem;
  font-weight: 800;
  font-size: 1rem;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.38),
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.08);
  backdrop-filter: saturate(160%) blur(6px);
  transition:
    transform 0.08s ease,
    filter 0.12s ease,
    background 0.12s ease;
}

.sk-sample-repeat:hover[b-c17b66w1g6] {
  filter: brightness(1.06);
}

.sk-sample-repeat:active[b-c17b66w1g6] {
  transform: translateY(1px);
}

@media (max-width: 640px), (hover: none), (pointer: coarse) {
  .sk-sample-center[b-c17b66w1g6] {
    inset: auto 0 0;
    padding: 0.75rem;
    place-items: end stretch;
    opacity: 1;
    background: linear-gradient(180deg, rgba(7, 11, 15, 0), rgba(7, 11, 15, 0.62));
  }

  .sk-sample-repeat[b-c17b66w1g6] {
    width: 100%;
    min-height: 44px;
    padding: 0.8rem 1rem;
  }
}
/* /Shared/Controls/Samples/ImageSampleFeed.razor.rz.scp.css */
.sample-panel[b-w2hrev90ch] {
  margin: 0.9rem 0.5rem 1.35rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.42rem);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(31, 36, 41, 0.84);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.sample-panel__summary[b-w2hrev90ch] {
  list-style: none;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 58px;
  padding: 0.78rem 0.95rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sample-panel__chevron[b-w2hrev90ch] {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.12), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.08);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  font-size: 1.15rem;
  font-weight: 950;
  line-height: 1;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

.sample-panel[open] > .sample-panel__summary .sample-panel__chevron[b-w2hrev90ch] {
  transform: rotate(180deg);
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.16), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.14);
}

.sample-panel__summary[b-w2hrev90ch]::-webkit-details-marker {
  display: none;
}

.sample-panel__title[b-w2hrev90ch] {
  color: var(--app-brand-color);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sample-panel__title[b-w2hrev90ch]::after {
  content: " gallery";
  color: var(--app-front-color-main);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.1rem;
  font-weight: 950;
  margin-left: 0.45rem;
}

.sample-panel__hint[b-w2hrev90ch] {
  color: var(--app-front-color-sec);
  font-size: 0.88rem;
  margin-left: auto;
}

.sample-panel__body[b-w2hrev90ch] {
  padding: 0.85rem 0.85rem 1rem;
}

.sample-grid[b-w2hrev90ch] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
  --card-aspect: 1/1;
}

@media (max-width: 640px) {
  .sample-panel[b-w2hrev90ch] {
    margin-inline: 0.5rem;
  }

  .sample-panel__summary[b-w2hrev90ch] {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title icon"
      "hint icon";
    column-gap: 0.75rem;
    row-gap: 0.1rem;
    padding: 0.78rem 0.85rem;
  }

  .sample-panel__chevron[b-w2hrev90ch] {
    grid-area: icon;
    align-self: center;
  }

  .sample-panel__title[b-w2hrev90ch] {
    grid-area: title;
  }

  .sample-panel__hint[b-w2hrev90ch] {
    grid-area: hint;
    margin-left: 0;
  }

  .sample-grid[b-w2hrev90ch] {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 0.1rem 0.25rem 0.6rem;
    scrollbar-width: thin;
  }

  .sample-grid[b-w2hrev90ch]  .sk-card {
    flex: 0 0 min(82vw, 320px);
    scroll-snap-align: start;
  }
}
/* /Shared/Controls/Samples/SamplePlanBadge.razor.rz.scp.css */
.sk-sample-plan[b-xfk13387fu] {
  position: absolute;
  top: 0.42rem;
  right: 0.42rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: 0.16rem 0.46rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  border-radius: 999px;
  background: rgba(9, 12, 15, 0.7);
  color: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(5px) saturate(130%);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.045em;
  line-height: 1;
  text-transform: uppercase;
  pointer-events: none;
}
/* /Shared/Controls/Samples/VideoSampleCard.razor.rz.scp.css */

.sk-card[b-pht43bb9hh] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--card-aspect, 1/1);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 50% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 44%),
    rgba(24, 28, 32, 0.96);
  border-radius: calc(var(--app-radius) + 0.24rem);
  box-shadow:
    0 14px 36px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.035);
  overflow: hidden;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.sk-card:hover[b-pht43bb9hh],
.sk-card:focus-within[b-pht43bb9hh] {
  border-color: var(--app-brand-color);
  box-shadow:
    0 0 0 0.5px rgba(var(--app-brand-color-rgb), 0.65),
    0 18px 42px rgba(0, 0, 0, 0.32),
    0 0 28px rgba(var(--app-brand-color-rgb), 0.08);
  outline: none;
}

.sk-card__media[b-pht43bb9hh] {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background: var(--app-background-color-main);
  cursor: pointer;
}

.sk-card__media:focus-visible[b-pht43bb9hh] {
  outline: none;
}

.sk-card__video[b-pht43bb9hh] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transform: scale(1);
  filter: brightness(1);
  transition:
    transform 0.22s ease,
    filter 0.22s ease;
}

.sk-card:hover .sk-card__video[b-pht43bb9hh],
.sk-card:focus-within .sk-card__video[b-pht43bb9hh] {
  transform: scale(1.015);
  filter: brightness(1.03);
}


.sk-sample-tag[b-pht43bb9hh] {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  z-index: 2;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(0, 0, 0, 0.52);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  backdrop-filter: saturate(140%) blur(4px);
  pointer-events: none;
}


.sk-sample-center[b-pht43bb9hh] {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity 0.12s ease;
  pointer-events: none;
}

.sk-card:hover .sk-sample-center[b-pht43bb9hh],
.sk-card:focus-within .sk-sample-center[b-pht43bb9hh] {
  opacity: 1;
}

@media (hover: none) {
  .sk-sample-center[b-pht43bb9hh] {
    opacity: 1;
  }
}

.sk-sample-repeat[b-pht43bb9hh] {
  pointer-events: auto;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.75);
  background:
    linear-gradient(135deg, rgba(var(--app-brand-color-rgb), 0.92), rgba(255, 156, 43, 0.82));
  color: #111;
  padding: 0.7rem 1.15rem;
  border-radius: 0.85rem;
  font-weight: 800;
  font-size: 1rem;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.38),
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.08);
  backdrop-filter: saturate(160%) blur(6px);
  transition:
    transform 0.08s ease,
    filter 0.12s ease,
    background 0.12s ease;
}

.sk-sample-repeat:hover[b-pht43bb9hh] {
  filter: brightness(1.06);
}

.sk-sample-repeat:active[b-pht43bb9hh] {
  transform: translateY(1px);
}

@media (max-width: 640px), (hover: none), (pointer: coarse) {
  .sk-sample-center[b-pht43bb9hh] {
    inset: auto 0 0;
    padding: 0.75rem;
    place-items: end stretch;
    opacity: 1;
    background: linear-gradient(180deg, rgba(7, 11, 15, 0), rgba(7, 11, 15, 0.62));
  }

  .sk-sample-repeat[b-pht43bb9hh] {
    width: 100%;
    min-height: 44px;
    padding: 0.8rem 1rem;
  }
}
/* /Shared/Controls/Samples/VideoSampleFeed.razor.rz.scp.css */
.sample-panel[b-qdamv4x0gi] {
  margin: 0.9rem 0.5rem 1.35rem;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  border-radius: calc(var(--app-radius) + 0.42rem);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(31, 36, 41, 0.84);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  overflow: hidden;
}

.sample-panel__summary[b-qdamv4x0gi] {
  list-style: none;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 58px;
  padding: 0.78rem 0.95rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.sample-panel__chevron[b-qdamv4x0gi] {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.12), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.08);
  color: var(--app-brand-color);
  font-size: 1.15rem;
  font-weight: 950;
  line-height: 1;
  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

.sample-panel[open] > .sample-panel__summary .sample-panel__chevron[b-qdamv4x0gi] {
  transform: rotate(180deg);
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.16), transparent 42%),
    rgba(var(--app-brand-color-rgb), 0.14);
}

.sample-panel__summary[b-qdamv4x0gi]::-webkit-details-marker {
  display: none;
}

.sample-panel__title[b-qdamv4x0gi] {
  color: var(--app-brand-color);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.sample-panel__title[b-qdamv4x0gi]::after {
  content: " gallery";
  color: var(--app-front-color-main);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.1rem;
  font-weight: 950;
  margin-left: 0.45rem;
}

.sample-panel__hint[b-qdamv4x0gi] {
  color: var(--app-front-color-sec);
  font-size: 0.9rem;
}

.sample-panel__body[b-qdamv4x0gi] {
  padding: 0.85rem 0.85rem 1rem;
}


.sample-grid[b-qdamv4x0gi] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
  --card-aspect: 1/1;
}

@media (max-width: 640px) {
  .sample-panel[b-qdamv4x0gi] {
    margin-inline: 0.5rem;
  }

  .sample-panel__summary[b-qdamv4x0gi] {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title icon"
      "hint icon";
    column-gap: 0.75rem;
    row-gap: 0.1rem;
    padding: 0.75rem 0.85rem;
  }

  .sample-panel__chevron[b-qdamv4x0gi] {
    grid-area: icon;
    align-self: center;
  }

  .sample-panel__title[b-qdamv4x0gi] {
    grid-area: title;
  }

  .sample-panel__hint[b-qdamv4x0gi] {
    grid-area: hint;
    margin-left: 0;
  }

  .sample-grid[b-qdamv4x0gi] {
    display: flex;
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 0.1rem 0.25rem 0.6rem;
    scrollbar-width: thin;
  }

  .sample-grid[b-qdamv4x0gi]  .sk-card {
    flex: 0 0 min(82vw, 320px);
    scroll-snap-align: start;
  }
}
/* /Shared/Layout/Footer.razor.rz.scp.css */

.sk-footer[b-sifi7jne2f] {
  border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.18);
  background:
    radial-gradient(circle at 14% 0, rgba(var(--app-brand-color-rgb), 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent),
    rgba(31, 36, 41, 0.96);
  color: var(--app-front-color-sec);
  font-size: 0.875rem;
  margin-top: auto;
  flex-shrink: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.sk-footer .container[b-sifi7jne2f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 0.72rem;
  padding-bottom: 0.72rem;
}

.sk-footer__brand[b-sifi7jne2f] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  color: var(--app-brand-color);
  font-weight: 950;
  text-decoration: none;
  white-space: nowrap;
}

.sk-footer__brand span[b-sifi7jne2f] {
  padding: 0.32rem 0.72rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-footer__brand strong[b-sifi7jne2f] {
  color: var(--app-brand-color-contrast);
  letter-spacing: 0.04em;
}

.sk-footer .sk-footer__links[b-sifi7jne2f] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.45rem;
  align-items: center;
  line-height: 1.6;
  justify-content: flex-end;
}

.sk-footer .sk-footer__links a[b-sifi7jne2f] {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.58rem;
  border-radius: 999px;
  color: var(--app-front-color-sec);
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

.sk-footer .sk-footer__links a + a[b-sifi7jne2f]::before {
  content: none;
}

.sk-footer .sk-footer__links a:hover[b-sifi7jne2f] {
  color: var(--app-brand-color);
  background: rgba(var(--app-brand-color-rgb), 0.08);
}

.sk-footer .sk-footer__contact[b-sifi7jne2f] {
  color: var(--app-brand-color);
  font-weight: 900;
}

@media (max-width: 576px) {
  .sk-footer .container[b-sifi7jne2f] {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }

  .sk-footer .sk-footer__links[b-sifi7jne2f] {
    gap: 0.4rem 0.5rem;
    justify-content: flex-start;
  }

  .sk-footer .sk-footer__links a[b-sifi7jne2f] {
    background: rgba(255, 255, 255, 0.04);
  }

  .sk-footer .sk-footer__links a + a[b-sifi7jne2f]::before {
    content: none;
  }
}
/* /Shared/Layout/MainLayout.razor.rz.scp.css */
body[b-9zlf1vegg4] {
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}


.app-shell[b-9zlf1vegg4] {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--app-background-color-main);
  min-width: 0;
  width: 100%;
}


.app-content[b-9zlf1vegg4] {
  flex: 1 0 auto;
  min-width: 0;
  width: 100%;
}

@media (max-width: 767.98px) {
  .app-shell[b-9zlf1vegg4],
  .app-content[b-9zlf1vegg4] {
    overflow-x: clip;
  }
}
/* /Shared/Navigation/AdminSideNav.razor.rz.scp.css */
.admin-sidenav[b-j44qcurg34] {
  width: 240px;
  flex: 0 0 240px;
  padding: 0.75rem;
  background:
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.06), transparent 28%),
    var(--app-background-color-contrast);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.14);
  border-radius: calc(var(--app-radius) + 0.1rem);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.2);
  align-self: stretch;
  height: 100%;
  position: sticky;
  top: 1rem;
}

.admin-sidenav__title[b-j44qcurg34] {
  margin: 0.25rem 0.25rem 0.75rem 0.25rem;
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.admin-sidenav__section[b-j44qcurg34] {
  margin: 0.95rem 0.35rem 0.35rem;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.admin-sidenav__section:first-of-type[b-j44qcurg34] {
  margin-top: 0.25rem;
}

.admin-navlink[b-j44qcurg34] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  margin: 0.25rem 0;
  border-radius: calc(var(--app-radius) - 0.25rem);
  text-decoration: none;
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid transparent;
  font-weight: 650;
}

.admin-navlink:hover[b-j44qcurg34] {
  background: rgba(var(--app-brand-color-rgb), 0.08);
  border-color: rgba(var(--app-brand-color-rgb), 0.16);
  color: var(--app-front-color-main);
}

.admin-navlink.active[b-j44qcurg34] {
  background: rgba(var(--app-brand-color-rgb), 0.15);
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  color: var(--app-brand-color);
}

.admin-navlink--utility[b-j44qcurg34] {
  color: var(--app-front-color-sec);
  background: rgba(255, 255, 255, 0.015);
  font-size: 0.92rem;
}

.admin-navlink--utility.active[b-j44qcurg34] {
  color: var(--app-brand-color);
}

.admin-navlink__badge[b-j44qcurg34] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  color: #120903;
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 6px 16px rgba(0, 0, 0, 0.22);
}

.admin-navlink__badge.is-warning[b-j44qcurg34] {
  background: #ffbe64;
}

.admin-navlink__badge.is-critical[b-j44qcurg34] {
  background: #ff7a7a;
}

@media (max-width: 767.98px) {
  .admin-sidenav[b-j44qcurg34] {
    max-height: min(56vh, 30rem);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .admin-sidenav__title[b-j44qcurg34] {
    position: sticky;
    top: -0.75rem;
    z-index: 1;
    margin: -0.75rem -0.75rem 0.75rem;
    padding: 0.95rem 1rem 0.65rem;
    background:
      linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.08), rgba(0, 0, 0, 0.12)),
      var(--app-background-color-contrast);
    border-bottom: 1px solid rgba(var(--app-brand-color-rgb), 0.12);
    border-radius: calc(var(--app-radius) + 0.1rem) calc(var(--app-radius) + 0.1rem) 0 0;
  }
}
/* /Shared/Navigation/NavMenu.razor.rz.scp.css */

.sk-topnav[b-0254wk9sit] {
  display: flex;
  position: relative;
  padding: 0.5rem 0;
  background:
    radial-gradient(circle at 4% 0, rgba(var(--app-brand-color-rgb), 0.2), transparent 18rem),
    radial-gradient(circle at 96% 0, rgba(255, 196, 79, 0.08), transparent 18rem),
    linear-gradient(180deg, rgba(22, 25, 28, 0.98), rgba(25, 29, 33, 0.93)),
    rgba(18, 21, 24, 0.96);
  border-bottom: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.28),
    inset 0 -1px 0 rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(14px) saturate(132%);
  -webkit-backdrop-filter: blur(14px) saturate(132%);

  width: 100%;
  z-index: 30;
}


.sk-brand[b-0254wk9sit] {
  display: inline-flex;
  align-items: baseline;
  gap: 0.25rem;
  color: var(--app-brand-color);
  font-weight: 950;
  letter-spacing: 0.3px;
  text-decoration: none;
}

.sk-brand__name[b-0254wk9sit] {
  color: var(--app-brand-color);
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 255, 255, 0.14), transparent 36%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.18), rgba(var(--app-brand-color-rgb), 0.08)),
    rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.46);
  padding: 0.42rem 0.92rem;
  border-radius: 999px;
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12),
    0 10px 26px rgba(0, 0, 0, 0.22),
    0 0 26px rgba(var(--app-brand-color-rgb), 0.12);
}

.sk-brand__ai[b-0254wk9sit] {
  color: var(--app-brand-color);
  font-weight: 950;
  letter-spacing: 0.6px;
  text-shadow: 0 0 22px rgba(var(--app-brand-color-rgb), 0.42);
}


.sk-brand:hover .sk-brand__name[b-0254wk9sit] {
  color: var(--app-brand-color-contrast);
  border-color: rgba(var(--app-brand-color-rgb), 0.72);
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 255, 255, 0.16), transparent 36%),
    linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.24), rgba(var(--app-brand-color-rgb), 0.11)),
    rgba(0, 0, 0, 0.08);
  filter: brightness(1.04);
}

.sk-topnav__row[b-0254wk9sit] {
  min-width: 0;
}

.sk-topnav__links[b-0254wk9sit],
.sk-topnav__actions[b-0254wk9sit] {
  min-width: 0;
}

.sk-mobile-toggle[b-0254wk9sit] {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.35);
  background: rgba(var(--app-brand-color-rgb), 0.1);
  color: var(--app-brand-color);
  padding: 0;
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.12);
}

.sk-mobile-toggle:hover[b-0254wk9sit],
.sk-mobile-toggle:focus-visible[b-0254wk9sit] {
  color: var(--app-brand-color-contrast);
  background: rgba(var(--app-brand-color-rgb), 0.16);
  outline: none;
}

.sk-tools[b-0254wk9sit] {
  position: relative;
  z-index: 41;
}

.sk-tools__toggle[b-0254wk9sit],
.sk-mobile-tools__toggle[b-0254wk9sit] {
  gap: 0.4rem;
}

.sk-tools-backdrop[b-0254wk9sit] {
  position: fixed;
  inset: 0;
  z-index: 39;
  border: 0;
  background: transparent;
  padding: 0;
}

.sk-tools__menu[b-0254wk9sit] {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  min-width: 176px;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.55rem;
  border-radius: calc(var(--app-radius) + 0.28rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background:
    radial-gradient(circle at 86% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(27, 31, 35, 0.98);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  z-index: 40;
}

.sk-tools__item[b-0254wk9sit] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 40px;
  padding: 0.72rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.05rem);
  border: 1px solid transparent;
  color: var(--app-front-color-main);
  font-weight: 850;
  background: rgba(255, 255, 255, 0.035);
  text-decoration: none !important;
  white-space: nowrap;
}

.sk-tools__item:hover[b-0254wk9sit],
.sk-tools__item.active[b-0254wk9sit],
.sk-tools__item.active:focus[b-0254wk9sit] {
  color: var(--app-brand-color-contrast);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  border-color: rgba(var(--app-brand-color-rgb), 0.35);
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.18);
}


[b-0254wk9sit] .sk-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0.42rem 0.9rem;
  border-radius: 999px;
  border: 1px solid transparent;
  color: rgba(255, 216, 174, 0.88);
  font-weight: 900;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.005)),
    rgba(0, 0, 0, 0.04);
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    color 0.16s ease,
    transform 0.16s ease;
  text-decoration: none;
  line-height: 1.1;
}


[b-0254wk9sit] .sk-pill.nav-link {
  padding: 0.4rem 0.9rem;
  color: rgba(255, 216, 174, 0.88);
}

[b-0254wk9sit] .sk-pill:hover,
[b-0254wk9sit] .sk-pill.active,
[b-0254wk9sit] .sk-pill.active:focus {
  color: #15100b;
  background:
    radial-gradient(circle at 26% 16%, rgba(255, 255, 255, 0.34), transparent 32%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  border-color: rgba(var(--app-brand-color-rgb), 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 12px 28px rgba(var(--app-brand-color-rgb), 0.16),
    0 8px 22px rgba(0, 0, 0, 0.18);
  transform: translateY(-1px);
}

[b-0254wk9sit] .sk-mobile-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0.75rem 0.9rem;
  border-radius: var(--app-radius);
  border: 1px solid transparent;
  color: rgba(255, 216, 174, 0.9);
  font-weight: 850;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
    rgba(var(--app-brand-color-rgb), 0.055);
  text-decoration: none;
  line-height: 1.1;
}

[b-0254wk9sit] .sk-mobile-link:hover,
[b-0254wk9sit] .sk-mobile-link.active,
[b-0254wk9sit] .sk-mobile-link.active:focus {
  color: #15100b;
  background:
    radial-gradient(circle at 20% 16%, rgba(255, 255, 255, 0.28), transparent 32%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  border-color: rgba(var(--app-brand-color-rgb), 0.68);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    0 10px 24px rgba(var(--app-brand-color-rgb), 0.12);
}

.sk-mobile-panel[b-0254wk9sit] {
  display: none;
}

.sk-mobile-balance[b-0254wk9sit] {
  display: none;
}

.sk-mobile-chrome[b-0254wk9sit] {
  display: contents;
}

.sk-mobile-backdrop[b-0254wk9sit] {
  display: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .sk-topnav[b-0254wk9sit] {
    padding: 0.55rem 0 0.7rem;
  }

  .sk-topnav__row[b-0254wk9sit] {
    flex-wrap: wrap;
    row-gap: 0.6rem;
  }

  .sk-brand[b-0254wk9sit] {
    flex: 0 0 auto;
  }

  .sk-brand__name[b-0254wk9sit] {
    padding: 0.35rem 0.76rem;
  }

  .sk-topnav__actions[b-0254wk9sit] {
    flex: 0 0 auto;
    margin-left: auto;
    max-width: 100%;
    column-gap: 0.45rem !important;
  }

  .sk-topnav__actions[b-0254wk9sit]  .sk-outline {
    padding: 0.32rem 0.62rem;
    font-size: 0.93rem;
  }

  .sk-topnav__actions[b-0254wk9sit]  .dropdown {
    min-width: 0;
  }

  .sk-topnav__links[b-0254wk9sit] {
    order: 3;
    flex: 1 1 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem !important;
  }

  .sk-topnav__links[b-0254wk9sit]  .sk-pill {
    padding: 0.34rem 0.72rem;
    font-size: 0.95rem;
    white-space: nowrap;
  }
}

.sk-mobile-panel__heading[b-0254wk9sit] {
  color: var(--app-front-color-sec);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  margin-bottom: 0.45rem;
}

.sk-mobile-panel__section[b-0254wk9sit] {
  display: grid;
  gap: 0;
}

[b-0254wk9sit] .sk-mobile-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.12rem;
  width: 100%;
  min-height: 52px;
  padding: 0.8rem 0.95rem;
  border-radius: var(--app-radius);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(var(--app-brand-color-rgb), 0.06);
  color: var(--app-brand-color);
  text-decoration: none;
  text-align: left;
  box-shadow: inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08);
}

[b-0254wk9sit] button.sk-mobile-action {
  appearance: none;
  cursor: pointer;
}

[b-0254wk9sit] .sk-mobile-action:hover,
[b-0254wk9sit] .sk-mobile-action:focus-visible {
  color: var(--app-brand-color-contrast);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border-color: rgba(var(--app-brand-color-rgb), 0.38);
  outline: none;
}

[b-0254wk9sit] .sk-mobile-action__label {
  font-weight: 700;
  line-height: 1.15;
}

[b-0254wk9sit] .sk-mobile-action__value {
  color: var(--app-brand-color-contrast);
  font-weight: 800;
  line-height: 1.2;
}

[b-0254wk9sit] .sk-mobile-action__meta {
  color: var(--app-front-color-muted);
  font-size: 0.84rem;
  line-height: 1.25;
}

[b-0254wk9sit] .sk-mobile-action--danger {
  border-color: rgba(231, 111, 81, 0.38);
  color: #ffb4a6;
  background: rgba(231, 111, 81, 0.08);
}

[b-0254wk9sit] .sk-mobile-action--danger:hover,
[b-0254wk9sit] .sk-mobile-action--danger:focus-visible {
  color: #ffd0c6;
  background: rgba(231, 111, 81, 0.14);
  border-color: rgba(231, 111, 81, 0.48);
}

[b-0254wk9sit] .sk-mobile-account-stack {
  display: grid;
  gap: 0.5rem;
}






@media (max-width: 767.98px) {
  .sk-topnav[b-0254wk9sit] {
    overflow-x: visible;
    padding: 0.5rem 0;
  }

  .sk-brand[b-0254wk9sit] {
    min-height: 44px;
    align-items: center;
  }

  .sk-topnav__row[b-0254wk9sit] {
    flex-wrap: nowrap;
    row-gap: 0;
  }

  .sk-mobile-toggle[b-0254wk9sit] {
    display: inline-flex;
  }

  .sk-mobile-chrome[b-0254wk9sit] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
    min-width: 0;
  }

  .sk-topnav__links[b-0254wk9sit] {
    display: none !important;
  }

  .sk-topnav__actions[b-0254wk9sit] {
    display: none !important;
  }

  .sk-mobile-balance[b-0254wk9sit] {
    display: flex;
    min-width: 0;
  }

  .sk-mobile-balance[b-0254wk9sit]  .dropdown {
    display: flex;
  }

  .sk-mobile-balance[b-0254wk9sit]  .sk-outline {
    min-height: 44px;
    padding: 0.35rem 0.65rem;
    white-space: nowrap;
  }

  .sk-brand__name[b-0254wk9sit] {
    padding: 0.34rem 0.72rem;
  }

  .sk-mobile-backdrop[b-0254wk9sit] {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1040;
    border: 0;
    background: rgba(0, 0, 0, 0.28);
    padding: 0;
  }

  .sk-mobile-panel[b-0254wk9sit] {
    display: block;
    position: absolute;
    top: calc(100% + 0.35rem);
    left: 0.75rem;
    right: 0.75rem;
    z-index: 1041;
    padding: 0.85rem;
    border-radius: calc(var(--app-radius) + 0.35rem);
    border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
    background:
      radial-gradient(circle at 86% 0, rgba(var(--app-brand-color-rgb), 0.24), transparent 12rem),
      radial-gradient(circle at 12% 100%, rgba(255, 196, 79, 0.08), transparent 11rem),
      linear-gradient(180deg, rgba(var(--app-brand-color-rgb), 0.09), rgba(255, 255, 255, 0.025)),
      rgba(22, 25, 28, 0.985);
    box-shadow:
      0 24px 58px rgba(0, 0, 0, 0.46),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
  }

.sk-mobile-panel__links[b-0254wk9sit] {
  display: grid;
  gap: 0.45rem;
}

.sk-mobile-panel__links--primary[b-0254wk9sit] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sk-mobile-tools[b-0254wk9sit] {
  display: grid;
  gap: 0.45rem;
}

.sk-mobile-tools__toggle[b-0254wk9sit] {
  justify-content: space-between;
}

  .sk-mobile-tools__menu[b-0254wk9sit] {
    display: grid;
    gap: 0.45rem;
    padding-left: 0.55rem;
  }

  [b-0254wk9sit] .sk-mobile-link {
    min-height: 44px;
  }

  .sk-mobile-panel__actions[b-0254wk9sit] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--app-brand-color-rgb), 0.16);
  }
}

@media (max-width: 380px) {
  .sk-mobile-panel__links--primary[b-0254wk9sit] {
    grid-template-columns: 1fr;
  }
}
/* /Shared/Navigation/NavMenuAcc.razor.rz.scp.css */
.sk-avatar[b-dww927ff0t] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.48);
  background:
    radial-gradient(circle at 35% 22%, rgba(var(--app-brand-color-rgb), 0.2), transparent 52%),
    rgba(255, 255, 255, 0.035);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  cursor: pointer;
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08),
    0 8px 22px rgba(0, 0, 0, 0.12);
  transition:
    border-color 0.16s ease,
    color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

.sk-avatar:hover[b-dww927ff0t],
.sk-avatar:focus-visible[b-dww927ff0t],
.sk-native-menu[open] > .sk-avatar[b-dww927ff0t] {
  border-color: rgba(var(--app-brand-color-rgb), 0.86);
  background:
    radial-gradient(circle at 35% 22%, rgba(var(--app-brand-color-rgb), 0.28), transparent 52%),
    rgba(var(--app-brand-color-rgb), 0.09);
  box-shadow:
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.09),
    0 12px 26px rgba(0, 0, 0, 0.18);
  outline: none;
  transform: translateY(-1px);
}

.sk-avatar-icon[b-dww927ff0t] {
  color: var(--app-brand-color);
  display: block;
}

.sk-menu[b-dww927ff0t] {
  min-width: 240px;
  gap: 0.45rem;
  padding: 0.85rem !important;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.28rem);
  background:
    radial-gradient(circle at 88% 0, rgba(var(--app-brand-color-rgb), 0.18), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(27, 31, 35, 0.98);
  color: var(--app-front-color-main);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.sk-native-menu[open] > .sk-menu[b-dww927ff0t] {
  display: grid;
}

.sk-menu__kicker[b-dww927ff0t] {
  padding: 0.25rem 0.35rem;
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sk-menu__action[b-dww927ff0t] {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--app-front-color-main);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.014)),
    rgba(255, 255, 255, 0.025);
  font-weight: 800;
}

.sk-menu__action:hover[b-dww927ff0t],
.sk-menu__action:focus-visible[b-dww927ff0t] {
  background: rgba(var(--app-brand-color-rgb), 0.12);
  border-color: rgba(var(--app-brand-color-rgb), 0.25);
  color: var(--app-brand-color-contrast);
}

.sk-menu__action--danger[b-dww927ff0t] {
  color: #ffb6a8 !important;
  background: rgba(231, 111, 81, 0.08);
}

.sk-menu__action--danger:hover[b-dww927ff0t],
.sk-menu__action--danger:focus-visible[b-dww927ff0t] {
  color: #ffd5cc !important;
  border-color: rgba(231, 111, 81, 0.35);
  background: rgba(231, 111, 81, 0.14);
}
/* /Shared/Navigation/NavMenuBalance.razor.rz.scp.css */
.sk-outline[b-lztwf0wpc7] {
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.58);
  color: var(--app-brand-color);
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.12), transparent 34%),
    rgba(var(--app-brand-color-rgb), 0.06);
  padding: 0.42rem 0.82rem;
  line-height: 1.1;
  cursor: pointer;
  font-weight: 850;
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08),
    0 8px 22px rgba(0, 0, 0, 0.12);
  transition:
    border-color 0.16s ease,
    color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

.sk-outline:hover[b-lztwf0wpc7],
.sk-outline:focus[b-lztwf0wpc7],
.sk-native-menu[open] > .sk-outline[b-lztwf0wpc7] {
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.14), transparent 34%),
    rgba(var(--app-brand-color-rgb), 0.13);
  border-color: rgba(var(--app-brand-color-rgb), 0.82);
  color: var(--app-brand-color-contrast);
  box-shadow:
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.09),
    0 12px 26px rgba(0, 0, 0, 0.18);
  outline: none;
  transform: translateY(-1px);
}

.sk-coin[b-lztwf0wpc7] {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 0;
  background:
    radial-gradient(circle at 35% 30%, #fff2ce, var(--app-brand-color) 48%, #e36300 100%);
  box-shadow:
    0 0 0 3px rgba(var(--app-brand-color-rgb), 0.12),
    0 0 1rem rgba(var(--app-brand-color-rgb), 0.42);
}

.sk-balance[b-lztwf0wpc7] {
  color: var(--app-brand-color-contrast);
}

.sk-menu[b-lztwf0wpc7] {
  min-width: 280px;
  padding: 0.9rem !important;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.28rem);
  background:
    radial-gradient(circle at 88% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(27, 31, 35, 0.98);
  color: var(--app-front-color-main);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.sk-menu__balance-card[b-lztwf0wpc7] {
  display: grid;
  gap: 0.25rem;
  padding: 0.85rem;
  border-radius: calc(var(--app-radius) + 0.05rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.22), transparent 8rem),
    rgba(10, 13, 16, 0.42);
}

.sk-menu__balance-card strong[b-lztwf0wpc7] {
  color: var(--app-front-color-main);
  font-size: 1.7rem;
  font-weight: 950;
  letter-spacing: -0.055em;
}

.sk-menu__balance-card span:last-child[b-lztwf0wpc7] {
  color: var(--app-front-color-sec);
  font-size: 0.88rem;
}

.sk-menu__kicker[b-lztwf0wpc7] {
  color: var(--app-brand-color);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sk-menu__action[b-lztwf0wpc7] {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.045);
  font-weight: 850;
  text-decoration: none;
}

.sk-menu__action--hot[b-lztwf0wpc7] {
  background: linear-gradient(135deg, var(--app-brand-color), #ff9d2a);
  border-color: var(--app-brand-color);
  color: #14100c;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.22);
}

.sk-menu__action--hot:hover[b-lztwf0wpc7],
.sk-menu__action--hot:focus-visible[b-lztwf0wpc7] {
  color: #111;
  filter: brightness(1.04);
}
/* /Shared/Navigation/NavMenuPlan.razor.rz.scp.css */
.sk-outline[b-smfl7azs6d] {
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.58);
  color: var(--app-brand-color);
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.12), transparent 34%),
    rgba(var(--app-brand-color-rgb), 0.06);
  padding: 0.42rem 0.82rem;
  line-height: 1.1;
  cursor: pointer;
  font-weight: 850;
  box-shadow:
    inset 0 0 0 1px rgba(var(--app-brand-color-rgb), 0.08),
    0 8px 22px rgba(0, 0, 0, 0.12);
  transition:
    border-color 0.16s ease,
    color 0.16s ease,
    background 0.16s ease,
    box-shadow 0.16s ease,
    transform 0.16s ease;
}

.sk-outline:hover[b-smfl7azs6d],
.sk-outline:focus[b-smfl7azs6d],
.sk-native-menu[open] > .sk-outline[b-smfl7azs6d] {
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.14), transparent 34%),
    rgba(var(--app-brand-color-rgb), 0.13);
  border-color: rgba(var(--app-brand-color-rgb), 0.82);
  color: var(--app-brand-color-contrast);
  box-shadow:
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.09),
    0 12px 26px rgba(0, 0, 0, 0.18);
  outline: none;
  transform: translateY(-1px);
}

.sk-menu[b-smfl7azs6d] {
  min-width: 260px;
  padding: 0.9rem !important;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  border-radius: calc(var(--app-radius) + 0.28rem);
  background:
    radial-gradient(circle at 88% 0, rgba(var(--app-brand-color-rgb), 0.2), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(27, 31, 35, 0.98);
  color: var(--app-front-color-main);
  box-shadow:
    0 24px 58px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.sk-menu__kicker[b-smfl7azs6d],
.sk-menu__meta-label[b-smfl7azs6d] {
  color: var(--app-front-color-sec);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.sk-menu__headline[b-smfl7azs6d] {
  margin-top: 0.16rem;
  color: var(--app-front-color-main);
  font-size: 1.25rem;
  font-weight: 950;
  letter-spacing: -0.04em;
}

.sk-menu__meta-label[b-smfl7azs6d] {
  margin-top: 0.7rem;
}

.sk-menu__meta-value[b-smfl7azs6d] {
  color: var(--app-brand-color-contrast);
  font-weight: 850;
}

.sk-menu__rule[b-smfl7azs6d] {
  margin: 0.85rem 0;
  border-color: rgba(var(--app-brand-color-rgb), 0.16);
  opacity: 1;
}

.sk-menu__action[b-smfl7azs6d] {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  color: var(--app-front-color-main);
  background: rgba(255, 255, 255, 0.045);
  font-weight: 850;
  text-decoration: none;
}

.sk-menu__action:hover[b-smfl7azs6d],
.sk-menu__action:focus-visible[b-smfl7azs6d] {
  background: rgba(var(--app-brand-color-rgb), 0.13);
  border-color: rgba(var(--app-brand-color-rgb), 0.42);
  color: var(--app-brand-color-contrast);
}

.sk-menu__action--hot[b-smfl7azs6d] {
  background: linear-gradient(135deg, var(--app-brand-color), #ff9d2a);
  border-color: var(--app-brand-color);
  color: #14100c;
  box-shadow: 0 12px 28px rgba(var(--app-brand-color-rgb), 0.22);
}

.sk-menu__action--hot:hover[b-smfl7azs6d],
.sk-menu__action--hot:focus-visible[b-smfl7azs6d] {
  color: #111;
  filter: brightness(1.04);
}
/* /Shared/Navigation/WelcomeBonusHost.razor.rz.scp.css */
.sk-welcome-top[b-uzrvudwwhp] {
  background:
    radial-gradient(circle at 8% 50%, rgba(var(--app-brand-color-rgb), 0.22), transparent 12rem),
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.1), rgba(255, 255, 255, 0.025)),
    rgba(38, 43, 49, 0.96);
  padding: 0.48rem 0;
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  position: relative;
  width: 100%;
}

.sk-welcome-top[b-uzrvudwwhp]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--app-brand-color-rgb), 0.58), transparent);
}

.sk-top-banner[b-uzrvudwwhp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 48px;
}

.sk-top-banner__copy[b-uzrvudwwhp] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: rgba(255, 255, 255, 0.86);
  font-size: 0.97rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sk-top-banner__icon[b-uzrvudwwhp] {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.4);
  background:
    radial-gradient(circle at 35% 30%, #fff1c7, var(--app-brand-color) 48%, #e36300 100%);
  color: var(--app-brand-color);
  color: #1c1208;
  font-weight: 900;
  box-shadow:
    0 0 0 4px rgba(var(--app-brand-color-rgb), 0.1),
    0 0 1.15rem rgba(var(--app-brand-color-rgb), 0.38);
}

.sk-top-banner__soft[b-uzrvudwwhp] {
  color: var(--app-front-color-sec);
}

.sk-top-banner__expiry[b-uzrvudwwhp] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--app-front-color-sec);
}

.brand[b-uzrvudwwhp] {
  color: var(--app-brand-color);
  font-weight: 700;
}

.sk-top-banner__action[b-uzrvudwwhp] {
  flex: 0 0 auto;
}

.sk-top-banner__dismiss[b-uzrvudwwhp] {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.28);
  background: rgba(255, 255, 255, 0.055);
  color: var(--app-front-color-sec);
  font-size: 1.15rem;
  line-height: 1;
  padding: 0;
}

.sk-top-banner__dismiss:hover[b-uzrvudwwhp],
.sk-top-banner__dismiss:focus-visible[b-uzrvudwwhp] {
  color: var(--app-brand-color-contrast);
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  background: rgba(var(--app-brand-color-rgb), 0.12);
  outline: none;
}

.sk-welcome-top--voucher[b-uzrvudwwhp] {
  padding: 0.46rem 0;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.32);
  border-inline: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 12% 50%, rgba(var(--app-brand-color-rgb), 0.24), transparent 15rem),
    radial-gradient(circle at 88% 50%, rgba(255, 210, 123, 0.08), transparent 18rem),
    linear-gradient(90deg, rgba(var(--app-brand-color-rgb), 0.13), rgba(255, 255, 255, 0.035)),
    rgba(38, 43, 49, 0.97);
  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.sk-welcome-top--voucher[b-uzrvudwwhp]::after {
  display: none;
}

.sk-welcome-top--voucher .sk-top-banner[b-uzrvudwwhp] {
  min-height: 52px;
  padding-inline: 0.75rem;
}

.sk-welcome-top--voucher .sk-top-banner__copy[b-uzrvudwwhp] {
  flex-wrap: wrap;
  row-gap: 0.25rem;
}

.sk-welcome-top--voucher .sk-top-banner__action[b-uzrvudwwhp] {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sk-buy[b-uzrvudwwhp] {
  min-height: 38px;
  background: linear-gradient(135deg, var(--app-brand-color), #ff9d2a);
  border-color: var(--app-brand-color);
  color: #111;
  font-weight: 850;
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(var(--app-brand-color-rgb), 0.18);
}

.sk-buy:hover[b-uzrvudwwhp],
.sk-buy:focus-visible[b-uzrvudwwhp] {
  color: #111;
  filter: brightness(1.04);
  box-shadow:
    0 12px 28px rgba(var(--app-brand-color-rgb), 0.24),
    0 0 0 0.2rem rgba(var(--app-brand-color-rgb), 0.1);
  outline: none;
}

.wb-modal-backdrop[b-uzrvudwwhp] {
  position: fixed;
  inset: 0;
  z-index: 1090;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: rgba(8, 11, 19, 0.72);
  backdrop-filter: blur(10px);
}

.wb-modal-card[b-uzrvudwwhp] {
  width: min(100%, 34rem);
  max-height: calc(100dvh - 2.5rem);
  overflow-y: auto;
  padding: 1.45rem;
  border-radius: calc(var(--app-radius) + 0.45rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.34);
  background:
    radial-gradient(circle at 84% 0, rgba(var(--app-brand-color-rgb), 0.2), transparent 18rem),
    radial-gradient(circle at 6% 100%, rgba(255, 255, 255, 0.05), transparent 15rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(27, 31, 36, 0.98);
  box-shadow:
    0 30px 82px rgba(0, 0, 0, 0.56),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.92);
}

.wb-modal-card-wide[b-uzrvudwwhp] {
  width: min(100%, 54rem);
  padding: 1.25rem 1.5rem 1.15rem;
}

.wb-modal-card-compact[b-uzrvudwwhp] {
  width: min(100%, 28rem);
  text-align: center;
}

.wb-kicker[b-uzrvudwwhp] {
  color: var(--app-brand-color);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 0.55rem;
}

.wb-modal-card h3[b-uzrvudwwhp] {
  margin: 0 0 0.58rem;
  font-size: clamp(1.55rem, 1.2rem + 0.9vw, 2rem);
  font-weight: 950;
  letter-spacing: -0.045em;
}

.wb-modal-card p[b-uzrvudwwhp] {
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
}

.wb-note[b-uzrvudwwhp] {
  margin-bottom: 0.82rem !important;
}

.wb-note-soft[b-uzrvudwwhp] {
  margin-top: 0.72rem !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.93rem;
}

.wb-own-answer-alert[b-uzrvudwwhp] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  margin: 0.82rem 0 0;
  padding: 0.74rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.15rem);
  border: 1px solid rgba(255, 132, 24, 0.58);
  background:
    radial-gradient(circle at 4% 50%, rgba(255, 132, 24, 0.32), transparent 9rem),
    linear-gradient(135deg, rgba(255, 132, 24, 0.2), rgba(255, 255, 255, 0.035)),
    rgba(50, 30, 18, 0.86);
  box-shadow:
    0 16px 34px rgba(0, 0, 0, 0.28),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset,
    0 0 1.15rem rgba(255, 132, 24, 0.16);
}

.wb-own-answer-alert__badge[b-uzrvudwwhp] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.6rem;
  padding: 0.42rem 0.72rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.5), transparent 36%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  color: #17100a;
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(var(--app-brand-color-rgb), 0.2);
}

.wb-own-answer-alert__copy[b-uzrvudwwhp] {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 750;
  line-height: 1.35;
}

.wb-own-answer-alert__copy strong[b-uzrvudwwhp] {
  color: #ffd27b;
  font-weight: 950;
  text-transform: uppercase;
}

.wb-guide[b-uzrvudwwhp] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.78rem;
  margin-bottom: 0.82rem;
}

.wb-guide-card[b-uzrvudwwhp] {
  padding: 0.75rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.2rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.1), transparent 9rem),
    rgba(16, 19, 23, 0.66);
}

.wb-guide-card-warn[b-uzrvudwwhp] {
  border-color: rgba(255, 174, 128, 0.22);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 174, 128, 0.1), transparent 9rem),
    rgba(56, 41, 34, 0.44);
}

.wb-guide-title[b-uzrvudwwhp] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.55rem;
}

.wb-guide-list[b-uzrvudwwhp] {
  margin: 0;
  padding-left: 1.05rem;
  color: rgba(255, 255, 255, 0.8);
  display: grid;
  gap: 0.42rem;
}

.wb-prompt-box[b-uzrvudwwhp] {
  margin-top: 0.82rem;
  padding: 0.78rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.2rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.22);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
    rgba(16, 19, 23, 0.74);
}

.wb-prompt-label[b-uzrvudwwhp],
.wb-input-label[b-uzrvudwwhp] {
  display: block;
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wb-prompt-text[b-uzrvudwwhp] {
  margin-top: 0.45rem;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1rem;
  line-height: 1.55;
}

.wb-input-label[b-uzrvudwwhp] {
  margin-top: 0.78rem;
  margin-bottom: 0.45rem;
}

.wb-textarea[b-uzrvudwwhp] {
  width: 100%;
  min-height: 10.25rem;
  resize: vertical;
  border-radius: calc(var(--app-radius) - 0.2rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 14rem),
    rgba(8, 11, 14, 0.82);
  color: rgba(255, 255, 255, 0.94);
  padding: 0.95rem 1rem;
  line-height: 1.55;
}

.wb-textinput[b-uzrvudwwhp] {
  width: 100%;
  min-height: 46px;
  border-radius: calc(var(--app-radius) - 0.2rem);
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--app-brand-color-rgb), 0.08), transparent 14rem),
    rgba(8, 11, 14, 0.82);
  color: rgba(255, 255, 255, 0.94);
  padding: 0.8rem 1rem;
  line-height: 1.35;
}

.wb-textinput:focus[b-uzrvudwwhp] {
  outline: none;
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.14);
}

.wb-textarea:focus[b-uzrvudwwhp] {
  outline: none;
  border-color: rgba(var(--app-brand-color-rgb), 0.52);
  box-shadow: 0 0 0 0.18rem rgba(var(--app-brand-color-rgb), 0.14);
}

.wb-editor-meta[b-uzrvudwwhp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  margin-top: 0.55rem;
}

.wb-counter[b-uzrvudwwhp] {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.88rem;
}

.wb-counter.is-invalid[b-uzrvudwwhp] {
  color: #ffae80;
}

.wb-inline-status[b-uzrvudwwhp] {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.92rem;
}

.wb-inline-error[b-uzrvudwwhp] {
  margin-top: 0.8rem;
  padding: 0.8rem 0.9rem;
  border-radius: calc(var(--app-radius) - 0.25rem);
  border: 1px solid rgba(255, 127, 80, 0.28);
  background: rgba(114, 49, 37, 0.26);
  color: #ffd1bc;
  font-size: 0.93rem;
}

.wb-actions[b-uzrvudwwhp] {
  display: flex;
  justify-content: flex-end;
  gap: 0.7rem;
  margin-top: 1rem;
}

.wb-actions-single[b-uzrvudwwhp] {
  justify-content: center;
}

.wb-btn[b-uzrvudwwhp] {
  min-height: 44px;
  padding: 0.72rem 1rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 900;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.wb-btn:disabled[b-uzrvudwwhp] {
  opacity: 0.55;
  cursor: not-allowed;
}

.wb-btn-brand[b-uzrvudwwhp] {
  background:
    radial-gradient(circle at 16% 14%, rgba(255, 255, 255, 0.28), transparent 30%),
    linear-gradient(135deg, #ffd27b, var(--app-brand-color));
  border-color: rgba(var(--app-brand-color-rgb), 0.75);
  color: #111;
  box-shadow: 0 14px 32px rgba(var(--app-brand-color-rgb), 0.22);
}

.wb-btn-brand:hover:not(:disabled)[b-uzrvudwwhp] {
  filter: brightness(1.03);
}

.wb-btn-muted[b-uzrvudwwhp] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(255, 255, 255, 0.035);
  border-color: rgba(var(--app-brand-color-rgb), 0.2);
  color: rgba(255, 255, 255, 0.88);
}

.wb-btn-muted:hover:not(:disabled)[b-uzrvudwwhp] {
  background: rgba(255, 255, 255, 0.08);
}

.wb-spinner[b-uzrvudwwhp] {
  width: 2.8rem;
  height: 2.8rem;
  margin: 0 auto 1rem;
  border-radius: 999px;
  border: 0.22rem solid rgba(var(--app-brand-color-rgb), 0.22);
  border-top-color: var(--app-brand-color);
  animation: wb-spin-b-uzrvudwwhp 0.9s linear infinite;
}

.wb-reward-pill[b-uzrvudwwhp] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  padding: 0.5rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(var(--app-brand-color-rgb), 0.24);
  background: rgba(var(--app-brand-color-rgb), 0.14);
  color: var(--app-brand-color);
  font-weight: 700;
}

@keyframes wb-spin-b-uzrvudwwhp {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 767.98px) {
  .sk-top-banner[b-uzrvudwwhp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 50px;
  }

  .sk-top-banner__copy[b-uzrvudwwhp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.4rem;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
  }

  .sk-top-banner__action[b-uzrvudwwhp] {
    width: auto;
    min-height: 44px;
    padding-inline: 0.9rem;
  }

  .sk-top-banner__soft:not(.sk-top-banner__expiry)[b-uzrvudwwhp] {
    display: none;
  }

  .sk-top-banner__expiry[b-uzrvudwwhp] {
    grid-column: 1 / -1;
    font-size: 0.82rem;
  }

  .sk-welcome-top .sk-date[b-uzrvudwwhp] {
    white-space: normal;
  }

  .sk-welcome-top--voucher .sk-top-banner[b-uzrvudwwhp] {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.55rem;
    padding: 0.62rem 0.75rem;
  }

  .sk-welcome-top--voucher .sk-top-banner__copy[b-uzrvudwwhp] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }

  .sk-welcome-top--voucher .sk-top-banner__soft[b-uzrvudwwhp] {
    display: block;
    font-size: 0.86rem;
  }

  .sk-welcome-top--voucher .sk-top-banner__expiry[b-uzrvudwwhp] {
    grid-column: auto;
  }

  .sk-welcome-top--voucher .sk-top-banner__action[b-uzrvudwwhp] {
    grid-column: 2 / 4;
    width: 100%;
    min-width: 0;
    padding-inline: 0.85rem;
  }

  .sk-welcome-top--voucher .sk-top-banner__dismiss[b-uzrvudwwhp] {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
  }

  .wb-modal-backdrop[b-uzrvudwwhp] {
    padding: 0.85rem;
    align-items: end;
  }

  .wb-modal-card[b-uzrvudwwhp] {
    width: 100%;
    max-height: calc(100dvh - 1.7rem);
    padding: 1rem 1rem 1.1rem;
  }

  .wb-modal-card-wide[b-uzrvudwwhp] {
    padding: 1rem 1rem 1.1rem;
  }

  .wb-textarea[b-uzrvudwwhp] {
    min-height: 11rem;
  }

  .wb-guide[b-uzrvudwwhp] {
    grid-template-columns: 1fr;
  }

  .wb-own-answer-alert[b-uzrvudwwhp] {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .wb-own-answer-alert__badge[b-uzrvudwwhp] {
    width: 100%;
  }

  .wb-editor-meta[b-uzrvudwwhp],
  .wb-actions[b-uzrvudwwhp] {
    flex-direction: column;
    align-items: stretch;
  }

  .wb-inline-status[b-uzrvudwwhp] {
    order: -1;
  }
}