/* Knife registration widget — embedded on upscaleliving.id/pages/register-knife */
#ul-knife-reg { --kr-ink:#26382B; --kr-muted:#6b7468; --kr-line:#dcd6cc; --kr-bg:#FAF8F4; --kr-card:#fff;
  --kr-ok:#2f7a4b; --kr-warn:#a86b12; --kr-bad:#b3362f;
  max-width:520px; margin:32px auto 64px; padding:0 16px; color:var(--kr-ink); font-family:Inter, sans-serif;
  font-size:15px; line-height:1.5; box-sizing:border-box; }
#ul-knife-reg *, #ul-knife-reg *::before, #ul-knife-reg *::after { box-sizing:inherit; }
#ul-knife-reg h1 { font-family:'Playfair Display', Georgia, serif; font-size:28px; line-height:1.2; margin:0 0 8px; color:var(--kr-ink); }
#ul-knife-reg h2 { font-size:17px; margin:0 0 12px; color:var(--kr-ink); }
#ul-knife-reg p { margin:0 0 12px; }
#ul-knife-reg .kr-lead { color:var(--kr-muted); margin-bottom:24px; }
#ul-knife-reg .kr-card { background:var(--kr-card); border:1px solid var(--kr-line); border-radius:10px; padding:20px; margin-bottom:16px; }
#ul-knife-reg .kr-tabs { display:flex; border:1px solid var(--kr-line); border-radius:999px; padding:4px; margin-bottom:16px; background:var(--kr-bg); }
#ul-knife-reg .kr-tabs button { flex:1; border:0; background:transparent; padding:9px 12px; border-radius:999px; font:inherit; font-weight:600; color:var(--kr-muted); cursor:pointer; }
#ul-knife-reg .kr-tabs button[aria-selected="true"] { background:var(--kr-ink); color:#fff; }
#ul-knife-reg label { display:block; font-size:13px; font-weight:600; margin:0 0 4px; }
#ul-knife-reg .kr-field { margin-bottom:14px; }
#ul-knife-reg input[type=text], #ul-knife-reg input[type=email], #ul-knife-reg input[type=tel],
#ul-knife-reg input[type=password], #ul-knife-reg input[inputmode] { width:100%; font:inherit; font-size:16px; padding:11px 12px;
  border:1px solid var(--kr-line); border-radius:8px; background:#fff; color:var(--kr-ink); }
#ul-knife-reg input:focus { outline:2px solid var(--kr-ink); outline-offset:1px; }
#ul-knife-reg .kr-code { letter-spacing:.4em; text-align:center; font-size:22px !important; }
#ul-knife-reg .kr-hint { font-size:12px; color:var(--kr-muted); margin-top:4px; }
#ul-knife-reg .kr-check { display:flex; gap:10px; align-items:flex-start; font-size:13px; font-weight:400; color:var(--kr-muted); }
#ul-knife-reg .kr-check input { margin-top:3px; width:18px; height:18px; flex:none; }
#ul-knife-reg .kr-btn { display:block; width:100%; border:0; border-radius:999px; padding:13px 18px; font:inherit; font-weight:700;
  background:var(--kr-ink); color:#fff; cursor:pointer; }
#ul-knife-reg .kr-btn[disabled] { opacity:.6; cursor:wait; }
#ul-knife-reg .kr-link { background:none; border:0; padding:0; font:inherit; font-size:13px; color:var(--kr-ink); text-decoration:underline; cursor:pointer; }
#ul-knife-reg .kr-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; }
#ul-knife-reg .kr-msg { font-size:14px; border-radius:8px; padding:10px 12px; margin-bottom:14px; }
#ul-knife-reg .kr-msg.err { background:#fbecea; color:var(--kr-bad); }
#ul-knife-reg .kr-msg.ok { background:#e9f4ed; color:var(--kr-ok); }
#ul-knife-reg .kr-msg.info { background:#fbf3e4; color:var(--kr-warn); }
#ul-knife-reg .kr-knife { display:flex; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--kr-line); }
#ul-knife-reg .kr-knife:first-child { border-top:0; padding-top:0; }
#ul-knife-reg .kr-knife b { display:block; }
#ul-knife-reg .kr-knife small { color:var(--kr-muted); font-size:12px; }
#ul-knife-reg .kr-badge { flex:none; align-self:flex-start; font-size:11px; font-weight:700; border-radius:999px; padding:3px 9px; white-space:nowrap; }
#ul-knife-reg .kr-badge.verified { background:#e9f4ed; color:var(--kr-ok); }
#ul-knife-reg .kr-badge.pending { background:#fbf3e4; color:var(--kr-warn); }
#ul-knife-reg .kr-badge.rejected, #ul-knife-reg .kr-badge.expired { background:#fbecea; color:var(--kr-bad); }
#ul-knife-reg details { font-size:13px; color:var(--kr-muted); margin:-6px 0 14px; }
#ul-knife-reg details summary { cursor:pointer; }
#ul-knife-reg details ul { margin:6px 0 0; padding-left:18px; }
#ul-knife-reg .kr-empty { color:var(--kr-muted); font-size:14px; }