/* Generic alert container */
.alert {
    max-width: 600px;
    padding: var(--spacing-base);
    border-radius: 20px;
    background-color: var(--secondary-bg);
    border: 1px solid var(--border-color);
}

.alert-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.alert-actions {
    display: flex;
    gap: var(--spacing-base);
    align-items: center;
    justify-content: flex-start;
    margin-top: var(--spacing-base);
}

.alert-success {
    color: #3e3;
    border-color: #3e36;
    background-color: #3e33;
}

.alert-title-success h2,
.alert-title-success span {
    color: #3e3;
}

.alert-warning {
    color: #ee3;
    border-color: #ee36;
    background-color: #ee33;
}

.alert-title-warning h2,
.alert-title-warning span {
    color: #ee3;
}

.alert-error {
    color: #f66;
    border-color: #f666;
    background-color: #f663;
}

.alert-title-error h2 {
    color: #f66;
}

.icon {
    font-size: 3em;
}

.alert-message {
    margin-top: 0;
    text-align: left;
}

.alert-description {
    color: #ccc;
    text-align: left;
}