/* Shared inline menu card. Keep all rules scoped away from the legacy shell. */
.ml-card { --ml-ink:#203e42; --ml-muted:#617579; --ml-accent:#347c79; --ml-line:#cddfd9; border:1px solid #d0e3df; border-radius:22px; padding:26px; margin:22px 0; background:linear-gradient(115deg,#edf6f3,#fff 68%); color:var(--ml-ink); font:400 14px/1.5 ClearSans,sans-serif; }
.ml-card * { box-sizing:border-box; }.ml-card [hidden] { display:none!important; }.ml-card button,.ml-card input,.ml-card select { font:inherit; }.ml-card button { cursor:pointer; }.ml-card button:disabled { opacity:.5; cursor:default; }.ml-card :is(input,select,button,a):focus-visible { outline:3px solid #1f7085; outline-offset:3px; }
.ml-pointCard { width:min(1248px,calc(100% - 32px)); margin:24px auto; }
.ml-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }.ml-card .ml-eyebrow { margin:0 0 8px; font-size:10px; letter-spacing:1.4px; color:var(--ml-accent); }.ml-card h3 { font-size:21px; line-height:1.3; font-weight:500; margin:0; letter-spacing:-.4px; }.ml-card .ml-intro { margin:7px 0 0; font-size:13px; color:var(--ml-muted); }
.ml-layout { display:grid; grid-template-columns:minmax(0,1fr) 196px; gap:30px; margin-top:22px; }.ml-content { min-width:0; }.ml-card .ml-label { display:block; margin:0 0 7px; font-size:12px; color:var(--ml-muted); }.ml-input { display:block; width:100%; min-height:44px; border:1px solid var(--ml-line); border-radius:11px; background:#fff; padding:10px 13px; color:var(--ml-ink); }.ml-select { appearance:none; padding-right:42px; text-overflow:ellipsis; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23347c79' fill='none' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; }.ml-card .ml-pointName { font-size:17px; font-weight:500; margin:0 0 16px; overflow-wrap:anywhere; }#mlSearchWrap { margin-bottom:13px; }
.ml-card .ml-status { font-size:12px; color:var(--ml-muted); margin:8px 0 0; }.ml-card .ml-status:empty { display:none; }#mlResult { margin-top:17px; }.ml-url { font-size:12px!important; color:#48676b; text-overflow:ellipsis; background:#ffffffb3; }
.ml-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px 14px; margin-top:13px; }.ml-primary,.ml-secondary { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 17px; border:1px solid var(--ml-accent); border-radius:11px; background:var(--ml-accent); color:#fff!important; font-size:13px!important; font-weight:500!important; text-decoration:none; transition:background-color 140ms,transform 130ms; }.ml-secondary { background:#fff; color:#306e64!important; border-color:var(--ml-line); }.ml-textButton { border:0; background:transparent; color:var(--ml-accent); font-size:12px!important; min-height:44px; padding:8px 0; text-align:left; transition:transform 130ms; }
.ml-qrPanel { align-self:start; text-align:center; background:#fff; border:1px solid #dce8e3; border-radius:17px; padding:12px; }.ml-qr { width:160px; max-width:100%; margin:auto; }.ml-qr svg { display:block; width:100%; height:auto; }.ml-qrCaption { display:block; font-size:10px; color:var(--ml-muted); margin:4px 0 0; }.ml-qrPanel .ml-textButton { text-align:center; }
.ml-previewRow { display:flex; gap:12px; align-items:center; margin-top:16px; }.ml-preview { display:flex; flex-shrink:0; gap:5px; }.ml-preview:empty { display:none; }.ml-preview > div { width:38px; height:46px; border-radius:5px; background:#edf3f0; border:1px solid #dce7e1; overflow:hidden; }.ml-preview img { width:100%; height:100%; object-fit:contain; }.ml-previewRow .ml-status { margin:0; max-width:360px; }.ml-card .ml-footnote { border-top:1px solid #dce8e3; margin:20px 0 0; padding-top:13px; font-size:11px; color:var(--ml-muted); }
@media(hover:hover) and (pointer:fine) { .ml-primary:hover { background:#286863; }.ml-secondary:hover { background:#edf5f2; }.ml-card :is(button,a):active { transform:scale(.98); } }
@media(max-width:767px) { .ml-card { padding:20px; border-radius:18px; }.ml-heading { flex-wrap:wrap; gap:12px; }.ml-card h3 { font-size:20px; }.ml-layout { grid-template-columns:minmax(0,1fr); gap:20px; margin-top:20px; }.ml-qrPanel { width:100%; display:grid; grid-template-columns:140px minmax(0,1fr); align-items:center; padding:10px 14px; }.ml-qr { width:140px; grid-row:1 / 3; }.ml-qrCaption { font-size:11px; align-self:end; margin-bottom:5px; }.ml-qrPanel .ml-textButton { align-self:start; }.ml-actions .ml-primary,.ml-actions .ml-secondary { flex:1 1 140px; }.ml-previewRow { align-items:flex-start; }.ml-card .ml-footnote { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .ml-card :is(button,a) { transition:none; transform:none!important; } }

.ml-videoPreview { position:relative; display:grid; place-items:center; }.ml-videoPreview span { position:absolute; display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:#203e42cc; color:#fff; font-size:10px; }