/* Auth pages only (login/register/reset) – harmonize with panel palette */

body.auth-page {
  --auth-accent: #155dfc;
  --auth-accent-hover: #1248d9;
  --auth-accent-soft: rgba(21, 93, 252, 0.22);
  --auth-surface: #101010;
  --auth-card: #232323;
  --auth-border: rgb(56, 59, 64);
}

/* Soften link hover (avoid “flashy” neon) */
body.auth-page a:hover {
  color: rgba(143, 174, 242, 1);
}

/* Buttons: keep primary but reduce brightness jump */
body.auth-page .bg-blue-600 {
  background-color: var(--auth-accent) !important;
}
body.auth-page .hover\:bg-blue-700:hover {
  background-color: var(--auth-accent-hover) !important;
}

/* Black secondary buttons: keep, but smooth hover */
body.auth-page .bg-gray-900 {
  background-color: #0c0c0c !important;
}
body.auth-page .hover\:bg-black:hover {
  background-color: #000 !important;
}

/* Card + borders: match panel */
body.auth-page .dark\:bg-gray-700\/50 {
  background-color: rgba(35, 35, 35, 0.85) !important;
}
body.auth-page .dark\:border-gray-700 {
  border-color: var(--auth-border) !important;
}
body.auth-page .hover\:border-blue-500:hover {
  border-color: rgba(21, 93, 252, 0.55) !important;
}

/* Inputs: reduce bright focus ring and match border */
body.auth-page .dark\:bg-gray-700 {
  background-color: var(--auth-surface) !important;
}
body.auth-page .dark\:border-gray-600 {
  border-color: var(--auth-border) !important;
}
body.auth-page .focus\:border-blue-500:focus {
  border-color: rgba(21, 93, 252, 0.6) !important;
}
body.auth-page .focus\:ring-blue-500\/20:focus {
  --tw-ring-color: var(--auth-accent-soft) !important;
  box-shadow: 0 0 0 4px var(--auth-accent-soft) !important;
}

/* Login: "veya" divider — lines stay on the sides, no overlap */
body.auth-page .auth-divider {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin: 1.25rem 0 1rem;
  width: 100%;
}

body.auth-page .auth-divider__line {
  flex: 1 1 0;
  min-width: 0;
  height: 1px;
  background-color: rgb(209 213 219);
}

html.dark body.auth-page .auth-divider__line {
  background-color: rgb(75 85 99);
}

body.auth-page .auth-divider__text {
  flex: 0 0 auto;
  font-size: 0.875rem;
  line-height: 1;
  color: rgb(107 114 128);
  white-space: nowrap;
  padding: 0 0.125rem;
}

html.dark body.auth-page .auth-divider__text {
  color: rgb(156 163 175);
}

/* Telegram Login — resmi widget (güven + hesap önizlemesi) */
body.auth-page .auth-telegram-block {
  width: 100%;
}

body.auth-page .auth-telegram-widget-native {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 2.75rem;
}

body.auth-page .auth-telegram-widget-native iframe {
  display: block;
  margin: 0 auto !important;
  border: 0;
  box-shadow: none !important;
  cursor: pointer;
}