/* Minimal SaaS-like pill button */
.io-translate{position:relative;display:inline-block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.io-translate-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.55rem .8rem;border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;color:#111827;
  cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.06);
  font-weight:600;font-size:14px;line-height:1;
}
.io-translate-btn:hover{box-shadow:0 10px 26px rgba(0,0,0,.08)}
.io-translate-icon{font-size:16px}
.io-translate-caret{opacity:.7}
.io-translate-menu{
  position:absolute;z-index:9999;top:calc(100% + .5rem);left:0;
  min-width:220px;background:#fff;border:1px solid rgba(0,0,0,.10);
  border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.12);
  padding:.35rem;display:none;
}
.io-translate-menu.open{display:block}
.io-translate-item{
  width:100%;text-align:left;
  padding:.55rem .65rem;border-radius:12px;border:0;background:transparent;
  cursor:pointer;font-weight:600;font-size:14px;color:#111827;
}
.io-translate-item:hover{background:rgba(0,0,0,.05)}
.io-translate-status{margin-top:.4rem;font-size:12px;color:#6b7280}