/* Embeddable «Войти через login.tj» — optional stylesheet for RP sites.
   Link: <link rel="stylesheet" href="{ISSUER}/assets/login-button.css">
   Button must point at YOUR app login route (e.g. /auth/logintj), not IdP /auth directly. */

.login-tj-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 2.75rem;
  padding: 0.65rem 1.15rem;
  border: 1px solid #18181b;
  border-radius: 10px;
  background: #18181b;
  color: #fafafa !important;
  font: 600 0.95rem/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.login-tj-btn:hover {
  background: #27272a;
  border-color: #27272a;
  color: #fff !important;
}

.login-tj-btn:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 3px;
}

.login-tj-btn--light {
  background: #fff;
  color: #18181b !important;
  border-color: #d4d4d8;
}

.login-tj-btn--light:hover {
  background: #f4f4f5;
  color: #18181b !important;
}

.login-tj-btn__mark {
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #2563eb, #0ea5e9);
  flex-shrink: 0;
}