*{box-sizing:border-box}html,body{margin:0;font-family:system-ui,-apple-system,sans-serif}#sosram.pos-mode{display:block!important;max-width:100%;min-height:100dvh;background:var(--bg);color:var(--ink)}.pos-mode #appHeader{display:flex!important;gap:10px;padding:14px!important;background:var(--sidebar-bg);color:var(--sidebar-ink);border-bottom:1px solid var(--line);align-items:center}.pos-mode h1{font-size:20px;margin:4px 0}.pos-mode #sessionPill{font-size:11px;flex:1}.pos-mode #appHeader button{background:#ffffff12;color:white;border:1px solid #ffffff25;padding:9px;min-height:44px;border-radius:6px}.pos-mode main{padding:18px 12px 90px;max-width:800px;margin:auto}.pos-mode .view{display:none}.pos-mode .view.active{display:block}.pos-mode .op-legacy{display:none!important}.pos-mode .op button{min-height:50px!important}.pos-mode .op-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pos-mode .pos-navigation{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 4px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);z-index:50}.pos-mode .pos-navigation button{min-height:48px;font:600 12px system-ui;color:var(--muted);border:0;background:transparent;border-radius:6px;padding:7px 3px}.pos-mode .pos-navigation button[aria-current="page"]{background:var(--pastel-blue);color:var(--accent)}.pos-mode .pos-login{position:fixed;inset:0;z-index:200;background:var(--bg);overflow:auto;padding:24px 16px}.pos-mode .pos-login[hidden]{display:none}.pos-mode .pos-login article{max-width:420px;margin:30px auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.pos-login img{width:100px;background:white;border-radius:8px}.pos-login p,.pos-login a{font-size:13px;line-height:1.6;color:var(--muted)}.pos-login form{display:grid;gap:16px;margin:20px 0}.pos-login label{display:grid;gap:6px;font-size:13px}.pos-login input{min-height:48px;font:16px system-ui;background:var(--surface-2);color:var(--ink);border:1px solid var(--line);padding:12px;border-radius:6px}.pos-login button{min-height:48px;background:#1e5268;border:0;color:white;font:600 16px system-ui;border-radius:6px}.pos-mode .toast-host{position:fixed;bottom:90px;left:12px;right:12px;z-index:500;pointer-events:none}.pos-mode .toast{background:var(--surface);border:1px solid var(--line);padding:12px;border-radius:6px;margin:6px 0;font-size:13px;color:var(--ink)}.pos-mode.locked header,.pos-mode.locked main,.pos-mode.locked nav{visibility:hidden}.pos-mode .op-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:16px;max-height:94dvh;overflow:auto}.pos-mode .op-dialog::backdrop{background:#10203488}#sosram.pos-mode .op-dialog-head{display:flex;justify-content:space-between;gap:12px}.pos-mode .op-form{grid-template-columns:1fr}.pos-mode .op-signature{height:200px}.pos-mode .op-table-wrap{max-width:100%}.pos-mode .op-ticket{margin:0 auto}@media print{.pos-mode .pos-navigation,.pos-mode #appHeader{display:none!important}}
#sosram.pos-mode .pos-navigation button{background:transparent!important;color:var(--ink)!important;border:1px solid transparent!important;line-height:1.3}
#sosram.pos-mode .pos-navigation button[aria-current="page"]{background:var(--pastel-blue)!important;color:var(--accent)!important;border-color:var(--line)!important}