/* login, first-run setup and admin pages. Same tokens as styles.css. */
@import url('/styles.css');
#app{padding-top:28px}
.box{background:var(--card);border-radius:24px;padding:22px;margin-top:14px}
label{display:block;font-size:12px;color:var(--ink2);margin:14px 0 6px;font-weight:600}
input,select{width:100%;height:46px;border-radius:14px;border:1px solid var(--edge);background:var(--raised);
  color:var(--ink);font:400 17px/1 -apple-system,system-ui,sans-serif;padding:0 14px}
.row{display:flex;gap:10px}.row>*{flex:1}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{height:38px;padding:0 14px;border-radius:19px;border:1px solid var(--edge);background:var(--raised);
  color:var(--ink);font:600 13px/1 -apple-system,system-ui,sans-serif;cursor:pointer}
.chips button.on{background:var(--ink);color:var(--onink);border-color:var(--ink)}
.go{width:100%;height:50px;margin-top:22px;border:0;border-radius:25px;background:var(--ink);color:var(--onink);
  font:700 15px/1 -apple-system,system-ui,sans-serif;cursor:pointer}
.go:disabled{opacity:.5}
.err{color:#ff6b6b;font-size:13px;margin-top:12px;min-height:1em}
.muted{color:var(--ink2);font-size:13px}
.item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.item:first-child{border-top:0}
.small{height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--edge);background:var(--raised);color:var(--ink);
  font:600 12px/1 -apple-system,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.link{word-break:break-all;font-size:12px;background:var(--raised);padding:10px;border-radius:12px;margin-top:10px}