/* THE BACKDROP — what the customer's paper sits on (estimate.html, invoice.html, hub.html share it).
   Todd 26 Oct 2026: the white-on-grey was the one thing on the page that was not ours. The paper now floats on
   the app's own night deck: navy, a soft brass lamp from the top, a gold hairline round each sheet, and the
   footer under the paper in light ink so it does not vanish. ONE SWITCH: data-bd on <html> — "chart" ships (the chart-room
   slate; Todd 26 Oct: "feels more like the website") or "night" (the app's full navy). Nothing else changes between them. */
:root{--bd:#0A0F1E;--bd-lamp:rgba(201,168,76,0.18);--bd-shadow:rgba(0,0,0,0.55)}
html[data-bd="chart"]{--bd:#1e2635;--bd-lamp:rgba(201,168,76,0.12);--bd-shadow:rgba(0,0,0,0.45)}
html,body{background:var(--bd) radial-gradient(120% 60% at 50% -10%,var(--bd-lamp),rgba(0,0,0,0) 60%) fixed}
.cband,.paper,.approve,.pay,.done,.err{box-shadow:0 18px 50px var(--bd-shadow),0 0 0 1px rgba(201,168,76,0.35)}
.box{box-shadow:0 18px 50px var(--bd-shadow),inset 0 0 0 1px rgba(201,168,76,0.22)}
.err{background:#fff;border-radius:10px}
.cfoot{color:#b9b3a4}
.cfoot b,.cfoot a{color:#E8C97A}