/* ChallengeTube white / grey production theme override */
:root{
  --bg:#f5f6f8 !important;
  --panel:#ffffff !important;
  --panel2:#eff1f4 !important;
  --text:#16181c !important;
  --muted:#626b76 !important;
  --line:rgba(18,24,32,.12) !important;
  --orange:#4b5563 !important;
  --yellow:#111827 !important;
  --green:#3f7f5f !important;
  --red:#8b4b4b !important;
  --blue:#56677f !important;
  --shadow:0 18px 44px rgba(17,24,39,.08) !important;
}

html,body{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.95), rgba(245,246,248,.92) 42%, rgba(238,240,243,.95) 100%) !important;
  color:var(--text) !important;
}

body{
  min-height:100vh;
}

a{color:inherit}

.topnav{
  background:rgba(255,255,255,.92) !important;
  border-bottom:1px solid rgba(18,24,32,.11) !important;
  box-shadow:0 12px 34px rgba(17,24,39,.07) !important;
  backdrop-filter:blur(16px);
}

.topnav .brand{
  color:#111827 !important;
  letter-spacing:-.03em;
}

.topnav a,.topnav button{
  color:#5f6874 !important;
  background:transparent !important;
}

.topnav a.active,
.topnav a:hover,
.topnav button:hover{
  color:#111827 !important;
  background:#f0f2f5 !important;
  border-color:rgba(17,24,39,.12) !important;
}

.nav-user,
.muted,
.stat-card span,
.table th{
  color:#6b7280 !important;
}

.hero-card,
.panel,
.challenge-card,
.stat-card,
.proof-card,
.table-card,
.mini-card,
.card,
.auth-card,
.form-card,
.dashboard-card{
  background:linear-gradient(180deg,#ffffff,#f8f9fb) !important;
  border:1px solid rgba(18,24,32,.12) !important;
  box-shadow:0 18px 44px rgba(17,24,39,.08) !important;
  color:#16181c !important;
}

.hero h1,
.section-title h2,
.challenge-card h3,
.proof-card h3,
h1,h2,h3,h4,strong{
  color:#111827 !important;
}

.btn,
button,
input[type="button"],
input[type="submit"]{
  border-color:rgba(18,24,32,.14) !important;
}

.btn{
  background:#ffffff !important;
  color:#111827 !important;
  box-shadow:0 10px 24px rgba(17,24,39,.07) !important;
}

.btn.primary,
.btn.green,
.btn.red{
  background:linear-gradient(135deg,#111827,#4b5563) !important;
  color:#ffffff !important;
  border:0 !important;
}

.pill{
  background:#f2f4f7 !important;
  border-color:rgba(18,24,32,.11) !important;
  color:#344054 !important;
}

.handle{
  color:#111827 !important;
}

.input,
textarea,
select,
input{
  background:#ffffff !important;
  border:1px solid rgba(18,24,32,.14) !important;
  color:#111827 !important;
  box-shadow:0 8px 20px rgba(17,24,39,.04) !important;
}

.input::placeholder,
textarea::placeholder,
input::placeholder{
  color:#9aa3af !important;
}

select option{
  color:#111827 !important;
  background:#ffffff !important;
}

.table th,.table td{
  border-bottom:1px solid rgba(18,24,32,.1) !important;
}

.video-box,
.thumb{
  background:#e5e7eb !important;
  border:1px solid rgba(18,24,32,.12) !important;
}

#toast,
.toast{
  background:#111827 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.1) !important;
}

/* Hide locked pages while the prelaunch gate verifies admin access. */
html.ct-gate-checking body > *{
  visibility:hidden !important;
}
html.ct-gate-checking body::before{
  content:"Checking ChallengeTube access...";
  visibility:visible !important;
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#ffffff,#f1f2f4);
  color:#111827;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:900;
  letter-spacing:-.02em;
}


/* ChallengeTube selected main logo in site header */
.topnav .ct-brand{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-weight:1000 !important;
  color:#111827 !important;
}
.topnav .ct-brand-logo{
  width:44px !important;
  height:44px !important;
  object-fit:contain !important;
  border-radius:12px !important;
  background:#fff !important;
  padding:2px !important;
  box-shadow:0 10px 26px rgba(17,24,39,.10) !important;
}
