/* ══ INSTAWALLET DEMO MOUNT — TEMPORARY, remove after the Friday investor
   meeting (see REMOVE_AFTER_FRIDAY.md in this folder). Namespaced iwm-;
   the prototype under app/ is untouched. ══ */

/* ── the Wallet & Settlement module card becomes the trigger ── */
.iwm-card{cursor:pointer;transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s}
.iwm-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(242,98,46,.18)}
.iwm-card:focus-visible{outline:2px solid #F2622E;outline-offset:3px;border-radius:12px}
.iwm-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffd9c7;padding:4px 11px;border-radius:999px;background:rgba(242,98,46,.16);border:1px solid rgba(242,98,46,.45)}
.iwm-chip .d{width:6px;height:6px;border-radius:50%;background:#F2622E;box-shadow:0 0 8px #F2622E;animation:iwmBlink 1.6s infinite}
@keyframes iwmBlink{50%{opacity:.35}}

/* ── frosted overlay + tall frame (phone mockup + sidebar rail) ── */
#iwm-overlay{position:fixed;inset:0;z-index:9995;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(8,4,16,.66);backdrop-filter:blur(16px) saturate(1.05);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:opacity .32s,visibility .32s}
#iwm-overlay.iwm-open{opacity:1;visibility:visible}
.iwm-wrap{position:relative}
.iwm-frame{width:min(1040px,94vw);height:min(960px,90vh);height:min(960px,90dvh);border-radius:26px;overflow:hidden;box-shadow:0 40px 110px rgba(0,0,0,.7),0 0 0 1px rgba(242,98,46,.25);transform:translateY(16px) scale(.98);transition:transform .38s cubic-bezier(.22,.61,.36,1);background:#120822}
#iwm-overlay.iwm-open .iwm-frame{transform:none}
.iwm-frame iframe{width:100%;height:100%;border:0;display:block;background:#120822}
.iwm-close{position:absolute;top:-16px;right:-16px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(245,239,232,.3);background:rgba(18,8,34,.9);color:#F5EFE8;font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .2s,color .2s;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.iwm-close:hover{border-color:#F2622E;color:#F2622E}
@media(max-width:560px){
  .iwm-frame{width:100vw;max-width:100vw;height:88vh;height:88dvh;border-radius:20px 20px 0 0}
  #iwm-overlay{padding:0;align-items:flex-end}
  .iwm-close{top:auto;bottom:calc(88vh + 12px);bottom:calc(88dvh + 12px);right:12px}
}
@media (prefers-reduced-motion:reduce){.iwm-chip .d{animation:none!important}}