/* The slot picker on /call/ and /es/llamada/.
   Loaded by those two pages and nothing else. */

.bk-status{border-radius:2px;padding:14px 16px;font-size:15px;line-height:1.6;
  border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink-2);margin-top:18px}
.bk-status.bad{border-color:var(--rule-strong);color:var(--ink)}
.bk-status b{color:var(--ink);display:block;margin-bottom:2px}

.bk-day{border-top:1px solid var(--rule);padding:18px 0}
.bk-day:last-child{border-bottom:1px solid var(--rule)}
.bk-day__d{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);
  margin:0 0 10px;font-weight:500}
.bk-times{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.bk-time{all:unset;cursor:pointer;font-size:15px;font-variant-numeric:tabular-nums;
  border:1px solid var(--rule-strong);border-radius:2px;padding:10px 16px;color:var(--ink);
  transition:background .12s,border-color .12s;min-height:44px;display:inline-flex;align-items:center}
.bk-time:hover{background:var(--tint);border-color:var(--ink-2)}
.bk-time:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bk-time[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#1b1b1b;font-weight:600}

.bk-zone{font-size:14px;color:var(--muted);margin-top:16px}

.bk-form{margin-top:26px;border-top:1px solid var(--rule);padding-top:26px;max-width:var(--measure)}
.bk-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bk-chosen{background:var(--accent-wash);border:1px solid var(--rule-strong);border-radius:2px;
  padding:14px 16px;margin-bottom:20px;font-size:15px;line-height:1.55}
.bk-chosen b{display:block;color:var(--ink)}
.bk-chosen button{all:unset;cursor:pointer;font-size:14px;color:var(--accent);
  text-decoration:underline;margin-top:6px;display:inline-block;min-height:44px;line-height:44px}
.bk-err{color:var(--bad,#E38DA0);font-size:15px;margin-top:14px}
.bk-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.bk-done{border:1px solid var(--rule-strong);background:var(--paper-raised);border-radius:2px;
  padding:24px;margin-top:20px}
.bk-done h3{margin:0 0 8px}
.bk-done .when{font-size:20px;color:var(--ink);margin:0 0 12px}

@media(max-width:560px){.bk-form .row{grid-template-columns:1fr}}