/* The "this is a static snapshot" strip on every demo-app snapshot page, in Anvil's dashboard look
   (the dark log console). Kept apart from app.css so the app's own CSS (and its deliberate bugs) stays
   byte-for-byte the same as examples/acme-notes. Monochrome; no accent colour. */
.snap{background:#0a0a0a;color:#e5e5e5;border-bottom:1px solid #262626;font:500 .8125rem/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.snap-in{max-width:1120px;margin:0 auto;padding:6px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.snap-brand{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:750;letter-spacing:-.02em;font-size:.9375rem;text-decoration:none}
.snap-brand svg{width:18px;height:18px;flex:none}
.snap b{display:inline-flex;align-items:center;height:20px;padding:0 7px;border:1px solid #5a5a5a;border-radius:4px;color:#fff;font:600 .6875rem/1 ui-monospace,"SFMono-Regular","Cascadia Code",Consolas,monospace;letter-spacing:.06em}
.snap span{color:#bdbdbd}
.snap a{color:#fff;text-decoration-color:#6b6b6b;text-underline-offset:.2em;min-height:32px;display:inline-flex;align-items:center}
.snap a:hover{text-decoration-color:#fff}
.snap .snap-back{margin-left:auto}
.snap a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}