/* === v1.16.2 AUTH INLINE + SIDEBAR RESTORE FIX === */

/* Sidebar ayrım çizgilerini ve kaliteli ikon görünümünü en son katmanda geri zorla */
.sidebar .side-nav{
  gap:6px!important;
}
.sidebar .side-separator{
  display:block!important;
  height:1px!important;
  min-height:1px!important;
  margin:12px 6px 11px!important;
  background:linear-gradient(90deg,transparent,rgba(126,188,213,.18),rgba(25,200,245,.16),transparent)!important;
  opacity:1!important;
  border:0!important;
}
.sidebar .navitem{
  position:relative!important;
  gap:13px!important;
  padding:11px 13px!important;
  min-height:44px!important;
  font-size:13.5px!important;
}
.sidebar .navitem .ico{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(35,210,245,.78)!important;
  opacity:.78!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 7px rgba(25,200,245,.16))!important;
}
.sidebar .navitem .ico svg{
  width:16px!important;
  height:16px!important;
  display:block!important;
  fill:currentColor!important;
}
.sidebar .navitem span:nth-child(2){
  color:rgba(178,205,218,.72)!important;
  font-weight:820!important;
  letter-spacing:.01em!important;
}
.sidebar .navitem:hover .ico,
.sidebar .navitem.active .ico{
  color:var(--cyan)!important;
  opacity:1!important;
  filter:drop-shadow(0 0 9px rgba(25,200,245,.45))!important;
}
.sidebar .navitem:hover span:nth-child(2),
.sidebar .navitem.active span:nth-child(2){
  color:#f8fdff!important;
}
.sidebar .navitem.active{
  background:linear-gradient(90deg,rgba(25,200,245,.16),rgba(25,200,245,.045))!important;
  box-shadow:0 0 24px rgba(25,200,245,.08), inset 3px 0 0 var(--cyan)!important;
}
.sidebar .navitem.active:after{
  content:""!important;
  position:absolute!important;
  left:42px!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  transform:translateY(-50%) rotate(45deg)!important;
  border-radius:2px!important;
  background:var(--cyan)!important;
  box-shadow:0 0 12px rgba(25,200,245,.48)!important;
  opacity:.95!important;
}
.sidebar .navitem.active span:nth-child(2){
  padding-left:14px!important;
}
.sidebar .socials{
  border-top:1px solid rgba(126,188,213,.14)!important;
  padding-top:13px!important;
}

/* Login/Register artık ayrı landing değil; sidebar sabitken ana içerikte kompakt açılır */
.auth-embedded-main{
  min-height:100vh!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.auth-embedded-shell{
  width:min(1120px,100%)!important;
  min-height:0!important;
  max-height:calc(100vh - 68px)!important;
  display:grid!important;
  grid-template-columns:minmax(320px,440px) minmax(360px,1fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
.auth-embedded-visual{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  min-height:520px!important;
  max-height:calc(100vh - 68px)!important;
  background:linear-gradient(145deg,rgba(5,26,39,.86),rgba(0,9,15,.94))!important;
  border:1px solid rgba(25,200,245,.18)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.42), inset 0 0 42px rgba(25,200,245,.055)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.auth-embedded-visual:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 30% 20%,rgba(25,200,245,.12),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
.auth-embedded-visual img{
  position:relative!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  max-height:calc(100vh - 70px)!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
}
.auth-embedded-form-wrap{
  display:flex!important;
  align-items:center!important;
  min-height:0!important;
}
.auth-card-inline{
  width:100%!important;
  max-width:620px!important;
  margin:0!important;
  padding:30px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(7,32,46,.90),rgba(4,18,28,.92))!important;
  border:1px solid rgba(25,200,245,.18)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38), inset 0 0 36px rgba(25,200,245,.045)!important;
}
.auth-card-inline .auth-card-head h1{
  font-size:34px!important;
  line-height:1.05!important;
  margin:8px 0 10px!important;
}
.auth-card-inline .auth-card-head p{
  max-width:520px!important;
}
.auth-card-inline .auth-form-pro{
  gap:10px!important;
}
.auth-card-inline .auth-form-pro input{
  height:48px!important;
}
.auth-card-inline .auth-main-btn{
  margin-top:8px!important;
  height:50px!important;
}

@media(max-width:1200px){
  .auth-embedded-shell{grid-template-columns:360px minmax(320px,1fr)!important;}
}
@media(max-width:1000px){
  .auth-embedded-main{padding:86px 16px 28px!important;align-items:flex-start!important;}
  .auth-embedded-shell{grid-template-columns:1fr!important;max-height:none!important;}
  .auth-embedded-visual{min-height:260px!important;max-height:320px!important;}
  .auth-embedded-visual img{height:100%!important;max-height:320px!important;object-position:center center!important;}
  .auth-card-inline{max-width:none!important;padding:24px!important;}
}
@media(max-width:560px){
  .auth-card-inline .auth-card-head h1{font-size:28px!important;}
  .auth-embedded-visual{min-height:220px!important;max-height:270px!important;}
}
