/* Shared ProSessed.ai styling for the standalone tools (/Revenue-leakage-calculator, /modernFMCGscorecard).
   Tokens mirror src/components/site-chrome/styles.css. Loaded after each page's own <style>. */
:root {
  --ps-green: #386400;
  --ps-green-d: #264500;
  --ps-lime: #bff09a;
  --ps-leaf: #e3f6d3;
  --ps-tint: #f2f5ef;
  --ps-line: #dce2d8;
  --ps-forest: #0e1f05;
  --ps-ink: #3b4536;
  --ps-muted: #586152;
  --ps-risk: #b42318;
  --ps-risk-bg: #fdecea;
  --ps-ok: #386400;
  --ps-ok-bg: #e3f6d3;
  --ps-shadow: 0 1px 2px rgba(14, 31, 5, 0.06), 0 2px 8px rgba(14, 31, 5, 0.05);
  --ps-r: 12px;
  --report-bg: #f2f5ef;
  --report-text: #0e1f05;
  --report-accent: #386400;
  --report-secondary: #386400;
  --report-card: #ffffff;
  --report-border: #dce2d8;
  --grid-color: transparent;
}
html, body {
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  background: #fff;
  color: var(--ps-forest);
  overflow-x: clip;
}
body { background-image: none !important; }
* { font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; }
.material-symbols-outlined { font-family: 'Material Symbols Outlined' !important; }
.site-chrome, .site-chrome * { font-family: 'DM Sans', system-ui, sans-serif; }
h1, h2, h3 { color: var(--ps-forest); letter-spacing: -0.02em; }
#state-1 h1, #state-1 h1 span { font-family: 'DM Sans', system-ui, sans-serif !important; font-weight: 800; }
.tnum, [id^="count-up"], [id^="out-"], [id^="val-"], .bcw-val, .report-title + *, #state-2 .font-bold, #state-3 .font-bold {
  font-variant-numeric: tabular-nums;
}

/* No glow / pulse animations: crisp, grounded surfaces */
.btn-start-audit, .cta-main-btn, #generate-btn, .gate-unlock-btn { animation: none !important; }
.btn-start-audit, #generate-btn, .cta-main-btn, .gate-unlock-btn {
  background: var(--ps-green) !important;
  color: #fff !important;
  border: 0;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-weight: 700;
  transition: background-color 0.15s, transform 0.15s;
}
.btn-start-audit:hover, #generate-btn:hover, .cta-main-btn:hover, .gate-unlock-btn:hover {
  background: var(--ps-green-d) !important;
  transform: translateY(-1px);
  box-shadow: none !important;
}
.cta-main-btn { border-radius: 14px !important; }

/* Cards */
.glass-card, .clinical-border, .bcw-card, .gate-card, .cta-founder-card {
  border: 1px solid var(--ps-line) !important;
  border-radius: var(--ps-r) !important;
  box-shadow: var(--ps-shadow) !important;
  background: #fff;
}
.bg-surface-container-low { background: var(--ps-tint) !important; }
[class*="shadow-lg"], [class*="shadow-xl"], [class*="shadow-2xl"] { box-shadow: var(--ps-shadow) !important; }
.rounded-2xl, .rounded-xl { border-radius: var(--ps-r) !important; }
.panel-padding, .glass-card { padding: 28px; }
.bg-gradient-to-br { background-image: none !important; background-color: var(--ps-tint) !important; }
#state-3.visible-state { background: var(--ps-tint) !important; }

/* Eyebrow badges */
.font-label-md.rounded-full, .rounded-full.font-label-md {
  background: var(--ps-leaf) !important; color: var(--ps-green-d) !important;
  border: 1px solid var(--ps-lime); letter-spacing: 0.08em;
}

/* Sliders: clean track, brand fill (via --fill set by script), high-contrast thumb */
input[type=range] {
  -webkit-appearance: none; appearance: none;
  height: 6px !important; border-radius: 999px;
  background: linear-gradient(to right, var(--ps-green) var(--fill, 0%), var(--ps-line) var(--fill, 0%)) !important;
  outline-offset: 6px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none;
  height: 22px; width: 22px; border-radius: 50%;
  background: #fff; border: 3px solid var(--ps-green);
  box-shadow: 0 1px 3px rgba(14, 31, 5, 0.25); cursor: pointer;
  transition: transform 0.15s;
}
input[type=range]::-moz-range-thumb {
  height: 22px; width: 22px; border-radius: 50%;
  background: #fff; border: 3px solid var(--ps-green);
  box-shadow: 0 1px 3px rgba(14, 31, 5, 0.25); cursor: pointer;
}
input[type=range]::-moz-range-track { background: transparent; height: 6px; }
input[type=range]:hover::-webkit-slider-thumb, input[type=range]:active::-webkit-slider-thumb { transform: scale(1.12); }

/* Hero bar chart widget */
.bcw-card { max-width: 480px; padding: 24px; }
.bcw-title { color: var(--ps-muted); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.bcw-gridline { background: var(--ps-tint); }
.bcw-axis-line { background: var(--ps-line); }
.bcw-bar { background: #e7a39b !important; border-radius: 6px 6px 0 0; }
.bcw-bar--accent { background: var(--ps-risk) !important; }
.bcw-val {
  font-size: 11px; font-weight: 700; color: var(--ps-risk); background: var(--ps-risk-bg);
  border-radius: 999px; padding: 1px 7px; margin-bottom: 6px; font-variant-numeric: tabular-nums;
}
.bcw-label { color: var(--ps-muted); font-weight: 500; }
.bcw-label--accent { color: var(--ps-forest); font-weight: 700; }

/* Calculator CTA */
#cta-urgency-standalone { display: none !important; }
.cta-urgency-desktop { border-top: 1px solid var(--ps-line) !important; }

/* Page rhythm with global header/footer */
.site-chrome .hd { position: sticky; top: 0; }

/* No horizontal overflow */
img, svg, canvas, video { max-width: 100%; }
.cta-urgency-desktop { display: block !important; }

/* ───────── Scorecard (/modernFMCGscorecard) ───────── */
.grid-bg { display: none !important; }
.glass-panel {
  background: #fff !important; backdrop-filter: none !important;
  border: 1px solid var(--ps-line) !important; border-radius: var(--ps-r) !important;
  box-shadow: var(--ps-shadow) !important;
}
#hero-section button, #hero-section h1 { font-family: 'DM Sans', sans-serif; }
#hero-section button, #next-btn:not([disabled]), .lead-capture-submit, .founder-cta-btn,
#dashboard-section a[href*="calendar.app.google"] {
  background: var(--ps-green) !important; color: #fff !important; border-radius: 999px !important;
  box-shadow: none !important; letter-spacing: 0.04em; transition: background-color .15s, transform .15s;
}
#hero-section button:hover, #next-btn:not([disabled]):hover, .lead-capture-submit:hover, .founder-cta-btn:hover,
#dashboard-section a[href*="calendar.app.google"]:hover { background: var(--ps-green-d) !important; filter: none !important; transform: translateY(-1px); }
#next-btn[disabled] { background: var(--ps-tint) !important; color: var(--ps-muted) !important; border-radius: 999px !important; }

/* Ticker: quiet muted strip with pills */
#hero-ticker-strip {
  background: var(--ps-tint) !important; border-color: var(--ps-line) !important; backdrop-filter: none !important;
}
#hero-ticker-strip > div > span {
  font-family: 'DM Sans', sans-serif !important; font-weight: 600; letter-spacing: 0.04em;
  background: #fff; border: 1px solid var(--ps-line); border-radius: 999px; padding: 6px 14px;
  font-variant-numeric: tabular-nums; line-height: 1;
}
#hero-ticker-strip .material-symbols-outlined { font-size: 16px !important; line-height: 1; vertical-align: middle; }
#hero-ticker-strip .text-ticker-red { color: var(--ps-risk) !important; background: var(--ps-risk-bg); border-color: #f4c7c2; }
#hero-ticker-strip .text-secondary, #hero-ticker-strip .text-primary { color: var(--ps-green-d) !important; }

/* Question flow */
.option-btn {
  border: 1px solid var(--ps-line) !important; background: #fff !important; border-radius: var(--ps-r) !important;
  box-shadow: none !important; transition: border-color .15s, background-color .15s, box-shadow .15s;
}
.option-btn:hover { border-color: var(--ps-green) !important; background: var(--ps-tint) !important; }
.option-btn:focus-visible { outline: 3px solid var(--ps-green); outline-offset: 2px; }
.selected-option, .option-btn.selected-option {
  border-color: var(--ps-green) !important; background: var(--ps-leaf) !important;
  box-shadow: 0 0 0 3px rgba(56, 100, 0, 0.12) !important;
}
#progress-bar { background: var(--ps-green) !important; transition: width .5s cubic-bezier(.2,.7,.2,1) !important; }

/* Audit dashboard */
#dashboard-section .audit-section-title, #dashboard-section .dashboard-header h1 { letter-spacing: -0.02em; }
#dashboard-section .audit-insight-panel > .border-l-error,
#dashboard-section .audit-insight-panel > .border-l-diagnostic-green {
  border-left-width: 4px; border-radius: 10px; padding: 14px 16px !important; margin-bottom: 12px !important;
}
#dashboard-section .audit-insight-panel > .border-l-error { background: var(--ps-risk-bg); border-left-color: var(--ps-risk); }
#dashboard-section .audit-insight-panel > .border-l-diagnostic-green { background: var(--ps-ok-bg); border-left-color: var(--ps-ok); }
.text-error { color: var(--ps-risk) !important; }
.text-diagnostic-green { color: var(--ps-ok) !important; }
.border-l-error { border-left-color: var(--ps-risk) !important; }
.border-l-diagnostic-green { border-left-color: var(--ps-ok) !important; }
#dashboard-section .audit-insight-panel > a { margin-top: 12px; }

/* Case studies: 2x2 bento, equal height, tag + metric callouts pinned to bottom */
#dashboard-section .audit-case-studies-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
@media (max-width: 767px) { #dashboard-section .audit-case-studies-grid { grid-template-columns: 1fr; } }
#dashboard-section .audit-case-card { display: flex; flex-direction: column; height: 100%; }
#dashboard-section .audit-case-card > p:first-child {
  align-self: flex-start; background: var(--ps-leaf); color: var(--ps-green-d) !important;
  border: 1px solid var(--ps-lime); border-radius: 999px; padding: 4px 10px; letter-spacing: 0.1em; margin-bottom: 14px;
}
#dashboard-section .audit-case-card > .grid { margin-top: auto; }
#dashboard-section .audit-case-card .grid > div { background: var(--ps-leaf) !important; border: 1px solid var(--ps-lime); border-radius: 10px; }
#dashboard-section .audit-case-card .grid p.text-primary { color: var(--ps-green-d) !important; font-variant-numeric: tabular-nums; }

/* Gap alerts and lead capture */
#dashboard-section .gap-severity-badge--critical { color: var(--ps-risk); border-color: var(--ps-risk); background: var(--ps-risk-bg); }
#dashboard-section .gap-severity-badge--high { color: #a15c00; border-color: #a15c00; background: #fff4e0; }
.lead-capture-dialog { border-radius: 16px !important; border: 1px solid var(--ps-line) !important; box-shadow: 0 10px 40px rgba(14, 31, 5, 0.18) !important; }
.lead-capture-overlay { backdrop-filter: none !important; background: rgba(14, 31, 5, 0.5) !important; }
.founder-cta-card { border: 1px solid rgba(255,255,255,0.08) !important; box-shadow: none !important; background: var(--ps-forest) !important; }
#leakage-total, #stat-callout-value { font-variant-numeric: tabular-nums; }