/* HC_MUHABBET_USERNAME_MODAL_V5
   V4 modal yerleşimi korunur; orta kart Portal'ın beyaz görünümüne alınır.
*/

.mh-username-gate{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  box-sizing:border-box!important;
  display:grid!important;
  align-items:center!important;
  justify-items:center!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:20px!important;
  overflow:auto!important;
  background:rgba(10,18,32,.68)!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  pointer-events:auto!important;
}

/* Ana istek: kullanıcı adı kartı sitenin beyaz kart renginde. */
.mh-username-card{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(480px,calc(100vw - 32px))!important;
  max-width:480px!important;
  max-height:calc(100dvh - 32px)!important;
  margin:auto!important;
  padding:24px!important;
  overflow:auto!important;
  border:1px solid #d8e0ec!important;
  border-radius:14px!important;
  color:#1f2d42!important;
  background:#ffffff!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30)!important;
}

.mh-username-card h2,
.mh-username-card label,
.mh-username-card strong{
  color:#1f2d42!important;
}

.mh-username-card > p,
.mh-username-form small,
.mh-username-preview{
  color:#66758a!important;
}

.mh-username-icon{
  color:#ffffff!important;
  background:#2265c7!important;
}

.mh-username-warning{
  border-color:#e6c66d!important;
  color:#38465a!important;
  background:#fffaf0!important;
}

.mh-username-error{
  border-color:#efb1b1!important;
  color:#b42323!important;
  background:#fff5f5!important;
}

.mh-username-input-wrap{
  border-color:#b9c6d8!important;
  background:#ffffff!important;
}

.mh-username-input-wrap:focus-within{
  border-color:#2265c7!important;
  box-shadow:0 0 0 2px rgba(34,101,199,.14)!important;
}

.mh-username-input-wrap > span{
  color:#2265c7!important;
}

.mh-username-input-wrap input{
  color:#1f2d42!important;
  background:#ffffff!important;
  caret-color:#2265c7!important;
}

.mh-username-input-wrap input::placeholder{
  color:#93a1b4!important;
}

.mh-username-preview{
  border-color:#d8e0ec!important;
  background:#f7f9fc!important;
}

.mh-username-preview strong{
  color:#2265c7!important;
}

.mh-username-confirm{
  color:#40516a!important;
}

.mh-username-form button[type="submit"]{
  color:#ffffff!important;
  background:#2265c7!important;
  border-color:#2265c7!important;
}

.mh-username-form button[type="submit"]:disabled{
  color:#ffffff!important;
  background:#8eb4ec!important;
  border-color:#8eb4ec!important;
  opacity:1!important;
}

body.mh-username-required{
  overflow:hidden!important;
}

@media(max-width:620px){
  .mh-username-gate{
    padding:12px!important;
  }

  .mh-username-card{
    width:100%!important;
    max-height:calc(100dvh - 24px)!important;
    padding:18px!important;
  }
}