/* =========================================================
   Ayna Login Premium V7
   Dosyalar: ayna-login.css + ayna-login.js
   Not: Ek CSS gerekmez. Eski hotfix/v4/v5/v6-1 satırlarını kaldır.
   ========================================================= */

:root {
  --ayna-bg-0: #050716;
  --ayna-bg-1: #090e22;
  --ayna-bg-2: #11183a;
  --ayna-white: #f8fafc;
  --ayna-muted: rgba(226, 232, 240, .74);
  --ayna-soft: rgba(226, 232, 240, .54);
  --ayna-line: rgba(255,255,255,.16);
  --ayna-line-2: rgba(255,255,255,.24);
  --ayna-card: rgba(255,255,255,.095);
  --ayna-card-2: rgba(255,255,255,.065);
  --ayna-dark: rgba(8, 13, 31, .64);
  --ayna-cyan: #22d3ee;
  --ayna-cyan-2: #67e8f9;
  --ayna-violet: #8b5cf6;
  --ayna-pink: #f472b6;
  --ayna-green: #22c55e;
  --ayna-red: #e11d48;
  --ayna-gold: #fbbf24;
  --ayna-radius-xl: 36px;
  --ayna-radius-lg: 24px;
  --ayna-shadow: 0 34px 120px rgba(0,0,0,.46);
}

/* Eski parçalar girişte gizli */
body.ayna-login-pro.ayna-is-login #site-stats,
body.ayna-login-pro.ayna-is-login .site-stats-pill,
body.ayna-login-pro.ayna-is-login .ayna-login-actions,
body.ayna-login-pro.ayna-is-login .ayna-login-chip,
body.ayna-login-pro.ayna-is-login .ayna-login-floating-card,
body.ayna-login-pro.ayna-is-login .ayna-login-feature-grid,
body.ayna-login-pro.ayna-is-login .ayna-login-feature {
  display: none !important;
}

/* Tam ekran premium zemin */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common {
  min-height: 100dvh !important;
  width: 100vw !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(18px, 3vw, 46px) !important;
  box-sizing: border-box !important;
  color: var(--ayna-white) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(244,114,182,.34), transparent 27%),
    radial-gradient(circle at 88% 12%, rgba(34,211,238,.34), transparent 28%),
    radial-gradient(circle at 50% 104%, rgba(139,92,246,.45), transparent 36%),
    linear-gradient(135deg, var(--ayna-bg-0), var(--ayna-bg-1) 48%, #030411) !important;
  isolation: isolate !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .17;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(circle at center, black, transparent 74%);
  mask-image: radial-gradient(circle at center, black, transparent 74%);
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common::after {
  content: "";
  position: fixed;
  right: -170px;
  bottom: -190px;
  z-index: -1;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  pointer-events: none;
  background: conic-gradient(from 90deg, rgba(34,211,238,0), rgba(34,211,238,.34), rgba(244,114,182,.30), rgba(139,92,246,.38), rgba(34,211,238,0));
  filter: blur(22px);
  opacity: .68;
  animation: aynaOrb 24s linear infinite;
}

@keyframes aynaOrb { to { transform: rotate(360deg); } }

/* Ana layout */
body.ayna-login-pro.ayna-is-login .ayna-login-shell {
  position: relative !important;
  z-index: 5 !important;
  width: min(1180px, calc(100vw - 58px)) !important;
  min-height: 620px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(560px, 1fr) 410px !important;
  gap: clamp(30px, 4vw, 58px) !important;
  align-items: center !important;
}

/* Sol hero kart */
body.ayna-login-pro.ayna-is-login .ayna-login-hero {
  width: 100% !important;
  max-width: 690px !important;
  min-height: 535px !important;
  justify-self: end !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 44px !important;
  border-radius: var(--ayna-radius-xl) !important;
  color: var(--ayna-white) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.055)),
    radial-gradient(circle at 18% 20%, rgba(244,114,182,.22), transparent 34%),
    radial-gradient(circle at 82% 65%, rgba(34,211,238,.19), transparent 38%) !important;
  border: 1px solid var(--ayna-line) !important;
  box-shadow: var(--ayna-shadow) !important;
  backdrop-filter: blur(26px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-hero::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255,255,255,.25), transparent 34%),
    radial-gradient(circle at 50% 120%, rgba(139,92,246,.38), transparent 44%);
}

body.ayna-login-pro.ayna-is-login .ayna-login-hero::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -100px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(34,211,238,.28), transparent 62%);
  filter: blur(4px);
}

/* Marka */
body.ayna-login-pro.ayna-is-login .ayna-login-brand {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 68px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-brand img {
  width: 132px !important;
  height: auto !important;
  max-height: 44px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,.22));
}

body.ayna-login-pro.ayna-is-login .ayna-login-brand-fallback {
  font-size: 26px !important;
  font-weight: 950 !important;
  letter-spacing: -1px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-brand-fallback span {
  color: var(--ayna-red) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-live-badge {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(34,197,94,.12) !important;
  border: 1px solid rgba(34,197,94,.32) !important;
  color: #bbf7d0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-live-dot {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 50% !important;
  background: var(--ayna-green) !important;
  box-shadow: 0 0 0 0 rgba(34,197,94,.70);
  animation: aynaPulse 1.55s infinite;
}

@keyframes aynaPulse {
  70% { box-shadow: 0 0 0 12px rgba(34,197,94,0); }
  100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* Başlık */
body.ayna-login-pro.ayna-is-login .ayna-login-title {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 auto 20px !important;
  max-width: 590px !important;
  text-align: center !important;
  color: #fff !important;
  font-size: clamp(56px, 4.9vw, 82px) !important;
  line-height: .90 !important;
  letter-spacing: -4px !important;
  font-weight: 950 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-title .grad {
  color: transparent !important;
  background: linear-gradient(120deg, #67e8f9, #e879f9 55%, #fff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-subtitle {
  position: relative !important;
  z-index: 2 !important;
  max-width: 570px !important;
  margin: 0 auto 30px !important;
  color: var(--ayna-muted) !important;
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}

/* Hero kartları */
body.ayna-login-pro.ayna-is-login .ayna-pro-hero-strip {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-top: 34px;
}

body.ayna-login-pro.ayna-is-login .ayna-pro-hero-item {
  min-height: 82px;
  padding: 15px;
  border-radius: 23px;
  background: rgba(2, 6, 23, .32);
  border: 1px solid rgba(255,255,255,.13);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body.ayna-login-pro.ayna-is-login .ayna-pro-hero-item b {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.1;
}

body.ayna-login-pro.ayna-is-login .ayna-pro-hero-item span {
  margin-top: 7px;
  color: var(--ayna-soft);
  font-size: 11.5px;
  line-height: 1.36;
}

/* Premium alt vitrin */
body.ayna-login-pro.ayna-is-login .ayna-hero-marquee {
  position: relative;
  z-index: 2;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(2, 6, 23, .25);
  border: 1px solid rgba(255,255,255,.11);
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee-track {
  display: flex;
  width: max-content;
  gap: 14px;
  animation: aynaMarquee 24s linear infinite;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee span {
  color: rgba(248,250,252,.74);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee b {
  color: var(--ayna-cyan-2);
  font-weight: 950;
}

@keyframes aynaMarquee {
  to { transform: translateX(-50%); }
}

/* Sağ panel */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
  width: 410px !important;
  max-width: 410px !important;
  min-width: 0 !important;
  max-height: calc(100dvh - 70px) !important;
  overflow: auto !important;
  padding: 32px 30px 25px !important;
  margin: 0 !important;
  justify-self: start !important;
  border-radius: 34px !important;
  color: var(--ayna-white) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.072)) !important;
  border: 1px solid var(--ayna-line-2) !important;
  box-shadow: 0 28px 95px rgba(0,0,0,.38) !important;
  backdrop-filter: blur(26px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(150%) !important;
  box-sizing: border-box !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::-webkit-scrollbar { width: 5px; }
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.18);
  border-radius: 999px;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-info {
  display: none !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::before {
  content: "Ayna Sohbet";
  display: block;
  margin: 0 0 7px;
  text-align: center;
  color: #fff;
  font-size: 31px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -1px;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::after {
  content: "Rumuzunu seç, canlı odalara hemen katıl.";
  display: block;
  margin: 0 0 24px;
  text-align: center;
  color: var(--ayna-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.ayna-login-pro.ayna-is-login form.kiwi-welcome-simple-form,
body.ayna-login-pro.ayna-is-login .kiwi-welcome-simple-form {
  background: transparent !important;
  color: var(--ayna-white) !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.ayna-login-pro.ayna-is-login form.kiwi-welcome-simple-form h2,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection h2 {
  display: none !important;
}

/* Form */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-form-field,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form > div {
  margin-bottom: 15px !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection label,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-form-label,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: rgba(248,250,252,.84) !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: .1px !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-text,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-text-inputs {
  width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="text"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="password"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="email"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="number"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection select {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 15px !important;
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 50px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(148,163,184,.30) !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.70)) !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 24px rgba(0,0,0,.12) !important;
  box-sizing: border-box !important;
  appearance: none;
  -webkit-appearance: none;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection select {
  padding-right: 40px !important;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(248,250,252,.82) 50%),
    linear-gradient(135deg, rgba(248,250,252,.82) 50%, transparent 50%),
    linear-gradient(180deg, rgba(15,23,42,.88), rgba(15,23,42,.70)) !important;
  background-position:
    calc(100% - 21px) 21px,
    calc(100% - 15px) 21px,
    0 0 !important;
  background-size:
    6px 6px,
    6px 6px,
    100% 100% !important;
  background-repeat: no-repeat !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input::placeholder {
  color: rgba(203,213,225,.42) !important;
  font-weight: 650 !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input:focus,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection select:focus {
  border-color: rgba(34,211,238,.72) !important;
  background:
    linear-gradient(180deg, rgba(15,23,42,.96), rgba(15,23,42,.82)) !important;
  box-shadow:
    0 0 0 4px rgba(34,211,238,.115),
    0 14px 34px rgba(34,211,238,.10),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="checkbox"] {
  width: 19px !important;
  height: 19px !important;
  min-height: 19px !important;
  margin: 0 8px 0 0 !important;
  vertical-align: middle !important;
  accent-color: var(--ayna-cyan) !important;
  border-radius: 6px !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin: 2px 0 17px !important;
  color: rgba(248,250,252,.78) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

/* Yaş / cinsiyet ikilisi */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-form-field-group,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-input-group {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  align-items: end !important;
}

/* Giriş butonu */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button[type="submit"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin-top: 18px !important;
  border: 0 !important;
  border-radius: 17px !important;
  color: #fff !important;
  font-weight: 950 !important;
  font-size: 16px !important;
  letter-spacing: .1px !important;
  background: linear-gradient(135deg, var(--ayna-violet) 0%, var(--ayna-cyan) 100%) !important;
  box-shadow:
    0 18px 44px rgba(34,211,238,.18),
    0 16px 40px rgba(139,92,246,.30) !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button[type="submit"]:hover,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary:hover,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

/* Hızlı odalar */
body.ayna-login-pro.ayna-is-login .ayna-login-quick {
  margin-top: 28px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick-title,
body.ayna-login-pro.ayna-is-login .ayna-login-stats-title {
  margin: 0 0 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: rgba(248,250,252,.90) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick-title span:last-child,
body.ayna-login-pro.ayna-is-login .ayna-login-stats-title span:last-child {
  color: rgba(103,232,249,.90) !important;
  font-size: 12px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick-channels {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn {
  min-height: 56px !important;
  padding: 11px 12px !important;
  text-align: left !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: #fff !important;
  background: rgba(15,23,42,.48) !important;
  border-radius: 16px !important;
  cursor: pointer !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn b {
  display: block !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn span {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(226,232,240,.58) !important;
  font-size: 11px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn:hover,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected {
  border-color: rgba(34,211,238,.48) !important;
  background: rgba(34,211,238,.10) !important;
}

/* Canlı durum */
body.ayna-login-pro.ayna-is-login .ayna-login-stats {
  margin-top: 16px !important;
  padding: 14px !important;
  border-radius: 22px !important;
  background: rgba(2,6,23,.32) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-total {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 13px !important;
  margin: 0 0 10px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(34,211,238,.10)) !important;
  border: 1px solid rgba(34,197,94,.18) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-total strong {
  color: #fff !important;
  font-size: 25px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-total small {
  color: rgba(226,232,240,.70) !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-list {
  display: grid !important;
  gap: 7px !important;
  max-height: 170px !important;
  overflow: hidden !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-list > *:nth-child(n+5) {
  display: none !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row {
  width: 100% !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  background: rgba(15,23,42,.44) !important;
  border-radius: 14px !important;
  cursor: pointer !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 850 !important;
  font-size: 12.5px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .count {
  flex: 0 0 auto !important;
  color: #67e8f9 !important;
  font-weight: 950 !important;
  font-size: 12px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-footnote {
  margin-top: 11px !important;
  color: rgba(226,232,240,.55) !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

/* Skeleton */
body.ayna-login-pro.ayna-is-login .ayna-login-skeleton {
  height: 36px !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.14), rgba(255,255,255,.06)) !important;
  background-size: 220% 100% !important;
  animation: aynaSkeleton 1.25s infinite !important;
}

@keyframes aynaSkeleton { to { background-position: -220% 0; } }

/* Tablet */
@media (max-width: 980px) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common {
    overflow-y: auto !important;
    align-items: flex-start !important;
    padding: 18px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    width: min(540px, 100%) !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-hero,
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
    width: 100% !important;
    max-width: 540px !important;
    justify-self: center !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-hero {
    min-height: auto !important;
    padding: 30px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-brand {
    margin-bottom: 30px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-title {
    font-size: clamp(38px, 10vw, 58px) !important;
    letter-spacing: -2.5px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-pro-hero-strip {
    grid-template-columns: 1fr !important;
  }
}

/* Telefon */
@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common {
    padding: 12px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-hero {
    display: none !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    display: block !important;
    width: 100% !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    padding: 26px 18px 20px !important;
    border-radius: 25px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-quick-channels {
    grid-template-columns: 1fr !important;
  }
}

/* Hareket hassasiyeti olanlarda animasyonu azalt */
@media (prefers-reduced-motion: reduce) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common::after,
  body.ayna-login-pro.ayna-is-login .ayna-live-dot,
  body.ayna-login-pro.ayna-is-login .ayna-hero-marquee-track,
  body.ayna-login-pro.ayna-is-login .ayna-login-skeleton {
    animation: none !important;
  }
}


/* =========================================================
   Ayna Login Premium V7.2 - Form küçük düzeltmeler
   - Cinsiyet kutucuğu genişletildi
   - Takma ad / Konum yazıları kalın beyaz yapıldı
   - Popüler kanallar başlığı JS tarafında güncellendi
   ========================================================= */

/* Yazılan metinler daha net görünsün */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="text"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="password"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="email"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input[type="number"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection select,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-text input,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-text-inputs input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.18) !important;
}

/* Placeholder gri kalsın ama yazılan metinle karışmasın */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input::placeholder {
  color: rgba(203, 213, 225, .34) !important;
  -webkit-text-fill-color: rgba(203, 213, 225, .34) !important;
  font-weight: 650 !important;
  opacity: 1 !important;
}

/* Chrome autofill sarı/gri görünümü bozmasın */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input:-webkit-autofill,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input:-webkit-autofill:hover,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  box-shadow: 0 0 0 1000px rgba(15,23,42,.90) inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Yaş + Cinsiyet satırı: cinsiyet daha geniş */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-form-field-group,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-input-group {
  grid-template-columns: minmax(96px, .82fr) minmax(146px, 1.18fr) !important;
  gap: 12px !important;
}

/* Cinsiyet select kutusu dar kalmasın */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection select,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-select,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-select select {
  width: 100% !important;
  min-width: 146px !important;
  max-width: 100% !important;
}

/* Cinsiyet alanının wrapper'ı varsa sıkışmasını engelle */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection [class*="gender"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection [class*="sex"] {
  min-width: 146px !important;
}

/* Yaş alanı çok büyüyüp cinsiyeti sıkıştırmasın */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection [class*="age"] {
  min-width: 90px !important;
}

/* Küçük ekranlarda yine taşmasın */
@media (max-width: 420px) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-form-field-group,
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-input-group {
    grid-template-columns: 1fr !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection select,
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-select,
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-input-select select {
    min-width: 0 !important;
  }
}


/* =========================================================
   Ayna Login Premium V8 - Akıllı / Canlı Upgrade
   ========================================================= */

/* V8 sol kart biraz daha zengin içerik taşıdığı için dengele */
body.ayna-login-pro.ayna-is-login .ayna-login-hero {
  min-height: 585px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-brand {
  margin-bottom: 48px !important;
}

/* Sohbet nabzı paneli */
body.ayna-login-pro.ayna-is-login .ayna-pulse-card {
  position: relative;
  z-index: 2;
  margin-top: 16px;
  padding: 16px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(34,211,238,.10), rgba(139,92,246,.12)),
    rgba(2, 6, 23, .30);
  border: 1px solid rgba(255,255,255,.13);
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-head span {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-head b {
  color: #bbf7d0;
  background: rgba(34,197,94,.13);
  border: 1px solid rgba(34,197,94,.23);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 950;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-grid div {
  min-width: 0;
  padding: 11px 10px;
  border-radius: 18px;
  background: rgba(15, 23, 42, .48);
  border: 1px solid rgba(255,255,255,.10);
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-grid small {
  display: block;
  color: rgba(226,232,240,.55);
  font-size: 10px;
  font-weight: 850;
  margin-bottom: 6px;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-grid strong {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hero istatistikleri canlı değer taşır */
body.ayna-login-pro.ayna-is-login .ayna-pro-hero-item b {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Popüler kanal kartları V8 */
body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn {
  min-height: 78px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 7px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline b {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline em,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-row em {
  flex: 0 0 auto !important;
  font-style: normal !important;
  font-size: 9.5px !important;
  font-weight: 950 !important;
  border-radius: 999px !important;
  padding: 4px 7px !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.08) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline em.is-hot,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-row em.is-hot {
  color: #ffedd5 !important;
  background: rgba(249,115,22,.18) !important;
  border-color: rgba(249,115,22,.30) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline em.is-radio,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-row em.is-radio {
  color: #cffafe !important;
  background: rgba(34,211,238,.16) !important;
  border-color: rgba(34,211,238,.30) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline em.is-game,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-row em.is-game {
  color: #ede9fe !important;
  background: rgba(139,92,246,.18) !important;
  border-color: rgba(139,92,246,.30) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline em.is-active,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-row em.is-active {
  color: #dcfce7 !important;
  background: rgba(34,197,94,.15) !important;
  border-color: rgba(34,197,94,.28) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-label {
  display: block !important;
  color: rgba(226,232,240,.62) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  color: rgba(103,232,249,.95) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-meta i {
  color: rgba(255,255,255,.80) !important;
  font-style: normal !important;
}

/* Alttaki canlı kanal listesi satırları */
body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .name {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .name em {
  max-width: 86px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Nick uygunluk durumu */
body.ayna-login-pro.ayna-is-login .ayna-login-nickstatus {
  margin: -7px 0 12px !important;
  padding: 9px 11px !important;
  border-radius: 14px !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  background: rgba(15,23,42,.42) !important;
  color: rgba(226,232,240,.66) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-nickstatus.is-ok {
  color: #bbf7d0 !important;
  background: rgba(34,197,94,.11) !important;
  border-color: rgba(34,197,94,.24) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-nickstatus.is-warn {
  color: #fde68a !important;
  background: rgba(251,191,36,.10) !important;
  border-color: rgba(251,191,36,.24) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-nickstatus.is-checking {
  color: #cffafe !important;
  background: rgba(34,211,238,.10) !important;
  border-color: rgba(34,211,238,.22) !important;
}

/* NickServ bilgi satırı */
body.ayna-login-pro.ayna-is-login .ayna-login-smartnote {
  margin-top: 14px !important;
  padding: 12px 13px !important;
  border-radius: 18px !important;
  background: rgba(139,92,246,.10) !important;
  border: 1px solid rgba(139,92,246,.22) !important;
  color: rgba(226,232,240,.72) !important;
  font-size: 11.5px !important;
  line-height: 1.48 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-smartnote b {
  color: #fff !important;
}

/* Submit loading */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button.ayna-is-loading,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary.ayna-is-loading,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success.ayna-is-loading {
  position: relative !important;
  pointer-events: none !important;
  opacity: .92 !important;
  overflow: hidden !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button.ayna-is-loading::after,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary.ayna-is-loading::after,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success.ayna-is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: translateX(-120%);
  animation: aynaButtonShine 1.1s infinite;
}

@keyframes aynaButtonShine {
  to { transform: translateX(120%); }
}

/* Şu an Ayna'da paneli daha premium */
body.ayna-login-pro.ayna-is-login .ayna-login-stats-title span:first-child::before {
  content: "✨ ";
}

body.ayna-login-pro.ayna-is-login .ayna-login-total {
  position: relative;
  overflow: hidden;
}

body.ayna-login-pro.ayna-is-login .ayna-login-total::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent, rgba(255,255,255,.08), transparent);
  transform: translateX(-120%);
  animation: aynaSoftSweep 4.5s infinite;
}

@keyframes aynaSoftSweep {
  60%, 100% { transform: translateX(120%); }
}

/* Responsive */
@media (max-width: 980px) {
  body.ayna-login-pro.ayna-is-login .ayna-pulse-grid {
    grid-template-columns: 1fr !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-hero {
    min-height: auto !important;
  }
}

@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .ayna-pulse-card {
    display: none !important;
  }
}

/* =========================================================
   Ayna Login Premium V8.1
   - Sağ panel kayma/sıkışma düzeltmesi
   - "Public kanal hareketliliği" metni JS tarafında "Aktif sohbet odası" yapıldı
   - Popüler kanal kartları daha dengeli
   - Sağ alttaki canlı liste kırpılmasın diye kompaktlaştırıldı
   ========================================================= */

/* Genel sağ/sol denge */
body.ayna-login-pro.ayna-is-login .ayna-login-shell {
  grid-template-columns: minmax(560px, 1fr) 430px !important;
  gap: clamp(32px, 4vw, 62px) !important;
}

/* Sağ panel biraz geniş, daha az kayma */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
  width: 430px !important;
  max-width: 430px !important;
  padding: 30px 30px 22px !important;
  max-height: calc(100dvh - 54px) !important;
  overflow-y: auto !important;
}

/* Form + başlık aralıklarını biraz toparla */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::before {
  font-size: 30px !important;
  margin-bottom: 6px !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::after {
  margin-bottom: 20px !important;
}

/* Popüler Kanallar başlığı sağdaki seçili kanal ile çakışmasın */
body.ayna-login-pro.ayna-is-login .ayna-login-quick-title,
body.ayna-login-pro.ayna-is-login .ayna-login-stats-title {
  gap: 12px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick-title span:first-child,
body.ayna-login-pro.ayna-is-login .ayna-login-stats-title span:first-child {
  min-width: 0 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick-title span:last-child,
body.ayna-login-pro.ayna-is-login .ayna-login-stats-title span:last-child {
  flex: 0 0 auto !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Popüler kanal kartlarını daha nizami yap */
body.ayna-login-pro.ayna-is-login .ayna-login-quick {
  margin-top: 24px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick-channels {
  gap: 10px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn {
  min-height: 84px !important;
  padding: 12px 13px !important;
  border-radius: 18px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline {
  align-items: flex-start !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline b {
  font-size: 13px !important;
  line-height: 1.1 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-topline em {
  max-width: 82px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 9px !important;
  padding: 4px 6px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-label {
  min-height: 15px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-meta {
  font-size: 10.5px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-channel-meta i {
  margin-left: auto !important;
}

/* NickServ ipucu paneli çok uzun görünmesin */
body.ayna-login-pro.ayna-is-login .ayna-login-smartnote {
  margin-top: 13px !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
  line-height: 1.38 !important;
}

/* "Şu an Ayna'da" paneli sağ panelden taşmasın */
body.ayna-login-pro.ayna-is-login .ayna-login-stats {
  margin-top: 14px !important;
  padding: 13px !important;
  border-radius: 22px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-total {
  padding: 12px !important;
  margin-bottom: 9px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-total strong {
  font-size: 24px !important;
}

/* Liste satırlarını kısalt, sadece ilk 3 satırı göster */
body.ayna-login-pro.ayna-is-login .ayna-login-channel-list {
  gap: 6px !important;
  max-height: none !important;
  overflow: visible !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-list > *:nth-child(n+4) {
  display: none !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row {
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 13px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .name {
  gap: 6px !important;
  font-size: 12px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .name em {
  max-width: 78px !important;
  font-size: 8.8px !important;
  padding: 3px 6px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-row .count {
  font-size: 11.5px !important;
}

/* Alt not panel dışına kaymış gibi görünmesin */
body.ayna-login-pro.ayna-is-login .ayna-login-footnote {
  margin-top: 9px !important;
  font-size: 10px !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection > p:last-child,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection > div:last-child {
  margin-bottom: 0 !important;
}

/* Sol karttaki 8 kanal açıklaması daha anlaşılır */
body.ayna-login-pro.ayna-is-login #aynaHeroChannels + span {
  color: rgba(226,232,240,.60) !important;
}

/* Orta boy ekranlarda sağ panel daha rahat otursun */
@media (max-height: 850px) and (min-width: 981px) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-hero {
    min-height: 520px !important;
    padding: 36px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-brand {
    margin-bottom: 34px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-title {
    font-size: clamp(50px, 4.2vw, 72px) !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-subtitle {
    margin-bottom: 22px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-pro-hero-strip {
    margin-top: 24px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-pulse-card {
    padding: 14px !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
    padding-top: 24px !important;
    padding-bottom: 18px !important;
  }
}

/* Tablet ve mobilde eski responsive davranışı koru */
@media (max-width: 980px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    grid-template-columns: 1fr !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
    width: 100% !important;
    max-width: 540px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-channel-list > *:nth-child(n+4) {
    display: flex !important;
  }
}

@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   Ayna Login Premium V8.2
   - Popüler Kanallar badge konumu düzeltildi
   - Badge artık sağa kaçmaz; #kanal adının hemen yanında durur
   ========================================================= */

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline b {
  flex: 0 1 auto !important;
  max-width: 72px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline em {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  max-width: 88px !important;
  font-size: 8.8px !important;
  padding: 3px 6px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  transform: translateY(0) !important;
}

/* Kart içeriği daha dengeli dursun */
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-login-channel-btn {
  min-height: 82px !important;
  padding: 12px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-label {
  margin-top: 1px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-meta {
  margin-top: auto !important;
}

/* Küçük panel genişliklerinde badge metni taşmasın */
@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline b {
    max-width: 120px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline em {
    max-width: 110px !important;
  }
}

/* =========================================================
   Ayna Login Premium V8.3
   - Popüler Kanallar badge kesin olarak #kanal adının yanına alındı
   - "Katıl" kaldırıldı
   - Kişi online satırı daha şık hale getirildi
   ========================================================= */

/* Önce eski b/em kurallarının kart içinde alt alta düşürmesini kır */
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-name-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 1 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-name-badge b,
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline > b {
  display: inline-block !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 76px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-name-badge em,
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline > em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  max-width: 92px !important;
  height: 18px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 950 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transform: none !important;
}

/* Kart altındaki kişi online satırı */
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-meta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 2px !important;
  color: rgba(226,232,240,.72) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-meta strong {
  color: #67e8f9 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-meta small {
  color: rgba(226,232,240,.62) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

/* Eski Katıl oku veya i etiketi kalırsa gizle */
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-meta i {
  display: none !important;
}

/* Kart içinde genel denge */
body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-login-channel-btn {
  min-height: 82px !important;
  gap: 7px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-label {
  margin-top: 0 !important;
  line-height: 1.2 !important;
}

/* Sağ panelde kartlar daha rahat otursun */
body.ayna-login-pro.ayna-is-login .ayna-login-quick-channels {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

/* Çok küçük ekranda kanal adı-badge daha geniş olabilir */
@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-name-badge b,
  body.ayna-login-pro.ayna-is-login .ayna-login-quick .ayna-channel-topline > b {
    max-width: 130px !important;
  }
}

/* =========================================================
   Ayna Login Premium V9 - Social Proof
   - Sağ tarafa 3. kutu: avatarlı online üyeler
   ========================================================= */

/* Masaüstünde 3 kolon */
body.ayna-login-pro.ayna-is-login .ayna-login-shell {
  width: min(1460px, calc(100vw - 48px)) !important;
  grid-template-columns: minmax(520px, 1fr) 430px 310px !important;
  gap: clamp(20px, 2.4vw, 34px) !important;
}

/* Sol kart 3 kolon düzende biraz kompakt */
body.ayna-login-pro.ayna-is-login .ayna-login-hero {
  max-width: 660px !important;
  min-height: 560px !important;
  padding: 38px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-title {
  font-size: clamp(48px, 4.2vw, 76px) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-brand {
  margin-bottom: 42px !important;
}

/* Sosyal panel */
body.ayna-login-pro.ayna-is-login .ayna-social-panel {
  width: 310px !important;
  max-width: 310px !important;
  align-self: center !important;
  justify-self: start !important;
  padding: 22px !important;
  border-radius: 30px !important;
  color: var(--ayna-white) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.145), rgba(255,255,255,.065)),
    radial-gradient(circle at 72% 8%, rgba(34,211,238,.18), transparent 38%) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 28px 95px rgba(0,0,0,.34) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  box-sizing: border-box !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-head b {
  display: block !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  letter-spacing: -.2px !important;
  line-height: 1.1 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-head span {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(226,232,240,.58) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-head em {
  flex: 0 0 auto !important;
  font-style: normal !important;
  color: #67e8f9 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

/* Kullanıcı listesi */
body.ayna-login-pro.ayna-is-login .ayna-social-users {
  display: grid !important;
  gap: 9px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px !important;
  border-radius: 18px !important;
  text-decoration: none !important;
  color: #fff !important;
  background: rgba(15,23,42,.42) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user:hover {
  transform: translateY(-2px) !important;
  background: rgba(34,211,238,.10) !important;
  border-color: rgba(34,211,238,.32) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-avatar {
  position: relative !important;
  flex: 0 0 auto !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  padding: 2px !important;
  background: linear-gradient(135deg, var(--ayna-cyan), var(--ayna-violet), var(--ayna-pink)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  background: rgba(15,23,42,.9) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-avatar i {
  position: absolute !important;
  right: 1px !important;
  bottom: 1px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: var(--ayna-green) !important;
  border: 2px solid #16213f !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.15) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-info {
  min-width: 0 !important;
  display: block !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-info b {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-info small {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(103,232,249,.88) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-story-teaser {
  margin-top: 14px !important;
  padding: 13px !important;
  border-radius: 20px !important;
  background: rgba(139,92,246,.10) !important;
  border: 1px solid rgba(139,92,246,.22) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-story-teaser b {
  display: block !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  margin-bottom: 6px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-story-teaser span {
  display: block !important;
  color: rgba(226,232,240,.62) !important;
  font-size: 10.8px !important;
  line-height: 1.42 !important;
  font-weight: 750 !important;
}

/* Skeleton */
body.ayna-login-pro.ayna-is-login .ayna-social-skeleton {
  height: 60px !important;
  border-radius: 18px !important;
  background: linear-gradient(90deg, rgba(255,255,255,.055), rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
  background-size: 220% 100% !important;
  animation: aynaSkeleton 1.25s infinite !important;
}

/* Orta ekranlarda sosyal panel aşağı insin */
@media (max-width: 1320px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    width: min(1180px, calc(100vw - 48px)) !important;
    grid-template-columns: minmax(540px, 1fr) 430px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: center !important;
    display: block !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-users {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    grid-template-columns: 1fr !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    max-width: 540px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-users {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-users {
    grid-template-columns: 1fr !important;
  }
}


/* Featured users boş durum */
body.ayna-login-pro.ayna-is-login .ayna-social-empty {
  padding: 16px 14px !important;
  border-radius: 18px !important;
  color: rgba(226,232,240,.68) !important;
  background: rgba(15,23,42,.42) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}


/* =========================================================
   Ayna Login Premium V9.3 - Login Story Preview
   ========================================================= */

body.ayna-login-pro.ayna-is-login .ayna-login-stories {
  margin-top: 14px !important;
  padding: 14px !important;
  border-radius: 22px !important;
  background: rgba(139,92,246,.10) !important;
  border: 1px solid rgba(139,92,246,.22) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-head b {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-head span {
  color: rgba(226,232,240,.58) !important;
  font-size: 10.8px !important;
  font-weight: 850 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding-bottom: 2px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255,255,255,.22) transparent !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-list::-webkit-scrollbar {
  height: 4px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-item {
  width: 52px !important;
  min-width: 52px !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  background: transparent !important;
  color: #fff !important;
  text-align: center !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-ring {
  position: relative !important;
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  padding: 2px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-ring img,
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  background: rgba(15,23,42,.9) !important;
  border: 2px solid rgba(15,23,42,.90) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-ring i {
  position: absolute !important;
  right: -3px !important;
  bottom: -2px !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: var(--ayna-violet) !important;
  border: 2px solid #17203d !important;
  font-size: 9px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-ring em {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: rgba(0,0,0,.42) !important;
  font-size: 10px !important;
  font-style: normal !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-item small {
  display: block !important;
  margin-top: 6px !important;
  color: rgba(226,232,240,.72) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-stories-empty {
  width: 100% !important;
  padding: 10px !important;
  border-radius: 15px !important;
  color: rgba(226,232,240,.62) !important;
  background: rgba(15,23,42,.34) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-align: center !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-skeleton {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: linear-gradient(90deg, rgba(255,255,255,.055), rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
  background-size: 220% 100% !important;
  animation: aynaSkeleton 1.25s infinite !important;
}

/* Login story modal */
.ayna-login-story-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: rgba(2,6,23,.72) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.ayna-login-story-card {
  width: min(390px, 100%) !important;
  max-height: min(720px, calc(100dvh - 44px)) !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.96)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 34px 120px rgba(0,0,0,.52) !important;
  color: #fff !important;
}

.ayna-login-story-close {
  position: absolute !important;
  right: 12px !important;
  top: 12px !important;
  z-index: 2 !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: rgba(0,0,0,.35) !important;
  font-size: 24px !important;
  line-height: 34px !important;
  cursor: pointer !important;
}

.ayna-login-story-view-head {
  padding: 18px 54px 14px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.ayna-login-story-view-head b {
  font-size: 15px !important;
  font-weight: 950 !important;
}

.ayna-login-story-view-head span {
  color: rgba(226,232,240,.62) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

.ayna-login-story-media {
  width: 100% !important;
  max-height: 520px !important;
  background: #020617 !important;
}

.ayna-login-story-media img,
.ayna-login-story-media video {
  width: 100% !important;
  max-height: 520px !important;
  display: block !important;
  object-fit: contain !important;
  background: #020617 !important;
}

.ayna-login-story-caption {
  padding: 13px 16px !important;
  color: rgba(248,250,252,.86) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

.ayna-login-story-nav {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 14px !important;
}

.ayna-login-story-nav button {
  height: 40px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

/* =========================================================
   Ayna Login Premium V9.5 - Son 5 Story Grubu
   ========================================================= */

body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 7px !important;
  overflow: hidden !important;
  padding-bottom: 0 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-item {
  width: 100% !important;
  min-width: 0 !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-ring {
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-item small {
  max-width: 100% !important;
  font-size: 9.5px !important;
}

@media (max-width: 1320px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
    display: flex !important;
    overflow-x: auto !important;
    gap: 10px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-item {
    width: 52px !important;
    min-width: 52px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-ring {
    width: 48px !important;
    height: 48px !important;
  }
}

/* =========================================================
   Ayna Login Premium V9.6 - IRCTagram halka düzeltmesi
   - Story halkaları iç içe / bozuk görünmesin
   - 5 story tek satırda dengeli dursun
   ========================================================= */

/* Story kutusu kendi içinde net sınırlı olsun */
body.ayna-login-pro.ayna-is-login .ayna-login-stories {
  overflow: hidden !important;
}

/* Önce önceki flex/grid çakışmalarını temizle */
body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  align-items: start !important;
  justify-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Her story item kendi hücresinde dursun */
body.ayna-login-pro.ayna-is-login .ayna-login-story-item {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 52px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  text-align: center !important;
}

/* Halka tam yuvarlak ve içeriği taşırmasın */
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring {
  position: relative !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  display: block !important;
  padding: 2px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, #feda75, #fa7e1e 28%, #d62976 55%, #962fbf 78%, #4f5bd5) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.22) !important;
}

/* İç görsel/video halkanın içinde kalmalı */
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring img,
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring video {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 999px !important;
  background: rgba(15,23,42,.95) !important;
  border: 2px solid rgba(15,23,42,.96) !important;
  box-sizing: border-box !important;
}

/* Çoklu story sayısı rozeti halka dışına otursun ama taşırmasın */
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring i {
  position: absolute !important;
  right: -3px !important;
  bottom: -3px !important;
  z-index: 3 !important;
  min-width: 17px !important;
  height: 17px !important;
  padding: 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--ayna-violet), var(--ayna-pink)) !important;
  border: 2px solid #17203d !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  font-style: normal !important;
  box-sizing: border-box !important;
}

/* Video play rozeti */
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring em {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  z-index: 2 !important;
  transform: translate(-50%, -50%) !important;
  width: 21px !important;
  height: 21px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(0,0,0,.48) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  font-size: 9px !important;
  font-style: normal !important;
  line-height: 1 !important;
}

/* İsim yazısı ringin içine girmesin */
body.ayna-login-pro.ayna-is-login .ayna-login-story-item small {
  width: 100% !important;
  max-width: 52px !important;
  min-height: 12px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(226,232,240,.72) !important;
  font-size: 9.5px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Skeleton'lar da aynı ölçüde olsun */
body.ayna-login-pro.ayna-is-login .ayna-login-story-skeleton {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
}

/* 1320px altında daha önce flex'e dönüyordu; bu iç içe görünümü bozuyordu. Login sosyal kutusunda yine grid kalsın. */
@media (max-width: 1320px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 52px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-ring {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
  }
}

/* Çok dar telefonda 5 halka sıkışmasın */
@media (max-width: 380px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
    gap: 5px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-ring,
  body.ayna-login-pro.ayna-is-login .ayna-login-story-skeleton {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-item small {
    max-width: 46px !important;
    font-size: 9px !important;
  }
}

/* =========================================================
   Ayna Login Premium V10 - Polish
   1) Başla → Sohbete Katıl
   3) Sağ sosyal kutu büyütme/hizalama
   4) Seçili kanal kartına ✓ Seçili rozeti
   5) Sol alt kayan yazı kırpılma düzeltmesi
   6) Avatar hover efekti
   ========================================================= */

/* 1. Giriş butonu metni uzun olduğu için nefes alan buton */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button[type="submit"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success {
  font-size: 15.5px !important;
  letter-spacing: .15px !important;
}

/* 3. Sağ sosyal kutuyu biraz büyüt ve ana panelle hizala */
body.ayna-login-pro.ayna-is-login .ayna-login-shell {
  grid-template-columns: minmax(520px, 1fr) 430px 340px !important;
  align-items: center !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-panel {
  width: 340px !important;
  max-width: 340px !important;
  min-height: 500px !important;
  padding: 24px !important;
  align-self: center !important;
  transform: translateY(0) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-users {
  gap: 11px !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user {
  min-height: 62px !important;
  padding: 10px 11px !important;
}

/* Story bölümü sosyal kutuya daha dengeli otursun */
body.ayna-login-pro.ayna-is-login .ayna-login-stories {
  margin-top: 16px !important;
  padding: 15px !important;
}

/* 4. Seçili kanal kartına ✓ Seçili rozeti */
body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn {
  position: relative !important;
  overflow: hidden !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected {
  border-color: rgba(34,211,238,.58) !important;
  background:
    radial-gradient(circle at 90% 18%, rgba(34,211,238,.18), transparent 34%),
    rgba(34,211,238,.10) !important;
  box-shadow:
    0 0 0 1px rgba(34,211,238,.10),
    0 14px 32px rgba(34,211,238,.10) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected::after {
  content: "✓ Seçili";
  position: absolute !important;
  right: 9px !important;
  top: 9px !important;
  z-index: 3 !important;
  padding: 4px 7px !important;
  border-radius: 999px !important;
  color: #cffafe !important;
  background: rgba(8, 47, 73, .72) !important;
  border: 1px solid rgba(34,211,238,.34) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
}

/* Seçili rozeti badge ile çakışmasın */
body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected .ayna-channel-name-badge,
body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected .ayna-channel-topline {
  padding-right: 58px !important;
}

/* 5. Sol alttaki kayan yazı kırpılmasını düzelt */
body.ayna-login-pro.ayna-is-login .ayna-hero-marquee {
  margin-top: 18px !important;
  padding: 12px 18px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee::before,
body.ayna-login-pro.ayna-is-login .ayna-hero-marquee::after {
  content: "";
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 34px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee::before {
  left: 0 !important;
  background: linear-gradient(90deg, rgba(18,22,48,.92), transparent) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee::after {
  right: 0 !important;
  background: linear-gradient(270deg, rgba(18,22,48,.92), transparent) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee-track {
  gap: 18px !important;
  padding-left: 22px !important;
  will-change: transform !important;
}

body.ayna-login-pro.ayna-is-login .ayna-hero-marquee span {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* 6. Avatar hover efektini güçlendir */
body.ayna-login-pro.ayna-is-login .ayna-social-user {
  position: relative !important;
  overflow: hidden !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user::after {
  content: "Profili görüntüle →";
  position: absolute !important;
  right: 12px !important;
  bottom: 9px !important;
  color: rgba(103,232,249,.95) !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  opacity: 0 !important;
  transform: translateY(6px) !important;
  transition: opacity .18s ease, transform .18s ease !important;
  pointer-events: none !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user:hover::after {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user:hover .ayna-social-avatar {
  transform: scale(1.08) rotate(-2deg) !important;
  box-shadow:
    0 0 0 4px rgba(34,211,238,.10),
    0 14px 34px rgba(34,211,238,.18),
    0 12px 28px rgba(0,0,0,.22) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-avatar {
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user:hover .ayna-social-info b {
  color: #e0f2fe !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user:hover .ayna-social-info small {
  color: #67e8f9 !important;
}

/* Sosyal kutu genişleyince 1320 breakpoint biraz genişlesin */
@media (max-width: 1380px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    width: min(1180px, calc(100vw - 48px)) !important;
    grid-template-columns: minmax(540px, 1fr) 430px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    justify-self: center !important;
    display: block !important;
  }
}

@media (max-width: 980px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    grid-template-columns: 1fr !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    max-width: 540px !important;
  }
}

@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected .ayna-channel-name-badge,
  body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected .ayna-channel-topline {
    padding-right: 64px !important;
  }
}

/* =========================================================
   Ayna Login Premium V11 - Micro Polish
   1) Story "Yeni" rozeti
   3) Bugünün Sohbet Nabzı dinamik renk/seviye
   4) Kullanıcı kartlarına aktif etiketi
   5) Mobil özel düzen cilası
   6) Giriş butonu hover shine
   ========================================================= */

/* 1. Story yeni rozeti */
body.ayna-login-pro.ayna-is-login .ayna-login-story-ring u {
  position: absolute !important;
  left: 50% !important;
  top: -8px !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  height: 16px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #f97316, #ec4899) !important;
  border: 2px solid #17203d !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.22) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-login-story-item.is-new .ayna-login-story-ring {
  box-shadow:
    0 0 0 3px rgba(236,72,153,.10),
    0 10px 24px rgba(236,72,153,.18),
    0 8px 20px rgba(0,0,0,.22) !important;
}

/* 3. Bugünün Sohbet Nabzı dinamik renk/seviye */
body.ayna-login-pro.ayna-is-login .ayna-pulse-card {
  transition: border-color .25s ease, background .25s ease, box-shadow .25s ease !important;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-card.is-high {
  border-color: rgba(34,197,94,.32) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(34,197,94,.16), transparent 30%),
    linear-gradient(135deg, rgba(34,211,238,.10), rgba(34,197,94,.12)),
    rgba(2, 6, 23, .30) !important;
  box-shadow: inset 0 0 0 1px rgba(34,197,94,.05), 0 16px 46px rgba(34,197,94,.08) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-card.is-high .ayna-pulse-head b {
  color: #bbf7d0 !important;
  background: rgba(34,197,94,.14) !important;
  border-color: rgba(34,197,94,.28) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-card.is-active {
  border-color: rgba(34,211,238,.28) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(34,211,238,.15), transparent 30%),
    linear-gradient(135deg, rgba(34,211,238,.11), rgba(139,92,246,.11)),
    rgba(2, 6, 23, .30) !important;
  box-shadow: inset 0 0 0 1px rgba(34,211,238,.05), 0 16px 46px rgba(34,211,238,.08) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-card.is-active .ayna-pulse-head b {
  color: #cffafe !important;
  background: rgba(34,211,238,.13) !important;
  border-color: rgba(34,211,238,.26) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-card.is-calm {
  border-color: rgba(251,191,36,.24) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(251,191,36,.13), transparent 30%),
    linear-gradient(135deg, rgba(251,191,36,.09), rgba(139,92,246,.10)),
    rgba(2, 6, 23, .30) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-pulse-card.is-calm .ayna-pulse-head b {
  color: #fde68a !important;
  background: rgba(251,191,36,.12) !important;
  border-color: rgba(251,191,36,.24) !important;
}

/* 4. Kullanıcı kartlarında aktif etiketi daha belirgin */
body.ayna-login-pro.ayna-is-login .ayna-social-info small {
  color: rgba(103,232,249,.92) !important;
}

body.ayna-login-pro.ayna-is-login .ayna-social-user:hover .ayna-social-info small {
  color: #67e8f9 !important;
}

/* 6. Giriş butonu hover shine */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button[type="submit"],
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success {
  position: relative !important;
  overflow: hidden !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button[type="submit"]::before,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary::before,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success::before {
  content: "";
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.28) 48%, transparent 100%) !important;
  transform: translateX(-125%) skewX(-14deg) !important;
  transition: transform .55s ease !important;
  pointer-events: none !important;
}

body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection button[type="submit"]:hover::before,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-primary:hover::before,
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .u-button-success:hover::before {
  transform: translateX(125%) skewX(-14deg) !important;
}

/* 5. Mobil özel düzen cilası */
@media (max-width: 560px) {
  body.ayna-login-pro.ayna-is-login .kiwi-startup-common {
    overflow-y: auto !important;
    align-items: flex-start !important;
    padding: 10px !important;
    min-height: 100dvh !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-shell {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px 16px 18px !important;
    border-radius: 24px !important;
    max-height: none !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::before {
    font-size: 28px !important;
  }

  body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection::after {
    font-size: 12px !important;
    margin-bottom: 18px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-quick {
    margin-top: 22px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-quick-channels {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn {
    min-height: 86px !important;
    padding: 11px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn.is-selected::after {
    right: 7px !important;
    top: 7px !important;
    font-size: 8px !important;
    padding: 3px 6px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-smartnote {
    font-size: 10.5px !important;
    padding: 10px 11px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-stats {
    padding: 12px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-panel {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-users {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-social-user {
    min-height: 58px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-stories-list {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 6px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-ring,
  body.ayna-login-pro.ayna-is-login .ayna-login-story-skeleton {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-story-item small {
    font-size: 9px !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-hero {
    display: none !important;
  }
}

@media (max-width: 380px) {
  body.ayna-login-pro.ayna-is-login .ayna-login-quick-channels {
    grid-template-columns: 1fr !important;
  }

  body.ayna-login-pro.ayna-is-login .ayna-login-channel-btn {
    min-height: 78px !important;
  }
}

/* =========================================================
   Ayna Login Premium V11.2 - Bir şifrem var kesin layout fix
   ========================================================= */

/*
  Şifre açılınca Kiwi bazı alanları aynı group içinde sıkıştırıyor.
  Bu durumda Yaş/Cinsiyet yazıları şifre alanına kayıyor.
  Çözüm: şifre açıkken formu tek kolon güvenli moda alıyoruz.
*/
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .kiwi-welcome-simple-form,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection form {
  display: block !important;
}

/* Şifre açıkken tüm input grupları tek kolon olsun; üst üste binme tamamen kalkar */
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-form-field-group,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-input-group,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-form-field-group,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-input-group {
  display: block !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: both !important;
  overflow: visible !important;
}

/* Şifre alanı ayrı ve tam genişlik */
body.ayna-login-pro.ayna-is-login .kiwi-startup-common-section-connection .ayna-pass-field-hard,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-form-field:has(input[type="password"]),
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-input:has(input[type="password"]),
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .kiwi-welcome-simple-form > div:has(input[type="password"]) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 72px !important;
  height: auto !important;
  clear: both !important;
  float: none !important;
  grid-column: 1 / -1 !important;
  position: relative !important;
  z-index: 5 !important;
  overflow: visible !important;
  margin: 0 0 15px !important;
  box-sizing: border-box !important;
}

/* Şifre input wrapper yüksekliği ezilmesin */
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection input[type="password"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-input-text:has(input[type="password"]),
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-input-text-inputs:has(input[type="password"]) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* Şifre açıkken Yaş/Cinsiyet/Konum alanları şifre kutusuna çıkmasın */
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection label,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-form-label,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-input-label {
  position: static !important;
  float: none !important;
  clear: none !important;
}

/* Şifre açıkken form field'ları tam genişlik normal akışta */
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-form-field,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .u-input,
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection .kiwi-welcome-simple-form > div {
  position: relative !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-column: 1 / -1 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Şifre açıkken tüm input/select tam genişlik; yaş-cinsiyet artık yan yana değil alt alta güvenli gelir */
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection input[type="text"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection input[type="password"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection input[type="email"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection input[type="number"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection select {
  width: 100% !important;
  max-width: 100% !important;
}

/* Şifre açıkken cinsiyet min-width önceki kural yüzünden taşmasın */
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection [class*="gender"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection [class*="sex"],
body.ayna-login-pro.ayna-is-login.ayna-password-open .kiwi-startup-common-section-connection [class*="age"] {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Şifre kapalıyken eski iki kolon yaş/cinsiyet görünümü korunur */
body.ayna-login-pro.ayna-is-login:not(.ayna-password-open) .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-form-field-group,
body.ayna-login-pro.ayna-is-login:not(.ayna-password-open) .kiwi-startup-common-section-connection .kiwi-welcome-simple-form .u-input-group {
  display: grid !important;
  grid-template-columns: minmax(96px, .82fr) minmax(146px, 1.18fr) !important;
  gap: 12px !important;
  align-items: end !important;
}