.app-toast-host{
  position:fixed;
  top:max(16px, env(safe-area-inset-top));
  right:16px;
  z-index:2147483600;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  pointer-events:none;
  max-width:min(92vw, 380px);
}
.app-toast{
  pointer-events:auto;
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:min(92vw, 360px);
  padding:12px 14px;
  border-radius:14px;
  color:#f7fafc;
  background:#121826;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 40px rgba(0,0,0,.28);
  font:700 13.5px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  transform:translateY(-8px);
  opacity:0;
  transition:opacity .22s ease, transform .22s ease;
}
.app-toast.on{opacity:1;transform:translateY(0);}
.app-toast-ico{
  width:28px;height:28px;border-radius:9px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;font-size:12px;
}
.app-toast-copy{flex:1;min-width:0;padding-top:4px;}
.app-toast-x{
  border:0;background:transparent;color:inherit;opacity:.55;cursor:pointer;
  font-size:18px;line-height:1;padding:0 2px;margin-top:1px;
}
.app-toast-x:hover{opacity:1;}
.app-toast.is-success{background:#0d2a1c;border-color:rgba(0,200,83,.38);}
.app-toast.is-success .app-toast-ico{background:rgba(0,200,83,.2);color:#5dff9a;}
.app-toast.is-error{background:#2a1012;border-color:rgba(255,82,82,.42);}
.app-toast.is-error .app-toast-ico{background:rgba(255,82,82,.2);color:#ff8b8b;}
.app-toast.is-warning{background:#2a1d0a;border-color:rgba(245,166,35,.42);}
.app-toast.is-warning .app-toast-ico{background:rgba(245,166,35,.2);color:#ffd27a;}
.app-toast.is-info{background:#0b1d33;border-color:rgba(17,153,250,.42);}
.app-toast.is-info .app-toast-ico{background:rgba(17,153,250,.2);color:#8fd0ff;}

.app-dialog{
  position:fixed;inset:0;z-index:2147483500;
  display:flex;align-items:center;justify-content:center;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom));
}
.app-dialog[hidden]{display:none !important;}
.app-dialog-scrim{
  position:absolute;inset:0;
  background:rgba(7,9,13,.62);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.app-dialog-card{
  position:relative;
  width:min(100%, 380px);
  background:#111827;
  color:#f5f7fb;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  padding:22px 20px 16px;
  box-shadow:0 28px 70px rgba(0,0,0,.42);
  transform:translateY(10px) scale(.98);
  animation:appDialogIn .2s ease forwards;
}
.app-dialog-mark{
  width:40px;height:40px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  margin:0 0 12px;font-size:15px;
  background:rgba(17,153,250,.16);color:#8fd0ff;
}
.app-dialog.is-danger .app-dialog-mark{background:rgba(255,82,82,.16);color:#ff8b8b;}
.app-dialog.is-success .app-dialog-mark{background:rgba(0,200,83,.16);color:#5dff9a;}
.app-dialog-title{
  margin:0 0 6px;font:800 17px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.02em;
}
.app-dialog-body{
  margin:0;font:500 14px/1.5 Inter,system-ui,sans-serif;color:rgba(245,247,251,.72);
}
.app-dialog-body .app-kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;}
.app-dialog-body .app-kv:last-child{border-bottom:0;}
.app-dialog-body .app-kv span{color:rgba(245,247,251,.55);}
.app-dialog-prompt{margin:14px 0 0;}
.app-dialog-input{
  width:100%;height:42px;border-radius:11px;border:1px solid rgba(255,255,255,.12);
  background:#0b1018;color:#fff;padding:0 12px;font:600 14px/1 Inter,system-ui,sans-serif;outline:none;
}
.app-dialog-input:focus{border-color:#c5a572;box-shadow:0 0 0 3px rgba(197,165,114,.18);}
.app-dialog-actions{display:flex;gap:8px;margin-top:16px;}
.app-dialog-btn{
  flex:1;height:42px;border:0;border-radius:11px;cursor:pointer;
  font:800 13.5px/1 Inter,system-ui,sans-serif;
}
.app-dialog-btn.ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.1);}
.app-dialog-btn.ok{background:#c5a572;color:#0b1d36;}
.app-dialog.is-danger .app-dialog-btn.ok{background:#e11d48;}
.app-dialog.is-success .app-dialog-btn.ok{background:#00C853;color:#04210f;}
.app-dialog-btn:disabled{opacity:.45;cursor:not-allowed;}
.app-dialog-btn:hover:not(:disabled){filter:brightness(1.08);}
@keyframes appDialogIn{to{transform:none;}}

html[data-theme="light"] .app-toast{
  color:#111827;background:#fff;border-color:rgba(17,24,39,.1);box-shadow:0 14px 36px rgba(17,24,39,.12);
}
html[data-theme="light"] .app-toast.is-success{background:#ecfdf3;border-color:#86efac;color:#166534;}
html[data-theme="light"] .app-toast.is-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b;}
html[data-theme="light"] .app-toast.is-warning{background:#fffbeb;border-color:#fcd34d;color:#92400e;}
html[data-theme="light"] .app-toast.is-info{background:#eff6ff;border-color:#93c5fd;color:#1e40af;}
html[data-theme="light"] .app-dialog-scrim{background:rgba(15,23,42,.38);}
html[data-theme="light"] .app-dialog-card{
  background:#fff;color:#0f172a;border-color:rgba(15,23,42,.08);box-shadow:0 24px 60px rgba(15,23,42,.18);
}
html[data-theme="light"] .app-dialog-body{color:#475569;}
html[data-theme="light"] .app-dialog-btn.ghost{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0;}
html[data-theme="light"] .app-dialog-input{background:#f8fafc;color:#0f172a;border-color:#e2e8f0;}

body.wa-body .app-toast-host,
body.mp-body .app-toast-host,
body.cdc-body .app-toast-host{
  top:auto;
  bottom:calc(18px + env(safe-area-inset-bottom));
  right:50%;
  left:auto;
  transform:translateX(50%);
  align-items:center;
}
@media(min-width:900px){
  body.wa-body .app-toast-host,
  body.mp-body .app-toast-host,
  body.cdc-body .app-toast-host{
    top:max(16px, env(safe-area-inset-top));
    right:16px;
    bottom:auto;
    transform:none;
    align-items:flex-end;
  }
}
body.wa-body .app-toast-host{bottom:calc(var(--wa-tab, 72px) + 12px + env(safe-area-inset-bottom));}
@media(min-width:900px){
  body.wa-body .app-toast-host{bottom:auto;}
}

#toast-container{display:none !important;}
body.wa-kyc .app-toast-host{display:none !important;}

@media(prefers-reduced-motion:reduce){
  .app-toast,.app-dialog-card{animation:none;transition:none;}
}