/* ==========================================================================
   hm-login.css   servis.habermetre.com giris sayfasi
   --------------------------------------------------------------------------
   NEREDE YUKLENIR
     Views/Login/Index.cshtml, <head> icindeki SON <link>. login.css'ten
     SONRA gelmesi gerekiyor, cunku onun kurallarinin uzerine yaziyor.
     Yuklenme sirasi: ~/Css/Plugins -> select2 -> ~/Css/Default
     (icinde hm-layout.css) -> login.css -> BU DOSYA.

   NE YAPAR / NE YAPMAZ
     Yalnizca gorunum: zemin, kart, dugme, alan ve uyari bicimleri. HTML'e
     tek bir <link> satiri disinda dokunulmadi:
       - hicbir oge silinmedi (.bottompart dahil, yalnizca inceltildi)
       - placeholder metinlerine dokunulmadi (GlobalVariables'dan geliyor)
       - form yapisi, dogrulama ve JS aynen korundu
     Sayfada uc form (loginForm / forgetForm / registerForm) ve 10 uyari
     kutusu var; kurallar hepsini birlikte kapsiyor.

   RENK  (admin panelinden AYRI olmasi icin)
     servis.habermetre.com -> MAVI  #00adef   (Habermetre logo rengi)
     admin.habermetre.com  -> GRI   #52606d   (notr slate)
     Iki panel bakista ayrilsin diye zemin, dugme ve odak renkleri farkli.

   !important NOTU
     Asagidaki !important'lar zorunlu; hepsi tarayicida olculdu:
       1) login.css      body.login { background-color: #848484 !important }
                         .login     { background-color: #848484 !important }
       2) components.css div, input, select, span, table...
                         { border-radius: 0 !important }   (12 kural)
       3) login.css      .login .content .RoundButton
                         { border-radius: 6px !important }
     Bir !important'i yalnizca esit ya da daha ozgul, daha sonra gelen bir
     !important yenebiliyor. Bu dosyalar Metronic temasina ait oldugu icin
     onlara dokunulmadi.
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. SAYFA ZEMINI
   Onceden duz #848484 gri idi.
   -------------------------------------------------------------------------- */

body.login {
    background-color: #06304a !important;
    background-image: linear-gradient(135deg, #04263a 0%, #0a4d70 45%, #00adef 100%) !important;
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 12px;
    /* justify-content: center BILEREK YOK. Dikey ortalama karttaki
       `margin: auto 0` ile yapiliyor. Sebebi olculdu: justify-content ile
       icerik viewport'tan uzun oldugunda (kayit formu 1533px) kartin ust
       kismi kesiliyor ve sayfa kaydirilamiyor. margin:auto tasmaya izin
       verir, ust kenar kesilmez. */
}

/* Zeminde derinlik veren yumusak isik. Icerigi engellememesi icin
   pointer-events kapali. */
body.login::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        radial-gradient(circle at 16% 20%, rgba(0, 173, 239, .30), transparent 44%),
        radial-gradient(circle at 84% 80%, rgba(93, 205, 247, .18), transparent 46%);
    pointer-events: none;
    z-index: 0;
}

/* Metronic'in giris sayfasinda islevi olmayan bos toggler kutusu.
   Oge SILINMEDI, yalnizca flex akisini bozmamasi icin gizlendi. */
body.login > .menu-toggler.sidebar-toggler {
    display: none;
}


/* --------------------------------------------------------------------------
   2. KART
   Kayit formu (registerForm) yedi alan tasidigi icin kart admin'dekinden
   biraz genis tutuldu. Mobil icin calc(100vw - 24px) korundu.
   -------------------------------------------------------------------------- */

.login .content {
    position: relative;
    z-index: 1;
    /* Flex ogesi varsayilan olarak KUCULEBILIR (flex-shrink:1). Bu, icerik
       viewport'tan uzun oldugunda karti sikistirip overflow:hidden ile
       icerigi kirpiyordu (olculdu: 1533px icerik -> 922px kart, 611px
       kayip) ve sayfa kaydirilamiyordu. */
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: auto 0;
    width: min(400px, calc(100vw - 24px)) !important;
    max-width: 100%;
    padding-bottom: 0;
    background-color: #ffffff;
    border-radius: 10px !important;
    overflow: hidden;                          /* ust serit kose yaricapina uysun */
    box-shadow: 0 18px 48px rgba(2, 20, 32, .34), 0 2px 6px rgba(2, 20, 32, .18);
}

/* Kartin ust seridi. Onceden turuncu (#f1b136) 6px idi. */
.login .content .toppart {
    height: 4px;
    width: 100%;
    margin-top: 0;
    background-color: #00adef;
    background-image: linear-gradient(90deg, #00adef 0%, #0a4d70 100%);
}

/* Alt serit. SILINMEDI: turuncu 44px'lik blok yerine ince bir mavi serit. */
.login .content .bottompart {
    height: 4px;
    width: 100%;
    margin-top: 18px;
    background-color: #00adef;
    background-image: linear-gradient(90deg, #0a4d70 0%, #00adef 100%);
}

/* Form govdelerinin ic boslugu. Uc formu birlikte kapsiyor. */
.login .content .loginForm,
.login .content .forgetForm,
.login .content .registerForm {
    padding: 0 30px;
}


/* --------------------------------------------------------------------------
   3. LOGO VE BASLIKLAR
   Logo goruntusune ve isaretlemesine dokunulmadi, yalnizca olcu ve bosluk.
   -------------------------------------------------------------------------- */

.login .logo {
    margin-top: 28px;
    margin-bottom: 2px;
    text-align: center;
}

.login .logo img {
    display: inline-block;
    width: auto;
    max-width: 74% !important;    /* isaretlemede inline max-width:300px!important var */
    height: auto;
}

.login .content .sentence {
    color: #4a5560;
    font-size: 14px;
    font-weight: 400;
    margin-top: 14px;
    margin-bottom: 18px;
    text-align: center;
}

.login .content h3 {
    color: #16232e;
    font-size: 20px;
}

.login .content .form-title {
    font-weight: 600;
    margin-bottom: 18px;
    color: #16232e;
}


/* --------------------------------------------------------------------------
   4. FORM ALANLARI
   Placeholder METNI degistirilmedi; yalnizca rengi ve alan bicimi.
   -------------------------------------------------------------------------- */

.login .content .form-group {
    margin-bottom: 13px;
}

/* Secici BILEREK yalnizca .form-control tasiyan alanlar. Duz
   `.login .content input` yazmak onay kutusunu da kapsiyor: login.css o genis
   seciciyle checkbox'a da height:43px veriyor (ozgullugu 0,2,1 ile
   uniform.default.css'in `div.checker input` 0,1,2 kuralini yeniyor; olculdu).
   Ham checkbox opacity:0 ile gizli ama yer kapladigi icin ona yukseklik,
   kenarlik ve kose yaricapi vermenin anlami yok. */
.login .content input.form-control {
    height: 44px;
    background-color: #ffffff;
    border: 1px solid #d5dbe1;
    border-radius: 8px !important;   /* components.css global sifirlamasini ezer */
    font-size: 14px;
    color: #1e2a35;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.login .content input.form-control:focus {
    border-color: #00adef;
    background-color: #fafdff;
    box-shadow: 0 0 0 3px rgba(0, 173, 239, .16);
}

/* Placeholder rengi. Dort on ek AYRI kural govdesinde olmak zorunda:
   taniyamadigi bir seciciyi goren tarayici tum kurali atar. */
.login .content input::-webkit-input-placeholder {
    color: #64748b;
}

.login .content input::-moz-placeholder {
    color: #64748b;
    opacity: 1;
}

.login .content input:-ms-input-placeholder {
    color: #64748b;
}

.login .content input::placeholder {
    color: #64748b;
    opacity: 1;
}

/* Alan icindeki ikon dikey ortalanir. Secici bilerek
   `.login .content .input-icon > i` (0,3,1): login.css ayni secicide
   `margin-top: 15px` veriyor ve daha dusuk ozgullukle yazilan kural
   kaybediyor. Marj sifirlanip ortalama transform ile yapiliyor. */
.login .content .input-icon {
    height: auto;
    position: relative;
}

.login .content .input-icon > i {
    top: 50%;
    left: 13px;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #64748b;
    font-size: 15px;
    line-height: 1;
    z-index: 3;
}

/* Ikonlu alanlarda metnin ikonun uzerine binmemesi icin sol bosluk */
.login .content .input-icon > input.form-control {
    padding-left: 38px;
}


/* --------------------------------------------------------------------------
   5. DUGMELER
   -------------------------------------------------------------------------- */

.login .content .RoundButton {
    height: 44px;
    border: 0;
    border-radius: 8px !important;   /* login.css 6px !important veriyor */
    background-color: #00adef;
    background-image: linear-gradient(135deg, #00adef 0%, #0090c8 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    box-shadow: 0 6px 16px rgba(0, 173, 239, .30);
    transition: box-shadow .15s ease, transform .05s ease, filter .15s ease;
}

.login .content .RoundButton:hover,
.login .content .RoundButton:focus {
    filter: brightness(1.05);
    box-shadow: 0 8px 22px rgba(0, 173, 239, .40);
    color: #ffffff;
    outline: 0;
}

.login .content .RoundButton:active {
    transform: translateY(1px);
    box-shadow: 0 3px 10px rgba(0, 173, 239, .28);
}

.login .content .form-actions {
    background-color: transparent;
    margin-top: 20px;
    text-align: center;
}

/* Metin baglantilari (sifremi unuttum, kayit ol, geri don) */
.login .content .forget-password a,
.login .content .create-account a,
.login .content .registerBackLink a,
.login .content a {
    color: #00719c;
    transition: color .15s ease;
}

.login .content .forget-password a:hover,
.login .content .create-account a:hover,
.login .content .registerBackLink a:hover,
.login .content a:hover {
    color: #006184;
}

.login .content .create-account {
    border-top: 1px solid #e6eaee;
    padding-top: 12px;
    margin-top: 16px;
}


/* --------------------------------------------------------------------------
   6. UYARI KUTULARI  (10 adet: login / forgetPassword / registerForm)
   Yapi: <div class="alert alert-X"><button class="close"></button><span>..</span></div>

   Onceki hal: bootstrap varsayilani, kose yaricapi 0, 15px duz padding,
   ortalanmis metin ve GORUNMEYEN kapatma dugmesi.

   Kapatma dugmesi: isaretlemede <button class="close" data-close="alert">
   ICI BOS geliyor, bu yuzden 0x0 olcusunde ve hic gorunmuyordu (olculdu).
   Metronic'in data-close mekanizmasinin CALISTIGI test edildi: dugme
   gorunur yapilip tiklandiginda uyari kapaniyor. O yuzden ::before ile
   carpi isareti veriliyor; isaretlemeye dokunulmadi.

   Ikon kullanilmadi: font-awesome yuklu olmasina ragmen .fa-check::before
   icerigi bos donuyor (olculdu), bu yuzden tip ayrimi sol kenar seridi ve
   renkle yapiliyor.
   -------------------------------------------------------------------------- */

.login .content .alert {
    position: relative;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 8px !important;   /* components.css global sifirlamasini ezer */
    padding: 12px 40px 12px 14px;    /* sagda kapatma dugmesine yer */
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    box-shadow: 0 1px 2px rgba(16, 28, 40, .05);
}

.login .content .alert > span {
    display: block;
}

/* Kapatma dugmesi: sagda, dikey ortali, gercek bir dokunma hedefi.
   Yalnizca button.close hedeflenir. admin projesinde bazi uyarilarda
   kapatma ogesi <input type="submit"> oldugu icin orada gorunur
   yapilmiyor; input zaten pseudo-element desteklemez ve tiklanmasi formu
   gonderir. */
.login .content .alert > button.close {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 0;
    /* components.css'teki `.close` kurali carpiyi GORUNMEZ kiliyordu:
       text-indent: -10000px ile ::before icerigini ekran disina itiyor ve
       background-image ile 9x9'luk eski bir ikon PNG'si basiyordu (ikisi de
       olculdu). Ikisini de burada geri aliyoruz; PNG kurali !important
       oldugu icin ayni agirlikta ezilmesi gerekiyor. */
    text-indent: 0;
    background: transparent;
    background-image: none !important;
    /* carpi, uyari tipinin rengini alir: bootstrap .close siyah veriyordu */
    color: inherit;
    opacity: .55;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    text-shadow: none;
    border-radius: 5px;
    cursor: pointer;
    transition: opacity .15s ease, background-color .15s ease;
}

.login .content .alert > button.close::before {
    content: "\00d7";              /* isaretlemede metin yok, carpiyi CSS veriyor */
}

.login .content .alert > button.close:hover,
.login .content .alert > button.close:focus {
    opacity: .9;
    background-color: rgba(16, 28, 40, .07);
    outline: 0;
}

/* Tipler: sol serit + yumusak zemin */
.login .content .alert-success {
    background-color: #eaf7ef;
    border-left-color: #2e9e5b;
    color: #1c6b3d;
}

.login .content .alert-danger {
    background-color: #fdedee;
    color: #9d2430;
    border-left-color: #d64550;
}

.login .content .alert-warning {
    background-color: #fef6e7;
    color: #8a5a10;
    border-left-color: #e0a132;
}

.login .content .alert-info {
    background-color: #e9f6fd;
    color: #145d80;
    border-left-color: #00adef;
}


/* --------------------------------------------------------------------------
   7. ONAY KUTUSU VE TELIF SATIRI
   -------------------------------------------------------------------------- */

.login .checkbox {
    color: #4a5560;
}

.login .copyright {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    padding-top: 14px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}


/* --------------------------------------------------------------------------
   8. KUCUK EKRAN
   -------------------------------------------------------------------------- */

@media (max-width: 480px) {
    .login .content {
        border-radius: 8px !important;
    }

    .login .content .loginForm,
    .login .content .forgetForm,
    .login .content .registerForm {
        padding: 0 18px;
    }

    .login .logo img {
        max-width: 66% !important;
    }
}

/* 15.10.2026 - Bildirim listesi sayfasi (Notification/Disavow). Sayfa
   Layout kullanmiyor, login yerlesimiyle ciziliyor, bu yuzden siniflari
   burada. Oncesinde bu degerler satir ici stil olarak duruyordu. */
.login .content.dsv-content {
    min-width: 85%;
}

.login .content .dsv-title {
    text-align: center;
}

/* Listenin hangi adrese ait oldugu oncesinde sayfada hic yazmiyordu. */
.login .content .dsv-mail {
    text-align: center;
    margin: -6px 0 18px;
    font-size: 13px;
    color: #5f6b7a;
    word-break: break-all;
}

.login .content .dsv-actions {
    margin-bottom: 20px;
}

.login .content .dsv-check-col {
    width: 9%;
    white-space: nowrap;
}

.login .content .dsv-name {
    font-weight: bold;
}

.login .content .dsv-empty {
    text-align: center;
}

/* 15.10.2026 - Bildirim listesi bos oldugunda. Oncesinde yalnizca sari
   bir uyari kutusu cikiyordu; oysa bu bir hata degil, yapilacak bir sey
   olmadigini soyleyen olagan bir durum. */
.login .content .dsv-empty {
    text-align: center;
    padding: 26px 16px 34px;
}

.login .content .dsv-empty-icon {
    font-size: 40px;
    color: #c3ccd8;
    display: block;
    margin-bottom: 14px;
}

.login .content .dsv-empty-title {
    font-size: 16px;
    font-weight: 600;
    color: #3a4654;
    margin: 0 0 6px;
}

.login .content .dsv-empty-hint {
    font-size: 13px;
    color: #7b8694;
    margin: 0;
}