/* ==========================================================================
   Clear liquid glass only (switch glass_clear_only; docs/glass/PHASE0.md, decided 9 Oct 2026).
   Loaded last, only while the switch is on. Nothing here changes layout or sizes:
   only materials and text colours.
     A  panels on a field: clear glass at .36 white, ink text (Vilius, 9 Oct: the recommended option; .22 left Trades, the room, Money and Join under 4.5:1)
     B  things that float (the older menus, sheets, dialogs, the cookie banner; the header's pop-ups are .bf-pop, fix 5):
        .26 white, blur 36, ink text, a light wash behind instead of a dark scrim
     fields: the stage scrim drops to .14 from 60 %
   Never a dark fill, not even as a fallback.
   ========================================================================== */
:root{
  --gc-bg:rgba(255,255,255,.16);
  --gc-filter:blur(36px) saturate(1.8);   /* the menus' stronger blur on every glass surface (Vilius, 9 Oct: "add that blur, it fixes everything") */
  --gc-edge:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -1px 1px rgba(255,255,255,.1);
  --gc-shadow:0 10px 28px -14px rgba(15,21,25,.28);
  --gc-ink:#0E1417; --gc-ink2:rgba(14,20,23,.72); --gc-line:rgba(14,20,23,.12);
  --gc-float:rgba(255,255,255,.26);
  --gc-float-filter:blur(36px) saturate(1.8);
  --gc-float-edge:inset 0 1px 0 rgba(255,255,255,.75),inset 0 0 0 1px rgba(255,255,255,.4),0 24px 48px -20px rgba(15,21,25,.28);
  --gc-wash:rgba(247,248,250,.62);
}

/* ---------- A. panels on a field: clear glass .36, ink text ---------- */
html body .sheet,html body .sheet-glass,html body .pit-sheet,html body .pf-glass,html body .held2-msg--out,
html body .ask-mini,html body .p2-ex,html body .pv-card,html body .pv-snap,html body .a2-me-stats,html body .auth-quote{
  background:rgba(255,255,255,.36)!important;border-color:transparent!important;
  -webkit-backdrop-filter:var(--gc-filter)!important;backdrop-filter:var(--gc-filter)!important;
  box-shadow:var(--gc-edge),var(--gc-shadow)!important;color:var(--gc-ink)!important;text-shadow:none!important}
html body :is(.sheet,.sheet-glass,.pit-sheet,.pf-glass,.ask-mini,.p2-ex,.pv-card,.auth-quote) :is(h1,h2,h3,h4,p,b,strong,span,li,dt,dd,label,time,small,div,blockquote,cite,figcaption,em,i,a:not(.btn)){color:inherit;text-shadow:none}
html body :is(.sheet,.sheet-glass,.pit-sheet,.pf-glass,.ask-mini,.p2-ex,.pv-card,.auth-quote) :is(.muted,.cap,.eyebrow,.small,.lead,small,time,cite,.k,.ms,.sub){color:var(--gc-ink2)!important}
html body .v4 .v4-needs .nrow .t>span,html body .v4 .v4-totals .r span,html body .v4 .v4-acct-code .k,html body .v4.money-pg .money-sheet .muted{color:var(--gc-ink2)!important}
html body .v4.money-pg .money-sheet,html body .v4 .v4-more{color:var(--gc-ink)!important}
html body :is(.sheet,.sheet-glass,.pit-sheet) :is(.row-d,.nrow,.r+.r,hr){border-color:var(--gc-line)!important}
html body .v4 .v4-needs .nrow{border-top-color:var(--gc-line)}
html body .v4 .v4-totals .r+.r{border-top-color:var(--gc-line)}
/* buttons inside an ink panel: ink primary, light secondary */
html body :is(.sheet,.sheet-glass,.pit-sheet,.auth-quote) .btn.white{background:var(--gc-ink)!important;color:#fff!important}
html body :is(.sheet,.sheet-glass,.pit-sheet,.auth-quote) .btn.glassy,html body :is(.sheet,.sheet-glass,.pit-sheet) .chip.g{background:rgba(14,20,23,.06)!important;color:var(--gc-ink)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body :is(.sheet,.sheet-glass,.pit-sheet) .chip.w{background:var(--gc-ink)!important;color:#fff!important}
/* chips on a field (the room's code, older chips): the same clear glass, ink text */
html body .chip.g,html body .v4-hdr.is-top .v4-codechip{background:rgba(255,255,255,.36)!important;color:var(--gc-ink)!important;
  -webkit-backdrop-filter:var(--gc-filter)!important;backdrop-filter:var(--gc-filter)!important;box-shadow:var(--gc-edge)!important}
html body .v3 .node i{background:rgba(255,255,255,.16)}

/* ---------- B. floating: menus, the phone menu, language, sheets, dialogs, the cookie banner ---------- */
html body :is(.v3-pop,.v3-sheetpanel,.bf-language-popover,.bf-drawer-langlist,.bf-cc-card),
html body .v3 dialog.v3-dialog,html body .v3 dialog .sheet{
  background:var(--gc-float)!important;border-color:transparent!important;
  -webkit-backdrop-filter:var(--gc-float-filter)!important;backdrop-filter:var(--gc-float-filter)!important;
  box-shadow:var(--gc-float-edge)!important;color:var(--gc-ink)!important}
html body :is(.v3-pop,.v3-sheetpanel,.bf-language-popover,.bf-drawer-langlist,.bf-cc-card) :is(a,button:not(.btn):not(.bf-cc-b),b,span,p,h2,h3,label,div){color:inherit}
html body :is(.v3-pop,.v3-sheetpanel,.bf-cc-card) :is(.v,.ms,.mr,.meye,.cap,.muted,.bf-cc-txt span,.who span span,.bf-lang-h){color:var(--sub,#5B6A74)!important}
html body :is(.v3-pop,.v3-sheetpanel) :is(.hr,.mhr){background:rgba(14,20,23,.1)!important}
html body :is(.v3-pop .mi[aria-current="page"],.v3-sheetpanel .mi[aria-current]){background:rgba(14,20,23,.06)!important}
/* the selected language: fix 5 Part 3.3 draws it (a soft tint, 600 and a check, never an ink pill): assets/fix5/pop.css */
/* the buttons inside: ink primary (+ New trade, Start a trade), light secondary (Log in) */
html body :is(.v3-pop,.v3-sheetpanel) .btn.white{background:var(--gc-ink)!important;color:#fff!important}
html body :is(.v3-pop,.v3-sheetpanel) .btn.glassy{background:rgba(14,20,23,.06)!important;color:var(--gc-ink)!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .v3-sheetpanel .grab{background:rgba(14,20,23,.2)!important}
/* the cookie banner's buttons */
html body .bf-cc-card .bf-cc-b{color:var(--gc-ink)!important;background:rgba(14,20,23,.06)!important;border-color:transparent!important}
html body .bf-cc-card .bf-cc-b--fill{background:var(--gc-ink)!important;color:#fff!important}
html body .bf-cc-card a{color:var(--gc-ink)!important}
/* behind them: a light wash, never a dark scrim, and no blur (never glass on glass) */
html body :is(.v4-scrim,.v3-scrim,.bf-nav-drawer,.wom-sheet-backdrop,.bf-sheet-backdrop){background:var(--gc-wash)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body .v3 dialog.v3-dialog::backdrop{background:var(--gc-wash)!important}

/* ---------- C. (fix 6 Part 6: the /@handle chip is gone; every badge is .bf-badge, clear glass, assets/v4/parts/badge.css) ---------- */

/* ---------- fields: the colour and grain as they are ---------- */
html body .v3 .field>.scrim-b,html body .v3 .field>.scrim-b.strong,html body .v3 .field>.v3-fieldset>.scrim-b,html body.v3.v4 .field>.scrim-b{
  background:linear-gradient(180deg,rgba(14,20,23,0) 60%,rgba(14,20,23,.14) 100%)!important}
html body .v4-site .bf-errpage::before{background:linear-gradient(180deg,rgba(14,20,23,0) 60%,rgba(14,20,23,.14) 100%)!important}
/* the home hero keeps its gradient: without it the headline falls under 3:1 (docs/glass/PHASE0.md §3) */

/* ---------- reduced transparency, no backdrop-filter, low-end devices: solid white, ink text ---------- */
@media (prefers-reduced-transparency:reduce){
  html body :is(.sheet,.sheet-glass,.pit-sheet,.pf-glass,.auth-quote,.chip.g,.v3-pop,.v3-sheetpanel,.bf-language-popover,.bf-drawer-langlist,.bf-cc-card,.glass,.frost,.actbar,.btn.glassy),
  html body .v3 dialog.v3-dialog{background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--gc-ink)!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html body :is(.sheet,.sheet-glass,.pit-sheet,.pf-glass,.auth-quote,.chip.g,.v3-pop,.v3-sheetpanel,.bf-language-popover,.bf-drawer-langlist,.bf-cc-card){background:rgba(255,255,255,.94)!important;color:var(--gc-ink)!important}
}
html.v3-lite body :is(.sheet,.v3-pop,.v3-sheetpanel){background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--gc-ink)!important}

/* ---------- the auth pages' quote card: the header pill's liquid glass, white text (Vilius, 12 Oct evening: "the auth container
   the same liquid glass as the button you just made" = the hero's Start a trade). Material and colour only; the layout is untouched. */
html body .auth-split .auth-quote{background:rgba(255,255,255,.16)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.7)!important;backdrop-filter:blur(20px) saturate(1.7)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.12),0 10px 28px -14px rgba(15,21,25,.28)!important;
  color:#fff!important;text-shadow:0 1px 2px rgba(14,20,23,.18)}
html body .auth-split .auth-quote :is(p,span,b,strong,em,i,blockquote){color:#fff!important}
html body .auth-split .auth-quote cite{color:rgba(255,255,255,.78)!important}
/* no backdrop-filter / reduced transparency: never a dark fill (9 Oct rule) — solid light, ink text */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html body .auth-split .auth-quote{background:rgba(255,255,255,.94)!important;text-shadow:none}
  html body .auth-split .auth-quote :is(p,span,b,strong,em,i,blockquote){color:var(--gc-ink,#0E1417)!important}
  html body .auth-split .auth-quote cite{color:rgba(14,20,23,.72)!important}
}
@media (prefers-reduced-transparency:reduce){
  html body .auth-split .auth-quote{background:rgba(255,255,255,.94)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:none}
  html body .auth-split .auth-quote :is(p,span,b,strong,em,i,blockquote){color:var(--gc-ink,#0E1417)!important}
  html body .auth-split .auth-quote cite{color:rgba(14,20,23,.72)!important}
}