/* CUSTOMER_ALPHA_THEME_VISIBLE_SWITCH_V28 */
:root {
  --asp-v28-bg-a: #07111f;
  --asp-v28-bg-b: #0e1f3c;
  --asp-v28-bg-c: #111827;
  --asp-v28-panel: rgba(13, 25, 48, .94);
  --asp-v28-panel-soft: rgba(16, 32, 61, .91);
  --asp-v28-panel-deep: rgba(6, 15, 31, .97);
  --asp-v28-line: rgba(148, 180, 255, .30);
  --asp-v28-text: #f8fbff;
  --asp-v28-muted: #b8c7e6;
  --asp-v28-primary: #6d7dff;
  --asp-v28-primary-soft: rgba(109,125,255,.18);
}

.customer-account-theme-v28 {
  position: sticky;
  top: 66px;
  z-index: 800;
  margin: 16px auto;
  max-width: 1180px;
  border: 1px solid rgba(148,163,184,.35);
  border-radius: 22px;
  padding: 16px 18px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 16px 38px rgba(15,23,42,.10);
}

.customer-account-theme-v28 h2 { margin: 0 0 6px; font-size: 1.25rem; }

.customer-account-theme-v28 p {
  margin: 0 0 12px;
  color: #5d6a7d;
  font-weight: 750;
  line-height: 1.45;
}

.customer-account-theme-v28__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.customer-account-theme-v28__actions button {
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(79,70,229,.10);
  color: #3730a3;
  font-weight: 900;
  cursor: pointer;
}

.customer-account-theme-v28__actions button.is-active {
  background: #4f46e5;
  color: #fff;
}

html[data-asp-customer-theme="blue_studio"] body {
  background:
    radial-gradient(circle at 8% 7%, rgba(96,165,250,.18), transparent 30%),
    radial-gradient(circle at 80% 15%, rgba(109,125,255,.26), transparent 34%),
    linear-gradient(135deg, var(--asp-v28-bg-a) 0%, var(--asp-v28-bg-b) 47%, var(--asp-v28-bg-c) 100%) !important;
  color: var(--asp-v28-text) !important;
}

html[data-asp-customer-theme="blue_studio"] body,
html[data-asp-customer-theme="blue_studio"] main,
html[data-asp-customer-theme="blue_studio"] [class*="customer-"] {
  color: var(--asp-v28-text) !important;
}

html[data-asp-customer-theme="blue_studio"] header,
html[data-asp-customer-theme="blue_studio"] nav,
html[data-asp-customer-theme="blue_studio"] .customer-top-nav-v9,
html[data-asp-customer-theme="blue_studio"] .customer-alpha-top-nav-v9 {
  background: rgba(4, 12, 25, .96) !important;
  color: var(--asp-v28-text) !important;
  border-color: var(--asp-v28-line) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.24) !important;
}

html[data-asp-customer-theme="blue_studio"] header a,
html[data-asp-customer-theme="blue_studio"] header button,
html[data-asp-customer-theme="blue_studio"] nav a,
html[data-asp-customer-theme="blue_studio"] nav button {
  color: var(--asp-v28-text) !important;
}

html[data-asp-customer-theme="blue_studio"] header a[aria-current="page"],
html[data-asp-customer-theme="blue_studio"] nav a[aria-current="page"],
html[data-asp-customer-theme="blue_studio"] header .is-active,
html[data-asp-customer-theme="blue_studio"] nav .is-active {
  background: var(--asp-v28-primary) !important;
  color: #fff !important;
}

html[data-asp-customer-theme="blue_studio"] main > section,
html[data-asp-customer-theme="blue_studio"] main > article,
html[data-asp-customer-theme="blue_studio"] main > div,
html[data-asp-customer-theme="blue_studio"] section,
html[data-asp-customer-theme="blue_studio"] article,
html[data-asp-customer-theme="blue_studio"] aside,
html[data-asp-customer-theme="blue_studio"] details,
html[data-asp-customer-theme="blue_studio"] form,
html[data-asp-customer-theme="blue_studio"] fieldset,
html[data-asp-customer-theme="blue_studio"] .asp-blue-surface-v28,
html[data-asp-customer-theme="blue_studio"] .card,
html[data-asp-customer-theme="blue_studio"] .panel,
html[data-asp-customer-theme="blue_studio"] [class*="card"],
html[data-asp-customer-theme="blue_studio"] [class*="panel"],
html[data-asp-customer-theme="blue_studio"] [class*="surface"],
html[data-asp-customer-theme="blue_studio"] [class*="box"],
html[data-asp-customer-theme="blue_studio"] [class*="tile"],
html[data-asp-customer-theme="blue_studio"] [class*="overview"],
html[data-asp-customer-theme="blue_studio"] [class*="package"],
html[data-asp-customer-theme="blue_studio"] [class*="thread"],
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-hero,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-workspace,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-current,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-step,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-sample,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-helpbox,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-preset,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-card,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-price-card,
html[data-asp-customer-theme="blue_studio"] .customer-create-v20-approval-card,
html[data-asp-customer-theme="blue_studio"] .customer-create-v21-required-card,
html[data-asp-customer-theme="blue_studio"] .customer-create-v22-builder-note,
html[data-asp-customer-theme="blue_studio"] .customer-create-v23-ai-panel,
html[data-asp-customer-theme="blue_studio"] .customer-account-theme-v28 {
  background: var(--asp-v28-panel) !important;
  border-color: var(--asp-v28-line) !important;
  color: var(--asp-v28-text) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;
}

html[data-asp-customer-theme="blue_studio"] h1,
html[data-asp-customer-theme="blue_studio"] h2,
html[data-asp-customer-theme="blue_studio"] h3,
html[data-asp-customer-theme="blue_studio"] h4,
html[data-asp-customer-theme="blue_studio"] strong,
html[data-asp-customer-theme="blue_studio"] label,
html[data-asp-customer-theme="blue_studio"] summary,
html[data-asp-customer-theme="blue_studio"] b {
  color: var(--asp-v28-text) !important;
}

html[data-asp-customer-theme="blue_studio"] p,
html[data-asp-customer-theme="blue_studio"] span,
html[data-asp-customer-theme="blue_studio"] small,
html[data-asp-customer-theme="blue_studio"] li,
html[data-asp-customer-theme="blue_studio"] td,
html[data-asp-customer-theme="blue_studio"] th,
html[data-asp-customer-theme="blue_studio"] [class*="muted"],
html[data-asp-customer-theme="blue_studio"] [class*="hint"],
html[data-asp-customer-theme="blue_studio"] [class*="description"] {
  color: var(--asp-v28-muted) !important;
}

html[data-asp-customer-theme="blue_studio"] input,
html[data-asp-customer-theme="blue_studio"] textarea,
html[data-asp-customer-theme="blue_studio"] select {
  background: rgba(4, 12, 25, .76) !important;
  border-color: rgba(148,180,255,.38) !important;
  color: var(--asp-v28-text) !important;
}

html[data-asp-customer-theme="blue_studio"] input::placeholder,
html[data-asp-customer-theme="blue_studio"] textarea::placeholder {
  color: rgba(232, 240, 255, .56) !important;
}

html[data-asp-customer-theme="blue_studio"] button,
html[data-asp-customer-theme="blue_studio"] a[class*="btn"],
html[data-asp-customer-theme="blue_studio"] .button,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-btn {
  background: var(--asp-v28-primary) !important;
  color: #fff !important;
  border-color: rgba(148,180,255,.28) !important;
}

html[data-asp-customer-theme="blue_studio"] button.secondary,
html[data-asp-customer-theme="blue_studio"] button.ghost,
html[data-asp-customer-theme="blue_studio"] a.secondary,
html[data-asp-customer-theme="blue_studio"] a.ghost,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-btn.secondary,
html[data-asp-customer-theme="blue_studio"] .customer-create-v19-btn.ghost {
  background: var(--asp-v28-primary-soft) !important;
  color: #eaf0ff !important;
}

.customer-create-v23-theme-inline { display: none !important; }

html[data-asp-customer-theme="blue_studio"] .customer-account-theme-v28__actions button {
  background: var(--asp-v28-primary-soft) !important;
  color: #eaf0ff !important;
}

html[data-asp-customer-theme="blue_studio"] .customer-account-theme-v28__actions button.is-active {
  background: var(--asp-v28-primary) !important;
  color: #fff !important;
}

.customer-alpha-theme-visible-switch-v28-marker { display: none !important; }

/* CUSTOMER_ALPHA_THEME_VISIBLE_SWITCH_V28_FINALIZE: explicit page selectors for smoke and hard theme coverage */
html[data-asp-customer-theme="blue_studio"] .customer-home-page,
html[data-asp-customer-theme="blue_studio"] .customer-my-videos-page,
html[data-asp-customer-theme="blue_studio"] .customer-account-page,
html[data-asp-customer-theme="blue_studio"] .customer-feedback-page,
html[data-asp-customer-theme="blue_studio"] .customer-support-page {
  color: var(--asp-v28-text) !important;
}

html[data-asp-customer-theme="blue_studio"] .customer-home-page main > section,
html[data-asp-customer-theme="blue_studio"] .customer-my-videos-page main > section,
html[data-asp-customer-theme="blue_studio"] .customer-account-page main > section,
html[data-asp-customer-theme="blue_studio"] .customer-feedback-page main > section,
html[data-asp-customer-theme="blue_studio"] .customer-support-page main > section,
html[data-asp-customer-theme="blue_studio"] .customer-my-videos-page section,
html[data-asp-customer-theme="blue_studio"] .customer-feedback-page section,
html[data-asp-customer-theme="blue_studio"] .customer-my-videos-page article,
html[data-asp-customer-theme="blue_studio"] .customer-feedback-page article,
html[data-asp-customer-theme="blue_studio"] .customer-my-videos-page details,
html[data-asp-customer-theme="blue_studio"] .customer-feedback-page details,
html[data-asp-customer-theme="blue_studio"] .customer-my-videos-page [class*="package"],
html[data-asp-customer-theme="blue_studio"] .customer-feedback-page [class*="thread"] {
  background: var(--asp-v28-panel) !important;
  border-color: var(--asp-v28-line) !important;
  color: var(--asp-v28-text) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.28) !important;
}