/* The Telegram Login Widget has a fixed native medium footprint: 186 × 28 px.
   Keep it intact: scaling an embedded third-party iframe is what clipped its label. */
.nethra-login-telegram .nethra-telegram-actions {
  grid-template-columns: minmax(186px, 1.15fr) minmax(0, .85fr);
  gap: 10px;
  align-items: center;
}

.nethra-login-telegram .nethra-telegram-widget,
.nethra-login-telegram .nethra-telegram-bot-button {
  min-width: 0;
  height: 40px;
  min-height: 40px !important;
}

.nethra-login-telegram .nethra-telegram-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.nethra-login-telegram .nethra-telegram-widget iframe {
  width: 186px !important;
  height: 28px !important;
  max-width: none !important;
  transform: none !important;
}

.nethra-login-telegram .nethra-telegram-bot-button {
  width: 100%;
  justify-content: center;
  gap: 6px !important;
  padding: 7px 8px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.nethra-login-telegram .nethra-telegram-bot-button svg {
  width: 15px !important;
  height: 15px !important;
}

/* There is a single separator before Google. */
.nethra-login-telegram .nethra-telegram-auth > div:last-child {
  display: none !important;
}

/* A phone cannot fit a 186 px official widget and a second usable button
   at equal half-width. Preserve the full label and let the pair scroll
   horizontally rather than crop either action. */
@media (max-width: 390px) {
  .nethra-login-telegram .nethra-telegram-actions {
    grid-template-columns: 186px minmax(126px, 1fr);
    overflow-x: auto;
    padding-bottom: 2px;
  }
}