.tg-connect-card {
  background: #fff;
  border: 1px solid var(--border, #DDD5C8);
  border-radius: 12px;
  padding: 1.15rem 1.25rem;
  box-shadow: var(--shadow, 0 1px 8px rgba(28,58,47,.09));
  margin-bottom: 1rem;
}
.tg-connect-head { display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem; }
.tg-connect-title { display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;color:var(--text, #2A2218); }
.tg-connect-icon { width:30px;height:30px;border-radius:9px;background:#229ED9;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem; }
.tg-connect-status { border-radius:50px;padding:.18rem .58rem;font-size:.7rem;font-weight:700;white-space:nowrap; }
.tg-connect-status.is-on { background:#EDF5EE;color:#2D7D46; }
.tg-connect-status.is-off { background:#F0EDE6;color:#8A7D6B; }
.tg-connect-copy { color:var(--muted, #8A7D6B);font-size:.8rem;line-height:1.5;margin-bottom:.8rem; }
.tg-connect-actions { display:flex;align-items:center;gap:.65rem;flex-wrap:wrap; }
.tg-connect-button { border:0;border-radius:8px;background:#229ED9;color:#fff;padding:.62rem .95rem;font:600 .82rem Inter, sans-serif;cursor:pointer; }
.tg-connect-button:hover { background:#168ac1; }
.tg-connect-button:disabled { opacity:.65;cursor:wait; }
.tg-connect-link { color:#168ac1;font-size:.8rem;font-weight:600;text-decoration:none; }
.tg-connect-message { margin-top:.65rem;font-size:.78rem;line-height:1.45;color:var(--muted, #8A7D6B); }
.tg-connect-message.is-ok { color:#2D7D46; }
.tg-connect-message.is-error { color:#9B2335; }
@media (max-width:640px) {
  .tg-connect-card { padding:1rem; }
  .tg-connect-button { width:100%; }
}