/*--------------------------------------------------------------
# Webkit-Scrollbar Styles
--------------------------------------------------------------*/

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: radial-gradient(#393939, #000000);
    border-radius: 5px;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    background-color: radial-gradient(#393939, #000000);
}

::-webkit-scrollbar-track {
    background: #1a1b1f;
}

.red {
    background: #ff4d4d !important;
    color: white !important;
}

.red:hover {
    background: #e60000 !important;
}

/* Melory white-label overrides */
.brand-mark {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #3ecf6e, #198f48);
    color: #06110a !important;
    font: 800 34px/1 system-ui, -apple-system, Segoe UI, sans-serif;
    text-decoration: none;
    box-shadow: 0 0 32px rgba(62, 207, 110, .35);
}
.support-btn { display: none !important; }
.spinner-logo { display: none !important; }

.brand-logo {
    display: block;
    max-width: 190px;
    max-height: 82px;
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 0 26px rgba(62, 207, 110, .28));
}
.form-logo .brand-logo { margin-bottom: 6px; }