.database-backup-panel {
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #fbfdff;
}

.database-backup-panel h2 {
    margin: 0 0 8px;
    color: var(--primary-dark);
}

.database-backup-panel p {
    margin: 0 0 16px;
}

.database-backup-warning {
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid #e5c269;
    border-radius: 5px;
    color: #714d09;
    background: #fff8df;
}

.database-backup-panel form {
    display: grid;
    grid-template-columns: minmax(220px, 360px);
    gap: 8px;
    margin: 0;
}

.database-backup-panel label {
    font-weight: 700;
}

.database-backup-panel input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 4px;
    background: #fff;
    font: inherit;
}

.database-backup-panel input[type="password"]:focus {
    border-color: var(--primary);
    outline: 2px solid color-mix(in srgb, var(--primary) 20%, transparent);
}

.database-backup-panel button {
    min-height: 44px;
    margin-top: 6px;
    padding: 9px 20px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    color: #fff;
    background: var(--primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.database-backup-panel button:hover,
.database-backup-panel button:focus {
    border-color: var(--primary-dark);
    background: var(--primary-dark);
}