/* =========================================================
   VOXCOURT V18 — LIGHT BOOKINGS + MEMBERS
   Loaded LAST on these two pages so older dark global CSS
   cannot override it. Shared header/menu is untouched.
========================================================= */

:root{
  --vc18-page:#dde8ec;
  --vc18-page-2:#e7eef1;
  --vc18-surface:#f4f8f9;
  --vc18-surface-2:#eef4f6;
  --vc18-ink:#10283b;
  --vc18-muted:#647b87;
  --vc18-line:#cbdce2;
  --vc18-cyan:#12aeb7;
}

/* ==================== BOOKINGS ==================== */
body.vc-bookings-page{
  min-height:100vh !important;
  color:var(--vc18-ink) !important;
  background:
    radial-gradient(900px 480px at 88% -12%,rgba(18,174,183,.10),transparent 56%),
    linear-gradient(180deg,var(--vc18-page) 0%,var(--vc18-page-2) 48%,#dfe9ed 100%) !important;
}

body.vc-bookings-page main,
body.vc-bookings-page .login-view,
body.vc-bookings-page .auth-view,
body.vc-bookings-page .workspace{
  color:var(--vc18-ink) !important;
}

body.vc-bookings-page .hero{
  margin-top:34px !important;
}

body.vc-bookings-page .hero h1,
body.vc-bookings-page .page-head h1,
body.vc-bookings-page .auth-card h2{
  color:var(--vc18-ink) !important;
  text-shadow:none !important;
}

body.vc-bookings-page .hero p,
body.vc-bookings-page .page-head p,
body.vc-bookings-page .auth-card p,
body.vc-bookings-page .muted{
  color:var(--vc18-muted) !important;
}

body.vc-bookings-page .eyebrow{
  color:#078e97 !important;
}

/* off-white, not pure white */
body.vc-bookings-page .role-card,
body.vc-bookings-page .auth-card,
body.vc-bookings-page .card,
body.vc-bookings-page .empty-card,
body.vc-bookings-page .settings-card,
body.vc-bookings-page .request-card,
body.vc-bookings-page .availability-court{
  background:linear-gradient(180deg,#f6f9fa 0%,var(--vc18-surface) 100%) !important;
  border-color:var(--vc18-line) !important;
  box-shadow:0 16px 38px rgba(34,67,84,.10) !important;
}

body.vc-bookings-page .role-card h2,
body.vc-bookings-page .card h2,
body.vc-bookings-page .card h3,
body.vc-bookings-page .settings-card h2,
body.vc-bookings-page .settings-card h3{
  color:var(--vc18-ink) !important;
}

body.vc-bookings-page .role-card p,
body.vc-bookings-page .card p{
  color:var(--vc18-muted) !important;
}

body.vc-bookings-page .code-pill{
  color:#607782 !important;
  background:#e9f2f4 !important;
  border:1px solid #cfdee3 !important;
}

body.vc-bookings-page .code-pill b{
  color:var(--vc18-ink) !important;
}

body.vc-bookings-page input,
body.vc-bookings-page select,
body.vc-bookings-page textarea{
  background:#f8fbfc !important;
  color:var(--vc18-ink) !important;
  border-color:#bfd2d9 !important;
}

body.vc-bookings-page .trial-warning{
  color:#667f89 !important;
  background:rgba(239,246,247,.78) !important;
  border-color:#cbdce2 !important;
}

/* Owner workspace: make dark operational blocks readable on light page */
body.vc-bookings-page .club-switch-row,
body.vc-bookings-page .filters,
body.vc-bookings-page .customer-filter{
  background:rgba(244,248,249,.96) !important;
  border-color:var(--vc18-line) !important;
  box-shadow:0 10px 28px rgba(34,67,84,.08) !important;
}

body.vc-bookings-page .segmented{
  background:#d6e4e8 !important;
  border-color:#c6d8de !important;
}

body.vc-bookings-page .segmented button{
  color:#58707c !important;
}

body.vc-bookings-page .segmented button.active{
  background:#f7fafb !important;
  color:var(--vc18-ink) !important;
}

/* KPIs stay slightly stronger, but no full-page darkness */
body.vc-bookings-page .kpi{
  background:linear-gradient(160deg,#eaf3f5,#dfecef) !important;
  color:var(--vc18-ink) !important;
  border-color:#c7dbe0 !important;
  box-shadow:0 12px 28px rgba(34,67,84,.09) !important;
}
body.vc-bookings-page .kpi span{color:#188f98 !important}
body.vc-bookings-page .kpi strong{color:#10283b !important}

/* ==================== MEMBERS ==================== */
body.vc-members-page{
  min-height:100vh !important;
  color:var(--vc18-ink) !important;
  background:
    radial-gradient(900px 480px at 88% -12%,rgba(18,174,183,.10),transparent 56%),
    linear-gradient(180deg,var(--vc18-page) 0%,var(--vc18-page-2) 48%,#dfe9ed 100%) !important;
}

body.vc-members-page .shell{
  color:var(--vc18-ink) !important;
}

body.vc-members-page .hero{
  background:transparent !important;
}

body.vc-members-page .hero .eyebrow{
  color:#078e97 !important;
}

body.vc-members-page .hero h1{
  color:var(--vc18-ink) !important;
  text-shadow:none !important;
}

body.vc-members-page .hero h1 span{
  color:#0a9aa4 !important;
  opacity:1 !important;
}

body.vc-members-page .hero p{
  color:#5f7783 !important;
}

body.vc-members-page .card,
body.vc-members-page .step,
body.vc-members-page .result-court,
body.vc-members-page .identity-overview>div,
body.vc-members-page .member-kit{
  background:linear-gradient(180deg,#f6f9fa 0%,var(--vc18-surface) 100%) !important;
  color:var(--vc18-ink) !important;
  border-color:var(--vc18-line) !important;
  box-shadow:0 16px 38px rgba(34,67,84,.09) !important;
}

body.vc-members-page .card h2,
body.vc-members-page .card h3,
body.vc-members-page .card-head h2,
body.vc-members-page .card-head h3{
  color:var(--vc18-ink) !important;
  opacity:1 !important;
}

body.vc-members-page .card p,
body.vc-members-page .card-head p,
body.vc-members-page .section-note{
  color:var(--vc18-muted) !important;
  opacity:1 !important;
}

body.vc-members-page label span{
  color:#405d6d !important;
}

body.vc-members-page input,
body.vc-members-page select{
  background:#f8fbfc !important;
  color:var(--vc18-ink) !important;
  border-color:#bfd2d9 !important;
}

body.vc-members-page footer,
body.vc-members-page footer a{
  color:#617985 !important;
}

/* The legacy inner members topbar stays hidden by the unified site system.
   If it becomes visible for any reason, do not let it create a dark band. */
body.vc-members-page .shell > .topbar{
  display:none !important;
}

/* Mobile */
@media(max-width:768px){
  body.vc-bookings-page .hero{
    margin-top:22px !important;
  }
}