.mo-open[hidden],.mo-backdrop [hidden] { display:none !important; }
.mo-backdrop { position:fixed; inset:0; z-index:10070; display:grid; place-items:center; padding:20px; background:#0008; box-sizing:border-box; }
.mo-dialog { box-sizing:border-box; width:700px; max-width:100%; max-height:calc(100dvh - 40px); overflow:auto; overflow-wrap:anywhere; padding:24px; border:1px solid var(--boba-border-strong); border-radius:16px; background:var(--boba-surface); color:var(--boba-text); box-shadow:0 16px 56px #0005; font:14px/1.6 var(--boba-font); }
.mo-header,.mo-actions,.mo-recent-items { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.mo-header { justify-content:space-between; margin-bottom:16px; }
.mo-header h2 { margin:0; font-size:22px; }
.mo-label { display:block; font-weight:600; margin:12px 0 6px; }
.mo-input { display:block; box-sizing:border-box; width:100%; min-width:0; padding:10px 12px; border:1px solid var(--boba-border-strong); border-radius:8px; background:var(--boba-control); color:var(--boba-text); font:inherit; }
.mo-dialog textarea { resize:vertical; }
.mo-help,.mo-count,.mo-order time { color:var(--boba-text-secondary); font-size:12px; }
.mo-count { text-align:right; }
.mo-action,.mo-option { color:var(--boba-text); background:var(--boba-surface-raised); border:1px solid var(--boba-border-strong); border-radius:8px; padding:8px 12px; font:600 13px/1.5 var(--boba-font); cursor:pointer; max-width:100%; overflow-wrap:anywhere; }
.mo-action.mo-primary { background:#a51e38; color:white; border-color:#a51e38; }
.mo-dialog button:disabled { opacity:.5; cursor:default; }
.mo-dialog :focus-visible { outline:2px solid var(--boba-brand); outline-offset:2px; }
.mo-option { display:block; width:100%; text-align:left; margin-top:4px; }
.mo-new { border-style:dashed; }
.mo-results { max-height:230px; overflow:auto; }
.mo-chip { display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--boba-border-strong); border-radius:8px; }
.mo-platform { border:1px solid var(--boba-border-strong); border-radius:8px; margin:12px 0; display:flex; flex-wrap:wrap; gap:12px; }
.mo-platform label { display:flex; align-items:center; gap:4px; }
.mo-platform input { width:auto; }
.mo-validation,.mo-error { color:var(--boba-danger); margin:4px 0; }
.mo-recent h3 { font-size:13px; }
.mo-result { min-height:1.6em; font-weight:600; }
.mo-pending { border-top:1px solid var(--boba-border-strong); padding-top:16px; margin-top:16px; }
.mo-pending summary { cursor:pointer; font-size:16px; font-weight:600; margin-bottom:10px; }
.mo-order { padding:12px 0; border-bottom:1px solid var(--boba-border); }
.mo-order p { margin:4px 0; }
.mo-order .mo-actions { margin-top:8px; }
.mo-open { flex-shrink:0; }
@media(max-width:640px) {
  .mo-backdrop { padding:0; }
  .mo-dialog { width:100%; height:100dvh; max-height:100dvh; border-radius:0; padding:16px 16px max(20px,env(safe-area-inset-bottom)); }
}