/* Sign in to a device (#/device, #/pi-signin).
   Hashed by scripts/build.mjs after views-admin. The view moves this link to
   the end of head, where the old <style> was appended. */

.ps-wrap{max-width:480px;margin:0 auto;padding:24px 16px 48px}
.ps-card{background:var(--bg-card,var(--bg-raised));border:1px solid var(--border-subtle);border-radius:var(--r-lg,10px);padding:20px}
.ps-title{margin:0 0 12px;font-size:20px;color:var(--text-1)}
.ps-intro{margin:0 0 16px;color:var(--text-2);font-size:13px;line-height:1.5}
.ps-row{display:grid;grid-template-columns:118px minmax(0,1fr);gap:4px 12px;padding:8px 0;border-top:1px solid var(--border-subtle);font-size:13px}
.ps-row:first-of-type{border-top:0}
.ps-k{color:var(--text-muted)}
.ps-v{color:var(--text-1);overflow-wrap:anywhere}
.ps-sub{display:block;color:var(--text-muted);font-size:12px}
.ps-note{margin:12px 0 0;padding:10px 12px;border-radius:var(--r-sm,6px);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-2);font-size:12.5px;line-height:1.45}
.ps-code{font:600 30px/1.2 var(--font-mono,ui-monospace,monospace);letter-spacing:.08em;color:var(--text-1);text-align:center;margin:12px 0 4px}
.ps-confirm{display:flex;gap:10px;align-items:flex-start;margin:12px 0 0;font-size:13px;color:var(--text-1);line-height:1.4}
.ps-confirm input{margin-top:2px;width:18px;height:18px;flex:0 0 auto}
.ps-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.ps-actions .btn{width:100%;justify-content:center}
.ps-err{color:var(--danger);font-size:13px;min-height:18px;margin-top:10px}
.ps-ok{color:var(--ok);font-size:14px;line-height:1.5}
.ps-input{padding:12px;font:600 22px/1.2 var(--font-mono,ui-monospace,monospace);letter-spacing:.08em;text-align:center;text-transform:uppercase;background:var(--bg-input,var(--bg-raised));border:1px solid var(--border);border-radius:var(--r-sm,6px);color:var(--text-1)}
.ps-input[data-field="fill"]{width:100%}