/*
|--------------------------------------------------------------------------
| SEOYAZILIM CRM — Final Kurumsal Giriş Rötuşları
|--------------------------------------------------------------------------
*/

:root {
    --crm-final-navy: #09233f;
    --crm-final-navy-dark: #06182d;
    --crm-final-blue: #234f82;

    --crm-final-orange: #d88d35;
    --crm-final-orange-light: #e2a24e;

    --crm-final-text: #101d31;
    --crm-final-muted: #536177;
    --crm-final-soft: #6f7c90;

    --crm-final-border: #cbd4df;
    --crm-final-surface: #ffffff;
    --crm-final-focus: rgba(35, 79, 130, .12);
}

/* Genel kontrast */

.crm-login-body {
    color: var(--crm-final-text);
}

.crm-login-page {
    background:
        radial-gradient(
            circle at 7% 10%,
            rgba(32, 62, 103, .055),
            transparent 31%
        ),
        radial-gradient(
            circle at 93% 85%,
            rgba(216, 141, 53, .035),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f1f4f7 0%,
            #fafbfc 48%,
            #edf1f5 100%
        );
}

/* Logo */

.crm-logo-text small {
    color: #344157;
    font-size: 11px;
    font-weight: 800;
}

.crm-logo-text strong {
    color: #0b1c34;
    font-weight: 800;
}

/* Sistem durumu */

.crm-online-copy strong {
    color: #172438;
    font-size: 13px;
    font-weight: 700;
}

.crm-online-copy small {
    color: #657287;
    font-size: 11px;
    font-weight: 600;
}

/* Sol panel */

.crm-brand-panel {
    background:
        radial-gradient(
            circle at 86% 14%,
            rgba(216, 141, 53, .09),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            #0d2a49 0%,
            #082039 54%,
            #051629 100%
        );
}

.crm-brand-kicker {
    color: var(--crm-final-orange-light);
    font-weight: 800;
}

.crm-brand-top h1 {
    font-weight: 750;
}

.crm-brand-top h1 strong {
    color: var(--crm-final-orange-light);
    font-weight: 800;
}

.crm-brand-top p {
    color: rgba(255, 255, 255, .79);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.85;
}

.crm-building-visual {
    opacity: .75;
    filter:
        contrast(1.07)
        brightness(1.05);
}

.crm-brand-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(4, 20, 38, .98) 0%,
            rgba(6, 27, 49, .84) 45%,
            rgba(6, 27, 49, .34) 100%
        ),
        linear-gradient(
            to bottom,
            rgba(8, 33, 59, .08),
            rgba(2, 13, 25, .36)
        );
}

.crm-feature-copy strong {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.crm-feature-copy small {
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    font-weight: 500;
}

.crm-feature-icon {
    color: var(--crm-final-orange-light);
    border-color: rgba(255, 255, 255, .17);
    background: rgba(255, 255, 255, .06);
}

.crm-brand-footer {
    border-top-color: rgba(216, 141, 53, .7);
}

.crm-brand-footer strong {
    font-weight: 800;
}

.crm-brand-footer span {
    color: rgba(255, 255, 255, .58);
    font-size: 11px;
    font-weight: 500;
}

/* Sağ başlık */

.crm-form-kicker {
    color: var(--crm-final-orange);
    font-weight: 800;
}

.crm-form-heading h2 {
    color: #09172a;
    font-size: clamp(38px, 3.25vw, 49px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.048em;
}

.crm-form-heading p {
    max-width: 500px;
    color: var(--crm-final-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
}

/* Form alanları */

.crm-field-label {
    color: #172339;
    font-size: 14px;
    font-weight: 700;
}

.crm-input-container input {
    height: 61px;
    border: 1.5px solid var(--crm-final-border);
    color: #121f34;
    background: var(--crm-final-surface);
    font-size: 14px;
    font-weight: 600;
}

.crm-input-container input::placeholder {
    color: #8793a5;
    font-weight: 500;
}

.crm-input-container input:hover {
    border-color: #aeb9c7;
}

.crm-input-container input:focus {
    border-color: var(--crm-final-blue);
    background: #fff;
    box-shadow:
        0 0 0 4px var(--crm-final-focus),
        0 8px 18px rgba(23, 46, 76, .05);
}

.crm-input-icon {
    stroke: #64738a;
}

.crm-password-toggle {
    color: #637289;
}

.crm-password-toggle:hover {
    color: var(--crm-final-blue);
    background: #edf3f8;
}

/* Tarayıcı otomatik doldurma */

.crm-input-container input:-webkit-autofill,
.crm-input-container input:-webkit-autofill:hover,
.crm-input-container input:-webkit-autofill:focus {
    -webkit-text-fill-color: #121f34;
    box-shadow:
        0 0 0 1000px #fff inset,
        0 0 0 4px transparent;
    transition: background-color 9999s ease-in-out 0s;
}

/* Beni hatırla ve parola bağlantısı */

.crm-form-options {
    min-height: 28px;
}

.crm-remember-label {
    color: #536176;
    font-size: 13px;
    font-weight: 600;
}

.crm-checkbox-box {
    width: 19px;
    height: 19px;
    border-color: #abb7c5;
}

.crm-form-options a {
    color: #174d89;
    font-size: 13px;
    font-weight: 700;
}

/* Giriş butonu */

.crm-submit-button {
    height: 64px;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            var(--crm-final-navy) 0%,
            var(--crm-final-navy-dark) 100%
        );
    font-size: 16px;
    font-weight: 700;
}

.crm-submit-button::after {
    background:
        linear-gradient(
            90deg,
            var(--crm-final-orange),
            var(--crm-final-orange-light)
        );
}

.crm-submit-button:hover {
    box-shadow:
        0 22px 44px rgba(7, 29, 53, .3);
}

/* Güvenlik bilgi kutusu */

.crm-security-warning {
    border-color: #d3dae4;
    background: #f8fafc;
}

.crm-security-warning svg {
    stroke: #214b78;
}

.crm-security-warning p {
    color: #56647a;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
}

/* Form alt güvenlik */

.crm-form-security {
    color: #657287;
}

.crm-form-security > span:not(.crm-security-separator) {
    font-size: 11px;
    font-weight: 600;
}

/* Sayfa altı */

.crm-login-footer {
    color: #657286;
    font-size: 11px;
    font-weight: 600;
}

/* Klavye erişimi */

.crm-submit-button:focus-visible,
.crm-password-toggle:focus-visible,
.crm-form-options a:focus-visible,
.crm-remember-label:focus-within .crm-checkbox-box {
    outline: 3px solid rgba(35, 79, 130, .25);
    outline-offset: 3px;
}

/* Hata ve başarı mesajları */

.crm-login-alert {
    font-size: 12px;
    font-weight: 600;
}

.crm-login-alert-danger {
    color: #a52f42;
    border: 1px solid #f0cdd3;
    background: #fff2f4;
}

.crm-login-alert-success {
    color: #116b50;
    border: 1px solid #c9e9dc;
    background: #edf9f4;
}

/* Tablet */

@media (max-width: 950px) {
    .crm-form-heading h2 {
        font-size: 43px;
    }

    .crm-brand-top p {
        font-size: 14px;
    }

    .crm-login-footer {
        font-size: 10px;
    }
}

/* Mobil */

@media (max-width: 650px) {
    .crm-form-heading h2 {
        font-size: 34px;
        line-height: 1.12;
    }

    .crm-form-heading p {
        font-size: 13px;
    }

    .crm-brand-top h1 {
        font-size: 36px;
    }

    .crm-brand-top p {
        font-size: 13px;
        line-height: 1.7;
    }

    .crm-field-label {
        font-size: 13px;
    }

    .crm-security-warning p {
        font-size: 11px;
    }

    .crm-login-footer {
        color: #59677c;
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    .crm-form-heading h2 {
        font-size: 30px;
    }

    .crm-submit-button {
        height: 59px;
        font-size: 14px;
    }
}