/* Credentials pages shared styles (login, reset-key, etc.) */

.gradient-form {
    background: #ffe6d9 !important;
}

.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;

    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-left-radius: .3rem;
        border-bottom-left-radius: .3rem;
    }
}

/* Demo account button styles */
.demo-account-row {
    padding: 10px;
    text-align: center;
}

.demo-account-row a {
    margin: 0 auto;
    width: max-content;
    padding: 10px 30px !important;
}

/* Info box styles */
.info-box {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    border-left: 4px solid #17a2b8;
}

.info-box p {
    margin: 0;
    font-size: 14px;
    color: #555;
}

/* Back link styles */
.back-link {
    color: #6c757d;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}

.back-link:hover {
    color: #495057;
}

.back-link i {
    margin-right: 5px;
}