/* Quinbis VR12 — Public Website Refinement
   Scope: public marketing surfaces only.
   Growth #013D37 = structure, Kinetic #77D650 = signal, Light Green #F0F7E7 = quiet supporting surface.
   Deliberately scoped to public marketing surfaces and away from authenticated Account/Admin surfaces. */

:root{
  --qv12-growth:#013D37;
  --qv12-kinetic:#77D650;
  --qv12-light:#F0F7E7;
}

/* Public header: the button carries the action; Kinetic supplies the spark. */
.site-header .btn-nav{
  min-height:42px!important;
  padding:0 7px 0 16px!important;
  gap:10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.site-header .btn-nav::after{
  content:"→";
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--qv12-kinetic);
  color:var(--qv12-growth);
  font-size:13px;
  line-height:1;
  transition:transform .18s ease;
}
.site-header .btn-nav:hover::after{transform:translateX(2px)}
.site-header:not(.is-scrolled) .btn-nav{
  background:var(--qv12-light)!important;
  color:var(--qv12-growth)!important;
  border:1px solid rgba(1,61,55,.12)!important;
}
.site-header.is-scrolled .btn-nav{
  background:var(--qv12-growth)!important;
  color:#fff!important;
  border:1px solid var(--qv12-growth)!important;
}

/* Homepage — preserve the Kinetic chart/status signal, refine reading surfaces. */
.home-v32 .home-dashboard-summary .home-dashboard-safe{
  position:relative;
  overflow:hidden;
  background:var(--qv12-light)!important;
  border-color:rgba(1,61,55,.10)!important;
  color:var(--qv12-growth)!important;
}
.home-v32 .home-dashboard-summary .home-dashboard-safe>span,
.home-v32 .home-dashboard-summary .home-dashboard-safe small{
  color:rgba(1,61,55,.68)!important;
}
.home-v32 .home-dashboard-summary .home-dashboard-safe::after{
  content:"";
  position:absolute;
  right:16px;
  top:16px;
  width:7px;
  height:42px;
  border-radius:999px;
  background:var(--qv12-kinetic);
}
.home-v32 .home-bars .home-bar-lime,
.home-v32 .home-status-lime{background:var(--qv12-kinetic)!important}

/* CTA on the Growth product card: Light Green with a compact Kinetic action circle. */
.home-v32 .home-product-btn{
  background:var(--qv12-light)!important;
  color:var(--qv12-growth)!important;
  border-color:rgba(1,61,55,.12)!important;
  padding-right:7px!important;
  gap:12px!important;
}
.home-v32 .home-product-btn>span:last-child{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--qv12-kinetic);
  color:var(--qv12-growth)!important;
  transition:transform .18s ease;
}
.home-v32 .home-product-btn:hover>span:last-child{transform:translateX(2px)}

/* Grow remains the highlighted connected part without making Kinetic carry copy. */
.home-v32 .home-part-grow{
  overflow:hidden;
  background:var(--qv12-light)!important;
  border-color:rgba(1,61,55,.08)!important;
  color:var(--qv12-growth)!important;
}
.home-v32 .home-part-grow h3,
.home-v32 .home-part-grow p,
.home-v32 .home-part-grow *{color:var(--qv12-growth)!important}
.home-v32 .home-part-grow p{color:rgba(1,61,55,.68)!important}
.home-v32 .home-part-grow::after{
  content:"";
  position:absolute;
  right:-31px;
  top:-35px;
  width:88px;
  height:88px;
  border:7px solid var(--qv12-kinetic);
  border-radius:50%;
  opacity:.92;
  pointer-events:none;
}

/* Setup: preserve the Growth featured package, but stop using Kinetic as its reading button surface. */
.setup-v3 .setup-package-featured .package-cta{
  background:var(--qv12-light)!important;
  border-color:var(--qv12-light)!important;
  color:var(--qv12-growth)!important;
  padding-right:7px!important;
}
.setup-v3 .setup-package-featured .package-cta>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--qv12-kinetic);
  color:var(--qv12-growth)!important;
}

/* Design: preserve expressive Kinetic artwork; refine only the featured package action. */
.design-v7 .design-package-sales .design-package-cta{
  background:var(--qv12-light)!important;
  border-color:var(--qv12-light)!important;
  color:var(--qv12-growth)!important;
  padding-right:7px!important;
}
.design-v7 .design-package-sales .design-package-cta>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--qv12-kinetic);
  color:var(--qv12-growth)!important;
}
.design-v7 .design-package-sales .design-package-cta:hover{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--qv12-growth)!important;
}

/* Pricing guide: same dark-surface CTA logic, while keeping Kinetic feature icons. */
.qb-guide-v3 .qg-app-btn{
  background:var(--qv12-light)!important;
  color:var(--qv12-growth)!important;
  padding-right:8px!important;
}
.qb-guide-v3 .qg-app-btn::after{
  content:"→";
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--qv12-kinetic);
  color:var(--qv12-growth);
}

/* Public enquiry/start forms: everyday action is Growth; Kinetic remains a compact signal. */
.contact-page-v4 .public-intake-submit-row-v102 button,
.intake-page-v102 .public-intake-submit-row-v102 button,
.intake-page-v102 .thank-you-button-v102{
  background:var(--qv12-growth)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(1,61,55,.14)!important;
}
.contact-page-v4 .public-intake-submit-row-v102 button::after,
.intake-page-v102 .public-intake-submit-row-v102 button::after,
.intake-page-v102 .thank-you-button-v102::after{
  content:"→";
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--qv12-kinetic);
  color:var(--qv12-growth);
}

/* About: a quiet Light Green bridge, not another bright-green reading panel. */
.about-page-v3 .about-insights-row{
  background:var(--qv12-light)!important;
  border-color:rgba(1,61,55,.10)!important;
}

/* Mobile: accents stay compact and never crowd the reading lane. */
@media(max-width:680px){
  .site-header .btn-nav{min-height:40px!important;padding-left:14px!important}
  .site-header .btn-nav::after{width:27px;height:27px}
  .home-v32 .home-dashboard-summary .home-dashboard-safe::after{right:14px;top:14px;height:34px}
  .home-v32 .home-product-btn>span:last-child,
  .setup-v3 .setup-package-featured .package-cta>span,
  .design-v7 .design-package-sales .design-package-cta>span,
  .qb-guide-v3 .qg-app-btn::after{width:28px;height:28px}
}

@media(prefers-reduced-motion:reduce){
  .site-header .btn-nav::after,
  .home-v32 .home-product-btn>span:last-child{transition:none}
}