/* PopQuest Accounts (minimal, theme-friendly) */

/* Prevent the dreaded "white strip" below the layout on tall screens.
   Key detail: the *html* element can remain white unless we explicitly
   paint it too (some themes leave extra height on html, not body). */
html, body{ height: 100%; min-height: 100%; }

body.pq-auth-screen,
body.pq-account-screen,
body.pq-public-profile-screen{
  min-height: 100vh;
  margin: 0 !important;
}

body.pq-auth-screen,
body.pq-public-profile-screen{
  background: #fff !important;
}

body.pq-public-profile-screen{
  background: #fff !important;
}

/* Ensure theme wrappers can't paint white behind our screens */
body.pq-auth-screen #page,
body.pq-auth-screen #content,
body.pq-auth-screen main,
body.pq-account-screen #page,
body.pq-account-screen #content,
body.pq-account-screen main,
body.pq-public-profile-screen #page,
body.pq-public-profile-screen #content,
body.pq-public-profile-screen main{
  background: transparent !important;
}

/* On auth screens, don't show the managed footer (it creates extra height
   and can inherit unintended colors). */
body.pq-auth-screen .mfb-footer{ display:none !important; }

/* Readability hardening (some themes/plugins were overriding these) */
body.pq-auth-screen .pq-auth-card--page{
  background: rgba(255,255,255,0.08) !important;
  border-color: transparent !important;
}

body.pq-auth-screen .pq-auth-title,
body.pq-auth-screen .pq-label,
body.pq-auth-screen .pq-auth-hint,
body.pq-auth-screen .pq-auth-link{
  color: rgba(255,255,255,0.92) !important;
}

body.pq-auth-screen .pq-auth-subtitle{ color: rgba(255,255,255,0.72) !important; }

body.pq-auth-screen .pq-auth-link:hover{ color:#000 !important; }

body.pq-auth-screen #page,
body.pq-auth-screen #content,
body.pq-auth-screen main,
body.pq-account-screen #page,
body.pq-account-screen #content,
body.pq-account-screen main,
body.pq-public-profile-screen #page,
body.pq-public-profile-screen #content,
body.pq-public-profile-screen main{
  background: transparent !important;
  min-height: 100vh;
}

/* Typography */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__dialog, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-title, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-mark__logo, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-label, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn{
  font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", "FranklinGothicHeavyItalic", "Franklin Gothic Heavy Italic", "FranklinGothicHeavy", "Franklin Gothic Heavy", "Franklin Gothic", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card{
  max-width: 520px;
  margin: 24px auto;
  padding: 18px 18px 16px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 16px;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
color:#000;}

/* Full-page login/register shell */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page{
  position: relative;
  /* Always fill viewport height (prevents bottom gutters on wide/tall screens) */
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
  padding: 28px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #000;
  color: #fff;
  overflow:hidden;
  border-radius: 22px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page{
  /* Ensure the auth background always reaches the bottom of the viewport */
  min-height: 100vh;
}




:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page__inner{
  position: relative;
  width: min(980px, 100%);
  display:grid;
  grid-template-columns: 1fr min(520px, 100%);
  gap: 22px;
  align-items:center;
}

@media (max-width: 860px){
  .pq-auth-page{
    min-height: auto;
    padding: 22px 12px;
    border-radius: 18px;
  }

.pq-auth-page__inner{ grid-template-columns: 1fr; gap: 14px; }

.pq-auth-page__brand{ text-align:center; }

.pq-auth-bullets{ justify-content:center; }

}
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page__brand{
  padding: 8px 6px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-mark__logo{
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: clamp(22px, 3.3vw, 34px);
  line-height: 1.05;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-mark__tagline{
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.35;
  color: rgba(255,255,255,0.85);
  max-width: 34ch;
}

@media (max-width: 860px){
  .pq-auth-mark__tagline{ margin-left:auto; margin-right:auto; }

}
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-bullets{
  margin: 16px 0 0;
  padding: 0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap: 10px 12px;
  color: rgba(255,255,255,0.88);
  font-weight: 700;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-bullets li{
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Register bonus callout (left column) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-bonus{
  margin-top: 16px;
  padding: 14px 14px 12px;
  border-radius: 18px;
  border: 1px solid transparent;
  background: rgba(0,0,0,0.35);
  box-shadow: 0 0 0 2px transparent, 0 18px 44px rgba(0,0,0,0.40);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-bonus__pill{
  display: inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #000;
  color: #000;
  font-family: "PQFRANKLIN", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 12px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-bonus__copy{
  margin-top: 10px;
  color: rgba(255,255,255,0.92);
  font-weight: 700;
  line-height: 1.25;
  max-width: 38ch;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-bonus__fine{
  display:block;
  margin-top: 8px;
  color: rgba(255,255,255,0.70);
  font-weight: 600;
  font-size: 12px;
}

@media (max-width: 860px){
  .pq-auth-bonus{ max-width: 520px; margin-left:auto; margin-right:auto; }

}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page{color:#fff;
  margin: 0;
  max-width: 520px;
  width: 100%;
  padding: 20px 18px 18px;
  border-radius: 22px;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.08);
  box-shadow:
    0 24px 60px rgba(0,0,0,0.55),
    0 0 0 1px transparent inset;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-title{
  color: #fff;
  font-size: 1.55rem;
  letter-spacing: 0.03em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-label{
  color: rgba(255,255,255,0.82);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-input{
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.96);
  color: #000;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-link{ color: #000; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-muted{ color: rgba(255,255,255,0.78); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-btn{
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.10);
  color:#fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-btn--primary{
  background: #000;
  color: #000;
  border-color: transparent;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-btn--ghost{
  background: rgba(255,255,255,0.06);
  color:#fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-divider{ color: rgba(255,255,255,0.75); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-divider:before, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-divider:after{ background: rgba(255,255,255,0.16); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-title{
  margin: 0 0 12px;
  font-size: 1.25rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-sub{ margin: 10px 0 0; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-link{ font-weight: 700; text-decoration: none; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-link:hover{ text-decoration: underline; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-form{ display: grid; gap: 12px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-field{ display:block; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-label{ display:block; font-size: 0.85rem; font-weight: 700; margin: 0 0 6px; text-transform: uppercase; letter-spacing: 0.02em; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-input{
  width: 100%;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.15);
  background: #fff;
  outline: none;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-input:focus{
  box-shadow: 0 0 0 3px transparent;
  border-color: rgba(0,0,0,0.25);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 999px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  cursor:pointer;
  border: 1px solid rgba(0,0,0,0.14);
  background: rgba(255,255,255,0.85);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn--primary{
  border-color: transparent;
  background: #000;
  color: #000;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn--ghost{
  background: rgba(255,255,255,0.75);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn:focus-visible{
  box-shadow:
    0 6px 18px transparent,
    0 0 0 3px transparent;
  transform: translateY(-1px);
  outline:none;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-divider{
  display:flex; align-items:center; gap:12px;
  color: rgba(0,0,0,0.55);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-divider:before, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-divider:after{
  content:"";
  height:1px;
  flex:1;
  background: rgba(0,0,0,0.12);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-divider span{ font-size: 0.75rem; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-msg{
  min-height: 20px;
  font-weight: 700;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-msg.is-error{ color: #000; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-msg.is-success{ color: #000; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-muted{ color: rgba(0,0,0,0.65); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-small{ font-size: 0.85rem; }

/* Modal */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal{ position: fixed; inset: 0; display:none; z-index: 99999; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal.is-open{ display:block; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,0.45); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__dialog{
  position: relative;
  width: min(560px, calc(100% - 24px));
  margin: 7vh auto;
  padding: 14px 14px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,0.14);
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__close{
  position:absolute; top: 10px; right: 10px;
  width: 40px; height: 40px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  cursor:pointer;
  font-size: 18px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__tabs{
  display:flex; gap: 8px;
  margin: 2px 0 12px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__tab{
  flex:1;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.14);
  background: rgba(255,255,255,0.85);
  cursor:pointer;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__tab.is-active{
  box-shadow: 0 0 0 3px transparent;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__pane{ display:none; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__pane.is-active{ display:block; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__footer{
  display:flex;
  justify-content:center;
  gap: 10px;
  margin-top: 10px;
  font-weight: 700;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-dot{ opacity: 0.6; }

/* Account page */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account{ max-width: 980px; margin: 24px auto; }

/* Account page shell (match auth styling) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account{
  position: relative;
  padding: 18px 14px;
  border-radius: 22px;
  background: #000;
  color: #fff;
  overflow: hidden;
}




:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account > *{ position: relative; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a{ color: inherit; text-decoration: none; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a:hover{ text-decoration: underline; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-muted{ color: rgba(255,255,255,0.70); }

/* Dark glass cards */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__header, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-pane, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-card{
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(10,10,10,0.78);
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__sub{ color: rgba(255,255,255,0.72); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-handle{ color: rgba(255,255,255,0.78); font-weight: 800; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-points-pill{
  display:inline-flex; align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid transparent;
  color: #000;
  font-weight: 900;
  letter-spacing: 0.01em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-available-pill{
  display:inline-flex; align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.92);
  font-weight: 800;
  letter-spacing: 0.01em;
}

/* Tabs */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab{
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(10,10,10,0.72);
  color: #fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab.is-active{ box-shadow: 0 0 0 3px transparent; border-color: transparent; }

/* Buttons */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn{ border: 1px solid rgba(0,0,0,0.18); }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn--ghost{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.18);
  color:#fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn--ghost:hover{ background: rgba(255,255,255,0.12); }

@media (max-width: 520px){
  .pq-account{ padding: 14px 10px; border-radius: 18px; }

.pq-account__header{ flex-wrap: wrap; gap: 10px; }

.pq-account__actions{ width:100%; margin-left:0; }

.pq-account__actions .pq-btn{ width:100%; }

}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__header{
  display:flex; align-items:center; gap: 14px;
  padding: 14px 14px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__title{ font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;  margin:0; font-size: 1.25rem; font-weight: 900; text-transform: uppercase; letter-spacing:0.02em; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__sub{ color: rgba(0,0,0,0.6); font-weight: 700; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__actions{ margin-left:auto; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs{ display:flex; flex-wrap:wrap; gap:8px; margin: 14px 0; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.14);
  background: rgba(255,255,255,0.85);
  cursor:pointer;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #000;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab:hover{ background: #fff; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab.is-active{
  background: #000;
  border-color: rgba(0,0,0,0.18);
  box-shadow: 0 0 0 3px transparent;
  color: #000;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-pane{
  display:none;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  background: rgba(10,10,10,0.78);
  color: #fff;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-pane.is-active{ display:block; }

/* Built-in panes UI helpers */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-card{
  padding: 14px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 18px;
  background: rgba(255,255,255,0.9);
  margin-bottom: 14px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-h3{ font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-kv{
  display:flex;
  justify-content:space-between;
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(0,0,0,0.10);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-kv:first-of-type{ border-top: 0; padding-top: 0; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-k{ font-weight: 900; text-transform: uppercase; letter-spacing:0.02em; font-size: 0.85rem; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-v{ font-weight: 800; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-grid-3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (max-width: 720px){
  .pq-grid-3{ grid-template-columns: 1fr; }

}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-metric{
  padding: 12px;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 16px;
  /* User request: keep these boxes pure white */
  background: #fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-metric__label{
  font-size: 0.8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing:0.02em;
  color: rgba(0,0,0,0.65);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-metric__value{
  font-size: 1.25rem;
  font-weight: 900;
  margin-top: 4px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-block{ margin-top: 14px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-head{ display:flex; justify-content:space-between; align-items:flex-end; gap: 10px; flex-wrap:wrap; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-title{ font-weight: 900; text-transform: uppercase; letter-spacing:0.02em; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-meta{ font-weight: 800; color: rgba(0,0,0,0.65); display:flex; align-items:center; gap: 8px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-dot{ opacity: 0.6; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table{
  margin-top: 10px;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 16px;
  overflow:hidden;
  /* User request: scores tables should not render on grey surfaces */
  background:#fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tr{
  display:grid;
  grid-template-columns: 1.2fr 0.6fr 0.8fr 0.6fr;
  gap: 10px;
  padding: 10px 12px;
  border-top: 1px solid rgba(0,0,0,0.08);
  font-weight: 800;
  background:#fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tr--head{
  /* User request: header row should be white, not grey */
  background: #fff;
  border-top: 0;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing:0.02em;
  font-size: 0.8rem;
  color: rgba(0,0,0,0.70);
}

@media (max-width: 640px){
  .pq-tr{ grid-template-columns: 1.1fr 0.7fr 0.7fr 0.7fr; font-size: 0.9rem; }

.pq-tr--head{ font-size: 0.75rem; }

}


/* Username + points */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__sub{
  display:flex;
  align-items:center;
  gap: 10px;
  flex-wrap: wrap;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-handle{ font-weight: 900; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-points-pill{
  display:inline-flex;
  align-items:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.14);
  background: rgba(255,255,255,0.75);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.8rem;
}

/* Profile form */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-profile-form{ display:grid; gap: 12px; margin-top: 8px; }

/* Games overview cards */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-games-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

@media (max-width: 720px){
  .pq-games-grid{ grid-template-columns: 1fr; }

}
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-card{
  display:block;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,0.10);
  /* User request: game cards should be pure white */
  background: #fff;
  text-decoration:none;
  color: inherit;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-card:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-card:focus-visible{
  box-shadow:
    0 6px 18px transparent,
    0 0 0 3px transparent;
  transform: translateY(-1px);
  outline:none;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-card__title{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-game-card__meta{
  margin-top: 6px;
  font-weight: 800;
  color: rgba(0,0,0,0.65);
  display:flex;
  gap: 8px;
  align-items:center;
  flex-wrap:wrap;
}

/* ------------------------------------------------------------
 * Public profile CSE add-ons (new elements only)
 * ---------------------------------------------------------- */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-pill--rank{
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  opacity: .9;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn--ghost{
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-cse-spark{
  color: #000;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-cse-row{
  cursor: pointer;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-cse-row:hover td{
  background: rgba(255,255,255,.04);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-overlay{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(0,0,0,.55);
  z-index: 99999;
}

/* =========================================================
   ACCOUNT → CSE TAB
   User request: show ONE share/holding card per row (prevents overflow).
   We don't control the CSE plugin markup, so we use broad-but-scoped selectors.
   ========================================================= */
:where(body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="cse"] :is(
  .cse-grid,
  .cse-cards,
  .cse-holdings,
  .cse-portfolio,
  .cse-portfolio-grid,
  .cse-positions,
  .cse-positions-grid,
  .holdings-grid,
  .positions-grid
){
  display:flex !important;
  flex-direction:column !important;
  gap: 14px !important;
}

:where(body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="cse"] :is(
  .cse-card,
  .cse-share-card,
  .share-card,
  .holding-card,
  .position-card,
  .cse-holding,
  .cse-position,
  [class*="share"][class*="card"],
  [class*="holding"][class*="card"],
  [class*="position"][class*="card"]
){
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  box-sizing: border-box !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-overlay.is-open{ display: flex; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard{
  width: min(520px, 100%);
  border-radius: 18px;
  padding: 16px;
  background: rgba(20,20,20,.92);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 12px 40px rgba(0,0,0,.45);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__kicker{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .85;
  margin-bottom: 10px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__name{
  font-weight: 900;
  font-size: 18px;
  margin-bottom: 8px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__badge{
  display: inline-block;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  margin-bottom: 10px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__big{
  font-size: 44px;
  font-weight: 950;
  line-height: 1;
  margin: 8px 0 6px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__delta{
  font-weight: 800;
  color: #000;
  margin-bottom: 6px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__top{
  margin: 8px 0 6px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__cta{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 14px;
  opacity: .9;
}

html.pq-modal-open, body.pq-modal-open{ overflow: hidden; }

/* Contrast fixes: avoid white-on-white or black-on-black inside account panes */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account input[type="text"], :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account input[type="email"], :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account input[type="password"], :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account input[type="url"], :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account input[type="number"], :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account textarea, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account select{
  background: rgba(255,255,255,0.96);
  color: #000;
  border: 1px solid rgba(0,0,0,0.18);
  border-radius: 14px;
  padding: 12px 14px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account input::placeholder, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account textarea::placeholder{
  color: rgba(0,0,0,0.45);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account label, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .description, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .form-table th, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .form-table td, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .form-table td p{
  color: rgba(255,255,255,0.86);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .form-table{
  color: rgba(255,255,255,0.86);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account hr{ border-color: rgba(255,255,255,0.14); }

/* Ensure any accidental dark text on dark surfaces flips readable */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-card{
  color: #fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane{
  /* Default readable text color for our own dark panes */
  color: #fff;
}

/* CSE outputs light cards (white) inside the account panes.
   Force those back to dark text (only within the account screen). */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-holding-card, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-holding-card *, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-portfolio, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-portfolio *, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-portfolio-table, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-portfolio-table *{
  color: #000 !important;
}

/* One CSE holding card per row inside the account screen. */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .cse-holdings-grid{
  grid-template-columns: 1fr !important;
}

/* Account → CSE pane (your holdings cards) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account [data-pq-pane="cse"] .pq-cse-portfolio-grid{
  display: block !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account [data-pq-pane="cse"] .pq-cse-portfolio-card{
  width: 100% !important;
  max-width: none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane input, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane textarea, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane select{
  color: #000;
}

/* Hide theme page titles on dedicated auth/account pages */
body.pq-auth-screen .entry-title,
body.pq-auth-screen .wp-block-post-title,
body.pq-auth-screen h1.entry-title,
body.pq-auth-screen .page-title,
body.pq-account-screen .entry-title,
body.pq-account-screen .wp-block-post-title,
body.pq-account-screen h1.entry-title,
body.pq-account-screen .page-title{
  display:none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane a{ color:#000; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane a:hover{ text-decoration: underline; }

/* Note: critical overrides also injected inline via wp_add_inline_style in PHP. */



/* Public profile (/u/username) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile{
  position: relative;
  padding: 18px 14px;
  border-radius: 22px;
  background:#000;
  color:#fff;
  overflow:hidden;
}




:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile__card{ position:relative; max-width:900px; margin:0 auto; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile__h1{
  margin: 0 0 10px;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:800;
  font-style: italic;
  letter-spacing:0.01em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile__h2{
  margin: 16px 0 10px;
  font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:800;
  font-style: italic;
  letter-spacing:0.01em;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-profile-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-profile-actions{ display:flex; gap:10px; align-items:center; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile__handle{ margin:0 0 14px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-stats{ display:flex; gap:12px; flex-wrap:wrap; margin:0 0 18px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-stat{
  min-width: 140px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(10,10,10,0.72);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-stat__label{ color: rgba(255,255,255,0.70); font-weight:800; text-transform:uppercase; letter-spacing:0.02em; font-size: 12px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-stat__value{ font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight:800; font-style: italic; font-size: 20px; margin-top: 4px; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile a{ color:#000; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile .pq-muted{ color: rgba(255,255,255,0.72); }

/* Table on public profile */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table{
  width:100%;
  max-width: 560px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 16px;
  overflow:hidden;
  background: rgba(10,10,10,0.72);
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table th, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.10);
  vertical-align: top;
  color:#fff;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table th{
  width: 42%;
  color: rgba(255,255,255,0.78);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-family: "PQFRANKLIN", "PQFranklin", "PQ Franklin", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table tr:last-child th, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table tr:last-child td{ border-bottom:none; }

/* Hide theme titles on public profile */
body.pq-public-profile-screen .entry-title,
body.pq-public-profile-screen .wp-block-post-title,
body.pq-public-profile-screen h1.entry-title,
body.pq-public-profile-screen .page-title{
  display:none !important;
}

@media (max-width: 520px){
  .pq-public-profile{ padding: 14px 10px; border-radius: 18px; }

.pq-stat{ flex: 1 1 140px; }

}




/* Fix share popup positioning (ensure centered + clickable) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-modal, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-overlay{
  position: fixed !important;
  inset: 0 !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-overlay{
  background: rgba(0,0,0,0.65) !important;
  z-index: 9998 !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-modal{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index: 9999 !important;
  padding: 20px;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-modal__card{
  max-width: 520px;
  width: 100%;
  max-height: 90vh;
  overflow:auto;
}

/* Robust fix: force any "share" overlay/modal used on public profile to be viewport-fixed */
body.pq-public-profile-screen [class*="share"][class*="overlay"],
body.pq-public-profile-screen [class*="share"][class*="backdrop"],
body.pq-public-profile-screen [class*="share"][class*="modal"],
body.pq-public-profile-screen [class*="share"][class*="dialog"],
body.pq-public-profile-screen [id*="share"][class*="overlay"],
body.pq-public-profile-screen [id*="share"][class*="modal"]{
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999 !important;
}

body.pq-public-profile-screen [class*="share"][class*="overlay"],
body.pq-public-profile-screen [class*="share"][class*="backdrop"]{
  background: rgba(0,0,0,0.65) !important;
}

body.pq-public-profile-screen [class*="share"][class*="modal"],
body.pq-public-profile-screen [class*="share"][class*="dialog"]{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}

body.pq-public-profile-screen [class*="share"][class*="card"],
body.pq-public-profile-screen [class*="share"][class*="panel"],
body.pq-public-profile-screen [class*="share"][class*="content"]{
  max-height: 90vh !important;
  overflow: auto !important;
}

/* Share card readability: force white text */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-overlay, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-share-overlay *{
  color: #fff !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard{
  color:#fff !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard .pq-muted{
  color: rgba(255,255,255,0.72) !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-sharecard__kicker{
  color: transparent !important;
}

/* Google Sign-In (GIS) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-wrap{ margin: 0 0 12px; display:flex; justify-content:center; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-btn{ width:100%; display:flex; justify-content:center; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-btn > div{ width:100% !important; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-pill{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;font-size:12px;margin-top:6px;margin-bottom:10px;padding:6px 10px;border:1px solid #000;border-radius:999px;background:#fff;color:#000;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-disconnect{border:0;background:transparent;color:#000;text-decoration:underline;cursor:pointer;font-size:12px;padding:0;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-disconnect:disabled{opacity:.5;cursor:default;}

@media (max-width:520px){
  :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-pill{font-size:11px;padding:6px 9px;gap:8px;margin-bottom:12px;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-disconnect{font-size:11px;white-space:nowrap;}

}


/* Auth brand logo (replaces POPQUEST text) */

@media (max-width:768px){}

/* === PopQuest Accounts tweaks (v1.4.26) === */
/* Remove the theme's "white strip" between header and the green auth hero */
body.pq-auth-screen,
body.pq-auth-screen #page,
body.pq-auth-screen #content,
body.pq-auth-screen main,
body.pq-auth-screen .site,
body.pq-auth-screen .site-content,
body.pq-auth-screen .entry,
body.pq-auth-screen .entry-content,
body.pq-auth-screen .wp-block-group,
body.pq-auth-screen .pq-container{
  margin:0 !important;
  padding:0 !important;
  background: transparent !important;
}

/* Let the green auth hero sit flush under the header */
body.pq-auth-screen .pq-auth-page{
  margin:0 !important;
  max-width:none !important;
  border-radius: 0 !important;
}

/* Text on the green UI should be LIGHT (avoid black text on green) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card *{
  color:#fff !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card .pq-auth-muted, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card .pq-muted{
  color: rgba(255,255,255,.78) !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card a{ color:#000 !important; }

/* Primary button: avoid black-on-green by inverting */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card .pq-btn--primary{
  background:#000 !important;
  color:#000 !important;
  border:1px solid transparent !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35), 0 0 0 3px transparent !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card .pq-btn--primary:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card .pq-btn--primary:focus-visible{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(0,0,0,.4), 0 0 0 3px transparent, 0 0 22px transparent !important;
}

/* Separate "Forgot password?" from the Google button so it doesn't read as an instruction */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-sub{
  margin-top: 12px !important;
  margin-bottom: 18px !important;
  text-align:center;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-sub .pq-auth-link{
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  text-transform: none;
  color: #fff !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-sub .pq-auth-link:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-sub .pq-auth-link:focus-visible{
  color:#000 !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-wrap{ margin-top: 4px !important; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card .pq-btn--ghost{ color:#000; }

/* Make account/auth pages use full theme width (theme container can be narrow) */
body.pq-account-screen .pq-container,
body.pq-auth-screen .pq-container{
  max-width: none !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

@media (max-width: 600px){
  body.pq-account-screen .pq-container,
  body.pq-auth-screen .pq-container{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

}

/* Match account box width to auth boxes */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account{
  width: min(980px, calc(100% - 0px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Bigger left-panel icon (auth mark) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-mark__logo{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-brand-logo{width:92px;height:auto;display:block;filter: drop-shadow(0 10px 18px rgba(0,0,0,.35));}

@media (max-width:1024px){.pq-auth-brand-logo{width:84px;}

}
@media (max-width:768px){.pq-auth-brand-logo{width:72px;}

}
@media (max-width:420px){.pq-auth-brand-logo{width:64px;}

}

/* === PopQuest Accounts tweaks (logo bigger, wider containers, hide stray WP headings) === */
body.pq-auth-screen .pq-container,
body.pq-account-screen .pq-container{
  max-width:none !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.pq-auth-screen .pq-container h1,
body.pq-auth-screen .pq-container h2,
body.pq-auth-screen .pq-container .wp-block-heading{
  display:none !important;
}

/* Keep our own card title visible (now a DIV) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-title{
  display:block !important;
}

/* Make auth panel logo a bit bigger */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-brand-logo{
  width:96px !important;
  height:auto !important;
}

@media (max-width: 520px){
  .pq-auth-brand-logo{ width:84px !important; }

}

/* Ensure auth card copy is readable */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card *{
  color: inherit !important;
}

/* Ensure auth page card text is readable */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page *{color:#fff;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page input, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page textarea{color:#000;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page input::placeholder, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page textarea::placeholder{color:#000;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-btn{
  background:#000 !important;
  border-color:transparent !important;
  color:#000 !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-btn:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-btn:focus-visible{
  background:#000 !important;
  color:#000 !important;
  box-shadow:0 0 0 3px transparent, 0 10px 28px rgba(0,0,0,.45) !important;
}

/* === AUTH SCREENS: ensure the background fills the viewport (no white strip) === */
html, body{ margin:0; padding:0; }

/* =====================
   Auth screens: force full-bleed background + kill any footer/white strip
   ===================== */
html, body{ height: 100%; }

body.pq-auth-screen{ min-height: 100vh; background: #000 !important; margin: 0 !important; }

body.pq-auth-screen #page,
body.pq-auth-screen #content,
body.pq-auth-screen main{ min-height: 100vh; }

body.pq-auth-screen .mfb-footer{ display: none !important; }

/* Dark card readability */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-title, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-sub, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-label{ color: rgba(255,255,255,.92) !important; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-label{ text-transform: uppercase; letter-spacing: .08em; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-sub{ opacity: .9; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-input{ background: rgba(255,255,255,.96) !important; color: #000 !important; }

/* =========================================================
   FULL-VIEWPORT AUTH SCREENS (kills bottom white strip)
   ========================================================= */
html, body{ height: 100%; }

body.pq-auth-screen{
  min-height: 100vh;
  background: radial-gradient(1200px 800px at 25% 40%, transparent, rgba(0,0,0,.92));
  overflow-x: hidden;
}

body.pq-auth-screen #page,
body.pq-auth-screen #content,
body.pq-auth-screen main,
body.pq-auth-screen .pq-container{
  background: transparent !important;
  min-height: 100vh;
}

/* Auth pages don't need the managed footer; it can create a white strip */
body.pq-auth-screen .mfb-footer{ display:none !important; }

/* Improve readability on dark cards */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-title, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-subtitle, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-label{
  color: rgba(255,255,255,.92) !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-sub a, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-link{ color: #000 !important; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-sub a:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page .pq-auth-link:hover{ opacity: .9; }

body.pq-public-profile-screen:not(.wp-admin) #page,
body.pq-public-profile-screen:not(.wp-admin) #content,
body.pq-public-profile-screen:not(.wp-admin) main{
  background: #fff !important;
}

/* Make sure nothing is blocking clicks in the public profile subnav */
body.pq-public-profile-screen .pq-public-profile a,
body.pq-public-profile-screen .pq-public-profile button{
  pointer-events: auto;
}

body.pq-public-profile-screen .pq-public-profile [class*="nav"],
body.pq-public-profile-screen .pq-public-profile [class*="tabs"]{
  position: relative;
  z-index: 5;
}

/* =========================================================
   PQ ACCOUNTS — TAB CLICK + LEGIBILITY FIX
   - Tabs should be black (not neon green)
   - Ensure tabs are clickable (z-index / pointer-events)
   - Avoid white-on-white link text in cards
   ========================================================= */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs{ position: relative; z-index: 50; pointer-events: auto; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs a.pq-tab{ pointer-events: auto; }

/* Default links inside accounts should inherit unless explicitly styled */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a{ color: inherit; text-decoration: none; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a:hover{ color: inherit; text-decoration: none; }

/* Tabs/pills: always black text for readability */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) a.pq-tab, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab.is-active{
  color: #000 !important;
}

/* If a tab has a light background, keep it readable */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab{ background: #000 !important; border-color: rgba(0,0,0,0.12) !important; }

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab.is-active{ background: #fff !important; }

/* Common white-surface containers: keep link text dark */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-card, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-panel, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-surface, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane{
  color: #000;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-card a, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-panel a, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-surface a, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-table a, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane a{
  color: #000 !important;
}

/* =========================================================
   SCORES PANE — PURE WHITE SURFACES
   User request: the grey score/game blocks should be white.
   ========================================================= */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="scores"]{
  background:#fff !important;
  color:#000 !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="scores"] .pq-muted,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="scores"] .pq-metric__label,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="scores"] .pq-game-meta,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="scores"] .pq-tr--head{
  color: rgba(0,0,0,0.70) !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__pane[data-pq-pane="scores"] a{
  color: #000 !important;
}

/* =========================================================
   PQ ACCOUNTS — PUBLIC PROFILE (MATCH ACCOUNT COLOURS)
   Keep public profiles visually consistent with logged-in views.
   ========================================================= */
body.pq-public-profile-screen,
html.pq-public-profile-screen,
body.pq-public-profile-screen #page,
body.pq-public-profile-screen .site,
body.pq-public-profile-screen .site-content,
body.pq-public-profile-screen #content,
body.pq-public-profile-screen main,
body.pq-public-profile-screen .wp-site-blocks{
  background: #000 !important;
  background-image: none !important;
}

body.pq-public-profile-screen .pq-public-profile,
body.pq-public-profile-screen .pq-public-profile *{
  color: #fff;
}

body.pq-public-profile-screen .pq-public-profile a{
  color: #000 !important;
}

/* =========================================================
   POPQUEST ACCOUNTS — TAB READABILITY + CLICK SAFETY
   Fixes: neon/white-on-white tab text, non-clickable tabs (overlay/pseudo layers),
   and forces public user profile pages to be truly white.
   ========================================================= */

/* Ensure decorative pseudo layers never block clicks */



/* Keep account content above any pseudo backgrounds */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account > *{
  position: relative;
  z-index: 2;
}

/* Tabs: readable on light backgrounds (and still looks "PopQuest") */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs{
  position: relative;
  z-index: 20;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs .pq-tab{
  background: rgba(255,255,255,0.92) !important;
  color: #000 !important;
  border-color: rgba(0,0,0,0.16) !important;
  box-shadow: none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs .pq-tab:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs .pq-tab:focus{
  color: #000 !important;
  background: rgba(255,255,255,1) !important;
  text-decoration: none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs .pq-tab.is-active{
  background: #000 !important;
  color: #000 !important;
  border-color: rgba(0,0,0,0.18) !important;
  box-shadow: 0 0 0 3px transparent !important;
}

/* Any links inside light cards should be black (prevents white-on-white) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a:visited{
  color: #000;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a:hover, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a:focus{
  color: #000;
}

/* Public user profile pages should be fully white behind the profile card */
body.pq-public-profile-screen,
body.pq-public-profile-screen #page,
body.pq-public-profile-screen .site,
body.pq-public-profile-screen .site-content,
body.pq-public-profile-screen .content-area{
  background: #fff !important;
}

/* =========================================================
   POPQUEST ACCOUNTS — SAFETY READABILITY PATCH
   Keep tab labels readable on light backgrounds.
   ========================================================= */

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs .pq-tab, :where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__tabs .pq-tab:visited{
  color: #000 !important;
}

/* Google luxe (PopQuest) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-wrap{margin-top:18px !important; justify-content:center;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-btn{width:100%; display:flex; justify-content:center;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-google-btn iframe{border-radius:999px !important; box-shadow:0 0 0 2px transparent, 0 0 16px transparent !important;}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile{
  background:#fff !important;
  color:#000 !important;
}

/* Kill all green/blur glows */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page:before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account:before,



/* Flatten the main shells (still nicely rounded, but not “pill-card city”) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account{
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,0.14) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
  overflow: visible !important;
}

/* Make every internal “panel/card/pane” white with crisp borders */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__header,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-pane,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-card,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page{
  background:#fff !important;
  color:#000 !important;
  border: 1px solid rgba(0,0,0,0.14) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-radius: 14px !important;
}

/* Typography — ensure nothing is “white on white” or washed */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-muted,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__sub,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-handle{
  color: rgba(0,0,0,0.68) !important;
}

/* Inputs — white bg, black text, black border */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-input,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="text"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="email"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="password"]{
  background:#fff !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,0.22) !important;
  box-shadow:none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-input:focus,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input:focus{
  outline: none !important;
  border-color:#000 !important;
  box-shadow: 0 0 0 3px transparent !important;
}

/* Buttons — solid black / white text */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) button,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn--primary{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius: 999px !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-btn:hover,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) button:hover{
  filter: none !important;
  transform: translateY(-1px);
}

/* Tabs: white w/ black border; active black w/ white */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab{
  background:#fff !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,0.80) !important;
  box-shadow:none !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-tab.is-active{
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
  box-shadow: 0 0 0 3px transparent !important;
}

/* Pills: strictly black with white text */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-points-pill,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-available-pill{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}

000 !important;s*}s*:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) a:hover{s*text-decoration: underline !important;s*}s*#000 !important;
}

:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) a:hover{
  text-decoration: underline !important;
}

/* =========================================================
   MONOCHROME OVERRIDE (Accounts UI only)
   Rules: black (#000) + white (#fff) ONLY.
   No tints, no greys, no greens.
   ========================================================= */
.pq-auth-page::before,
.pq-auth-page:before,
.pq-account::before,
.pq-account:before,
.pq-public-profile::before,



/* Canvas */
.pq-auth-page,
.pq-account,
.pq-public-profile,
.pq-account .pq-pane,
.pq-auth-page .pq-pane,
.pq-public-profile .pq-pane{
  background:#fff !important;
  color:#000 !important;
  box-shadow:none !important;
}

/* Kill any translucent/colored backgrounds in the account area */
.pq-account *{
  box-shadow:none !important;
  text-shadow:none !important;
}

/* Panels / cards / boxes */
.pq-account .pq-pane,
.pq-account .pq-card,
.pq-account .pq-panel,
.pq-account .pq-box,
.pq-account .pq-section,
.pq-auth-page .pq-card,
.pq-auth-page .pq-panel,
.pq-auth-page .pq-box,
.pq-auth-page .pq-section{
  background:#fff !important;
  border:1px solid #000 !important;
  border-radius:0 !important;
}

/* Headings + body text (STRICTLY SCOPED: no theme leakage) */
body.pq-account-screen .pq-account,
body.pq-account-screen .pq-account * ,
body.pq-auth-screen .pq-auth-page,
body.pq-auth-screen .pq-auth-page * ,
body.pq-auth-screen .pq-auth-card--page,
body.pq-auth-screen .pq-auth-card--page * ,
body.pq-public-profile-screen .pq-public-profile,
body.pq-public-profile-screen .pq-public-profile *{
  color:#000 !important;
}

/* Links */
body.pq-account-screen .pq-account a,
body.pq-auth-screen .pq-auth-page a,
body.pq-auth-screen .pq-auth-card--page a,
body.pq-public-profile-screen .pq-public-profile a{
  color:#000 !important;
  text-decoration:underline !important;
}

/* Tabs (your spec) */
body.pq-account-screen .pq-account .pq-tabs .pq-tab,
body.pq-account-screen .pq-account .pq-tab{
  background:#fff !important;
  border:1px solid #000 !important;
  color:#000 !important;
  border-radius:999px !important; /* pill shape is fine */
}

body.pq-account-screen .pq-account .pq-tabs .pq-tab.is-active,
body.pq-account-screen .pq-account .pq-tab.is-active{
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
}

/* Pills / badges */
body.pq-account-screen .pq-account .pq-pill,
body.pq-account-screen .pq-account .pq-badge,
body.pq-account-screen .pq-account .pq-chip,
body.pq-auth-screen .pq-auth-page .pq-pill,
body.pq-auth-screen .pq-auth-page .pq-badge,
body.pq-auth-screen .pq-auth-page .pq-chip{
  background:#fff !important;
  border:1px solid #000 !important;
  color:#000 !important;
}

body.pq-account-screen .pq-account .pq-pill.is-dark,
body.pq-account-screen .pq-account .pq-badge.is-dark,
body.pq-account-screen .pq-account .pq-chip.is-dark,
body.pq-auth-screen .pq-auth-page .pq-pill.is-dark,
body.pq-auth-screen .pq-auth-page .pq-badge.is-dark,
body.pq-auth-screen .pq-auth-page .pq-chip.is-dark{
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
}

/* Buttons (your spec) */
body.pq-account-screen .pq-account .pq-btn,
body.pq-account-screen .pq-account .pq-button,
body.pq-account-screen .pq-account button,
body.pq-account-screen .pq-account input[type="submit"],
body.pq-auth-screen .pq-auth-page .pq-btn,
body.pq-auth-screen .pq-auth-page .pq-button,
body.pq-auth-screen .pq-auth-page button,
body.pq-auth-screen .pq-auth-page input[type="submit"]{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:999px !important;
}

/* Inputs */
body.pq-account-screen .pq-account input[type="text"],
body.pq-account-screen .pq-account input[type="email"],
body.pq-account-screen .pq-account input[type="password"],
body.pq-auth-screen .pq-auth-page input[type="text"],
body.pq-auth-screen .pq-auth-page input[type="email"],
body.pq-auth-screen .pq-auth-page input[type="password"],
body.pq-account-screen .pq-account textarea,
body.pq-auth-screen .pq-auth-page textarea,
body.pq-account-screen .pq-account select,
body.pq-auth-screen .pq-auth-page select{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  border-radius:12px !important;
}

.pq-account input::placeholder,
.pq-auth-page input::placeholder,
.pq-account textarea::placeholder,
.pq-auth-page textarea::placeholder{
  color:#000 !important;
  opacity:1 !important;
}

/* Dividers */
.pq-account hr,
.pq-auth-page hr,
.pq-public-profile hr{
  border:none !important;
  border-top:1px solid #000 !important;
  background:transparent !important;
}

/* Focus states: monochrome only */
.pq-account :focus,
.pq-auth-page :focus,
.pq-public-profile :focus{
  outline:2px solid #000 !important;
  outline-offset:2px !important;
}

/* Hide any "glow"/accent pseudo elements */
.pq-account *::before,
.pq-account *::after,
.pq-auth-page *::before,
.pq-auth-page *::after,
.pq-public-profile *::before,
.pq-public-profile *::after{
  box-shadow:none !important;
}

/* =========================
   MONOCHROME HARDENING
   Goal: strictly B/W, no green/gray washes, and no low-contrast collisions.
   Scope: ONLY account/auth/profile screens (body classes).
========================= */

body.pq-auth-screen,
body.pq-account-screen,
body.pq-public-profile-screen{
  background:#fff !important;
  color:#000 !important;
}

/* Kill any decorative glow/gradient layers from older builds */
body.pq-auth-screen .pq-auth-page:before,
body.pq-auth-screen .pq-auth-page::before,
body.pq-account-screen .pq-account:before,
body.pq-account-screen .pq-account::before,
body.pq-public-profile-screen .pq-public-profile:before,
body.pq-public-profile-screen .pq-public-profile::before{
  content:none !important;
  display:none !important;
}

/* Core containers */
body.pq-auth-screen .pq-auth-page,
body.pq-auth-screen .pq-auth-card--page,
body.pq-account-screen .pq-account,
body.pq-account-screen .pq-account__header,
body.pq-account-screen .pq-account__panes,
body.pq-account-screen .pq-account__pane,
body.pq-account-screen .pq-card,
body.pq-public-profile-screen .pq-public-profile{
  background:#fff !important;
  color:#000 !important;
  border-color:#000 !important;
  box-shadow:none !important;
}

/* Ensure no accidental dark panels remain */
body.pq-account-screen .pq-account__pane *,
body.pq-auth-screen .pq-auth-page *,
body.pq-public-profile-screen .pq-public-profile *{
  border-color:#000;
}

/* Tabs: white w/ black border; active = black w/ white text */
body.pq-account-screen .pq-account__tabs{
  background:transparent !important;
  border:none !important;
}

body.pq-account-screen .pq-tab{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

body.pq-account-screen .pq-tab.is-active{
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}

body.pq-account-screen .pq-tab.is-active:hover,
body.pq-account-screen .pq-tab:hover{
  filter:none !important;
}

/* Pills: black w/ white text (points / avail) */
body.pq-account-screen .pq-points-pill,
body.pq-account-screen .pq-available-pill,
body.pq-account-screen .pq-pill{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}

/* Buttons: solid black w/ white text */
body.pq-auth-screen .pq-btn,
body.pq-account-screen .pq-btn,
body.pq-public-profile-screen .pq-btn,
body.pq-auth-screen button,
body.pq-account-screen button{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

body.pq-auth-screen .pq-btn.pq-btn--ghost,
body.pq-account-screen .pq-btn.pq-btn--ghost{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
}

/* Inputs: white background, black text, black borders */
body.pq-auth-screen input,
body.pq-auth-screen select,
body.pq-auth-screen textarea,
body.pq-account-screen input,
body.pq-account-screen select,
body.pq-account-screen textarea{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

body.pq-auth-screen input::placeholder,
body.pq-account-screen input::placeholder,
body.pq-auth-screen textarea::placeholder,
body.pq-account-screen textarea::placeholder{
  color:#000 !important;
  opacity:0.55 !important;
}

/* Tables: ALWAYS white with black text; header row black */
body.pq-account-screen table,
body.pq-account-screen thead,
body.pq-account-screen tbody,
body.pq-account-screen tfoot{
  background:#fff !important;
  color:#000 !important;
  border-color:#000 !important;
}

body.pq-account-screen th,
body.pq-account-screen td{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
}

body.pq-account-screen thead th{
  background:#000 !important;
  color:#fff !important;
}

/* Links: black, underline on hover */
body.pq-auth-screen a,
body.pq-auth-screen a:hover,
/* Remove any remaining green accents (failsafe) */
body.pq-auth-screen [style*="#000000"],
body.pq-account-screen [style*="#000000"],
body.pq-public-profile-screen [style*="#000000"]{
  /* do not attempt to rewrite inline colors; just ensure readable contrast */
}


/* =========================
   MONOCHROME LOCK (Accounts only)
   ========================= */
body.pq-account-screen .pq-account,
body.pq-auth-screen .pq-auth-page,
body.pq-auth-screen .pq-auth-card--page,
body.pq-public-profile-screen .pq-public-profile{
  background:#fff !important;
  color:#000 !important;
}

body.pq-account-screen .pq-account * ,
body.pq-auth-screen .pq-auth-page * ,
body.pq-auth-screen .pq-auth-card--page * ,
body.pq-public-profile-screen .pq-public-profile *{
  color:#000 !important;
  border-color:#000 !important;
}

/* Remove any plugin glow/overlays */
body.pq-account-screen .pq-account:before,
body.pq-account-screen .pq-account:after,
body.pq-auth-screen .pq-auth-page:before,
body.pq-auth-screen .pq-auth-page:after,
body.pq-public-profile-screen .pq-public-profile:before,
body.pq-public-profile-screen .pq-public-profile:after{
  content:none !important;
  display:none !important;
}

/* Panels/cards become simple white boxes */
body.pq-account-screen .pq-account__header,
body.pq-account-screen .pq-pane,
body.pq-account-screen .pq-card,
body.pq-public-profile-screen .pq-card,
body.pq-auth-screen .pq-auth-card--page{
  background:#fff !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

/* Tabs: white + border; active = black */
body.pq-account-screen .pq-tab{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
body.pq-account-screen .pq-tab.is-active{
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}
body.pq-account-screen .pq-tab.is-active *{ color:#fff !important; }

/* Pills (points/avail): black */
body.pq-account-screen .pq-points-pill,
body.pq-account-screen .pq-available-pill,
body.pq-account-screen .pq-pill{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}
body.pq-account-screen .pq-points-pill *,
body.pq-account-screen .pq-available-pill *,
body.pq-account-screen .pq-pill *{ color:#fff !important; }

/* Buttons: solid black */
body.pq-auth-screen .pq-btn--primary,
body.pq-account-screen .pq-btn--primary,
body.pq-auth-screen .pq-auth-btn,
body.pq-account-screen button[type="submit"],
body.pq-account-screen .pq-btn{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}
body.pq-auth-screen .pq-btn--primary *,
body.pq-account-screen .pq-btn--primary *,
body.pq-auth-screen .pq-auth-btn *,
body.pq-account-screen button[type="submit"] *,
body.pq-account-screen .pq-btn *{ color:#fff !important; }

/* Inputs: white with black border */
body.pq-auth-screen .pq-input,
body.pq-account-screen .pq-account input,
body.pq-account-screen .pq-account textarea,
body.pq-account-screen .pq-account select{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
}
body.pq-auth-screen .pq-input::placeholder,
body.pq-account-screen .pq-account input::placeholder,
body.pq-account-screen .pq-account textarea::placeholder{
  color:#000 !important;
  opacity:.45 !important;
}

/* Links inside account/auth only */
body.pq-account-screen .pq-account a,
body.pq-auth-screen .pq-auth-page a,
body.pq-auth-screen .pq-auth-card--page a,
body.pq-public-profile-screen .pq-public-profile a{
  color:#000 !important;
  text-decoration:underline !important;
}

/* Scores tables: force white rows/cells */
body.pq-account-screen .pq-account table,
body.pq-account-screen .pq-account thead,
body.pq-account-screen .pq-account tbody,
body.pq-account-screen .pq-account tr,
body.pq-account-screen .pq-account th,
body.pq-account-screen .pq-account td{
  background:#fff !important;
  color:#000 !important;
}
body.pq-account-screen .pq-account thead th{
  background:#000 !important;
  color:#fff !important;
}


/* =========================================================
   HARD MONOCHROME LOCK (scoped to Accounts/Auth/Profile UI)
   - Black (#000) and White (#fff) ONLY
   - No green, no grey, no transparency washes
   - No contrast collisions
   ========================================================= */

/* Kill any decorative glow layers that may exist */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-account, .pq-public-profile):before{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Scope base canvas ONLY to the plugin UI containers (NOT the sidebar/page) */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-auth-card--page, .pq-auth-card, .pq-auth-modal__dialog, .pq-account, .pq-public-profile){
  background:#fff !important;
  color:#000 !important;
  border-color:#000 !important;
  box-shadow:none !important;
}

/* Default all text inside containers to black */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-auth-card--page, .pq-auth-card, .pq-auth-modal__dialog, .pq-account, .pq-public-profile)
  *{
  color:#000 !important;
}

/* Links inside containers only */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-auth-card--page, .pq-auth-card, .pq-auth-modal__dialog, .pq-account, .pq-public-profile)
  a{
  color:#000 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Tabs: white w/ black border; active = black w/ white text */
:where(body.pq-account-screen)
  .pq-account .pq-tab,
:where(body.pq-account-screen)
  .pq-account .pq-account__tab,
:where(body.pq-account-screen)
  .pq-account [data-pq-tab]{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}
:where(body.pq-account-screen)
  .pq-account .pq-tab.is-active,
:where(body.pq-account-screen)
  .pq-account .pq-account__tab.is-active,
:where(body.pq-account-screen)
  .pq-account [data-pq-tab].is-active,
:where(body.pq-account-screen)
  .pq-account .pq-tab[aria-selected="true"],
:where(body.pq-account-screen)
  .pq-account [aria-current="page"]{
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}
:where(body.pq-account-screen)
  .pq-account .pq-tab.is-active *,
:where(body.pq-account-screen)
  .pq-account .pq-account__tab.is-active *,
:where(body.pq-account-screen)
  .pq-account [data-pq-tab].is-active *{
  color:#fff !important;
}

/* Header card: white with thin black border */
:where(body.pq-account-screen) .pq-account .pq-account__header,
:where(body.pq-account-screen) .pq-account .pq-profile-head,
:where(body.pq-account-screen) .pq-account .pq-userbar,
:where(body.pq-account-screen) .pq-account .pq-account-head{
  background:#fff !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

/* Buttons: solid black with white text */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-auth-card--page, .pq-auth-card, .pq-auth-modal__dialog, .pq-account, .pq-public-profile)
  :is(button, .pq-btn, .pq-button, input[type="submit"], a.pq-btn){
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

/* Inputs: white bg, black text, black border */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-auth-card--page, .pq-auth-card, .pq-auth-modal__dialog, .pq-account, .pq-public-profile)
  :is(input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="search"], textarea, select){
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

/* Pills: black w/ white text */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen)
  :is(.pq-auth-page, .pq-auth-card--page, .pq-auth-card, .pq-auth-modal__dialog, .pq-account, .pq-public-profile)
  :is(.pq-pill, .pq-badge, .pq-chip, .pq-points-pill, .pq-available-pill){
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}

/* Panels/cards/surfaces: always white w/ black border */
:where(body.pq-account-screen)
  .pq-account :is(.pq-pane, .pq-card, .pq-panel, .pq-surface, .pq-box, .pq-table-wrap){
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

/* Tables (fix your screenshot): fully white cells w/ black text */
:where(body.pq-account-screen)
  .pq-account table,
:where(body.pq-account-screen)
  .pq-account thead,
:where(body.pq-account-screen)
  .pq-account tbody,
:where(body.pq-account-screen)
  .pq-account tr,
:where(body.pq-account-screen)
  .pq-account th,
:where(body.pq-account-screen)
  .pq-account td{
  background:#fff !important;
  color:#000 !important;
  border-color:#000 !important;
}

/* If any row is forced dark by inline styles, neutralise it */
:where(body.pq-account-screen)
  .pq-account tr[style],
:where(body.pq-account-screen)
  .pq-account td[style],
:where(body.pq-account-screen)
  .pq-account th[style]{
  background:#fff !important;
  color:#000 !important;
}


/* ============================================================
   MONOCHROME LOCK (Accounts/Auth/Public profile only)
   - Absolutely no green / no greys / no translucency.
   - Prevents link color leakage into sidebar or rest of site.
   ============================================================ */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-modal__dialog,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile__card{
  background:#fff !important;
  color:#000 !important;
  box-shadow:none !important;
}

/* Kill any glow/gradient layers */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page:before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account:before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile:before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page:after,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account:after,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile:after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Panels/cards inside account */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-pane,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account .pq-card,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account__header,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-card--page{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}

/* Tabs: white w/ black border; active black w/ white text */
:where(body.pq-account-screen) .pq-tab{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
:where(body.pq-account-screen) .pq-tab.is-active{
  background:#000 !important;
  color:#fff !important;
  border-color:#000 !important;
}
:where(body.pq-account-screen) .pq-tab.is-active *{ color:#fff !important; }

/* Pills / badges inside account header */
:where(body.pq-account-screen) .pq-pill,
:where(body.pq-account-screen) .pq-points-pill,
:where(body.pq-account-screen) .pq-available-pill{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}
:where(body.pq-account-screen) .pq-pill *,
:where(body.pq-account-screen) .pq-points-pill *,
:where(body.pq-account-screen) .pq-available-pill *{ color:#fff !important; }

/* Buttons: solid black */
:where(body.pq-auth-screen, body.pq-account-screen) .pq-btn--primary,
:where(body.pq-auth-screen, body.pq-account-screen) .pq-auth-btn,
:where(body.pq-auth-screen, body.pq-account-screen) button[type=submit],
:where(body.pq-auth-screen, body.pq-account-screen) .pq-btn{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}
:where(body.pq-auth-screen, body.pq-account-screen) .pq-btn--primary *,
:where(body.pq-auth-screen, body.pq-account-screen) .pq-auth-btn *,
:where(body.pq-auth-screen, body.pq-account-screen) button[type=submit] *,
:where(body.pq-auth-screen, body.pq-account-screen) .pq-btn *{ color:#fff !important; }

/* Inputs: white w/ black border, black text/placeholder */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="text"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="email"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="password"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="url"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) input[type="number"],
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) textarea,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) select{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  box-shadow:none !important;
}
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) ::placeholder{ color:#000 !important; opacity:1 !important; }

/* Links: only style inside our containers; never touch sidebar */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page a,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile a{
  color:#000 !important;
  text-decoration:underline !important;
}
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account a:hover,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page a:hover,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile a:hover{
  color:#000 !important;
  text-decoration:underline !important;
}

/* Scores table: force white cells + black text */
:where(body.pq-account-screen) .pq-account table,
:where(body.pq-account-screen) .pq-account thead,
:where(body.pq-account-screen) .pq-account tbody,
:where(body.pq-account-screen) .pq-account tr,
:where(body.pq-account-screen) .pq-account th,
:where(body.pq-account-screen) .pq-account td{
  background:#fff !important;
  color:#000 !important;
  border-color:#000 !important;
}
:where(body.pq-account-screen) .pq-account thead th{
  background:#000 !important;
  color:#fff !important;
}


/* =========================================================
   MONOCHROME HARD OVERRIDE (remove mobile giant-circle/vignette)
   ========================================================= */
body.pq-auth-screen{
  background: #fff !important;
  color: #000 !important;
  background-image: none !important;
}
body.pq-auth-screen #page,
body.pq-auth-screen #content,
body.pq-auth-screen main,
body.pq-auth-screen .pq-container{
  background: #fff !important;
  background-image: none !important;
}
body.pq-auth-screen .pq-auth-page,
body.pq-auth-screen .pq-auth-card--page{
  background: #fff !important;
  color: #000 !important;
  background-image: none !important;
}
body.pq-auth-screen .pq-auth-page:before,
body.pq-auth-screen .pq-auth-page::before,
body.pq-auth-screen .pq-auth-page:after,
body.pq-auth-screen .pq-auth-page::after,
body.pq-auth-screen:before,
body.pq-auth-screen::before,
body.pq-auth-screen:after,
body.pq-auth-screen::after{
  content: none !important;
  display: none !important;
}

/* ==========================================================
   MONOCHROME ENFORCER + SQUARED UI (accounts plugin)
   - Removes any non B/W accents
   - Forces squared corners for account/auth/public-profile UI
   - Keeps notification bell white-on-black
   ========================================================== */

body.pq-account-screen .pq-account,
body.pq-auth-screen .pq-auth-page,
body.pq-auth-screen .pq-auth-card--page,
body.pq-public-profile-screen .pq-public-profile{
  color:#000 !important;
}

/* Square everything in the accounts UI */
body.pq-account-screen .pq-account *,
body.pq-auth-screen .pq-auth-page *,
body.pq-auth-screen .pq-auth-card--page *,
body.pq-public-profile-screen .pq-public-profile *{
  border-radius:0 !important;
}

/* Allow perfect circles ONLY where explicitly needed (avatars / tiny badges) */
body.pq-account-screen .pq-account img.avatar,
body.pq-auth-screen .pq-auth-page img.avatar,
body.pq-public-profile-screen .pq-public-profile img.avatar{
  border-radius:999px !important;
}
body.pq-account-screen .pq-account .pq-pill,
body.pq-account-screen .pq-account .pq-points-pill,
body.pq-account-screen .pq-account .pq-available-pill{
  border-radius:0 !important;
}

/* Links & focus */
body.pq-account-screen .pq-account a,
body.pq-auth-screen .pq-auth-page a,
body.pq-public-profile-screen .pq-public-profile a{
  color:#000 !important;
}

/* Remove any glow / colored shadows */
body.pq-account-screen .pq-account *,
body.pq-auth-screen .pq-auth-page *,
body.pq-public-profile-screen .pq-public-profile *{
  box-shadow:none !important;
  text-shadow:none !important;
}

/* Notification bell: keep it white icon on black button */
body.pq-account-screen #pq-notify-bell-wrap .pq-notify-bell-btn,
body.pq-auth-screen #pq-notify-bell-wrap .pq-notify-bell-btn,
body.pq-public-profile-screen #pq-notify-bell-wrap .pq-notify-bell-btn{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}
body.pq-account-screen #pq-notify-bell-wrap svg,
body.pq-auth-screen #pq-notify-bell-wrap svg,
body.pq-public-profile-screen #pq-notify-bell-wrap svg{
  color:#fff !important;
  stroke:#fff !important;
  fill:none !important;
}

/* If the bell badge/label appears, keep it monochrome */
body.pq-account-screen #pq-notify-bell-wrap .pq-notify-badge,
body.pq-auth-screen #pq-notify-bell-wrap .pq-notify-badge,
body.pq-public-profile-screen #pq-notify-bell-wrap .pq-notify-badge{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
}



/* =========================================================
   REQUESTED FIXES ONLY (2026-02-18)
   1) Public profile: ensure text in CSE black pills is white (no black-on-black)
   2) Account CSE tab: remove grey fills on Shares/Avg + stat boxes (make white)
   3) Auth pages: desktop centering + hide brand column on mobile + remove weird border
   ========================================================= */

/* 1) Public profile CSE hero pills (Top performing / Top holding / Portfolio value) */
body.pq-public-profile-screen .pq-cse-hero .pq-pill,
body.pq-public-profile-screen .pq-cse-hero .pq-pill *{
  color:#fff !important;
}
body.pq-public-profile-screen .pq-cse-hero .pq-pill .pq-muted{
  color: rgba(255,255,255,0.78) !important;
}

/* 2) Account → CSE portfolio: grey chips/boxes -> white */
body.pq-account-screen .pq-account__pane[data-pq-pane="cse"] .cse-chip,
body.pq-account-screen .pq-account__pane[data-pq-pane="cse"] .cse-stat{
  background:#fff !important;
}
body.pq-account-screen .pq-account__pane[data-pq-pane="cse"] .cse-chip{
  border:1px solid #000 !important;
}
body.pq-account-screen .pq-account__pane[data-pq-pane="cse"] .cse-stat{
  border:1px solid #000 !important;
}

/* 3) Auth (login/register): center card on desktop, hide brand boxes on mobile, remove outer border */
.pq-auth-card--page{
  border: none !important;
  box-shadow: none !important;
}

@media (min-width: 960px){
  .pq-auth-page__inner{
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 56px;
  }
  .pq-auth-page__brand{
    flex: 0 0 360px;
  }
  .pq-auth-card--page{
    flex: 0 1 560px;
  }
}

@media (max-width: 959px){
  .pq-auth-page__brand{
    display: none !important;
  }
  .pq-auth-page__inner{
    display:block;
  }
  .pq-auth-card--page{
    margin-left:auto !important;
    margin-right:auto !important;
    max-width: 560px;
    width: 100%;
  }
}

/* Remove rounded outer border on account pages (profile showed rounded border) */
body.pq-account-screen .pq-account,
body.pq-account-screen .pq-card{
  border-radius: 0 !important;
}

/* Public profile: make Games Played table white (was grey/dark) */
body.pq-public-profile-screen .pq-table{
  background: #fff !important;
  border-color: rgba(0,0,0,0.16) !important;
}
body.pq-public-profile-screen .pq-table th,
body.pq-public-profile-screen .pq-table td{
  color: #000 !important;
  border-bottom-color: rgba(0,0,0,0.12) !important;
}
body.pq-public-profile-screen .pq-table th{
  color: rgba(0,0,0,0.72) !important;
}



/* =========================================================
   FIX: Remove giant circular vignette / ring
   (was created by :before radial-gradient overlays)
   ========================================================= */
body.pq-account-screen .pq-account:before,
body.pq-account-screen .pq-account::before,
body.pq-account-screen .pq-account:after,
body.pq-account-screen .pq-account::after,
body.pq-public-profile-screen .pq-public-profile:before,
body.pq-public-profile-screen .pq-public-profile::before,
body.pq-public-profile-screen .pq-public-profile:after,
body.pq-public-profile-screen .pq-public-profile::after{
  content: none !important;
  display: none !important;
  background: none !important;
}


/* =========================================================
   HARD KILL: stray giant outline circle (any body class)
   Some themes/pages don't add pq-*-screen classes.
   This removes decorative pseudo-elements that draw the ring.
   ========================================================= */
.pq-account::before,
.pq-account:before,
.pq-account::after,
.pq-account:after,
.pq-public-profile::before,
.pq-public-profile:before,
.pq-public-profile::after,
.pq-public-profile:after,
.pq-auth-page::before,
.pq-auth-page:before,
.pq-auth-page::after,
.pq-auth-page:after,
.pq-auth-card--page::before,
.pq-auth-card--page:before,
.pq-auth-card--page::after,
.pq-auth-card--page:after{
  content: none !important;
  display: none !important;
}

/* In case it’s a background-image ring (data-uri/svg/gradient) */
.pq-account,
.pq-public-profile,
.pq-auth-page,
.pq-auth-card--page{
  background-image: none !important;
}

/* =========================================================
   EXTRA HARD KILL: ring can be attached to outer shells (theme/app wrappers)
   We only disable decorative pseudo-elements + background-images on known wrappers.
   ========================================================= */
.pq-app-shell::before,
.pq-app-shell::after,
.pq-shell::before,
.pq-shell::after,
.pq-page::before,
.pq-page::after,
#page::before,
#page::after,
#content::before,
#content::after,
.site::before,
.site::after,
.site-content::before,
.site-content::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

.pq-app-shell,
.pq-shell,
.pq-page,
#page,
#content,
.site,
.site-content{
  background-image: none !important;
}

/* =========================================================
   REMOVE DECORATIVE "RING" OVERLAYS (no flash)
   These were previously drawn via radial-gradient pseudo-elements.
   We remove them entirely for a clean black/white UI.
   ========================================================= */
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page::before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-auth-page::after,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account::before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-account::after,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile::before,
:where(body.pq-auth-screen, body.pq-account-screen, body.pq-public-profile-screen) .pq-public-profile::after{
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  opacity: 0 !important;
}