/**
 * Drive-exact LIVE bridge — forces 1:1 match with layout lab (drive-exact).
 * Loaded AFTER drive-exact-lab.css + liquid-glass.
 * Brand colors from brand-theme.js → --lg-accent*
 */
body.drive-exact-live,
body[data-page="business"].drive-exact-live {
  --accent: var(--lg-accent, var(--sky, #6d8fb5));
  --accent-2: var(--lg-accent-2, var(--sky3, #d5dde8));
  --accent-deep: var(--lg-accent-deep, var(--sky2, #1e2530));
  --accent-glow: color-mix(in srgb, var(--accent) 45%, transparent);
  --void: #05070d;
  --void-2: #0a0e18;
  --glass: rgba(255, 255, 255, 0.055);
  --glass-2: rgba(255, 255, 255, 0.08);
  --glass-3: rgba(255, 255, 255, 0.11);
  --line: rgba(255, 255, 255, 0.1);
  --line-strong: rgba(255, 255, 255, 0.16);
  --blur: 14px;
  --blur-soft: 12px;
  --blur-rail: 20px;
  --text: var(--lg-text, #f1f5f9);
  --muted: var(--lg-muted, #94a3b8);
  --radius: 18px;
  --radius-sm: 14px;
  --radius-pill: 999px;
  --rail-w: 16rem;
  --cc-rail-w: 16rem;
  --pad: 1.35rem;
  --gap: 1rem;
  --font: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --display: "Outfit", "DM Sans", system-ui, sans-serif;
  font-family: var(--font) !important;
  color: var(--text) !important;
}

/*
 * Desk open = #bizDash / #ownerDash is visible (NOT biz-app-full).
 * biz-app-full is only for Lumina full-bleed calendar — must never hide the shell.
 */
body.drive-exact-live.desk-open,
body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden])),
body.drive-exact-live:has(#ownerDash:not(.hidden):not([hidden])),
body.drive-exact-live.admin-app-full,
body.drive-exact-live[data-it-session="1"] {
  /* Lock viewport — no page black scroll void (iPad-safe) */
  overflow: hidden !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100% !important;
  max-height: 100dvh !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  /* Charcoal stage + soft brand wash (not neon orbs) */
  background-color: #06080d !important;
  background-image:
    radial-gradient(ellipse 90% 60% at 6% -8%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 0%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 50%),
    radial-gradient(ellipse 60% 45% at 80% 100%, color-mix(in srgb, var(--accent-deep) 12%, transparent), transparent 55%),
    linear-gradient(168deg, #141820 0%, #0c0f16 40%, #080a10 72%, #05060a 100%) !important;
  background-attachment: fixed !important;
  font-family: var(--font) !important;
  /* Kill outer page scrollbar (content scrolls inside .body only) */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  overscroll-behavior: none !important;
  /* iOS: stop rubber-band scroll revealing black under the shell */
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html:has(body.drive-exact-live.desk-open),
html:has(body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden]))),
html:has(body.drive-exact-live:has(#ownerDash:not(.hidden):not([hidden]))),
html:has(body.drive-exact-live.admin-app-full),
html:has(body.drive-exact-live[data-it-session="1"]) {
  overflow: hidden !important;
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html:has(body.drive-exact-live.desk-open)::-webkit-scrollbar,
html:has(body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden])))::-webkit-scrollbar,
body.drive-exact-live.desk-open::-webkit-scrollbar,
body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden]))::-webkit-scrollbar,
body.drive-exact-live:has(#ownerDash:not(.hidden):not([hidden]))::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Login / gate only: normal page scroll, hide empty shell */
body.drive-exact-live:not(.desk-open):not(.admin-app-full):not([data-it-session="1"]):not(:has(#bizDash:not(.hidden):not([hidden]))):not(:has(#ownerDash:not(.hidden):not([hidden]))) {
  overflow: auto !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  background-attachment: fixed !important;
}
body.drive-exact-live:not(.desk-open):not(.admin-app-full):not([data-it-session="1"]):not(:has(#bizDash:not(.hidden):not([hidden]))):not(:has(#ownerDash:not(.hidden):not([hidden]))) .float-stage,
body.drive-exact-live:not(.desk-open):not(.admin-app-full):not([data-it-session="1"]):not(:has(#bizDash:not(.hidden):not([hidden]))):not(:has(#ownerDash:not(.hidden):not([hidden]))) .biz-float-stage {
  display: none !important;
}

body.drive-exact-live.desk-open .wrap,
body.drive-exact-live.desk-open .wrap-shop,
body.drive-exact-live.admin-app-full .wrap,
body.drive-exact-live.admin-app-full .wrap-admin,
body.drive-exact-live[data-it-session="1"] .wrap,
body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden])) .wrap,
body.drive-exact-live:has(#ownerDash:not(.hidden):not([hidden])) .wrap-admin {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Shell must fill float stage (lab .shell) — brand desk + Studio admin */
body.drive-exact-live #bizDash.shell,
body.drive-exact-live #bizDash.biz-shell,
body.drive-exact-live #ownerDash.shell,
body.drive-exact-live #ownerDash.biz-shell,
body.drive-exact-live #ownerDash.admin-shell {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: var(--rail-w) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
}
body.drive-exact-live #bizDash.shell.hidden,
body.drive-exact-live #bizDash.biz-shell.hidden,
body.drive-exact-live #bizDash[hidden],
body.drive-exact-live #ownerDash.shell.hidden,
body.drive-exact-live #ownerDash.admin-shell.hidden,
body.drive-exact-live #ownerDash.hidden,
body.drive-exact-live #ownerDash[hidden] {
  display: none !important;
}
/* Hide empty stage only when dash is still closed */
body.drive-exact-live .float-stage:has(#bizDash.hidden),
body.drive-exact-live .biz-float-stage:has(#bizDash.hidden),
body.drive-exact-live .float-stage:has(#bizDash[hidden]),
body.drive-exact-live .biz-float-stage:has(#bizDash[hidden]),
body.drive-exact-live .float-stage:has(#ownerDash.hidden),
body.drive-exact-live .biz-float-stage:has(#ownerDash.hidden),
body.drive-exact-live .float-stage:has(#ownerDash[hidden]),
body.drive-exact-live .biz-float-stage:has(#ownerDash[hidden]) {
  display: none !important;
}
/* Force stage visible when dash is open — full viewport (not a tiny floating card) */
body.drive-exact-live .float-stage:has(#bizDash:not(.hidden):not([hidden])),
body.drive-exact-live .biz-float-stage:has(#bizDash:not(.hidden):not([hidden])),
body.drive-exact-live .float-stage:has(#ownerDash:not(.hidden):not([hidden])),
body.drive-exact-live .biz-float-stage:has(#ownerDash:not(.hidden):not([hidden])),
body.drive-exact-live[data-it-session="1"] .float-stage,
body.drive-exact-live[data-it-session="1"] .biz-float-stage,
body.drive-exact-live.desk-open .float-stage,
body.drive-exact-live.desk-open .biz-float-stage {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: 100% !important;
  /* Almost edge-to-edge — was ~0.4rem inset making desk feel like a small box */
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
/* IT first paint: never leave home content measuring a content-sized stub */
body.drive-exact-live[data-it-session="1"] #bizDash [data-biz-panel="home"],
body.drive-exact-live.desk-open #bizDash [data-biz-panel="home"],
body.drive-exact-live #bizDash #bizHomeDash,
body.drive-exact-live #bizDash .dash {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
/* Hide under-glow strip that read as empty black space */
body.drive-exact-live.desk-open .float-stage::after,
body.drive-exact-live.desk-open .biz-float-stage::after,
body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden])) .float-stage::after,
body.drive-exact-live:has(#bizDash:not(.hidden):not([hidden])) .biz-float-stage::after {
  display: none !important;
}
/* Shell fills stage fully */
body.drive-exact-live #bizDash.shell,
body.drive-exact-live #bizDash.biz-shell,
body.drive-exact-live #ownerDash.shell,
body.drive-exact-live #ownerDash.biz-shell,
body.drive-exact-live #ownerDash.admin-shell {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  max-width: none !important;
}

/* Rail: lab styles win over liquid-glass (desktop only).
   Mobile must stay position:fixed so the drawer can slide and receive taps. */
@media (min-width: 901px) {
  body.drive-exact-live #bizDash .rail.cc-rail,
  body.drive-exact-live #bizDash .cc-rail.rail,
  body.drive-exact-live #ownerDash .rail.cc-rail,
  body.drive-exact-live #ownerDash .cc-rail.rail,
  body.drive-exact-live #ownerDash .cc-rail.admin-nav {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    max-height: 100% !important;
    position: relative !important;
    top: auto !important;
  }
}

/* Nested menus: show when not [hidden] even if lab forces display:none */
body.drive-exact-live #bizDash .nav-sub.is-open,
body.drive-exact-live #bizDash .nav-sub[data-open="1"],
body.drive-exact-live #bizDash .cc-rail__sub.is-open,
body.drive-exact-live #bizDash .cc-rail__sub:not([hidden]),
body.drive-exact-live #ownerDash .nav-sub.is-open,
body.drive-exact-live #ownerDash .nav-sub[data-open="1"],
body.drive-exact-live #ownerDash .cc-rail__sub.is-open,
body.drive-exact-live #ownerDash .cc-rail__sub:not([hidden]) {
  display: block !important;
}
body.drive-exact-live #bizDash .nav-sub[hidden]:not(.is-open),
body.drive-exact-live #bizDash .cc-rail__sub[hidden]:not(.is-open),
body.drive-exact-live #ownerDash .nav-sub[hidden]:not(.is-open),
body.drive-exact-live #ownerDash .cc-rail__sub[hidden]:not(.is-open) {
  display: none !important;
}

/*
 * Nav active / press: brand-tinted glass pill — NOT browser blue focus,
 * NOT a white→sky flash. Uses brand --accent tokens only.
 */
body.drive-exact-live #bizDash .nav-item,
body.drive-exact-live #bizDash .cc-rail__item,
body.drive-exact-live #ownerDash .nav-item,
body.drive-exact-live #ownerDash .cc-rail__item,
body.drive-exact-live #ownerDash .admin-nav__item {
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
  -webkit-appearance: none;
  appearance: none;
}
body.drive-exact-live #bizDash .nav-item:focus,
body.drive-exact-live #bizDash .nav-item:focus-visible,
body.drive-exact-live #bizDash .cc-rail__item:focus,
body.drive-exact-live #bizDash .cc-rail__item:focus-visible,
body.drive-exact-live #ownerDash .nav-item:focus,
body.drive-exact-live #ownerDash .nav-item:focus-visible,
body.drive-exact-live #ownerDash .cc-rail__item:focus,
body.drive-exact-live #ownerDash .cc-rail__item:focus-visible,
body.drive-exact-live #ownerDash .admin-nav__item:focus,
body.drive-exact-live #ownerDash .admin-nav__item:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* Press feedback = soft brand tint (no blue UA flash) */
body.drive-exact-live #bizDash .nav-item:active:not(.is-active),
body.drive-exact-live #bizDash .cc-rail__item:active:not(.is-active),
body.drive-exact-live #ownerDash .nav-item:active:not(.is-active),
body.drive-exact-live #ownerDash .cc-rail__item:active:not(.is-active),
body.drive-exact-live #ownerDash .admin-nav__item:active:not(.is-active) {
  background: color-mix(in srgb, var(--accent, var(--lg-accent, #94a3b8)) 18%, rgba(255, 255, 255, 0.06)) !important;
  border-color: color-mix(in srgb, var(--accent, var(--lg-accent, #94a3b8)) 28%, rgba(255, 255, 255, 0.12)) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

/* Active: brand glass fill + left accent bar (readable on dark rail) */
body.drive-exact-live #bizDash .nav-item.is-active,
body.drive-exact-live #bizDash .cc-rail__item.nav-item.is-active,
body.drive-exact-live #bizDash .cc-rail__item.is-active,
body.drive-exact-live #ownerDash .nav-item.is-active,
body.drive-exact-live #ownerDash .cc-rail__item.nav-item.is-active,
body.drive-exact-live #ownerDash .cc-rail__item.is-active,
body.drive-exact-live #ownerDash .admin-nav__item.is-active {
  background: linear-gradient(
    105deg,
    color-mix(in srgb, var(--accent-2, var(--lg-accent-2, #cbd5e1)) 22%, rgba(255, 255, 255, 0.1)) 0%,
    color-mix(in srgb, var(--accent, var(--lg-accent, #94a3b8)) 28%, rgba(255, 255, 255, 0.06)) 55%,
    color-mix(in srgb, var(--accent-deep, var(--lg-accent-deep, #475569)) 35%, rgba(12, 16, 24, 0.55)) 100%
  ) !important;
  color: #f8fafc !important;
  font-weight: 700 !important;
  border: 1px solid color-mix(in srgb, var(--accent, var(--lg-accent, #94a3b8)) 42%, rgba(255, 255, 255, 0.16)) !important;
  box-shadow:
    inset 3px 0 0 var(--accent, var(--lg-accent, #94a3b8)),
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 6px 18px color-mix(in srgb, var(--accent, var(--lg-accent, #94a3b8)) 18%, transparent) !important;
  border-radius: 12px !important;
}
body.drive-exact-live #bizDash .nav-item.is-active .ico,
body.drive-exact-live #bizDash .nav-item.is-active .chev,
body.drive-exact-live #bizDash .nav-item.is-active .cc-rail__ico,
body.drive-exact-live #ownerDash .nav-item.is-active .ico,
body.drive-exact-live #ownerDash .nav-item.is-active .chev,
body.drive-exact-live #ownerDash .nav-item.is-active .cc-rail__ico {
  color: var(--accent-2, var(--lg-accent-2, #e2e8f0)) !important;
  opacity: 1;
}

/* ═══════════════════════════════════════════════════════════
 * Desk bar — exact layout-lab match (search · notify · profile)
 * Preview: drive-exact .desk-bar.glass-card
 * ═══════════════════════════════════════════════════════════ */
body.drive-exact-live #bizDash .desk-bar.glass-card,
body.drive-exact-live #ownerDash .desk-bar.glass-card,
body.drive-exact-live #ownerDash .cc-top.admin-topbar.desk-bar {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.55rem 0.85rem !important;
  margin: 0.55rem 1rem 0 !important;
  padding: 0.4rem 0.55rem 0.4rem 0.65rem !important;
  min-height: 0 !important;
  height: auto !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0 !important;
  z-index: 25 !important;
  /* Never clip notify / profile dropdowns */
  overflow: visible !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 55%, rgba(255, 255, 255, 0.02) 100%),
    rgba(16, 22, 36, 0.92) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.2),
    0 16px 40px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  /* Kill old cc-top sticky / padding chrome */
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}

/* Hidden titles (lab has no page-title banner) */
body.drive-exact-live #bizDash .desk-bar__titles,
body.drive-exact-live #ownerDash .desk-bar__titles {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Search — left, pill field (lab .desk-bar__search .dash-search) */
body.drive-exact-live #bizDash .desk-bar__search,
body.drive-exact-live #ownerDash .desk-bar__search {
  flex: 1 1 auto !important;
  min-width: 10rem !important;
  max-width: 22rem !important;
  position: relative !important;
  order: 0 !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-search,
body.drive-exact-live #bizDash .desk-bar .biz-top-search__input,
body.drive-exact-live #ownerDash .desk-bar .dash-search,
body.drive-exact-live #ownerDash .desk-bar .biz-top-search__input {
  width: 100% !important;
  min-height: 2.5rem !important;
  height: auto !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  padding: 0.48rem 0.95rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 35%, rgba(255, 255, 255, 0.12)) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text, #f1f5f9) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 24px color-mix(in srgb, var(--accent) 12%, transparent) !important;
  outline: none !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-search::placeholder,
body.drive-exact-live #ownerDash .desk-bar .dash-search::placeholder {
  color: var(--muted, #94a3b8) !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-search:focus,
body.drive-exact-live #ownerDash .desk-bar .dash-search:focus {
  border-color: color-mix(in srgb, var(--accent) 55%, transparent) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent) !important;
}

/* Actions — right cluster */
body.drive-exact-live #bizDash .desk-bar__actions,
body.drive-exact-live #ownerDash .desk-bar__actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Menu toggle: phone only (lab has no Menu on desktop) */
body.drive-exact-live #bizDash .desk-bar__menu-btn,
body.drive-exact-live #ownerDash .desk-bar__menu-btn,
body.drive-exact-live #bizDash .desk-bar .cc-menu-toggle,
body.drive-exact-live #ownerDash .desk-bar .cc-menu-toggle {
  display: none !important;
}
@media (max-width: 900px) {
  body.drive-exact-live #bizDash .desk-bar__menu-btn,
  body.drive-exact-live #ownerDash .desk-bar__menu-btn,
  body.drive-exact-live #bizDash .desk-bar .cc-menu-toggle,
  body.drive-exact-live #ownerDash .desk-bar .cc-menu-toggle {
    display: inline-flex !important;
  }
}

/* Notify — circular glass icon (kill liquid-glass rectangle styles) */
body.drive-exact-live #bizDash .desk-bar .dash-icon-btn,
body.drive-exact-live #bizDash .desk-bar .biz-notify__btn,
body.drive-exact-live #ownerDash .desk-bar .dash-icon-btn,
body.drive-exact-live #ownerDash .desk-bar .biz-notify__btn {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--accent) 32%, rgba(255, 255, 255, 0.12)) !important;
  color: color-mix(in srgb, var(--accent-2) 75%, #e2e8f0) !important;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--accent) 16%, transparent) 0%,
      rgba(255, 255, 255, 0.04) 100%
    ),
    rgba(8, 12, 20, 0.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 4px 14px color-mix(in srgb, var(--accent) 12%, transparent) !important;
  backdrop-filter: none !important;
  cursor: pointer !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-icon-btn:hover,
body.drive-exact-live #bizDash .desk-bar .dash-icon-btn--notify:hover,
body.drive-exact-live #ownerDash .desk-bar .dash-icon-btn:hover {
  color: #041018 !important;
  border-color: transparent !important;
  background: linear-gradient(145deg, var(--accent-2), var(--accent), var(--accent-deep)) !important;
  box-shadow:
    0 8px 22px var(--accent-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-icon-btn__svg,
body.drive-exact-live #ownerDash .desk-bar .dash-icon-btn__svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}
body.drive-exact-live #bizDash .desk-bar .biz-notify__badge {
  position: absolute !important;
  top: -3px !important;
  right: -3px !important;
}

/* Profile chip — lab dash-user (avatar · strong name · em role · chev) */
body.drive-exact-live #bizDash .desk-bar .desk-bar__profile,
body.drive-exact-live #bizDash .desk-bar .dash-user--btn,
body.drive-exact-live #ownerDash .desk-bar .desk-bar__profile,
body.drive-exact-live #ownerDash .desk-bar .dash-user--btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  max-width: none !important;
  min-height: 2.65rem !important;
  padding: 0.22rem 0.55rem 0.22rem 0.2rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 28%, rgba(255, 255, 255, 0.12)) !important;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--accent) 12%, transparent) 0%,
      rgba(255, 255, 255, 0.05) 100%
    ) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  color: var(--text, #f1f5f9) !important;
  font: inherit !important;
  cursor: pointer !important;
  text-align: left !important;
}
body.drive-exact-live #bizDash .desk-bar .desk-bar__profile:hover,
body.drive-exact-live #bizDash .desk-bar .desk-bar__profile[aria-expanded="true"],
body.drive-exact-live #ownerDash .desk-bar .desk-bar__profile:hover,
body.drive-exact-live #ownerDash .desk-bar .desk-bar__profile[aria-expanded="true"] {
  border-color: color-mix(in srgb, var(--accent) 50%, transparent) !important;
  box-shadow:
    0 0 14px color-mix(in srgb, var(--accent) 14%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-user-av,
body.drive-exact-live #ownerDash .desk-bar .dash-user-av {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
  color: #041018 !important;
  background: linear-gradient(145deg, var(--accent-2), var(--accent)) !important;
  background-size: cover !important;
  background-position: center !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-user-av.has-photo,
body.drive-exact-live #ownerDash .desk-bar .dash-user-av.has-photo {
  color: transparent !important;
  text-indent: -999px !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-user-meta,
body.drive-exact-live #ownerDash .desk-bar .dash-user-meta {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
  min-width: 0 !important;
  gap: 0.05rem !important;
  padding-right: 0.1rem !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-user-meta strong,
body.drive-exact-live #ownerDash .desk-bar .dash-user-meta strong {
  font-size: 0.85rem !important;
  font-weight: 750 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 10rem !important;
}
body.drive-exact-live #bizDash .desk-bar .dash-user-meta em,
body.drive-exact-live #ownerDash .desk-bar .dash-user-meta em {
  font-style: normal !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  color: var(--muted, #94a3b8) !important;
  white-space: nowrap !important;
}
body.drive-exact-live #bizDash .desk-bar .profile-pop__chev,
body.drive-exact-live #ownerDash .desk-bar .profile-pop__chev {
  font-size: 0.65rem !important;
  opacity: 0.65 !important;
  margin: 0 0.1rem 0 0 !important;
  flex-shrink: 0 !important;
}
/* Hide legacy role chip if still present */
body.drive-exact-live #bizDash .desk-bar .biz-profile__role,
body.drive-exact-live #bizDash .desk-bar .cc-chip.biz-profile__role {
  display: none !important;
}

@media (max-width: 640px) {
  body.drive-exact-live #bizDash .desk-bar.glass-card,
  body.drive-exact-live #ownerDash .desk-bar.glass-card {
    margin: 0.4rem 0.55rem 0 !important;
    flex-wrap: wrap !important;
    padding: 0.3rem 0.4rem !important;
  }
  body.drive-exact-live #bizDash .desk-bar__search,
  body.drive-exact-live #ownerDash .desk-bar__search {
    max-width: none !important;
    flex: 1 1 100% !important;
    order: 1 !important;
  }
  body.drive-exact-live #bizDash .desk-bar__actions,
  body.drive-exact-live #ownerDash .desk-bar__actions {
    order: 0 !important;
    margin-left: auto !important;
  }
  body.drive-exact-live #bizDash .desk-bar .dash-user-meta,
  body.drive-exact-live #ownerDash .desk-bar .dash-user-meta {
    display: none !important;
  }
}

/* Main body: ONE desk scroll — roomier padding so UI feels full-size */
body.drive-exact-live #bizDash .body.cc-body-area,
body.drive-exact-live #bizDash .cc-body-area.body,
body.drive-exact-live #ownerDash .body.cc-body-area,
body.drive-exact-live #ownerDash .cc-body-area.body,
body.drive-exact-live #ownerDash .cc-body-area {
  padding: 1.35rem 1.5rem 4rem !important;
  gap: 1.15rem !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  /* Themed inner scrollbar (page bar is hidden) */
  scrollbar-width: thin !important;
  scrollbar-color: color-mix(in srgb, var(--accent, #64748b) 50%, #475569)
    color-mix(in srgb, var(--accent, #64748b) 8%, rgba(8, 12, 20, 0.9)) !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
}
body.drive-exact-live #bizDash .body.cc-body-area::-webkit-scrollbar,
body.drive-exact-live #ownerDash .cc-body-area::-webkit-scrollbar {
  width: 11px !important;
  display: block !important;
  background: transparent !important;
}
body.drive-exact-live #bizDash .body.cc-body-area::-webkit-scrollbar-track,
body.drive-exact-live #ownerDash .cc-body-area::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--accent, #64748b) 6%, rgba(8, 12, 20, 0.85)) !important;
  border-radius: 999px !important;
  margin: 0.35rem 0 !important;
}
body.drive-exact-live #bizDash .body.cc-body-area::-webkit-scrollbar-thumb,
body.drive-exact-live #ownerDash .cc-body-area::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--accent-2, #94a3b8) 55%, #64748b),
    color-mix(in srgb, var(--accent, #64748b) 70%, #334155)
  ) !important;
  border-radius: 999px !important;
  border: 2px solid transparent !important;
  background-clip: padding-box !important;
}
body.drive-exact-live #bizDash .body.cc-body-area::-webkit-scrollbar-thumb:hover,
body.drive-exact-live #ownerDash .cc-body-area::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--accent, #64748b) 75%, #94a3b8) !important;
}
body.drive-exact-live.tips-off #bizDash .body.cc-body-area {
  padding-bottom: 2.5rem !important;
}
/* Fill main column so content can use full height */
body.drive-exact-live #bizDash .main.cc-main,
body.drive-exact-live #bizDash .cc-main.main,
body.drive-exact-live #ownerDash .main.cc-main,
body.drive-exact-live #ownerDash .cc-main.main {
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Hidden panels stay hidden */
body.drive-exact-live #bizDash [data-biz-panel][hidden],
body.drive-exact-live #bizDash .biz-app-panel[hidden] {
  display: none !important;
}
/* Bookings card pages only — never un-hide [hidden] views */
body.drive-exact-live.biz-lumina-page #bizDash .biz-bookings-forecast:not([hidden]),
body.drive-exact-live.biz-lumina-page #bizDash .biz-hours-view:not([hidden]),
body.drive-exact-live.biz-lumina-page #bizDash .biz-cals-view:not([hidden]),
body.drive-exact-live.biz-lumina-page #bizDash .biz-bookpage-view:not([hidden]) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}
body.drive-exact-live #bizDash .biz-bookings-forecast[hidden],
body.drive-exact-live #bizDash .biz-hours-view[hidden],
body.drive-exact-live #bizDash .biz-cals-view[hidden],
body.drive-exact-live #bizDash .biz-bookpage-view[hidden],
body.drive-exact-live #bizDash .biz-lumina-layout[hidden] {
  display: none !important;
}

/*
 * Lumina stage (Calendar etc.): full column, no scroll.
 * Lumina page (Bookings cards etc.): themed card pages, body may scroll.
 */
body.drive-exact-live.biz-app-full #bizDash .main.cc-main,
body.drive-exact-live.biz-app-full #bizDash .cc-main.main {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
body.drive-exact-live.biz-app-full #bizDash .desk-bar.glass-card {
  margin: 0.4rem 0.65rem 0 !important;
  flex-shrink: 0 !important;
}
/* Calendar stage */
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .body.cc-body-area,
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .cc-body-area.body {
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash [data-biz-panel="booking"],
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .biz-app-panel--booking {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .biz-lumina-layout {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .biz-lumina-cal {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .biz-lumina-cal .biz-app-frame {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-stage #bizDash .biz-lumina-side {
  display: none !important;
}
/* Bookings / Hours card pages */
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .body.cc-body-area,
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .cc-body-area.body {
  padding: 0.85rem 1rem 2.25rem !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block !important;
  height: auto !important;
  max-height: none !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash [data-biz-panel="booking"] {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .biz-bookings-forecast:not([hidden]),
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .biz-hours-view:not([hidden]),
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .biz-cals-view:not([hidden]),
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .biz-bookpage-view:not([hidden]) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  max-width: 44rem !important;
  margin: 0 auto !important;
}
body.drive-exact-live.biz-app-full.biz-lumina-page #bizDash .biz-bookings-forecast:not([hidden]) .biz-bookings-list {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
/* Booking cards + KPI tiles — same brand system */
body.drive-exact-live #bizDash .biz-booking-row {
  background: #121925 !important;
  color: #f1f5f9 !important;
  border-color: var(--desk-card-line) !important;
}
body.drive-exact-live #bizDash .biz-booking-row__title {
  color: #f8fafc !important;
}
body.drive-exact-live #bizDash .biz-booking-row__client {
  color: #e2e8f0 !important;
}
body.drive-exact-live #bizDash .biz-booking-row__meta {
  color: #94a3b8 !important;
}
body.drive-exact-live #bizDash .biz-booking-row__when {
  color: color-mix(in srgb, var(--sky, #38bdf8) 70%, #e2e8f0) !important;
}
body.drive-exact-live #bizDash .biz-bookings-forecast__kpis .cc-panel-card,
body.drive-exact-live #bizDash .biz-bookings-forecast__kpis .glass-card,
body.drive-exact-live #bizDash .biz-bookings-forecast__kpis .biz-lumina-card {
  background:
    linear-gradient(155deg, var(--desk-card-tint), transparent 70%),
    #141b28 !important;
  color: #f1f5f9 !important;
  border-color: var(--desk-card-line) !important;
}
body.drive-exact-live #bizDash .biz-bookings-forecast__kpis .muted {
  color: #94a3b8 !important;
}
body.drive-exact-live #bizDash .biz-bookings-forecast__kpis .biz-lumina-card__val {
  color: #f8fafc !important;
}
/* Reports 4-tile KPI strip */
body.drive-exact-live #bizDash .biz-reports-kpi {
  background:
    linear-gradient(155deg, var(--desk-card-tint), transparent 70%),
    #141b28 !important;
  color: #f1f5f9 !important;
  border-color: var(--desk-card-line) !important;
}
body.drive-exact-live #bizDash .biz-reports-kpi__value {
  color: #f8fafc !important;
}
body.drive-exact-live #bizDash .biz-reports-kpi__label,
body.drive-exact-live #bizDash .biz-reports-kpi__hint {
  color: #a8b4c4 !important;
}
body.drive-exact-live #bizDash #bizReportsList > li {
  color: #e2e8f0 !important;
}

/* Pay / contracts / team / reviews / settings extras */
body.drive-exact-live #bizDash .pay-kpi,
body.drive-exact-live #bizDash .q-saved-card,
body.drive-exact-live #bizDash .biz-staff-person,
body.drive-exact-live #bizDash .rev-card,
body.drive-exact-live #bizDash .file-card {
  border-radius: 14px !important;
  border: 1px solid var(--desk-card-line) !important;
  background:
    linear-gradient(155deg, var(--desk-card-tint), transparent 70%),
    var(--desk-card-bg) !important;
  color: #f1f5f9 !important;
}
body.drive-exact-live #bizDash .biz-staff-person strong {
  color: #f8fafc !important;
}
body.drive-exact-live #bizDash .biz-staff-person__email {
  color: #cbd5e1 !important;
}
body.drive-exact-live #bizDash .team-tool-row {
  color: #f1f5f9 !important;
}
body.drive-exact-live #bizDash .team-tool-row__label {
  color: #f1f5f9 !important;
}
body.drive-exact-live #bizDash [data-biz-panel="team"] .muted {
  color: #a8b4c4 !important;
}
body.drive-exact-live #bizDash #navBizTeam {
  color: var(--ink, var(--lg-text, #e8eef7)) !important;
}
body.drive-exact-live #bizDash #navBizTeam.is-active {
  color: #ffffff !important;
  font-weight: 750 !important;
}
/* Light desk: force readable nav ink (don't trust a leftover light --ink) */
body.drive-exact-live.theme-light #bizDash #navBizTeam:not(.is-active),
body.drive-exact-live.theme-light #bizDash .cc-rail__item:not(.is-active) {
  color: #3d2918 !important;
}
body.drive-exact-live.theme-light #bizDash #navBizTeam.is-active {
  color: #ffffff !important;
}
body.drive-exact-live #bizDash .pay-kpi__value,
body.drive-exact-live #bizDash .q-saved-card strong {
  color: #f8fafc !important;
}
body.drive-exact-live #bizDash .pay-kpi__label {
  color: var(--desk-card-muted) !important;
}
@media (max-width: 1100px) {
  body.drive-exact-live.biz-app-full #bizDash .biz-lumina-layout {
    grid-template-columns: minmax(0, 1fr) minmax(11rem, 13.5rem) !important;
  }
}
@media (max-width: 900px) {
  /* Phone: still page-flow height (no nested scroll stage) */
  body.drive-exact-live.biz-app-full #bizDash .biz-lumina-layout {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  body.drive-exact-live.biz-app-full #bizDash .biz-lumina-cal {
    min-height: 24rem !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
  }
  body.drive-exact-live.biz-app-full #bizDash .biz-lumina-cal .biz-app-frame {
    position: static !important;
    width: 100% !important;
    min-height: 24rem !important;
  }
  body.drive-exact-live.biz-app-full #bizDash .biz-lumina-side {
    display: none !important;
  }
  body.drive-exact-live.biz-app-full #bizDash .desk-bar.glass-card {
    margin: 0.3rem 0.4rem 0 !important;
  }
  body.drive-exact-live.biz-app-full #bizDash .body.cc-body-area,
  body.drive-exact-live.biz-app-full #bizDash .cc-body-area.body {
    padding: 0.55rem 0.65rem 2rem !important;
  }
}

/* No page-title banners anywhere (Drive comps) */
body.drive-exact-live #bizDash .cc-hero,
body.drive-exact-live #bizDash .cc-hero--compact,
body.drive-exact-live #bizDash [data-biz-panel] > .cc-hero,
body.drive-exact-live #ownerDash .cc-hero,
body.drive-exact-live #ownerDash .cc-hero--compact {
  display: none !important;
}

/* Studio main column scroll layout */
body.drive-exact-live #ownerDash .cc-main.admin-main,
body.drive-exact-live #ownerDash .cc-main.main {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Brand desk main column — same flex chain so Home / Team / etc. can scroll */
body.drive-exact-live.desk-open #bizDash .main.cc-main,
body.drive-exact-live.desk-open #bizDash .cc-main.main,
body.drive-exact-live #bizDash .main.cc-main,
body.drive-exact-live #bizDash .cc-main.main {
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Single desk page scroll for ALL panels (including Lumina) — no nested boxes */
body.drive-exact-live.desk-open #bizDash .body.cc-body-area,
body.drive-exact-live.desk-open #bizDash .cc-body-area.body,
body.drive-exact-live.biz-app-full #bizDash .body.cc-body-area,
body.drive-exact-live.biz-app-full #bizDash .cc-body-area.body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  scrollbar-width: thin !important;
}

/*
 * ========== Brand desk cards (every tab) ==========
 * Charcoal glass first + subtle site accent on edges/active only.
 * Brand accent still adjustable in Settings → Branding (theme_json).
 */
body.drive-exact-live #bizDash,
body.drive-exact-live #ownerDash {
  --desk-card-bg: #141820;
  --desk-card-bg-2: #10141c;
  --desk-card-text: #eef2f7;
  --desk-card-muted: #9aa6b5;
  --desk-card-line: color-mix(
    in srgb,
    var(--sky, var(--accent, var(--lg-accent, #6d8fb5))) 14%,
    rgba(148, 163, 184, 0.18)
  );
  --desk-card-tint: color-mix(
    in srgb,
    var(--sky, var(--accent, var(--lg-accent, #6d8fb5))) 7%,
    transparent
  );
  --desk-card-tint-soft: color-mix(
    in srgb,
    var(--sky, var(--accent, var(--lg-accent, #6d8fb5))) 4%,
    transparent
  );
  --font: "DM Sans", "Segoe UI", system-ui, sans-serif;
  --display: "Outfit", "DM Sans", system-ui, sans-serif;
  font-family: var(--font);
}

/* Light brands: paper cards + brown ink (must beat charcoal --desk-card-* above) */
body.drive-exact-live.theme-light #bizDash,
body.drive-exact-live.theme-light #ownerDash,
body.theme-light.drive-exact-live #bizDash,
body.theme-light.drive-exact-live #ownerDash {
  --desk-card-bg: var(--surface, #ffffff);
  --desk-card-bg-2: color-mix(in srgb, var(--bg, #fdf4f0) 55%, #ffffff);
  --desk-card-text: var(--ink, #4a2c1f);
  --desk-card-muted: var(--muted, #5c4033);
  --desk-card-line: var(--border, #e8c9b8);
  --desk-card-tint: color-mix(in srgb, var(--accent, #9c6b5e) 12%, transparent);
  --desk-card-tint-soft: color-mix(in srgb, var(--accent, #9c6b5e) 7%, transparent);
}

/* Typography — layout lab hierarchy on every tab (not flat boring UI) */
body.drive-exact-live #bizDash,
body.drive-exact-live #ownerDash {
  font-feature-settings: "ss01" on, "kern" on;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.drive-exact-live #bizDash h1,
body.drive-exact-live #bizDash h2,
body.drive-exact-live #bizDash h3,
body.drive-exact-live #bizDash h4,
body.drive-exact-live #bizDash .cc-hero h2,
body.drive-exact-live #bizDash .glass-card__value,
body.drive-exact-live #bizDash .lg-kpi__value,
body.drive-exact-live #bizDash .biz-lumina-card__val,
body.drive-exact-live #bizDash .biz-reports-kpi__value,
body.drive-exact-live #bizDash .pay-kpi__value,
body.drive-exact-live #bizDash .desk-bar__titles h1,
body.drive-exact-live #bizDash .desk-bar__titles #bizTopTitle,
body.drive-exact-live #bizDash .cc-rail__brand h1,
body.drive-exact-live #bizDash .person-card__name,
body.drive-exact-live #bizDash .feature-card h3,
body.drive-exact-live #ownerDash h1,
body.drive-exact-live #ownerDash h2,
body.drive-exact-live #ownerDash h3,
body.drive-exact-live #ownerDash h4 {
  font-family: var(--display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
  color: var(--desk-card-text, #eef2f7) !important;
}
body.drive-exact-live #bizDash .cc-panel-card h2,
body.drive-exact-live #bizDash .glass-card h2,
body.drive-exact-live #bizDash .glass-card h3,
body.drive-exact-live #bizDash .biz-expand-card__label,
body.drive-exact-live #bizDash .biz-hours-view__title,
body.drive-exact-live #bizDash .biz-bookings-forecast__title {
  font-family: var(--display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  font-size: clamp(1.05rem, 1.8vw, 1.2rem) !important;
}
body.drive-exact-live #bizDash .muted,
body.drive-exact-live #bizDash .muted.small,
body.drive-exact-live #bizDash .glass-card__hint,
body.drive-exact-live #bizDash .glass-card__label,
body.drive-exact-live #bizDash .lg-kpi__label,
body.drive-exact-live #bizDash .pay-kpi__label,
body.drive-exact-live #bizDash .biz-reports-kpi__label,
body.drive-exact-live #bizDash .biz-expand-card__hint,
body.drive-exact-live #bizDash .feature-card__body {
  font-family: var(--font) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  color: var(--desk-card-muted, #9aa6b5) !important;
}
body.drive-exact-live #bizDash .cc-btn,
body.drive-exact-live #bizDash .btn,
body.drive-exact-live #bizDash .cc-rail__item {
  font-family: var(--font) !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
}
body.drive-exact-live #bizDash .cc-rail__item.is-active {
  font-weight: 750 !important;
}
body.drive-exact-live #bizDash label,
body.drive-exact-live #bizDash .biz-form-grid label {
  font-family: var(--font) !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em;
  font-size: 0.84rem !important;
  color: #c8d0db !important;
}
body.drive-exact-live #bizDash input,
body.drive-exact-live #bizDash select,
body.drive-exact-live #bizDash textarea,
body.drive-exact-live #bizDash .cc-input {
  font-family: var(--font) !important;
  font-weight: 500 !important;
}

/* Core cards — charcoal first, whisper of brand tint */
body.drive-exact-live #bizDash .cc-panel-card,
body.drive-exact-live #bizDash .glass-card,
body.drive-exact-live #bizDash .feature-card,
body.drive-exact-live #bizDash .card:not(.admin-login-gate):not(#bizGate),
body.drive-exact-live #bizDash .cc-tile,
body.drive-exact-live #bizDash .q-saved-card,
body.drive-exact-live #bizDash .pay-invoice-card,
body.drive-exact-live #bizDash .biz-expand-card,
body.drive-exact-live #bizDash .biz-cal-card,
body.drive-exact-live #bizDash .biz-gal-card,
body.drive-exact-live #bizDash .biz-hours-snapshot,
body.drive-exact-live #bizDash .biz-reports-kpi,
body.drive-exact-live #bizDash .pay-kpi,
body.drive-exact-live #bizDash .biz-staff-person,
body.drive-exact-live #bizDash .biz-booking-row,
body.drive-exact-live #ownerDash .cc-panel-card,
body.drive-exact-live #ownerDash .cc-tile,
body.drive-exact-live #ownerDash .admin-panel .card,
body.drive-exact-live #ownerDash .admin-dash-card {
  border-radius: 14px !important;
  border: 1px solid var(--desk-card-line) !important;
  background:
    linear-gradient(155deg, var(--desk-card-tint) 0%, transparent 65%),
    var(--desk-card-bg) !important;
  color: var(--desk-card-text) !important;
  /* No backdrop-filter — solid desk cards (deskPerf1) */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.36),
    0 0 0 1px color-mix(in srgb, var(--sky, var(--accent, #6d8fb5)) 4%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  /* Keep content inside card borders (long emails, URLs, titles) */
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-wrap: break-word !important;
}

/*
 * Desk-wide text containment — nothing should spill past card edges.
 * Flex/grid children need min-width:0 so ellipsis/wrapping can work.
 */
body.drive-exact-live #bizDash [data-biz-panel],
body.drive-exact-live #bizDash .cc-body-area,
body.drive-exact-live #bizDash .dash,
body.drive-exact-live #ownerDash .cc-body-area {
  min-width: 0;
  max-width: 100%;
}
body.drive-exact-live #bizDash .cc-panel-card,
body.drive-exact-live #bizDash .glass-card,
body.drive-exact-live #bizDash .feature-card,
body.drive-exact-live #bizDash .person-card,
body.drive-exact-live #bizDash .biz-crm-act-card,
body.drive-exact-live #bizDash .biz-expand-card,
body.drive-exact-live #bizDash .biz-staff-person,
body.drive-exact-live #bizDash .biz-reports-kpi,
body.drive-exact-live #bizDash .pay-kpi,
body.drive-exact-live #bizDash .q-saved-card,
body.drive-exact-live #bizDash .pay-invoice-card,
body.drive-exact-live #bizDash .biz-gal-card,
body.drive-exact-live #bizDash .biz-cal-card,
body.drive-exact-live #bizDash .msg-thread-card,
body.drive-exact-live #ownerDash .cc-panel-card {
  overflow-x: hidden !important;
}
body.drive-exact-live #bizDash .cc-panel-card h1,
body.drive-exact-live #bizDash .cc-panel-card h2,
body.drive-exact-live #bizDash .cc-panel-card h3,
body.drive-exact-live #bizDash .cc-panel-card p,
body.drive-exact-live #bizDash .cc-panel-card .muted,
body.drive-exact-live #bizDash .cc-panel-card li,
body.drive-exact-live #bizDash .glass-card h1,
body.drive-exact-live #bizDash .glass-card h2,
body.drive-exact-live #bizDash .glass-card h3,
body.drive-exact-live #bizDash .glass-card p,
body.drive-exact-live #bizDash .glass-card__label,
body.drive-exact-live #bizDash .glass-card__value,
body.drive-exact-live #bizDash .glass-card__hint,
body.drive-exact-live #bizDash .feature-card h3,
body.drive-exact-live #bizDash .feature-card__body,
body.drive-exact-live #bizDash .person-card__name,
body.drive-exact-live #bizDash .person-card__meta,
body.drive-exact-live #bizDash .person-card__email,
body.drive-exact-live #bizDash .biz-crm-act-card,
body.drive-exact-live #bizDash .biz-staff-person,
body.drive-exact-live #bizDash .biz-reports-kpi__value,
body.drive-exact-live #bizDash .biz-reports-kpi__label,
body.drive-exact-live #bizDash .pay-kpi__value,
body.drive-exact-live #bizDash .pay-kpi__label,
body.drive-exact-live #bizDash .lg-kpi__value,
body.drive-exact-live #bizDash .lg-kpi__label,
body.drive-exact-live #bizDash a:not(.cc-btn):not(.btn),
body.drive-exact-live #ownerDash .cc-panel-card h1,
body.drive-exact-live #ownerDash .cc-panel-card h2,
body.drive-exact-live #ownerDash .cc-panel-card h3,
body.drive-exact-live #ownerDash .cc-panel-card p {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}
/* Single-line titles / KPIs: ellipsis instead of overflowing borders */
body.drive-exact-live #bizDash .glass-card__value,
body.drive-exact-live #bizDash .lg-kpi__value,
body.drive-exact-live #bizDash .biz-reports-kpi__value,
body.drive-exact-live #bizDash .pay-kpi__value,
body.drive-exact-live #bizDash .feature-card h3,
body.drive-exact-live #bizDash .person-card:not(.is-expanded) .person-card__name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* People grid: expand must never stretch siblings (reinforce lab CSS) */
body.drive-exact-live #bizDash .people-grid {
  align-items: start !important;
  grid-auto-rows: auto !important;
  justify-items: stretch !important;
}
body.drive-exact-live #bizDash .people-grid__item {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100% !important;
}
body.drive-exact-live #bizDash .people-grid__item:not(.is-expanded) .person-card {
  height: 6.75rem !important;
  max-height: 6.75rem !important;
  min-height: 6.75rem !important;
}
body.drive-exact-live #bizDash .people-grid__item.is-expanded {
  grid-column: 1 / -1 !important;
  align-self: stretch !important;
}
body.drive-exact-live #bizDash .people-grid__item.is-expanded .person-card {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}
/* Tips box: text + checkmarks stay inside the bordered panel */
body.drive-exact-live #bizDash .person-card__expand-col--tips {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 0.75rem 0.85rem !important;
}
body.drive-exact-live #bizDash .person-card__tip-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
body.drive-exact-live #bizDash .person-card__tip-list li {
  display: grid !important;
  grid-template-columns: 1rem minmax(0, 1fr) !important;
  column-gap: 0.45rem !important;
  align-items: start !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
  text-overflow: unset !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.drive-exact-live #bizDash .person-card__tip-list li::before {
  position: static !important;
  content: "✓";
  display: block !important;
  width: 1rem !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

/* Card text hierarchy */
body.drive-exact-live #bizDash .cc-panel-card h1,
body.drive-exact-live #bizDash .cc-panel-card h2,
body.drive-exact-live #bizDash .cc-panel-card h3,
body.drive-exact-live #bizDash .glass-card h1,
body.drive-exact-live #bizDash .glass-card h2,
body.drive-exact-live #bizDash .glass-card h3,
body.drive-exact-live #bizDash .feature-card h3,
body.drive-exact-live #bizDash .cc-hero h2,
body.drive-exact-live #bizDash .glass-card__value,
body.drive-exact-live #bizDash .lg-kpi__value {
  color: var(--desk-card-text, #f8fafc) !important;
}
body.drive-exact-live #bizDash .cc-panel-card .muted,
body.drive-exact-live #bizDash .glass-card .muted,
body.drive-exact-live #bizDash .glass-card__hint,
body.drive-exact-live #bizDash .glass-card__label,
body.drive-exact-live #bizDash .lg-kpi__label,
body.drive-exact-live #bizDash .feature-card__body,
body.drive-exact-live #bizDash .cc-hero .muted {
  color: var(--desk-card-muted) !important;
}

/* List rows inside CRM / forms / messages — same brand glass
   Skip people-grid li (person-card paints itself) and activity li (biz-crm-act-card paints) */
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmPeopleList:not(.people-grid) > li,
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmCompaniesList > li,
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmTasksList > li,
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmPipelineBoard > *,
body.drive-exact-live #bizDash .cc-checklist li {
  border-radius: 12px !important;
  border: 1px solid var(--desk-card-line) !important;
  background:
    linear-gradient(145deg, var(--desk-card-tint-soft), transparent 70%),
    var(--desk-card-bg-2) !important;
  color: var(--desk-card-text) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2) !important;
}
/* Messages thread cards paint themselves — do not double-chrome the <li> */
body.drive-exact-live #bizDash #bizMsgThreadList > li,
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmPeopleList.people-grid > li,
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmActivityList > li,
body.drive-exact-live #bizDash [data-biz-panel="crm"] #bizCrmFollowList > li {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Forms / settings / shop inputs on dark brand cards */
body.drive-exact-live #bizDash .cc-input,
body.drive-exact-live #bizDash input.cc-input,
body.drive-exact-live #bizDash select.cc-input,
body.drive-exact-live #bizDash textarea.cc-input,
body.drive-exact-live #bizDash [data-biz-panel] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="color"]),
body.drive-exact-live #bizDash [data-biz-panel] select,
body.drive-exact-live #bizDash [data-biz-panel] textarea {
  background: #0b1220 !important;
  color: #f8fafc !important;
  border: 1px solid color-mix(in srgb, var(--sky, var(--accent, #38bdf8)) 22%, rgba(148, 163, 184, 0.28)) !important;
  border-radius: 10px !important;
  color-scheme: dark !important;
}
body.drive-exact-live #bizDash [data-biz-panel] input::placeholder,
body.drive-exact-live #bizDash [data-biz-panel] textarea::placeholder {
  color: #64748b !important;
}
body.drive-exact-live #bizDash [data-biz-panel] label,
body.drive-exact-live #bizDash [data-biz-panel] .muted.small {
  color: var(--desk-card-muted) !important;
}

/* Glass KPI icons stay brand gradient */
body.drive-exact-live #bizDash .glass-card__icon,
body.drive-exact-live #bizDash .lg-kpi__ico,
body.drive-exact-live #bizDash .feature-card__icon:not(.feature-card__icon--lumina) {
  background: linear-gradient(
    145deg,
    var(--sky3, var(--accent-2, #7dd3fc)),
    var(--sky, var(--accent, #38bdf8))
  ) !important;
  color: #041018 !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--sky, var(--accent, #38bdf8)) 35%, transparent) !important;
}
/* Lumina uses full Apple app icon PNG — no gradient plate behind it */
body.drive-exact-live #bizDash .feature-card__icon--lumina,
body.drive-exact-live #bizDash .cc-rail__ico--lumina {
  background: transparent !important;
  box-shadow: 0 6px 18px rgba(40, 16, 90, 0.4) !important;
  color: transparent !important;
}

/* Desk-bar stays brand glass strip */
body.drive-exact-live #bizDash .desk-bar.glass-card {
  border-color: var(--desk-card-line) !important;
}

/* Primary buttons → lab gradient pills */
body.drive-exact-live #bizDash .cc-btn:not(.cc-btn--ghost):not(.cc-menu-toggle),
body.drive-exact-live #bizDash .btn:not(.ghost):not(.secondary):not(.danger),
body.drive-exact-live #ownerDash .cc-btn:not(.cc-btn--ghost):not(.cc-menu-toggle),
body.drive-exact-live #ownerDash .btn:not(.ghost):not(.secondary):not(.danger) {
  border: 0 !important;
  border-radius: var(--radius-pill) !important;
  background: linear-gradient(145deg, #fff 0%, var(--accent-2) 35%, var(--accent) 70%, var(--accent-deep) 100%) !important;
  color: #041018 !important;
  font-weight: 700 !important;
  box-shadow:
    0 8px 22px var(--accent-glow),
    inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
}
body.drive-exact-live #bizDash .cc-btn--ghost,
body.drive-exact-live #bizDash .btn.ghost,
body.drive-exact-live #ownerDash .cc-btn--ghost,
body.drive-exact-live #ownerDash .btn.ghost {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Screen-reader only (desk-bar email hooks) */
body.drive-exact-live .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Studio credit line */
body.drive-exact-live #ownerDash .cc-rail__credit {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.12rem !important;
  margin: 0.65rem 0.55rem 0.35rem !important;
  padding: 0.55rem 0.65rem !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, rgba(255, 255, 255, 0.1)) !important;
  background: color-mix(in srgb, var(--accent) 8%, rgba(255, 255, 255, 0.04)) !important;
  pointer-events: none;
}

/* Floating tip: viewport-fixed so full-bleed desk does not clip or squash it.
   z-index must sit ABOVE desk content (~10–200) and BELOW mobile nav drawer
   (10060+) so × / settings / arrows remain tappable on phones. */
body.drive-exact-live #bizDash .biz-glass-tip,
body.drive-exact-live #ownerDash .biz-glass-tip {
  position: fixed !important;
  right: max(1rem, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
  bottom: max(1rem, env(safe-area-inset-bottom, 0px)) !important;
  z-index: 10050 !important;
  width: min(20.5rem, calc(100vw - 1.5rem)) !important;
  max-width: min(20.5rem, calc(100vw - 1.5rem)) !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}
body.drive-exact-live #bizDash .biz-glass-tip__panel,
body.drive-exact-live #ownerDash .biz-glass-tip__panel {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: min(52dvh, 26rem) !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.drive-exact-live #bizDash .biz-glass-tip__close,
body.drive-exact-live #ownerDash .biz-glass-tip__close,
body.drive-exact-live #bizDash .biz-glass-tip__settings,
body.drive-exact-live #ownerDash .biz-glass-tip__settings,
body.drive-exact-live #bizDash .biz-glass-tip__arrow,
body.drive-exact-live #ownerDash .biz-glass-tip__arrow {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  position: relative !important;
  z-index: 2 !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
}
body.drive-exact-live #bizDash .biz-glass-tip__list,
body.drive-exact-live #ownerDash .biz-glass-tip__list {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body.drive-exact-live #bizDash .biz-glass-tip__list li,
body.drive-exact-live #ownerDash .biz-glass-tip__list li {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.drive-exact-live #bizDash .biz-glass-tip__list li::before,
body.drive-exact-live #ownerDash .biz-glass-tip__list li::before {
  top: 0.5rem !important;
  transform: none !important;
}
body.drive-exact-live #bizDash .biz-glass-tip-reopen,
body.drive-exact-live #ownerDash .biz-glass-tip-reopen {
  position: fixed !important;
  right: max(0.85rem, env(safe-area-inset-right, 0px)) !important;
  bottom: max(0.85rem, env(safe-area-inset-bottom, 0px)) !important;
  z-index: 10050 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

/* Profile pop + credit (from earlier) */
body.drive-exact-live .profile-pop { position: relative; }
body.drive-exact-live .profile-pop__menu[hidden] { display: none !important; }
body.drive-exact-live .profile-pop__menu {
  position: absolute;
  top: calc(100% + 0.45rem);
  right: 0;
  width: min(16.5rem, calc(100vw - 2.5rem));
  z-index: 10070;
  border-radius: 16px;
  border: 1px solid var(--line-strong, rgba(148, 163, 184, 0.35));
  background:
    linear-gradient(160deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%),
    rgba(12, 18, 30, 0.97);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  padding: 0.4rem;
  color: #e2e8f0;
}
body.drive-exact-live .profile-pop__who {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  padding: 0.6rem 0.65rem 0.7rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid var(--line, rgba(148, 163, 184, 0.25));
}
body.drive-exact-live .profile-pop__who strong {
  color: #f8fafc;
  display: block;
}
body.drive-exact-live .profile-pop__who .muted,
body.drive-exact-live .profile-pop__who p {
  color: #94a3b8 !important;
}
body.drive-exact-live .profile-pop__label {
  margin: 0.45rem 0.55rem 0.2rem;
  font-size: 0.65rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #94a3b8;
}
body.drive-exact-live .profile-pop__item {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: #f1f5f9;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  padding: 0.52rem 0.7rem;
  border-radius: 10px;
  cursor: pointer;
}
body.drive-exact-live .profile-pop__item:hover {
  background: color-mix(in srgb, var(--accent, #38bdf8) 22%, rgba(255, 255, 255, 0.08));
  color: #fff;
}
body.drive-exact-live .profile-pop__item--muted { color: #94a3b8; font-weight: 500; }
body.drive-exact-live .profile-pop__hr {
  border: 0;
  border-top: 1px solid rgba(148, 163, 184, 0.28);
  margin: 0.3rem 0.4rem;
}
body.drive-exact-live .profile-pop__chev {
  font-size: 0.65rem;
  opacity: 0.65;
  margin-left: 0.15rem;
}

/* CNC / light brand desks: profile menu was dark panel + dark theme text (unreadable) */
body.theme-light.drive-exact-live .profile-pop__menu,
body.drive-exact-live.theme-light .profile-pop__menu {
  background:
    linear-gradient(160deg, #ffffff 0%, #f1f5f9 100%) !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), inset 0 1px 0 #fff !important;
  color: #0f172a !important;
}
body.theme-light.drive-exact-live .profile-pop__who,
body.drive-exact-live.theme-light .profile-pop__who {
  border-bottom-color: #e2e8f0 !important;
}
body.theme-light.drive-exact-live .profile-pop__who strong,
body.drive-exact-live.theme-light .profile-pop__who strong {
  color: #0f172a !important;
}
body.theme-light.drive-exact-live .profile-pop__who .muted,
body.theme-light.drive-exact-live .profile-pop__who p,
body.drive-exact-live.theme-light .profile-pop__who .muted,
body.drive-exact-live.theme-light .profile-pop__who p {
  color: #64748b !important;
}
body.theme-light.drive-exact-live .profile-pop__label,
body.drive-exact-live.theme-light .profile-pop__label {
  color: #64748b !important;
}
body.theme-light.drive-exact-live .profile-pop__item,
body.drive-exact-live.theme-light .profile-pop__item {
  color: #0f172a !important;
}
body.theme-light.drive-exact-live .profile-pop__item:hover,
body.drive-exact-live.theme-light .profile-pop__item:hover {
  background: color-mix(in srgb, var(--accent, #64748b) 14%, #e2e8f0) !important;
  color: #0f172a !important;
}
body.theme-light.drive-exact-live .profile-pop__item--muted,
body.drive-exact-live.theme-light .profile-pop__item--muted {
  color: #64748b !important;
}
body.theme-light.drive-exact-live .profile-pop__hr,
body.drive-exact-live.theme-light .profile-pop__hr {
  border-top-color: #e2e8f0 !important;
}

/* Light desk: profile chip text must not stay forced white */
body.theme-light.drive-exact-live #bizDash .desk-bar .desk-bar__profile,
body.theme-light.drive-exact-live #bizDash .desk-bar .dash-user--btn,
body.drive-exact-live.theme-light #bizDash .desk-bar .desk-bar__profile,
body.drive-exact-live.theme-light #bizDash .desk-bar .dash-user--btn {
  color: #0f172a !important;
  border-color: color-mix(in srgb, var(--accent, #64748b) 32%, #cbd5e1) !important;
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--accent, #64748b) 10%, #fff) 0%,
      #f8fafc 100%
    ) !important;
  box-shadow: inset 0 1px 0 #fff !important;
}
body.theme-light.drive-exact-live #bizDash .desk-bar .dash-user-meta strong,
body.drive-exact-live.theme-light #bizDash .desk-bar .dash-user-meta strong {
  color: #0f172a !important;
}
body.theme-light.drive-exact-live #bizDash .desk-bar .dash-user-meta em,
body.drive-exact-live.theme-light #bizDash .desk-bar .dash-user-meta em {
  color: #64748b !important;
}
body.theme-light.drive-exact-live #bizDash .desk-bar .profile-pop__chev,
body.drive-exact-live.theme-light #bizDash .desk-bar .profile-pop__chev {
  color: #475569 !important;
  opacity: 0.9 !important;
}

body.drive-exact-live #bizDash .cc-rail__credit {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.12rem !important;
  margin: 0.65rem 0.55rem 0.35rem !important;
  padding: 0.55rem 0.65rem !important;
  border-radius: 12px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 22%, rgba(255, 255, 255, 0.1)) !important;
  background: color-mix(in srgb, var(--accent) 8%, rgba(255, 255, 255, 0.04)) !important;
  pointer-events: none;
}
body.drive-exact-live #bizDash .cc-rail__credit-ver {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: color-mix(in srgb, var(--accent-2) 70%, #fff) !important;
}
body.drive-exact-live #bizDash .cc-rail__credit-line {
  font-size: 0.68rem !important;
  color: var(--muted) !important;
  line-height: 1.35 !important;
}

/* Home dash KPIs already use glass-card from lab CSS */
body.drive-exact-live #bizDash .dash {
  width: 100%;
}

/* People grid lists shouldn't use checklist bullets */
body.drive-exact-live #bizDash .people-grid {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Lumina Apple app icon — larger product mark on desk */
body.drive-exact-live #bizDash .lumina-app-icon,
body.drive-exact-live #bizDash .cc-rail__ico--lumina,
body.drive-exact-live #bizDash .feature-card__icon--lumina {
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
  overflow: visible !important;
}
body.drive-exact-live #bizDash .cc-rail__ico--lumina {
  width: 1.7rem !important;
  height: 1.7rem !important;
  min-width: 1.7rem !important;
  border-radius: 0.45rem !important;
}
body.drive-exact-live #bizDash .feature-card__icon--lumina {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  border-radius: 0.65rem !important;
  font-size: 0 !important;
}
body.drive-exact-live #bizDash .lumina-app-icon img,
body.drive-exact-live #bizDash .cc-rail__ico--lumina img,
body.drive-exact-live #bizDash .feature-card__icon--lumina img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
  filter: none !important;
}
body.drive-exact-live #bizDash .lumina-app-icon--sm { width: 40px !important; height: 40px !important; }
body.drive-exact-live #bizDash .lumina-app-icon--md { width: 52px !important; height: 52px !important; }
body.drive-exact-live #bizDash .lumina-app-icon--lg { width: 88px !important; height: 88px !important; }

/* Neutralize liquid-glass milky card overrides fighting lab glass */
body.drive-exact-live.lg-desk #bizDash .glass-card,
body.drive-exact-live.lg-desk #bizDash .feature-card,
body.drive-exact-live.lg-desk #bizDash .person-card {
  /* lab CSS owns these */
}

/* Module-off rail items stay hidden */
body.drive-exact-live #bizDash .cc-rail__item.is-module-off[hidden],
body.drive-exact-live #bizDash .cc-rail__group.is-module-off[hidden],
body.drive-exact-live #bizDash .cc-rail__group[hidden] {
  display: none !important;
}

@media (max-width: 900px) {
  /*
   * Mobile drawer (all desks): drive-exact previously forced position:relative on
   * the rail, which killed the off-canvas menu. Menu button then appeared dead and
   * the only reachable control was profile → Settings.
   */
  body.drive-exact-live #bizDash.shell,
  body.drive-exact-live #ownerDash.shell,
  body.drive-exact-live #ownerDash.admin-shell,
  body.drive-exact-live #ownerDash.biz-shell {
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(0, 1fr) !important;
    border-radius: 12px !important;
  }

  body.drive-exact-live #bizDash .rail.cc-rail,
  body.drive-exact-live #bizDash .cc-rail.rail,
  body.drive-exact-live #bizDash #bizRail,
  body.drive-exact-live #ownerDash .rail.cc-rail,
  body.drive-exact-live #ownerDash .cc-rail.rail,
  body.drive-exact-live #ownerDash .cc-rail.admin-nav,
  body.drive-exact-live #ownerDash #adminNavDrawer,
  body.drive-exact-live .cc-rail {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: min(300px, 86vw) !important;
    min-width: min(300px, 86vw) !important;
    max-width: min(300px, 86vw) !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    z-index: 10060 !important;
    transform: translate3d(-105%, 0, 0) !important;
    transition: transform 0.2s ease !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    pointer-events: auto !important;
    visibility: visible !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) !important;
  }

  body.drive-exact-live.cc-nav-open #bizDash .rail.cc-rail,
  body.drive-exact-live.cc-nav-open #bizDash #bizRail,
  body.drive-exact-live.is-mobile-nav-open #bizDash .rail.cc-rail,
  body.drive-exact-live.is-mobile-nav-open #bizDash #bizRail,
  body.drive-exact-live #bizDash .rail.cc-rail.is-open,
  body.drive-exact-live #bizDash #bizRail.is-open,
  body.drive-exact-live.admin-nav-open #ownerDash .rail.cc-rail,
  body.drive-exact-live.admin-nav-open #ownerDash .cc-rail,
  body.drive-exact-live.admin-nav-open #ownerDash #adminNavDrawer,
  body.drive-exact-live.cc-nav-open #ownerDash .rail.cc-rail,
  body.drive-exact-live.cc-nav-open #ownerDash .cc-rail,
  body.drive-exact-live.is-mobile-nav-open #ownerDash .cc-rail,
  body.drive-exact-live #ownerDash .cc-rail.is-open,
  body.drive-exact-live #ownerDash #adminNavDrawer.is-open,
  body.drive-exact-live.cc-nav-open .cc-rail,
  body.drive-exact-live.admin-nav-open .cc-rail,
  body.drive-exact-live.is-mobile-nav-open .cc-rail,
  body.drive-exact-live .cc-rail.is-open {
    transform: translate3d(0, 0, 0) !important;
    pointer-events: auto !important;
    visibility: visible !important;
    z-index: 10060 !important;
  }

  body.drive-exact-live #bizDash .cc-rail__item,
  body.drive-exact-live #bizDash .cc-rail a,
  body.drive-exact-live #bizDash .cc-rail button,
  body.drive-exact-live #ownerDash .cc-rail__item,
  body.drive-exact-live #ownerDash .cc-rail a,
  body.drive-exact-live #ownerDash .cc-rail button {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    min-height: 48px !important;
    position: relative !important;
    z-index: 10061 !important;
  }

  /* Menu button always visible + tappable on phone */
  body.drive-exact-live #bizDash .desk-bar__menu-btn,
  body.drive-exact-live #ownerDash .desk-bar__menu-btn,
  body.drive-exact-live #bizDash .desk-bar .cc-menu-toggle,
  body.drive-exact-live #ownerDash .desk-bar .cc-menu-toggle,
  body.drive-exact-live #bizNavToggle,
  body.drive-exact-live #adminNavToggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    min-height: 48px !important;
    z-index: 10070 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    visibility: visible !important;
    opacity: 1 !important;
    order: -1 !important; /* first in actions cluster — left of profile */
  }

  /* Backdrop only when drawer open — dim content to the right of rail */
  body.drive-exact-live.cc-nav-open #bizNavBackdrop:not([hidden]),
  body.drive-exact-live.is-mobile-nav-open #bizNavBackdrop:not([hidden]),
  body.drive-exact-live.admin-nav-open #adminNavBackdrop:not([hidden]),
  body.drive-exact-live.admin-nav-open .cc-backdrop:not([hidden]),
  body.drive-exact-live.cc-nav-open .cc-backdrop:not([hidden]),
  body.drive-exact-live.is-mobile-nav-open .cc-backdrop:not([hidden]) {
    display: block !important;
    pointer-events: auto !important;
    visibility: visible !important;
    z-index: 10040 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: min(300px, 86vw) !important;
    width: auto !important;
    inset: auto 0 0 min(300px, 86vw) !important;
  }

  /*
   * When drawer is open, desk-bar (Menu · notify · profile) must sit ABOVE the
   * dim backdrop. Backdrop used to cover the top-right actions so Menu could not
   * close and notify looked dead.
   */
  body.drive-exact-live.cc-nav-open #bizDash .desk-bar.glass-card,
  body.drive-exact-live.is-mobile-nav-open #bizDash .desk-bar.glass-card,
  body.drive-exact-live.admin-nav-open #ownerDash .desk-bar.glass-card,
  body.drive-exact-live.is-mobile-nav-open #ownerDash .desk-bar.glass-card,
  body.drive-exact-live.admin-nav-open #ownerDash .cc-top.admin-topbar.desk-bar {
    z-index: 10065 !important;
    overflow: visible !important;
  }

  /* Notify + profile menus: fixed viewport so parents never clip them */
  body.drive-exact-live .biz-notify.is-open .biz-notify__panel:not([hidden]),
  body.drive-exact-live #bizNotifyPanel:not([hidden]),
  body.drive-exact-live #adminNotifyPanel:not([hidden]) {
    position: fixed !important;
    top: max(3.75rem, calc(env(safe-area-inset-top, 0px) + 3.25rem)) !important;
    right: max(0.5rem, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    width: min(20.5rem, calc(100vw - 1rem)) !important;
    max-height: min(70dvh, 24rem) !important;
    z-index: 10075 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    display: flex !important;
    flex-direction: column !important;
  }
  body.drive-exact-live .biz-notify,
  body.drive-exact-live #bizNotifyWrap,
  body.drive-exact-live #adminNotifyWrap {
    overflow: visible !important;
  }
  body.drive-exact-live .profile-pop__menu:not([hidden]) {
    position: fixed !important;
    top: max(3.75rem, calc(env(safe-area-inset-top, 0px) + 3.25rem)) !important;
    right: max(0.5rem, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    z-index: 10075 !important;
    pointer-events: auto !important;
  }
  body.drive-exact-live #bizDash .cc-main,
  body.drive-exact-live #ownerDash .cc-main,
  body.drive-exact-live #bizDash .cc-body-area,
  body.drive-exact-live #ownerDash .cc-body-area {
    /* fixed drawer + fixed notify must not be trapped by main paint */
    transform: none !important;
    filter: none !important;
    perspective: none !important;
  }

  body.drive-exact-live.biz-app-full .float-stage,
  body.drive-exact-live.biz-app-full .biz-float-stage {
    padding: 0.3rem 0.35rem 0.4rem !important;
  }
}

/* ========== Light brand desk (KJ / Mikiki / Capitol) ==========
 * drive-exact charcoal stage must NOT win over theme-light.
 * After login, desk-open was painting #06080d and dark glass cards.
 */
body.drive-exact-live.theme-light,
body.theme-light.drive-exact-live {
  --void: var(--bg, #fdf4f0);
  --void-2: color-mix(in srgb, var(--bg, #fdf4f0) 88%, #ffffff);
  --glass: color-mix(in srgb, var(--surface, #ffffff) 82%, transparent);
  --glass-2: color-mix(in srgb, var(--surface, #ffffff) 90%, transparent);
  --glass-3: #ffffff;
  --line: var(--border, #e8c9b8);
  --line-strong: color-mix(in srgb, var(--accent, #9c6b5e) 35%, var(--border, #e8c9b8));
  --text: var(--ink, var(--heading, #4a2c1f));
  --muted: var(--cc-muted, #5c4033);
  --desk-card-bg: var(--surface, #ffffff);
  --desk-card-text: var(--ink, #4a2c1f);
  --desk-card-tint: color-mix(in srgb, var(--accent, #9c6b5e) 10%, transparent);
  --desk-card-line: var(--border, #e8c9b8);
  color: var(--text) !important;
}

body.drive-exact-live.theme-light.desk-open,
body.drive-exact-live.theme-light:has(#bizDash:not(.hidden):not([hidden])),
body.drive-exact-live.theme-light:has(#ownerDash:not(.hidden):not([hidden])),
body.drive-exact-live.theme-light.admin-app-full,
body.drive-exact-live.theme-light[data-it-session="1"],
body.theme-light.drive-exact-live.desk-open,
body.theme-light.drive-exact-live:has(#bizDash:not(.hidden):not([hidden])),
body.theme-light.drive-exact-live:has(#ownerDash:not(.hidden):not([hidden])) {
  background-color: var(--bg, #fdf4f0) !important;
  background-image:
    radial-gradient(ellipse 90% 60% at 6% -8%, color-mix(in srgb, var(--accent, #9c6b5e) 18%, transparent), transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 0%, color-mix(in srgb, var(--accent-2, #b88476) 12%, transparent), transparent 50%),
    radial-gradient(ellipse 60% 45% at 80% 100%, color-mix(in srgb, var(--accent, #9c6b5e) 10%, transparent), transparent 55%),
    linear-gradient(
      168deg,
      color-mix(in srgb, var(--bg, #fdf4f0) 92%, #ffffff) 0%,
      var(--bg, #fdf4f0) 42%,
      color-mix(in srgb, var(--accent, #9c6b5e) 8%, var(--bg, #f5e6df)) 100%
    ) !important;
  color: var(--ink, #4a2c1f) !important;
}

body.drive-exact-live.theme-light #bizDash .rail.cc-rail,
body.drive-exact-live.theme-light #bizDash .cc-rail.rail,
body.drive-exact-live.theme-light #ownerDash .rail.cc-rail,
body.drive-exact-live.theme-light #ownerDash .cc-rail.rail,
body.drive-exact-live.theme-light #ownerDash .cc-rail.admin-nav {
  background: var(--cc-rail, #ffffff) !important;
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--accent, #9c6b5e) 10%, var(--cc-rail, #ffffff)) 0%,
      var(--cc-rail, #ffffff) 100%
    ) !important;
  border-color: var(--border, #e8c9b8) !important;
  color: var(--ink, #4a2c1f) !important;
}

body.drive-exact-live.theme-light #bizDash .cc-rail__item,
body.drive-exact-live.theme-light #ownerDash .cc-rail__item,
body.drive-exact-live.theme-light #bizDash .cc-rail__brand h1,
body.drive-exact-live.theme-light #bizDash .cc-rail__brand p,
body.drive-exact-live.theme-light #bizDash .cc-rail__sec,
body.drive-exact-live.theme-light #bizDash .cc-rail__hint,
body.drive-exact-live.theme-light #bizDash .cc-rail__credit,
body.drive-exact-live.theme-light #bizDash .cc-rail__foot {
  color: #3d2918 !important;
}
body.drive-exact-live.theme-light #bizDash .cc-rail__item.is-active,
body.drive-exact-live.theme-light #ownerDash .cc-rail__item.is-active {
  color: #ffffff !important;
}

body.drive-exact-live.theme-light #bizDash .cc-rail__brand p,
body.drive-exact-live.theme-light #bizDash .cc-rail__sec,
body.drive-exact-live.theme-light #bizDash .cc-rail__hint,
body.drive-exact-live.theme-light #bizDash .cc-rail__credit,
body.drive-exact-live.theme-light #bizDash .muted {
  color: var(--muted, #5c4033) !important;
}

body.drive-exact-live.theme-light #bizDash .desk-bar.glass-card,
body.drive-exact-live.theme-light #ownerDash .desk-bar.glass-card,
body.drive-exact-live.theme-light #ownerDash .cc-top.admin-topbar.desk-bar {
  background: var(
    --lg-top-bar-bg,
    linear-gradient(
      105deg,
      color-mix(in srgb, var(--bg, #fdf4f0) 70%, #ffffff) 0%,
      color-mix(in srgb, var(--accent, #9c6b5e) 14%, #ffffff) 55%,
      color-mix(in srgb, var(--accent, #9c6b5e) 28%, #ffffff) 100%
    )
  ) !important;
  border-color: var(--border, #e8c9b8) !important;
  color: var(--ink, #4a2c1f) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--ink, #4a2c1f) 8%, transparent) !important;
}

body.drive-exact-live.theme-light #bizDash .desk-bar .dash-search,
body.drive-exact-live.theme-light #bizDash .desk-bar .biz-top-search__input,
body.drive-exact-live.theme-light #ownerDash .desk-bar .dash-search,
body.drive-exact-live.theme-light #ownerDash .desk-bar .biz-top-search__input {
  background: #ffffff !important;
  border-color: var(--border, #e8c9b8) !important;
  color: var(--ink, #4a2c1f) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
body.drive-exact-live.theme-light #bizDash .desk-bar .dash-search::placeholder,
body.drive-exact-live.theme-light #ownerDash .desk-bar .dash-search::placeholder {
  color: color-mix(in srgb, var(--muted, #5c4033) 65%, #ffffff) !important;
}

body.drive-exact-live.theme-light #bizDash .cc-panel-card,
body.drive-exact-live.theme-light #bizDash .glass-card,
body.drive-exact-live.theme-light #bizDash .cc-tile,
body.drive-exact-live.theme-light #bizDash .fleet-card,
body.drive-exact-live.theme-light #bizDash .card:not(.admin-login-gate),
body.drive-exact-live.theme-light #ownerDash .cc-panel-card,
body.drive-exact-live.theme-light #ownerDash .glass-card,
body.drive-exact-live.theme-light #ownerDash .cc-tile {
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--accent, #9c6b5e) 8%, #ffffff) 0%,
      var(--surface, #ffffff) 100%
    ) !important;
  border-color: var(--border, #e8c9b8) !important;
  color: var(--ink, #4a2c1f) !important;
  box-shadow: 0 8px 28px color-mix(in srgb, var(--ink, #4a2c1f) 8%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.drive-exact-live.theme-light #bizDash .cc-panel-card h1,
body.drive-exact-live.theme-light #bizDash .cc-panel-card h2,
body.drive-exact-live.theme-light #bizDash .cc-panel-card h3,
body.drive-exact-live.theme-light #bizDash .cc-tile h3,
body.drive-exact-live.theme-light #bizDash .cc-hero h2,
body.drive-exact-live.theme-light #bizDash .cc-top__title,
body.drive-exact-live.theme-light #bizDash .muted,
body.drive-exact-live.theme-light #bizDash p,
body.drive-exact-live.theme-light #bizDash label,
body.drive-exact-live.theme-light #bizDash .cc-kpi__label,
body.drive-exact-live.theme-light #bizDash .cc-kpi__value,
body.drive-exact-live.theme-light #bizDash .biz-home-card__title,
body.drive-exact-live.theme-light #bizDash .biz-home-card__meta {
  color: var(--ink, #4a2c1f) !important;
  text-shadow: none !important;
}

body.drive-exact-live.theme-light #bizDash .muted,
body.drive-exact-live.theme-light #bizDash .cc-kpi__label,
body.drive-exact-live.theme-light #bizDash .biz-home-card__meta,
body.drive-exact-live.theme-light #bizDash .cc-top__sub {
  color: var(--muted, #5c4033) !important;
}

body.drive-exact-live.theme-light #bizDash .main.cc-main,
body.drive-exact-live.theme-light #bizDash .cc-main.main,
body.drive-exact-live.theme-light #bizDash .body.cc-body-area,
body.drive-exact-live.theme-light #bizDash .cc-body-area.body,
body.drive-exact-live.theme-light #ownerDash .main.cc-main,
body.drive-exact-live.theme-light #ownerDash .cc-main.main {
  background: transparent !important;
  color: var(--ink, #4a2c1f) !important;
}

body.drive-exact-live.theme-light #bizDash input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]):not([type="hidden"]),
body.drive-exact-live.theme-light #bizDash select,
body.drive-exact-live.theme-light #bizDash textarea {
  background: #ffffff !important;
  border-color: var(--border, #e8c9b8) !important;
  color: var(--ink, #4a2c1f) !important;
}

/* ========== Rail solid + tappable (per-brand tokens, not 100 Club navy) ==========
 * Glass fill was see-through. Keep an opaque rail using --cc-rail from brand-theme.
 */
body.drive-exact-live #bizDash .cc-rail,
body.drive-exact-live #bizDash .rail.cc-rail,
body.drive-exact-live #ownerDash .cc-rail,
body.drive-exact-live #ownerDash .rail.cc-rail,
body.drive-exact-live #ownerDash .cc-rail.admin-nav,
body.drive-exact-live .cc-rail {
  background: var(--cc-rail, #0c1016) !important;
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--accent, var(--lg-accent, #6d8fb5)) 14%, var(--cc-rail, #0c1016)) 0%,
      var(--cc-rail, #0c1016) 100%
    ) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.drive-exact-live.theme-light #bizDash .cc-rail,
body.drive-exact-live.theme-light #bizDash .rail.cc-rail,
body.drive-exact-live.theme-light #bizDash .cc-rail.rail,
body.drive-exact-live.theme-light #ownerDash .cc-rail,
body.drive-exact-live.theme-light #ownerDash .rail.cc-rail,
body.drive-exact-live.theme-light #ownerDash .cc-rail.rail,
body.drive-exact-live.theme-light .cc-rail {
  background: var(--cc-rail, #ffffff) !important;
  background-image:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--accent, var(--lg-accent, #9c6b5e)) 10%, var(--cc-rail, #ffffff)) 0%,
      var(--cc-rail, #ffffff) 100%
    ) !important;
}
body.drive-exact-live #bizDash .cc-rail__item,
body.drive-exact-live #bizDash .cc-rail a,
body.drive-exact-live #bizDash .cc-rail button,
body.drive-exact-live #ownerDash .cc-rail__item,
body.drive-exact-live #ownerDash .cc-rail a,
body.drive-exact-live #ownerDash .cc-rail button,
body.drive-exact-live .cc-rail__item {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 900px) {
  body.drive-exact-live #bizDash .cc-app,
  body.drive-exact-live #ownerDash .cc-app,
  body.drive-exact-live .cc-app {
    overflow: visible !important;
  }
  body.drive-exact-live #bizDash .rail.cc-rail,
  body.drive-exact-live #bizDash .cc-rail.rail,
  body.drive-exact-live #ownerDash .rail.cc-rail,
  body.drive-exact-live #ownerDash .cc-rail.rail,
  body.drive-exact-live #ownerDash .cc-rail.admin-nav,
  body.drive-exact-live .cc-rail {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(300px, 86vw) !important;
    max-width: min(300px, 86vw) !important;
    height: auto !important;
    max-height: none !important;
    z-index: 10060 !important;
    transform: translate3d(-105%, 0, 0) !important;
    pointer-events: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  body.drive-exact-live.cc-nav-open #bizDash .cc-rail,
  body.drive-exact-live.is-mobile-nav-open #bizDash .cc-rail,
  body.drive-exact-live #bizDash .cc-rail.is-open,
  body.drive-exact-live.cc-nav-open #ownerDash .cc-rail,
  body.drive-exact-live.is-mobile-nav-open #ownerDash .cc-rail,
  body.drive-exact-live.admin-nav-open #ownerDash .cc-rail,
  body.drive-exact-live #ownerDash .cc-rail.is-open,
  body.drive-exact-live.cc-nav-open .cc-rail,
  body.drive-exact-live.is-mobile-nav-open .cc-rail,
  body.drive-exact-live.admin-nav-open .cc-rail,
  body.drive-exact-live .cc-rail.is-open {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10060 !important;
  }
}