/* Dock minimal: countries + close (no title) */
#ananda-dock{
  position:fixed;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  z-index:999999;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  border-radius:14px;
  padding:10px 8px;
  width:78px;
  max-width:92vw;
  font-family:system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
}
#ananda-dock.is-hidden{ display:none; }
.ananda-dock__close{
  position:absolute;
  top:6px; right:8px;
  background:transparent; border:0; font-size:16px; line-height:1; cursor:pointer;
  color:#6b7280;
}
.ananda-dock__close:hover{ color:#111827; }
.ananda-dock__options{ display:grid; gap:8px; }
.ananda-dock__option{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border:1px solid rgba(0,0,0,.08); border-radius:10px; padding:6px; cursor:pointer;
  background:#fff;
}
.ananda-dock__option:hover{ background:#f9fafb; }
.ananda-dock__flag{
  width:18px; height:12px; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  margin-bottom:6px;
}
.ananda-dock__currency{ font-size:12px; font-weight:600; text-align:center; }

/* Toast */
#ananda-toast{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:999999;
  background:#B2C8A0;
  color:#111827;
  border-radius:12px;
  padding:10px 12px;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  display:flex; align-items:center; gap:10px;
  max-width:92vw; width:520px;
}
#ananda-toast.is-hidden{ display:none; }
.ananda-toast__msg{ flex:1; font-weight:600; }
.ananda-toast__actions{ display:flex; gap:8px; }
.ananda-toast__btn{
  border:1px solid rgba(0,0,0,.2);
  background:rgba(255,255,255,.85);
  padding:8px 10px;
  border-radius:10px;
  cursor:pointer;
}
.ananda-toast__btn--go{ font-weight:700; }
.ananda-toast__btn--stay{ background:transparent; }

/* Debug badge (off by default; shown via ?ananda_debug=1) */
.ananda-dock__debug{
  position:absolute;
  left:8px; bottom:8px;
  font-size:10px; font-weight:700;
  color:#fff; background:#ef4444;
  padding:2px 6px; border-radius:999px;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}

/* Mobile & tablet vertical */
@media (max-width: 768px) and (orientation: portrait){
  #ananda-dock{
    right:8px; left:auto;
    top:50%; transform:translateY(-50%);
    width:72px; padding:8px 6px; border-radius:12px;
    box-shadow:0 4px 14px rgba(0,0,0,.10);
  }
  .ananda-dock__flag{ width:16px; height:11px; margin-bottom:4px; }
  .ananda-dock__currency{ font-size:11px; }
  #ananda-toast{
    right:10px; left:auto; bottom:12px;
    width:auto; max-width:88vw;
    padding:10px;
  }
}
