@font-face{font-family:Inter;src:url(/shared/fonts/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Cinzel;src:url(/shared/fonts/cinzel-latin-400-normal.woff2) format("woff2");font-weight:400}@font-face{font-family:Cinzel;src:url(/shared/fonts/cinzel-latin-700-normal.woff2) format("woff2");font-weight:700}
/* Elder POS palette (brand sheet): ink #0A0614 plum #21143A primary #6D28D9 violet #8B5CF6 magenta #FF2BD6 mist #F5F3FA */
:root{--bg:#F5F3FA;--card:#fff;--ink:#1A1426;--mut:#5B5470;--line:#E6E1F0;--pri:#6D28D9;--acc:#6D28D9;--ok:#15803D;--bad:#B91C1C;--plum:#21143A;--night:#0A0614;--warn:#b45309;--r:14px}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font:16px/1.4 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}
input,textarea,select{user-select:text}
button{font:inherit;border:0;border-radius:12px;padding:12px 16px;background:#eef0f3;color:var(--ink);cursor:pointer;min-height:48px;touch-action:manipulation}
button:active{transform:scale(.98)}button.pri{background:var(--pri);color:#fff}button.acc{background:var(--acc);color:#fff}button.ok{background:var(--ok);color:#fff}button.bad{background:var(--bad);color:#fff}button.ghost{background:transparent}button:disabled{opacity:.4}
input,select,textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;width:100%;min-height:48px;background:#fff}
label{display:block;color:var(--mut);font-size:14px;margin:10px 0 4px}.mut{color:var(--mut)}.hide{display:none!important}.row{display:flex;gap:10px;align-items:center}.grow{flex:1}.err{color:var(--bad);min-height:1.3em}
.pair{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#21143A,#0A0614);color:#fff;padding:20px}.pair-card{max-width:560px;text-align:center}.pair .mut{color:#9ca3af}
.brand{display:inline-block;font-weight:800;letter-spacing:.2em;background:#fff;color:#0b1220;padding:6px 12px;border-radius:8px}
.code{font:700 clamp(48px,9vw,96px)/1.1 ui-monospace,Menlo,monospace;letter-spacing:.08em;margin:24px 0;background:#111a2e;border:2px solid #334155;border-radius:20px;padding:20px}
.modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}
.sheet{background:var(--card);border-radius:18px;padding:22px;width:min(560px,100%);max-height:94vh;overflow:auto}.sheet h3{margin:0 0 12px;font-size:22px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;z-index:90}
.pill{font-size:12px;padding:4px 10px;border-radius:99px;font-weight:700}.pill.test{background:#fef3c7;color:#92400e}.pill.live{background:#dcfce7;color:#166534}.pill.off{background:#fee2e2;color:#991b1b}

/* Elder POS product brand. Cinzel is used for the wordmark only. */
.elder{display:inline-flex;align-items:center;gap:10px}.elder img{width:36px;height:36px}.elder b{font-family:Cinzel,serif;font-weight:700;letter-spacing:.08em;font-size:20px}
.storebrand{font-family:Inter,system-ui,sans-serif}