/* Email popup: bottom sheet on phones, bottom-LEFT corner card on desktop (the chat bubble is bottom right).
   Specs from design-handoff/delivery-popup/HANDOFF.md (Bob, 30 Sep). */
.al-pop[hidden]{display:none!important}
.al-pop{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:inherit;color:#111}
.al-pop__scrim{position:absolute;inset:0;background:rgba(17,20,32,.52);opacity:0;transition:opacity .2s ease;pointer-events:auto}
.al-pop__box{position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;background:#fff;border-radius:20px 20px 0 0;
  padding:10px 20px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px rgba(0,0,0,.25);
  transform:translateY(100%);transition:transform .25s ease;pointer-events:auto;max-height:90vh;overflow:auto}
.al-pop.is-open .al-pop__scrim{opacity:1}
.al-pop.is-open .al-pop__box{transform:none}
.al-pop__grab{display:block;width:38px;height:4px;border-radius:4px;background:#d6d9e3;margin:0 auto 12px}
.al-pop__x{position:absolute;top:4px;right:4px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:none;border:0;padding:0;margin:0;cursor:pointer;color:#6b7185;border-radius:10px;box-shadow:none;min-height:0}
.al-pop__x:hover{background:#f4f6fd;color:#111}
.al-pop__x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.al-pop__step{display:grid;gap:10px}
.al-pop__h{font-size:20px;font-weight:700;line-height:1.25;margin:0;padding-right:40px;color:#111;letter-spacing:-.01em;outline:0}
.al-pop__sub{font-size:14px;line-height:1.45;color:#4a4f5e;margin:0}
.al-pop__form{display:grid;gap:10px;margin:4px 0 0}
.al-pop__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.al-pop .al-pop__input{box-sizing:border-box;width:100%;height:48px;border:1px solid #c9cedd;border-radius:10px;padding:0 14px;
  font-size:16px;line-height:1.2;color:#111;background:#fff;box-shadow:none;margin:0}
.al-pop .al-pop__input:focus{outline:2px solid #5b6bbd;outline-offset:1px;border-color:#5b6bbd}
.al-pop__consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;color:#4a4f5e;cursor:pointer;margin:0}
.al-pop .al-pop__consent input{width:20px;height:20px;flex:none;margin:0;accent-color:#5b6bbd}
.al-pop__btn{height:48px;border:0;border-radius:10px;background:#5b6bbd;color:#fff;font-size:15px;font-weight:600;cursor:pointer;margin:0;padding:0 16px;box-shadow:none}
.al-pop__btn:hover{background:#5060b5}
.al-pop__btn:disabled{opacity:.7;cursor:default}
.al-pop__err{font-size:13px;color:#b34747;margin:0}
.al-pop__fine{font-size:12px;line-height:1.45;color:#6b7185;margin:0}
.al-pop__code{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px dashed #5b6bbd;background:#f4f6fd;border-radius:12px;padding:14px}
.al-pop__code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;font-weight:700;color:#111;background:none;padding:0;word-break:break-all}
.al-pop__copy{height:40px;flex:none;padding:0 14px;border:1.5px solid #5b6bbd;border-radius:10px;background:#fff;color:#4d5aa1;font-size:14px;font-weight:600;cursor:pointer;margin:0;box-shadow:none}
.al-pop__keep{height:44px;border:0;background:none;color:#4d5aa1;font-size:14px;font-weight:600;cursor:pointer;margin:0;padding:0;box-shadow:none}
@media (min-width:768px){
  .al-pop{inset:auto auto 24px 24px;width:340px}
  .al-pop__scrim{display:none}
  .al-pop__box{position:relative;border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 32px rgba(0,0,0,.28);transform:translateY(16px);opacity:0;transition:transform .2s ease,opacity .2s ease}
  .al-pop.is-open .al-pop__box{transform:none;opacity:1}
  .al-pop__grab{display:none}
  .al-pop__x{width:40px;height:40px;top:6px;right:6px}
  .al-pop__h{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.al-pop__box,.al-pop__scrim{transition:none}}