/* Manoj Builds — lightweight global navigation + enquiry layer */
:root{
  --mb-shell-bg:rgba(8,13,25,.86);
  --mb-shell-text:#f7f9ff;
  --mb-shell-muted:#aab6cc;
  --mb-shell-line:rgba(126,153,205,.28);
  --mb-shell-card:#0d1628;
  --mb-shell-accent:#ff9c25;
  --mb-shell-accent-2:#ffc45f;
}
html[data-theme="light"]{
  --mb-shell-bg:rgba(255,255,255,.92);
  --mb-shell-text:#16223a;
  --mb-shell-muted:#62708a;
  --mb-shell-line:rgba(53,88,150,.18);
  --mb-shell-card:#ffffff;
}
.mb-back-button{
  position:fixed;left:14px;top:14px;z-index:2147482100;
  min-height:42px;display:inline-flex;align-items:center;gap:8px;
  padding:0 14px;border:1px solid var(--mb-shell-line);border-radius:999px;
  color:var(--mb-shell-text);background:var(--mb-shell-bg);text-decoration:none;
  font:800 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em;
  box-shadow:0 10px 30px rgba(0,0,0,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:transform .18s ease,filter .18s ease;
}
.mb-back-button:hover{transform:translateY(-1px);filter:brightness(1.05)}
.mb-back-button:focus-visible,.mb-enquiry-launch:focus-visible,.mb-enquiry-close:focus-visible,.mb-enquiry-submit:focus-visible{
  outline:3px solid #5ed8ff;outline-offset:3px;
}
.mb-back-button svg{width:16px;height:16px;flex:none}

.mb-enquiry-launch{
  position:fixed;left:16px;bottom:18px;z-index:2147482200;
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:0 18px;border:0;border-radius:999px;cursor:pointer;
  color:#111827;background:linear-gradient(180deg,var(--mb-shell-accent-2),var(--mb-shell-accent));
  box-shadow:0 12px 30px rgba(247,146,25,.28);
  font:900 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.02em;
}
.mb-enquiry-launch span{font-size:16px;line-height:1}
.mb-enquiry-launch:hover{filter:brightness(1.04);transform:translateY(-1px)}

.mb-enquiry-overlay{
  position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(2,5,12,.64);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.mb-enquiry-overlay.is-open{display:flex}
.mb-enquiry-card{
  width:min(520px,100%);max-height:min(780px,calc(100vh - 34px));overflow:auto;
  padding:22px;border:1px solid var(--mb-shell-line);border-radius:24px;
  color:var(--mb-shell-text);background:var(--mb-shell-card);
  box-shadow:0 28px 90px rgba(0,0,0,.35);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
.mb-enquiry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.mb-enquiry-kicker{margin:0 0 6px;color:var(--mb-shell-accent);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mb-enquiry-title{margin:0;font-size:clamp(24px,5vw,34px);line-height:1.02;letter-spacing:-.04em;color:var(--mb-shell-text)}
.mb-enquiry-intro{margin:7px 0 0;color:var(--mb-shell-muted);font-size:13px;line-height:1.5}
.mb-enquiry-close{
  width:38px;height:38px;flex:none;border:1px solid var(--mb-shell-line);border-radius:50%;cursor:pointer;
  color:var(--mb-shell-text);background:transparent;font-size:20px;line-height:1;
}
.mb-enquiry-form{display:grid;gap:12px}
.mb-enquiry-field{display:grid;gap:6px}
.mb-enquiry-field label{color:var(--mb-shell-muted);font-size:11px;font-weight:800;letter-spacing:.05em}
.mb-enquiry-field input,.mb-enquiry-field textarea{
  width:100%;border:1px solid var(--mb-shell-line);border-radius:13px;padding:12px 13px;
  color:var(--mb-shell-text);background:color-mix(in srgb,var(--mb-shell-card) 92%,var(--mb-shell-text) 8%);
  font:500 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;outline:none;
}
.mb-enquiry-field input:focus,.mb-enquiry-field textarea:focus{border-color:#57cfff;box-shadow:0 0 0 3px rgba(87,207,255,.13)}
.mb-enquiry-field textarea{min-height:104px;resize:vertical}
.mb-enquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mb-enquiry-submit{
  min-height:48px;border:0;border-radius:13px;cursor:pointer;color:#0d1422;
  background:linear-gradient(90deg,var(--mb-shell-accent),var(--mb-shell-accent-2));
  font:900 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 10px 26px rgba(247,146,25,.20);
}
.mb-enquiry-note{margin:0;text-align:center;color:var(--mb-shell-muted);font-size:10px;line-height:1.4}
body.mb-modal-open{overflow:hidden!important}

/* Avoid collisions with the global controls. */
body .mb-theme-toggle{z-index:2147482300!important}
body .mb-whatsapp-floater{z-index:2147482400!important}
body .brand-floater{z-index:2147481900!important}
body:has(.brand-floater) .mb-theme-toggle{top:88px!important}

/* Light-mode coverage for the main Home experience. */
html[data-theme="light"] body.mb-home-page{
  background:
    radial-gradient(circle at 10% 18%,rgba(41,173,255,.13),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(139,92,246,.08),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#eef4fc 48%,#fff7f1 100%)!important;
  color:#16223a!important;
}
html[data-theme="light"] body.mb-home-page .field .wash{background:radial-gradient(circle,rgba(43,107,255,.12),rgba(43,107,255,.025) 44%,transparent 66%)}
html[data-theme="light"] body.mb-home-page .orbits{opacity:.26}
html[data-theme="light"] body.mb-home-page .status{color:#4d5f7e;background:rgba(255,255,255,.72);border-color:rgba(53,88,150,.18)}
html[data-theme="light"] body.mb-home-page .kicker{color:#61708b}
html[data-theme="light"] body.mb-home-page .foot{color:#61708b;border-color:rgba(53,88,150,.15)}
html[data-theme="light"] body.mb-home-page .foot a{color:#536683}
html[data-theme="light"] body.mb-home-page .ic .tag{color:#16223a;background:rgba(255,255,255,.92);border-color:rgba(53,88,150,.18)}

/* Business dashboard surfaces — keep brand colors, make the surrounding shell theme-aware. */
html[data-theme="light"] body[data-zuvx-page="business"]{background:#f7f5ff!important;color:#171326!important}
html[data-theme="dark"] body[data-zuvx-page="business"]{background:#080814!important}
html[data-theme="light"] body[data-zuvx-page="business"] .sidebar{background:rgba(255,255,255,.88)!important;border-color:rgba(73,54,112,.14)!important}
html[data-theme="light"] body[data-zuvx-page="business"] .sidebar a{color:#5f5870!important}
html[data-theme="light"] body[data-zuvx-page="business"] .sidebar a.active{color:#171326!important;background:rgba(255,45,142,.09)!important}
html[data-theme="light"] body[data-zuvx-page="business"] .glossy,
html[data-theme="light"] body[data-zuvx-page="business"] .glass,
html[data-theme="light"] body[data-zuvx-page="business"] .glossy-inner{background:rgba(255,255,255,.78)!important;border-color:rgba(73,54,112,.14)!important;box-shadow:0 22px 60px rgba(79,60,121,.10)!important}
html[data-theme="light"] body[data-zuvx-page="business"] h1,
html[data-theme="light"] body[data-zuvx-page="business"] h2,
html[data-theme="light"] body[data-zuvx-page="business"] h3,
html[data-theme="light"] body[data-zuvx-page="business"] strong{color:#171326}
html[data-theme="light"] body[data-zuvx-page="business"] p,
html[data-theme="light"] body[data-zuvx-page="business"] small,
html[data-theme="light"] body[data-zuvx-page="business"] .source-note{color:#675f78}

/* ZUVX prototype: dark is primary, light is a real readable counterpart. */
html[data-theme="light"] body[data-zuvx-page="prototype"]{
  --soft:#21172a;--midnight:#f8f5fb;--plum:#efe7f3;--card:#ffffff;--card2:#f3edf6;
  --muted:#71677a;--line:rgba(72,54,108,.15);--glow:rgba(255,45,142,.10);
  background:#f8f5fb!important;color:#21172a!important;
}
html[data-theme="light"] body[data-zuvx-page="prototype"] .mob-shell,
html[data-theme="light"] body[data-zuvx-page="prototype"] .web-shell{background:#f8f5fb!important;color:#21172a!important;box-shadow:none}
html[data-theme="light"] body[data-zuvx-page="prototype"] .demo-bar,
html[data-theme="light"] body[data-zuvx-page="prototype"] .web-head,
html[data-theme="light"] body[data-zuvx-page="prototype"] .mob-nav{background:rgba(255,255,255,.90)!important;border-color:rgba(72,54,108,.14)!important}
html[data-theme="light"] body[data-zuvx-page="prototype"] .web-nav a,
html[data-theme="light"] body[data-zuvx-page="prototype"] .welcome,
html[data-theme="light"] body[data-zuvx-page="prototype"] .sec small{color:#71677a!important}
html[data-theme="light"] body[data-zuvx-page="prototype"] .web-nav a.active,
html[data-theme="light"] body[data-zuvx-page="prototype"] .welcome b,
html[data-theme="light"] body[data-zuvx-page="prototype"] .sec h2{color:#21172a!important}

@media(max-width:700px){
  .mb-back-button{top:10px;left:10px;min-height:38px;padding:0 11px;font-size:11px}
  .mb-back-button .mb-back-long{display:none}
  .mb-enquiry-launch{left:12px;bottom:12px;min-height:44px;padding:0 14px;font-size:11px}
  .mb-enquiry-row{grid-template-columns:1fr}
  .mb-enquiry-card{padding:18px;border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.mb-back-button,.mb-enquiry-launch{transition:none}}

/* Readable light mode for the full ZUVX investor dashboard. */
html[data-theme="light"] body[data-zuvx-page="business"] .section,
html[data-theme="light"] body[data-zuvx-page="business"] .kpi-strip,
html[data-theme="light"] body[data-zuvx-page="business"] .glass,
html[data-theme="light"] body[data-zuvx-page="business"] .control-card,
html[data-theme="light"] body[data-zuvx-page="business"] .result-card,
html[data-theme="light"] body[data-zuvx-page="business"] .risk-grid article,
html[data-theme="light"] body[data-zuvx-page="business"] .character-grid article,
html[data-theme="light"] body[data-zuvx-page="business"] .plan-card,
html[data-theme="light"] body[data-zuvx-page="business"] .scenario-grid article,
html[data-theme="light"] body[data-zuvx-page="business"] .timeline article,
html[data-theme="light"] body[data-zuvx-page="business"] .fund-list div,
html[data-theme="light"] body[data-zuvx-page="business"] .economics-strip article,
html[data-theme="light"] body[data-zuvx-page="business"] .final-copy li{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,245,255,.90))!important;
  border-color:rgba(73,54,112,.14)!important;
}
html[data-theme="light"] body[data-zuvx-page="business"] .kpi-strip article,
html[data-theme="light"] body[data-zuvx-page="business"] .funnel,
html[data-theme="light"] body[data-zuvx-page="business"] .model-table tbody tr{
  background:rgba(255,255,255,.58)!important;
}
html[data-theme="light"] body[data-zuvx-page="business"] .kpi-strip strong:not([style]),
html[data-theme="light"] body[data-zuvx-page="business"] .result-card strong,
html[data-theme="light"] body[data-zuvx-page="business"] .model-table td strong,
html[data-theme="light"] body[data-zuvx-page="business"] .unit-controls label strong,
html[data-theme="light"] body[data-zuvx-page="business"] .closing,
html[data-theme="light"] body[data-zuvx-page="business"] .side-proof b{
  color:#171326!important;
}
html[data-theme="light"] body[data-zuvx-page="business"] .model-table td,
html[data-theme="light"] body[data-zuvx-page="business"] .funnel strong,
html[data-theme="light"] body[data-zuvx-page="business"] .fund-list strong,
html[data-theme="light"] body[data-zuvx-page="business"] .timeline h3,
html[data-theme="light"] body[data-zuvx-page="business"] .risk-grid h3,
html[data-theme="light"] body[data-zuvx-page="business"] .character-grid h3{
  color:#241a30!important;
}
html[data-theme="light"] body[data-zuvx-page="business"] .plan-pill,
html[data-theme="light"] body[data-zuvx-page="business"] .reset-button,
html[data-theme="light"] body[data-zuvx-page="business"] .table-toolbar button{
  color:#241a30!important;background:rgba(255,255,255,.82)!important;border-color:rgba(73,54,112,.16)!important;
}
html[data-theme="light"] body[data-zuvx-page="business"] .plan-pill.active{color:#171326!important;background:linear-gradient(90deg,#fff,#ffd8f3,#e9c7ff,#fff0dc,#fff)!important}
html[data-theme="light"] body[data-zuvx-page="business"] .character-page-link{color:#4b2441!important;background:linear-gradient(90deg,rgba(255,45,142,.08),rgba(185,51,255,.07))!important;border-color:rgba(121,69,126,.16)!important}
html[data-theme="light"] body[data-zuvx-page="business"] .prototype-frame-shell{border-color:rgba(73,54,112,.18)!important}
html[data-theme="light"] body[data-zuvx-page="business"] .sidebar nav a.zuvx-sub-link{font-size:12px;padding:8px 14px 8px 28px;opacity:.88}
body[data-zuvx-page="business"] .sidebar nav a.zuvx-sub-link{font-size:12px;padding:8px 14px 8px 28px;opacity:.82}
body[data-zuvx-page="business"] .sidebar nav a.zuvx-sub-link:before{content:"↳";margin-right:7px;opacity:.7}
