/* FFV6_LUNA_ACCENTED_GLASS_BOXES_V2 */

/*
  V2 fixes v1 color bleed:
  - no full-card purple gradient wash
  - neutral glass card body
  - distinct Luna accent line / border / glow per card
  - permanent flat nav and flat dark page background preserved
*/

:root{
  --bw-luna-pink:255,118,200;
  --bw-luna-rose:255,177,220;
  --bw-luna-violet:215,140,255;
  --bw-luna-indigo:143,124,255;
  --bw-luna-blue:88,166,255;
  --bw-luna-mint:95,230,190;
  --bw-luna-gold:255,204,120;
}

/* Keep page itself neutral, not purple. */
html{
  background:#09070b !important;
}

body{
  background:linear-gradient(180deg, #111015 0%, #09070b 54%, #060507 100%) !important;
}

/* Base card: neutral glass, not purple-filled. */
main > *:not(script):not(style):not(link),
.bw-glass,
.bw-card,
.bw-panel,
.bw-module,
.bw-block,
.bw-section,
.bw-surface,
.bw-chat-shell > *,
.bw-video-shell > *,
.bw-live-shell > *,
.bw-install-shell > *,
.bw-cart-shell > *,
.bw-checkout-shell > *,
form,
table,
.bw-table-wrap,
section[class*="bw-"],
div[class*="bw-card"],
div[class*="bw-panel"],
div[class*="bw-section"],
div[class*="bw-module"],
[data-bw-access-role-choice-rebuilt="true"],
[data-bw-access-role-choice-box="true"]{
  --bw-card-accent: var(--bw-luna-pink);

  position:relative !important;
  overflow:hidden !important;

  background:
    linear-gradient(180deg,
      rgba(255,255,255,.070),
      rgba(255,255,255,.038)
    ) !important;
  border:1px solid rgba(var(--bw-card-accent), .22) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.105),
    0 0 0 1px rgba(255,255,255,.025),
    0 0 26px rgba(var(--bw-card-accent), .055) !important;
}

/* Thin color accent instead of full purple wash. */
main > *:not(script):not(style):not(link)::before,
.bw-card::before,
.bw-panel::before,
.bw-section::before,
.bw-module::before,
[data-bw-access-role-choice-rebuilt="true"]::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:3px !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,
    rgba(var(--bw-card-accent), .92),
    rgba(var(--bw-card-accent), .22),
    transparent
  ) !important;
}

/* Rotate card accents so they do not all look like one purple blob. */
main > *:nth-child(6n+1){ --bw-card-accent:var(--bw-luna-pink) !important; }
main > *:nth-child(6n+2){ --bw-card-accent:var(--bw-luna-blue) !important; }
main > *:nth-child(6n+3){ --bw-card-accent:var(--bw-luna-mint) !important; }
main > *:nth-child(6n+4){ --bw-card-accent:var(--bw-luna-gold) !important; }
main > *:nth-child(6n+5){ --bw-card-accent:var(--bw-luna-violet) !important; }
main > *:nth-child(6n+6){ --bw-card-accent:var(--bw-luna-indigo) !important; }

/* Nested/internal cards stay calmer with only faint accent. */
main .bw-card,
main .bw-panel,
main [class*="stat"],
main [class*="token"],
main [class*="price"],
main [class*="plan"],
main [class*="choice"],
main [class*="option"],
main [data-bw-access-role-option-row="true"],
main .bw-access-role-clean-row{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.060),
      rgba(255,255,255,.032)
    ) !important;
  border-color:rgba(var(--bw-card-accent), .16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 12px 32px rgba(0,0,0,.24) !important;
}

/* Prevent the Access rebuilt selector from turning purple. */
body.bw-access-role-choice-rebuild-v3 [data-bw-access-role-choice-rebuilt="true"],
body.bw-access-role-choice-rebuild-v3 .bw-access-role-clean-row{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.060),
      rgba(255,255,255,.034)
    ) !important;
}

body.bw-access-role-choice-rebuild-v3 .bw-access-role-clean-row:nth-child(1){
  --bw-card-accent:var(--bw-luna-blue) !important;
}
body.bw-access-role-choice-rebuild-v3 .bw-access-role-clean-row:nth-child(2){
  --bw-card-accent:var(--bw-luna-mint) !important;
}
body.bw-access-role-choice-rebuild-v3 .bw-access-role-clean-row:nth-child(3){
  --bw-card-accent:var(--bw-luna-pink) !important;
}

/* Buttons: colorful, but not every box becomes purple. */
button,
input[type="submit"],
input[type="button"],
a.bw-btn,
.bw-btn,
a[class*="btn"],
button[class*="btn"]{
  background:
    linear-gradient(135deg,
      rgba(var(--bw-luna-pink), .90),
      rgba(var(--bw-luna-indigo), .78)
    ) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff7fd !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 20px rgba(var(--bw-luna-pink), .15) !important;
}

/* Keep selected Access role blue and clean. */
.bw-access-role-clean-row[data-selected="true"]{
  background:
    linear-gradient(180deg,
      rgba(18,105,255,.32),
      rgba(255,255,255,.055)
    ) !important;
  border-color:rgba(88,166,255,.42) !important;
}

.bw-access-role-clean-row[data-selected="true"] .bw-access-role-dot{
  background:#1269ff !important;
  border-color:rgba(255,255,255,.82) !important;
}

/* Top nav stays flat fixture, not colored glass. */
#bw-static-global-public-nav-v1{
  background:rgba(8,7,11,.94) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28) !important;
}

#bw-static-global-public-nav-v1 a,
#bw-static-global-public-nav-v1 button{
  background:transparent !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

#bw-static-global-public-nav-v1 a:hover,
#bw-static-global-public-nav-v1 button:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.12) !important;
}

/* Inputs: neutral body with colored focus only. */
input,
textarea,
select{
  background:rgba(255,255,255,.055) !important;
  border-color:rgba(255,255,255,.14) !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:rgba(var(--bw-luna-pink), .46) !important;
  box-shadow:0 0 0 3px rgba(var(--bw-luna-pink), .10) !important;
}

/* Small badges get accent, not full purple fill. */
.badge,
.pill,
.kicker,
.eyebrow,
.bw-badge,
.bw-pill,
.bw-kicker,
.bw-eyebrow,
[class*="badge"],
[class*="pill"],
[class*="kicker"],
[class*="eyebrow"]{
  background:rgba(255,255,255,.060) !important;
  border-color:rgba(var(--bw-card-accent), .22) !important;
  color:#fff7fd !important;
}

/* Preserve explicit cleanup pages that removed unwanted brand/pill artifacts. */
.bw-star-brand-chip-removed{
  display:none !important;
}