html,body{min-height:100%;margin:0}
body.public-view.signin-page{margin:0;background:#f4f6f4!important;color:#293034;overflow-x:hidden}
.signin-stage{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:42px 22px;overflow:hidden;background:
linear-gradient(135deg,#f8f9f7 0%,#f2f5f2 52%,#fafafa 100%)}
.signin-stage:before,.signin-stage:after{content:"";position:absolute;pointer-events:none}
.signin-stage:before{left:-90px;bottom:-70px;width:520px;height:360px;opacity:.55;background:
linear-gradient(90deg,rgba(55,126,105,.07),rgba(55,126,105,0));clip-path:polygon(0 100%,0 72%,22% 72%,22% 52%,44% 52%,44% 32%,66% 32%,66% 12%,88% 12%,88% 0,100% 0,100% 100%)}
.signin-stage:after{right:-120px;top:-100px;width:520px;height:360px;opacity:.4;background:
linear-gradient(270deg,rgba(43,91,165,.06),rgba(43,91,165,0));clip-path:polygon(0 0,100% 0,100% 100%,82% 100%,82% 80%,64% 80%,64% 60%,46% 60%,46% 40%,28% 40%,28% 20%,0 20%)}
.signin-wrap{position:relative;z-index:2;width:100%;max-width:520px}
.signin-brand{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 24px}
.signin-brand img{display:block;max-width:195px;max-height:58px;width:auto;height:auto;object-fit:contain}
.signin-brand span{padding-left:18px;border-left:1px solid #ccd3d0;font-size:14px;font-weight:700;letter-spacing:.06em;color:#5c6763}
.signin-card{position:relative;background:rgba(255,255,255,.96);border:1px solid #e0e5e2;border-radius:16px;padding:64px 42px 38px;box-shadow:0 24px 70px rgba(42,55,50,.09),0 3px 12px rgba(42,55,50,.04)}
.signin-card:before{content:"BASAMAK CRM";position:absolute;top:31px;left:0;right:0;text-align:center;font-size:12px;font-weight:700;letter-spacing:.14em;color:#6c7773}
.signin-page .form-signin{width:100%!important;max-width:none!important;height:auto!important;padding:0!important;margin:0!important}
.signin-page .form-signin .card{width:100%;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.signin-page .form-signin .card-header{display:none!important}
.signin-page .form-signin .card-body{padding:0!important;background:transparent!important}
.signin-page .form-signin .form-group{margin-bottom:15px}
.signin-page .form-signin label{display:block;margin-bottom:8px;text-align:left;font-size:13px;font-weight:600;color:#55605c}
.signin-page .form-signin .form-control{width:100%;min-height:54px;padding:14px 15px!important;border:1px solid #d7ddda;border-radius:10px;background:#fff;color:#293034;font-size:15px;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease}
.signin-page .form-signin .form-control::placeholder{color:#99a19e}
.signin-page .form-signin .form-control:focus{border-color:#84938d;box-shadow:0 0 0 3px rgba(64,91,81,.08)!important}
.signin-page .form-signin .btn-primary{width:100%;min-height:52px;margin-top:3px;border:1px solid #343c3f!important;border-radius:10px!important;background:#343c3f!important;color:#fff!important;font-size:15px;font-weight:650;box-shadow:none!important}
.signin-page .form-signin .btn-primary:hover,.signin-page .form-signin .btn-primary:focus{background:#252c2f!important;border-color:#252c2f!important}
.signin-page .form-signin a{color:#4f5b60;font-size:13px;font-weight:600;text-decoration:none}
.signin-page .form-signin a:hover{color:#22292d}
.signin-page .form-signin .mt5{margin-top:14px!important;text-align:right}
.signin-page .form-signin .mt20{margin-top:24px!important;padding-top:20px;border-top:1px solid #ecefed;text-align:center;font-size:13px;color:#7b8481}
.signin-page .form-signin .alert{margin-bottom:18px;padding:13px 15px;border-radius:9px;font-size:13px;line-height:1.5}
.signin-meta{margin-top:20px;text-align:center;font-size:12px;color:#87908d}
.signin-meta span{margin:0 7px;color:#b0b7b4}
.signin-page input:-webkit-autofill,.signin-page input:-webkit-autofill:hover,.signin-page input:-webkit-autofill:focus{-webkit-text-fill-color:#293034!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important;transition:background-color 9999s ease-out 0s}
@media(max-width:600px){.signin-stage{padding:28px 16px}.signin-brand{margin-bottom:20px}.signin-brand img{max-width:165px;max-height:50px}.signin-card{padding:58px 24px 30px;border-radius:14px}.signin-card:before{top:27px}.signin-meta{margin-top:16px}}

/* BASAMAK CRM - SON INCE AYARLAR */

/* Logo zaten CRM kimliğini gösteriyor; kart içindeki tekrar kalksın */
.signin-card::before{
    display:none !important;
}

/* Kart daha kompakt olsun */
.signin-card{
    padding:40px 42px 34px;
}

/* Autofill dahil giriş alanları beyaz */
.signin-page .form-signin .form-control{
    background:#fff !important;
}

.signin-page input:-webkit-autofill,
.signin-page input:-webkit-autofill:hover,
.signin-page input:-webkit-autofill:focus,
.signin-page input:-webkit-autofill:active{
    -webkit-text-fill-color:#293034 !important;
    -webkit-box-shadow:0 0 0 1000px #fff inset !important;
    box-shadow:0 0 0 1000px #fff inset !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    caret-color:#293034;
    transition:background-color 9999s ease-out 0s;
}

/* Form ile şifre bağlantısı arasındaki denge */
.signin-page .form-signin .mt5{
    margin-top:16px !important;
}

/* Alt kurumsal bilgi biraz daha sakin */
.signin-meta{
    margin-top:20px;
    color:#909895;
}

/* BASAMAK CRM - ARKA PLAN VE MOBIL INCE AYAR */

.signin-stage{
    min-height:100dvh;
    background:
        radial-gradient(circle at 18% 20%, rgba(46,177,145,.08), transparent 30%),
        radial-gradient(circle at 82% 78%, rgba(34,91,165,.07), transparent 32%),
        linear-gradient(rgba(61,81,75,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(61,81,75,.025) 1px, transparent 1px),
        linear-gradient(135deg,#f7f9f7 0%,#f2f5f2 48%,#f8f9f8 100%);
    background-size:
        auto,
        auto,
        56px 56px,
        56px 56px,
        auto;
}

/* Eski köşe geometrilerini kaldır */
.signin-stage::before,
.signin-stage::after{
    display:none !important;
}

/* Kart zeminden biraz daha net ayrılsın */
.signin-card{
    box-shadow:
        0 18px 50px rgba(37,52,47,.08),
        0 2px 8px rgba(37,52,47,.035);
}

/* Alt bilgi biraz daha okunaklı */
.signin-meta{
    color:#7f8985;
}


/* TABLET */

@media(max-width:900px){
    .signin-stage{
        padding:36px 22px;
        background-size:
            auto,
            auto,
            48px 48px,
            48px 48px,
            auto;
    }

    .signin-wrap{
        max-width:500px;
    }
}


/* MOBIL */

@media(max-width:600px){
    .signin-stage{
        min-height:100dvh;
        padding:24px 16px;
        align-items:center;
        background:
            radial-gradient(circle at 10% 12%, rgba(46,177,145,.08), transparent 34%),
            radial-gradient(circle at 90% 88%, rgba(34,91,165,.06), transparent 36%),
            linear-gradient(rgba(61,81,75,.02) 1px, transparent 1px),
            linear-gradient(90deg, rgba(61,81,75,.02) 1px, transparent 1px),
            #f5f7f5;
        background-size:
            auto,
            auto,
            42px 42px,
            42px 42px,
            auto;
    }

    .signin-wrap{
        width:100%;
        max-width:100%;
    }

    .signin-brand{
        margin-bottom:20px;
    }

    .signin-brand img{
        max-width:150px;
        max-height:46px;
    }

    .signin-brand span{
        font-size:13px;
        padding-left:14px;
    }

    .signin-card{
        width:100%;
        padding:38px 22px 28px;
        border-radius:14px;
        box-shadow:0 12px 34px rgba(37,52,47,.07);
    }

    .signin-page .form-signin .form-control{
        min-height:52px;
        font-size:16px;
    }

    .signin-page .form-signin .btn-primary{
        min-height:52px;
    }

    .signin-meta{
        margin-top:18px;
        font-size:11px;
    }
}


/* KUCUK TELEFON */

@media(max-width:380px){
    .signin-stage{
        padding:20px 13px;
    }

    .signin-card{
        padding-left:18px;
        padding-right:18px;
    }

    .signin-brand img{
        max-width:138px;
    }
}

/* BASAMAK CRM - KURUMSAL KIMLIK */

/* Kart üstünde marka renklerinden çok ince vurgu */
.signin-card{
    position:relative;
    overflow:hidden;
}

.signin-card::before{
    content:"" !important;
    display:block !important;
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:linear-gradient(
        90deg,
        #2eb191 0%,
        #225ba5 100%
    );
}

/* Giriş formunun işlevsel başlığı */
#signin-form::before{
    content:"Hesabınıza giriş yapın";
    display:block;
    margin:0 0 5px;
    text-align:left;
    font-size:19px;
    line-height:1.35;
    font-weight:650;
    letter-spacing:-.015em;
    color:#293135;
}

/* Küçük erişim açıklaması */
#signin-form .form-group:first-of-type::before{
    content:"YETKİLİ KULLANICI ERİŞİMİ";
    display:block;
    margin:0 0 18px;
    text-align:left;
    font-size:11px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.09em;
    color:#8a9390;
}

/* Şifre yenileme ekranları */
#request-password-form::before{
    content:"Şifrenizi yenileyin";
    display:block;
    margin:0 0 22px;
    text-align:left;
    font-size:19px;
    font-weight:650;
    color:#293135;
}

#reset-password-form::before{
    content:"Yeni şifrenizi belirleyin";
    display:block;
    margin:0 0 22px;
    text-align:left;
    font-size:19px;
    font-weight:650;
    color:#293135;
}

/* Basamak markasıyla form arasında bağ */
.signin-page .form-signin .btn-primary{
    background:#275d9b !important;
    border-color:#275d9b !important;
}

.signin-page .form-signin .btn-primary:hover,
.signin-page .form-signin .btn-primary:focus{
    background:#214f84 !important;
    border-color:#214f84 !important;
}

.signin-page .form-signin .form-control:focus{
    border-color:#5d82a9;
    box-shadow:0 0 0 3px rgba(34,91,165,.08) !important;
}

/* Kart altında güven hissi */
.signin-card .form-signin::after{
    content:"●  Güvenli bağlantı";
    display:block;
    margin-top:22px;
    padding-top:16px;
    border-top:1px solid #edf0ee;
    text-align:left;
    font-size:11px;
    font-weight:600;
    letter-spacing:.02em;
    color:#858e8b;
}

/* Mobil */
@media(max-width:600px){
    #signin-form::before,
    #request-password-form::before,
    #reset-password-form::before{
        font-size:18px;
    }

    #signin-form .form-group:first-of-type::before{
        margin-bottom:16px;
    }
}

/* Logo + CRM daha kompakt dursun */
.signin-brand{
    gap:10px;
}

.signin-brand span{
    padding-left:10px;
    margin-left:2px;
    border-left:1px solid rgba(95,105,102,.22);
    letter-spacing:.04em;
}

.signin-brand{
    gap:8px;
}

.signin-brand span{
    padding-left:8px;
    margin-left:0;
}