:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; padding: 2rem 1rem; }
main { max-width: 40rem; margin: 0 auto; }
#rows { padding-left: 1.2rem; font-family: ui-monospace, monospace; font-size: .85rem; }
/* Inside the ERP the page follows the ERP's theme (app.js: host.on('theme') sets data-theme on <html>). */
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }
#signin { display: grid; gap: .5rem; max-width: 20rem; margin: 1rem 0; }
#signin[hidden] { display: none; }
#rows button, #rows a { margin-left: .5rem; }