/* SOFRA v12.9.74 — Courier selection: right-side slide-in panel.
   This stylesheet only applies to the courier quick-picker dialog. */
@keyframes sofra-courier-drawer-enter {
  from { transform:translateX(105%); opacity:.9; }
  to   { transform:translateX(0); opacity:1; }
}
@keyframes sofra-courier-drawer-backdrop {
  from { background:rgba(15,32,40,0); -webkit-backdrop-filter:blur(0); backdrop-filter:blur(0); }
  to   { background:rgba(15,32,40,.45); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
}
/* Both desktop and mobile slide in from the RIGHT, like the existing note drawer. */
dialog#modal.courier-pick-dialog,
dialog#modal[open].courier-pick-dialog {
  position:fixed!important;
  inset:0 0 0 auto!important;
  margin:0!important;
  padding:0!important;
  width:min(460px,100vw)!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  border-radius:22px 0 0 22px!important;
  background:#fff;
  box-shadow:-24px 0 70px rgba(21,43,59,.19);
  overflow:hidden!important;
  display:flex;
  flex-direction:column;
}
dialog#modal[open].courier-pick-dialog {
  animation:sofra-courier-drawer-enter .25s cubic-bezier(.2,.82,.22,1) both!important;
}
dialog#modal.courier-pick-dialog::backdrop {
  background:rgba(15,32,40,.45);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  animation:sofra-courier-drawer-backdrop .2s ease-out;
}
dialog#modal.courier-pick-dialog .modal-head {
  flex:0 0 auto;
  padding:20px 22px!important;
  border-bottom:1px solid #e8ecef;
  background:#fff;
}
dialog#modal.courier-pick-dialog .modal-head h2 {
  font-size:20px;
  line-height:1.25;
}
dialog#modal.courier-pick-dialog .modal-head small {
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#83929a;
}
dialog#modal.courier-pick-dialog .courier-pick-list {
  flex:1 1 auto;
  min-height:0;
  max-height:none!important;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:18px 20px calc(20px + env(safe-area-inset-bottom))!important;
  align-content:start;
}
dialog#modal.courier-pick-dialog .courier-pick-row {
  min-height:64px;
  border-radius:14px;
  touch-action:manipulation;
}
@media(max-width:760px) {
  dialog#modal.courier-pick-dialog,
  dialog#modal[open].courier-pick-dialog {
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
  }
  dialog#modal.courier-pick-dialog .modal-head {
    padding:18px 17px!important;
  }
  dialog#modal.courier-pick-dialog .courier-pick-list {
    padding:13px 16px calc(18px + env(safe-area-inset-bottom))!important;
  }
  dialog#modal.courier-pick-dialog .courier-pick-row { min-height:60px; }
}
@media(prefers-reduced-motion:reduce) {
  dialog#modal[open].courier-pick-dialog,
  dialog#modal.courier-pick-dialog::backdrop {animation:none!important;}
}