/* ========================================================================== Permits CRM — the whole visual design. ========================================================================== One stylesheet, no framework, no CDN. index.php sends `default-src 'none'; style-src 'self' 'unsafe-inline'`, so an @import or a webfont URL would not load at all — it would fail silently and the page would render in Times. Everything needed is in this file. The palette is the Permits API console's (web/console.html in that repo), with one deliberate swap: there, amber is the accent and teal is secondary; here it is the other way round. The console mints credentials and wants to look like it — the CRM is a place you sit all day, and teal is the quieter of the two. Same tokens, same radius, same 14.5px base, so a person moving between the two products does not feel the seam. ── THE CLASS VOCABULARY ──────────────────────────────────────────────── Templates are written by other hands, so the names are the contract: .wrap centred column; the layout's

is already one, so pages rarely need it the shell

sticks and paints full-bleed; .nav inside it centres on the content column and holds .brand (+ .tag), .nav-links (mark one .is-current) and .nav-right. Two elements, not one: a single sticky element would stop at 1180px with the page showing through beside it. .page .page-head a page and its title row (h1 + .actions) .card .panel a bordered surface; .card-head is its title row .grid auto-fitting columns for fields or tiles .btn .btn-primary .btn-ghost .btn-danger (.btn.primary / .ghost / .danger also work) .pill .pill-new .pill-contacted .pill-demo .pill-trial .pill-proposal .pill-won .pill-lost, plus the activity kinds and lead statuses .table-wrap the scroll container a wide table belongs in .stats .stat tile row; .stat .n is the number, .stat .k the label .field one label + control + .hint + .error; .has-error reddens it. .errors is the summary box. .timeline