/* Evensteer booking page: the same look in the Desk preview and on any website. */
.bkp{--bkp-ink:#0E1B15;--bkp-dim:#5D6B63;--bkp-line:rgba(14,27,21,.12);--bkp-bg:#fff;--bkp-soft:#F3F5F2;
  color:var(--bkp-ink);font:14.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;box-sizing:border-box;width:100%;max-width:1020px;margin:0 auto;animation:bkpIn .35s cubic-bezier(.2,.7,.2,1) both}
.bkp *,.bkp *::before,.bkp *::after{box-sizing:border-box}
.bkp.bkp-dark{--bkp-ink:#EEF3EF;--bkp-dim:#A4B2AA;--bkp-line:rgba(255,255,255,.12);--bkp-bg:#14211B;--bkp-soft:#1B2A23}
.bkp button{font:inherit;color:inherit;cursor:pointer}
.bkp-preview{font-size:12px;color:var(--bkp-dim);text-align:center;margin-bottom:8px}
.bkp-index,.bkp-shell,.bkp-done{background:var(--bkp-bg);border:1px solid var(--bkp-line);border-radius:20px;box-shadow:0 1px 2px rgba(14,27,21,.05),0 14px 44px rgba(14,27,21,.08)}
.bkp-index{padding:28px;max-width:640px;margin:0 auto}
.bkp-host{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bkp-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--bkp-c);color:#fff;font-weight:700;font-size:15px;flex:0 0 44px}
.bkp-name{font-weight:650}
.bkp-dim{color:var(--bkp-dim);font-size:13.5px}
.bkp-small{font-size:12px;margin:0}
.bkp-title{font-size:24px;line-height:1.2;letter-spacing:-.015em;margin:0 0 6px;font-weight:700}
.bkp-h2{font-size:18px;margin:4px 0 6px}
.bkp-intro{color:var(--bkp-dim);margin:0 0 12px}
.bkp-events{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.bkp-event{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--bkp-line);background:var(--bkp-bg);border-radius:14px;padding:14px 16px;transition:border-color .15s,transform .15s,box-shadow .15s}
.bkp-event:hover{border-color:var(--bkp-c);transform:translateY(-1px);box-shadow:0 6px 18px rgba(14,27,21,.08)}
.bkp-event > span:first-child{flex:1;display:flex;flex-direction:column;gap:3px}
.bkp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.bkp-chips span{font-size:12px;background:var(--bkp-soft);border-radius:99px;padding:2px 9px;color:var(--bkp-dim)}
.bkp-go{font-size:18px;color:var(--bkp-c)}
.bkp-shell{display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;min-height:440px}
.bkp-side{padding:22px;border-right:1px solid var(--bkp-line);display:flex;flex-direction:column;gap:8px}
.bkp-back{align-self:flex-start;border:0;background:none;color:var(--bkp-dim);padding:0;font-size:13.5px;margin-bottom:6px}
.bkp-back:hover{color:var(--bkp-c)}
.bkp-facts{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--bkp-dim);font-size:14.5px}
.bkp-picked{margin-top:auto;border-radius:12px;background:var(--bkp-soft);padding:10px 12px;display:flex;flex-direction:column}
.bkp-main{padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.bkp-shell.bkp-month .bkp-main{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-content:start;gap:18px}
.bkp-shell.bkp-month .bkp-layouts{grid-column:1 / -1}
.bkp-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.bkp-nav{width:34px;height:34px;border-radius:50%;border:1px solid var(--bkp-line);background:var(--bkp-bg);margin-left:4px}
.bkp-nav:hover{border-color:var(--bkp-c)}
.bkp-dow,.bkp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.bkp-dow span{font-size:12px;color:var(--bkp-dim);padding:4px 0}
.bkp-day{aspect-ratio:1;border-radius:12px;border:0;background:transparent;color:var(--bkp-dim);font-weight:500;max-height:52px}
.bkp-day.can{background:color-mix(in srgb,var(--bkp-c) 10%,transparent);color:var(--bkp-ink);font-weight:650}
.bkp-day.can:hover{background:color-mix(in srgb,var(--bkp-c) 22%,transparent)}
.bkp-day.on{background:var(--bkp-c);color:#fff}
.bkp-day.today{box-shadow:inset 0 0 0 1.5px var(--bkp-line)}
.bkp-day:disabled{cursor:default;opacity:.45}
.bkp-times{display:flex;flex-direction:column;gap:8px;min-width:0;animation:bkpIn .25s ease both}
.bkp-times-head{font-weight:650;font-size:14.5px}
.bkp-slot-list{display:flex;flex-direction:column;gap:6px;max-height:380px;overflow:auto;padding-right:2px}
.bkp-slot{border:1px solid color-mix(in srgb,var(--bkp-c) 45%,var(--bkp-line));background:var(--bkp-bg);color:var(--bkp-c);border-radius:10px;padding:10px;font-weight:650;transition:background .15s,color .15s}
.bkp-slot:hover,.bkp-slot.on{background:var(--bkp-c);color:#fff}
.bkp-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bkp-wcol{display:flex;flex-direction:column;gap:6px;min-width:0}
.bkp-wday{font-size:12px;font-weight:650;text-align:center;padding:6px 0;border-bottom:1px solid var(--bkp-line)}
.bkp-wcol .bkp-slot{padding:8px 2px;font-size:13.5px}
.bkp-none{text-align:center;color:var(--bkp-dim)}
.bkp-column{display:flex;flex-direction:column;gap:14px}
.bkp-column .bkp-slot-list{flex-direction:row;flex-wrap:wrap;max-height:none}
.bkp-column .bkp-slot{min-width:92px}
.bkp-seg{display:inline-flex;gap:2px;background:var(--bkp-soft);border-radius:10px;padding:3px;align-self:flex-start}
.bkp-seg button{border:0;background:transparent;border-radius:8px;padding:5px 12px;font-size:13.5px;color:var(--bkp-dim)}
.bkp-seg button.on{background:var(--bkp-bg);color:var(--bkp-ink);font-weight:650;box-shadow:0 1px 3px rgba(14,27,21,.12)}
.bkp-form{display:flex;flex-direction:column;gap:12px;max-width:520px;animation:bkpIn .25s ease both}
.bkp-field{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
.bkp-field input,.bkp-field textarea,.bkp-field select{font:inherit;font-weight:400;color:var(--bkp-ink);background:var(--bkp-bg);border:1px solid var(--bkp-line);border-radius:10px;padding:11px 13px;outline:none}
.bkp-field input:focus,.bkp-field textarea:focus,.bkp-field select:focus{border-color:var(--bkp-c);box-shadow:0 0 0 3px color-mix(in srgb,var(--bkp-c) 22%,transparent)}
.bkp-hp{position:absolute!important;left:-9999px;width:1px;height:1px}
.bkp-error{color:#B3261E;margin:0;font-size:13.5px}
.bkp-btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;background:var(--bkp-c);color:#fff!important;font-weight:650;padding:12px 20px;min-height:46px;text-decoration:none;transition:filter .15s,transform .12s}
.bkp-btn:hover{filter:brightness(1.08)}
.bkp-btn:active{transform:scale(.98)}
.bkp-btn.ghost{background:transparent;color:var(--bkp-ink)!important;border:1px solid var(--bkp-line)}
.bkp-btn.busy{opacity:.7;pointer-events:none}
.bkp-done{max-width:560px;margin:0 auto;padding:32px 26px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.bkp-tick{width:56px;height:56px;border-radius:50%;background:var(--bkp-c);color:#fff;display:grid;place-items:center;font-size:26px;animation:bkpPop .45s cubic-bezier(.2,1.4,.4,1) both}
.bkp-summary{width:100%;border:1px solid var(--bkp-line);border-radius:14px;margin:10px 0 14px;text-align:left}
.bkp-summary div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--bkp-line)}
.bkp-summary div:last-child{border-bottom:0}
.bkp-summary span{color:var(--bkp-dim)}
@keyframes bkpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bkpPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (max-width:820px){
  .bkp-shell{grid-template-columns:1fr}
  .bkp-side{border-right:0;border-bottom:1px solid var(--bkp-line)}
  .bkp-shell.bkp-month .bkp-main{grid-template-columns:1fr}
  .bkp-week-grid{grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto}
}
@media (max-width:520px){.bkp-index,.bkp-side,.bkp-main{padding:18px 16px}.bkp-title{font-size:21px}}
@media (prefers-reduced-motion:reduce){.bkp,.bkp-times,.bkp-form,.bkp-tick{animation:none}}
.bkp-dark .bkp-slot{color:color-mix(in srgb,var(--bkp-c) 35%,#fff);border-color:color-mix(in srgb,var(--bkp-c) 60%,#fff 10%)}
.bkp-dark .bkp-slot:hover,.bkp-dark .bkp-slot.on{color:#fff}
.bkp-dark .bkp-day.can{background:color-mix(in srgb,var(--bkp-c) 35%,transparent)}
.bkp-dark .bkp-go,.bkp-dark .bkp-req{color:color-mix(in srgb,var(--bkp-c) 35%,#fff)}