/* Genel Modal Stil */
#authModal .modal-content { border-radius: 18px; overflow: hidden; box-shadow: 0 8px 40px #0001; }
#authModal .p-4 {
    padding-bottom: 10px !important;
    margin-bottom: 20px;
}
.btn-close-modal {
    position: absolute; right: 18px; top: 18px; z-index:2;
    background: #f8f9fa; border-radius: 50%; width: 38px; height: 38px; 
    border: none; display: flex; align-items: center; justify-content: center;
    color: #444; box-shadow:0 2px 10px #0001;
    font-size: 22px; transition:.18s;
}
.btn-close-modal:hover { background: #f2f2f2; color:#d33; }
.btn-back {
    background: #f2f4f8;
    border: none;
    border-radius: 20px;
    color: #222;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15.6px;
    padding: 8px 17px 6px 12px;
    margin-bottom: 4px;
    margin-right: 12px;
    transition: background .16s;
}
button.btn.btn-outline-secondary.btn-showpw {
    border: 1px solid transparent;
}
.btn-back:hover { background: #e8e8e8; color: #0b5ed7; }
.auth-modal-h5 { font-weight: 700; font-size: 20px; margin-top: 4px; }
.auth-modal-header { display: flex; align-items: center; gap: 6px; margin-bottom: 12px;}
.form-floating-custom { position: relative; margin-bottom: 18px;}
.form-floating-custom input, .form-floating-custom select {
    padding: 6px 40px 6px 53px;
    height: 48px;
    font-size: 16px;
    border-radius: 12px;
}
.form-floating-custom input:focus {
    border-color: #ebebeb;
    box-shadow: 0 0 0 1.5px #007bff22;
}
button.btn.btn-primary.w-100 {
    padding: 8px;
}

.form-floating-custom label {
    position: absolute;
    left: 47px;
    top: 13px;
    font-size: 16px;
    color: #888;
    pointer-events: none;
    transition: all .19s;
    background: #fff;
    padding: 0 3px;
}
.form-floating-custom input:focus + label, .form-floating-custom input:not(:placeholder-shown) + label {
    top: -9px;
    left: 51px;
    font-size: 13px;
    color: #858282;
    font-weight: 500;
}
.text-center.mt-2 {
    padding-bottom: 10px;
    padding-top: 10px;
}
.input-group-text {
    position: absolute;
    left: 0;
    top: 0;
    height: 48px;
    background: #f8fafb;
    border: none;
    border-radius: 7px 0 0 6px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-size: 17px;
    z-index: 2;
    border: 1px solid #e5e3e3;
    font-weight: 600;
}
button.btn.btn-success.btn-lg:hover {
    background: #009688;
    color: white;
}
button.btn.btn-success.btn-lg {
    background: white;
    color: #009688;
    border: 1px solid #009688;
}
.input-error {
    color: #d32f2f;
    font-size: 13px;
    min-height: 16px;
    margin-bottom: 3px;
    margin-top: 0px;
    margin-left: 5px;
    font-weight: 500;
}
.auth-divider {
    display: flex; align-items: center; margin: 18px 0 9px 0;
}
.auth-divider hr {
    flex: 1;
    border: none;
    border-top: 1.5px solid #83858b;
    margin: 0 8px;
}
.auth-divider span {
    font-size: 14px; color: #aaa; font-weight: 600;
}
.btn-auth-alt {
    background: #f8fafb; color: #444; border-radius: 11px; font-weight:600;
    width: 100%; border:1.5px solid #f2f2f2; margin-bottom: 7px; padding: 12px;
    font-size: 15.6px; display: flex; align-items: center; gap: 8px; justify-content: center;
    transition: background .15s;
}
label.form-check-label {
    font-size: 15px;
    color: #595959;
}
button.btn.btn-success.w-100:hover {
    background: #2196F3;
    color: white;
}
button.btn.btn-success.w-100 {
    color: #2196F3;
    padding: 9px;
    background: #ffffff;
    border: 1px solid #2196F3;
    font-weight: 600;
}
.btn-auth-alt:hover { background: #eaf3ff; color: #0969d1; }
.auth-modal-link {
    color: #4199c3;
    font-weight: 600;
    font-size: 14.7px;
    text-decoration: none;
}
button.btn-auth-alt {
    font-size: 13px;
    margin-bottom: 10px;;
}
.auth-modal-link:hover { color: black; }
@media (max-width:500px) {
    #authModal .modal-dialog { max-width: 99vw !important; }
    .form-floating-custom input, .form-floating-custom select { height:44px; font-size:15px;}
    .input-group-text { height: 44px; }
}

#pwStrength {
    height: 6px;
    border-radius: 8px;
    background: #eee;
    margin-top: 8px;
    margin-bottom: 3px;
    overflow: hidden;
  }
  #pwStrength .pw-bar {
    display: block;
    height: 100%;
    border-radius: 8px;
    transition: width .25s;
  }
  #pwMatch {
    font-size: 15px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 7px;
  }
  #pwMatch .fa-check-circle { color: #39db82; }
  #pwMatch .fa-times-circle { color: #e03131; }
  button.btn.btn-outline-secondary.btn-showpw {
    position: absolute;
    right: 0px;
    top: 5px;
}

button.btn.btn-outline-secondary.btn-showpw:hover {
    background: transparent;
    color: #2196F3;
}

.input-status {
    position:absolute; right:15px; top:50%; transform:translateY(-50%);
    font-size:18px; width:22px; text-align:center; transition:.2s;
  }
  .input-status.valid { color: #29b85f; }
  .input-status.invalid { color: #e05a4b; }

  .sms-code-input {
    font-family: 'Montserrat', Arial, sans-serif;
    border: 1.5px solid #aaa;
    border-radius: 10px;
    height: 48px;
    font-size: 22px;
    text-align: center;
    margin-right: 2px;
    margin-left: 2px;
    transition: border .2s;
  }
  .sms-code-input:focus { border-color: #29b85f; outline: none; box-shadow: 0 0 0 1.5px #29b85f33; }
  #smsTimerArea { min-height:38px; }

  .text-center.text-muted {
    margin-bottom: 20px;
}
.text-muted.mb-2 {
    margin-bottom: 20px !important;
}
button.btn {
    font-size: 17px;
}

.text-muted.mb-2 {
    text-align: center;
}

.text-end.mt-2 a:hover {
    color: #2196F3 !important;
}
.text-end.mt-2 a {
    text-decoration: dashed;
    color: #8d8686 !important;
    font-weight: 600;
}
.text-end.mt-2 {
    position: relative;
    top: 14px;
}
input[type="radio"] {
    position: relative;
    top: 1px;
}
.mb-2.mt-2 {
    margin-top: 20px !important;
}

input#resetKodInput {
    padding: 15px;
}

input#resetPasswordInput {
    padding: 12px;
}

input#resetPasswordInput2 {
    padding: 12px;
}