/* Mes stickers — stickers handed out at a point of sale (my-stickers.js). Prefix ms-. */
.ms-code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-weight:800;letter-spacing:.02em;unicode-bidi:isolate}
.ms-waiting{display:flex;flex-direction:column;gap:12px;max-width:480px;margin-bottom:14px}
.ms-wait{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:#FFF1D6;box-shadow:inset 0 0 0 1.5px #F2C46B}
.ms-wait-h{display:flex;align-items:center;gap:10px}
.ms-wait-h b{display:block;font:800 15px/1.2 "Sora","Manrope",sans-serif;color:#0b0f14}
.ms-wait-h .ms-code{font-size:14px;color:#5C3D00}
.ms-wait-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:#0b0f14;color:#fff}
.ms-wait p{margin:0;font-weight:800;color:#0b0f14}
.ms-wait small{color:#5C3D00;font-size:12.5px;font-weight:700}

.ms-phys{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;background:#f8f8f7}
.ms-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13.5px}
.ms-k{color:#5b6470;font-weight:700}
.ms-v{font-weight:800;color:#0b0f14;text-align:end}
.ms-line.is-on .ms-k{color:#1F7A3A}
.ms-sub{margin:0;color:#5b6470;font-size:12.5px;line-height:1.45}
.ms-hist summary{cursor:pointer;color:#5b6470;font-size:12.5px;font-weight:800;min-height:32px;display:flex;align-items:center}
.ms-hist ul{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.ms-hist li{font-size:12.5px;color:#0b0f14}
.ms-hist li span{color:#5b6470}
.ms-qr-btn{gap:8px;margin-top:4px;cursor:pointer}
.ms-qr-btn ph-icon{flex:none}

.ms-drafts{display:flex;flex-direction:column;gap:12px;max-width:480px;margin-top:18px}
.ms-h{margin:0;font:800 17px/1.2 "Sora","Manrope",sans-serif;color:#0b0f14}
.ms-draft{display:flex;flex-direction:column;gap:10px;padding:14px}
.ms-draft-h{display:flex;align-items:center;gap:12px}
.ms-draft-h img,.ms-draft-h .ms-ph{flex:none;width:72px;height:54px;border-radius:10px;object-fit:cover;background:#f1efe9}
.ms-draft-h b{display:block;font-weight:800;color:#0b0f14}
.ms-draft-h small{display:block;color:#5b6470;font-size:12.5px}
.ms-ph{display:inline-flex;align-items:center;justify-content:center;color:#5b6470}

/* Sheet: bottom sheet on phones, centred modal from 768px (pinned above the account page and its sheets) */
body.ms-lock{overflow:hidden}
.ms-ov{position:fixed;inset:0;z-index:2100;display:flex;align-items:flex-end;justify-content:center;background:rgba(16,19,24,0);transition:background .2s;font-family:"Manrope",system-ui,sans-serif}
.ms-ov.is-open{background:rgba(16,19,24,.45)}
.ms-sheet{box-sizing:border-box;width:100%;max-height:90dvh;display:flex;flex-direction:column;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.ms-ov.is-open .ms-sheet{transform:none}
.ms-sheet-h{display:flex;align-items:center;gap:10px;padding:16px 16px 8px}
.ms-sheet-h h2{flex:1;margin:0;font:800 18px/1.25 "Sora","Manrope",sans-serif;color:#0b0f14}
.ms-x{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:12px;background:#f1efe9;color:#0b0f14;cursor:pointer}
.ms-sheet-b{display:flex;flex-direction:column;gap:12px;padding:6px 16px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto}
@media (min-width:768px){
  .ms-ov{align-items:center}
  .ms-sheet{width:min(460px,calc(100vw - 48px));border-radius:20px;transform:translateY(16px);opacity:0;transition:transform .2s,opacity .2s}
  .ms-ov.is-open .ms-sheet{transform:none;opacity:1}
}
.ms-lead{margin:0;font-weight:700;color:#0b0f14;font-size:14.5px;line-height:1.45}
.ms-picked{font-size:18px;color:#0b0f14}
.ms-cars{display:flex;flex-direction:column;gap:8px}
.ms-car{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px #e3e1da;text-align:start;cursor:pointer;font:inherit;color:#0b0f14}
.ms-car img,.ms-car .ms-ph{flex:none;width:76px;height:56px;border-radius:10px;object-fit:cover;background:#f1efe9}
.ms-car.is-on{box-shadow:inset 0 0 0 2.5px #FF5400}
.ms-car-tx{min-width:0;display:flex;flex-direction:column;gap:2px}
.ms-car-tx b{font-weight:800;font-size:14.5px}
.ms-car-tx small{color:#5b6470;font-size:12.5px}
.ms-warn{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:14px;background:#FFF1D6;color:#5C3D00;font-size:13px}
.ms-warn ph-icon{flex:none;color:#8A5A00;margin-top:1px}
.ms-warn b{display:block;font-weight:800;font-size:14px}
.ms-warn span{display:block;margin-top:2px}
.ms-err{margin:0;color:#B42A00;font-weight:700;font-size:13.5px}
.ms-err:empty{display:none}
.ms-wait-line{display:flex;align-items:center;gap:10px;margin:8px 0;color:#5b6470}
.ms-spin{width:18px;height:18px;border-radius:50%;border:3px solid #e3e1da;border-top-color:#FF5400;animation:ms-spin .8s linear infinite}
@keyframes ms-spin{to{transform:rotate(360deg)}}
.acc-primary-btn.is-busy{opacity:.6}
.ms-qr-car{display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:15px;color:#0b0f14;text-align:center}
.ms-qr-car small{color:#5b6470;font-size:12.5px;font-weight:700}
.ms-qr{align-self:center;width:min(260px,70vw);padding:12px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1.5px #e3e1da;line-height:0}
.ms-qr svg{width:100%;height:auto;display:block}
.ms-qr.is-expired{opacity:.15}
.ms-qr-time{margin:0;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;color:#0b0f14}
.ms-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0;text-align:center;color:#1F7A3A}
.ms-done h3{margin:0;font:800 20px/1.2 "Sora","Manrope",sans-serif;color:#0b0f14}
.ms-done p{margin:0;font-size:17px;color:#0b0f14}
.ms-done .ms-sub{font-size:13px;color:#5b6470}
@media (prefers-reduced-motion:reduce){.ms-ov,.ms-sheet{transition:none}.ms-spin{animation:none}}
.ms-warn[hidden]{display:none}