/* enroll.css: forms, buttons and flash copied from meshy.css, plus the single-column enroll layout (on top of style.css) */
.flash { padding: .6rem .9rem; margin: 0 0 1rem; border: 1px solid var(--line); background: var(--card); }
.flash.ok { border-color: rgba(127,212,163,.45); color: var(--ok); background: var(--ok-t); }
.flash.bad { border-color: rgba(255,138,138,.45); color: var(--bad); background: var(--bad-t); }
input[type=text], input[type=number], input[type=search], input[type=url], input:not([type]), select, textarea {
  background: var(--inset); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r); padding: .42rem .55rem; font: inherit; font-size: .88rem; }
input[type=number] { width: 7.5rem; }
textarea { width: 100%; min-height: 6.5rem; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 1px solid var(--gold-dim); }
.btn, button.btn { display: inline-flex; align-items: center; gap: .4rem; font: .7rem/1 var(--geo); letter-spacing: .12em; text-transform: uppercase;
  padding: .55rem .85rem; border: 1px solid var(--gold-dim); color: var(--gold-l); background: transparent; cursor: pointer; border-radius: var(--r); }
.btn:hover { background: var(--gold-t); color: var(--ink); }
.btn.primary { background: var(--gold); color: #14100a; border-color: var(--gold); }
.btn.primary:hover { background: var(--gold-l); }
.btn.danger { border-color: rgba(255,138,138,.5); color: var(--bad); }
main.narrow { max-width: 640px; }
.box { padding: 1.1rem 1.3rem; margin-bottom: 1rem; }
.box ol { margin: .4rem 0 .8rem 1.2rem; padding: 0; }
form label { display: block; margin: .7rem 0; }
form input[type=password], form input[type=text] { width: 100%; max-width: 420px; }
.qr { background: #fff; display: inline-block; padding: 8px; margin: .4rem 0; }
.qr svg { display: block; width: 232px; height: 232px; }
code.secret { word-break: break-all; font-size: .95rem; letter-spacing: .06em; }
.flash.bad { margin-bottom: 1rem; }
input[type=password] { background: var(--inset); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r); padding: .45rem .6rem; font: inherit; }