/* =========================================================
   TGF ADMIN PASSWORD RESET
   admin-login.css üzerine eklenir.
========================================================= */

.tgf-password-page .tgf-login-card {
    max-width: 450px;
}

.tgf-password-card {
    position: relative;
}

.tgf-password-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    border: 1px solid rgba(184, 138, 59, .20);
    border-radius: var(--login-radius);
    background: var(--login-accent-soft);
    color: var(--login-accent);
}

.tgf-password-icon svg {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
}

.tgf-password-form .fi-fo-field-wrp svg,
.tgf-password-form .fi-input-wrp svg,
.tgf-password-form .fi-icon-btn svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
}

.tgf-password-form .fi-form-actions {
    margin-top: 4px;
}

.tgf-password-form .fi-form-actions .fi-btn {
    width: 100%;
    justify-content: center;
}

.tgf-password-back {
    display: flex;
    justify-content: center;
    margin-top: 17px;
}

.tgf-password-back a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s ease;
}

.tgf-password-back a:hover {
    color: var(--login-accent);
}

.tgf-password-back svg {
    width: 15px !important;
    height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
}

.tgf-password-card .tgf-login-security-icon svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
}

.tgf-password-page .fi-simple-header,
.tgf-password-page .fi-logo {
    display: none !important;
}

@media (max-width: 560px) {
    .tgf-password-card {
        padding: 26px 20px;
    }

    .tgf-password-icon {
        width: 40px;
        height: 40px;
    }
}