/* Only what the static demo needs on top of the app's own globals.css. */

/* The file picker on Import: a picture of the browser's own control, holding the example file. */
.oe-file { display: flex; align-items: center; gap: 4px; font-weight: 400; padding: 10px 12px; border: 1px solid #cdd3de; border-radius: 9px; background: #fff; color: var(--navy); }
.oe-file span:first-child { font: 400 13.33px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; color: #000; background: #efefef; border: 1px solid #767676; border-radius: 3px; padding: 1px 6px; }

/* The small demo marker and the notice for parts of Accountin outside the demo. */
.side .oe-demo { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); display: grid; gap: 2px; justify-items: start; }
.side .oe-demo span { font-size: .72rem; font-weight: 700; letter-spacing: .02em; color: var(--muted); }
@media (max-width: 860px) { .side .oe-demo { margin: 6px 0 0; padding-top: 6px; white-space: nowrap; } }
.oe-toast { position: fixed; left: 50%; bottom: 60px; transform: translateX(-50%); z-index: 30; background: var(--navy); color: #fff; border-radius: 9px; padding: 10px 16px; font-weight: 600; font-size: .9rem; box-shadow: 0 10px 30px rgba(1,27,70,.2); max-width: calc(100vw - 32px); }
.oe-toast[hidden] { display: none; }
@media print { .oe-demo, .oe-toast { display: none; } }