/* The alert pages. Loaded after shop.css, which owns the tokens and the card,
   button, tag and spinner rules — so the signup page and the delivery page are
   visibly one thing. No framework, no webfont, no external request. */

select, input[type="email"]{
  width:100%; font:inherit; color:var(--ink); background:#fff;
  border:1px solid var(--line); border-radius:9px; padding:11px 12px;
  margin:0; appearance:none; -webkit-appearance:none;
}
select{
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%235c5c5c' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 13px center; padding-right:34px;
}
select:focus, input:focus{outline:2px solid var(--brand); outline-offset:1px; border-color:var(--brand)}

.lkm-check{display:flex; align-items:flex-start; gap:10px; padding:7px 0}
.lkm-check input{
  width:20px; height:20px; min-width:20px; margin:1px 0 0; accent-color:var(--brand);
}
.lkm-check label{font-size:15px; line-height:1.45; margin:0}

#lkm-products{border:1px solid var(--line); border-radius:11px; padding:6px 12px}
#lkm-products .lkm-check + .lkm-check{border-top:1px solid var(--line)}

.lkm-consent{
  background:var(--bg); border:1px solid var(--line); border-radius:11px;
  padding:12px 14px; margin:18px 0 0;
}
.lkm-consent .lkm-sub{margin-top:9px}

.lkm-err{
  margin:14px 0 0; padding:11px 13px; border-radius:9px; font-size:15px;
  color:#8a1c1c; background:#fdecec; border:1px solid #f4cfcf;
}
.lkm-ok{border-color:#cfe6d9; background:var(--ok-bg)}
.lkm-ok .lkm-h1{color:var(--ok)}
.lkm-fine{margin-top:16px; padding-top:13px; border-top:1px solid var(--line)}

/* the explicitly-synthetic preview route; absent from the deployable pages */
.lkm-synthetic{
  background:#fdf4e3; border:1px solid #e8d6a8; color:#6b4600;
  border-radius:11px; padding:12px 14px; margin:0 0 14px; font-size:14px;
}
button[disabled]{opacity:.6; cursor:default}
/* a <button> gets line-height:normal, not the body's 1.5, so without this the
   same rule that makes a 44px tap target out of the delivery page's <a> gives
   a 39px one here */
.lkm-btn{line-height:1.5; min-height:44px}

/* a deployment with no mail credential says so on every page */
.lkm-nomail{
  background:#fdf4e3; border:1px solid #e8d6a8; color:#6b4600;
  border-radius:11px; padding:12px 14px; margin:0 0 14px; font-size:14px; line-height:1.45;
}

/* the second step of the signup, while the chosen shop is being looked up */
.lkm-step-busy{padding:18px 0 4px}

/* the manage page */
.lkm-pref{border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin:0 0 10px}
.lkm-pref .lkm-sub{margin:4px 0 0 30px}
.lkm-say{margin:12px 0 0;color:var(--ok);font-size:15px;font-weight:600}
#lkm-shops{border:1px solid var(--line);border-radius:11px;padding:6px 12px;max-height:46vh;overflow:auto}
#lkm-shops .lkm-check + .lkm-check{border-top:1px solid var(--line)}