.backup-warning {
    display: grid;
    gap: 3px;
    margin-top: 12px;
    padding: 11px 12px;
    border: 1px solid #f2dfb2;
    border-radius: 10px;
    background: #fff8e8;
    color: #7a5700;
    font-size: 10px;
}

.backup-warning span {
    color: #786f5e;
    line-height: 1.45;
}

.backup-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.backup-actions button {
    padding: 9px 12px;
    border-radius: 9px;
    cursor: pointer;
}

.config-backup[open] {
    padding-bottom: 4px;
}

/* O modal usa z-index 20; os avisos precisam permanecer visíveis acima dele. */
.toast {
    z-index: 50;
}