/* Changelog Modal Styles */

.changelog-modal .changelog-content {
    max-height: 500px;
    overflow-y: auto;
}

.changelog-modal .changelog-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1rem;
}

.changelog-modal .changelog-body h5,
.changelog-modal .changelog-body h4 {
    color: #696cff;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.changelog-modal .changelog-body h5:first-child,
.changelog-modal .changelog-body h4:first-child {
    margin-top: 0;
}

.changelog-modal .changelog-body ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 1.5rem;
}

.changelog-modal .changelog-body ul li {
    padding-left: 1.5rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.changelog-modal .changelog-body ul li:before {
    content: "\f1db";
    font-family: "remixicon";
    position: absolute;
    left: 0;
    color: #696cff;
    font-size: 1rem;
}

.changelog-modal .changelog-body strong {
    color: #696cff;
    font-weight: 600;
}

.changelog-modal .changelog-body p {
    margin-bottom: 1rem;
}

.changelog-modal .changelog-body code {
    background-color: rgba(105, 108, 255, 0.1);
    color: #696cff;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.875em;
}

/* Scrollbar personalizzata per il contenuto del changelog */
.changelog-content::-webkit-scrollbar {
    width: 8px;
}

.changelog-content::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.changelog-content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.changelog-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}