John OReilly
e462953a2a
Replaced 2 hardcoded 6px margin-bottom values with var(--space-xs) in admin-fee-header and admin-waive-savings. Removed redundant inline style="margin-bottom:16px" from sec-01 subtitle (handled by section-content * + * rule). Full visual audit across Dark/Light/Glass at 1920px, print media, and mobile (375px/600px/780px landscape) — no regressions found. Updated SESSION-HANDOFF, CLAUDE.md, DECISION-LOG, KNOWN-ISSUES, and MASTER-SESSION-PROMPT. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
SVS MSP Calculator
Static sales-facing quote builder for SVS Managed Services. Plain HTML/CSS/JS — no frameworks, no build tools, no npm.
Status: Beta complete (Stages 1–9). 254/254 tests passing.
Quick Start
- Open
SVS-MSP-Calculator.htmlin a browser (works onfile://) - Edit pricing in
package-prices-data.js - Run tests:
node svsmspcalc/tests/test-quote-engine.js
What It Does
- Configures managed service packages (Users, Endpoints, Servers, ZT, VoIP)
- Contract terms with auto-calculated onboarding and discounts
- Live quote sidebar with MRR breakdown, VS Hiring comparison
- 4 themes: Dark, Light, Glass, Retro Cyberpunk
- Print/PDF export, JSON export/import, localStorage persistence
- Mobile-responsive with full-screen quote panel
File Map
Runtime JS
| File | Purpose |
|---|---|
SVS-MSP-Calculator.js |
Orchestration, init, keyboard shortcuts |
quote-engine.js |
Pure quote math (no DOM) |
quote-pricing.js |
Pricing defaults + package-prices-data.js loader |
quote-render.js |
DOM rendering, nudges, summaries |
quote-persistence.js |
localStorage save/restore/reset |
quote-export.js |
Print/PDF + JSON export |
quote-import.js |
JSON quote import |
theme-manager.js |
4-theme switching |
mobile-sync.js |
Mobile panel + 100+ element sync |
package-prices-data.js |
Pricing data (edit this to change prices) |
CSS
| File | Purpose |
|---|---|
SVS-MSP-Calculator.css |
Manifest (@imports all CSS) |
*-tokens.css |
Design tokens, spacing, colors |
*-base.css |
Global chrome |
*-layout.css |
Grid, header, main/sidebar |
*-components.css |
Section cards, controls, sidebar |
*-responsive.css |
3 structural breakpoints |
*-print.css |
Print-specific rules |
*-light.css |
Light theme |
*-glass.css |
Glass theme |
*-70retro.css |
Retro Cyberpunk theme |
Docs
| File | Purpose |
|---|---|
QUICK-REF.md |
Compact file map, DOM IDs, pricing, danger zones |
MASTER-SESSION-PROMPT.md |
Full architecture brief + constraints |
CHECKPOINT.md |
Build status, all completed work |
quote-rules.md |
Business logic / pricing rules |
regression-checklist.md |
QA validation procedures |
phase-roadmap.md |
Approved work boundaries |
code-verification.md |
Known-good baseline |