/* KadroAkademi — Üye Ol penceresi (2026-10-19)
   Görsel düzenlemedir; giriş, şifre sıfırlama ve doğrulama ekranları ayrı kalır. */

#auth-dialog[data-auth-mode="signup"]{
  width:min(560px,calc(100% - 22px));
  border-radius:20px;
  border:1px solid #dbe5f0;
  box-shadow:0 24px 72px rgba(10,29,58,.24);
  scrollbar-gutter:stable;
}
#auth-dialog[data-auth-mode="signup"] .modal-content{
  padding:23px 25px 22px;
}
#auth-dialog[data-auth-mode="signup"] .modal-eyebrow{
  margin:0 0 3px;
  font-size:.67rem;
  font-weight:850;
  letter-spacing:.16em;
}
#auth-dialog[data-auth-mode="signup"] #auth-title{
  font-size:1.8rem;
  line-height:1.12;
  margin:3px 47px 5px 0;
}
#auth-dialog[data-auth-mode="signup"] #auth-description{
  margin:0;
  max-width:420px;
  color:#68798e;
  font-size:.79rem;
  line-height:1.44;
}
#auth-dialog[data-auth-mode="signup"] .close{
  top:15px;
  right:15px;
  width:38px;
  min-height:38px;
  height:38px;
  border-radius:11px;
}
#auth-dialog[data-auth-mode="signup"] #auth-form{
  margin-top:12px;
}
#auth-dialog[data-auth-mode="signup"] #auth-form .auth-field{
  min-width:0;
}
#auth-dialog[data-auth-mode="signup"] #auth-form .auth-field>label{
  display:block;
  margin:10px 0 5px;
  color:#2c405c;
  font-size:.76rem;
  font-weight:750;
  line-height:1.28;
}
#auth-dialog[data-auth-mode="signup"] #auth-form .auth-field>input{
  width:100%;
  min-height:44px;
  height:44px;
  padding:10px 12px;
  font-size:16px;
  border-color:#d2dce8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(17,38,69,.025);
}
#auth-dialog[data-auth-mode="signup"] #auth-form .auth-field>input:focus{
  border-color:#377adf;
  box-shadow:0 0 0 3px rgba(55,122,223,.09);
}
#auth-dialog[data-auth-mode="signup"] .auth-password-hint{
  display:block;
  margin-top:4px;
  color:#68798e;
  font-size:.67rem;
  line-height:1.3;
}
#auth-dialog[data-auth-mode="signup"] #auth-form>#auth-submit{
  display:flex;
  position:static!important;
  width:100%;
  min-height:47px;
  margin:13px 0 0;
  border-radius:11px;
  font-size:.91rem;
  font-weight:800;
  letter-spacing:.005em;
  box-shadow:0 5px 15px rgba(35,106,207,.13);
}
#auth-dialog[data-auth-mode="signup"] .signup-legal{
  display:block;
  margin:13px 0 0!important;
  padding:13px!important;
  border:1px solid #dfe8f2!important;
  border-radius:12px!important;
  background:#f7f9fc!important;
  font-size:.76rem!important;
  line-height:1.43!important;
}
#auth-dialog[data-auth-mode="signup"] .signup-legal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#auth-dialog[data-auth-mode="signup"] .signup-legal-head>strong{
  font-size:.78rem;
  font-weight:800;
  color:#233b59;
}
#auth-dialog[data-auth-mode="signup"] .signup-legal-head>span{
  color:#607993;
  font-size:.65rem;
  font-weight:700;
}
#auth-dialog[data-auth-mode="signup"] .signup-legal-desc{
  margin:3px 0 9px!important;
  color:#667990;
  font-size:.7rem!important;
  line-height:1.37!important;
}
#auth-dialog[data-auth-mode="signup"] .legal-documents{
  margin:0;
  border:1px solid #d6e2f1;
  border-radius:9px;
  background:#fff;
  overflow:hidden;
}
#auth-dialog[data-auth-mode="signup"] .legal-documents>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:43px;
  padding:10px 11px;
  cursor:pointer;
  list-style:none;
  color:#2565bd;
  font-size:.76rem;
  font-weight:800;
  line-height:1.35;
}
#auth-dialog[data-auth-mode="signup"] .legal-documents>summary::-webkit-details-marker{
  display:none;
}
#auth-dialog[data-auth-mode="signup"] .legal-documents>summary::after{
  content:"";
  display:block;
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-right:2px solid #3674c7;
  border-bottom:2px solid #3674c7;
  transform:rotate(45deg);
  transition:transform .16s ease;
}
#auth-dialog[data-auth-mode="signup"] .legal-documents[open]>summary::after{
  transform:rotate(225deg);
}
#auth-dialog[data-auth-mode="signup"] .legal-documents-body{
  padding:10px 12px 11px;
  border-top:1px solid #e6ecf3;
}
#auth-dialog[data-auth-mode="signup"] .legal-mini-group{
  margin:0 0 9px;
  padding:0!important;
  border:0!important;
}
#auth-dialog[data-auth-mode="signup"] .legal-mini-group:last-child{
  margin-bottom:0;
}
#auth-dialog[data-auth-mode="signup"] .legal-group-label{
  display:block;
  margin-bottom:6px;
  color:#304762;
  font-size:.67rem!important;
}
#auth-dialog[data-auth-mode="signup"] .legal-mini-links{
  display:flex!important;
  flex-wrap:wrap;
  gap:6px!important;
  margin:0!important;
}
#auth-dialog[data-auth-mode="signup"] .legal-mini-links a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 8px;
  border-radius:7px;
  border:1px solid #e1e9f5;
  background:#f6f9fe;
  color:#2767c0;
  font-size:.67rem!important;
  font-weight:700;
  line-height:1.3;
  text-decoration:none;
}
#auth-dialog[data-auth-mode="signup"] .legal-mini-links a:hover{
  border-color:#8db7f1;
  background:#ecf4ff;
}
#auth-dialog[data-auth-mode="signup"] .legal-more{
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid #e5ecf5;
}
#auth-dialog[data-auth-mode="signup"] .legal-more>summary{
  min-height:32px;
  color:#286ac2;
  font-size:.69rem;
}
#auth-dialog[data-auth-mode="signup"] .legal-more small{
  margin-top:7px;
}
#auth-dialog[data-auth-mode="signup"] .legal-disclosure{
  margin:10px 0!important;
  padding:0!important;
  color:#617289!important;
  font-size:.69rem!important;
  line-height:1.44!important;
}
#auth-dialog[data-auth-mode="signup"] .legal-disclosure a{
  color:#266ac5;
  font-weight:750;
}
#auth-dialog[data-auth-mode="signup"] .legal-check{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0!important;
  padding:11px!important;
  border:1px solid #d8e3f2;
  border-radius:9px;
  background:#fff;
  color:#2a415e;
  font-size:.74rem!important;
  font-weight:650!important;
  line-height:1.42!important;
  cursor:pointer;
}
#auth-dialog[data-auth-mode="signup"] .legal-check input[type="checkbox"]{
  margin-top:1px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  flex:0 0 20px!important;
}
#auth-dialog[data-auth-mode="signup"] .legal-check a{
  color:#2369c8;
  font-weight:800;
}
#auth-dialog[data-auth-mode="signup"] #auth-status{
  margin:10px 0 0;
  padding:9px 11px;
  background:#f3f7fd;
  border:1px solid #e1e9f3;
  color:#5a718d;
  border-radius:9px;
  font-size:.71rem;
  line-height:1.4;
}
#auth-dialog[data-auth-mode="signup"] .auth-switch{
  margin:11px 0 0;
  font-size:.75rem;
  line-height:1.35;
  text-align:center;
}
#auth-dialog[data-auth-mode="signup"] .auth-switch .text-button{
  min-height:33px;
  font-size:.76rem;
}
@media(min-width:700px){
  #auth-dialog[data-auth-mode="signup"] #auth-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:13px;
  }
  #auth-dialog[data-auth-mode="signup"] .signup-legal,
  #auth-dialog[data-auth-mode="signup"] #auth-form>#auth-submit{
    grid-column:1/-1;
  }
}
@media(max-width:640px){
  #auth-dialog[data-auth-mode="signup"]{
    width:calc(100% - 20px);
    border-radius:16px;
    scrollbar-gutter:auto;
  }
  #auth-dialog[data-auth-mode="signup"] .modal-content{
    padding:19px 18px 19px;
  }
  #auth-dialog[data-auth-mode="signup"] #auth-title{
    font-size:1.62rem;
  }
  #auth-dialog[data-auth-mode="signup"] #auth-form .auth-field>label{
    margin-top:9px;
  }
  #auth-dialog[data-auth-mode="signup"] .signup-legal{
    padding:11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #auth-dialog[data-auth-mode="signup"] .legal-documents>summary::after{
    transition:none;
  }
}

/* Şifre ipucu yalnız kayıt formunda; hata/başarı mesajları önceliklidir. */
#auth-dialog .auth-password-hint{display:none}
#auth-dialog[data-auth-mode="signup"] .auth-password-hint{display:block}
#auth-dialog[data-auth-mode="signup"] #auth-status.error{color:#9d2830;background:#fff2f2;border-color:#f2bcbf}
#auth-dialog[data-auth-mode="signup"] #auth-status.success{color:#193a64;background:#f2f7ff;border-color:#8bb4ef}