/* Option chooser dialog (js/option-picker.js), shared by the menu, cash desk and waiter app. */
.option-picker {
  margin: auto;
  width: min(380px, calc(100% - 32px));
  padding: 22px 20px 16px;
  border: 0; border-radius: 20px;
  font-family: "Roboto", system-ui, sans-serif; color: #1d2230;
  text-align: center;
  animation: option-pop .2s ease;
}
.option-picker::backdrop { background: rgba(13, 21, 38, .6); }
@keyframes option-pop { from { transform: scale(.94); opacity: 0; } }
.option-picker h3 { font-size: 21px; margin: 0 0 2px; }
.option-picker p { color: #6b7180; margin: 0 0 14px; font-size: 15px; }
.option-picker-list { display: flex; flex-direction: column; gap: 8px; }
.option-picker-list button {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 56px; padding: 0 18px;
  border: 2px solid #e5e7ec; border-radius: 14px; background: #fff;
  font: 500 18px "Roboto", system-ui, sans-serif; color: #1d2230; cursor: pointer;
  transition: border-color .15s, background .15s;
}
.option-picker-list button:hover, .option-picker-list button:focus-visible { border-color: #f26419; background: #fff1e8; outline: 0; }
.option-picker-list strong { color: #f26419; font-size: 16px; }
.option-picker-cancel {
  width: 100%; margin-top: 10px; padding: 12px;
  border: 0; background: none; color: #6b7180;
  font: 500 15px "Roboto", system-ui, sans-serif; cursor: pointer;
}